<template>
  <view>
    <cu-custom bgColor="bg-gradual-blueness" :isBack="!otherIdentification  && !otherAssignments">
      <block slot="backText">返回</block>
      <block slot="content">动火安全作业申请</block>
    </cu-custom>
    <scroll-view scroll-y="false">
      <view class="form">
        <view class="wui-form-list">
          <view class="cu-form-group bb-default" v-if="pd.CHECK_NO != '' && pd.CHECK_NO != null">
            <view class="title">编号：</view>
            {{ pd.CHECK_NO }}
          </view>
          <view class="cu-form-group bb-default">
            <view class="title">申请分厂：</view>
            <picker v-if="!forbidEdit" :disabled="forbidEdit" @change="PickerApplyDept" :value="applyDeptindex"
                    :range="applyDeptList" range-key="name">
              <view class="picker">
                {{ pd.APPLY_DEPARTMENT_NAME ? pd.APPLY_DEPARTMENT_NAME : '请选择' }}
              </view>
            </picker>
            <view v-else>{{ pd.APPLY_DEPARTMENT_NAME }}</view>
          </view>
          <view class="cu-form-group bb-default">
            <view class="title">申请工段：</view>
            <picker v-if="!forbidEdit" :disabled="forbidEdit" @change="PickerApplyWorkshopDept" :value="applyWorkshopDeptindex"
                    :range="applyWorkshopDeptList" range-key="name">
              <view class="picker">
                {{ pd.APPLY_WORKSHOP_DEPARTMENT_NAME ? pd.APPLY_WORKSHOP_DEPARTMENT_NAME : '请选择' }}
              </view>
            </picker>
            <view v-else>{{ pd.APPLY_WORKSHOP_DEPARTMENT_NAME }}</view>
          </view>
          <view class="cu-form-group bb-default">
            <view class="title">申请人：</view>
            {{ pd.APPLY_USER_NAME }}
          </view>

          <view class="cu-form-group bb-default">
            <view class="title">动火作业级别：</view>
            <picker v-if="!forbidEdit" @change="levelChange" :disabled="forbidEdit" :value="levelindex"
                    :range="levelList" range-key="name">
              <view class="picker">
                {{ pd.WORK_LEVEL ? pd.WORK_LEVEL : '请选择' }}
              </view>
            </picker>
            <view v-else>{{ pd.WORK_LEVEL }}</view>
          </view>
          <view class="wui-form-list">
            <view class="cu-bar">
              <view class="title" style="font-weight: bold;">
                教育培训记录：
              </view>
            </view>
            <view class="cu-form-group"  v-if="!forbidEdit">
              <view class="grid col-4 grid-square flex-sub" >
                <view class="bg-img" v-for="(item,index) in conimgList" :key="index" @tap="viewImage(index,'conimgList')">
                  <image :src="baseImgPath + item.filePath" mode="aspectFill"></image>
                  <view class="cu-tag bg-red" @tap.stop="delImgs" data-type="2" :data-index="index">
                    <text class='cuIcon-close'></text>
                  </view>
                </view>
                <view class="solids" @tap="chooseImages()" v-if="conimgList.length < 1">
                  <text class='cuIcon-cameraadd'></text>
                </view>
              </view>
            </view>
            <view  v-if="forbidEdit" style="margin: 25upx;">
              <view v-if="pd.EDU_FILE_PATH">
                <view style="margin-right:20upx">
                  <view class="imgs">
                    <image :src="baseImgPath +  pd.EDU_FILE_PATH"
                           @click="ViewShowImage(baseImgPath + pd.EDU_FILE_PATH)"
                           mode="" style="width: 100upx;height: 100upx;"></image>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="wui-form-list" style="border-top: 0.5px solid #eee;">
            <view class="cu-bar">
              <view class="title" style="font-weight: bold;">
                动火作业现场草图：
              </view>
            </view>
            <view class="cu-form-group">
              <view class="grid col-4 grid-square flex-sub"  v-if="!forbidEdit" >
                <view class="bg-img" v-for="(item,index) in siteimgList" :key="index" @tap="ViewImage(index,'siteimgList')">
                  <image :src="baseImgPath + item.filePath" mode="aspectFill"></image>
                  <view class="cu-tag bg-red" @tap.stop="DelImgs" data-type="2" :data-index="index">
                    <text class='cuIcon-close'></text>
                  </view>
                </view>

                <view class="solids" @tap="ChooseImages()"  v-if="siteimgList.length < 1">
                  <text class='cuIcon-cameraadd'></text>
                </view>
              </view>
              <view  v-if="forbidEdit">
                <view v-if="pd.SITE_FILE_PATH">
                  <view style="margin-right:20upx">
                    <view class="imgs">
                      <image :src="baseImgPath +  pd.SITE_FILE_PATH"
                             @click="ViewShowImage(baseImgPath + pd.SITE_FILE_PATH)"
                             mode="" style="width: 100upx;height: 100upx;"></image>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>


          <view class="cu-form-textarea bb-default">
            <view class="cu-form-title">动火装置、设施部位及内容：</view>
            <textarea maxlength="255" :disabled="forbidEdit" v-model="pd.WORK_CONTENT"
                      placeholder="请输入动火装置、设施部位及内容"></textarea>
          </view>

          <!--          <view class="cu-form-group bb-default">-->
          <!--            <view class="title">动火装置及设施部位：</view>-->
          <!--            <input name="input" :disabled="forbidEdit" v-model="pd.WORK_PLACE" placeholder="请输入"></input>-->
          <!--          </view>-->

          <view style="border-bottom: 1px dashed #eee;">
            <view class="cu-form-group">
              <view class="title">作业申请开始时间</view>
              <ruiDatePicker v-if="!forbidEdit"
                             fields="minute"
                             :value="pd.APPLY_START_DATE?pd.APPLY_START_DATE:''"
                             @change="changeStartDate"
              ></ruiDatePicker>
              <view v-if="forbidEdit">
                <text>{{ pd.APPLY_START_DATE }}</text>
              </view>
            </view>
          </view>
          <view style="border-bottom: 1px dashed #eee;" >
            <view class="cu-form-group">
              <view class="title">作业申请结束时间</view>
              <ruiDatePicker   v-if="!forbidEdit"
                               fields="minute"
                               :value="pd.APPLY_END_DATE?pd.APPLY_END_DATE:''"
                               @change="changeEndDate"
              ></ruiDatePicker>
              <view v-if="forbidEdit">
                <text>{{ pd.APPLY_END_DATE }}</text>
              </view>

            </view>

          </view>
          <!--          <view class="cu-form-group bb-default">-->
          <!--            <view class="title">动火方式：</view>-->
          <!--            <input name="input" :disabled="forbidEdit" v-model="pd.WORK_FUNCTION" placeholder="请输入"></input>-->
          <!--          </view>-->

          <view v-if="pd.WORK_START_DATE" class="cu-form-group" style="height: 140upx;">
            <view class="title" style="width: 175upx; height: 90upx; margin: 0;line-height: 1.6;">
              <view>动火作业</view>
              <view>实施时间：</view>
            </view>
            <view>
              <text>{{ pd.WORK_START_DATE }}</text>
              <!--              <text>至</text>-->
              <!--              <text>{{ pd.WORK_END_DATE ? pd.WORK_END_DATE : '&#45;&#45;' }}</text>-->
            </view>
          </view>

          <view class="cu-form-textarea ">
            <view style="display: flex;justify-content: space-between;align-items: center">
              <view class="cu-form-title">动火人及证书编号：</view>
              <view class="cu-form-group" v-if="!forbidEdit">
                <picker @change="PickerWorkuser" :value="workuserindex" :range="workUserList"
                        :disabled="forbidEdit" range-key="NAME">
                  <view class="picker">
                    请选择
                  </view>
                </picker>
              </view>
            </view>
            <textarea maxlength="255" v-model="pd.WORK_USER" placeholder="请输入动火人及证书编号"></textarea>
          </view>

          <view class="cu-form-textarea">
            <view class="cu-form-title">
              关联的其他特殊作业及安全作业票编号
              <button class="cu-btn bg-green sm reg-btn" v-if="!forbidEdit"
                      @click="otherAssignments = true">选择其它
              </button>
            </view>
            <textarea maxlength="255" :disabled="forbidEdit" v-model="pd.SPECIAL_WORK"
                      placeholder="请输入关联的其他特殊作业及安全作业票编号"></textarea>
          </view>

          <view class="cu-form-textarea">
            <view class="cu-form-title">
              风险辨识结果
              <button class="cu-btn bg-green sm reg-btn" v-if="!forbidEdit"
                      @click="otherIdentification = true">选择其它
              </button>
            </view>
            <textarea maxlength="255" :disabled="forbidEdit" v-model="pd.RISK_IDENTIFICATION"
                      placeholder="请输入风险辨识结果"></textarea>
          </view>
          <view class="cu-form-group bb-default" v-if="pd.ANALYZE_TIME">
            <view>
              <text class="title">分析人：</text>
              <text>{{ pd.ANALYZE_USER_NAME }}</text>
            </view>
            <button class="cu-btn bg-green sm"
                    @click="$noMultipleClicks(goToDetail,pd.HOTWORK_ID)">分析详情
            </button>
          </view>
        </view>

        <view class="wui-form-list" style="padding-top: 20upx;" v-if="measuresList.length > 0">
          <view class="wui-title" style="margin-left: 20upx;">
            <text class="text-semi">安全防护措施</text>
          </view>
          <view class="wui-table" style="padding: 0 20upx;">
            <uni-table name='measuresList' border stripe emptyText="暂无更多数据">
              <!-- 表头行 -->
              <uni-tr>
                <uni-th align="center" style="font-weight: bold;">主要安全措施</uni-th>
                <uni-th align="center" style="font-weight: bold;width: 100px">操作</uni-th>
              </uni-tr>
              <uni-tr v-for="(item,index) in measuresList" :key="item.BUS_HOTWORK_MEASURES_ID">
                <uni-td>
                  <view style="margin-bottom: 20upx;">
                    {{ item.PROTECTIVE_MEASURES }}
                    <view v-if="item.SIGN_PATH" class="cu-item">
                      <view class="imgs" v-for="(itemPath,itemIndex) in item.SIGN_PATH.split(',')"
                            style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                        <image :src="baseImgPath + itemPath" :data-index="index"
                               @click="ViewShowImage(baseImgPath + itemPath)" mode=""
                               style="width: 50upx;height: 50upx;"></image>
                        <text> {{ item.SIGN_TIME }}</text>
                      </view>
                    </view>
                  </view>
                  <view class="cu-form-group" v-if="item.QUESTION1">
                    <view class="title">{{ item.QUESTION1 }}</view>
                    {{ item.ANSWER1 ? item.ANSWER1 : 0 }}
                  </view>
                  <view class="cu-form-group" v-if="item.QUESTION2">
                    <view class="title">{{ item.QUESTION2 }}</view>
                    {{ item.ANSWER2 ? item.ANSWER2 : 0 }}
                  </view>
                  <view class="cu-form-group" v-if="item.QUESTION3">
                    <view class="title">{{ item.QUESTION3 }}</view>
                    {{ item.ANSWER3 ? item.ANSWER3 : 0 }}
                  </view>
                  <view class="cu-form-group" v-if="item.QUESTION4">
                    <view class="title">{{ item.QUESTION4 }}</view>
                    {{ item.ANSWER4 ? item.ANSWER4 : 0 }}
                  </view>
                </uni-td>
                <uni-td align="center">
                  <view class="group" v-if="item.STATUS=='-1'">
                    <text class="wui-pl10">不涉及</text>
                  </view>
                  <view class="group" v-if="item.STATUS=='1'">
                    <text class="wui-pl10">涉&nbsp;&nbsp;&nbsp;&nbsp;及</text>
                  </view>
                  <view v-if="item.IMG_PATH">
                    <view class="imgs" v-for="img in item.IMG_PATH.split(',')"
                          style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                      <image :src="baseImgPath + img" :data-index="index"
                             @click="ViewShowImage(baseImgPath + img)" mode=""
                             style="width: 50upx;height: 50upx;"></image>
                    </view>
                  </view>
                </uni-td>
              </uni-tr>
            </uni-table>
          </view>
        </view>

        <view class="wui-form-list" style="padding-top: 20upx;" v-if="signs.MEASURES_CONFIRM">
          <view class="wui-title" style="margin-left: 20upx;">
            <text class="text-semi">其他安全防护措施</text>
          </view>
          <view class="wui-table" style="padding: 0 20upx;">
            <uni-table border stripe emptyText="暂无更多数据">
              <uni-tr>
                <uni-th align="center" style="font-weight: bold;">其他安全措施</uni-th>
                <uni-th align="center" style="font-weight: bold;width: 100px">签字</uni-th>
              </uni-tr>
              <uni-tr v-for="(item,index) in signs.MEASURES_CONFIRM" :key="index">
                <uni-td>
                  <view style="margin-bottom: 20upx;">
                    {{ item.DESCR }}
                  </view>
                </uni-td>
                <uni-td align="center">
                  <view v-if="item.SIGN_PATH">
                    <view class="imgs" v-for="img in item.SIGN_PATH"
                          style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                      <image :src="baseImgPath + img" :data-index="index" @click="ViewShowImage(baseImgPath + img)"
                             mode="" style="width: 50upx;height: 50upx;"></image>
                    </view>
                  </view>
                </uni-td>
              </uni-tr>
            </uni-table>
          </view>
        </view>

        <view class="wui-form-list" v-if="!forbidEdit">

