<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>