<template> <view> <cu-custom bgColor="bg-gradual-blueness" :isBack="true"> <block slot="backText">返回</block> <block slot="content">动火作业申请</block> </cu-custom> <view class="form"> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">申请单位:</view> {{ form.APPLY_DEPARTMENT_NAME }} </view> <view class="cu-form-group"> <view class="title">申请办理人:</view> {{ form.APPLY_USER_NAME }} </view> <view class="cu-form-group"> <view class="title">作业编号:</view> <input :disabled="forbidEdit" v-model="form.JOB_NUMBER" placeholder="请输入编号"></input> </view> <view class="cu-form-group"> <view class="title">申请日期:</view> <ruiDatePicker v-if="!forbidEdit" :start="todayDate" fields="minute" :value="form.APPLICATION_DATE || '请选择'" @change="changeApplicationDate"></ruiDatePicker> <text v-else>{{ form.APPLICATION_DATE }}</text> </view> <view class="cu-form-group"> <view class="title">作业类型:</view> <picker @change="jobTypeChange" :disabled="forbidEdit" :value="form.JOB_TYPE_INDEX" :range="jobTypeList" range-key="name"> <view class="picker"> {{ form.JOB_TYPE_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group"> <view class="title">动火部位:</view> <input :disabled="forbidEdit" v-model="form.HOT_WORK_POSITION" placeholder="请输入动火部位"></input> </view> <view class="cu-form-group"> <view class="title">动火方法:</view> <picker @change="hotWorkMethodChange" :disabled="forbidEdit" :value="form.HOT_WORK_METHOD_INDEX" :range="hotWorkMethodList" range-key="NAME"> <view class="picker"> {{ form.HOT_WORK_METHOD_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group"> <view class="title">动火作业级别:</view> <picker @change="hotWorkLevelChange" :disabled="forbidEdit" :value="form.HOT_WORK_LEVEL_INDEX" :range="hotWorkLevelList" range-key="name"> <view class="picker"> {{ form.HOT_WORK_LEVEL_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.HOT_WORK_LEVEL_INDEX =='0'"> <view class="title">动火负责人确认部门:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree30')"> {{ form.CHARGECONFIRM_DEPT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree30" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'chargeConfirmList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.CHARGECONFIRM_DEPT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.CHARGECONFIRM_DEPT_NAME"> <view class="title">动火负责人确认负责人:</view> <picker @change="chargeConfirmChange" :disabled="forbidEdit" :value="form.CHARGECONFIRM_INDEX" :range="chargeConfirmList" range-key="NAME"> <view class="picker"> {{ form.CHARGECONFIRM_USER_NAME || '请选择' }} </view> </picker> </view> <!-- <view class="cu-form-group"> <view class="title">动火时间:</view> <ruiDatePicker v-if="!forbidEdit" :start="todayDate" fields="minute" :value="form.HOT_WORK_TIME || '请选择'" @change="changehotWorkTime"></ruiDatePicker> <text v-else>{{ form.HOT_WORK_TIME }}</text> </view> --> <view class="cu-form-group"> <view class="title">动火开始时间:</view> <text>{{ form.HOT_WORK_TIME_START }}</text> </view> <view class="cu-form-group"> <view class="title">动火结束时间:</view> <text>{{ form.HOT_WORK_TIME_END }}</text> </view> <view class="cu-form-group"> <view class="title">作业地点:</view> <button class="cu-btn shadow bg-blue" @click="chooseLocation" v-if="!forbidEdit">地图选择</button> </view> <view class="cu-form-group" v-if="form.WORK_LONGITUDE"> <view class="title">经度:</view> <view>{{form.WORK_LONGITUDE}}</view> </view> <view class="cu-form-group" v-if="form.WORK_LATITUDE"> <view class="title">纬度:</view> <view>{{form.WORK_LATITUDE}}</view> </view> <view class="cu-form-group"> <view class="title">作业内容:</view> <input :disabled="forbidEdit" v-model="form.JOB_CONTENT" placeholder="请输入作业内容"></input> </view> <view class="cu-form-group" v-if="!forbidEdit"> <view class="title">动火操作人:</view> <view class="add_pard_b"> <button class="cu-btn round bg-blue" @click="addOther">添加</button> </view> </view> <view class="add_pard_box" v-if="showAddOther"> <view class="cu-form-group"> <button class="cu-btn round bg-blue" @click="hotWorkOperatorSelectShow">特种作业人员</button> <button class="cu-btn round bg-blue" @click="addSpecialInputAdd">临时人员</button> <button class="cu-btn round bg-blue" @click="addOtherInputAdd">其他</button> </view> <view class="add_pard_item" v-for="(item,index) of other"> <view class="add_pard_del" @click="removeOther(index)"> <text class="cuIcon-roundclosefill text-red f40"></text> </view> <view class="cu-form-group"> <picker @change="PickerYsr($event,index)" :value="other[index].index" @click="haveUser(otherUserList[index])" :disabled="otherUserList[index] ==null || otherUserList[index].length==0" :range="otherUserList[index]" range-key="NAME"> <view class="picker"> {{other[index].USER_NAME?other[index].USER_NAME:'请选择'}} </view> </picker> </view> </view> </view> <view class="cu-form-group" v-if="forbidEdit"> <view class="title">动火操作人:</view> <uni-table border stripe emptyText="暂无更多数据" style="flex:1;margin: 20upx 0"> <uni-tr></uni-tr> <uni-tr v-for="item in form.HOT_WORK_OPERATOR_NAME" :key="item"> <uni-td>{{ item }}</uni-td> </uni-tr> </uni-table> </view> <view class="cu-form-group"> <view class="title">动火单位监护人员:</view> <input :disabled="forbidEdit" v-model="form.SUPERVISOR_OF_HOT_WORK_UNIT" placeholder="请输入动火单位监护人员"></input> </view> </view> <!-- 动火单位负责人 1--> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">动火确认部门:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree1')"> {{ form.HOT_WORK_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree1" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'hotWorkUserList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.HOT_WORK_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.HOT_WORK_DEPARTMENT_NAME"> <view class="title">动火确认负责人:</view> <picker @change="hotWorkChange" :disabled="forbidEdit" :value="form.HOT_WORK_PERSONNEL_INDEX" :range="hotWorkUserList" range-key="NAME"> <view class="picker"> {{ form.HOT_WORK_USER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.HOT_WORK_USER_PHONE"> <view class="title">动火单位负责人电话:</view> {{ form.HOT_WORK_USER_PHONE }} </view> </view> <!-- 项目发包人2 v-if="form.JOB_TYPE_INDEX == '1'" --> <view class="wui-form-list" v-if="form.JOB_TYPE_ID == '1'"> <view class="cu-form-group"> <view class="title">项目发包单位负责人部门:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree2')"> {{ form.PROJECT_UNIT_LEADER_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree2" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'projectUnitLeaderList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.PROJECT_UNIT_LEADER_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.PROJECT_UNIT_LEADER_DEPARTMENT_NAME"> <view class="title">项目发包单位负责人:</view> <picker @change="projectUnitLeaderChange" :disabled="forbidEdit" :value="form.PROJECT_UNIT_LEADER_INDEX" :range="projectUnitLeaderList" range-key="NAME"> <view class="picker"> {{ form.PROJECT_UNIT_LEADER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.PROJECT_UNIT_LEADER_PHONE"> <view class="title">项目发包单位负责人电话:</view> {{ form.PROJECT_UNIT_LEADER_PHONE }} </view> </view> <!-- 现场负责人 3 现场管辖单位负责人 --> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">现场负责人部门:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree3')"> {{ form.SITE_LEADER_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree3" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'siteLeaderList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.SITE_LEADER_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.SITE_LEADER_DEPARTMENT_NAME"> <view class="title">现场负责人:</view> <picker @change="siteLeaderChange" :disabled="forbidEdit" :value="form.SITE_LEADER_INDEX" :range="siteLeaderList" range-key="NAME"> <view class="picker"> {{ form.SITE_LEADER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.SITE_LEADER_PHONE"> <view class="title">现场负责人电话:</view> {{ form.SITE_LEADER_PHONE }} </view> </view> <!-- 现场管辖单位负责人 4 --> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">现场管辖负责人部门:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree7')"> {{ form.UNIT_LEADER_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree7" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'unitLeaderList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.UNIT_LEADER_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.UNIT_LEADER_DEPARTMENT_NAME"> <view class="title">现场管辖负责人:</view> <picker @change="unitLeaderChange" :disabled="forbidEdit" :value="form.UNIT_LEADER_INDEX" :range="unitLeaderList" range-key="NAME"> <view class="picker"> {{ form.UNIT_LEADER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.UNIT_LEADER_PHONE"> <view class="title">现场管辖负责人电话:</view> {{ form.UNIT_LEADER_PHONE }} </view> </view> <!-- 动火许可证签发单位5 --> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">动火许可证签发单位:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree4')"> {{ form.ISSUING_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree4" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'issunigUserList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.ISSUING_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.ISSUING_DEPARTMENT_NAME"> <view class="title">动火许可证签发负责人:</view> <picker @change="issungChange" :disabled="forbidEdit" :value="form.ISSUING_INDEX" :range="issunigUserList" range-key="NAME"> <view class="picker"> {{ form.ISSUING_USER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.ISSUING_USER_PHONE"> <view class="title">动火许可证签发负责人电话:</view> {{ form.ISSUING_USER_PHONE }} </view> </view> <!-- 是否安全总监审批6 --> <view class="wui-form-list"> <view class="cu-form-group "> <view class="title text-hui">是否安全总监审批</view> <radio-group class="selected" @change="radioType" :disabled="forbidEdit"> <view class="group mr20"> <radio class='radio' :disabled="forbidEdit" value="1" :checked="form.IS_SAFETY_DIRECTOR==1"></radio> <text>是</text> </view> <view class="group"> <radio class='radio' :disabled="forbidEdit" value="0" :checked="form.IS_SAFETY_DIRECTOR==0"></radio> <text>否</text> </view> </radio-group> </view> <div v-if="form.IS_SAFETY_DIRECTOR =='1'"> <view class="cu-form-group"> <view class="title">安全总监单位:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree5')"> {{ form.SAFETY_DIRECTOR_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree5" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'safetyDirectorList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.SAFETY_DIRECTOR_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.SAFETY_DIRECTOR_DEPARTMENT_NAME"> <view class="title">安全总监:</view> <picker @change="safetyDirectorChange" :disabled="forbidEdit" :value="form.SAFETY_DIRECTOR_INDEX" :range="safetyDirectorList" range-key="NAME"> <view class="picker"> {{ form.SAFETY_DIRECTOR_USER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.SAFETY_DIRECTOR_PHONE"> <view class="title">安全总监电话:</view> {{ form.SAFETY_DIRECTOR_PHONE }} </view> </div> </view> <!-- 是否 需要气体检测 7 --> <view class="wui-form-list"> <view class="cu-form-group "> <view class="title text-hui">是否需要气体检测</view> <radio-group class="selected" @change="radioType2" :disabled="forbidEdit"> <view class="group mr20"> <radio class='radio' :disabled="forbidEdit" value="1" :checked="form.IS_GAS_TESTING==1"></radio> <text>是</text> </view> <view class="group"> <radio class='radio' :disabled="forbidEdit" value="0" :checked="form.IS_GAS_TESTING==0"></radio> <text>否</text> </view> </radio-group> </view> <div v-if="form.IS_GAS_TESTING =='1'"> <view class="cu-form-group"> <view class="title">气体检测人员单位:</view> <block v-if="!forbidEdit"> <view class="picker-tree-box"> <view class="picker-tree" @tap="showZgTree('tkiTree6')"> {{ form.GAS_TESTING_DEPARTMENT_NAME || '请选择' }} </view> </view> <tki-tree ref="tkiTree6" :selectParent=true :range="treeNode" rangeKey="name" @confirm="zgtreeConfirm($event,'gasTestingList')" @cancel="zgtreeCancel"></tki-tree> </block> <block v-else>{{ form.GAS_TESTING_DEPARTMENT_NAME }}</block> </view> <view class="cu-form-group" v-if="form.GAS_TESTING_DEPARTMENT_NAME"> <view class="title">气体检测人员:</view> <picker @change="gasTestingChange" :disabled="forbidEdit" :value="form.GAS_TESTING_INDEX" :range="gasTestingList" range-key="NAME"> <view class="picker"> {{ form.GAS_TESTING_USER_NAME || '请选择' }} </view> </picker> </view> <view class="cu-form-group" v-if="form.GAS_TESTING_USER_PHONE"> <view class="title">气体检测人员电话:</view> {{ form.GAS_TESTING_USER_PHONE }} </view> </div> </view> </view> <view class="cu-bar btn-group" style="margin-top: 30upx;"> <button v-if="!forbidEdit" class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'1')"> 提交 </button> <button v-if="forbidEdit" class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goback)">返回 </button> </view> <view class="padding flex flex-direction"></view> <uni-popup ref="cityMore" type="bottom" :maskClick="false"> <more-select title="选择特种操作人" :cityData="hotWorkOperatorDepartmentList" @closeCity="hotWorkOperatorSelectHide('close')" @queryCity="hotWorkOperatorSelectHide('query')" @switchCity="switchCity" @chooseCity="chooseCity" :cityIndex="cityIndex" :cityIdArr="form.HOT_WORK_OPERATOR_ID" :maxCount="99" ></more-select> </uni-popup> <view :class="['cu-modal',{'show':addModal}]"> <view class="cu-dialog"> <view class="cu-bar bg-white justify-end"> <view class="content">添加动火操作人</view> <view class="action" @tap="addModal = false"> <text class="cuIcon-close text-red"></text> </view> </view> <view> <view class="wrapper"> <view class="handCenter"> <view class="form"> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">人员姓名:</view> <input v-model="addOtherInput.USERNAME" placeholder="请输入人员姓名"></input> </view> </view> </view> </view> </view> </view> <view class="cu-bar bg-white justify-end"> <view class="action"> <button class="cu-btn bg-green margin-left" @click="addOtherInputSubmit">确认</button> </view> </view> </view> </view> <view :class="['cu-modal',{'show':addSpecial}]"> <view class="cu-dialog"> <view class="cu-bar bg-white justify-end"> <view class="content">添加动火操作人</view> <view class="action" @tap="addSpecial = false"> <text class="cuIcon-close text-red"></text> </view> </view> <view> <view class="wrapper"> <view class="handCenter"> <view class="form"> <view class="wui-form-list"> <view class="cu-form-group"> <view class="title">人员单位:</view> <input v-model="addSpecialInput.DEPTNAME" placeholder="请输入人员单位"></input> </view> <view class="cu-form-group"> <view class="title">人员姓名:</view> <input v-model="addSpecialInput.USERNAME" placeholder="请输入人员姓名"></input> </view> <view class="cu-form-group"> <view class="title">人员照片:</view> <button class="cu-btn bg-blue margin-tb-sm sm" @click="ChooseImageUser" v-if="addSpecialInput.userImgList.length === 0">点击上传 </button> <block v-else> <view class="bg-img" v-for="(item,index) in addSpecialInput.userImgList" :key="index" @tap="ViewImageUser" :data-url="item"> <image :src="item" style="width: 500px"></image> <view class="cu-tag bg-red" @tap.stop="DelImgUser" :data-index="index"> <text class='cuIcon-close'></text> </view> </view> </block> </view> <view class="cu-form-group"> <view class="title">证件照片:</view> <button class="cu-btn bg-blue margin-tb-sm sm" @click="ChooseImageCard" v-if="addSpecialInput.cardImgList.length === 0">点击上传 </button> <block v-else> <view class="bg-img" v-for="(item,index) in addSpecialInput.cardImgList" :key="index" @tap="ViewImageCard" :data-url="item"> <image :src="item" style="width: 500px"></image> <view class="cu-tag bg-red" @tap.stop="DelImgCard" :data-index="index"> <text class='cuIcon-close'></text> </view> </view> </block> </view> </view> </view> </view> </view> </view> <view class="cu-bar bg-white justify-end"> <view class="action"> <button class="cu-btn bg-green margin-left" @click="addSpecialInputSubmit">确认</button> </view> </view> </view> </view> </view> </template> <script> import { basePath, corpinfoId, loginUser, loginSession, formatDate, loginUserId } from '@/common/tool.js'; import tkiTree from "@/components/select-tree/select-tree.vue" import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue'; import moreSelect from '@/components/more-select/more-select.vue'; import uniPopup from '@/components/more-select/uni-popup/uni-popup.vue'; export default { components: { tkiTree, ruiDatePicker, moreSelect, uniPopup }, data() { return { msg: 'add', noClick: true, form: { HOTWORKAPPLICATION_ID: '', APPLY_DEPARTMENT_ID: '', APPLY_DEPARTMENT_NAME: '', APPLY_USER_ID: '', APPLY_USER_NAME: '', JOB_NUMBER: '', APPLICATION_DATE: '', JOB_TYPE_INDEX: '', JOB_TYPE_ID: '', JOB_TYPE_NAME: '', HOT_WORK_POSITION: '', HOT_WORK_METHOD_INDEX: '', HOT_WORK_METHOD_ID: '', HOT_WORK_METHOD_NAME: '', HOT_WORK_LEVEL_INDEX: '', HOT_WORK_LEVEL_ID: '', HOT_WORK_LEVEL_NAME: '', HOT_WORK_APPLICATION_DEPARTMENT_ID: '', HOT_WORK_APPLICATION_DEPARTMENT_NAME: '', DEPARTMENT_PERSONNEL_INDEX: '', DEPARTMENT_PERSONNEL_ID: '', DEPARTMENT_PERSONNEL_NAME: '', JOB_CONTENT: '', SITE_LEADER_DEPARTMENT_ID: '', SITE_LEADER_DEPARTMENT_NAME: '', SITE_LEADER_INDEX: '', SITE_LEADER_ID: '', SITE_LEADER_NAME: '', SITE_LEADER_PHONE: '', SUPERVISOR_OF_HOT_WORK_UNIT: '', HOT_WORK_TIME: '', WORK_LONGITUDE: '', WORK_LATITUDE: '', HOT_WORK_UNIT_LEADER_DEPARTMENT_ID: '', HOT_WORK_UNIT_LEADER_DEPARTMENT_NAME: '', HOT_WORK_UNIT_LEADER_INDEX: '', HOT_WORK_UNIT_LEADER_ID: '', HOT_WORK_UNIT_LEADER_NAME: '', HOT_WORK_UNIT_LEADER_PHONE: '', UNIT_LEADER_DEPARTMENT_ID: '', UNIT_LEADER_DEPARTMENT_NAME: '', UNIT_LEADER_INDEX: '', UNIT_LEADER_ID: '', UNIT_LEADER_NAME: '', UNIT_LEADER_PHONE: '', PROJECT_UNIT_LEADER_DEPARTMENT_ID: '', PROJECT_UNIT_LEADER_DEPARTMENT_NAME: '', PROJECT_UNIT_LEADER_INDEX: '', PROJECT_UNIT_LEADER_ID: '', PROJECT_UNIT_LEADER_NAME: '', PROJECT_UNIT_LEADER_PHONE: '', HOT_WORK_PERMIT_ISSUING_UNIT: '', HOT_WORK_OPERATOR_ID: [], HOT_WORK_OPERATOR_NAME: [], LEADER_DEPARTMENT_ID: '', LEADER_DEPARTMENT_NAME: '', LEADER_USER_ID: '', LEADER_USER_NAME: '', LEADER_USER_PHONE: '', LEADER_USER_INDEX: '', HOT_WORK_DEPARTMENT_ID: '', HOT_WORK_DEPARTMENT_NAME: '', HOT_WORK_PERSONNEL_INDEX: '', HOT_WORK_USER_ID: '', HOT_WORK_USER_NAME: '', IS_SAFETY_DIRECTOR: '0', SAFETY_DIRECTOR_DEPARTMENT_ID: '', SAFETY_DIRECTOR_DEPARTMENT_NAME: '', SAFETY_DIRECTOR_INDEX: '', SAFETY_DIRECTOR_USER_ID: '', SAFETY_DIRECTOR_USER_NAME: '', SAFETY_DIRECTOR_PHONE: '', IS_GAS_TESTING: '0', GAS_TESTING_DEPARTMENT_ID: '', GAS_TESTING_DEPARTMENT_NAME: '', GAS_TESTING_INDEX: '', GAS_TESTING_USER_ID: '', GAS_TESTING_USER_NAME: '', GAS_TESTING_USER_PHONE: '', ISSUING_DEPARTMENT_ID: '', ISSUING_DEPARTMENT_NAME: '', ISSUING_INDEX: '', ISSUING_USER_ID: '', ISSUING_USER_NAME: '', ISSUING_USER_PHONE: '', CHARGECONFIRM_DEPT_ID: '', CHARGECONFIRM_DEPT_NAME: '', CHARGECONFIRM_USER_NAME: '', CHARGECONFIRM_USER_ID: '', CHARGECONFIRM_INDEX: '', CHARGECONFIRM_PHONE: '', }, rules: [ {name: 'APPLY_DEPARTMENT_NAME', message: '请输入申请单位'}, {name: 'APPLY_USER_NAME', message: '请输入申请办理人'}, {name: 'JOB_NUMBER', message: '请输入作业编号'}, {name: 'APPLICATION_DATE', message: '请选择申请日期'}, {name: 'JOB_TYPE_ID', message: '请选择作业类型'}, {name: 'HOT_WORK_POSITION', message: '请输入动火部位'}, {name: 'HOT_WORK_METHOD_ID', message: '请选择动火方法'}, {name: 'HOT_WORK_LEVEL_ID', message: '请选择动火作业级别'}, {name: 'JOB_CONTENT', message: '请输入作业内容'}, {name: 'HOT_WORK_TIME', message: '请选择动火时间'}, ], treeNode: [], forbidEdit: false, todayDate: formatDate(new Date(), 'yyyy-MM-dd hh:mm'), jobTypeList: [ {id: '0', name: '内部作业'}, {id: '1', name: '单项发包作业'}, ], hotWorkMethodList: [], hotWorkLevelList: [ {id: '0', name: '特级'}, {id: '1', name: '一级'}, {id: '2', name: '二级'}, {id: '3', name: '三级'}, ], hotWorkUserList: [], departmentPersonnelList: [], siteLeaderList: [], hotWorkUnitLeaderList: [], unitLeaderList: [], hotWorkLssuedLisr: [], projectUnitLeaderList: [], chargeConfirmList: [], issunigUserList: [], hotWorkOperatorDepartmentList: [], safetyDirectorList: [], gasTestingList: [], cityIndex: 0, showAddOther: false, other: [], otherUserList: [], addModal: false, addOtherInput: { DEPTNAME: '', USERNAME: '', userImgList: [], cardImgList: [] }, addSpecial: false, addSpecialInput: { DEPTNAME: '', USERNAME: '', userImgList: [], cardImgList: [] }, temID: '' } }, onLoad(event) { if (event.id) { this.form.HOTWORKAPPLICATION_ID = event.id this.getData(); } else { // 初始化作业负责人 this.form.APPLY_DEPARTMENT_ID = loginUser.DEPARTMENT_ID; this.form.APPLY_DEPARTMENT_NAME = loginUser.DEPARTMENT_NAME; this.form.APPLY_USER_ID = loginUser.USER_ID; this.form.APPLY_USER_NAME = loginUser.NAME; // this.form.SITE_LEADER_PHONE = loginUser.USERNAME; } loginSession(); this.getDept() }, methods: { getData() { var _this = this; uni.showLoading({ title: '请稍候' }) uni.request({ url: basePath + '/app/hotworkapplication/goEdit', method: 'POST', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { HOTWORKAPPLICATION_ID: _this.form.HOTWORKAPPLICATION_ID, }, success: (res) => { if ("success" == res.data.result) { this.form = res.data.pd; let HOT_WORK_OPERATOR_NAME = res.data.pd.HOT_WORK_OPERATOR_NAME this.form.HOT_WORK_OPERATOR_NAME = HOT_WORK_OPERATOR_NAME.substring(0, HOT_WORK_OPERATOR_NAME.length - 1).split(','); // this.msg = 'edit'; this.forbidEdit = true; uni.hideLoading(); } else if ("exception" == res.data.result) { uni.showToast({ title: '错误', duration: 2000 }); } } }); }, goSubmit(STATUS) { var _this = this; let required = true if (STATUS == 1) { this.rules.map(({name, message}) => { if (!this.form[name]) { uni.showToast({ icon: 'none', title: message, duration: 1500 }); required = false } }) if (this.form.hotWorkLevelID == '0') { if (!this.form.HOT_WORK_APPLICATION_DEPARTMENT_ID) { uni.showToast({ icon: 'none', title: '请选择动火申请部门', duration: 1500 }); required = false } if (!this.form.DEPARTMENT_PERSONNEL_ID) { uni.showToast({ icon: 'none', title: '请选择部门人员', duration: 1500 }); required = false } } if (this.form.JOB_TYPE_ID == '1' && !this.form.PROJECT_UNIT_LEADER_ID) { uni.showToast({ icon: 'none', title: '请选择项目发包单位负责人', duration: 1500 }); required = false } if (this.form.HOT_WORK_OPERATOR_ID.length === 0) { uni.showToast({ icon: 'none', title: '请选择动火操作人', duration: 1500 }); required = false } if (this.form.HOT_WORK_METHOD_NAME == '电焊') { if (this.form.HOT_WORK_OPERATOR_ID.length === 0) { uni.showToast({ icon: 'none', title: '请选择特种作业动火操作人', duration: 1500 }); } if (!required) { return } } } var operatorUser = '' _this.other.forEach((item) => { operatorUser += item.USER_ID + ';' // operatorUser += item. }) uni.showLoading({ title: '请稍候' }) uni.request({ url: basePath + "/app/hotworkapplication/" + _this.msg, method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, // mode.forEach((item) => { // modestr += (item + '-' + type + ',') // }) data: { ...this.form, STATUS, CORPINFO_ID: corpinfoId, operatorUser: operatorUser }, success: (res) => { uni.showToast({ icon: 'none', title: '保存成功', duration: 2000 }); _this.goback() }, fail: (err) => { uni.hideLoading(); uni.showModal({ content: err.errMsg, showCancel: false }); } }) }, hotWorkChange(e) { console.info(e) console.info(this.hotWorkUserList[e.detail.value]) this.form.HOT_WORK_PERSONNEL_INDEX = e.detail.value this.form.HOT_WORK_USER_NAME = this.hotWorkUserList[e.detail.value].NAME this.form.HOT_WORK_USER_ID = this.hotWorkUserList[e.detail.value].USER_ID this.form.HOT_WORK_USER_PHONE = this.hotWorkUserList[e.detail.value].USERNAME }, jobTypeChange(e) { this.form.JOB_TYPE_INDEX = e.detail.value this.form.JOB_TYPE_NAME = this.jobTypeList[e.detail.value].name this.form.JOB_TYPE_ID = this.jobTypeList[e.detail.value].id }, hotWorkMethodChange(e) { this.form.HOT_WORK_METHOD_INDEX = e.detail.value this.form.HOT_WORK_METHOD_NAME = this.hotWorkMethodList[e.detail.value].NAME this.form.HOT_WORK_METHOD_ID = this.hotWorkMethodList[e.detail.value].DICTIONARIES_ID }, hotWorkLevelChange(e) { this.form.HOT_WORK_LEVEL_INDEX = e.detail.value this.form.HOT_WORK_LEVEL_NAME = this.hotWorkLevelList[e.detail.value].name this.form.HOT_WORK_LEVEL_ID = this.hotWorkLevelList[e.detail.value].id }, departmentPersonnelChange(e) { this.form.DEPARTMENT_PERSONNEL_INDEX = e.detail.value; this.form.DEPARTMENT_PERSONNEL_ID = this.departmentPersonnelList[e.detail.value].USER_ID; this.form.DEPARTMENT_PERSONNEL_NAME = this.departmentPersonnelList[e.detail.value].NAME; }, siteLeaderChange(e) { this.form.SITE_LEADER_INDEX = e.detail.value; this.form.SITE_LEADER_ID = this.siteLeaderList[e.detail.value].USER_ID; this.form.SITE_LEADER_NAME = this.siteLeaderList[e.detail.value].NAME; this.form.SITE_LEADER_PHONE = this.siteLeaderList[e.detail.value].USERNAME; }, hotWorkUnitLeaderChange(e) { this.form.HOT_WORK_UNIT_LEADER_INDEX = e.detail.value; this.form.HOT_WORK_UNIT_LEADER_ID = this.hotWorkUnitLeaderList[e.detail.value].USER_ID; this.form.HOT_WORK_UNIT_LEADER_NAME = this.hotWorkUnitLeaderList[e.detail.value].NAME; this.form.HOT_WORK_UNIT_LEADER_PHONE = this.hotWorkUnitLeaderList[e.detail.value].USERNAME; }, unitLeaderChange(e) { this.form.UNIT_LEADER_INDEX = e.detail.value; this.form.UNIT_LEADER_ID = this.unitLeaderList[e.detail.value].USER_ID; this.form.UNIT_LEADER_NAME = this.unitLeaderList[e.detail.value].NAME; this.form.UNIT_LEADER_PHONE = this.unitLeaderList[e.detail.value].USERNAME; }, hotWorkLeaderLeaderChange(e) { this.form.HOT_WORK_UNIT_LEADER_INDEX = e.detail.value; this.form.LEADER_USER_ID = this.hotWorkLssuedLisr[e.detail.value].USER_ID; this.form.LEADER_USER_NAME = this.hotWorkLssuedLisr[e.detail.value].NAME; this.form.HOT_WORK_DEPARTMENT_PHONE = this.hotWorkLssuedLisr[e.detail.value].USERNAME; }, projectUnitLeaderChange(e) { this.form.PROJECT_UNIT_LEADER_INDEX = e.detail.value; this.form.PROJECT_UNIT_LEADER_ID = this.projectUnitLeaderList[e.detail.value].USER_ID; this.form.PROJECT_UNIT_LEADER_NAME = this.projectUnitLeaderList[e.detail.value].NAME; this.form.PROJECT_UNIT_LEADER_PHONE = this.projectUnitLeaderList[e.detail.value].USERNAME; }, safetyDirectorChange(e) { this.form.SAFETY_DIRECTOR_INDEX = e.detail.value; this.form.SAFETY_DIRECTOR_USER_ID = this.safetyDirectorList[e.detail.value].USER_ID; this.form.SAFETY_DIRECTOR_USER_NAME = this.safetyDirectorList[e.detail.value].NAME; this.form.SAFETY_DIRECTOR_PHONE = this.safetyDirectorList[e.detail.value].USERNAME; }, gasTestingChange(e) { this.form.GAS_TESTING_INDEX = e.detail.value; this.form.GAS_TESTING_USER_ID = this.gasTestingList[e.detail.value].USER_ID; this.form.GAS_TESTING_USER_NAME = this.gasTestingList[e.detail.value].NAME; this.form.GAS_TESTING_USER_PHONE = this.gasTestingList[e.detail.value].USERNAME; }, issungChange(e) { this.form.ISSUING_INDEX = e.detail.value; this.form.ISSUING_USER_ID = this.issunigUserList[e.detail.value].USER_ID; this.form.ISSUING_USER_NAME = this.issunigUserList[e.detail.value].NAME; this.form.ISSUING_USER_PHONE = this.issunigUserList[e.detail.value].USERNAME; }, chargeConfirmChange(e) { this.form.CHARGECONFIRM_INDEX = e.detail.value; this.form.CHARGECONFIRM_USER_ID = this.chargeConfirmList[e.detail.value].USER_ID; this.form.CHARGECONFIRM_USER_NAME = this.chargeConfirmList[e.detail.value].NAME; this.form.CHARGECONFIRM_PHONE = this.chargeConfirmList[e.detail.value].USERNAME; }, hotWorkOperatorSelectShow() { this.$refs.cityMore.open(); }, hotWorkOperatorSelectHide(type) { var _this = this var copyother = _this.other _this.other = [] for (let i = 0; i < copyother.length; i++) { if (copyother[i].TYPE != '1') { _this.other.push(copyother[i]); } } for (let i = 0; i < _this.form.HOT_WORK_OPERATOR_ID.length; i++) { let o = { "STATE": '1', "USER_ID": this.form.HOT_WORK_OPERATOR_ID[i], "USER_NAME": this.form.HOT_WORK_OPERATOR_NAME[i] }; _this.other.push(o); } this.$refs.cityMore.close(); }, switchCity(index) { this.cityIndex = index }, chooseCity(item) { // 点击选择特种作业人员 console.info(item) if (this.form.HOT_WORK_OPERATOR_ID.indexOf(item.id) == -1) { // 如果没有找到匹配的字符串则返回 -1。 this.form.HOT_WORK_OPERATOR_ID.push(item.id) this.form.HOT_WORK_OPERATOR_NAME.push(item.name) } else { this.form.HOT_WORK_OPERATOR_ID.splice(this.form.HOT_WORK_OPERATOR_ID.indexOf(item.id), 1) this.form.HOT_WORK_OPERATOR_NAME.splice(this.form.HOT_WORK_OPERATOR_NAME.indexOf(item.name), 1) } }, changeApplicationDate(e) { this.form.APPLICATION_DATE = e }, changehotWorkTime(e) { this.form.HOT_WORK_TIME = e }, getDept() { var _this = this; uni.request({ url: basePath + '/app/sys/listTree', //部门下拉接口 method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { CORPINFO_ID: corpinfoId, }, success: (res) => { if ("success" == res.data.result) { _this.treeNode = eval(res.data.zTreeNodes); } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }); uni.request({ url: basePath + '/app/relevantunit/listAllTree', method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { CORPINFO_ID: corpinfoId, }, success: (res) => { if ("success" === res.data.result) { _this.hotWorkOperatorDepartmentList = JSON.parse(res.data.varList); } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }); uni.request({ url: basePath + '/dictionaries/getLevels', method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { DICTIONARIES_ID: "63cf39931a89467594efc441bf67f6dd", }, success: (res) => { if ("success" === res.data.result) { _this.hotWorkMethodList = res.data.list } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }); }, showZgTree(ref) { this.$refs[ref]._show(); }, zgtreeConfirm(e, list) { if (list === "hotWorkUserList") { this.form.HOT_WORK_DEPARTMENT_ID = e[0].id; this.form.HOT_WORK_DEPARTMENT_NAME = e[0].name; this.form.HOT_WORK_PERSONNEL_INDEX = ''; this.form.HOT_WORK_USER_ID = ''; this.form.HOT_WORK_USER_NAME = ''; } if (list === "projectUnitLeaderList") { this.form.PROJECT_UNIT_LEADER_DEPARTMENT_ID = e[0].id; this.form.PROJECT_UNIT_LEADER_DEPARTMENT_NAME = e[0].name; this.form.PROJECT_UNIT_LEADER_INDEX = ''; this.form.PROJECT_UNIT_LEADER_ID = ''; this.form.PROJECT_UNIT_LEADER_NAME = ''; } if (list === "safetyDirectorList") { this.form.SAFETY_DIRECTOR_DEPARTMENT_ID = e[0].id; this.form.SAFETY_DIRECTOR_DEPARTMENT_NAME = e[0].name; this.form.SAFETY_DIRECTOR_INDEX = ''; this.form.SAFETY_DIRECTOR_USER_ID = ''; this.form.SAFETY_DIRECTOR_USER_NAME = ''; } if (list === "gasTestingList") { this.form.GAS_TESTING_DEPARTMENT_ID = e[0].id; this.form.GAS_TESTING_DEPARTMENT_NAME = e[0].name; this.form.GAS_TESTING_INDEX = ''; this.form.GAS_TESTING_USER_ID = ''; this.form.GAS_TESTING_USER_NAME = ''; } if (list === "issunigUserList") { this.form.ISSUING_DEPARTMENT_ID = e[0].id; this.form.ISSUING_DEPARTMENT_NAME = e[0].name; this.form.ISSUING_INDEX = ''; this.form.ISSUING_USER_ID = ''; this.form.ISSUING_USER_NAME = ''; } // =================== if (list === "departmentPersonnelList") { this.form.HOT_WORK_APPLICATION_DEPARTMENT_ID = e[0].id; this.form.HOT_WORK_APPLICATION_DEPARTMENT_NAME = e[0].name; this.form.DEPARTMENT_PERSONNEL_INDEX = ''; this.form.DEPARTMENT_PERSONNEL_ID = ''; this.form.DEPARTMENT_PERSONNEL_NAME = ''; } if (list === "siteLeaderList") { this.form.SITE_LEADER_DEPARTMENT_ID = e[0].id; this.form.SITE_LEADER_DEPARTMENT_NAME = e[0].name; this.form.SITE_LEADER_INDEX = ''; this.form.SITE_LEADER_ID = ''; this.form.SITE_LEADER_NAME = ''; } if (list === "hotWorkUnitLeaderList") { this.form.HOT_WORK_UNIT_LEADER_DEPARTMENT_ID = e[0].id; this.form.HOT_WORK_UNIT_LEADER_DEPARTMENT_NAME = e[0].name; this.form.HOT_WORK_UNIT_LEADER_INDEX = ''; this.form.HOT_WORK_UNIT_LEADER_ID = ''; this.form.HOT_WORK_UNIT_LEADER_NAME = ''; } if (list === "unitLeaderList") { this.form.UNIT_LEADER_DEPARTMENT_ID = e[0].id; this.form.UNIT_LEADER_DEPARTMENT_NAME = e[0].name; this.form.UNIT_LEADER_INDEX = ''; this.form.UNIT_LEADER_ID = ''; this.form.UNIT_LEADER_NAME = ''; } if (list === "hotWorkLssuedLisr") { this.form.LEADER_DEPARTMENT_ID = e[0].id; this.form.LEADER_DEPARTMENT_NAME = e[0].name; this.form.LEADER_USER_ID = ''; this.form.LEADER_USER_NAME = ''; } if (list === "chargeConfirmList") { this.form.CHARGECONFIRM_DEPT_ID = e[0].id; this.form.CHARGECONFIRM_DEPT_NAME = e[0].name; this.form.CHARGECONFIRM_USER_ID = ''; this.form.CHARGECONFIRM_USER_NAME = ''; this.form.CHARGECONFIRM_INDEX = ''; } this.getUserList(list, e[0].id); }, getUserList(list, DEPARTMENT_ID) { //发送 post 请求 var _this = this; uni.request({ method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, url: basePath + '/app/sys/listUser', data: { DEPARTMENT_ID, NOMAIN: '1', tm: new Date().getTime() }, success: function (res) { if ("success" == res.data.result) { _this[list] = res.data.userList; } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }) }, zgtreeCancel(e) { this.isUps = false; }, chooseLocation() { var _this = this uni.navigateTo({ url: '/pages/map/mapPro', events: { // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 acceptDataFromOpenedPage: function (e) { _this.form.WORK_LONGITUDE = e.data.longitue; _this.form.WORK_LATITUDE = e.data.latitude; } }, }) }, goback() { uni.navigateBack({ delta: 1 }); uni.hideLoading(); }, addOther() { this.showAddOther = true }, removeOther(index) { var item = this.other [index] if (item.TYPE === '1') { this.form.HOT_WORK_OPERATOR_ID.splice(this.form.HOT_WORK_OPERATOR_ID.indexOf(item.USER_ID), 1) this.form.HOT_WORK_OPERATOR_NAME.splice(this.form.HOT_WORK_OPERATOR_NAME.indexOf(item.USER_NAME), 1) } else { //删除临时人员 uni.request({ url: basePath + '/app/hotworkapplication/deleteTem', method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { "SPECIALUSER_ID": item.USER_ID, "FOREIGN_KEY": item.USER_ID }, success: (res) => { if ("success" === res.data.result) { } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }); } this.other.splice(index, 1); this.otherUserList.splice(index, 1); }, addOtherInputAdd() { this.addModal = true this.addOtherInput = {} }, addOtherInputSubmit() { if (this.addOtherInput.USERNAME == '' || undefined == this.addOtherInput.USERNAME) { uni.showToast({ icon: 'none', title: '请输入姓名', duration: 2000 }); return; } uni.request({ url: basePath + '/app/hotworkapplication/addTemUser', method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { "USER_TYPE": '4', "USER_ID": '', "TEM_USER_NAME": this.addOtherInput.USERNAME, loginUserId: loginUserId, }, success: (res) => { if ("success" === res.data.result) { let o = { "SPECIALUSER_ID": res.data.pd.SPECIALUSER_ID, "USER_TYPE": '4', "USER_ID": res.data.pd.SPECIALUSER_ID, "USER_NAME": this.addOtherInput.USERNAME }; this.other.push(o); } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }); this.addModal = false }, addSpecialInputAdd() { this.addSpecial = true this.addSpecialInput = { DEPTNAME: '', USERNAME: '', userImgList: [], cardImgList: [] } }, addSpecialInputSubmit() { if (this.addSpecialInput.DEPTNAME == '' || undefined == this.addSpecialInput.DEPTNAME) { uni.showToast({ icon: 'none', title: '请输入人员单位', duration: 2000 }); return; } if (this.addSpecialInput.USERNAME == '' || undefined == this.addSpecialInput.USERNAME) { uni.showToast({ icon: 'none', title: '请输入人员姓名', duration: 2000 }); return; } if (this.addSpecialInput.userImgList.length === 0) { uni.showToast({ icon: 'none', title: '请上传人员照片', duration: 2000 }); return; } if (this.addSpecialInput.cardImgList.length === 0) { uni.showToast({ icon: 'none', title: '请上传证件照片', duration: 2000 }); return; } //先上传人员信息 uni.request({ url: basePath + '/app/hotworkapplication/addTemUser', method: 'POST', dataType: 'json', header: { 'Content-type': 'application/x-www-form-urlencoded' }, data: { "USER_TYPE": '3', "USER_ID": '', "TEM_USER_NAME": this.addSpecialInput.USERNAME, "TEM_USER_DEPT_NAME": this.addSpecialInput.DEPTNAME, loginUserId: loginUserId, }, success: (res) => { if ("success" === res.data.result) { //上传照片 this.uploadImg(this.addSpecialInput.userImgList, '201', res.data.pd.SPECIALUSER_ID) this.uploadImg(this.addSpecialInput.cardImgList, '202', res.data.pd.SPECIALUSER_ID) let o = { "USER_TYPE": '3', "USER_ID": res.data.pd.SPECIALUSER_ID, "USER_NAME": this.addSpecialInput.USERNAME, "SPECIALUSER_ID": res.data.pd.SPECIALUSER_ID }; this.other.push(o); } else { uni.showToast({ title: res.data.message, duration: 2000 }); } } }); this.addSpecial = false }, ChooseImageUser() { var _this = this; uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera', 'album'], //从相册选择 success: (res) => { if (this.addSpecialInput.userImgList.length != 0) { this.addSpecialInput.userImgList = this.addSpecialInput.userImgList.concat(res.tempFilePaths) } else { this.addSpecialInput.userImgList = res.tempFilePaths } } }); }, ViewImageUser(e) { uni.previewImage({ urls: this.addSpecialInput.userImgList, current: e.currentTarget.dataset.url }); }, DelImgUser(e) { uni.showModal({ title: '双控平台', content: '确定要删除这张图片吗?', cancelColor: "#000000", cancelText: '取消', confirmText: '确定', success: res => { if (res.confirm) { this.addSpecialInput.userImgList.splice(e.currentTarget.dataset.index, 1) } } }) }, ChooseImageCard() { var _this = this; uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera', 'album'], //从相册选择 success: (res) => { if (this.addSpecialInput.cardImgList.length != 0) { this.addSpecialInput.cardImgList = this.addSpecialInput.cardImgList.concat(res.tempFilePaths) } else { this.addSpecialInput.cardImgList = res.tempFilePaths } } }); }, ViewImageCard(e) { uni.previewImage({ urls: this.addSpecialInput.cardImgList, current: e.currentTarget.dataset.url }); }, DelImgCard(e) { uni.showModal({ title: '双控平台', content: '确定要删除这张图片吗?', cancelColor: "#000000", cancelText: '取消', confirmText: '确定', success: res => { if (res.confirm) { this.addSpecialInput.cardImgList.splice(e.currentTarget.dataset.index, 1) } } }) }, radioType(e) { this.form.IS_SAFETY_DIRECTOR = e.detail.value }, radioType2(e) { this.form.IS_GAS_TESTING = e.detail.value }, uploadImg(tempFilePaths, type, key) { return new Promise((resolve, reject) => { var _this = this; if (tempFilePaths.length == 0) { resolve(); } uni.showLoading({ title: '上传中' }) uni.uploadFile({ url: basePath + '/app/imgfiles/add', filePath: tempFilePaths[0], name: 'FFILE', formData: { 'TYPE': type, 'FOREIGN_KEY': key }, success: (res) => { uni.hideLoading(); resolve(); }, fail: (err) => { uni.hideLoading(); uni.showModal({ content: err.errMsg, showCancel: false }); } }) }) }, } } </script> <style> .right_icon { position: relative; padding-right: 36 upx; width: 200 upx; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .right_icon ::after { font-family: cuIcon; display: block; content: "\e6a3"; position: absolute; font-size: 17px; color: #8799a3; line-height: 50px; width: 30px; text-align: center; top: -28 upx; bottom: 0; right: -22 upx; margin: auto; } .modal_content { display: flex; text-align: left; } .modal_left { flex-basis: 50%; padding: 50 upx 20 upx; border-right: 1px solid #000000; } .modal_right { flex-basis: 50%; padding: 50 upx; } .modal_left_title, .modal_right_title { font-size: 16px; color: #000000; font-weight: 700; } .checkbox-item { display: flex; align-items: center; padding: 0 30 upx; min-height: 100 upx; background-color: #ffffff; border-bottom: 1 upx solid #ddd; } .checkbox-item:last-child { border-bottom: none; } .selected { display: flex; align-items: center; height: 100 upx; } .selected .radio { transform: scale(0.8); margin-right: 10 upx; } </style>