<!--          <view class="cu-form-group">-->
<!--            <view class="title">分析单位</view>-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showAnalyzeTree">-->
<!--                {{ pd.ANALYZE_DEPARTMENT_NAME ? pd.ANALYZE_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree ref="tkiTree_analyze" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="analyzetreeConfirm" @cancel="analyzetreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          &lt;!&ndash;          <view class="cu-form-group">&ndash;&gt;-->
<!--          &lt;!&ndash;            <view class="title">分析单位负责人</view>&ndash;&gt;-->
<!--          &lt;!&ndash;            <picker @change="PickerAnalyze" :value="analyzeindex" :range="analyzeUserList" range-key="NAME"&ndash;&gt;-->
<!--          &lt;!&ndash;                    :disabled="analyzeUserList.length == 0" @click="isBlankList('analyze')">&ndash;&gt;-->
<!--          &lt;!&ndash;              <view class="picker">&ndash;&gt;-->
<!--          &lt;!&ndash;                {{ pd.ANALYZE_USER_NAME ? pd.ANALYZE_USER_NAME : '请选择' }}&ndash;&gt;-->
<!--          &lt;!&ndash;              </view>&ndash;&gt;-->
<!--          &lt;!&ndash;            </picker>&ndash;&gt;-->
<!--          &lt;!&ndash;          </view>&ndash;&gt;-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">分析单位负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchAnalyze"-->
<!--                    placeholder="请输入分析人"-->
<!--                    @input="filterAnalyzeUsers"-->
<!--                    @click="toggleAnalyzeDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleAnalyzeDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showAnalyzeDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredAnalyzeUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectAnalyzeUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->

          <view class="cu-form-group margin-top">
            <view class="title">选择分析单位负责人</view>
            <view class="picker" @click="openAnalyzePersonPopup" style="font-size: 28upx; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 20upx;">
              {{ searchAnalyzePerson || '请选择分析人' }}
              <text class="cuIcon-right" style="margin-left: 10upx;"></text>
            </view>
          </view>
          <!-- 自定义弹窗 -->
          <view :class="['cu-modal', {'show': personAnalyzePopupShow}]" v-if="personAnalyzePopupShow">
            <view class="cu-dialog">
              <view class="cu-bar bg-white justify-end">
                <view class="content">请选择分析人</view>
                <view class="action" @tap="closeAnalyzePersonPopup">
                  <text class="cuIcon-close text-red"></text>
                </view>
              </view>
              <view class="padding">
                <!-- 搜索框 -->
                <view class="search-input">
                  <input
                      type="text"
                      v-model="popupAnalyzeSearch"
                      placeholder="请输入关键字"
                      @input="filterAnalyzePopupList"
                  />
                  <view class="search-icon">
                    <text class="cuIcon-search"></text>
                  </view>
                </view>
                <!-- 人员列表 -->
                <scroll-view class="scroll-list" scroll-y="true" style="height: 400px; margin-top: 20px;">
                  <view v-for="(user, index) in filteredAnalyzePopupList" :key="index" class="list-item" @click="selectAnalyzePerson(user)">
                    {{ user.DEPT_POST_NAME }}
                  </view>
                </scroll-view>
              </view>
              <view class="cu-bar bg-white justify-end">
                <view class="action">
                  <button class="cu-btn line-green text-green" @click="closeAnalyzePersonPopup">取消</button>
                </view>
              </view>
            </view>
          </view>

        </view>

        <view class="wui-form-list" v-if="!forbidEdit">

          <view class="cu-form-group margin-top">
            <view class="title">选择监护人</view>
            <view class="picker" @click="openGuardianPersonPopup" style="font-size: 28upx; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 20upx;">
              {{ searchGuardianPerson || '请选择监护人' }}
              <text class="cuIcon-right" style="margin-left: 10upx;"></text>
            </view>
          </view>
          <!-- 自定义弹窗 -->
          <view :class="['cu-modal', {'show': personGuardianPopupShow}]" v-if="personGuardianPopupShow">
            <view class="cu-dialog">
              <view class="cu-bar bg-white justify-end">
                <view class="content">请选择监护人</view>
                <view class="action" @tap="closeGuardianPersonPopup">
                  <text class="cuIcon-close text-red"></text>
                </view>
              </view>
              <view class="padding">
                <!-- 搜索框 -->
                <view class="search-input">
                  <input
                      type="text"
                      v-model="popupGuardianSearch"
                      placeholder="请输入关键字"
                      @input="filterGuardianPopupList"
                  />
                  <view class="search-icon">
                    <text class="cuIcon-search"></text>
                  </view>
                </view>
                <!-- 人员列表 -->
                <scroll-view class="scroll-list" scroll-y="true" style="height: 400px; margin-top: 20px;">
                  <view v-for="(user, index) in filteredGuardianPopupList" :key="index" class="list-item" @click="selectGuardianPerson(user)">
                    {{ user.DEPT_POST_NAME }}
                  </view>
                </scroll-view>
              </view>
              <view class="cu-bar bg-white justify-end">
                <view class="action">
                  <button class="cu-btn line-green text-green" @click="closeGuardianPersonPopup">取消</button>
                </view>
              </view>
            </view>
          </view>

<!--          <view class="cu-form-group">-->
<!--            <view class="title">监护人单位</view>-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showGuardianTree">-->
<!--                {{ pd.GUARDIAN_DEPARTMENT_NAME ? pd.GUARDIAN_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree ref="tkiTree_guardian" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="guardiantreeConfirm" @cancel="guardiantreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          &lt;!&ndash;          <view class="cu-form-group">&ndash;&gt;-->
<!--          &lt;!&ndash;            <view class="title">监护人</view>&ndash;&gt;-->
<!--          &lt;!&ndash;            <picker @change="PickerGuardian" :value="guardianindex" :range="guardianUserList"&ndash;&gt;-->
<!--          &lt;!&ndash;                    range-key="NAME" :disabled="guardianUserList.length == 0" @click="isBlankList('guardian')">&ndash;&gt;-->
<!--          &lt;!&ndash;              <view class="picker">&ndash;&gt;-->
<!--          &lt;!&ndash;                {{ pd.GUARDIAN_USER_NAME ? pd.GUARDIAN_USER_NAME : '请选择' }}&ndash;&gt;-->
<!--          &lt;!&ndash;              </view>&ndash;&gt;-->
<!--          &lt;!&ndash;            </picker>&ndash;&gt;-->
<!--          &lt;!&ndash;          </view>&ndash;&gt;-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">监护人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchGuardian"-->
<!--                    placeholder="请输入监护人"-->
<!--                    @input="filterGuardianUsers"-->
<!--                    @click="toggleGuardianDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleGuardianDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showGuardianDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredGuardianUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectGuardianUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->

        </view>

        <!--        <view class="wui-form-list" v-if="!forbidEdit">-->
        <!--          <view class="cu-form-group">-->
        <!--            <view class="title">安全交底人单位</view>-->
        <!--            <view class="picker-tree-box">-->
        <!--              <view class="picker-tree" @tap="showConfessTree">-->
        <!--                {{ pd.CONFESS_DEPARTMENT_NAME ? pd.CONFESS_DEPARTMENT_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </view>-->
        <!--            <tki-tree ref="tkiTree_confess" :selectParent=true :range="treeNode" rangeKey="name"-->
        <!--                      @confirm="confesstreeConfirm" @cancel="confesstreeCancel"></tki-tree>-->
        <!--          </view>-->
        <!--          <view class="cu-form-group">-->
        <!--            <view class="title">安全交底人</view>-->
        <!--            <picker @change="PickerConfess" :value="confessindex" :range="confessUserList" range-key="NAME"-->
        <!--                    :disabled="confessUserList.length == 0" @click="isBlankList('confess')">-->
        <!--              <view class="picker">-->
        <!--                {{ pd.CONFESS_USER_NAME ? pd.CONFESS_USER_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </picker>-->
        <!--          </view>-->
        <!--        </view>-->
        <!--        <view class="wui-form-list" v-if="!forbidEdit">-->
        <!--          <view class="cu-form-group">-->
        <!--            <view class="title">接受交底人单位</view>-->
        <!--            <view class="picker-tree-box">-->
        <!--              <view class="picker-tree" @tap="showAcceptconfessTree">-->
        <!--                {{ pd.ACCEPT_CONFESS_DEPARTMENT_NAME ? pd.ACCEPT_CONFESS_DEPARTMENT_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </view>-->
        <!--            <tki-tree ref="tkiTree_acceptconfess" :selectParent=true :range="treeNode" rangeKey="name"-->
        <!--                      @confirm="confesstreeAcceptconfirm" @cancel="acceptconfesstreeCancel"></tki-tree>-->
        <!--          </view>-->
        <!--          <view class="cu-form-group">-->
        <!--            <view class="title">接受交底人</view>-->
        <!--            <picker @change="PickerAcceptconfess" :value="acceptconfessindex" :range="acceptconfessUserList"-->
        <!--                    range-key="NAME" :disabled="acceptconfessUserList.length == 0"-->
        <!--                    @click="isBlankList('acceptconfess')">-->
        <!--              <view class="picker">-->
        <!--                {{ pd.ACCEPT_CONFESS_USER_NAME ? pd.ACCEPT_CONFESS_USER_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </picker>-->
        <!--          </view>-->
        <!--        </view>-->
        <view class="wui-form-list" v-if="!forbidEdit">

          <view class="cu-form-group margin-top">
            <view class="title">选择申请动火区域负责人</view>
            <view class="picker" @click="openConfirmPersonPopup" style="font-size: 28upx; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 20upx;">
              {{ searchConfirmPerson || '请选择动火区域负责人' }}
              <text class="cuIcon-right" style="margin-left: 10upx;"></text>
            </view>
          </view>
          <!-- 自定义弹窗 -->
          <view :class="['cu-modal', {'show': personConfirmPopupShow}]" v-if="personConfirmPopupShow">
            <view class="cu-dialog">
              <view class="cu-bar bg-white justify-end">
                <view class="content">请选择动火区域负责人</view>
                <view class="action" @tap="closeConfirmPersonPopup">
                  <text class="cuIcon-close text-red"></text>
                </view>
              </view>
              <view class="padding">
                <!-- 搜索框 -->
                <view class="search-input">
                  <input
                      type="text"
                      v-model="popupConfirmSearch"
                      placeholder="请输入关键字"
                      @input="filterConfirmPopupList"
                  />
                  <view class="search-icon">
                    <text class="cuIcon-search"></text>
                  </view>
                </view>
                <!-- 人员列表 -->
                <scroll-view class="scroll-list" scroll-y="true" style="height: 400px; margin-top: 20px;">
                  <view v-for="(user, index) in filteredConfirmPopupList" :key="index" class="list-item" @click="selectConfirmPerson(user)">
                    {{ user.DEPT_POST_NAME }}
                  </view>
                </scroll-view>
              </view>
              <view class="cu-bar bg-white justify-end">
                <view class="action">
                  <button class="cu-btn line-green text-green" @click="closeConfirmPersonPopup">取消</button>
                </view>
              </view>
            </view>
          </view>

<!--          <view class="cu-form-group">-->
<!--            <view class="title">申请动火区域</view>-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showConfirmTree">-->
<!--                {{ pd.CONFIRM_DEPARTMENT_NAME ? pd.CONFIRM_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree ref="tkiTree_confirm" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="confirmtreeConfirm" @cancel="confirmtreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">申请动火区域负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchConfirm"-->
<!--                    placeholder="请输入动火区域负责人"-->
<!--                    @input="filterConfirmUsers"-->
<!--                    @click="toggleConfirmDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleConfirmDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showConfirmDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredConfirmUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectConfirmUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->
          <!--          <view class="cu-form-group" v-if="!forbidEdit">-->
          <!--            <view class="title">申请动火区域负责人</view>-->
          <!--            <picker @change="PickerConfirm" :value="confirmindex" :range="confirmUserList" range-key="NAME"-->
          <!--                    :disabled="confirmUserList.length == 0" @click="isBlankList('confirm')">-->
          <!--              <view class="picker">-->
          <!--                {{ pd.CONFIRM_USER_NAME ? pd.CONFIRM_USER_NAME : '请选择' }}-->
          <!--              </view>-->
          <!--            </picker>-->
          <!--          </view>-->
        </view>
        <!--        <view class="wui-form-list" v-if="!forbidEdit">-->
        <!--          <view class="cu-form-group" v-if="!forbidEdit">-->
        <!--            <view class="title">动火单位贯标中心</view>-->
        <!--            <view class="picker-tree-box">-->
        <!--              <view class="picker-tree" @tap="showLeaderTree" >-->
        <!--                {{ pd.LEADER_DEPARTMENT_NAME ? pd.LEADER_DEPARTMENT_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </view>-->
        <!--            <tki-tree v-if="pd.DISABLED!=='1'" ref="tkiTree_leader" :selectParent=true :range="treeNode" rangeKey="name"-->
        <!--                      @confirm="leadertreeConfirm" @cancel="leadertreeCancel"></tki-tree>-->
        <!--          </view>-->
        <!--          <view v-if="pd.DISABLED!=='1'" class="cu-form-group">-->
        <!--            <view class="title">动火单位贯标中心负责人</view>-->
        <!--            <view style="position: relative">-->
        <!--              <view class="search-input">-->
        <!--                <input-->
        <!--                    type="text"-->
        <!--                    style="text-align: right"-->
        <!--                    v-model="searchLeader"-->
        <!--                    placeholder="请输入动火单位贯标中心负责人"-->
        <!--                    @input="filterLeaderUsers"-->
        <!--                    @click="toggleLeaderDropdown"-->
        <!--                >-->
        <!--                <view class="search-icon" @click="toggleLeaderDropdown">-->
        <!--                  <text class="cuIcon-right"></text>-->
        <!--                </view>-->
        <!--              </view>-->
        <!--              <view v-show="showLeaderDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
        <!--                <view-->
        <!--                    v-for="(user, index) in filteredLeaderUsers"-->
        <!--                    :key="index"-->
        <!--                    @click="selectLeaderUser(user)"-->
        <!--                >-->
        <!--                  {{ user.NAME }}-->
        <!--                </view>-->

        <!--              </view>-->

        <!--            </view>-->
        <!--          </view>-->
        <!--          <view class="cu-form-group" v-if="pd.DISABLED==='1'">-->
        <!--            <view class="title">动火单位贯标中心负责人</view>-->
        <!--            <picker  @change="PickerLeader" :value="leaderindex" :range="leaderUserList" range-key="NAME"-->
        <!--                    :disabled="leaderUserList.length === 0 || pd.DISABLED==='1'" @click="isBlankList('leader')">-->
        <!--              <view class="picker">-->
        <!--                {{ pd.LEADER_USER_NAME ? pd.LEADER_USER_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </picker>-->
        <!--          </view>-->
        <!--        </view>-->
        <view class="wui-form-list" v-if="!forbidEdit">
          <view class="cu-form-group">
            <view class="title">动火单位车间安全部</view>
            <view class="earch-input">
              <input type="text" style="text-align: right" v-model="pd.LEADER_DEPARTMENT_NAME" disabled>
            </view>
          </view>
          <view class="cu-form-group" v-if="!forbidEdit">
            <view class="title">动火单位车间安全部负责人</view>
            <view>
              <input type="text" style="text-align: right" v-model="pd.LEADER_USER_NAME" disabled>
            </view>
          </view>
        </view>
        <view class="wui-form-list" v-if="!forbidEdit">
          <view class="cu-form-group">
            <view class="title">动火单位</view>
            <view class="earch-input">
              <input type="text" style="text-align: right" v-model="pd.AUDIT_DEPARTMENT_NAME" disabled>
            </view>
          </view>
          <view class="cu-form-group" v-if="!forbidEdit">
            <view class="title">动火单位负责人</view>
            <view>
              <input type="text" style="text-align: right" v-model="pd.AUDIT_USER_NAME" disabled>
            </view>
          </view>
        </view>
        <view class="wui-form-list" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级'">
          <view class="cu-form-group">
            <view class="title">安全科</view>
            <view class="earch-input">
              <input type="text" style="text-align: right" v-model="pd.APPROVE_DEPARTMENT_NAME" disabled>
            </view>
          </view>
          <view class="cu-form-group" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级'">
            <view class="title">安全科负责人</view>
            <view>
              <input type="text" style="text-align: right" v-model="pd.APPROVE_USER_NAME" disabled>
            </view>
          </view>
        </view>
        <view class="wui-form-list" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级'">
          <view class="cu-form-group">
            <view class="title">生产部</view>
            <view class="earch-input">
              <input type="text" style="text-align: right" v-model="pd.MONITOR_DEPARTMENT_NAME" disabled>
            </view>
          </view>
          <view class="cu-form-group" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级'">
            <view class="title">生产部负责人</view>
            <view>
              <input type="text" style="text-align: right" v-model="pd.MONITOR_USER_NAME" disabled>
            </view>
          </view>
        </view>
        <view class="wui-form-list" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级' && pd.WORK_LEVEL !== '一级'">
          <view class="cu-form-group">
            <view class="title">公司领导部门</view>
            <view class="earch-input">
              <input type="text" style="text-align: right" v-model="pd.PROJECT_MANAGER_DEPARTMENT_NAME" disabled>
            </view>
          </view>
          <view class="cu-form-group" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级' && pd.WORK_LEVEL !== '一级'">
            <view class="title">公司领导</view>
            <view>
              <input type="text" style="text-align: right" v-model="pd.PROJECT_MANAGER_USER_NAME" disabled>
            </view>
          </view>
        </view>
<!--        <view class="wui-form-list" v-if="!forbidEdit">-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">动火单位</view>-->

<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showAuditTree">-->
<!--                {{ pd.AUDIT_DEPARTMENT_NAME ? pd.AUDIT_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree v-if="pd.DISABLED!=='1'" ref="tkiTree_audit" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="audittreeConfirm" @cancel="audittreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group" v-if="pd.DISABLED!=='1'">-->
<!--            <view class="title">动火单位负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchAudit"-->
<!--                    placeholder="请输入动火单位负责人"-->
<!--                    @input="filterAuditUsers"-->
<!--                    @click="toggleAuditDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleAuditDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showAuditDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredAuditUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectAuditUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->
<!--          <view class="cu-form-group" v-if="pd.DISABLED==='1'">-->
<!--            <view class="title">动火单位负责人</view>-->
<!--            <picker @change="PickerAudit" :value="auditindex" :range="auditUserList" range-key="NAME"-->
<!--                    :disabled="auditUserList.length == 0" @click="isBlankList('audit')">-->
<!--              <view class="picker">-->
<!--                {{ pd.AUDIT_USER_NAME ? pd.AUDIT_USER_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </picker>-->
<!--          </view>-->
<!--        </view>-->
<!--        <view class="wui-form-list" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级'">-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">煤气防护站</view>-->
<!--            &lt;!&ndash;            <view v-if="pd.WORK_LEVEL == '二级'" class="cleared" @click="cancelSelect('approve')">&ndash;&gt;-->
<!--            &lt;!&ndash;              清除&ndash;&gt;-->
<!--            &lt;!&ndash;            </view>&ndash;&gt;-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showApproveTree">-->
<!--                {{ pd.APPROVE_DEPARTMENT_NAME ? pd.APPROVE_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree v-if="pd.DISABLED!=='1'" ref="tkiTree_approve" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="approvetreeConfirm" @cancel="approvetreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group"  v-if="pd.DISABLED!=='1'">-->
<!--            <view class="title">煤气防护站负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchApprove"-->
<!--                    placeholder="请输入煤气防护站负责人"-->
<!--                    @input="filterApproveUsers"-->
<!--                    @click="toggleApproveDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleApproveDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showApproveDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredApproveUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectApproveUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->
<!--          <view class="cu-form-group" v-if="pd.DISABLED==='1'">-->
<!--            <view class="title">煤气防护站负责人</view>-->
<!--            <picker @change="PickerApprove" :value="approveindex" :range="approveUserList" range-key="NAME"-->
<!--                    :disabled="approveUserList.length == 0" @click="isBlankList('approve')">-->
<!--              <view class="picker">-->
<!--                {{ pd.APPROVE_USER_NAME ? pd.APPROVE_USER_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </picker>-->
<!--          </view>-->
<!--        </view>-->
<!--        <view class="wui-form-list" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级'">-->
<!--          <view class="cu-form-group" v-if="!forbidEdit">-->
<!--            <view class="title">生产安环部</view>-->
<!--            &lt;!&ndash;            <view v-if="pd.WORK_LEVEL == '二级'" class="cleared" @click="cancelSelect('monitor')">&ndash;&gt;-->
<!--            &lt;!&ndash;              清除&ndash;&gt;-->
<!--            &lt;!&ndash;            </view>&ndash;&gt;-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showMonitorTree">-->
<!--                {{ pd.MONITOR_DEPARTMENT_NAME ? pd.MONITOR_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree v-if="pd.DISABLED!=='1'" ref="tkiTree_monitor" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="monitortreeConfirm" @cancel="monitortreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group" v-if="pd.DISABLED!=='1'">-->
<!--            <view class="title">生产安环部负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchMonitor"-->
<!--                    placeholder="请输入生产安环部负责人"-->
<!--                    @input="filterMonitorUsers"-->
<!--                    @click="toggleMonitorDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleMonitorDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showMonitorDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredMonitorUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectMonitorUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->
<!--          <view class="cu-form-group" v-if="pd.DISABLED==='1'">-->
<!--            <view class="title">生产安环部负责人</view>-->
<!--            <picker @change="PickerMonitor" :value="monitorindex" :range="monitorUserList" range-key="NAME"-->
<!--                    :disabled="monitorUserList.length == 0" @click="isBlankList('monitor')">-->
<!--              <view class="picker">-->
<!--                {{ pd.MONITOR_USER_NAME ? pd.MONITOR_USER_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </picker>-->
<!--          </view>-->
<!--        </view>-->

<!--        <view class="wui-form-list" v-if="!forbidEdit && pd.WORK_LEVEL !== '二级' && pd.WORK_LEVEL !== '一级'">-->
<!--          <view class="cu-form-group" v-if="!forbidEdit">-->
<!--            <view class="title">公司领导部门</view>-->
<!--            &lt;!&ndash;            <view v-if="pd.WORK_LEVEL === '一级' || pd.WORK_LEVEL === '二级'" class="cleared"&ndash;&gt;-->
<!--            &lt;!&ndash;                  @click="cancelSelect('projectmanager')">&ndash;&gt;-->
<!--            &lt;!&ndash;              清除&ndash;&gt;-->
<!--            &lt;!&ndash;            </view>&ndash;&gt;-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showProjectManagerTree">-->
<!--                {{ pd.PROJECT_MANAGER_DEPARTMENT_NAME ? pd.PROJECT_MANAGER_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree v-if="pd.DISABLED!=='1'" ref="tkiTree_projectmanager" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="projectmanagertreeConfirm" @cancel="projectmanagertreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group"  v-if="pd.DISABLED!=='1'">-->
<!--            <view class="title">公司领导</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchProject"-->
<!--                    placeholder="请输入公司领导"-->
<!--                    @input="filterProjectUsers"-->
<!--                    @click="toggleProjectDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleProjectDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showProjectDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredProjectUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectProjectUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->
<!--          <view class="cu-form-group" v-if="pd.DISABLED==='1'">-->
<!--            <view class="title">公司领导</view>-->
<!--            <picker @change="PickerProjectManager" :value="projectmanagerindex" :range="projectmanagerUserList" range-key="NAME"-->
<!--                    :disabled="projectmanagerUserList.length == 0" @click="isBlankList('projectmanager')">-->
<!--              <view class="picker">-->
<!--                {{ pd.PROJECT_MANAGER_USER_NAME ? pd.PROJECT_MANAGER_USER_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </picker>-->
<!--          </view>-->
<!--        </view>-->

        <view class="wui-form-list" v-if="!forbidEdit">

<!--          <view class="cu-form-group">-->
<!--            <view class="title">动火时间负责人单位</view>-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showWorkstartTree">-->
<!--                {{ pd.WORK_START_DEPARTMENT_NAME ? pd.WORK_START_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree ref="tkiTree_workstart" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="confesstreeWorkstart" @cancel="workstarttreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">动火时间负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchWorkstart"-->
<!--                    placeholder="请输入动火时间负责人"-->
<!--                    @input="filterWorkstartUsers"-->
<!--                    @click="toggleWorkstartDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleWorkstartDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showWorkstartDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredWorkstartUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectWorkstartUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->


          <view class="cu-form-group margin-top">
            <view class="title">选择动火时间负责人</view>
            <view class="picker" @click="openWorkStartPersonPopup" style="font-size: 28upx; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 20upx;">
              {{ searchWorkStartPerson || '请选择动火时间负责人' }}
              <text class="cuIcon-right" style="margin-left: 10upx;"></text>
            </view>
          </view>
          <!-- 自定义弹窗 -->
          <view :class="['cu-modal', {'show': personWorkStartPopupShow}]" v-if="personWorkStartPopupShow">
            <view class="cu-dialog">
              <view class="cu-bar bg-white justify-end">
                <view class="content">请选择动火时间负责人</view>
                <view class="action" @tap="closeWorkStartPersonPopup">
                  <text class="cuIcon-close text-red"></text>
                </view>
              </view>
              <view class="padding">
                <!-- 搜索框 -->
                <view class="search-input">
                  <input
                      type="text"
                      v-model="popupWorkStartSearch"
                      placeholder="请输入关键字"
                      @input="filterWorkStartPopupList"
                  />
                  <view class="search-icon">
                    <text class="cuIcon-search"></text>
                  </view>
                </view>
                <!-- 人员列表 -->
                <scroll-view class="scroll-list" scroll-y="true" style="height: 400px; margin-top: 20px;">
                  <view v-for="(user, index) in filteredWorkStartPopupList" :key="index" class="list-item" @click="selectWorkStartPerson(user)">
                    {{ user.DEPT_POST_NAME }}
                  </view>
                </scroll-view>
              </view>
              <view class="cu-bar bg-white justify-end">
                <view class="action">
                  <button class="cu-btn line-green text-green" @click="closeWorkStartPersonPopup">取消</button>
                </view>
              </view>
            </view>
          </view>


          <!--          <view class="cu-form-group">-->
          <!--            <view class="title">动火时间负责人</view>-->
          <!--            <picker @change="PickerWorkstart" :value="workstartindex" :range="workstartUserList"-->
          <!--                    range-key="NAME" :disabled="workstartUserList.length == 0"-->
          <!--                    @click="isBlankList('workstart')">-->
          <!--              <view class="picker">-->
          <!--                {{ pd.WORK_START_USER_NAME ? pd.WORK_START_USER_NAME : '请选择' }}-->
          <!--              </view>-->
          <!--            </picker>-->
          <!--          </view>-->

          <view class="task-remake">友情提示：负责填写作业实际时间</view>

        </view>
        <!--        <view class="wui-form-list" v-if="!forbidEdit">-->
        <!--          <view class="cu-form-group">-->
        <!--            <view class="title">作业结束负责人单位</view>-->
        <!--            <view class="picker-tree-box">-->
        <!--              <view class="picker-tree" @tap="showWorkendTree">-->
        <!--                {{ pd.WORK_END_DEPARTMENT_NAME ? pd.WORK_END_DEPARTMENT_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </view>-->
        <!--            <tki-tree ref="tkiTree_workend" :selectParent=true :range="treeNode" rangeKey="name"-->
        <!--                      @confirm="confesstreeWorkend" @cancel="workendtreeCancel"></tki-tree>-->
        <!--          </view>-->
        <!--          <view class="cu-form-group">-->
        <!--            <view class="title">作业结束负责人</view>-->
        <!--            <picker @change="PickerWorkend" :value="workendindex" :range="workendUserList" range-key="NAME"-->
        <!--                    :disabled="workendUserList.length == 0" @click="isBlankList('workend')">-->
        <!--              <view class="picker">-->
        <!--                {{ pd.WORK_END_USER_NAME ? pd.WORK_END_USER_NAME : '请选择' }}-->
        <!--              </view>-->
        <!--            </picker>-->
        <!--          </view>-->
        <!--          <view class="task-remake">友情提示：负责填写作业实际结束时间</view>-->
        <!--        </view>-->
        <view class="wui-form-list" v-if="!forbidEdit">


          <view class="cu-form-group margin-top">
            <view class="title">选择验收部门负责人</view>
            <view class="picker" @click="openAcceptPersonPopup" style="font-size: 28upx; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-right: 20upx;">
              {{ searchAcceptPerson || '请选择验收部门负责人' }}
              <text class="cuIcon-right" style="margin-left: 10upx;"></text>
            </view>
          </view>
          <!-- 自定义弹窗 -->
          <view :class="['cu-modal', {'show': personAcceptPopupShow}]" v-if="personAcceptPopupShow">
            <view class="cu-dialog">
              <view class="cu-bar bg-white justify-end">
                <view class="content">请选择验收部门负责人</view>
                <view class="action" @tap="closeAcceptPersonPopup">
                  <text class="cuIcon-close text-red"></text>
                </view>
              </view>
              <view class="padding">
                <!-- 搜索框 -->
                <view class="search-input">
                  <input
                      type="text"
                      v-model="popupAcceptSearch"
                      placeholder="请输入关键字"
                      @input="filterAcceptPopupList"
                  />
                  <view class="search-icon">
                    <text class="cuIcon-search"></text>
                  </view>
                </view>
                <!-- 人员列表 -->
                <scroll-view class="scroll-list" scroll-y="true" style="height: 400px; margin-top: 20px;">
                  <view v-for="(user, index) in filteredAcceptPopupList" :key="index" class="list-item" @click="selectAcceptPerson(user)">
                    {{ user.DEPT_POST_NAME }}
                  </view>
                </scroll-view>
              </view>
              <view class="cu-bar bg-white justify-end">
                <view class="action">
                  <button class="cu-btn line-green text-green" @click="closeAcceptPersonPopup">取消</button>
                </view>
              </view>
            </view>
          </view>


<!--          <view class="cu-form-group">-->
<!--            <view class="title">验收部门</view>-->
<!--            <view class="picker-tree-box">-->
<!--              <view class="picker-tree" @tap="showAcceptTree">-->
<!--                {{ pd.ACCEPT_DEPARTMENT_NAME ? pd.ACCEPT_DEPARTMENT_NAME : '请选择' }}-->
<!--              </view>-->
<!--            </view>-->
<!--            <tki-tree ref="tkiTree_accept" :selectParent=true :range="treeNode" rangeKey="name"-->
<!--                      @confirm="accepttreeConfirm" @cancel="accepttreeCancel"></tki-tree>-->
<!--          </view>-->
<!--          <view class="cu-form-group">-->
<!--            <view class="title">验收部门负责人</view>-->
<!--            <view style="position: relative">-->
<!--              <view class="search-input">-->
<!--                <input-->
<!--                    type="text"-->
<!--                    style="text-align: right"-->
<!--                    v-model="searchAccept"-->
<!--                    placeholder="请输入验收部门负责人"-->
<!--                    @input="filterAcceptUsers"-->
<!--                    @click="toggleAcceptDropdown"-->
<!--                >-->
<!--                <view class="search-icon" @click="toggleAcceptDropdown">-->
<!--                  <text class="cuIcon-right"></text>-->
<!--                </view>-->
<!--              </view>-->
<!--              <view v-show="showAcceptDropdown" class="showbg" style="position: absolute; left: 0; top: 36px;">-->
<!--                <view-->
<!--                    v-for="(user, index) in filteredAcceptUsers"-->
<!--                    :key="index"-->
<!--                    @click="selectAcceptUser(user)"-->
<!--                >-->
<!--                  {{ user.NAME }}-->
<!--                </view>-->
<!--              </view>-->
<!--            </view>-->
<!--          </view>-->
<!--          -->


          <!--          <view class="cu-form-group">-->
          <!--            <view class="title">验收部门负责人</view>-->
          <!--            <picker @change="PickerAccept" :value="acceptindex" :range="acceptUserList" range-key="NAME"-->
          <!--                    :disabled="acceptUserList.length == 0" @click="isBlankList('accept')">-->
          <!--              <view class="picker">-->
          <!--                {{ pd.ACCEPT_USER_NAME ? pd.ACCEPT_USER_NAME : '请选择' }}-->
          <!--              </view>-->
          <!--            </picker>-->
          <!--          </view>-->

          <view v-if="loginUser.PERSONNEL_POSITION == 0" class="cu-form-group">
            <view class="title">作业区域</view>
            <view class="picker-tree-box">
              <view class="picker-tree" @tap="showPlsTree">{{ pd.PLS_NAME ? pd.PLS_NAME : '请选择' }}</view>
            </view>
            <tki-tree ref="tkiTree_pls" :selectParent=true :range="plsNode" rangeKey="name"
                      @confirm="plstreeConfirm" @cancel="plstreeCancel"></tki-tree>
          </view>
        </view>

        <view class="wui-form-list">
          <view v-if="signs.GUARDIAN">
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">监护人</view>
                {{ pd.GUARDIAN_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.GUARDIAN[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.GUARDIAN[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.GUARDIAN[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.GUARDIAN[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>
          <!--          <view v-if="signs.CONFESS">-->
          <!--            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">-->
          <!--              <view class="cu-form-group">-->
          <!--                <view class="title">安全交底人</view>-->
          <!--                {{ pd.CONFESS_USER_NAME }}-->
          <!--              </view>-->
          <!--              <view v-if="signs.CONFESS[0].IMG_PATH"-->
          <!--                    style="display: flex;align-items: flex-end;padding: 0 30upx">-->
          <!--                <view v-for="(item,index) in signs.CONFESS[0].IMG_PATH" :key="index"-->
          <!--                      style="margin-right:20upx">-->
          <!--                  <view class="imgs">-->
          <!--                    <image :src="baseImgPath +  signs.CONFESS[0].IMG_PATH[index]"-->
          <!--                           :data-index="index"-->
          <!--                           @click="ViewShowImage(baseImgPath + signs.CONFESS[0].IMG_PATH[index])"-->
          <!--                           mode="" style="width: 50upx;height: 50upx;"></image>-->
          <!--                  </view>-->
          <!--                </view>-->
          <!--              </view>-->
          <!--              <view class="cu-item" v-for="(item,index) in signs.CONFESS[0].SIGN_TIME" :key="index"-->
          <!--                    style="border-bottom: 1px solid  #e3e3e3">-->
          <!--                <view class="imgs"-->
          <!--                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">-->
          <!--                  <image :src="baseImgPath + signs.CONFESS[0].SIGN_PATH[index]" :data-index="index"-->
          <!--                         @click="ViewShowImage(baseImgPath + signs.CONFESS[0].SIGN_PATH[index])" mode=""-->
          <!--                         style="width: 200upx;height: 200upx;"></image>-->
          <!--                  <text> {{ signs.CONFESS[0].SIGN_TIME[index] }}</text>-->
          <!--                </view>-->
          <!--              </view>-->
          <!--            </view>-->
          <!--          </view>-->
          <!--          <view v-if="signs.ACCEPT_CONFESS">-->
          <!--            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">-->
          <!--              <view class="cu-form-group">-->
          <!--                <view class="title">接受交底人</view>-->
          <!--                {{ pd.ACCEPT_CONFESS_USER_NAME }}-->
          <!--              </view>-->
          <!--              <view class="cu-item" v-for="(item,index) in signs.ACCEPT_CONFESS[0].SIGN_TIME" :key="index"-->
          <!--                    style="border-bottom: 1px solid  #e3e3e3">-->
          <!--                <view class="imgs"-->
          <!--                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">-->
          <!--                  <image :src="baseImgPath + signs.ACCEPT_CONFESS[0].SIGN_PATH[index]"-->
          <!--                         :data-index="index"-->
          <!--                         @click="ViewShowImage(baseImgPath + signs.ACCEPT_CONFESS[0].SIGN_PATH[index])"-->
          <!--                         mode="" style="width: 200upx;height: 200upx;"></image>-->
          <!--                  <text> {{ signs.ACCEPT_CONFESS[0].SIGN_TIME[index] }}</text>-->
          <!--                </view>-->
          <!--              </view>-->
          <!--            </view>-->
          <!--          </view>-->
        </view>

        <view class="wui-form-list">
          <view v-if="signs.CONFIRM">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">申请动火区域负责人意见</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.CONFIRM[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">申请动火区域负责人</view>
                {{ pd.CONFIRM_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.CONFIRM[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.CONFIRM[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.CONFIRM[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.CONFIRM[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>
          <view v-if="signs.LEADER">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">动火单位车间安全部意见</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.LEADER[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">动火单位车间安全部负责人</view>
                {{ pd.LEADER_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.LEADER[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.LEADER[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.LEADER[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.LEADER[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>
          <view v-if="signs.AUDIT">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">动火单位意见</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.AUDIT[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">动火单位负责人</view>
                {{ pd.AUDIT_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.AUDIT[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.AUDIT[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.AUDIT[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.AUDIT[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>


          <view v-if="signs.APPROVE">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">安全科负责人意见</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.APPROVE[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">安全科负责人</view>
                {{ pd.APPROVE_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.APPROVE[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.APPROVE[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.APPROVE[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.APPROVE[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>

          <view v-if="signs.MONITOR">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">生产部负责人意见</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.MONITOR[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">生产部负责人</view>
                {{ pd.MONITOR_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.MONITOR[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.MONITOR[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.MONITOR[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.MONITOR[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>
          <view v-if="signs.PROJECT_MANAGER">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">公司领导意见</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.PROJECT_MANAGER[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">公司领导</view>
                {{ pd.PROJECT_MANAGER_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.PROJECT_MANAGER[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.PROJECT_MANAGER[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.PROJECT_MANAGER[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.PROJECT_MANAGER[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>
          <view v-if="signs.WORK_START">
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">作业开始负责人</view>
                {{ pd.WORK_START_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.WORK_START[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.WORK_START[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.WORK_START[0].SIGN_PATH[index])"
                         mode="" style="width: 200upx;height: 200upx;"></image>
                  <text> {{ signs.WORK_START[0].SIGN_TIME[index] }}</text>
                </view>
              </view>
            </view>
          </view>

          <!--          <view v-if="signs.WORK_END">-->
          <!--            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">-->
          <!--              <view class="cu-form-group">-->
          <!--                <view class="title">作业结束负责人</view>-->
          <!--                {{ pd.WORK_END_USER_NAME }}-->
          <!--              </view>-->
          <!--              <view class="cu-item" v-for="(item,index) in signs.WORK_END[0].SIGN_TIME" :key="index"-->
          <!--                    style="border-bottom: 1px solid  #e3e3e3">-->
          <!--                <view class="imgs"-->
          <!--                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">-->
          <!--                  <image :src="baseImgPath + signs.WORK_END[0].SIGN_PATH[index]" :data-index="index"-->
          <!--                         @click="ViewShowImage(baseImgPath + signs.WORK_END[0].SIGN_PATH[index])" mode=""-->
          <!--                         style="width: 200upx;height: 200upx;"></image>-->
          <!--                  <text> {{ signs.WORK_END[0].SIGN_TIME[index] }}</text>-->
          <!--                </view>-->
          <!--              </view>-->
          <!--            </view>-->
          <!--          </view>-->
          <view v-if="signs.ACCEPT">
            <view class="cu-form-textarea" style="border: none;">
              <view class="cu-form-title">完工验收</view>
              <textarea maxlength="255" disabled="disabled" v-model="signs.ACCEPT[0].DESCR"></textarea>
            </view>
            <view style="border-bottom: 1px solid #eeeeee;  border-top: 1px solid #eeeeee">
              <view class="cu-form-group">
                <view class="title">验收部门负责人</view>
                {{ pd.ACCEPT_USER_NAME }}
              </view>
              <view class="cu-item" v-for="(item,index) in signs.ACCEPT[0].SIGN_TIME" :key="index"
                    style="border-bottom: 1px solid  #e3e3e3">
                <view class="imgs"
                      style="display: flex;justify-content: space-between;align-items: flex-end;padding: 20upx 50upx;">
                  <image :src="baseImgPath + signs.ACCEPT[0].SIGN_PATH[index]" :data-index="index"
                         @click="ViewShowImage(baseImgPath + signs.ACCEPT[0].SIGN_PATH[index])" mode=""
                         style="width: 200upx;height: 200upx;"></image>
                  <test>{{ pd.ACCEPT_TIME }}</test>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
      <view class="cu-bar btn-group" style="margin-top: 30upx;">
        <button v-if="!forbidEdit || !pd.STEP_ID " :loading="buttonloading"
                class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'1')">提交
        </button>
        <button v-if="!forbidEdit || !pd.STEP_ID " :loading="buttonloading"
                class="cu-btn bg-green margin-tb-sm lg" @click="$noMultipleClicks(goSubmit,'0')">暂存
        </button>

        <button v-if="forbidEdit && pd.STEP_ID !== 0" class="cu-btn bg-green margin-tb-sm lg"
                @click="$noMultipleClicks(goback)">返回
        </button>
      </view>
      <view class="padding flex flex-direction">
      </view>
    </scroll-view>
    <other-select :visible.sync="otherAssignments" v-model="pd.SPECIAL_WORK" type="assignments"/>
    <other-select :visible.sync="otherIdentification" v-model="pd.RISK_IDENTIFICATION" type="identification"/>
  </view>
</template>

<script>
import {
  basePath,
  corpinfoId,
  loginUser,
  formatDate,
  loginSession,
  baseImgPath
} from '@/common/tool.js';
import tkiTree from "@/components/select-tree/select-tree.vue"
import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';
import OtherSelect from '@/components/other-select/index.vue';
import ww from "chinese-workday";

export default {
  components: {
    tkiTree,
    ruiDatePicker,
    OtherSelect
  },
  data() {
    return {
      searchAnalyze: '',
      showAnalyzeDropdown: false,
      filteredAnalyzeUsers: [],
      searchGuardian: '',
      showGuardianDropdown: false,
      filteredGuardianUsers: [],
      searchConfirm: '',
      showConfirmDropdown: false,
      filteredConfirmUsers: [],
      searchAudit: '',
      showAuditDropdown: false,
      filteredAuditUsers: [],
      searchApprove: '',
      showApproveDropdown: false,
      filteredApproveUsers: [],
      searchMonitor: '',
      showMonitorDropdown: false,
      filteredMonitorUsers: [],
      searchLeader: '',
      showLeaderDropdown: false,
      filteredLeaderUsers: [],
      searchAccept: '',
      showAcceptDropdown: false,
      filteredAcceptUsers: [],
      searchWorkstart: '',
      showWorkstartDropdown: false,
      filteredWorkstartUsers: [],
      searchProject: '',
      showProjectDropdown: false,
      filteredProjectUsers: [],

      baseImgPath: baseImgPath,
      loginUser: loginUser,
      buttonloading: false,
      isUps: false,
      forbidEdit: true, // 禁止修改
      msg: 'add',
      noClick: true,
      treeNode: [], //部门下拉数据
      levelList: [{
        id: '特级',
        name: '特级'
      },
        {
          id: '一级',
          name: '一级'
        },
        {
          id: '二级',
          name: '二级'
        },
      ],
      levelindex: -1,
      files: [],
      files1: [],
      disable:false,
      analyzeUserList: [],
      analyzeindex: -1,
      confirmUserList: [],
      workuserindex: -1,
      confessUserList: [],
      confessindex: -1,
      acceptconfessUserList: [],
      acceptconfessindex: -1,
      workUserList: [],
      workstartindex: -1,
      workstartUserList: [],
      plsNode: [],
      workendindex: -1,
      workendUserList: [],
      confirmindex: -1,
      guardianUserList: [],
      guardianindex: -1,
      leaderUserList: [],
      leaderindex: -1,
      auditUserList: [],
      auditindex: -1,
      safetyindex: -1,
      safetyUserList: [],
      approveUserList: [],
      approveindex: -1,
      monitorUserList: [],
      monitorindex: -1,
      projectmanagerUserList: [],
      projectmanagerindex: -1,
      acceptUserList: [],
      acceptindex: -1,
      pd: {}, // 数据
      signs: {},
      DISABLED: false,
      measuresList: [],
      plsList: [],
      plxIndex: -1,
      rules: [
        // {
        //   name: 'WORK_PLACE',
        //   message: '请输入动火地点及动火部位'
        // },

        // {
        //   name: 'WORK_FUNCTION',
        //   message: '请输入动火方式'
        // },
        // {name:'SPECIAL_WORK',message:'请输入关联的其他特殊作业及安全作业票编号'},
        // {
        //   name: 'CONFESS_USER_ID',
        //   message: '请选择安全交底人'
        // },
        // {
        //   name: 'ACCEPT_CONFESS_USER_ID',
        //   message: '请选择接受交底人'
        // },

        // {
        //   name: 'LEADER_USER_ID',
        //   message: '请选择动火单位贯标中心单位负责人'
        // },
        // {
        //   name: 'MONITOR_USER_ID',
        //   message: '请选择生产安环部负责人'
        // },
        // {name:'APPROVE_USER_ID',message:'请选择煤气防护站负责人'},
        // {name:'PROJECT_MANAGER_USER_ID',message:'请选择公司领导'},
        // {
        //   name: 'WORK_END_USER_ID',
        //   message: '请选择作业结束负责人'
        // },

        {name: 'APPLY_DEPARTMENT_ID', message: '请选择申请分厂'},
        {name: 'APPLY_WORKSHOP_DEPARTMENT_ID', message: '请选择申请工段'},
        {
          name: 'WORK_LEVEL',
          message: '请选择动火级别'
        },
        {
          name: 'WORK_CONTENT',
          message: '请输入动火装置、设施部位及内容'
        },
        {
          name: 'APPLY_START_DATE',
          message: '请选择作业申请开始时间'
        },
        {
          name: 'APPLY_END_DATE',
          message: '请选择作业申请结束时间'
        },
        {
          name: 'WORK_USER',
          message: '请输入动火人及证书编号'
        },
        {
          name: 'RISK_IDENTIFICATION',
          message: '请输入风险辨识结果'
        },
        {
          name: 'ANALYZE_USER_ID',
          message: '请选择分析人'
        },
        {
          name: 'GUARDIAN_USER_ID',
          message: '请选择监护人'
        },
        {
          name: 'CONFIRM_USER_ID',
          message: '请选择申请动火区域负责人'
        },
        // {name: 'LEADER_USER_ID', message: '请选择动火单位贯标中心负责人'},
        // {name:'AUDIT_USER_ID',message:'请选择动火单位负责人'},
        {
          name: 'WORK_START_USER_ID',
          message: '请选择动火时间负责人'
        },
        {
          name: 'ACCEPT_USER_ID',
          message: '请选择验收部门负责人'
        },
        // 电子围栏 非必填
        // {
        // 	name: 'PLS_ID',
        // 	message: '请选择电子围栏'
        // },
      ],
      todayDate: '',
      otherAssignments: false,
      otherIdentification: false,
      conimgList: [],
      siteimgList: [],
      applyDeptList:[],
      applyDeptindex: -1,
      applyWorkshopDeptList: [],
      applyWorkshopDeptindex: -1,
      // ... 其他数据
      searchAnalyzePerson: '',
      personAnalyzePopupShow: false,
      popupAnalyzeSearch: '',
      filteredAnalyzePopupList: [],
      searchGuardianPerson: '',
      personGuardianPopupShow: false,
      popupGuardianSearch: '',
      filteredGuardianPopupList: [],
      searchConfirmPerson: '',
      personConfirmPopupShow: false,
      popupConfirmSearch: '',
      filteredConfirmPopupList: [],
      searchWorkStartPerson: '',
      personWorkStartPopupShow: false,
      popupWorkStartSearch: '',
      filteredWorkStartPopupList: [],
      searchAcceptPerson: '',
      personAcceptPopupShow: false,
      popupAcceptSearch: '',
      filteredAcceptPopupList: [],
      personList: []
    }
  },
  onLoad(event) {
    this.todayDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm');
    this.pd.HOTWORK_ID = event.HOTWORK_ID;
    if (this.pd.HOTWORK_ID) {
      this.msg = "edit";
      this.getData();
      this.getPersonList();
    } else {
      // 初始化作业负责人
      this.pd.APPLY_USER_ID = loginUser.USER_ID;
      this.pd.APPLY_USER_NAME = loginUser.NAME;
      this.forbidEdit = false;
      this.getWorkUserList();
    }
    // 初始化现场作业负责人
    this.getApplyDept()
    this.getDept();
    this.getPlsList();
    loginSession();

  },
  methods: {
    // 获取所有人员（接口）
    getPersonList() {
      uni.showLoading({
        title: '加载中...',
        mask: true
      });

      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/app/sys/listAllUserDePtAnfPost',
        data: {
          tm: new Date().getTime(),
          CORPINFO_ID: loginUser.CORPINFO_ID,
          USER_ID: loginUser.USER_ID,
        },
        success: (res) => {
          uni.hideLoading();
          if (res.data.result === 'success') {
            this.personList = res.data.userList || []; // 保存原始数据
            this.filteredAnalyzePopupList = [...this.personList];
            this.filteredGuardianPopupList = [...this.personList];
            this.filteredConfirmPopupList = [...this.personList];
            this.filteredWorkStartPopupList = [...this.personList];
            this.filteredAcceptPopupList = [...this.personList];
          } else {
            uni.showToast({
              title: res.data.message || '获取人员失败',
              duration: 2000,
              icon: 'none'
            });
          }
        },
        fail: () => {
          uni.hideLoading();
          uni.showToast({
            title: '网络请求失败',
            duration: 2000,
            icon: 'none'
          });
        }
      });
    },
    openAnalyzePersonPopup() {
      // 提取括号前的名字
      this.popupAnalyzeSearch = this.searchAnalyzePerson? this.searchAnalyzePerson.split('(')[0] : ''; // 关键：继承已选姓名
      if (this.popupAnalyzeSearch.trim()) {
        this.filterAnalyzePopupList();
      } else {
        this.getPersonList();
        this.filteredAnalyzePopupList = [...this.personList];
      }
      this.personAnalyzePopupShow = true;
    },
    // 关闭弹窗
    closeAnalyzePersonPopup() {
      this.personAnalyzePopupShow = false;
      const query = this.popupAnalyzeSearch.trim().toLowerCase();
      if (!query) {
        this.filteredAnalyzePopupList = [...this.personList];
      } else {
        this.filteredAnalyzePopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';
          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },

    // 搜索过滤（弹窗内）
    filterAnalyzePopupList() {
      const query = this.popupAnalyzeSearch.trim().toLowerCase();
      if (!query) {
        this.filteredAnalyzePopupList = [...this.personList];
      } else {
        this.filteredAnalyzePopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';

          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },
    // 选择人员
    selectAnalyzePerson(user) {
      this.searchAnalyzePerson = user.DEPT_POST_NAME;
      this.pd.ANALYZE_USER_ID = user.USER_ID || '';
      this.pd.ANALYZE_DEPARTMENT_ID = user.DEPARTMENT_ID || '';
      this.closeAnalyzePersonPopup();
    },
    openGuardianPersonPopup() {
      // 提取括号前的名字
      this.popupGuardianSearch = this.searchGuardianPerson? this.searchGuardianPerson.split('(')[0] : ''; // 关键：
      if (this.popupGuardianSearch.trim()) {
        this.filterGuardianPopupList();
      } else {
        this.getPersonList();
        this.filteredGuardianPopupList = [...this.personList];
      }
      this.personGuardianPopupShow = true;
    },
    // 关闭弹窗
    closeGuardianPersonPopup() {
      this.personGuardianPopupShow = false;
      const query = this.popupGuardianSearch.trim().toLowerCase();
      if (!query) {
        this.filteredGuardianPopupList = [...this.personList];
      } else {
        this.filteredGuardianPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';
          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },

    // 搜索过滤（弹窗内）
    filterGuardianPopupList() {
      const query = this.popupGuardianSearch.trim().toLowerCase();
      if (!query) {
        this.filteredGuardianPopupList = [...this.personList];
      } else {
        this.filteredGuardianPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';

          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },
    // 选择人员
    selectGuardianPerson(user) {
      this.searchGuardianPerson = user.DEPT_POST_NAME;
      this.pd.GUARDIAN_USER_ID = user.USER_ID || '';
      this.pd.GUARDIAN_DEPARTMENT_ID = user.DEPARTMENT_ID || '';
      this.closeGuardianPersonPopup();
    },
    openConfirmPersonPopup() {
      // 提取括号前的名字
      this.popupConfirmSearch = this.searchConfirmPerson? this.searchConfirmPerson.split('(')[0] : '';
      if (this.popupConfirmSearch.trim()) {
        this.filterConfirmPopupList();
      } else {
        this.getPersonList();
        this.filteredConfirmPopupList = [...this.personList];
      }
      this.personConfirmPopupShow = true;
    },
    // 关闭弹窗
    closeConfirmPersonPopup() {
      this.personConfirmPopupShow = false;
      const query = this.popupConfirmSearch.trim().toLowerCase();
      if (!query) {
        this.filteredConfirmPopupList = [...this.personList];
      } else {
        this.filteredConfirmPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';
          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },

    // 搜索过滤（弹窗内）
    filterConfirmPopupList() {
      const query = this.popupConfirmSearch.trim().toLowerCase();
      if (!query) {
        this.filteredConfirmPopupList = [...this.personList];
      } else {
        this.filteredConfirmPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';

          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },
    // 选择人员
    selectConfirmPerson(user) {
      this.searchConfirmPerson = user.DEPT_POST_NAME;
      this.pd.CONFIRM_USER_ID = user.USER_ID || '';
      this.pd.CONFIRM_DEPARTMENT_ID = user.DEPARTMENT_ID || '';
      this.closeConfirmPersonPopup();
    },
    openWorkStartPersonPopup() {
      // 提取括号前的名字
      this.popupWorkStartSearch = this.searchWorkStartPerson? this.searchWorkStartPerson.split('(')[0] : '';
      if (this.popupWorkStartSearch.trim()) {
        this.filterWorkStartPopupList();
      } else {
        this.getPersonList();
        this.filteredWorkStartPopupList = [...this.personList];
      }
      this.personWorkStartPopupShow = true;
    },
    // 关闭弹窗
    closeWorkStartPersonPopup() {
      this.personWorkStartPopupShow = false;
      const query = this.popupWorkStartSearch.trim().toLowerCase();
      if (!query) {
        this.filteredWorkStartPopupList = [...this.personList];
      } else {
        this.filteredWorkStartPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';
          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },

    // 搜索过滤（弹窗内）
    filterWorkStartPopupList() {
      const query = this.popupWorkStartSearch.trim().toLowerCase();
      if (!query) {
        this.filteredWorkStartPopupList = [...this.personList];
      } else {
        this.filteredWorkStartPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';

          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },
    // 选择人员
    selectWorkStartPerson(user) {
      this.searchWorkStartPerson = user.DEPT_POST_NAME;
      this.pd.WORK_START_USER_ID = user.USER_ID || '';
      this.pd.WORK_START_DEPARTMENT_ID = user.DEPARTMENT_ID || '';
      this.closeWorkStartPersonPopup();
    },
    openAcceptPersonPopup() {
      // 提取括号前的名字
      this.popupAcceptSearch = this.searchAcceptPerson? this.searchAcceptPerson.split('(')[0] : '';
      if (this.popupAcceptSearch.trim()) {
        this.filterAcceptPopupList();
      } else {
        this.getPersonList();
        this.filteredAcceptPopupList = [...this.personList];
      }
      this.personAcceptPopupShow = true;
    },
    // 关闭弹窗
    closeAcceptPersonPopup() {
      this.personAcceptPopupShow = false;
      const query = this.popupAcceptSearch.trim().toLowerCase();
      if (!query) {
        this.filteredAcceptPopupList = [...this.personList];
      } else {
        this.filteredAcceptPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';
          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },

    // 搜索过滤（弹窗内）
    filterAcceptPopupList() {
      const query = this.popupAcceptSearch.trim().toLowerCase();
      if (!query) {
        this.filteredAcceptPopupList = [...this.personList];
      } else {
        this.filteredAcceptPopupList = this.personList.filter(user => {
          // 安全处理：将 undefined 转换为空字符串
          const deptPostName = user.DEPT_POST_NAME ? user.DEPT_POST_NAME.toLowerCase() : '';
          const userId = user.USER_ID ? user.USER_ID.toLowerCase() : '';

          return deptPostName.includes(query) || userId.includes(query);
        });
      }
    },
    // 选择人员
    selectAcceptPerson(user) {
      this.searchAcceptPerson = user.DEPT_POST_NAME;
      this.pd.ACCEPT_USER_ID = user.USER_ID || '';
      this.pd.ACCEPT_DEPARTMENT_ID = user.DEPARTMENT_ID || '';
      this.closeAcceptPersonPopup();
    },
    filterAnalyzeUsers() {
      const query = this.searchAnalyze.trim().toLowerCase();
      if (!query) {
        this.filteredAnalyzeUsers = this.analyzeUserList;
        this.pd.ANALYZE_USER_ID = '';
        this.pd.ANALYZE_USER_NAME = '';
      } else {
        this.filteredAnalyzeUsers = this.analyzeUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
      console.log(this.filteredAnalyzeUsers)
    },

    toggleAnalyzeDropdown() {
      if (!this.analyzeUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择分析单位',
          duration: 1500
        });
        return;
      }
      this.showAnalyzeDropdown = !this.showAnalyzeDropdown;
      if (this.showAnalyzeDropdown) this.filterAnalyzeUsers();
    },

    selectAnalyzeUser(user) {
      this.searchAnalyze = user.NAME;
      this.pd.ANALYZE_USER_ID = user.USER_ID;
      this.pd.ANALYZE_USER_NAME = user.NAME;
      this.showAnalyzeDropdown = false;
    },
    filterGuardianUsers() {
      const query = this.searchGuardian.trim().toLowerCase();
      if (!query) {
        this.filteredGuardianUsers = this.guardianUserList;
        this.pd.GUARDIAN_USER_ID = '';
        this.pd.GUARDIAN_USER_NAME = '';
      } else {
        this.filteredGuardianUsers = this.guardianUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
      console.log(this.filteredGuardianUsers)

    },

    toggleGuardianDropdown() {
      if (!this.guardianUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择监护人单位',
          duration: 1500
        });
        return;
      }
      this.showGuardianDropdown = !this.showGuardianDropdown;
      if (this.showGuardianDropdown) this.filterGuardianUsers();
    },

    selectGuardianUser(user) {
      this.searchGuardian = user.NAME;
      this.pd.GUARDIAN_USER_ID = user.USER_ID;
      this.pd.GUARDIAN_USER_NAME = user.NAME;
      this.showGuardianDropdown = false;
    },

    filterConfirmUsers() {
      const query = this.searchConfirm.trim().toLowerCase();
      if (!query) {
        this.filteredConfirmUsers = this.confirmUserList;
        this.pd.CONFIRM_USER_ID = '';
        this.pd.CONFIRM_USER_NAME = '';
      } else {
        this.filteredConfirmUsers = this.confirmUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
      console.log(this.filteredConfirmUsers)

    },
    toggleConfirmDropdown() {
      if (!this.confirmUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择申请动火区域单位',
          duration: 1500
        });
        return;
      }
      this.showConfirmDropdown = !this.showConfirmDropdown;
      if (this.showConfirmDropdown) this.filterConfirmUsers();
    },
    selectConfirmUser(user) {
      this.searchConfirm = user.NAME;
      this.pd.CONFIRM_USER_ID = user.USER_ID;
      this.pd.CONFIRM_USER_NAME = user.NAME;
      this.showConfirmDropdown = false;
    },

    filterLeaderUsers() {
      const query = this.searchLeader.trim().toLowerCase();
      if (!query) {
        this.filteredLeaderUsers = this.leaderUserList;
        this.pd.LEADER_USER_ID = '';
        this.pd.LEADER_USER_NAME = '';
      } else {
        this.filteredLeaderUsers = this.leaderUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleLeaderDropdown() {
      if (!this.leaderUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择动火单位车间安全部单位',
          duration: 1500
        });
        return;
      }
      this.showLeaderDropdown = !this.showLeaderDropdown;
      if (this.showLeaderDropdown) this.filterLeaderUsers();
    },
    selectLeaderUser(user) {
      this.searchLeader = user.NAME;
      this.pd.LEADER_USER_ID = user.USER_ID;
      this.pd.LEADER_USER_NAME = user.NAME;
      this.showLeaderDropdown = false;
    },

    filterAuditUsers() {
      const query = this.searchAudit.trim().toLowerCase();
      if (!query) {
        this.filteredAuditUsers = this.auditUserList;
        this.pd.AUDIT_USER_ID = '';
        this.pd.AUDIT_USER_NAME = '';
      } else {
        this.filteredAuditUsers = this.auditUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleAuditDropdown() {
      if (!this.auditUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择动火单位',
          duration: 1500
        });
        return;
      }
      this.showAuditDropdown = !this.showAuditDropdown;
      if (this.showAuditDropdown) this.filterAuditUsers();
    },
    selectAuditUser(user) {
      this.searchAudit = user.NAME;
      this.pd.AUDIT_USER_ID = user.USER_ID;
      this.pd.AUDIT_USER_NAME = user.NAME;
      this.showAuditDropdown = false;
    },

    filterApproveUsers() {
      const query = this.searchApprove.trim().toLowerCase();
      if (!query) {
        this.filteredApproveUsers = this.approveUserList;
        this.pd.APPROVE_USER_ID = '';
        this.pd.APPROVE_USER_NAME = '';
      } else {
        this.filteredApproveUsers = this.approveUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleApproveDropdown() {
      if (!this.approveUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择安全科',
          duration: 1500
        });
        return;
      }
      this.showApproveDropdown = !this.showApproveDropdown;
      if (this.showApproveDropdown) this.filterApproveUsers();
    },
    selectApproveUser(user) {
      this.searchApprove = user.NAME;
      this.pd.APPROVE_USER_ID = user.USER_ID;
      this.pd.APPROVE_USER_NAME = user.NAME;
      this.showApproveDropdown = false;
    },

    filterMonitorUsers() {
      const query = this.searchMonitor.trim().toLowerCase();
      if (!query) {
        this.filteredMonitorUsers = this.monitorUserList;
        this.pd.MONITOR_USER_ID = '';
        this.pd.MONITOR_USER_NAME = '';
      } else {
        this.filteredMonitorUsers = this.monitorUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleMonitorDropdown() {
      if (!this.monitorUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择生产部',
          duration: 1500
        });
        return;
      }
      this.showMonitorDropdown = !this.showMonitorDropdown;
      if (this.showMonitorDropdown) this.filterMonitorUsers();
    },
    selectMonitorUser(user) {
      this.searchMonitor = user.NAME;
      this.pd.MONITOR_USER_ID = user.USER_ID;
      this.pd.MONITOR_USER_NAME = user.NAME;
      this.showMonitorDropdown = false;
    },

    filterAcceptUsers() {
      const query = this.searchAccept.trim().toLowerCase();
      if (!query) {
        this.filteredAcceptUsers = this.acceptUserList;
        this.pd.ACCEPT_USER_ID = '';
        this.pd.ACCEPT_USER_NAME = '';
      } else {
        this.filteredAcceptUsers = this.acceptUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleAcceptDropdown() {
      if (!this.acceptUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择验收部门',
          duration: 1500
        });
        return;
      }
      this.showAcceptDropdown = !this.showAcceptDropdown;
      if (this.showAcceptDropdown) this.filterAcceptUsers();
    },
    selectAcceptUser(user) {
      this.searchAccept = user.NAME;
      this.pd.ACCEPT_USER_ID = user.USER_ID;
      this.pd.ACCEPT_USER_NAME = user.NAME;
      this.showAcceptDropdown = false;
    },

    filterWorkstartUsers() {
      const query = this.searchWorkstart.trim().toLowerCase();
      if (!query) {
        this.filteredWorkstartUsers = this.workstartUserList;
        this.pd.WORK_START_USER_ID = '';
        this.pd.WORK_START_USER_NAME = '';
      } else {
        this.filteredWorkstartUsers = this.workstartUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleWorkstartDropdown() {
      if (!this.workstartUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择作业开始时间负责部门',
          duration: 1500
        });
        return;
      }
      this.showWorkstartDropdown = !this.showWorkstartDropdown;
      if (this.showWorkstartDropdown) this.filterWorkstartUsers();
    },
    selectWorkstartUser(user) {
      this.searchWorkstart = user.NAME;
      this.pd.WORK_START_USER_ID = user.USER_ID;
      this.pd.WORK_START_USER_NAME = user.NAME;
      this.showWorkstartDropdown = false;
    },

    filterProjectUsers() {
      const query = this.searchProject.trim().toLowerCase();
      if (!query) {
        this.filteredProjectUsers = this.projectmanagerUserList;
        this.pd.PROJECT_MANAGER_USER_ID = '';
        this.pd.PROJECT_MANAGER_USER_NAME = '';
      } else {
        this.filteredProjectUsers = this.projectmanagerUserList.filter(user =>
            user.NAME.toLowerCase().includes(query)
        );
      }
    },
    toggleProjectDropdown() {
      if (!this.projectmanagerUserList.length) {
        uni.showToast({
          icon: 'none',
          title: '请先选择公司领导部门',
          duration: 1500
        });
        return;
      }
      this.showProjectDropdown = !this.showProjectDropdown;
      if (this.showProjectDropdown) this.filterProjectUsers();
    },
    selectProjectUser(user) {
      this.searchProject = user.NAME;
      this.pd.PROJECT_MANAGER_USER_ID = user.USER_ID;
      this.pd.PROJECT_MANAGER_USER_NAME = user.NAME;
      this.showProjectDropdown = false;
    },


    getApplyDept(){
      uni.showLoading({
        title: '请稍候'
      })
      uni.request({
        url: basePath + '/app/eightwork/getApplyDept',
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          PARENT_ID:'551edf3de6bc447c8a03ec38dfb4cf75',
        },
        success: (res) => {
          this.applyDeptList = res.data.varList
          setTimeout(() => {
            uni.hideLoading();
          }, 2000);
        }
      })
    },
    getApplyWorkshopDept(APPLY_DEPARTMENT_ID){
      uni.request({
        url: basePath + '/app/eightwork/getApplyDept',
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          PARENT_ID:APPLY_DEPARTMENT_ID,
        },
        success: (res) => {
          this.applyWorkshopDeptList = res.data.varList
        }
      })
    },
    //跳转事件
    goToDetail(e) {
      uni.navigateTo({
        url: '/pages/application/hotwork/hotwork-gas/gas-list?HOTWORK_ID=' + e
      });
    },
    delImgs(e) {
      var _this = this;
      uni.showModal({
        title: '新泰安全',
        content: '确定要删除这张图片吗？',
        cancelColor: "#000000",
        cancelText: '取消',
        confirmText: '确定',
        success: res => {
          if (res.confirm) {
            uni.request({
              url: basePath + '/app/eightwork/deleteFile',
              method: 'POST',
              dataType: 'json',
              header: {
                'Content-type': 'application/x-www-form-urlencoded'
              },
              data: {
                FILE_PATH: _this.conimgList[e.currentTarget.dataset.index].filePath
              },
              success: (res) => {
                uni.showToast({
                  icon: 'none',
                  title: '删除成功',
                  duration: 1500
                });
                this.conimgList.splice(e.currentTarget.dataset.index, 1)
              },
              fail: (err) => {
                uni.showModal({
                  content: "删除失败",
                  showCancel: false
                });
              }
            })
          }
        }
      })
    },
    DelImgs(e) {
      var _this = this;
      uni.showModal({
        title: '新泰安全',
        content: '确定要删除这张图片吗？',
        cancelColor: "#000000",
        cancelText: '取消',
        confirmText: '确定',
        success: res => {
          if (res.confirm) {
            uni.request({
              url: basePath + '/app/eightwork/deleteFile',
              method: 'POST',
              dataType: 'json',
              header: {
                'Content-type': 'application/x-www-form-urlencoded'
              },
              data: {
                FILE_PATH: _this.siteimgList[e.currentTarget.dataset.index].filePath
              },
              success: (res) => {
                uni.showToast({
                  icon: 'none',
                  title: '删除成功',
                  duration: 1500
                });
                this.siteimgList.splice(e.currentTarget.dataset.index, 1)
              },
              fail: (err) => {
                uni.showModal({
                  content: "删除失败",
                  showCancel: false
                });
              }
            })
          }
        }
      })
    },
    chooseImages() {
      uni.chooseImage({
        count: 1, //默认9
        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
        sourceType: ['camera', 'album'], //从相册选择
        success: (res) => {
          uni.uploadFile({
            url: basePath + '/app/eightwork/saveFile',
            filePath: res.tempFilePaths[0],
            name: 'file',
            formData: {
              CORPINFO_ID: loginUser.CORPINFO_ID,
            },
            success: ({data}) => {
              let img = {};
              img.filePath = JSON.parse(data).FILE_PATH;
              this.conimgList.push(img)
              console.log(this.conimgList)
            },
            fail: (err) => {
              uni.showModal({
                content: "图片上传失败",
                showCancel: false
              });
            }
          })
        }
      });
    },
    ChooseImages() {
      uni.chooseImage({
        count: 1, //默认9
        sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
        sourceType: ['camera', 'album'], //从相册选择
        success: (res) => {
          uni.uploadFile({
            url: basePath + '/app/eightwork/saveFile',
            filePath: res.tempFilePaths[0],
            name: 'file',
            formData: {
              CORPINFO_ID: loginUser.CORPINFO_ID,
            },
            success: ({data}) => {
              let img = {};
              img.filePath = JSON.parse(data).FILE_PATH;
              this.siteimgList.push(img)
              console.log(this.siteimgList)
            },
            fail: (err) => {
              uni.showModal({
                content: "图片上传失败",
                showCancel: false
              });
            }
          })
        }
      });
    },

    getCode() {
      uni.request({
        url: basePath + '/app/hotwork/getCode',
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          CORPINFO_ID: loginUser.CORPINFO_ID,
        },
        success: (res) => {
          this.pd.CHECK_NO = res.data.code;
        }
      })
    },
    getData() {
      var _this = this;
      uni.showLoading({
        title: '请稍候'
      })
      uni.request({
        url: basePath + '/app/hotwork/findById',
        method: 'POST',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          HOTWORK_ID: _this.pd.HOTWORK_ID,
          CORPINFO_ID: loginUser.CORPINFO_ID,
          USER_ID: loginUser.USER_ID,
        },
        success: (res) => {
          if ("success" == res.data.result) {
            uni.hideLoading();
            _this.pd = res.data.pd; //参数map
            if (_this.pd.STEP_ID === 0) {
              _this.forbidEdit = false;
              if(res.data.pd.EDU_FILE_PATH){
                let filePathArray = res.data.pd.EDU_FILE_PATH;
                if (!Array.isArray(filePathArray)) {
                  filePathArray = [filePathArray];
                }
                this.conimgList=filePathArray.map(filePath => ({ filePath }));
              }
              if(res.data.pd.SITE_FILE_PATH){
                let filePathArray1 = res.data.pd.SITE_FILE_PATH;
                if (!Array.isArray(filePathArray1)) {
                  filePathArray1 = [filePathArray1];
                }
                this.siteimgList=filePathArray1.map(filePath => ({ filePath }));
              }

              // this.getUserList(this.pd.ANALYZE_DEPARTMENT_ID, 'analyzeUserList');
              // this.getUserList(this.pd.CONFIRM_DEPARTMENT_ID, 'confirmUserList');
              // this.getUserList(this.pd.ACCEPT_DEPARTMENT_ID, 'acceptUserList');
              // this.getUserList(this.pd.WORK_START_DEPARTMENT_ID, 'workstartUserList');
              // this.getUserList(this.pd.WORK_END_DEPARTMENT_ID, 'workendUserList');
              this.getWorkUserList();
              if(this.pd.WORK_LEVEL && this.pd.APPLY_DEPARTMENT_ID){
                this.getConfigurationUser(this.pd.WORK_LEVEL,this.pd.APPLY_DEPARTMENT_ID)
              }
              // else {
              //   this.getUserList(this.pd.LEADER_DEPARTMENT_ID, 'leaderUserList');
              //   this.getUserList(this.pd.AUDIT_DEPARTMENT_ID, 'auditUserList');
              //   this.getUserList(this.pd.APPROVE_DEPARTMENT_ID, 'approveUserList');
              //   this.getUserList(this.pd.MONITOR_DEPARTMENT_ID, 'monitorUserList');
              //   this.getUserList(this.pd.PROJECT_MANAGER_DEPARTMENT_ID, 'projectmanagerUserList');
              //
              // }
              this.getApplyWorkshopDept(this.pd.APPLY_DEPARTMENT_ID)
              this.searchAnalyzePerson = res.data.pd.ANALYZE_DEPT_POST_NAME
              this.searchGuardianPerson = res.data.pd.GUARDIAN_DEPT_POST_NAME
              this.searchConfirmPerson = res.data.pd.CONFIRM_DEPT_POST_NAME
              this.searchWorkStartPerson = res.data.pd.WORK_START_DEPT_POST_NAME
              this.searchAcceptPerson = res.data.pd.ACCEPT_DEPT_POST_NAME
            } else {
              this.getSigns()
              this.getMeasures()
            }
          } else if ("exception" == data.result) {
            uni.showToast({
              title: '错误',
              duration: 2000
            });
          }
        }
      });
    },

    getSigns() {
      var _this = this;
      uni.showLoading({
        title: '请稍候'
      })
      uni.request({
        url: basePath + '/app/hotwork/listSignFinished',
        method: 'POST',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          HOTWORK_ID: _this.pd.HOTWORK_ID,
        },
        success: (res) => {
          if ("success" == res.data.result) {
            uni.hideLoading();
            _this.signs = res.data.signs; //参数map
          } else if ("exception" == data.result) {
            uni.showToast({
              title: '错误',
              duration: 2000
            });
          }
        }
      });
    },

    getMeasures() {
      var _this = this;
      uni.showLoading({
        title: '请稍候'
      })
      uni.request({
        url: basePath + '/app/hotwork/listSignFinishMeasures',
        method: 'POST',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          HOTWORK_ID: _this.pd.HOTWORK_ID,
        },
        success: (res) => {
          if ("success" == res.data.result) {
            uni.hideLoading();
            _this.measuresList = res.data.finishMeasuresList; //参数map
          } else if ("exception" == data.result) {
            uni.showToast({
              title: '错误',
              duration: 2000
            });
          }
        }
      });
    },

    ViewShowImage(url) {
      let files = [];
      files.push(url)
      uni.previewImage({
        urls: files,
        current: 0
      });
    },
    ViewShowImage1(url) {
      let files1 = [];
      files1.push(url)
      uni.previewImage({
        urls: files1,
        current: 0
      });
    },
    goSubmit(STATUS) {
      var _this = this;
      let required = true
      uni.showLoading({
        title: '请稍候'
      })
      if (STATUS === '1'){
        if (!this.pd.LEADER_USER_ID) {
          uni.showToast({
            icon: 'none',
            title: '请先配置动火作业模版',
            duration: 1500
          });
          return;
        }
      }
      if (STATUS === '1') {
        if (_this.conimgList.length <= 0) {
          uni.showToast({
            icon: 'none',
            title: '请上传教育培训记录',
            duration: 1500
          });
          return;
        }
      }
      if (STATUS === '1') {
        if (_this.siteimgList.length <= 0) {
          uni.showToast({
            icon: 'none',
            title: '请上传动火现场草图',
            duration: 1500
          });
          return;
        }
      }
      if (STATUS === '1') {

        for (const { name, message } of this.rules) {
          if (!this.pd[name]) {
            uni.showToast({
              icon: 'none',
              title: message,
              duration: 1500
            });
            required = false;
            break; // 一旦发现校验不通过，就停止后续校验
          }
        }

        // if (this.pd.WORK_LEVEL !== '二级') {
        //   if (!this.pd.APPROVE_USER_ID) {
        //     uni.showToast({
        //       icon: 'none',
        //       title: '请选择煤气防护站负责人',
        //       duration: 1500
        //     });
        //     required = false
        //   }
        //   if (!this.pd.MONITOR_USER_ID) {
        //     uni.showToast({
        //       icon: 'none',
        //       title: '请选择生产安环部负责人',
        //       duration: 1500
        //     });
        //     required = false
        //   }
        //
        // }
        //
        // if (this.pd.WORK_LEVEL !== '二级' && this.pd.WORK_LEVEL !== '一级') {
        //   if (!this.pd.PROJECT_MANAGER_USER_ID) {
        //     uni.showToast({
        //       icon: 'none',
        //       title: '请选择公司领导',
        //       duration: 1500
        //     });
        //     required = false
        //   }
        // }

        if (!required) {
          return
        }
      }
      const formData = {}
      Object.keys(this.pd).map(key => {
        formData[key] = this.pd[key]
      })
      console.log('1234567894561')
      formData.CORPINFO_ID = corpinfoId
      formData.CREATOR = loginUser.USER_ID
      formData.APPLY_START_DATE = this.pd.APPLY_START_DATE
      formData.APPLY_END_DATE = this.pd.APPLY_END_DATE
      formData.OPERATOR = loginUser.USER_ID
      formData.ACTION_USER = loginUser.NAME
      formData.APPLY_STATUS = STATUS
      formData.EDU_FILE_PATH = this.conimgList.map(item => {
        return item.filePath
      }).join(",")
      formData.SITE_FILE_PATH = this.siteimgList.map(item => {
        return item.filePath
      }).join(",")
      if (this.pd.WORK_LEVEL === '特级') {
        formData.TASK_ID = 1
      } else if (this.pd.WORK_LEVEL === '一级') {
        formData.TASK_ID = 2
      } else if (this.pd.WORK_LEVEL === '二级') {
        formData.TASK_ID = 3
      }
      this.buttonloading = true
      uni.request({
        url: basePath + "app/hotwork/" + _this.msg,
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          ...formData,
          CORPINFO_ID: loginUser.CORPINFO_ID,
          USER_ID: loginUser.USER_ID,
          STEP_ID: STATUS
        },
        success: (res) => {
          uni.showToast({
            icon: 'none',
            title: '保存成功',
            duration: 2000
          });
          _this.goback()
          this.buttonloading = false
        },
        fail: (err) => {
          uni.hideLoading();
          uni.showModal({
            content: err.errMsg,
            showCancel: false
          });
        }
      })
    },
    changeStartDate(e) {
      const ww = require('chinese-workday');
      const isHoliday = ww.isHoliday;
      this.pd.APPLY_START_DATE = e
      const hours = this.getHours(this.pd.APPLY_START_DATE); // 返回 14
      if (hours >= 18 || hours < 6 || isHoliday(e)) {
        uni.showModal({
          title: '提示',
          cancelText: '确认',
          confirmText: '取消',
          content: isHoliday(e) ? '是否进行节假日作业' : '是否进行夜间作业？',
        });
      }
      this.$forceUpdate();//强制刷新
    },

    changeEndDate(e) {
      const ww = require('chinese-workday');
      const isHoliday = ww.isHoliday;
      this.pd.APPLY_END_DATE = e
      const hours = this.getHours(this.pd.APPLY_END_DATE); // 返回 14
      if (hours >= 18 || hours < 6 || isHoliday(e)) {
        uni.showModal({
          title: '提示',
          cancelText: '确认',
          confirmText: '取消',
          content: isHoliday(e) ? '是否进行节假日作业' : '是否进行夜间作业？',
        });
      }
      this.$forceUpdate();//强制刷新
    },
    getHours(dateString) {
      const date = new Date(dateString);
      if (isNaN(date.getTime())) {
        throw new Error('Invalid date string');
      }
      return date.getHours();
    },
    levelChange(e) {
      this.levelindex = e.detail.value;
      this.pd.WORK_LEVEL = this.levelList[this.levelindex].name;
      console.log(e.detail.value)
      if (e.detail.value == '2' || e.detail.value == '1' || e.detail.value == '0') {
        this.pd.AUDIT_DEPARTMENT_ID = '';
        this.pd.AUDIT_DEPARTMENT_NAME = '';
        this.pd.AUDIT_USER_ID = '';
        this.pd.AUDIT_USER_NAME = '';
        this.pd.APPROVE_DEPARTMENT_ID = '';
        this.pd.APPROVE_DEPARTMENT_NAME = '';
        this.pd.APPROVE_USER_ID = '';
        this.pd.APPROVE_USER_NAME = '';
        this.pd.LEADER_DEPARTMENT_ID = '';
        this.pd.LEADER_DEPARTMENT_NAME = '';
        this.pd.LEADER_USER_ID = '';
        this.pd.LEADER_USER_NAME = '';
        this.pd.PROJECT_MANAGER_DEPARTMENT_ID = '';
        this.pd.PROJECT_MANAGER_DEPARTMENT_NAME = '';
        this.pd.PROJECT_MANAGER_USER_ID = '';
        this.pd.PROJECT_MANAGER_USER_NAME = '';
        this.pd.MONITOR_DEPARTMENT_ID = '';
        this.pd.MONITOR_DEPARTMENT_NAME = '';
        this.pd.MONITOR_USER_ID = '';
        this.pd.MONITOR_USER_NAME = '';
      }
      // if (e.detail.value == '1') {
      //   this.pd.APPROVE_DEPARTMENT_ID = '';
      //   this.pd.APPROVE_DEPARTMENT_NAME = '';
      //   this.pd.APPROVE_USER_ID = '';
      //   this.pd.APPROVE_USER_NAME = '';
      // }
      // if (e.detail.value == '0') {
      //   this.pd.SAFETY_DEPARTMENT_ID = '';
      //   this.pd.SAFETY_DEPARTMENT_NAME = '';
      //   this.pd.SAFETY_USER_ID = '';
      //   this.pd.SAFETY_USER_NAME = '';
      // }
      if(this.pd.WORK_LEVEL && this.pd.APPLY_DEPARTMENT_ID){
        this.getConfigurationUser(this.pd.WORK_LEVEL,this.pd.APPLY_DEPARTMENT_ID)
      }
      this.$forceUpdate(); //强制刷新
    },
    getConfigurationUser(WORK_LEVEL, APPLY_DEPARTMENT_ID){
      uni.request({
        url: basePath + '/app/hotwork/getConfigurationUser', //部门下拉接口
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        data: {
          CORPINFO_ID: loginUser.CORPINFO_ID,
          WORK_LEVEL,
          APPLY_DEPARTMENT_ID,
          USER_ID: loginUser.USER_ID,
        },
        success: (res) => {
          console.log(res.data.pd)
          if(res.data.pd){
            this.pd = {...this.pd,...res.data.pd};
            this.DISABLED = this.pd.DISABLED
          }else {
            console.log(11111)
            this.pd.AUDIT_DEPARTMENT_ID = '';
            this.pd.AUDIT_DEPARTMENT_NAME = '';
            this.pd.AUDIT_USER_ID = '';
            this.pd.AUDIT_USER_NAME = '';
            this.pd.APPROVE_DEPARTMENT_ID = '';
            this.pd.APPROVE_DEPARTMENT_NAME = '';
            this.pd.APPROVE_USER_ID = '';
            this.pd.APPROVE_USER_NAME = '';
            this.pd.LEADER_DEPARTMENT_ID = '';
            this.pd.LEADER_DEPARTMENT_NAME = '';
            this.pd.LEADER_USER_ID = '';
            this.pd.LEADER_USER_NAME = '';
            this.pd.PROJECT_MANAGER_DEPARTMENT_ID = '';
            this.pd.PROJECT_MANAGER_DEPARTMENT_NAME = '';
            this.pd.PROJECT_MANAGER_USER_ID = '';
            this.pd.PROJECT_MANAGER_USER_NAME = '';
            this.pd.MONITOR_DEPARTMENT_ID = '';
            this.pd.MONITOR_DEPARTMENT_NAME = '';
            this.pd.MONITOR_USER_ID = '';
            this.pd.MONITOR_USER_NAME = '';
            uni.showToast({
              icon: 'none',
              title: '请先配置动火作业模版',
              duration: 1500
            });
            return;
          }
        }
      });
    },
    getDept() {
      uni.showLoading({
        title: '请稍候'
      })
      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: loginUser.CORPINFO_ID,
          USER_ID: loginUser.USER_ID,
        },
        success: (res) => {
          if ("success" == res.data.result) {
            _this.treeNode = eval(res.data.zTreeNodes);
            setTimeout(() => {
              uni.hideLoading();
            }, 2000);
          } else {
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      });
    },
    //获取人员列表
    getUserList(dept, list, i) {
      //发送 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: dept,
          tm: new Date().getTime(),
          CORPINFO_ID: loginUser.CORPINFO_ID,
          USER_ID: loginUser.USER_ID,
        },
        success: function (res) {
          if ("success" == res.data.result) {
            if (i > -1) {
              _this[list][i] = [];
              _this[list][i] = res.data.userList;
              _this.$forceUpdate(); //强制刷新
            } else {
              _this[list] = res.data.userList;
            }
          } else {
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      })
    },
    getWorkUserList() {
      //发送 post 请求
      uni.showLoading({
        title: '请稍候'
      })
      var _this = this
      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/app/hotwork/namelist',
        data: {
          tm: new Date().getTime(),
          CORPINFO_ID: loginUser.CORPINFO_ID,
          USER_ID: loginUser.USER_ID,
        },
        success: function (res) {
          if ("success" == res.data.result) {
            _this.workUserList = res.data.varList
            console.log(_this.workUserList)
            setTimeout(() => {
              uni.hideLoading();
            }, 2000);

          } else {
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      })
    },

    getPlsList() {
      uni.showLoading({
        title: '请稍候'
      })
      var _this = this
      uni.request({
        method: 'POST',
        dataType: 'json',
        header: {
          'Content-type': 'application/x-www-form-urlencoded'
        },
        url: basePath + '/app/electronicFence/listTree',
        data: {
          CORPINFO_ID: loginUser.CORPINFO_ID,
        },
        success: function (res) {
          if ("success" == res.data.result) {
            _this.plsNode = eval(res.data.zTreeNodes);
            setTimeout(() => {
              uni.hideLoading();
            }, 2000);
          } else {
            uni.showToast({
              title: res.data.message,
              duration: 2000
            });
          }
        }
      })
    },

    isBlankList(userType) {
      switch (userType) {
        case 'analyze':
          if (this.analyzeUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择分析单位',
              duration: 1500
            })
          }
          break
        case 'confirm':
          if (this.confirmUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择区域负责人单位',
              duration: 1500
            })
          }
          break
        case 'guardian':
          if (this.guardianUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择监护人单位',
              duration: 1500
            })
          }
          break
          // case 'confess':
          //   if (this.confessUserList.length == 0) {
          //     uni.showToast({
          //       icon: 'none',
          //       title: '请先选择安全交底人单位',
          //       duration: 1500
          //     })
          //   }
          //   break
          // case 'acceptconfess':
          //   if (this.acceptconfessUserList.length == 0) {
          //     uni.showToast({
          //       icon: 'none',
          //       title: '请先选择接受交底人单位',
          //       duration: 1500
          //     })
          //   }
          //   break
        case 'workstart':
          if (this.workstartUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择作业时间负责人单位',
              duration: 1500
            })
          }
          break
          // case 'workend':
          //   if (this.workendUserList.length == 0) {
          //     uni.showToast({
          //       icon: 'none',
          //       title: '请先选择作业结束负责人单位',
          //       duration: 1500
          //     })
          //   }
          //   break
        case 'leader':
          if (this.leaderUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择单位车间安全部单位',
              duration: 1500
            })
          }
          break
        case 'audit':
          if (this.auditUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择动火单位',
              duration: 1500
            })
          }
          break

        case 'approve':
          if (this.approveUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选安全科',
              duration: 1500
            })
          }
          break
        case 'monitor':
          if (this.monitorUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择生产部',
              duration: 1500
            })
          }
          break
        case 'projectmanager':
          if (this.projectmanagerUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择公司领导',
              duration: 1500
            })
          }
          break
        case 'accept':
          if (this.acceptUserList.length == 0) {
            uni.showToast({
              icon: 'none',
              title: '请先选择验收部门',
              duration: 1500
            })
          }
          break
      }
    },
    cancelSelect(dept) {
      if (dept === 'monitor') {
        this.pd.MONITOR_DEPARTMENT_ID = ''
        this.pd.MONITOR_DEPARTMENT_NAME = ''
        this.pd.MONITOR_USER_ID = ''
        this.pd.MONITOR_USER_NAME = ''
        this.monitorUserList = []
        this.monitorindex = -1
        this.$refs.tkiTree_monitor._reTreeList()
        this.$refs.tkiTree_monitor._initTree(this.treeNode)
      }
      if( dept === 'approve'){
        this.pd.APPROVE_DEPARTMENT_ID = ''
        this.pd.APPROVE_DEPARTMENT_NAME = ''
        this.pd.APPROVE_USER_ID = ''
        this.pd.APPROVE_USER_NAME = ''
        this.approveUserList = []
        this.approveindex = -1
        this.$refs.tkiTree_approve._reTreeList()
        this.$refs.tkiTree_approve._initTree(this.treeNode)
      }
      if (dept === 'projectmanager') {
        this.pd.PROJECT_MANAGER_DEPARTMENT_ID = ''
        this.pd.PROJECT_MANAGER_DEPARTMENT_NAME = ''
        this.pd.PROJECT_MANAGER_USER_ID = ''
        this.pd.PROJECT_MANAGER_USER_NAME = ''
        this.projectmanagerUserList = []
        this.projectmanagerindex = -1
        this.$refs.tkiTree_projectmanager._reTreeList()
        this.$refs.tkiTree_projectmanager._initTree(this.treeNode)
      }
    },

    /*
     *安全交底人
     */
    // 确定回调事件
    confesstreeConfirm(e) {
      this.isUps = false;
      this.pd.CONFESS_DEPARTMENT_ID = e[0].id;
      this.pd.CONFESS_DEPARTMENT_NAME = e[0].name;
      this.pd.CONFESS_USER_ID = ''
      this.pd.CONFESS_USER_NAME = ''
      this.searchConfess = ''
      this.showConfessDropdown = false
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'confessUserList');
    },
    /*
     *接受交底人
     */
    // 确定回调事件
    confesstreeAcceptconfirm(e) {
      this.isUps = false;
      this.pd.ACCEPT_CONFESS_DEPARTMENT_ID = e[0].id;
      this.pd.ACCEPT_CONFESS_DEPARTMENT_NAME = e[0].name;
      this.pd.ACCEPT_CONFESS_USER_ID = ''
      this.pd.ACCEPT_CONFESS_USER_NAME = ''
      this.searchAcceptconfess = ''
      this.showAcceptconfessDropdown = false
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'acceptconfessUserList');
    },
    /*
     *接受交底人
     */
    // 确定回调事件
    confesstreeWorkstart(e) {
      this.isUps = false;
      this.pd.WORK_START_DEPARTMENT_ID = e[0].id;
      this.pd.WORK_START_DEPARTMENT_NAME = e[0].name;
      this.pd.WORK_START_USER_ID = ''
      this.pd.WORK_START_USER_NAME = ''
      this.searchWorkstart = ''
      this.showWorkstartDropdown = false
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'workstartUserList');
    },
    confesstreeWorkend(e) {
      this.isUps = false;
      this.pd.WORK_END_DEPARTMENT_ID = e[0].id;
      this.pd.WORK_END_DEPARTMENT_NAME = e[0].name;
      this.pd.WORK_END_USER_ID = ''
      this.pd.WORK_END_USER_NAME = ''
      this.searchWorkend = ''
      this.showWorkendDropdown = false
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'workendUserList');
    },
    // 取消回调事件
    guardiantreeCancel(e) {
      this.isUps = false;
    },
    // 取消回调事件
    confesstreeCancel(e) {
      this.isUps = false;
    },
    // 取消回调事件
    acceptconfesstreeCancel(e) {
      this.isUps = false;
    },
    workstarttreeCancel(e) {
      this.isUps = false;
    },
    workendtreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showGuardianTree() {
      this.isUps = true
      this.$refs.tkiTree_guardian._show();
    },
    // 显示树形选择器
    showConfessTree() {
      this.isUps = true
      this.$refs.tkiTree_confess._show();
    },
    // 显示树形选择器
    showAcceptconfessTree() {
      this.isUps = true
      this.$refs.tkiTree_acceptconfess._show();
    },
    showWorkstartTree() {
      this.isUps = true
      this.$refs.tkiTree_workstart._show();
    },
    showWorkendTree() {
      this.isUps = true
      this.$refs.tkiTree_workend._show();
    },
    PickerGuardian(e) {
      this.guardianindex = e.detail.value;
      this.pd.GUARDIAN_USER_ID = this.guardianUserList[this.guardianindex].USER_ID;
      this.pd.GUARDIAN_USER_NAME = this.guardianUserList[this.guardianindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    PickerConfess(e) {
      this.confessindex = e.detail.value;
      this.pd.CONFESS_USER_ID = this.confessUserList[this.confessindex].USER_ID;
      this.pd.CONFESS_USER_NAME = this.confessUserList[this.confessindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    PickerAcceptconfess(e) {
      this.acceptconfessindex = e.detail.value;
      this.pd.ACCEPT_CONFESS_USER_ID = this.acceptconfessUserList[this.acceptconfessindex].USER_ID;
      this.pd.ACCEPT_CONFESS_USER_NAME = this.acceptconfessUserList[this.acceptconfessindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    PickerWorkstart(e) {
      this.workstartindex = e.detail.value;
      this.pd.WORK_START_USER_ID = this.workstartUserList[this.workstartindex].USER_ID;
      this.pd.WORK_START_USER_NAME = this.workstartUserList[this.workstartindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    PickerWorkend(e) {
      this.workendindex = e.detail.value;
      this.pd.WORK_END_USER_ID = this.workendUserList[this.workendindex].USER_ID;
      this.pd.WORK_END_USER_NAME = this.workendUserList[this.workendindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    /*
     *分析人
     */
    // 确定回调事件
    analyzetreeConfirm(e) {
      this.isUps = false;
      this.pd.ANALYZE_DEPARTMENT_ID = e[0].id;
      this.pd.ANALYZE_DEPARTMENT_NAME = e[0].name;
      this.pd.ANALYZE_USER_ID = ''; // 清空分析人ID
      this.pd.ANALYZE_USER_NAME = ''; // 清空分析人名称
      this.searchAnalyze = ''; // 清空搜索输入框
      this.showAnalyzeDropdown = false;
      this.$forceUpdate(); // 强制刷新
      this.getUserList(e[0].id, 'analyzeUserList'); // 获取新部门下的分析人列表
    },
    // 取消回调事件
    analyzetreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showAnalyzeTree() {
      this.isUps = true
      this.$refs.tkiTree_analyze._show();
    },
    PickerAnalyze(e) {
      this.analyzeindex = e.detail.value;
      this.pd.ANALYZE_USER_ID = this.analyzeUserList[this.analyzeindex].USER_ID;
      this.pd.ANALYZE_USER_NAME = this.analyzeUserList[this.analyzeindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    PickerWorkuser(e) {
      this.workuserindex = e.detail.value;
      this.pd.WORK_USER_ID = this.workUserList[this.workuserindex].USER_ID;
      this.pd.WORK_USER = this.workUserList[this.workuserindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    PickerApplyDept(e){
      this.applyDeptindex = e.detail.value;
      this.pd.APPLY_DEPARTMENT_ID = this.applyDeptList[this.applyDeptindex].department_ID;
      this.pd.APPLY_DEPARTMENT_NAME = this.applyDeptList[this.applyDeptindex].name;
      if(this.pd.WORK_LEVEL && this.pd.APPLY_DEPARTMENT_ID){
        this.pd.DISABLED = ""
        this.getConfigurationUser(this.pd.WORK_LEVEL,this.pd.APPLY_DEPARTMENT_ID)
      }
      this.pd.APPLY_WORKSHOP_DEPARTMENT_ID = ""
      this.pd.APPLY_WORKSHOP_DEPARTMENT_NAME = ""

      this.getApplyWorkshopDept(this.pd.APPLY_DEPARTMENT_ID)
      this.$forceUpdate(); //强制刷新
    },
    PickerApplyWorkshopDept(e){
      this.applyWorkshopDeptindex = e.detail.value;
      this.pd.APPLY_WORKSHOP_DEPARTMENT_ID = this.applyWorkshopDeptList[this.applyWorkshopDeptindex].department_ID;
      this.pd.APPLY_WORKSHOP_DEPARTMENT_NAME = this.applyWorkshopDeptList[this.applyWorkshopDeptindex].name;
      this.$forceUpdate(); //强制刷新
    },
    /*
     *确认人
     */
    // 确定回调事件
    confirmtreeConfirm(e) {
      this.isUps = false;
      this.pd.CONFIRM_DEPARTMENT_ID = e[0].id;
      this.pd.CONFIRM_DEPARTMENT_NAME = e[0].name;
      this.pd.CONFIRM_USER_ID = ''
      this.pd.CONFIRM_USER_NAME = ''
      this.searchConfirm = ''; // 清空搜索输入框
      this.showConfirmDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'confirmUserList');
    },
    // 取消回调事件
    confirmtreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showConfirmTree() {
      this.isUps = true
      this.$refs.tkiTree_confirm._show();
    },
    PickerConfirm(e) {
      this.confirmindex = e.detail.value;
      this.pd.CONFIRM_USER_ID = this.confirmUserList[this.confirmindex].USER_ID;
      this.pd.CONFIRM_USER_NAME = this.confirmUserList[this.confirmindex].NAME;
      this.$forceUpdate(); //强制刷新
    },

    /*
     *监护人
     */
    // 确定回调事件
    guardiantreeConfirm(e) {
      this.isUps = false;
      this.pd.GUARDIAN_DEPARTMENT_ID = e[0].id;
      this.pd.GUARDIAN_DEPARTMENT_NAME = e[0].name;
      this.pd.GUARDIAN_USER_ID = ''
      this.pd.GUARDIAN_USER_NAME = ''
      this.searchGuardian = ''; // 清空搜索输入框
      this.showGuardianDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'guardianUserList');
    },
    // // 取消回调事件
    // guardiantreeCancel(e) {
    // 	this.isUps=false;
    // },
    // // 显示树形选择器
    // showGuardianTree() {
    // 	this.isUps=true
    // 	this.$refs.tkiTree_guardian._show();
    // },
    // PickerGuardian(e) {
    // 	this.guardianindex = e.detail.value;
    // 	this.pd.GUARDIAN_USER_ID=this.guardianUserList[this.guardianindex].USER_ID;
    // 	this.pd.GUARDIAN_USER_NAME=this.guardianUserList[this.guardianindex].NAME;
    // 	this.$forceUpdate();//强制刷新
    // },


    /*
     *单位领导
     */
    // 确定回调事件
    leadertreeConfirm(e) {
      this.isUps = false;
      this.pd.LEADER_DEPARTMENT_ID = e[0].id;
      this.pd.LEADER_DEPARTMENT_NAME = e[0].name;
      this.pd.LEADER_USER_ID = ''
      this.pd.LEADER_USER_NAME = ''
      this.searchLeader = '';
      this.showLeaderDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'leaderUserList');
    },
    // 取消回调事件
    leadertreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showLeaderTree() {
      this.isUps = true
      this.$refs.tkiTree_leader._show();
    },
    PickerLeader(e) {
      this.leaderindex = e.detail.value;
      this.pd.LEADER_USER_ID = this.leaderUserList[this.leaderindex].USER_ID;
      this.pd.LEADER_USER_NAME = this.leaderUserList[this.leaderindex].NAME;
      this.$forceUpdate(); //强制刷新
    },

    /*
     *安全管理部门负责人
     */
    // 确定回调事件
    audittreeConfirm(e) {
      this.isUps = false;
      this.pd.AUDIT_DEPARTMENT_ID = e[0].id;
      this.pd.AUDIT_DEPARTMENT_NAME = e[0].name;
      this.pd.AUDIT_USER_ID = ''
      this.pd.AUDIT_USER_NAME = ''
      this.searchAudit = ''; // 清空搜索输入框
      this.showAuditDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'auditUserList');
    },
    // 取消回调事件
    audittreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showAuditTree() {
      this.isUps = true
      this.$refs.tkiTree_audit._show();
    },
    PickerAudit(e) {
      this.auditindex = e.detail.value;
      this.pd.AUDIT_USER_ID = this.auditUserList[this.auditindex].USER_ID;
      this.pd.AUDIT_USER_NAME = this.auditUserList[this.auditindex].NAME;
      this.$forceUpdate(); //强制刷新
    },


    /*
     *审批人
     */
    // 确定回调事件
    approvetreeConfirm(e) {
      this.isUps = false;
      this.pd.APPROVE_DEPARTMENT_ID = e[0].id;
      this.pd.APPROVE_DEPARTMENT_NAME = e[0].name;
      this.pd.APPROVE_USER_ID = ''
      this.pd.APPROVE_USER_NAME = ''
      this.searchApprove = ''; // 清空搜索输入框
      this.showApproveDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'approveUserList');
    },
    // 取消回调事件
    approvetreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showApproveTree() {
      this.isUps = true
      this.$refs.tkiTree_approve._show();
    },
    PickerApprove(e) {
      this.approveindex = e.detail.value;
      this.pd.APPROVE_USER_ID = this.approveUserList[this.approveindex].USER_ID;
      this.pd.APPROVE_USER_NAME = this.approveUserList[this.approveindex].NAME;
      this.$forceUpdate(); //强制刷新
    },

    /*
     *在岗班长
     */
    // 确定回调事件
    monitortreeConfirm(e) {
      this.isUps = false;
      this.pd.MONITOR_DEPARTMENT_ID = e[0].id;
      this.pd.MONITOR_DEPARTMENT_NAME = e[0].name;
      this.pd.MONITOR_USER_ID = ''
      this.pd.MONITOR_USER_NAME = ''
      this.searchMonitor = ''; // 清空搜索输入框
      this.showMonitorDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'monitorUserList');
    },
    // 取消回调事件
    monitortreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showMonitorTree() {
      this.isUps = true
      this.$refs.tkiTree_monitor._show();
    },
    PickerMonitor(e) {
      this.monitorindex = e.detail.value;
      this.pd.MONITOR_USER_ID = this.monitorUserList[this.monitorindex].USER_ID;
      this.pd.MONITOR_USER_NAME = this.monitorUserList[this.monitorindex].NAME;
      this.$forceUpdate(); //强制刷新
    },

    // 确定回调事件
    projectmanagertreeConfirm(e) {
      this.isUps = false;
      this.pd.PROJECT_MANAGER_DEPARTMENT_ID = e[0].id;
      this.pd.PROJECT_MANAGER_DEPARTMENT_NAME = e[0].name;
      this.pd.PROJECT_MANAGER_USER_ID = ''
      this.pd.PROJECT_MANAGER_USER_NAME = ''
      this.searchProject = ''; // 清空搜索输入框
      this.showProjectDropdown = false;

      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'projectmanagerUserList');
    },
    // 取消回调事件
    projectmanagertreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showProjectManagerTree() {
      this.isUps = true
      this.$refs.tkiTree_projectmanager._show();
    },
    PickerProjectManager(e) {
      this.projectmanagerindex = e.detail.value;
      this.pd.PROJECT_MANAGER_USER_ID = this.projectmanagerUserList[this.projectmanagerindex].USER_ID;
      this.pd.PROJECT_MANAGER_USER_NAME = this.projectmanagerUserList[this.projectmanagerindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    /*
     *验收部门
     */
    // 确定回调事件
    accepttreeConfirm(e) {
      this.isUps = false;
      this.pd.ACCEPT_DEPARTMENT_ID = e[0].id;
      this.pd.ACCEPT_DEPARTMENT_NAME = e[0].name;
      this.pd.ACCEPT_USER_ID = ''
      this.pd.ACCEPT_USER_NAME = ''
      this.searchAccept = ''; // 清空搜索输入框
      this.showAcceptDropdown = false;
      this.$forceUpdate(); //强制刷新
      this.getUserList(e[0].id, 'acceptUserList');
    },
    // 取消回调事件
    accepttreeCancel(e) {
      this.isUps = false;
    },
    // 显示树形选择器
    showAcceptTree() {
      this.isUps = true
      this.$refs.tkiTree_accept._show();
    },
    PickerAccept(e) {
      this.acceptindex = e.detail.value;
      this.pd.ACCEPT_USER_ID = this.acceptUserList[this.acceptindex].USER_ID;
      this.pd.ACCEPT_USER_NAME = this.acceptUserList[this.acceptindex].NAME;
      this.$forceUpdate(); //强制刷新
    },
    showPlsTree() {
      this.isUps = true
      this.$refs.tkiTree_pls._show();
    },
    plstreeConfirm(e) {
      this.isUps = false;
      console.log(e[0])
      this.pd.PLS_ID = e[0].id;
      this.pd.PLS_NAME = e[0].name;
      this.$forceUpdate(); //强制刷新
    },
    // 取消回调事件
    plstreeCancel(e) {
      this.isUps = false;
    },


    // changeStartDate(e) {
    //   this.pd.WORK_START_DATE = e
    //   this.$forceUpdate(); //强制刷新
    // },
    // changeEndDate(e) {
    //   this.pd.WORK_END_DATE = e
    //   this.$forceUpdate(); //强制刷新
    // },

    goback() {
      var pages = getCurrentPages(); // 获取当前页面栈
      var prePage = pages[pages.length - 2]; // 上二级页面
      prePage.$vm.initflag = true; // A 页面 init方法 为true
      uni.navigateBack({
        delta: 1
      });
      uni.hideLoading();
    },
    radioType(e) {
      this.HASINSTRUCTOR = e.detail.value
    },
  }
}
</script>

<style>
.search-input {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 0 10px;
  height: 40px;
}

.search-icon {
  position: absolute;
  right: 10px;
  font-size: 18px;
  color: #666;
}


.dropdown view {
  padding: 8px 10px;
  cursor: pointer;
}

.dropdown view:hover {
  background: #f5f5f5;
}
.showbg{
  position: absolute;
  top: 45px;
  left: 0;
  background: #ffffff;
  line-height: 2.6;
  width: 100%;
  padding: 5px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  z-index: 999;
}
.cuIcon-right{
  position: absolute;
  right: -12px;
  top: -10px;
}
.cuIcon-right:before {
  content: "\e6a3";
  color: #999;
}

.list-item {
  padding: 14px 12px;
  border-bottom: 1px solid #9f9e9e;
  font-size: 28upx;
  color: #333;
}

</style>
