个人资料详情样式及其他修改

shuishen

2021-09-01 265dbc8214888d39a412c9932ace50b244393b3b

个人资料详情样式及其他修改

 public/securityInfo.html

@@ -12,15 +12,31 @@
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background-color: rgba(42, 66, 110, 0.8);
      /* background-color: rgba(42, 66, 110, 0.8); */
      background: #0ED2F7;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to left, #B2FEFA, #0ED2F7);
      /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to left, #B2FEFA, #0ED2F7);
      /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

            width: 100%;
            height: 100%;
        }
        
        .top {
            width: 100%;
            height: 250px;
            background-color: aquamarine;
      height: 224px;
      /* background-color: aquamarine; */

      background: #00d2ff;
      /* fallback for old browsers */
      background: -webkit-linear-gradient(to left, #00d2ff, #13b0ee, #13b0ee, #00d2ff);
      /* Chrome 10-25, Safari 5.1-6 */
      background: linear-gradient(to left, #00d2ff, #13b0ee, #13b0ee, #00d2ff);
      /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


            display: flex;
            align-items: center;
            justify-content: center;
@@ -43,13 +59,14 @@
            margin-top: 15px;
            font-size: 16px;
            letter-spacing: 1px;
      color: #fff;
        }
        
        .content {
            margin-top: 5px;
            width: 90%;
            height: 500px;
            background-color: rgba(74, 66, 98, 0.8);
      background-color: rgba(65, 64, 66, 0.1);
            border-radius: 5px;
            display: flex;
            flex-direction: column;
@@ -68,7 +85,10 @@
        }
        
        .title {
            margin-left: 7%;
      margin-left: 6%;
      display: inline-block;
      width: 26%;
      min-width: 80px;
        }
    </style>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
@@ -127,8 +147,8 @@
        // alert(securityNumber);


        axios.get('http://223.82.109.183:2080/api/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function(res) {
            // axios.get('http://localhost:81/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function(res) {
    // axios.get('http://223.82.109.183:2080/api/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function (res) {
      axios.get('http://192.168.0.114:81/qrCode/getUserInfo?securityNumber=赣洪202100008').then(function(res) {

            var data = res.data;
            console.log(data, 456);
@@ -147,18 +167,37 @@
                <span class="title">名称</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.realName}</span>
            </div>
            <div class="row-content">
                <span class="title">公司名称</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.deptName}</span>
            </div>

            <div class="row-content">
                <span class="title">性别</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.sex==1?'男':data.sex==2?'女':''}</span>
            </div>

            <div class="row-content">
                <span class="title">年龄</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.age}</span>
            </div>

            <div class="row-content">
                <span class="title">籍 贯</span></span></span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.nativeplace}</span>
            </div>

            <div class="row-content">
                <span class="title">是否派遣</span></span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.dispatch == 0 ? '已派遣' : '未派遣'}</span>
            </div>

            <div class="row-content">
                <span class="title">联系电话</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.phone}</span>
            </div>

            <div class="row-content">
                <span class="title">公司名称</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.deptName}</span>
            </div>

            <div class="row-content">
                <span class="title">保安证编号</span>
                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.securitynumber}</span>