新增保安员证件信息

Administrator

2021-07-19 1fcf8e3593c07aa6c10fd515ffc8674d1beecbf2

新增保安员证件信息

 src/router/views/index.js

@@ -230,6 +230,19 @@
                import ( /* webpackChunkName: "views" */ '@/views/management/peopleDetails')
        }]
    }, {
        path: '/management',
        redirect: '/management/idinformation',
        component: Layout,
        children: [{
            path: 'idinformation',
            name: '保安证件信息',
            meta: {
                i18n: 'index',
            },
            component: () =>
                import ( /* webpackChunkName: "views" */ '@/views/management/idinformation')
        }]
    }, {
        path: '/securityCompany',
        redirect: '/securityCompany/index',
        component: Layout,

 src/views/management/idinformation.vue

New file
@@ -0,0 +1,167 @@

<template>
  <div>
    <div id="table">
      <span class="title">保安员证件信息</span>
      <table
        class="user-info-table"
        border="1px"
        align="center"
        cellspacing="0"
        cellpadding="10"
      >
        <tr class="user-info-tr">
          <td width="150px">姓名</td>
          <td width="150px">{{ data.realName }}</td>
          <td width="150px">身份证号</td>
          <td width="150px">{{ data.cardid }}</td>
          <td width="150px">性别</td>
          <td width="150px" v-if="data.sex == 1">男</td>
          <td width="150px" v-if="data.sex == 2">女</td>
          <td rowspan="4" align="center" width="150px" v-if="data.avatar == ''">
            照片
          </td>
          <td rowspan="4" align="center" width="150px" v-if="data.avatar != ''">
            <img :src="img" class="avatar" />
          </td>
        </tr>

        <tr class="user-info-tr">
          <td>手机号</td>
          <td>{{ data.phone }}</td>
          <td>出生日期</td>
          <td>{{ data.birthday }}</td>
          <td>名族</td>
          <td>{{ data.nation }}</td>
        </tr>

        <tr class="user-info-tr">
          <td>文化程度</td>
          <td v-if="data.education == 1">初中及以下</td>
          <td v-if="data.education == 2">高中/中技/中专</td>
          <td v-if="data.education == 3">大专</td>
          <td v-if="data.education == 4">本科</td>
          <td v-if="data.education == 5">硕士</td>
          <td v-if="data.education == 6">博士</td>
          <td>政治面貌</td>
          <td>{{ data.politicaloutlook }}</td>
          <td>身高</td>
          <td v-if="data.height == -1"></td>
          <td v-if="data.height != -1">{{ data.height }}</td>
        </tr>

        <tr class="user-info-tr">
          <td>婚姻状况</td>
          <td></td>
          <td>兵役情况</td>
          <td></td>
          <td>是否缴纳社保</td>
          <td></td>
        </tr>

        <tr class="user-info-tr">
          <td>是否在职</td>
          <td v-if="data.status == 1">是</td>
          <td v-if="data.status == 2">否</td>
          <td>保安单位</td>
          <td colspan="4">{{ data.deptName }}</td>
        </tr>

        <tr class="user-info-tr">
          <td colspan="2">户籍地省市县(区)</td>
          <td colspan="2">{{ data.nativeplace }}</td>
          <td>培训单位</td>
          <td colspan="2"></td>
        </tr>

        <tr class="user-info-tr">
          <td>户籍地详细地址</td>
          <td colspan="6">{{ data.address }}</td>
        </tr>

        <tr class="user-info-tr">
          <td>保安员证编号</td>
          <td colspan="2">{{ data.securitynumber }}</td>
          <td>职业等级</td>
          <td></td>
          <td>指纹撩印卡号</td>
          <td></td>
        </tr>
        <tr class="user-info-tr">
          <td>发证机关</td>
          <td colspan="2"></td>
          <td>发证日期</td>
          <td></td>
          <td>吊销机关</td>
          <td></td>
        </tr>

        <tr class="user-info-tr">
          <td>数据录入机关</td>
          <td colspan="2"></td>
          <td>数据录入地</td>
          <td colspan="3"></td>
        </tr>
        <tr class="user-info-tr">
          <td>签订合同日期</td>
          <td colspan="2"></td>
          <td>签订合同期限</td>
          <td colspan="3"></td>
        </tr>
      </table>
    </div>
  </div>
</template>
<script>
import table from "../util/table.vue";
export default {
  components: { table },
  data() {
    return {
      data: {},
      img: "",
    };
  },
  created() {
    this.data = this.$route.query;
    this.img = this.data.avatar;
    console.log(this.data, 111);
  },
};
</script>

<style lang='scss' scoped>
#table {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  .title {
    margin-top: 20px;
  }

  .user-info-table {
    margin-top: 30px;
    width: 70%;
    height: 60%;
    border: 1px solid #fff;
    // text-align: center;

    .user-info-tr {
      height: 50px;

      .avatar {
        width: 140px;
        height: 190px;
      }
    }
  }
}

.avatar {
  width: 140px;
  height: 190px;
}
</style>

 src/views/management/register.vue

@@ -60,6 +60,13 @@
                    </template> -->
          <template slot-scope="{ type, size, row }" slot="menu">
            <el-button
              :size="size"
              :type="type"
              class="zhengJian-icon"
              @click.stop="handleViewCredentials(row)"
              >查看证件</el-button
            >
            <el-button
              icon="icon-zhengjian"
              :size="size"
              :type="type"
@@ -188,7 +195,7 @@
        //dialogType: 'drawer',
        dialogClickModal: false,
        // 操作栏宽度
        menuWidth: 156,
        menuWidth: 175,
        column: [
          {
            label: "保安姓名",
@@ -787,6 +794,15 @@
        query: obj,
      });
    },
    //证件查看
    handleViewCredentials(row) {
      var obj = row;
      obj["name"] = "保安证件信息";
      this.$router.push({
        path: `/management/idinformation`,
        query: obj,
      });
    },
    // 证件吊销事件
    handleCredentials(row) {
      if (row.hold == 1) {