From 19bfb0baff098b209aed710d49765de75951ff16 Mon Sep 17 00:00:00 2001
From: liujun <liujun@zcloudchina.com>
Date: Thu, 21 Dec 2023 13:58:55 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=B8=E5=85=B3=E6=96=B9=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E7=BB=9F=E4=B8=80=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/xgf/flow_audit/userInfo.vue | 409 ++++++++++++++++++++++++++
 src/views/xgf/flow_audit/users.vue    |  27 +-
 2 files changed, 414 insertions(+), 22 deletions(-)
 create mode 100644 src/views/xgf/flow_audit/userInfo.vue

diff --git a/src/views/xgf/flow_audit/userInfo.vue b/src/views/xgf/flow_audit/userInfo.vue
new file mode 100644
index 0000000..7f497ec
--- /dev/null
+++ b/src/views/xgf/flow_audit/userInfo.vue
@@ -0,0 +1,409 @@
+<template>
+  <div>
+    <el-dialog
+      v-loading="loading"
+      v-if="visible"
+      :visible.sync="visible"
+      :append-to-body="true"
+      title="查看"
+      width="80%">
+      <div class="information">
+        <el-scrollbar style="height: 550px;margin-bottom: 10px">
+          <table class="table-ui" style="margin-bottom: 20px;">
+            <div class="level-title">
+              <h1>人员信息</h1>
+            </div>
+            <tr>
+              <th>照片</th>
+              <td>
+                <span v-if="imgUrl != ''">
+                  <div class="img-flex">
+                    <viewer>
+                      <img :src="imgUrl" width="40" height="40" style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+                <span v-else/>
+              </td>
+              <th>姓名</th>
+              <td>{{ userDetailForm.NAME }}</td>
+              <th>性别</th>
+              <td>{{ userDetailForm.SEX === '0' ? '男' : '女' }}</td>
+            </tr>
+            <tr>
+              <th>出生年月</th>
+              <td>{{ userDetailForm.DATE_OF_BIRTH }}</td>
+              <th>年龄</th>
+              <td>{{ userDetailForm.AGE }}</td>
+              <th>手机号</th>
+              <td>{{ userDetailForm.PHONE }}</td>
+            </tr>
+            <tr>
+              <th>身份证</th>
+              <td>{{ userDetailForm.CARD_ID }}</td>
+              <th>身份证照片</th>
+              <!--if条件不可删除-->
+              <td v-if="userCardIDPhotoFile.length>0" colspan="3">
+                <span>
+                  <div class="img-flex">
+                    <viewer>
+                      <img
+                        v-for="item in userCardIDPhotoFile"
+                        :src="config.fileUrl + item.FILEPATH"
+                        :key="item.IMGFILES_ID"
+                        width="40"
+                        height="40"
+                        style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+              </td>
+            </tr>
+
+            <tr>
+              <th>民族</th>
+              <td>{{ userDetailForm.minzuName ? userDetailForm.minzuName : '暂无信息' }}</td>
+              <th>婚姻状况</th>
+              <td>{{ userDetailForm.MARITALSTATUS === '0' ? '未婚' : '已婚' }}</td>
+              <th>政治面貌</th>
+              <td>{{ userDetailForm.zzName }} {{
+                userDetailForm.zzName == '中共党员' ? '入党时间' + userDetailForm.POLITICAL_TIME : ''
+              }}
+              </td>
+            </tr>
+
+            <tr>
+              <th>户口所在地</th>
+              <td>{{ userDetailForm.HKLOCAL ? userDetailForm.HKLOCAL : '暂无信息' }}</td>
+              <th>现住址</th>
+              <td>{{ userDetailForm.ADDRESS ? userDetailForm.ADDRESS : '暂无信息' }}</td>
+              <th>联系电话</th>
+              <td>{{ userDetailForm.PHONE }}</td>
+            </tr>
+            <tr>
+              <th>文化程度</th>
+              <td>{{ userDetailForm.DEGREE_OF_EDUCATION_NAME }}</td>
+              <th>岗位名称(工种)</th>
+              <td colspan="5">{{ userDetailForm.POST_ID }}</td>
+            </tr>
+            <tr>
+              <th>是否缴纳社保</th>
+              <td :colspan="userDetailForm.IS_SOCIAL === '1' ? '':5">{{ formatLabel(userDetailForm.IS_SOCIAL) }}</td>
+              <th v-if="userDetailForm.IS_SOCIAL === '1'">社会保障号码</th>
+              <td v-if="userDetailForm.IS_SOCIAL === '1'">{{ userDetailForm.SOCIAL_NUMBER }}</td>
+              <th v-if="userDetailForm.IS_SOCIAL === '1'">社保卡照片</th>
+              <td v-if="userDetailForm.IS_SOCIAL === '1'&& socialPhotoFile.length>0" colspan="3">
+                <span>
+                  <div class="img-flex">
+                    <viewer>
+                      <img
+                        v-for="item in socialPhotoFile"
+                        :src="config.fileUrl + item.FILEPATH"
+                        :key="item.IMGFILES_ID"
+                        width="40"
+                        height="40"
+                        style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <th>是否参加三级安全培训</th>
+              <td>{{ formatLabel(userDetailForm.IS_LEVEL_THREE) }}</td>
+              <th v-if="userDetailForm.IS_LEVEL_THREE == 1">三级安全培训照片</th>
+              <td v-if="userDetailForm.IS_LEVEL_THREE == 1 && photosOfLevel.length>0" colspan="5">
+                <span>
+                  <div class="img-flex">
+                    <viewer>
+                      <img
+                        v-for="item in photosOfLevel"
+                        :src="config.fileUrl + item.FILEPATH"
+                        :key="item.IMGFILES_ID"
+                        width="40"
+                        height="40"
+                        style="object-fit: cover;">
+                    </viewer>
+                  </div>
+                </span>
+              </td>
+            </tr>
+            <tr>
+              <th>是否缴纳保险</th>
+              <td>{{ formatLabel(userDetailForm.IS_BF) }}</td>
+              <th>是否特殊工种</th>
+              <td>{{ formatLabel(userDetailForm.IS_SPECIAL_JOB) }}</td>
+              <th>是否流动人员</th>
+              <td>{{ formatLabel(userDetailForm.ISFLOW) }}</td>
+            </tr>
+          </table>
+          <div>
+            <div class="level-title">
+              <h1>培训记录</h1>
+            </div>
+            <el-table
+              :data="trainRecordList"
+              :header-cell-style="{'font-weight': 'bold','color': '#000'}"
+              tooltip-effect="dark"
+              border
+              fit
+              highlight-current-row>
+              <el-table-column type="selection" width="55" align="center"/>
+              <el-table-column type="index" label="序号" width="50" align="center"/>
+              <el-table-column prop="CLASS_NAME" label="班级名称" align="center"/>
+              <el-table-column prop="OPENING_TIME" label="开班时间" align="center"/>
+              <el-table-column prop="TRAINING_TYPE_NAME" label="培训类型" align="center"/>
+              <el-table-column prop="PLACE_NAME" label="培训地点" align="center"/>
+              <el-table-column label="培训有效期" align="center">
+                <template slot-scope="{row}">
+                  <span>{{ formatDate(row.VALIDITY_PERIOD_START) }} 至 {{ formatDate(row.VALIDITY_PERIOD_END) }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+            <div v-if="userDetailForm.IS_SPECIAL_JOB == '1'" class="level-title">
+              <h1>特种作业人员信息</h1>
+            </div>
+            <table v-for="(item,index) in specialUsersList" :key="index" class="table-ui" style="margin-bottom: 20px;">
+              <tr>
+                <th style="width: 150px">证书名称</th>
+                <td style="width: 150px">{{ item.CERTIFICATE }}</td>
+                <th style="width: 150px">作业类别</th>
+                <td style="width: 180px">{{ item.SPECIAL_TYPE_NAME }}</td>
+                <th style="width: 150px">操作项目</th>
+                <td>{{ item.OPERATION_TYPE_NAME }}</td>
+              </tr>
+              <tr>
+                <th>特种作业证书编号</th>
+                <td>{{ item.SPECIAL_NUMBER }}</td>
+                <th>发证机关</th>
+                <td colspan="3">{{ item.ISSUING_AUTHORITY }}</td>
+              </tr>
+              <tr>
+                <th>复审时间</th>
+                <td>{{ item.REVIEW_TIME }}</td>
+                <th>有效期</th>
+                <td colspan="3">{{ item.VALIDITY_TIME_START }} 至 {{ item.VALIDITY_TIME_END }}</td>
+              </tr>
+            </table>
+            <div v-if="applyList.length > 0" class="level-title mt-20">
+              <h1>申请信息</h1>
+            </div>
+            <el-table
+              v-if="applyList.length > 0"
+              :data="applyList"
+              :header-cell-style="{'font-weight': 'bold','color': '#000'}"
+              tooltip-effect="dark"
+              border
+              fit
+              highlight-current-row>
+              <el-table-column type="expand">
+                <template slot-scope="props">
+                  <el-row>
+                    <el-form label-position="left" inline class="demo-table-expand">
+                      <el-col :span="5">
+                        <el-form-item label="属地管理部门">
+                          <span>{{ props.row.TERRITORIALITY_DEPARTMENT_NAME }}</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="5">
+                        <el-form-item label="审批人">
+                          <span>{{ props.row.TERRITORIALITY_USER_NAME }}</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="5">
+                        <el-form-item label="审批结果">
+                          <span v-if="props.row.TERRITORIALITY_STATE === 0">不通过</span>
+                          <span v-if="props.row.TERRITORIALITY_STATE ===1">通过</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="9">
+                        <el-form-item label="审批意见">
+                          <span>{{ props.row.TERRITORIALITY_OPINION }}</span>
+                        </el-form-item>
+                      </el-col>
+
+                      <el-col :span="5">
+                        <el-form-item label="主管部门">
+                          <span>{{ props.row.MANAGER_DEPARTMENT_NAME }}</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="5">
+                        <el-form-item label="审批人">
+                          <span>{{ props.row.MANAGER_USER_NAME }}</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="5">
+                        <el-form-item label="审批人">
+                          <span v-if="props.row.MANAGER_STATE === 0">不通过</span>
+                          <span v-if="props.row.MANAGER_STATE ===1">通过</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="9">
+                        <el-form-item label="审批意见">
+                          <span>{{ props.row.MANAGER_OPINION }}</span>
+                        </el-form-item>
+                      </el-col>
+
+                      <el-col :span="5">
+                        <el-form-item label="主管部门">
+                          <span>{{ props.row.SUPERVISION_DEPARTMENT_NAME }}</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="5">
+                        <el-form-item label="审批人">
+                          <span>{{ props.row.SUPERVISION_USER_NAME }}</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="5">
+                        <el-form-item label="审批人">
+                          <span v-if="props.row.SUPERVISION_STATE === 0">不通过</span>
+                          <span v-if="props.row.SUPERVISION_STATE ===1">通过</span>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="9">
+                        <el-form-item label="审批意见">
+                          <span>{{ props.row.SUPERVISION_OPINION }}</span>
+                        </el-form-item>
+                      </el-col>
+                    </el-form>
+                  </el-row>
+                </template>
+              </el-table-column>
+              <el-table-column prop="TERRITORIALITY_DEPARTMENT_NAME" label="属地管理部门" align="center"/>
+              <el-table-column prop="TERRITORIALITY_USER_NAME" label="审批人" align="center"/>
+              <el-table-column prop="TERRITORIALITY_STATE" label="审批结果" align="center">
+                <template slot-scope="{row}">
+                  <span v-if="row.TERRITORIALITY_STATE === 0">不通过</span>
+                  <span v-if="row.TERRITORIALITY_STATE ===1">通过</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="MANAGER_DEPARTMENT_NAME" label="主管部门" align="center"/>
+              <el-table-column prop="MANAGER_USER_NAME" label="审批人" align="center"/>
+              <el-table-column prop="MANAGER_STATE" label="审批人" align="center">
+                <template slot-scope="{row}">
+                  <span v-if="row.MANAGER_STATE === 0">不通过</span>
+                  <span v-if="row.MANAGER_STATE ===1">通过</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="SUPERVISION_DEPARTMENT_NAME" label="安全监督部门" align="center"/>
+              <el-table-column prop="SUPERVISION_USER_NAME" label="审批人" align="center"/>
+              <el-table-column prop="SUPERVISION_STATE" label="审批人" align="center">
+                <template slot-scope="{row}">
+                  <span v-if="row.SUPERVISION_STATE === 0">不通过</span>
+                  <span v-if="row.SUPERVISION_STATE ===1">通过</span>
+                </template>
+              </el-table-column>
+              <div slot="footer" class="dialog-footer">
+                <el-button @click="visible = false">关 闭</el-button>
+              </div>
+            </el-table>
+          </div>
+        </el-scrollbar>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="visible = false">取 消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import vueQr from 'vue-qr'
+import dateformat from '@/utils/dateformat'
+import { requestFN } from '@/utils/request'
+
+export default {
+  components: { vueQr },
+  props: {
+    appendToBody: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      imgUrl: '',
+      userDetailForm: {},
+      userCardIDPhotoFile: [], // 身份证照片
+      trainRecordList: [],
+      photosOfLevel: [], // 三级教育照片
+      specialUsersList: {},
+      insuranceFileList: [], // 保险文件
+      contractFileList: [],
+      socialPhotoFile: [],
+      gongshangbaoxianFile: [],
+      applyList: [],
+      loading: false,
+      heirloom: {},
+      config: config
+    }
+  },
+  methods: {
+    init(e) {
+      this.visible = true
+      this.heirloom = JSON.parse(JSON.stringify(e))
+      this.getUserInfoById(this.heirloom)
+    },
+    formatDate(date, column) {
+      if (date) {
+        return dateformat(date, 'YYYY-MM-DD')
+      } else {
+        return ''
+      }
+    },
+    getUserInfoById(row) {
+      this.loading = true
+      requestFN(
+        '/xgf/user/getInfo',
+        {
+          XGF_USER_ID: row.XGF_USER_ID,
+          CORPINFO_ID: JSON.parse(sessionStorage.getItem('user')).CORPINFO_ID,
+          CER_TYPE: '7498057c4c1f4a11b9a960e66ea04a7a'
+        }
+      ).then((data) => {
+        this.loading = false
+        Object.assign(this.userDetailForm, data.info)
+        const picture = data.img
+        this.userPhotoFile = picture.userPhotoFile
+        if (this.userPhotoFile.length > 0) {
+          this.imgUrl = config.fileUrl + this.userPhotoFile[0].FILEPATH
+        }
+        this.photosOfLevel = picture.photosOfLevel
+        this.specialUsersList = picture.specialUsers
+        this.insuranceFileList = picture.insuranceFile
+        this.contractFileList = picture.contractFile
+        this.userCardIDPhotoFile = picture.userCardIDPhotoFile
+        this.socialPhotoFile = picture.socialPhotoFile
+        this.gongshangbaoxianFile = picture.gongshangbaoxianFile
+        if (row.STATUS === '2') {
+          this.qrCodeStr = config.messageUrl + '?USER_ID=' + row.USER_ID
+        } else {
+          this.qrCodeStr = ''
+        }
+        this.trainRecordList = data.trainRecordList
+        this.applyList = data.applyList
+      }).catch((e) => {
+        console.log(e)
+      })
+    },
+    formatLabel(value) {
+      if (value == '1') {
+        return '是'
+      } else if (value == '0') {
+        return '否'
+      } else {
+        return ''
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
+<style scoped>
+.information >>> .el-scrollbar__wrap {
+  overflow-x: hidden;
+}
+</style>
diff --git a/src/views/xgf/flow_audit/users.vue b/src/views/xgf/flow_audit/users.vue
index 6dab79c..9a70de3 100644
--- a/src/views/xgf/flow_audit/users.vue
+++ b/src/views/xgf/flow_audit/users.vue
@@ -107,6 +107,7 @@
       </span>
     </el-dialog>
     <user ref="userInfo" append-to-body/>
+    <user-info ref="userInfos"/>
   </div>
 </template>
 
@@ -115,9 +116,11 @@ import Pagination from '@/components/Pagination' // 通过 el-pagination二次
 import { requestFN } from '@/utils/request'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import user from './user.vue'
+import UserInfo from './userInfo.vue'
 
 export default {
   components: {
+    UserInfo,
     Pagination, user
   },
   data() {
@@ -191,28 +194,8 @@ export default {
       this.$refs.userInfo.init(row)
     },
     // 查看
-    async handleShow(row) {
-      await this.getUserInfoById(row.USER_ID)
-      this.userInfoDialog = true
-      this.heirloom = row
-      console.log(row.SUPERVISION_STATE, row.MANAGER_STATE, row.TERRITORIALITY_STATE)
-      if (row.SUPERVISION_STATE === 0 || row.MANAGER_STATE === 0 || row.TERRITORIALITY_STATE === 0) {
-        if (row.SUPERVISION_STATE === 0) {
-          this.message = row.SUPERVISION_OPINION
-          this.operator = row.SUPERVISION_USER_NAME
-        }
-        if (row.MANAGER_STATE === 0) {
-          this.message = row.MANAGER_OPINION
-          this.operator = row.MANAGER_USER_NAME
-        }
-        if (row.TERRITORIALITY_STATE === 0) {
-          this.message = row.TERRITORIALITY_OPINION
-          this.operator = row.TERRITORIALITY_USER_NAME
-        }
-      } else {
-        this.message = ''
-        this.operator = ''
-      }
+    handleShow(row) {
+      this.$refs.userInfos.init(row)
     },
     examineShow(row) {
       this.form.TRAIN_USERS_ID = row.TRAIN_USERS_ID