1154 lines
38 KiB
Vue
1154 lines
38 KiB
Vue
<template>
|
||
<div class="temporary whiteBlock">
|
||
<div class="content">
|
||
<div class="title_wrap flex">
|
||
<el-form :inline="true" class="demo-form-inline" size="medium">
|
||
<el-form-item :label="$t('message.laborMange.companies')">
|
||
<el-select
|
||
v-model="tableParameter.enterpriseId"
|
||
:placeholder="$t('message.laborMange.pleaseChoose')"
|
||
filterable
|
||
>
|
||
<el-option
|
||
:label="$t('message.laborMange.allTheCompany')"
|
||
:value="''"
|
||
></el-option>
|
||
<el-option
|
||
v-for="(item, index) in enterpriseListData"
|
||
:key="index"
|
||
:label="item.enterpriseName"
|
||
:value="item.id"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item :label="$t('message.laborMange.compellation')">
|
||
<el-input
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
v-model="tableParameter.workerName"
|
||
></el-input>
|
||
</el-form-item>
|
||
<!-- <el-form-item label="身份证号">
|
||
<el-input placeholder="请输入" v-model="tableParameter.idCard"></el-input>
|
||
</el-form-item> -->
|
||
<el-form-item>
|
||
<el-button
|
||
type="primary"
|
||
@click="
|
||
page = 1;
|
||
getInfoList(1);
|
||
"
|
||
plain
|
||
>{{ $t("message.laborMange.inquire") }}</el-button
|
||
>
|
||
<el-button
|
||
type="warning"
|
||
@click="
|
||
page = 1;
|
||
tableParameter.workerName = '';
|
||
tableParameter.enterpriseId = '';
|
||
getInfoList(2);
|
||
"
|
||
plain
|
||
>{{ $t("message.laborMange.refresh") }}</el-button
|
||
>
|
||
<el-button type="primary" @click="editProjectSettingDialog = true"
|
||
>{{ $t("message.laborMange.mobilePersonnelEntryOptions") }}</el-button
|
||
>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div style="float: right; margin-top: -20px">
|
||
<span style="line-height: 36px; padding: 0 12px 0 0; font-size: 14px"
|
||
>{{ $t("message.laborMange.personnelType") }}</span
|
||
>
|
||
<el-select
|
||
@change="getInfoList(3)"
|
||
size="medium"
|
||
v-model="tableParameter.personType"
|
||
:placeholder="$t('message.laborMange.pleaseChoose')"
|
||
>
|
||
<el-option :label="$t('message.laborMange.all')" :value="''"></el-option>
|
||
<el-option :label="$t('message.laborMange.modules')" value="1"></el-option>
|
||
<el-option :label="$t('message.laborMange.modules1')" value="2"></el-option>
|
||
</el-select>
|
||
</div>
|
||
</div>
|
||
<vue-scroll style="height: 86%">
|
||
<el-table
|
||
:data="tableData"
|
||
style="width: 100%"
|
||
:header-cell-style="{ background: '#E2EBFF' }"
|
||
:show-header="false"
|
||
>
|
||
<el-table-column prop="attendanceNumber" align="center">
|
||
<template slot-scope="scope">
|
||
<div class="flex3" style="padding-left: 20px">
|
||
<img
|
||
:src="$store.state.FILEURL + scope.row.idCardBigPhotoUrl"
|
||
style="
|
||
width: 52px;
|
||
height: 72px;
|
||
margin: 0px 15px;
|
||
cursor: pointer;
|
||
"
|
||
@click="handlePreview(scope.row.idCardBigPhotoUrl)"
|
||
/>
|
||
<div>
|
||
<div class="workerName" @click="showDetail(scope.row)">
|
||
{{ scope.row.workerName }}
|
||
</div>
|
||
<div style="text-align: left">
|
||
<span>{{
|
||
scope.row.sex == 1
|
||
? $t("message.laborMange.man")
|
||
: $t("message.laborMange.female")
|
||
}}</span>
|
||
<span>{{ scope.row.nation }}</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="attendanceNumber" align="left">
|
||
<template slot-scope="scope">
|
||
<!-- <div>{{$t('message.laborMange.attendanceNumber')}}：{{scope.row.attendanceNumber}}</div> -->
|
||
<div>{{$t("message.laborMange.companies")}}：{{ scope.row.enterpriseName }}</div>
|
||
<div v-if="scope.row.personType == 1">
|
||
{{$t("message.laborMange.belongsToTeam")}}：{{ scope.row.teamName }}
|
||
</div>
|
||
<div v-if="scope.row.personType == 2">
|
||
{{$t("message.laborMange.department")}}：{{ scope.row.departmentName }}
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="idCard" align="lfet">
|
||
<template slot-scope="scope">
|
||
<div>
|
||
<div>
|
||
{{ $t("message.laborMange.IdNumber") }}：{{
|
||
scope.row.idCard
|
||
}}
|
||
</div>
|
||
<div>
|
||
{{ $t("message.laborMange.contactNumber") }}：{{
|
||
scope.row.phoneNumber
|
||
}}
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="sex" label="" align="center">
|
||
<template slot-scope="scope">
|
||
<div class="flex" style="width: 40%; margin: auto">
|
||
<!-- <div class="flex" style="cursor: pointer;" @click="editStaffInfo(scope.row)">
|
||
<img src="@/assets/images/icon-edit.png" style="margin-right:8px" />
|
||
<span>{{$t('message.laborMange.edit')}}</span>
|
||
</div> -->
|
||
<div
|
||
class="flex"
|
||
style="cursor: pointer"
|
||
@click="auditFn(scope.row.id, 1)"
|
||
>
|
||
<el-button type="danger" size="medium">{{ $t("message.laborMange.reject") }}</el-button>
|
||
</div>
|
||
<div
|
||
class="flex"
|
||
style="cursor: pointer"
|
||
@click="auditFn(scope.row.id, 2)"
|
||
>
|
||
<el-button type="primary" size="medium">{{ $t("message.laborMange.pass") }}</el-button>
|
||
</div>
|
||
<!-- <div class="flex" style="cursor: pointer;" @click="deteleStaffInfo(scope.row)">
|
||
<img
|
||
src="@/assets/images/icon-delete.png"
|
||
style="margin-right:8px;margin-top:-2px"
|
||
/>
|
||
<span>{{$t('message.laborMange.delete')}}</span>
|
||
</div> -->
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</vue-scroll>
|
||
<!-- <el-pagination
|
||
class="pagerBox"
|
||
style="margin:10px 20px 0; text-align: right; "
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="page"
|
||
:page-size="pageSize"
|
||
layout="total, sizes, prev, pager, next"
|
||
:total="total"
|
||
background
|
||
></el-pagination> -->
|
||
<el-pagination
|
||
style="margin: 10px 20px 0"
|
||
class="pagerBox"
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="page"
|
||
:page-sizes="$store.state.PAGESIZRS"
|
||
:page-size="pageSize"
|
||
layout="total, sizes, prev, pager, next"
|
||
:total="total"
|
||
background
|
||
></el-pagination>
|
||
</div>
|
||
|
||
<!-- 新增 || 编辑 弹框 -->
|
||
<el-dialog
|
||
:modal-append-to-body="false"
|
||
class="temporaryDialog"
|
||
:title="temporaryTitle"
|
||
:visible.sync="temporaryDialog"
|
||
width="1100px"
|
||
:close-on-click-modal="false"
|
||
>
|
||
<div class="dialog_content">
|
||
<el-form
|
||
ref="addForm"
|
||
:rules="rules"
|
||
:model="addForm"
|
||
size="small"
|
||
label-width="100px"
|
||
>
|
||
<el-row :gutter="24">
|
||
<div class="titleStyle flex">
|
||
<span>{{ $t("message.laborMange.essential") }}</span>
|
||
</div>
|
||
<el-col :span="16">
|
||
<el-row :gutter="24">
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.compellation')"
|
||
prop="workerName"
|
||
>
|
||
<el-input
|
||
v-model="addForm.workerName"
|
||
style="width: 210px"
|
||
:disabled="operationType == 'detail'"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.sex')"
|
||
prop="sex"
|
||
>
|
||
<el-radio-group
|
||
v-model="addForm.sex"
|
||
:disabled="operationType == 'detail'"
|
||
>
|
||
<el-radio :label="1">{{
|
||
$t("message.laborMange.man")
|
||
}}</el-radio>
|
||
<el-radio :label="2">{{
|
||
$t("message.laborMange.female")
|
||
}}</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.dateOfBirth')"
|
||
prop="birthday"
|
||
>
|
||
<el-date-picker
|
||
:disabled="operationType == 'detail'"
|
||
v-model="addForm.birthday"
|
||
style="width: 210px"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
:placeholder="$t('message.laborMange.pleaseSelectADate')"
|
||
></el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.IdNumber2')"
|
||
prop="idCard"
|
||
>
|
||
<el-input
|
||
:disabled="operationType == 'detail'"
|
||
v-model="addForm.idCard"
|
||
style="width: 210px"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
maxlength="18"
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.nation')"
|
||
prop="nation"
|
||
>
|
||
<el-select
|
||
style="width: 210px"
|
||
v-model="addForm.nation"
|
||
:placeholder="$t('message.laborMange.pleaseChoose')"
|
||
:disabled="operationType == 'detail'"
|
||
>
|
||
<el-option
|
||
v-for="item in $t('message.laborMange.nationList')"
|
||
:key="item.name"
|
||
:label="item.name"
|
||
:value="item.name"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.nativePlace')"
|
||
prop="nativePlace"
|
||
>
|
||
<el-input
|
||
v-model="addForm.nativePlace"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
style="width: 210px"
|
||
:disabled="operationType == 'detail'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.issuingAuthority')"
|
||
prop="issuingAuthorityForIdcard"
|
||
>
|
||
<el-input
|
||
v-model="addForm.issuingAuthorityForIdcard"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
style="width: 210px"
|
||
:disabled="operationType == 'detail'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.effectiveDate')"
|
||
prop="idCardEndDate"
|
||
>
|
||
<el-input
|
||
v-if="addForm.longTerm == 1"
|
||
:value="$t('message.laborMange.longTime')"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
style="width: 210px"
|
||
:disabled="operationType == 'detail'"
|
||
></el-input>
|
||
<el-date-picker
|
||
v-else
|
||
v-model="addForm.idCardEndDate"
|
||
style="width: 210px"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
:placeholder="$t('message.laborMange.pleaseSelectADate')"
|
||
:disabled="operationType == 'detail'"
|
||
></el-date-picker>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
<el-row :gutter="24">
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.contactNumber')"
|
||
prop="phoneNumber"
|
||
>
|
||
<el-input
|
||
v-model="addForm.phoneNumber"
|
||
style="width: 210px"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
maxlength="11"
|
||
:disabled="operationType == 'detail'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="11">
|
||
<!-- <el-form-item label="进场日期" prop="enterDate">
|
||
<el-date-picker
|
||
v-model="addForm.enterDate"
|
||
style="width:210px"
|
||
type="date"
|
||
value-format="yyyy-MM-dd"
|
||
placeholder="请选择日期"
|
||
></el-date-picker>
|
||
</el-form-item>-->
|
||
</el-col>
|
||
</el-row>
|
||
</el-col>
|
||
<el-col :span="8" style="margin: 15px 0 30px">
|
||
<div
|
||
style="text-align: center; margin: -20px 0 8px 0px"
|
||
class="flex"
|
||
v-if="operationType != 'detail'"
|
||
>
|
||
<el-button
|
||
type="primary"
|
||
size="medium"
|
||
@click="getIdCardInfo"
|
||
>{{ $t("message.laborMange.idCardInformation") }}</el-button
|
||
>
|
||
<el-button
|
||
type="primary"
|
||
size="medium"
|
||
@click="downloadPlugIn"
|
||
style="background: #09c2aa; border-color: #09c2aa"
|
||
>{{ $t("message.laborMange.highBeatDownload") }}</el-button
|
||
>
|
||
</div>
|
||
<div class="flex5 uploadImage_wrap">
|
||
<div class="position">
|
||
<img
|
||
:src="$store.state.FILEURL + addForm.idCardBigPhotoUrl"
|
||
v-if="addForm.idCardBigPhotoUrl != ''"
|
||
style="width: 100px; height: 119px; cursor: pointer"
|
||
@click="handlePreview(addForm.idCardBigPhotoUrl)"
|
||
/>
|
||
<img
|
||
v-else
|
||
:src="defaultImg"
|
||
style="width: 100%; height: auto; cursor: pointer"
|
||
/>
|
||
<img
|
||
src="@/assets/images/shut_icon.png"
|
||
style="width: 16px; height: auto"
|
||
class="shut_icon"
|
||
v-if="
|
||
addForm.idCardBigPhotoUrl != '' &&
|
||
operationType != 'detail'
|
||
"
|
||
@click.stop="addForm.idCardBigPhotoUrl = ''"
|
||
/>
|
||
</div>
|
||
<!-- <div class="position">
|
||
<img
|
||
:src="$store.state.FILEURL+addForm.fieldAcquisitionUrl"
|
||
v-if="addForm.fieldAcquisitionUrl!=''"
|
||
style="width:82px; height:97.5px; cursor: pointer;"
|
||
/>
|
||
<img v-else :src="defaultImg" style="width:82px; height:auto;cursor: pointer;" />
|
||
<img
|
||
src="@/assets/images/shut_icon.png"
|
||
style="width:15px; height:auto"
|
||
class="shut_icon"
|
||
v-if="addForm.fieldAcquisitionUrl!=''"
|
||
@click="addForm.fieldAcquisitionUrl=''"
|
||
/>
|
||
</div>-->
|
||
</div>
|
||
<div class="flex5" style="margin: 5px 0">
|
||
<span>
|
||
<span class="required">*</span
|
||
>{{ $t("message.laborMange.IdCardHead") }}
|
||
</span>
|
||
<!-- <span>
|
||
<span class="required">*</span>现场采集人脸
|
||
</span>-->
|
||
</div>
|
||
<div class="flex5" v-if="operationType != 'detail'">
|
||
<el-upload
|
||
class="upload-demo"
|
||
ref="upload"
|
||
:action="$store.state.UPLOADURL"
|
||
:before-upload="beforeUpload"
|
||
name="files"
|
||
:on-success="(file) => uploadSuccess(file, 1)"
|
||
:show-file-list="false"
|
||
:disabled="operationType == 'detail'"
|
||
>
|
||
<el-button slot="trigger" size="medium" type="primary">{{
|
||
$t("message.laborMange.clickOnTheUpload")
|
||
}}</el-button>
|
||
</el-upload>
|
||
<!-- <el-upload
|
||
class="upload-demo"
|
||
ref="upload"
|
||
:action="$store.state.UPLOADURL"
|
||
name="files"
|
||
:before-upload="beforeUpload"
|
||
:on-success="(file)=>uploadSuccess(file,2)"
|
||
:show-file-list="false"
|
||
>
|
||
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
|
||
</el-upload>-->
|
||
</div>
|
||
</el-col>
|
||
<div class="titleStyle flex">
|
||
<span>{{ $t("message.laborMange.attendanceInfo") }}</span>
|
||
</div>
|
||
<el-row :gutter="24">
|
||
<el-col :span="11">
|
||
<el-form-item
|
||
:label="$t('message.laborMange.attendanceNumber')"
|
||
prop="attendanceNumber"
|
||
>
|
||
<el-input
|
||
v-model="addForm.attendanceNumber"
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
style="width: 210px"
|
||
:disabled="operationType == 'detail'"
|
||
></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
</el-row>
|
||
</el-form>
|
||
<!-- style="margin-left:120px" -->
|
||
<div class="dialog-footer" v-if="operationType != 'detail'">
|
||
<el-button
|
||
size="medium"
|
||
icon="el-icon-circle-close"
|
||
@click="temporaryDialog = false"
|
||
>{{ $t("message.laborMange.cancel") }}</el-button
|
||
>
|
||
<el-button
|
||
icon="el-icon-circle-check"
|
||
type="primary"
|
||
size="medium"
|
||
@click="submitForm('addForm')"
|
||
>{{ $t("message.laborMange.confirm") }}</el-button
|
||
>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
|
||
<!-- 查看大图 -->
|
||
<div
|
||
v-if="bigImageDialog"
|
||
class="bigImageDialog"
|
||
@click="bigImageDialog = false"
|
||
>
|
||
<div class="bigImageContent">
|
||
<img width="auto" height="auto" :src="bigImageUrl" alt />
|
||
</div>
|
||
</div>
|
||
<!-- 项目配置弹框 -->
|
||
<el-dialog
|
||
:modal-append-to-body="false"
|
||
:title='$t("message.laborMange.configurationEntryOptions")'
|
||
:visible.sync="editProjectSettingDialog"
|
||
width="667px"
|
||
>
|
||
<div class="dialog_content">
|
||
<div class="dialogFormBox">
|
||
<div style="padding-bottom: 20px">
|
||
{{$t("message.laborMange.qrCodeInputPersonnelNeedToReview")}}
|
||
<el-radio
|
||
@change="editProjectSetting"
|
||
style="margin-left: 20px"
|
||
v-model="needAudit"
|
||
:label="1"
|
||
>{{$t("message.laborMange.yes")}}</el-radio
|
||
>
|
||
<el-radio
|
||
@change="editProjectSetting"
|
||
v-model="needAudit"
|
||
:label="0"
|
||
>{{$t("message.laborMange.no")}}</el-radio
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
<el-dialog
|
||
:modal-append-to-body="false"
|
||
:title='$t("message.laborMange.selectThePersonnelToIssueTheBrake")'
|
||
:visible.sync="configDevDialog"
|
||
width="667px"
|
||
>
|
||
<div class="dialog_content">
|
||
<el-checkbox
|
||
:indeterminate="isIndeterminate"
|
||
v-model="checkAll"
|
||
@change="handleCheckAllChange"
|
||
>{{$t("message.laborMange.checkAll")}}</el-checkbox
|
||
>
|
||
<div style="margin: 15px 0"></div>
|
||
|
||
<div>
|
||
<el-checkbox-group
|
||
v-model="selectCompanyData"
|
||
@change="handleCheckedCompanyChange"
|
||
>
|
||
<!-- v-if="$store.state.userInfo.accountType==5||disabledArr.indexOf(city.id+'')!=-1" -->
|
||
<el-checkbox
|
||
v-for="city in allUfaceDev"
|
||
:label="city.id + ''"
|
||
:key="city.id"
|
||
>{{ city.devName }}</el-checkbox
|
||
>
|
||
</el-checkbox-group>
|
||
</div>
|
||
|
||
<div class="dialog-footer">
|
||
<el-button
|
||
class="cancleBtn"
|
||
@click="configDevDialog = false"
|
||
icon="el-icon-circle-close"
|
||
size="medium"
|
||
>{{ $t("message.alarmValueSet.cancel") }}
|
||
</el-button>
|
||
<el-button
|
||
type="primary"
|
||
icon="el-icon-circle-check"
|
||
@click="saveDevConfigDataFn"
|
||
size="medium"
|
||
>{{ $t("message.alarmValueSet.save") }}
|
||
</el-button>
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import {
|
||
adoptWorkerInfoApi,
|
||
rejectWorkerInfoApi,
|
||
deleteWorkerInfoAuditApi,
|
||
selectWorkerInfoAuditListApi,
|
||
ufaceDevList,
|
||
getEnterpriseInfoList,
|
||
} from "@/assets/js/api/laborPerson";
|
||
import {
|
||
getProjectConfigListApi,
|
||
editProjectConfigListApi,
|
||
} from "@/assets/js/api/project.js";
|
||
import { selectUserDevAuthorityByUserIdApi } from "@/assets/js/api/configManage";
|
||
export default {
|
||
name: "temporary",
|
||
data() {
|
||
return {
|
||
tableData: [],
|
||
page: 1,
|
||
pageSize: 10,
|
||
total: 0,
|
||
workerName: "",
|
||
enterDate: "",
|
||
temporaryDialog: false,
|
||
temporaryTitle: this.$t("message.laborMange.personnelEntry"),
|
||
operationType: "add",
|
||
addForm: {
|
||
personType: 3,
|
||
workerName: "",
|
||
sex: 0,
|
||
phoneNumber: "",
|
||
attendanceNumber: "",
|
||
nation: "",
|
||
issuingAuthorityForIdcard: "",
|
||
idCardBigPhotoUrl: "",
|
||
// fieldAcquisitionUrl: "",
|
||
idCardEndDate: "",
|
||
nativePlace: "",
|
||
birthday: "",
|
||
idCard: "",
|
||
// enterDate: "",
|
||
},
|
||
bigImageDialog: false,
|
||
bigImageUrl: "",
|
||
projectSn: "",
|
||
defaultImg: require("@/assets/images/profile_photo.png"),
|
||
rules: {
|
||
workerName: [
|
||
{
|
||
required: true,
|
||
message: this.$t("message.laborMange.pleaseInputYourName"),
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
idCard: [
|
||
{
|
||
required: true,
|
||
message: this.$t("message.laborMange.pleaseInputYourIdNumber"),
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
attendanceNumber: [
|
||
{
|
||
required: true,
|
||
message: this.$t(
|
||
"message.laborMange.pleaseInputYourAttendanceNumber"
|
||
),
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
// phoneNumber: [
|
||
// { required: true, message: "请输入联系电话", trigger: "blur" },
|
||
// ],
|
||
// enterDate: [
|
||
// { required: true, message: "请选择进场日期", trigger: "blur" },
|
||
// ],
|
||
},
|
||
enterpriseListData: [],
|
||
tableParameter: {
|
||
idCard: "",
|
||
personType: "",
|
||
workerName: "",
|
||
enterpriseId: "",
|
||
},
|
||
editProjectSettingDialog: false,
|
||
needAudit: 0,
|
||
allUfaceDev: [],
|
||
configDevDialog: false,
|
||
checkAll: false,
|
||
isIndeterminate: false,
|
||
selectCompanyData: [],
|
||
itemSelectId: "",
|
||
disabledArr: [],
|
||
};
|
||
},
|
||
created() {
|
||
this.projectSn = this.$store.state.projectSn;
|
||
this.getMachineList();
|
||
this.getInfoList();
|
||
this.getProjectList();
|
||
this.getProjectSetting();
|
||
},
|
||
methods: {
|
||
handleCheckAllChange(val) {
|
||
let arr = this.allUfaceDev.map((item) => String(item.id));
|
||
this.selectCompanyData = val ? arr : [];
|
||
this.isIndeterminate = false;
|
||
},
|
||
handleCheckedCompanyChange(value) {
|
||
// console.log('handleCheckedCompanyChange')
|
||
var arr = this.allUfaceDev;
|
||
let checkedCount = this.selectCompanyData.length;
|
||
this.checkAll = checkedCount === arr.length;
|
||
this.isIndeterminate = checkedCount > 0 && checkedCount < arr.length;
|
||
},
|
||
saveDevConfigDataFn() {
|
||
let accountType = 1;
|
||
if (this.$store.state.userInfo.accountType == 6) {
|
||
accountType = 2;
|
||
}
|
||
let ids = "";
|
||
if (this.selectCompanyData.length > 0) {
|
||
ids = this.selectCompanyData.join(",");
|
||
}
|
||
adoptWorkerInfoApi({
|
||
id: this.itemSelectId,
|
||
registerType: 2,
|
||
accountType: accountType,
|
||
ufaceDevId: ids,
|
||
}).then((res) => {
|
||
this.$message.success(this.$t("message.laborMange.operateSuccessfully"));
|
||
this.configDevDialog = false;
|
||
this.getInfoList();
|
||
});
|
||
},
|
||
//获取项目配置信息
|
||
getProjectSetting() {
|
||
getProjectConfigListApi({
|
||
projectSn: this.projectSn,
|
||
}).then((res) => {
|
||
if (!res.result || res.result.length == 0) {
|
||
this.needAudit = 0;
|
||
} else {
|
||
let workerAuditType = res.result[0].workerAuditType;
|
||
this.needAudit = workerAuditType;
|
||
}
|
||
});
|
||
},
|
||
//编辑项目配置信息
|
||
editProjectSetting() {
|
||
editProjectConfigListApi({
|
||
projectSn: this.projectSn,
|
||
workerAuditType: this.needAudit,
|
||
}).then((res) => {
|
||
this.$message.success(this.$t("message.laborMange.saveSuccess"));
|
||
this.editProjectSettingDialog = false;
|
||
this.getProjectSetting();
|
||
});
|
||
},
|
||
// exportFn(){
|
||
// window.location.href=this.$http.defaults.baseURL+'xmgl/download/exporZipWorkerInfo?'+'projectSn='+this.projectSn+
|
||
// '&workerName='+this.workerName+'&personType=3'+'&enterDate='+this.enterDate;
|
||
// },
|
||
//获取列表信息
|
||
getInfoList(type) {
|
||
let data = {
|
||
projectSn: this.projectSn,
|
||
pageNo: this.page,
|
||
pageSize: this.pageSize,
|
||
userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
|
||
};
|
||
Object.assign(data, this.tableParameter);
|
||
selectWorkerInfoAuditListApi(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.total = res.result.total;
|
||
this.tableData = JSON.parse(JSON.stringify(res.result.records));
|
||
}
|
||
});
|
||
if(type == 1){
|
||
window._paq.push(['trackEvent', '点击', '查询','查询人员审核列表' ])
|
||
}
|
||
if(type == 2){
|
||
window._paq.push(['trackEvent', '点击', '刷新','刷新人员审核列表' ])
|
||
}
|
||
if(type == 3){
|
||
window._paq.push(['trackEvent', '下拉选择', '人员类型','选择人员类型' ])
|
||
}
|
||
},
|
||
//获取企业 || 劳务公司 列表
|
||
getProjectList() {
|
||
let data = {
|
||
projectSn: this.projectSn,
|
||
enterpriseName: "",
|
||
userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
|
||
};
|
||
getEnterpriseInfoList(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.enterpriseListData = res.result;
|
||
} else {
|
||
this.$message.error(this.$t("message.laborMange.queryFails"));
|
||
}
|
||
});
|
||
},
|
||
//获取所有的闸机设备
|
||
getMachineList() {
|
||
ufaceDevList({ projectSn: this.$store.state.projectSn }).then((list) => {
|
||
this.allUfaceDev = list.result;
|
||
if (this.$store.state.userInfo.accountType != 6) {
|
||
return;
|
||
}
|
||
selectUserDevAuthorityByUserIdApi({
|
||
userId: this.$store.state.userInfo.userId,
|
||
devType: 1,
|
||
}).then((res) => {
|
||
if (res.result) {
|
||
let id = res.result.devId;
|
||
if (id.indexOf(",") != -1) {
|
||
this.disabledArr = id.split(",");
|
||
} else {
|
||
this.disabledArr = [id];
|
||
}
|
||
} else {
|
||
this.disabledArr = [];
|
||
}
|
||
var arr2 = [];
|
||
this.allUfaceDev.forEach((element) => {
|
||
if (this.disabledArr.indexOf(element.id + "") != -1) {
|
||
arr2.push(element);
|
||
}
|
||
});
|
||
this.allUfaceDev = arr2;
|
||
});
|
||
});
|
||
},
|
||
//人员审核
|
||
auditFn(id, type) {
|
||
let txt = type == 1 ? this.$t("message.laborMange.reject") : this.$t("message.laborMange.pass");
|
||
this.itemSelectId = id;
|
||
if (type == 2) {
|
||
this.configDevDialog = true;
|
||
return;
|
||
}
|
||
this.$confirm(
|
||
this.$t("message.laborMange.confirm") + txt +"?",
|
||
this.$t("message.laborMange.hint"),
|
||
{
|
||
confirmButtonText: this.$t("message.laborMange.confirm"),
|
||
cancelButtonText: this.$t("message.laborMange.cancel"),
|
||
type: "warning",
|
||
}
|
||
).then(() => {
|
||
// if (type == 1) {
|
||
rejectWorkerInfoApi({ id: id }).then((res) => {
|
||
this.$message.success(this.$t("message.laborMange.operateSuccessfully"));
|
||
this.getInfoList();
|
||
});
|
||
// } else {
|
||
// adoptWorkerInfoApi({id:id}).then((res) => {
|
||
// this.$message.success('操作成功！')
|
||
// this.getInfoList();
|
||
// });
|
||
// }
|
||
});
|
||
},
|
||
|
||
//编辑人员信息
|
||
editStaffInfo(value) {
|
||
this.temporaryDialog = true;
|
||
this.temporaryTitle = this.$t("message.laborMange.editCrewInfo");
|
||
this.operationType = "edit";
|
||
this.addForm = JSON.parse(JSON.stringify(value));
|
||
console.log(this.addForm.idCardBigPhotoUrl);
|
||
},
|
||
|
||
// 删除人员信息
|
||
deteleStaffInfo(value) {
|
||
this.$confirm(
|
||
this.$t("message.laborMange.deleteHint"),
|
||
this.$t("message.laborMange.hint"),
|
||
{
|
||
confirmButtonText: this.$t("message.laborMange.confirm"),
|
||
cancelButtonText: this.$t("message.laborMange.cancel"),
|
||
type: "warning",
|
||
}
|
||
).then(() => {
|
||
let data = {
|
||
id: value.id,
|
||
};
|
||
deleteWorkerInfoAuditApi(data).then((res) => {
|
||
if (res.code == 200) {
|
||
this.$message({
|
||
type: "success",
|
||
message: this.$t("message.laborMange.deleteSuccess"),
|
||
});
|
||
this.getInfoList();
|
||
}
|
||
});
|
||
});
|
||
},
|
||
//查看详情
|
||
showDetail(value) {
|
||
this.addForm = {};
|
||
this.addForm = JSON.parse(JSON.stringify(value));
|
||
this.temporaryDialog = true;
|
||
this.temporaryTitle = this.$t("message.laborMange.crewInfoDetail");
|
||
this.operationType = "detail";
|
||
},
|
||
|
||
//查看图片
|
||
handlePreview(file) {
|
||
this.bigImageDialog = true;
|
||
this.bigImageUrl = this.$store.state.FILEURL + file;
|
||
window._paq.push(['trackEvent', '点击', '图片','查看图片' ])
|
||
},
|
||
|
||
//重置表单
|
||
resetForm(formName) {
|
||
this.$refs[formName].resetFields();
|
||
},
|
||
//切换数量
|
||
handleSizeChange(value) {
|
||
// this.pageSize = value;
|
||
// this.getInfoList();
|
||
},
|
||
handleCurrentChange(value) {
|
||
this.page = value;
|
||
this.getInfoList();
|
||
},
|
||
//上传前
|
||
beforeUpload(file) {
|
||
if (
|
||
file.type != "image/jpeg" &&
|
||
file.type != "image/png" &&
|
||
file.type != "image/jpg" &&
|
||
file.type != "image/bmp"
|
||
) {
|
||
this.$message.error(this.$t("message.companyDiagram.uploadMsg")); //只能上传图片
|
||
return false;
|
||
} else {
|
||
return true;
|
||
}
|
||
},
|
||
//上传成功
|
||
uploadSuccess(file, type) {
|
||
if (type == 1) {
|
||
this.addForm.idCardBigPhotoUrl = file.data[0].imageUrl;
|
||
} else {
|
||
// this.addForm.fieldAcquisitionUrl = file.data[0].imageUrl;
|
||
}
|
||
},
|
||
//下载高拍仪插件
|
||
downloadPlugIn() {
|
||
window.open("http://139.159.226.224:9000/itbgp/file/IDCamera1.0.rar");
|
||
},
|
||
|
||
//高拍仪获取身份证信息
|
||
getIdCardInfo() {
|
||
var ws = new WebSocket("ws://127.0.0.1:1818");
|
||
this.webSocket = ws;
|
||
ws.onopen = (event) => {
|
||
this.onopen(event);
|
||
};
|
||
|
||
ws.onmessage = (event) => {
|
||
this.onmessage(event);
|
||
};
|
||
|
||
ws.onerror = this.onerror;
|
||
},
|
||
//发送链接设备请求
|
||
onopen(event) {
|
||
// 识别身份证
|
||
this.webSocket.send("ReadCard(1001,C:\\Doccamera\\)");
|
||
},
|
||
//接收服务器返回的信息
|
||
onmessage(event) {
|
||
//结束通讯
|
||
if (
|
||
event.data.indexOf("BeginbStopPlaytrueEndbStopPlay") >= 0 ||
|
||
event.data.indexOf("BeginbStopPlayfalseEndbStopPlay") >= 0 ||
|
||
event.data.indexOf("BeginbStartPlayfalseEndbStartPlay") >= 0 ||
|
||
event.data.indexOf("BeginbStartPlay2falseEndbStartPlay2") >= 0 ||
|
||
event.data.indexOf("BeginOpenFaceFrametrueEndOpenFaceFrame") >= 0
|
||
) {
|
||
return;
|
||
}
|
||
|
||
if (event.data.indexOf("BeginReadCard") >= 0) {
|
||
//获取身份证信息
|
||
if (event.data == "BeginReadCardEndReadCard") {
|
||
this.$message.error(
|
||
this.$t("message.laborMange.failedToObtainIdentityInformation")
|
||
);
|
||
return;
|
||
} else {
|
||
// 截取掉 多余的字符
|
||
let data = JSON.parse(
|
||
event.data.replace("BeginReadCard", "").replace("EndReadCard", "")
|
||
);
|
||
console.log(data);
|
||
//身份证 人脸照片
|
||
this.uploadFile(data.FrontB64);
|
||
this.addForm.sex = data.Sex == "男" ? 1 : 2;
|
||
this.addForm.workerName = data.Name;
|
||
this.addForm.nation = data.Folk + "族";
|
||
this.addForm.issuingAuthorityForIdcard = data.Agency;
|
||
this.addForm.birthday =
|
||
data.BirthDate.substring(0, 4) +
|
||
"-" +
|
||
data.BirthDate.substring(4, 6) +
|
||
"-" +
|
||
data.BirthDate.substring(6, 8);
|
||
//截取身份证有效日期
|
||
let date = data.Valid.split("-");
|
||
this.addForm.idCardEndDate = date[1] == "长期" ? "" : date[1];
|
||
this.addForm.nativePlace = data.Address;
|
||
this.addForm.idCard = data.IdNo;
|
||
}
|
||
}
|
||
},
|
||
onerror() {
|
||
this.$message.error(this.$t("message.laborMange.failedToConnectDevice"));
|
||
},
|
||
|
||
//上传现场采集照片发到服务器
|
||
uploadFile(url) {
|
||
let param = new FormData(); //创建form对象
|
||
param.append("base64Image", "data:image/jpeg;base64," + url); //通过append向form对象添加数据
|
||
this.$http({
|
||
url: "/upload/uploadBase64",
|
||
method: "post",
|
||
data: param,
|
||
headers: {
|
||
"Content-Type": "application/x-www-form-urlencoded; charset=UTF-8",
|
||
},
|
||
}).then((res) => {
|
||
if ((res.status = "SUCCESS")) {
|
||
this.addForm.idCardBigPhotoUrl = res.data.data.imageUrl;
|
||
}
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<style lang="less" scoped>
|
||
.flex {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.flex2 {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-around;
|
||
}
|
||
.flex3 {
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.flex4 {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.flex5 {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.temporary {
|
||
width: 100%;
|
||
height: 100%;
|
||
|
||
.content {
|
||
padding: 15px 0;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
height: calc(100% - 42px);
|
||
}
|
||
.title_wrap {
|
||
width: 100%;
|
||
box-sizing: border-box;
|
||
padding: 0 20px;
|
||
border-bottom: 2px solid @borderColor;
|
||
}
|
||
.titleStyle {
|
||
width: 100%;
|
||
font-size: 14px;
|
||
font-weight: 600;
|
||
margin: -15px 0 30px;
|
||
background: #ededed;
|
||
padding: 10px 15px;
|
||
box-sizing: border-box;
|
||
}
|
||
.el-button--small {
|
||
height: 32px;
|
||
}
|
||
.uploadImage_wrap {
|
||
margin: 10px 0 0 0;
|
||
.position {
|
||
position: relative;
|
||
}
|
||
.shut_icon {
|
||
position: absolute;
|
||
top: -11px;
|
||
right: -11px;
|
||
z-index: 100;
|
||
margin: 5px;
|
||
cursor: pointer;
|
||
}
|
||
}
|
||
.required {
|
||
color: #f56c6c;
|
||
}
|
||
.workerName {
|
||
color: #5181f6;
|
||
font-size: 18px;
|
||
margin-bottom: 10px;
|
||
cursor: pointer;
|
||
}
|
||
.bigImageDialog {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: rgba(0, 0, 0, 0.5);
|
||
text-align: center;
|
||
z-index: 1000000;
|
||
overflow-y: auto;
|
||
// padding-bottom: 50px;
|
||
height: 100%;
|
||
.bigImageContent {
|
||
height: 100%;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
}
|
||
img {
|
||
// margin-top: 10%;
|
||
position: relative;
|
||
top: 10%;
|
||
max-height: 80%;
|
||
max-width: 80%;
|
||
}
|
||
}
|
||
}
|
||
</style> |