1711 lines
57 KiB
Vue
1711 lines
57 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.personnelType')">
|
||
<el-select
|
||
size="medium"
|
||
v-model="tableParameter.personType"
|
||
:placeholder="
|
||
$t('message.laborMange.pleaseChoose') +
|
||
$t('message.laborMange.personnelType')
|
||
"
|
||
>
|
||
<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-option
|
||
:label="$t('message.laborMange.modules2')"
|
||
value="3"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item
|
||
:label="$t('message.laborMange.healthCodeStatus')"
|
||
v-if="company == 'nanchang'"
|
||
>
|
||
<el-select v-model="tableParameter.codeState" style="width: 120px">
|
||
<el-option
|
||
:label="$t('message.laborMange.all')"
|
||
value
|
||
></el-option>
|
||
<el-option
|
||
:label="$t('message.laborMange.codeless')"
|
||
value="0"
|
||
></el-option>
|
||
<el-option
|
||
:label="$t('message.laborMange.redCode')"
|
||
value="1"
|
||
></el-option>
|
||
<el-option
|
||
:label="$t('message.laborMange.yellowCode')"
|
||
value="2"
|
||
></el-option>
|
||
<el-option
|
||
:label="$t('message.laborMange.greenCode')"
|
||
value="3"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item :label="$t('message.laborMange.companies')">
|
||
<el-select
|
||
v-model="tableParameter.enterpriseId"
|
||
:placeholder="
|
||
$t('message.laborMange.pleaseChoose') +
|
||
$t('message.laborMange.companies')
|
||
"
|
||
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.workingState')">
|
||
<el-select
|
||
size="medium"
|
||
v-model="tableParameter.inserviceType"
|
||
:placeholder="
|
||
$t('message.laborMange.pleaseChoose') +
|
||
$t('message.laborMange.workingState')
|
||
"
|
||
>
|
||
<el-option
|
||
:label="$t('message.laborMange.onJob')"
|
||
value="1"
|
||
></el-option>
|
||
<el-option
|
||
:label="$t('message.laborMange.dimission')"
|
||
value="2"
|
||
></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="$t('message.laborMange.IdNumber')">
|
||
<el-input
|
||
:placeholder="$t('message.laborMange.placeholder2')"
|
||
v-model="tableParameter.idCard"
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item label="人员下发状态">
|
||
<el-select
|
||
size="medium"
|
||
v-model="tableParameter.sendSuccessStatus"
|
||
placeholder="请选择"
|
||
>
|
||
<el-option
|
||
v-for="(item, index) in sendStatusArr"
|
||
:key="index"
|
||
:label="item.name"
|
||
:value="item.value"
|
||
></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item>
|
||
<el-button
|
||
v-permission="{
|
||
key: 'hmc_query',
|
||
menuPath: '/project/labor/roster',
|
||
}"
|
||
type="primary"
|
||
@click="
|
||
page = 1;
|
||
getInfoList();
|
||
"
|
||
plain
|
||
>{{ $t("message.laborMange.inquire") }}</el-button
|
||
>
|
||
<el-button
|
||
v-permission="{
|
||
key: 'hmc_refresh',
|
||
menuPath: '/project/labor/roster',
|
||
}"
|
||
type="warning"
|
||
@click="
|
||
page = 1;
|
||
tableParameter.workerName = '';
|
||
tableParameter.enterpriseId = '';
|
||
tableParameter.inserviceType = '';
|
||
tableParameter.personType = '';
|
||
tableParameter.idCard = '';
|
||
tableParameter.sendSuccessStatus = null;
|
||
getInfoList();
|
||
"
|
||
plain
|
||
>{{ $t("message.laborMange.refresh") }}</el-button
|
||
>
|
||
<!-- <el-button type="primary" @click="handleExport" plain
|
||
>{{$t('message.laborMange.haiqing') + $t('message.laborMange.export')}}</el-button
|
||
> -->
|
||
<el-button
|
||
v-permission="{
|
||
key: 'hmc_exportPerson',
|
||
menuPath: '/project/labor/roster',
|
||
}"
|
||
type="primary"
|
||
@click="crewExport"
|
||
plain
|
||
>{{
|
||
$t("message.laborMange.crew") + $t("message.laborMange.export")
|
||
}}</el-button
|
||
>
|
||
<el-button
|
||
v-permission="{
|
||
key: 'hmc_inputPerson',
|
||
menuPath: '/project/labor/roster',
|
||
}"
|
||
type="primary"
|
||
@click="memberRegister"
|
||
>人员录入</el-button
|
||
>
|
||
</el-form-item>
|
||
</el-form>
|
||
</div>
|
||
<vue-scroll style="height: 86%">
|
||
<el-table
|
||
:data="tableData"
|
||
style="width: 100%"
|
||
:header-cell-style="{ background: '#E2EBFF' }"
|
||
:show-header="false"
|
||
:row-class-name="tableRowClassName"
|
||
>
|
||
<el-table-column prop="attendanceNumber">
|
||
<template slot-scope="scope">
|
||
<div class="flex3" style="padding-left: 20px">
|
||
<!-- {{scope.row}} -->
|
||
<!-- :src="$store.state.FILEURL + scope.row.fieldAcquisitionUrl" -->
|
||
<img
|
||
:src="$store.state.FILEURL + scope.row.fieldAcquisitionUrl"
|
||
style="
|
||
width: 52px;
|
||
height: 72px;
|
||
margin: 0px 15px;
|
||
cursor: pointer;
|
||
"
|
||
@click="handlePreview(scope.row.fieldAcquisitionUrl)"
|
||
/>
|
||
<div>
|
||
<div class="workerName" @click="showDetail(scope.row)">
|
||
{{ scope.row.workerName }}
|
||
</div>
|
||
<el-tag
|
||
v-if="company == 'nanchang'"
|
||
:type="parseCode(scope.row.codeState)[0]"
|
||
size="small"
|
||
style="margin-left: 10px"
|
||
>{{ parseCode(scope.row.codeState)[1] }}</el-tag
|
||
>
|
||
<!-- 疫苗接种状态 -->
|
||
<span v-if="company == 'nanchang'" style="margin: 0 10px">{{
|
||
scope.row.vaccineStatus === 0
|
||
? "未接种"
|
||
: scope.row.vaccineStatus === 1
|
||
? "已接种"
|
||
: "未知"
|
||
}}</span>
|
||
<!-- 疫苗接种针次 -->
|
||
<span
|
||
v-if="company == 'nanchang' && scope.row.vaccineStatus"
|
||
>{{
|
||
scope.row.vaccineTimes === 1
|
||
? "第一针"
|
||
: scope.row.vaccineTimes === 2
|
||
? "第二针"
|
||
: scope.row.vaccineTimes === 3
|
||
? "第三针"
|
||
: ""
|
||
}}</span
|
||
>
|
||
<div
|
||
style="text-align: left; color: #7d839d; font-size: 14px"
|
||
v-if="company == 'nanchang'"
|
||
>
|
||
<span style="margin-right: 10px">{{
|
||
scope.row.nadCode == 0
|
||
? "未查询到核酸结果"
|
||
: scope.row.nadCode == 1
|
||
? "核酸阴性"
|
||
: scope.row.nadCode == 2
|
||
? "核酸阳性-确诊"
|
||
: scope.row.nadCode == 3
|
||
? "核酸检测有效期已过"
|
||
: ""
|
||
}}</span>
|
||
<span>{{ scope.row.nadTime }}</span>
|
||
</div>
|
||
|
||
<div
|
||
style="text-align: left; color: #7d839d; font-size: 14px"
|
||
v-if="company != 'nanchang'"
|
||
>
|
||
<span style="margin-right: 10px">{{
|
||
scope.row.sex == 1
|
||
? $t("message.laborMange.man")
|
||
: $t("message.laborMange.female")
|
||
}}</span>
|
||
<span style="margin-right: 10px"
|
||
>{{ computedAge(scope.row.idCard)
|
||
}}{{ $t("message.laborMange.age") }}</span
|
||
>
|
||
<span
|
||
>{{ scope.row.nation
|
||
}}{{ $t("message.laborMange.clan") }}</span
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="attendanceNumber" align="left">
|
||
<template slot-scope="scope">
|
||
<div>
|
||
{{ $t("message.laborMange.contactNumber") }}：{{
|
||
scope.row.phoneNumber
|
||
}}
|
||
</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>
|
||
<div
|
||
style="text-align: left; color: #7d839d; font-size: 14px"
|
||
v-if="company == 'nanchang'"
|
||
>
|
||
<span style="margin-right: 10px">{{
|
||
scope.row.sex == 1
|
||
? $t("message.laborMange.man")
|
||
: $t("message.laborMange.female")
|
||
}}</span>
|
||
<span style="margin-right: 10px"
|
||
>{{ computedAge(scope.row.idCard)
|
||
}}{{ $t("message.laborMange.age") }}</span
|
||
>
|
||
<span
|
||
>{{ scope.row.nation
|
||
}}{{ $t("message.laborMange.clan") }}</span
|
||
>
|
||
</div>
|
||
<!-- <div v-if="scope.row.personType==3">所属部门：{{scope.row.departmentName}}</div>-->
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="lfet">
|
||
<template slot-scope="scope">
|
||
<div>
|
||
<div v-if="scope.row.inserviceType == 1">
|
||
{{ $t("message.laborMange.dateOfEntry") }}：{{
|
||
scope.row.enterDate
|
||
}}
|
||
</div>
|
||
<div v-if="scope.row.inserviceType == 2">
|
||
{{ $t("message.laborMange.anExitDate") }}：{{
|
||
scope.row.exitDate
|
||
}}
|
||
</div>
|
||
<div>
|
||
{{ $t("message.laborMange.workingState") }}：{{
|
||
scope.row.inserviceType == 1
|
||
? $t("message.laborMange.onJob")
|
||
: $t("message.laborMange.dimission")
|
||
}}
|
||
</div>
|
||
</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.personnelType") }}：{{
|
||
scope.row.personType == 1
|
||
? $t("message.laborMange.modules")
|
||
: scope.row.personType == 2
|
||
? $t("message.laborMange.modules1")
|
||
: $t("message.laborMange.modules2")
|
||
}}
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column align="lfet">
|
||
<template v-slot="{ row }">
|
||
<div>
|
||
<div>
|
||
下发状态：
|
||
<span
|
||
:class="[
|
||
'valuesColor',
|
||
row.sendSuccessStatus === 1
|
||
? 'green'
|
||
: row.sendSuccessStatus === 2
|
||
? 'red'
|
||
: row.sendSuccessStatus === 3
|
||
? 'yellow'
|
||
: '',
|
||
]"
|
||
>
|
||
{{
|
||
row.sendSuccessStatus === 1
|
||
? "成功"
|
||
: row.sendSuccessStatus === 2
|
||
? "失败"
|
||
: row.sendSuccessStatus === 3
|
||
? "部分成功"
|
||
: ""
|
||
}}</span
|
||
>
|
||
</div>
|
||
<!-- <div>企业类型：{{scope.row.idCard}}</div>-->
|
||
<div>
|
||
{{ $t("message.laborMange.companies") }}：{{
|
||
row.enterpriseName
|
||
}}
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="address" width="200px">
|
||
<template slot-scope="scope">
|
||
<div class="tableBtns">
|
||
<el-button
|
||
v-permission="{
|
||
key: 'hmc_ckxfxq',
|
||
menuPath: '/project/labor/roster',
|
||
}"
|
||
size="medium"
|
||
type="text"
|
||
class="operationText"
|
||
@click="issueTeamEvent(scope.row.id)"
|
||
>查看下发详情</el-button
|
||
>
|
||
</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">驳回</el-button>-->
|
||
<!-- </div>-->
|
||
<!-- <div class="flex" style="cursor: pointer;" @click="auditFn(scope.row.id,2)">-->
|
||
<!-- <el-button type="primary" size="medium">通过</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="Number(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')"
|
||
type="number"
|
||
oninput="if(value.length>11)value=value.slice(0,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"
|
||
style="justify-content: space-around"
|
||
>
|
||
<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: 100px; height: 119px; cursor: pointer"
|
||
@click="handlePreview(addForm.fieldAcquisitionUrl)"
|
||
/>
|
||
<img
|
||
v-else
|
||
:src="defaultImg"
|
||
style="width: 100%; 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="justify-content: space-around">
|
||
<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>
|
||
<!-- 人员录入表单 -->
|
||
<comboForm
|
||
:comboFormVisible="comboFormVisible"
|
||
@closeDialog="comboFormClose"
|
||
></comboForm>
|
||
<!-- 下发详情 -->
|
||
<el-dialog
|
||
:modal-append-to-body="false"
|
||
title="下发详情"
|
||
:close-on-click-modal="false"
|
||
:visible.sync="issueTeamDialog"
|
||
width="740px"
|
||
>
|
||
<div class="dialog_content">
|
||
<div class="table_wrap whiteBlock">
|
||
<el-table class="tables" :data="issuePointList">
|
||
<el-table-column
|
||
type="index"
|
||
width="50"
|
||
align="center"
|
||
:label="$t('message.personnelPosition.beaconManage.table.index')"
|
||
></el-table-column>
|
||
<el-table-column
|
||
prop="detail"
|
||
label="任务名称"
|
||
align="center"
|
||
></el-table-column>
|
||
<el-table-column prop="isSuccess" label="执行结果" align="center">
|
||
<template v-slot="{ row }">{{
|
||
row.isSuccess === 1 ? "成功" : row.isSuccess === 0 ? "失败" : ""
|
||
}}</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column
|
||
:label="
|
||
$t('message.personnelPosition.beaconManage.table.operation')
|
||
"
|
||
align="center"
|
||
width="150"
|
||
>
|
||
<template v-slot="{ row }">
|
||
<div
|
||
class="operationText"
|
||
@click="retryEvent(row.id)"
|
||
v-if="row.isSuccess === 0"
|
||
>
|
||
<span style="color: #5381f6">重试</span>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- <div slot="empty">{{$t('message.personnelPosition.empty')}}</div> -->
|
||
</el-table>
|
||
<!-- <el-pagination
|
||
class="pagerBox"
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
:current-page="issuePage.pageNo"
|
||
:page-sizes="$store.state.PAGESIZRS"
|
||
:page-size="issuePage.pageSize"
|
||
layout="total, sizes, prev, pager, next"
|
||
:total="Number(total)"
|
||
background
|
||
></el-pagination> -->
|
||
<!-- <div class="dialog-footer">
|
||
<el-button
|
||
class="cancleBtn"
|
||
@click="issueTeamDialog = false"
|
||
icon="el-icon-circle-close"
|
||
size="medium"
|
||
>{{ $t("message.laborMange.cancel") }}</el-button
|
||
>
|
||
<el-button
|
||
type="primary"
|
||
icon="el-icon-circle-check"
|
||
@click="issueTeamDialog = false"
|
||
size="medium"
|
||
>{{ $t("message.laborMange.confirm") }}</el-button
|
||
>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import {
|
||
adoptWorkerInfoApi,
|
||
rejectWorkerInfoApi,
|
||
deleteWorkerInfoAuditApi,
|
||
selectWorkerInfoAuditListApi,
|
||
ufaceDevList,
|
||
getEnterpriseInfoList,
|
||
getWorkerInfoList,
|
||
xmglXzHikvisionSyncGetNewestList,
|
||
xmglXzHikvisionSyncRetryAPI,
|
||
} from "@/assets/js/api/laborPerson";
|
||
import {
|
||
getProjectConfigListApi,
|
||
editProjectConfigListApi,
|
||
} from "@/assets/js/api/project.js";
|
||
import { selectUserDevAuthorityByUserIdApi } from "@/assets/js/api/configManage";
|
||
import comboForm from "./components/comboForm/comboForm.vue";
|
||
export default {
|
||
name: "temporary",
|
||
components: {
|
||
comboForm,
|
||
},
|
||
data() {
|
||
return {
|
||
loading: false,
|
||
sendStatusArr: [
|
||
{ name: "成功", value: 1 },
|
||
{ name: "失败", value: 2 },
|
||
{ name: "部分成功", value: 3 },
|
||
],
|
||
issuePointList: [],
|
||
comboFormVisible: false,
|
||
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: "",
|
||
vaccineStatus: "", //疫苗接种状态 0未接种 1已接种 null未知
|
||
vaccineTimes: "", // 疫苗接种次数
|
||
},
|
||
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: {
|
||
sendSuccessStatus: null,
|
||
idCard: "",
|
||
personType: "",
|
||
workerName: "",
|
||
enterpriseId: "",
|
||
inserviceType: "",
|
||
codeState: "",
|
||
},
|
||
editProjectSettingDialog: false,
|
||
needAudit: 0,
|
||
allUfaceDev: [],
|
||
configDevDialog: false,
|
||
checkAll: false,
|
||
isIndeterminate: false,
|
||
selectCompanyData: [],
|
||
itemSelectId: "",
|
||
disabledArr: [],
|
||
company: "",
|
||
issueTeamDialog: false,
|
||
issuePage: {
|
||
pageNo: 1,
|
||
pageSize: 10,
|
||
},
|
||
whoId: "",
|
||
};
|
||
},
|
||
computed: {
|
||
computedAge() {
|
||
return function (userCard) {
|
||
//获取年龄
|
||
|
||
var yearBirth = userCard.substring(6, 10);
|
||
var monthBirth = userCard.substring(10, 12);
|
||
var dayBirth = userCard.substring(12, 14);
|
||
//获取当前年月日并计算年龄
|
||
var myDate = new Date();
|
||
var monthNow = myDate.getMonth() + 1;
|
||
var dayNow = myDate.getDay();
|
||
var age = myDate.getFullYear() - yearBirth;
|
||
if (
|
||
monthNow < monthBirth ||
|
||
(monthNow == monthBirth && dayNow < dayBirth)
|
||
) {
|
||
age--;
|
||
}
|
||
//得到年龄
|
||
// sexAndAge.age = age;
|
||
//返回性别和年龄
|
||
return age;
|
||
};
|
||
},
|
||
},
|
||
created() {
|
||
this.projectSn = this.$store.state.projectSn;
|
||
this.company = COMPANY;
|
||
this.getMachineList();
|
||
this.getInfoList();
|
||
this.getProjectList();
|
||
this.getProjectSetting();
|
||
},
|
||
methods: {
|
||
// 人员录入关闭
|
||
comboFormClose() {
|
||
this.comboFormVisible = false;
|
||
this.getInfoList();
|
||
},
|
||
// 人员录入
|
||
memberRegister() {
|
||
this.comboFormVisible = true;
|
||
},
|
||
handleExport() {
|
||
window.location.href =
|
||
this.$http.defaults.baseURL +
|
||
"xmgl/download/exporZipWorkerInfo?idCard=" +
|
||
this.tableParameter.idCard +
|
||
"&projectSn=" +
|
||
this.projectSn +
|
||
"&enterpriseId=" +
|
||
this.tableParameter.enterpriseId +
|
||
"&inserviceType=" +
|
||
this.tableParameter.inserviceType +
|
||
"&workerName=" +
|
||
this.tableParameter.workerName +
|
||
"&personType=" +
|
||
this.tableParameter.personType +
|
||
"&codeState=" +
|
||
this.tableParameter.codeState +
|
||
"&userEnterpriseId=" +
|
||
this.$store.state.userInfo.userEnterpriseId;
|
||
},
|
||
//人员导出
|
||
crewExport() {
|
||
window.location.href =
|
||
this.$http.defaults.baseURL +
|
||
"xmgl/download/exportExcelWorkerInfo?idCard=" +
|
||
this.tableParameter.idCard +
|
||
"&projectSn=" +
|
||
this.projectSn +
|
||
"&enterpriseId=" +
|
||
this.tableParameter.enterpriseId +
|
||
"&inserviceType=" +
|
||
this.tableParameter.inserviceType +
|
||
"&workerName=" +
|
||
this.tableParameter.workerName +
|
||
"&personType=" +
|
||
this.tableParameter.personType +
|
||
"&codeState=" +
|
||
this.tableParameter.codeState +
|
||
"&userEnterpriseId=" +
|
||
this.$store.state.userInfo.userEnterpriseId +
|
||
"&userId=" +
|
||
this.$store.state.userInfo.userId;
|
||
},
|
||
|
||
parseCode(code) {
|
||
if (code == 0) {
|
||
return ["info", this.$t("message.laborMange.codeless")];
|
||
} else if (code == 1) {
|
||
return ["danger", this.$t("message.laborMange.redCode")];
|
||
} else if (code == 2) {
|
||
return ["warning", this.$t("message.laborMange.yellowCode")];
|
||
} else if (code == 3) {
|
||
return ["success", this.$t("message.laborMange.greenCode")];
|
||
}
|
||
},
|
||
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() {
|
||
let data = {
|
||
personType: this.tableParameter.personType, //人员类型
|
||
enterpriseId: this.tableParameter.enterpriseId + "", //所属企业
|
||
inserviceType: this.tableParameter.inserviceType, //在职状态
|
||
idCard: this.tableParameter.idCard, //身份证号
|
||
sendSuccessStatus: this.tableParameter.sendSuccessStatus, // 下发状态
|
||
workerName: this.tableParameter.workerName, //姓名
|
||
codeState: this.tableParameter.codeState,
|
||
projectSn: this.projectSn,
|
||
pageNo: this.page,
|
||
pageSize: this.pageSize,
|
||
// enterDate:this.enterDate,
|
||
userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
|
||
};
|
||
getWorkerInfoList(data).then((res) => {
|
||
if (res.code == 200) {
|
||
console.log(res.result);
|
||
this.total = res.result.total;
|
||
this.tableData = JSON.parse(JSON.stringify(res.result.records));
|
||
}
|
||
});
|
||
},
|
||
//获取企业 || 劳务公司 列表
|
||
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) {
|
||
console.log("文件", file);
|
||
this.bigImageDialog = true;
|
||
// this.bigImageUrl = this.$store.state.FILEURL + file;
|
||
this.bigImageUrl = this.$store.state.FILEURL + file;
|
||
},
|
||
|
||
//重置表单
|
||
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.$t("message.laborMange.clan");
|
||
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;
|
||
}
|
||
});
|
||
},
|
||
tableRowClassName({ row, rowIndex }) {
|
||
if (row.sendSuccessStatus === 1) {
|
||
return "green2";
|
||
}
|
||
if (row.sendSuccessStatus === 2) {
|
||
return "red2";
|
||
}
|
||
if (row.sendSuccessStatus === 3) {
|
||
return "yellow2";
|
||
}
|
||
},
|
||
async issueTeamEvent(id) {
|
||
this.issueTeamDialog = true;
|
||
this.whoId = id;
|
||
this.getNewestList();
|
||
},
|
||
async getNewestList() {
|
||
const res = await xmglXzHikvisionSyncGetNewestList({
|
||
// pageNo:this.issuePage.pageNo,
|
||
// pageSize:this.issuePage.pageSize,
|
||
whoId: this.whoId,
|
||
});
|
||
console.log(res, "---------------------");
|
||
this.issuePointList = res.result;
|
||
},
|
||
async retryEvent(id) {
|
||
this.$notify({
|
||
title: "正在重试...",
|
||
type: "success",
|
||
duration: 1500,
|
||
});
|
||
const res = await xmglXzHikvisionSyncRetryAPI({
|
||
id: id,
|
||
});
|
||
console.log(res);
|
||
},
|
||
},
|
||
};
|
||
</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);
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.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%;
|
||
}
|
||
}
|
||
}
|
||
.valuesColor {
|
||
color: #fff;
|
||
padding: 3px;
|
||
}
|
||
|
||
.yellow {
|
||
background-color: #fbe000;
|
||
}
|
||
.green {
|
||
background-color: #72cb40;
|
||
}
|
||
.red {
|
||
background-color: #ec373e;
|
||
}
|
||
|
||
::v-deep {
|
||
.el-table .yellow2 {
|
||
background-color: #fffce6;
|
||
}
|
||
.el-table .green2 {
|
||
background-color: #f1faec;
|
||
}
|
||
.el-table .red2 {
|
||
background-color: #feebed;
|
||
}
|
||
|
||
.dialog-footer {
|
||
margin-top: 20px;
|
||
}
|
||
.pagerBox {
|
||
margin-top: 0;
|
||
}
|
||
}
|
||
</style>
|