[FE]整合人脸审核页面到用户管理

security-protection-platform/src/api/usermana/index.js

@@ -49,7 +49,18 @@ const api = {
    } else {
      return $default.delete(`/sp/employeeManagement/deleteEmployee?employeeId=${data.employeeId}`).catch((err) => { return err })
    }
  },
  // 获取单个用户信息
  getOneEmployee (params) {
    return $default.get('/sp/employeeManagement/queryOneEmployee', params)
  },
  // 审核用户照片
  auditEmployeePicture (params) {
    return $default.post('/sp/employeeManagement/auditEmployeePicture', params)
  }
}
function nest (items, code = '-1', link = 'parentCode') {
  return items.filter(item => item[link] === code).map(item => ({ ...item, departments: nest(items, item.code) }))

security-protection-platform/src/modules/aialarm/index.vue

@@ -177,7 +177,7 @@
          <div>
            <t-button @click="details_modal=false">取消</t-button>
            <t-button color="primary" @click="confimclick">确认</t-button>
            <t-button :loading="loading" color="primary" @click="confimclick">确认</t-button>
          </div>
        </div>
@@ -252,6 +252,7 @@ export default {
      limit: 10,
      total: 0,
      loading: false,
      playerOptions: {
        playbackRates: [0.7, 1.0, 1.5, 2.0], // 播放速度
        autoplay: false, // 如果true,浏览器准备好时开始回放。
@@ -323,6 +324,7 @@ export default {
    // 未确认状态的模态框的确认按钮 || 处理中状态的模态框的确认按钮
    confimclick () {
      this.loading = true
      // 获取单选框中的值
      // console.log(this.msg)
      // 判断是否选择了单选框
@@ -330,8 +332,6 @@ export default {
        // 向后端发送数据
        this.alarmdispose(this.alarmDetailData.workTaskId, this.status)
        // console.log(this.status)
        // 关闭模态框
        this.details_modal = false
      } else {
        this.$Message.warning('请选择按钮')
      }
@@ -340,16 +340,20 @@ export default {
    async alarmdispose (id, status, processMemo) {
      const dict = { 'END': '已解决', 'RUN': '处理中', 'FAL': '误报' }
      console.log(id, status, dict[status])
      // console.log(id, status, dict[status])
      var res = await aialarmapi.dispose({ 'workTaskId': id, 'status': status, 'processMemo': dict.status })
      if (res.status === 200) {
        this.$Message.success('操作成功')
        this.data[this.currentdata.index].status = res.data.data.status
        if (res.data.data.status === 'END') {
          this.data[this.currentdata.index].processTime = res.data.data.doneDate
        }
        this.search()
        this.loading = false
        // 关闭模态框
        this.details_modal = false
        // this.data[this.currentdata.index].status = res.data.data.status
        // if (res.data.data.status === 'END') {
        //   this.data[this.currentdata.index].processTime = res.data.data.doneDate
        // }
      } else {
        this.$Message.danger('处理失败')
      }

security-protection-platform/src/modules/usermana/components/modal/audit.vue

@@ -10,36 +10,36 @@
          <div>
            <span>姓名 :</span>
            <span>张三</span>
            <span>{{ auditdata.employeeName }}</span>
          </div>
          <div>
            <span>员工编号 :</span>
            <span>zhangsan</span>
            <span>{{ auditdata.employeeCode }}</span>
          </div>
          <div>
            <span>公司 :</span>
            <span>xx风场</span>
            <span>{{ companyName }}</span>
          </div>
          <div>
            <span>部门 :</span>
            <span>设备管理处</span>
            <span>{{ auditdata.organizationName }}</span>
          </div>
          <div>
            <span>职务 :</span>
            <span>运维人员</span>
            <span>{{ auditdata.employeePositionZh }}</span>
          </div>
          <div>
            <span>年龄 :</span>
            <span>28</span>
            <span>{{ auditdata.age }}</span>
          </div>
          <div style="width:100%">
            <span>手机 :</span>
            <span>188888888</span>
            <span>{{ auditdata.mainWirelessCall }}</span>
          </div>
          <div style="height:160px">
            <div>人脸照片 :</div>
            <div>
              <img src="http://img95.699pic.com/photo/50028/0321.jpg_wh300.jpg" alt="" srcset="">
              <img :src="auditdata.pictureUrl" alt="" srcset="">
            </div>
          </div>
@@ -49,8 +49,8 @@
            <t-form-item label="人脸审核" prop="audit">
              <t-radio-group v-model="formItem.audit" class="col-5">
                <t-radio label="yes">通过</t-radio>
                <t-radio label="no">不通过</t-radio>
                <t-radio label="5">通过</t-radio>
                <t-radio label="3">不通过</t-radio>
              </t-radio-group>
            </t-form-item>
@@ -73,7 +73,7 @@
      </div>
      <div slot="footer">
        <t-button long @click="visibled=false">取消</t-button>
        <t-button color="primary" long @click="submit">提交</t-button>
        <t-button :loading="loading" color="primary" long @click="submit">提交</t-button>
      </div>
    </t-modal>
@@ -81,12 +81,21 @@
</template>
<script>
import useapi from '@/api/usermana'
export default {
  props: {
    // 显示 / 隐藏导入工单对话框
    auditshow: {
      type: Boolean,
      default: false
    },
    auditid: {
      type: Number,
      default: 0
    },
    companyName: {
      type: String,
      default: ''
    }
  },
  data () {
@@ -97,7 +106,9 @@ export default {
      },
      ruleValidate: {
        audit: [{ required: true, message: '请选择操作', trigger: 'change' }]
      }
      },
      auditdata: {},
      loading: false
    }
  },
  computed: {
@@ -121,17 +132,46 @@ export default {
         *向后端获取modal数据
         *
         */
        console.log('发送数据', this.auditid)
        // useapi.getOneEmployee({
        //   params: { employeeId: this.auditid }
        // })
        this.search()
      }
    }
  },
  methods: {
    submit () {
      console.log(this.formItem)
    async submit () {
      this.loading = true
      // console.log('向后端发送的数据是', this.formItem.audit)
      var params = {}
      params.id = this.auditid
      params.field2 = this.formItem.audit
      params.field3 = this.formItem.opinion
      console.log('向后端发送的数据是', params)
      const res = await useapi.auditEmployeePicture(params)
      console.log(res)
      if (res.data.success === true) {
        this.loading = false
        this.$emit('refeshUserList')
        this.visibled = false
      }
      /*
        向后端发送post请求
     */
      this.visibled = false
    },
    async search () {
      const res = await useapi.getOneEmployee({
        params: { employeeId: this.auditid }
      })
      console.log(res)
      if (res.status === 200) {
        console.log(res.data.data)
        this.auditdata = res.data.data
      }
    }
  }

security-protection-platform/src/modules/usermana/index.vue

@@ -54,7 +54,7 @@
            <template v-slot="{row}">
              <a href="javascript:;" style="color:#0089D4;" @click="editDeviceData(row.resourceToolId)">编辑</a>
              <a href="javascript:;" style="color:#0089D4;" @click="deleteUserData(row)">删除</a>
              <a href="javascript:;" style="color:#0089D4;" @click="deleteDeviceData(row)">人脸审核</a>
              <a v-if="row.field2!='5'" href="javascript:;" style="color:#0089D4;" @click="auditdata(row.id,row.companyName)">人脸审核</a>
            </template>
          </t-table-column>
        </t-table>
@@ -65,15 +65,18 @@
      </div>
    </t-card>
    <add-user-modal :visible="addDeviceModal"></add-user-modal>
    <auditModal :auditshow.sync="auditshow" :auditid="auditid" :company-name="companyName" @refeshUserList="getUserList"></auditModal>
  </div>
</template>
<script>
import sysapi from '@/api/usermana'
import addUserModal from './components/modal/addUser'
import auditModal from './components/modal/audit'
export default {
  components: {
    addUserModal
    addUserModal,
    auditModal
  },
  data () {
    return {
@@ -103,7 +106,14 @@ export default {
      currentDeviceData: {},
      // 显示/隐藏新增设备对话框
      addDeviceModal: false,
      currentEditDevice: {}
      currentEditDevice: {},
      // 人脸审核模态框显示
      auditshow: false,
      // 人脸审核选择id
      auditid: 0,
      // 人脸审核的公司名称
      companyName: ''
    }
  },
  watch: {
@@ -305,6 +315,12 @@ export default {
        this.$Message.danger('设备数据获取失败！')
      }
      this.addDeviceModal = true
    },
    // 人脸审核
    auditdata (id, companyName) {
      this.companyName = companyName
      this.auditid = id
      this.auditshow = true
    }
  }
}