门禁卡申请页面2
This commit is contained in:
parent
bf1164a43b
commit
bc60d8000d
|
|
@ -354,30 +354,64 @@
|
||||||
|
|
||||||
<!-- /新办证 -->
|
<!-- /新办证 -->
|
||||||
<view v-if="firstIndex==1">
|
<view v-if="firstIndex==1">
|
||||||
<view class="form-item" v-if="firstIndex==1">
|
<!-- 临时出入证 -->
|
||||||
<text class="label">人员单位<text style="color: red;">*</text>:</text>
|
<view v-if="secondIndex==0">
|
||||||
<view class="ipt-box"><input class="top-t" v-model="unit" placeholder="请输入人员单位"
|
<view class="form-item">
|
||||||
|
<text class="label">项目名称<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="proName" placeholder="请输入项目名称"
|
||||||
maxlength="15" /></view>
|
maxlength="15" /></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="form-item" v-if="firstIndex==1">
|
<view class="form-item">
|
||||||
|
<text class="label">项目单位<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="proUnitName" placeholder="请输入项目单位"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">项目负责人<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box" style="margin-left: 170rpx;"><input class="top-t" v-model="proUserName" placeholder="请输入项目负责人"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
<text class="label">联系电话<text style="color: red;">*</text>:</text>
|
<text class="label">联系电话<text style="color: red;">*</text>:</text>
|
||||||
<view class="ipt-box"><input class="top-t" v-model="personnelPhone" placeholder="请输入手机号码"
|
<view class="ipt-box"><input class="top-t" v-model="proUserPhone" placeholder="请输入手机号码"
|
||||||
type="text" maxlength="11" /></view>
|
type="text" maxlength="11" /></view>
|
||||||
</view>
|
</view>
|
||||||
<view class="form-item" v-if="firstIndex==1">
|
<view class="form-item">
|
||||||
<view style="display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;">
|
<text class="label">项目归口管理部门<text style="color: red;">*</text>:</text>
|
||||||
<text class="label">出入区域<text style="color: red;">*</text>:</text>
|
<view class="ipt-box select">
|
||||||
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
||||||
|
<picker class="picker" :range="unitList3"
|
||||||
|
@change="changeUnit3" range-key="name">
|
||||||
|
<view>{{ unitList3[unitIndex3].name }}</view>
|
||||||
|
</picker>
|
||||||
</view>
|
</view>
|
||||||
<checkbox-group @change="accessAreaChecked" style="padding-left: 10upx;display: flex;">
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">经办人员<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="handlerName3" placeholder="请输入" type="text"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">合同有效期<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange"
|
||||||
|
type="daterange" :border="false"/></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">证件有效期<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange1"
|
||||||
|
type="daterange" :border="false"/></view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="form-item">
|
||||||
|
<view style="display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;">
|
||||||
|
<text class="label" style="width: 190rpx;">申请出入区域<text style="color: red;">*</text>:</text>
|
||||||
|
</view>
|
||||||
|
<checkbox-group @change="accessAreaChecked" style="padding-left: 10upx;display: flex;flex-wrap: wrap;">
|
||||||
<view style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
<view style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
<view>
|
<view>
|
||||||
<checkbox color="#4db4ea" value="科技楼"/>
|
<checkbox color="#4db4ea" value="科技楼"/>
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-right: 10upx;width: 70px;">科技楼</view>
|
<view style="margin-right: 10upx;width: 70px;">科技楼</view>
|
||||||
<!-- <view class="input-box">
|
|
||||||
<input v-model="scienceTechRemarks" style="border-bottom: 2upx solid #333;" placeholder="请填写备注" type="text"
|
|
||||||
maxlength="15" />
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view
|
<view
|
||||||
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
|
@ -385,9 +419,6 @@
|
||||||
<checkbox color="#4db4ea" value="调度楼" />
|
<checkbox color="#4db4ea" value="调度楼" />
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-right: 10upx;width: 70px;">调度楼</view>
|
<view style="margin-right: 10upx;width: 70px;">调度楼</view>
|
||||||
<!-- <view class="input-box">
|
|
||||||
<input v-model="dispatchRemarks" style="border-bottom: 2upx solid #333;" placeholder="请填写备注" type="text" maxlength="15" />
|
|
||||||
</view> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view
|
<view
|
||||||
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
|
@ -395,18 +426,217 @@
|
||||||
<checkbox color="#4db4ea" value="后勤楼" />
|
<checkbox color="#4db4ea" value="后勤楼" />
|
||||||
</view>
|
</view>
|
||||||
<view style="margin-right: 10upx;width: 70px;">后勤楼</view>
|
<view style="margin-right: 10upx;width: 70px;">后勤楼</view>
|
||||||
<!-- <view class="input-box">
|
</view>
|
||||||
<input v-model="logisticsRemarks" style="border-bottom: 2upx solid #333;" placeholder="请填写备注" type="text" maxlength="15" />
|
<view
|
||||||
</view> -->
|
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
<view>
|
||||||
|
<checkbox color="#4db4ea" value="同城调度" />
|
||||||
|
</view>
|
||||||
|
<view style="margin-right: 10upx;width: 70px;">同城调度</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
<view>
|
||||||
|
<checkbox color="#4db4ea" value="青年公寓" />
|
||||||
|
</view>
|
||||||
|
<view style="margin-right: 10upx;width: 70px;">青年公寓</view>
|
||||||
</view>
|
</view>
|
||||||
</checkbox-group>
|
</checkbox-group>
|
||||||
</view>
|
</view>
|
||||||
<view class="form-item" v-if="firstIndex==1">
|
<view style="margin: 20upx;border-bottom: 1px solid #eee;"><text style="font-size: 28upx;font-weight: bold;">附件：</text></view>
|
||||||
<text class="label">日期期限<text style="color: red;">*</text>:</text>
|
<view class="pic" style="border-bottom: 1px solid #eee;">
|
||||||
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange"
|
<view class="img-box">
|
||||||
|
<view class="img-item" v-for="(item, index) in documentPhoto" :key="index">
|
||||||
|
<image class="remove-btn" @click="removeDocumentImg(index)" src="/static/icons/delete-icon.png"
|
||||||
|
mode=""></image>
|
||||||
|
<image class="img" :src="item.replace(/[\r\n]/g,'')" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="img-item upload-btn" @click="chooseDocumentImg()" v-if="documentPhoto.length < 1">
|
||||||
|
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">办证人数<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box" style="margin-top: 10rpx;">{{peopleList1.length}}</view>
|
||||||
|
</view>
|
||||||
|
<view v-for="(people,peopleIndex) in peopleList1" :key="peopleIndex" >
|
||||||
|
<view style="margin: 20rpx 10rpx;font-size: 30rpx;font-weight: bold;border-left:4px solid #0DB0A7;">办证人员信息{{peopleIndex+1}}</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">人员姓名<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="people.personnelName" placeholder="请输入人员姓名" type="text"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view style="margin: 20upx;"><text style="font-size: 28upx;font-weight: bold;">人脸照片（上传1张）<text style="color: red;">*</text>:</text></view>
|
||||||
|
<view class="pic" style="border-bottom: 1px solid #eee;">
|
||||||
|
<view class="img-box">
|
||||||
|
<view class="img-item" v-for="(item, index) in people.faceImgs" :key="index">
|
||||||
|
<image class="remove-btn" @click="removeFaceImg3(peopleIndex,index)" src="/static/icons/delete-icon.png"
|
||||||
|
mode=""></image>
|
||||||
|
<image class="img" :src="item.replace(/[\r\n]/g,'')" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="img-item upload-btn" @click="chooseFaceImg3(peopleIndex)" v-if="people.faceImgs.length < 1">
|
||||||
|
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
|
||||||
|
<view @click="addpeople1()" v-if="peopleIndex==(peopleList0.length-1)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
|
||||||
|
增加办证人员
|
||||||
|
</view>
|
||||||
|
<view v-else @click="delpeople1(peopleIndex)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
|
||||||
|
删除办证人员
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form-box" style="border-radius: 10upx;margin-top: 20upx;">
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">项目归口部门负责人<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box select">
|
||||||
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
||||||
|
<picker class="picker" v-if="examList3.length > 0" :range="examList3" @change="changeExamList3"
|
||||||
|
range-key="name">
|
||||||
|
<view>{{ examList3[examIndex3].name }}</view>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- 施工出入证 -->
|
||||||
|
<view v-if="secondIndex==1">
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">项目归口管理部门<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box select">
|
||||||
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
||||||
|
<picker class="picker" :range="unitList4"
|
||||||
|
@change="changeUnit4" range-key="name">
|
||||||
|
<view>{{ unitList4[unitIndex4].name }}</view>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">经办人员<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="handlerName4" placeholder="请输入" type="text"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">联系电话<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="handlerPhone4" placeholder="请输入手机号码"
|
||||||
|
type="text" maxlength="11" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">工作内容<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="work" placeholder="请输入" type="text"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">工作票编号:</text>
|
||||||
|
<view class="ipt-box" style="margin-left: 170rpx;"><input class="top-t" v-model="ticketNo" placeholder="请输入" type="text"
|
||||||
|
maxlength="20" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<view style="display: flex;justify-content: flex-start;align-items: center;justify-content: space-between;">
|
||||||
|
<text class="label" style="width: 190rpx;">作业地点<text style="color: red;">*</text>:</text>
|
||||||
|
</view>
|
||||||
|
<checkbox-group @change="accessAreaChecked1" style="padding-left: 10upx;display: flex;">
|
||||||
|
<view style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
<view>
|
||||||
|
<checkbox color="#4db4ea" value="科技楼"/>
|
||||||
|
</view>
|
||||||
|
<view style="margin-right: 10upx;width: 70px;">科技楼</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
<view>
|
||||||
|
<checkbox color="#4db4ea" value="调度楼" />
|
||||||
|
</view>
|
||||||
|
<view style="margin-right: 10upx;width: 70px;">调度楼</view>
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="display: flex;justify-content: flex-start;align-items: center;margin-left: 10upx;margin-top: 10px;">
|
||||||
|
<view>
|
||||||
|
<checkbox color="#4db4ea" value="后勤楼" />
|
||||||
|
</view>
|
||||||
|
<view style="margin-right: 10upx;width: 70px;">后勤楼</view>
|
||||||
|
</view>
|
||||||
|
</checkbox-group>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">作业单位<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="workUnit" placeholder="请输入" type="text"
|
||||||
|
maxlength="20" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">工作负责人<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box" style="margin-left: 170rpx;"><input class="top-t" v-model="workCharger" placeholder="请输入" type="text"
|
||||||
|
maxlength="20" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">联系方式<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="workChargerPhone" placeholder="请输入" type="text"
|
||||||
|
maxlength="11" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">合同有效期<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange2"
|
||||||
type="daterange" :border="false"/></view>
|
type="daterange" :border="false"/></view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label" style="width: 170rpx;">证件有效期<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><uni-datetime-picker :clear-icon="false" v-model="dateRange3"
|
||||||
|
type="daterange" :border="false"/></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">车牌号:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="licenseNumber" placeholder="请输入" type="text"
|
||||||
|
maxlength="9" /></view>
|
||||||
|
</view>
|
||||||
|
<view v-for="(people,peopleIndex) in peopleList2" :key="peopleIndex" >
|
||||||
|
<view style="margin: 20rpx 10rpx;font-size: 30rpx;font-weight: bold;border-left:4px solid #0DB0A7;">作业班成员{{peopleIndex+1}}</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">人员姓名<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="people.personnelName" placeholder="请输入人员姓名" type="text"
|
||||||
|
maxlength="15" /></view>
|
||||||
|
</view>
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">身份证号<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box"><input class="top-t" v-model="people.idNumber" placeholder="请输入身份证号" type="text"
|
||||||
|
maxlength="19" /></view>
|
||||||
|
</view>
|
||||||
|
<view style="margin: 20upx;"><text style="font-size: 28upx;font-weight: bold;">人脸照片（上传1张）<text style="color: red;">*</text>:</text></view>
|
||||||
|
<view class="pic" style="border-bottom: 1px solid #eee;">
|
||||||
|
<view class="img-box">
|
||||||
|
<view class="img-item" v-for="(item, index) in people.faceImgs" :key="index">
|
||||||
|
<image class="remove-btn" @click="removeFaceImg4(peopleIndex,index)" src="/static/icons/delete-icon.png"
|
||||||
|
mode=""></image>
|
||||||
|
<image class="img" :src="item.replace(/[\r\n]/g,'')" mode=""></image>
|
||||||
|
</view>
|
||||||
|
<view class="img-item upload-btn" @click="chooseFaceImg4(peopleIndex)" v-if="people.faceImgs.length < 1">
|
||||||
|
<image class="img" src="/static/imgs/tianjia-img.png" mode=""></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="font-size: 28rpx;font-weight: 600;color: red;border-bottom: 1px solid #eee;">互联网信息系统严禁存储、传输、处理涉及国家秘密企业秘密以及敏感信息，违者将严肃问责追责!</view>
|
||||||
|
<view @click="addpeople2()" v-if="peopleIndex==(peopleList0.length-1)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
|
||||||
|
增加办证人员
|
||||||
|
</view>
|
||||||
|
<view v-else @click="delpeople2(peopleIndex)" style="color: #02A7F0;width: 100%;text-align: center;margin: 20rpx 0;">
|
||||||
|
删除办证人员
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="form-box" style="border-radius: 10upx;margin-top: 20upx;">
|
||||||
|
<view class="form-item">
|
||||||
|
<text class="label">项目归口部门负责人<text style="color: red;">*</text>:</text>
|
||||||
|
<view class="ipt-box select">
|
||||||
|
<image class="arrow" src="/static/icons/right-arrow.png" mode=""></image>
|
||||||
|
<picker class="picker" v-if="examList4.length > 0" :range="examList4" @change="changeExamList4"
|
||||||
|
range-key="name">
|
||||||
|
<view>{{ examList4[examIndex4].name }}</view>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- /新办证 -->
|
<!-- /新办证 -->
|
||||||
|
|
||||||
|
|
@ -717,15 +947,72 @@
|
||||||
examIndex2: 0,//经办部门负责人
|
examIndex2: 0,//经办部门负责人
|
||||||
examList2: [],//经办部门负责人
|
examList2: [],//经办部门负责人
|
||||||
|
|
||||||
|
//办证数据
|
||||||
|
//临时出入证-----------------------------
|
||||||
|
proName:"",//项目名称
|
||||||
|
proUnitName:"",//项目单位
|
||||||
|
proUserName:"",//项目负责人
|
||||||
matter: '',
|
proUserPhone:"",//联系方式
|
||||||
|
unitIndex3:0,//项目归口管理部门
|
||||||
|
unitList3: [{
|
||||||
|
name: '后勤部',
|
||||||
|
value: '后勤部'
|
||||||
|
}, {
|
||||||
|
name: '综合部',
|
||||||
|
value: '综合部'
|
||||||
|
}, {
|
||||||
|
name: '办公室',
|
||||||
|
value: '办公室'
|
||||||
|
}],
|
||||||
|
handlerName3:"", //经办人
|
||||||
|
dateRange: '',//合同有效期
|
||||||
|
dateRange1: '',//证件有效期
|
||||||
|
accessArea: '',//申请出入区域
|
||||||
|
applyNumber:1,//办证人数
|
||||||
|
peopleList1:[//办证人员列表
|
||||||
|
{
|
||||||
|
personnelName: '',
|
||||||
|
faceImgs:[],
|
||||||
|
faceImgsId:[],
|
||||||
|
}
|
||||||
|
],
|
||||||
|
examIndex3: 0,//项目归口部门负责人
|
||||||
|
examList3: [],//项目归口部门负责人
|
||||||
|
//施工出入证-----------------------------
|
||||||
|
unitIndex4:0,//项目归口管理部门
|
||||||
|
unitList4: [{
|
||||||
|
name: '后勤部',
|
||||||
|
value: '后勤部'
|
||||||
|
}, {
|
||||||
|
name: '综合部',
|
||||||
|
value: '综合部'
|
||||||
|
}, {
|
||||||
|
name: '办公室',
|
||||||
|
value: '办公室'
|
||||||
|
}],
|
||||||
|
handlerName4:"", //经办人
|
||||||
|
handlerPhone4: '',//经办人联系电话
|
||||||
|
work: '',//工作内容
|
||||||
|
ticketNo:'',//工作票编号
|
||||||
|
accessArea1:'',//作业地点
|
||||||
|
workUnit:'',//作业单位
|
||||||
|
workCharger:'',//工作负责人
|
||||||
|
workChargerPhone:'',//工作负责人联系方式
|
||||||
|
dateRange2: '',//合同有效期
|
||||||
|
dateRange3: '',//证件有效期
|
||||||
|
licenseNumber: '',//车牌号
|
||||||
|
peopleList2:[//作业班成员列表
|
||||||
|
{
|
||||||
|
personnelName: '',
|
||||||
|
idNumber: '',
|
||||||
|
faceImgs:[],
|
||||||
|
faceImgsId:[],
|
||||||
|
}
|
||||||
|
],
|
||||||
|
examIndex4: 0,//项目归口部门负责人
|
||||||
|
examList4: [],//项目归口部门负责人
|
||||||
|
// ---------------------------------------------
|
||||||
chosenType:0,
|
chosenType:0,
|
||||||
accessArea: '',
|
|
||||||
dateRange: '',
|
|
||||||
myCardList:[],//我的卡列表
|
myCardList:[],//我的卡列表
|
||||||
reissueCardList:[],//待补办卡列表
|
reissueCardList:[],//待补办卡列表
|
||||||
losscard:{},
|
losscard:{},
|
||||||
|
|
@ -767,12 +1054,6 @@
|
||||||
// pageTitle: ['新办卡', '补办卡', '新办证', '补办证'],
|
// pageTitle: ['新办卡', '补办卡', '新办证', '补办证'],
|
||||||
submitFlag: true,
|
submitFlag: true,
|
||||||
showAlert: false,
|
showAlert: false,
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
scienceTechRemarks: '', //科技楼备注
|
scienceTechRemarks: '', //科技楼备注
|
||||||
dispatchRemarks: '', //调度楼备注
|
dispatchRemarks: '', //调度楼备注
|
||||||
logisticsRemarks: '', //后勤楼备注
|
logisticsRemarks: '', //后勤楼备注
|
||||||
|
|
@ -811,9 +1092,7 @@
|
||||||
faceChange(evt){
|
faceChange(evt){
|
||||||
this.isEnableFace = evt.target.value;
|
this.isEnableFace = evt.target.value;
|
||||||
},
|
},
|
||||||
accessAreaChecked(e){
|
|
||||||
this.accessArea = e.detail.value
|
|
||||||
},
|
|
||||||
//办卡类型
|
//办卡类型
|
||||||
showradio: function(index) {
|
showradio: function(index) {
|
||||||
var self = this;
|
var self = this;
|
||||||
|
|
@ -944,8 +1223,12 @@
|
||||||
// console.log(e)
|
// console.log(e)
|
||||||
this.examIndex = e.detail.value;
|
this.examIndex = e.detail.value;
|
||||||
},
|
},
|
||||||
|
//新办卡-职工卡-选择审批人
|
||||||
|
changeExamList1(e) {
|
||||||
|
// console.log(e)
|
||||||
|
this.examIndex1 = e.detail.value;
|
||||||
|
},
|
||||||
|
// --------------------------
|
||||||
//新办卡-第三方-选择项目归口管理部门
|
//新办卡-第三方-选择项目归口管理部门
|
||||||
changeUnit(e) {
|
changeUnit(e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
|
@ -961,15 +1244,7 @@
|
||||||
console.log(e)
|
console.log(e)
|
||||||
this.limitIndex = e.detail.value;
|
this.limitIndex = e.detail.value;
|
||||||
},
|
},
|
||||||
//新办卡-职工卡-选择审批人
|
// --------------------------
|
||||||
changeExamList1(e) {
|
|
||||||
// console.log(e)
|
|
||||||
this.examIndex1 = e.detail.value;
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//新办卡-VIP贵宾-经办部门
|
//新办卡-VIP贵宾-经办部门
|
||||||
changeUnit2(e) {
|
changeUnit2(e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
|
@ -980,8 +1255,106 @@
|
||||||
// console.log(e)
|
// console.log(e)
|
||||||
this.examIndex2 = e.detail.value;
|
this.examIndex2 = e.detail.value;
|
||||||
},
|
},
|
||||||
|
// --------------------------
|
||||||
|
//新办证-临时出入证-选择项目归口管理部门
|
||||||
|
changeUnit3(e) {
|
||||||
|
console.log(e)
|
||||||
|
this.unitIndex3 = e.detail.value;
|
||||||
|
},
|
||||||
|
//新办证-临时出入证-项目归口部门负责人
|
||||||
|
changeExamList3(e) {
|
||||||
|
// console.log(e)
|
||||||
|
this.examIndex3 = e.detail.value;
|
||||||
|
},
|
||||||
|
//出入区域
|
||||||
|
accessAreaChecked(e){
|
||||||
|
this.accessArea = e.detail.value
|
||||||
|
},
|
||||||
|
//添加人员
|
||||||
|
addpeople1(){
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认',
|
||||||
|
content: '请确认是否增加新的人员？',
|
||||||
|
showCancel: true,
|
||||||
|
cancelText: '取消',
|
||||||
|
confirmText: '确认',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.peopleList1.push({
|
||||||
|
personnelName: '',
|
||||||
|
faceImgs:[],
|
||||||
|
faceImgsId:[],
|
||||||
|
})
|
||||||
|
} else if (res.cancel) {}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//删除人员
|
||||||
|
delpeople1(peopleIndex){
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认',
|
||||||
|
content: '请确认是否删除人员？',
|
||||||
|
showCancel: true,
|
||||||
|
cancelText: '取消',
|
||||||
|
confirmText: '确认',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.peopleList1.splice(peopleIndex, 1);
|
||||||
|
} else if (res.cancel) {}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
//-------------------------------
|
||||||
|
//新办证-施工出入证-选择项目归口管理部门
|
||||||
|
changeUnit4(e) {
|
||||||
|
console.log(e)
|
||||||
|
this.unitIndex4 = e.detail.value;
|
||||||
|
},
|
||||||
|
//新办证-施工出入证-项目归口部门负责人
|
||||||
|
changeExamList4(e) {
|
||||||
|
// console.log(e)
|
||||||
|
this.examIndex4 = e.detail.value;
|
||||||
|
},
|
||||||
|
//新办证-施工出入证-出入区域
|
||||||
|
accessAreaChecked1(e){
|
||||||
|
this.accessArea1 = e.detail.value
|
||||||
|
},
|
||||||
|
//添加人员
|
||||||
|
addpeople2(){
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认',
|
||||||
|
content: '请确认是否增加新的人员？',
|
||||||
|
showCancel: true,
|
||||||
|
cancelText: '取消',
|
||||||
|
confirmText: '确认',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.peopleList2.push({
|
||||||
|
personnelName: '',
|
||||||
|
idNumber:"",
|
||||||
|
faceImgs:[],
|
||||||
|
faceImgsId:[],
|
||||||
|
})
|
||||||
|
} else if (res.cancel) {}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//删除人员
|
||||||
|
delpeople2(peopleIndex){
|
||||||
|
uni.showModal({
|
||||||
|
title: '确认',
|
||||||
|
content: '请确认是否删除人员？',
|
||||||
|
showCancel: true,
|
||||||
|
cancelText: '取消',
|
||||||
|
confirmText: '确认',
|
||||||
|
success: res => {
|
||||||
|
if (res.confirm) {
|
||||||
|
this.peopleList2.splice(peopleIndex, 1);
|
||||||
|
} else if (res.cancel) {}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
//提交（新办卡，新办证）
|
//提交（新办卡，新办证）
|
||||||
submit() {
|
submit() {
|
||||||
|
|
@ -1103,7 +1476,6 @@
|
||||||
// this.unit = '';
|
// this.unit = '';
|
||||||
// this.personnel = '';
|
// this.personnel = '';
|
||||||
// this.personnelPhone = '';
|
// this.personnelPhone = '';
|
||||||
// this.matter = '';
|
|
||||||
// this.accessArea = '';
|
// this.accessArea = '';
|
||||||
// this.scienceTechRemarks = '';
|
// this.scienceTechRemarks = '';
|
||||||
// this.dispatchRemarks = '';
|
// this.dispatchRemarks = '';
|
||||||
|
|
@ -1683,7 +2055,6 @@
|
||||||
this.situationPhotoes.splice(index, 1);
|
this.situationPhotoes.splice(index, 1);
|
||||||
this.situationPhotoesId.splice(index, 1);
|
this.situationPhotoesId.splice(index, 1);
|
||||||
},
|
},
|
||||||
|
|
||||||
//办卡-附件照片-VIP贵宾
|
//办卡-附件照片-VIP贵宾
|
||||||
async chooseDocumentImg() {
|
async chooseDocumentImg() {
|
||||||
let chec = 0;
|
let chec = 0;
|
||||||
|
|
@ -1849,15 +2220,234 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
//办卡-删除附件文件-VIP贵宾
|
//办卡-删除附件文件-VIP贵宾
|
||||||
removeDocumentImg(index) {
|
removeDocumentImg(index) {
|
||||||
this.documentPhoto.splice(index, 1);
|
this.documentPhoto.splice(index, 1);
|
||||||
this.documentPhotoId.splice(index, 1);
|
this.documentPhotoId.splice(index, 1);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
//办证-临时出入证
|
||||||
|
//办卡-人脸照片-临时出入证-多人多张图片
|
||||||
|
async chooseFaceImg3(peopleIndex) {
|
||||||
|
let chec = 0;
|
||||||
|
let sty = [];
|
||||||
|
let _this = this;
|
||||||
|
uni.showActionSheet({
|
||||||
|
itemList: ['拍照', '相册'],
|
||||||
|
success: function(resp) {
|
||||||
|
chec = resp.tapIndex;
|
||||||
|
if (chec == 0) {
|
||||||
|
sty = ['camera']; //从相册相机选择
|
||||||
|
} else {
|
||||||
|
sty = ['album']; //从相册相机选择
|
||||||
|
}
|
||||||
|
uni.chooseImage({
|
||||||
|
count: 1,
|
||||||
|
sizeType: ['compressed'],
|
||||||
|
sourceType: sty,
|
||||||
|
quality: 1,
|
||||||
|
success: async function(res) {
|
||||||
|
let resData = res.tempFilePaths;
|
||||||
|
for (let i = 0; i < resData.length; i++) {
|
||||||
|
if (_this.peopleList1[peopleIndex].faceImgs.length > 1) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
uni.getImageInfo({
|
||||||
|
src: resData[i],
|
||||||
|
success: async (path) => {
|
||||||
|
convertImgToBase64(path.path,async function(base64) {
|
||||||
|
if (_this.peopleList1[peopleIndex].faceImgs.length < 1) {
|
||||||
|
uni.showLoading({title: '图片上传中'})
|
||||||
|
let blength = base64.length;
|
||||||
|
let glength = 7500;
|
||||||
|
// console.log("base64:",base64)
|
||||||
|
if (blength <= glength) {
|
||||||
|
let uploadParam = {
|
||||||
|
base64: base64,
|
||||||
|
userId: getStorage('userInfo').userId + i,
|
||||||
|
groupEnd: '1'
|
||||||
|
}
|
||||||
|
await uploadImg(uploadParam).then(resu => {
|
||||||
|
resu = resu.data;
|
||||||
|
uni.hideLoading();
|
||||||
|
if (resu.returnCode !=1) {
|
||||||
|
alertTip(resu.returnMsg);
|
||||||
|
} else {
|
||||||
|
_this.peopleList1[peopleIndex].faceImgs.push(base64);
|
||||||
|
_this.peopleList1[peopleIndex].faceImgsId.push(resu.returnData + ".jpg");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let fnum = parseInt(blength / glength);
|
||||||
|
for (let j =1; j < fnum + 1; j++) {
|
||||||
|
if (j == fnum) {
|
||||||
|
let groupBase = base64.slice((j-1)*glength);
|
||||||
|
let uploadParam = {
|
||||||
|
base64: groupBase,
|
||||||
|
userId: getStorage('userInfo').userId +i,
|
||||||
|
groupEnd: '1'
|
||||||
|
}
|
||||||
|
await uploadImg(uploadParam).then(resu => {
|
||||||
|
resu = resu.data;
|
||||||
|
if (resu.returnCode==1) {
|
||||||
|
_this.peopleList1[peopleIndex].faceImgs.push(base64);
|
||||||
|
_this.peopleList1[peopleIndex].faceImgsId.push(resu.returnData+".jpg");
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
alertTip(resu.returnMsg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let groupBase =base64.slice((j-1)*glength,glength*j);
|
||||||
|
let uploadParam = {
|
||||||
|
base64: groupBase,
|
||||||
|
userId: getStorage('userInfo').userId+i,
|
||||||
|
groupEnd: '0'
|
||||||
|
}
|
||||||
|
await uploadImg(uploadParam).then(resu => {
|
||||||
|
resu = resu.data;
|
||||||
|
if (resu.returnCode ==1) {
|
||||||
|
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
alertTip(resu.returnMsg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uni.hideLoading();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: function(resp) {
|
||||||
|
console.log(resp.errMsg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//删除人脸照片-临时出入证
|
||||||
|
removeFaceImg3(peopleIndex,index) {
|
||||||
|
this.peopleList1[peopleIndex].faceImgs.splice(index, 1);
|
||||||
|
this.peopleList1[peopleIndex].faceImgsId.splice(index, 1);
|
||||||
|
},
|
||||||
|
//办证-临时出入证
|
||||||
|
//办卡-人脸照片-临时出入证-多人多张图片
|
||||||
|
async chooseFaceImg4(peopleIndex) {
|
||||||
|
let chec = 0;
|
||||||
|
let sty = [];
|
||||||
|
let _this = this;
|
||||||
|
uni.showActionSheet({
|
||||||
|
itemList: ['拍照', '相册'],
|
||||||
|
success: function(resp) {
|
||||||
|
chec = resp.tapIndex;
|
||||||
|
if (chec == 0) {
|
||||||
|
sty = ['camera']; //从相册相机选择
|
||||||
|
} else {
|
||||||
|
sty = ['album']; //从相册相机选择
|
||||||
|
}
|
||||||
|
uni.chooseImage({
|
||||||
|
count: 1,
|
||||||
|
sizeType: ['compressed'],
|
||||||
|
sourceType: sty,
|
||||||
|
quality: 1,
|
||||||
|
success: async function(res) {
|
||||||
|
let resData = res.tempFilePaths;
|
||||||
|
for (let i = 0; i < resData.length; i++) {
|
||||||
|
if (_this.peopleList2[peopleIndex].faceImgs.length > 1) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
uni.getImageInfo({
|
||||||
|
src: resData[i],
|
||||||
|
success: async (path) => {
|
||||||
|
convertImgToBase64(path.path,async function(base64) {
|
||||||
|
if (_this.peopleList2[peopleIndex].faceImgs.length < 1) {
|
||||||
|
uni.showLoading({title: '图片上传中'})
|
||||||
|
let blength = base64.length;
|
||||||
|
let glength = 7500;
|
||||||
|
// console.log("base64:",base64)
|
||||||
|
if (blength <= glength) {
|
||||||
|
let uploadParam = {
|
||||||
|
base64: base64,
|
||||||
|
userId: getStorage('userInfo').userId + i,
|
||||||
|
groupEnd: '1'
|
||||||
|
}
|
||||||
|
await uploadImg(uploadParam).then(resu => {
|
||||||
|
resu = resu.data;
|
||||||
|
uni.hideLoading();
|
||||||
|
if (resu.returnCode !=1) {
|
||||||
|
alertTip(resu.returnMsg);
|
||||||
|
} else {
|
||||||
|
_this.peopleList2[peopleIndex].faceImgs.push(base64);
|
||||||
|
_this.peopleList2[peopleIndex].faceImgsId.push(resu.returnData + ".jpg");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let fnum = parseInt(blength / glength);
|
||||||
|
for (let j =1; j < fnum + 1; j++) {
|
||||||
|
if (j == fnum) {
|
||||||
|
let groupBase = base64.slice((j-1)*glength);
|
||||||
|
let uploadParam = {
|
||||||
|
base64: groupBase,
|
||||||
|
userId: getStorage('userInfo').userId +i,
|
||||||
|
groupEnd: '1'
|
||||||
|
}
|
||||||
|
await uploadImg(uploadParam).then(resu => {
|
||||||
|
resu = resu.data;
|
||||||
|
if (resu.returnCode==1) {
|
||||||
|
_this.peopleList2[peopleIndex].faceImgs.push(base64);
|
||||||
|
_this.peopleList2[peopleIndex].faceImgsId.push(resu.returnData+".jpg");
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
alertTip(resu.returnMsg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let groupBase =base64.slice((j-1)*glength,glength*j);
|
||||||
|
let uploadParam = {
|
||||||
|
base64: groupBase,
|
||||||
|
userId: getStorage('userInfo').userId+i,
|
||||||
|
groupEnd: '0'
|
||||||
|
}
|
||||||
|
await uploadImg(uploadParam).then(resu => {
|
||||||
|
resu = resu.data;
|
||||||
|
if (resu.returnCode ==1) {
|
||||||
|
|
||||||
|
} else {
|
||||||
|
uni.hideLoading();
|
||||||
|
alertTip(resu.returnMsg);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
uni.hideLoading();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
fail: function(resp) {
|
||||||
|
console.log(resp.errMsg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//删除人脸照片-临时出入证
|
||||||
|
removeFaceImg4(peopleIndex,index) {
|
||||||
|
this.peopleList2[peopleIndex].faceImgs.splice(index, 1);
|
||||||
|
this.peopleList2[peopleIndex].faceImgsId.splice(index, 1);
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -2345,6 +2935,7 @@
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
padding: 30upx 20upx;
|
padding: 30upx 20upx;
|
||||||
|
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
float: left;
|
float: left;
|
||||||
width: 140upx;
|
width: 140upx;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue