youxiw2000 / trash · Files

<template>
  <div class="app-container">
   <el-select v-model="queryParams.dept" filterable reserve-keyword >
      <el-option v-for="item in depts" :label="item.name"
                 :value="item.code" :key="item.code">
      </el-option>
    </el-select>
    <el-select v-model="queryParams.role" filterable reserve-keyword >
      <el-option v-for="item in roles" :label="item.name"
                 :value="item.code" :key="item.code">
      </el-option>
    </el-select>

    <el-input v-model="queryParams.name" placeholder="名称" style="width:200px;"></el-input>
   <!-- <el-select v-model="queryParams.name" filterable reserve-keyword :filter-method="remoteName"  placeholder="名称">
      <el-option v-for="item in names" :label="item" :value="item">
      </el-option>
    </el-select> -->

    <el-select v-model="queryParams.prev" filterable reserve-keyword  placeholder="上一节点">
      <el-option v-for="item in prev" :label="item.name" :value="item.name">
      </el-option>
    </el-select>
    <el-select v-model="queryParams.type" filterable reserve-keyword>
      <el-option label="建筑垃圾许可证审批" value="workflow_constructsite"/>
      <el-option label="消纳合同申报备案" value="workflow_conract"/>
      <el-option label="处理场所备案" value="workflow_earthsites"/>
      <el-option label="运输企业准入流程" value="workflow_company"/>
      <el-option label="运输车辆准入流程" value="workflow_vehicle"/>
      <el-option label="驾驶员信息审批" value="workflow_driver"/>
      <el-option label="报工审批" value="workflow_threestep"/>
      <el-option label="交办案卷" value="workflow_caseoffline"/>
      <el-option label="预警信息" value="workflow_casefile"/>
      <el-option label="预警提醒" value="violation_warning"/>
      <el-option label="办文办事" value="handleAffairs"/>
      <el-option label="后勤管理" value="logistics"/>
      <el-option label="会议事务" value="conference"/>
      <el-option label="假勤管理" value="workflow_leave"/>
      <el-option label="纪检督察" value="supervision-gongdi,supervision_anjuan,supervision_company,supervision_xnc,supervision_casefile,supervision_contract,workflow_supervision"/>
    </el-select>

    <el-button type="primary" size="mini" @click="queryParams.pageNum = 1;getList();">搜索</el-button>
    <el-button size="mini" @click="resetQuery">重置</el-button>


    <taskCard :task="task" v-for="task in taskList" @sendToParent="showTask"/>

    <pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
                @pagination="getList"/>

    <!-- 审批对话框 -->
    <el-dialog :title="title" :visible.sync="open" v-if="open" width="500px" append-to-body>

      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId ,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId ,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="open2" width="800px" append-to-body>
      <threestepInfo :businessKey="businessKey" v-if="open2"/>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-row type="flex" justify="center">
          <el-col>
            <el-form-item label="补充说明" prop="subReason">
              <el-input type="textarea" v-model="form.subReason" maxlength=100 show-word-limit='true'/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col :span="12">
            <el-form-item label="渣管负责人">
              <el-input v-model="form.earthPipPerson"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="执法负责人">
              <el-input v-model="form.enforcePerson"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col>
            上传补充材料:<a style="color:blue;font-size: 12px;" @click="picSample=true">示意图</a>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center" style="margin-top: 20px;">
          <el-col :span="6">
            <span style="color: red;" >*</span>
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(0)">履职情况照片</a>
            <br/>
            <el-image v-for="item in slides[0]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img0" type="hidden"></el-input>
            <p v-for="img in form.sub_img0">{{ img.split(":")[0] }}<a @click="removeImage(0,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="6">
            <span style="color: red;" >*</span>
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(1)">水枪水嘴照片</a>
            <br/>
            <el-image v-for="item in slides[1]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img1" type="hidden"></el-input>
            <p v-for="img in form.sub_img1">{{ img.split(":")[0] }}<a @click="removeImage(1,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="6">
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(2)">照明照片</a>
            <br/>
            <el-image v-for="item in slides[2]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img2" type="hidden"></el-input>
            <p v-for="img in form.sub_img2">{{ img.split(":")[0] }}<a @click="removeImage(2,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="6">
            <span style="color: red;" >*</span>
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(3)">视频监控照片</a>
            <br/>
            <el-image v-for="item in slides[3]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img3" type="hidden"></el-input>
            <p v-for="img in form.sub_img3">{{ img.split(":")[0] }}<a @click="removeImage(3,img)" style="color:red">
              x</a>
            </p>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col :span="6">
            <span style="color: red;" >*</span>
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(4)">洗车机照片</a>
            <br/>
            <el-image v-for="item in slides[4]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img4" type="hidden"></el-input>
            <p v-for="img in form.sub_img4">{{ img.split(":")[0] }}<a @click="removeImage(4,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="6">
            <span style="color: red;" >*</span>
            <a style="color:blue;font-size: 12px;"
               @click="showFileUpload(5)">{{ form.type == 0 ? "摄像头视频截图1" : "洗车设施照片" }}</a>
            <br/>
            <el-image v-for="item in slides[5]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img5" type="hidden"></el-input>
            <p v-for="img in form.sub_img5">{{ img.split(":")[0] }}<a @click="removeImage(5,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="6">
            <span style="color: red;" v-if="form.type == 0">*</span>
            <a style="color:blue;font-size: 12px;"
               @click="showFileUpload(6)">{{ form.type == 0 ? "摄像头视频截图2" : "雾炮机" }}</a>
            <br/>
            <el-image v-for="item in slides[6]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img6" type="hidden"></el-input>
            <p v-for="img in form.sub_img6">{{ img.split(":")[0] }}<a @click="removeImage(6,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="6">
            <span style="color: red;" >*</span>
            <a style="color:blue;font-size: 12px;"
               @click="showFileUpload(7)">{{ form.type == 0 ? "摄像头视频截图3" : "裸露黄土覆盖照片" }}</a>
            <br/>
            <el-image v-for="item in slides[7]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img7" type="hidden"></el-input>
            <p v-for="img in form.sub_img7">{{ img.split(":")[0] }}<a @click="removeImage(7,img)" style="color:red">
              x</a>
            </p>
          </el-col>
        </el-row>
        <el-row type="flex" justify="center">
          <el-col :span="5">
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(8)">其他1</a>
            <br/>
            <el-image v-for="item in slides[8]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img8" type="hidden"></el-input>
            <p v-for="img in form.sub_img8">{{ img.split(":")[0] }}<a @click="removeImage(8,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="5">
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(9)">其他2</a>
            <br/>
            <el-image v-for="item in slides[9]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img9" type="hidden"></el-input>
            <p v-for="img in form.sub_img9">{{ img.split(":")[0] }}<a @click="removeImage(9,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="5">
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(10)">其他3</a>
            <br/>
            <el-image v-for="item in slides[10]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img10" type="hidden"></el-input>
            <p v-for="img in form.sub_img10">{{ img.split(":")[0] }}<a @click="removeImage(10,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="5">
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(11)">其他4</a>
            <br/>
            <el-image v-for="item in slides[11]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img11" type="hidden"></el-input>
            <p v-for="img in form.sub_img11">{{ img.split(":")[0] }}<a @click="removeImage(11,img)" style="color:red">
              x</a>
            </p>
          </el-col>
          <el-col :span="4">
            <a style="color:blue;font-size: 12px;" @click="showFileUpload(12)">其他5</a>
            <br/>
            <el-image v-for="item in slides[12]"
                      style="width: 100px; height: 100px; margin: 5px;"
                      :src="item.url"
                      :preview-src-list="[item.url]"
                      :z-index="2000">
            </el-image>
            <el-input v-model="form.sub_img12" type="hidden"></el-input>
            <p v-for="img in form.sub_img12">{{ img.split(":")[0] }}<a @click="removeImage(12,img)" style="color:red">
              x</a>
            </p>
          </el-col>
        </el-row>
      </el-form>


      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId ,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId ,0)">通过</el-button>
      </div>
    </el-dialog>


    <el-dialog title="附件" :visible.sync="uploadImageDialog" append-to-body :beforeClose="handleClose">
      <el-upload multiple :headers="upload.headers" :action="upload.url" :file-list="fileList"
                 :on-success="uploadSuccess" :before-upload="beforeUpload">
        <el-button size="small" type="primary">选择附件</el-button>
        <div slot="tip" class="el-upload__tip">只能上传不超过 20MB 的jpg pdf word png文件</div>
      </el-upload>
      <div style="height: 40px;width:100%;">
        <el-button type="primary" style="margin-top: 20px;float:right;" @click="handleClose">关闭</el-button>
      </div>
    </el-dialog>

    <el-dialog title="示意图" :visible.sync="picSample" append-to-body>
      <img src="../../../assets/logo/logo.jpg" width="100%" height="800px"/>
    </el-dialog>

    <!--  会议管理  -->
    <el-dialog :title="title" :visible.sync="conferenceOpen" width="850px" append-to-body :close-on-click-modal="false">
      <conferenceInfo :idInfo="idInfo" v-if="conferenceOpen"/>

      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>
<!--      <el-table :data="hisfromData" v-if="hisfromData != null">-->

<!--        <el-table-column label="处理意见" align="center" prop="controlValue"/>-->
<!--        <el-table-column label="处理人" align="center" prop="createName"/>-->
<!--        <el-table-column label="处理时间" align="center" prop="createTime"/>-->
<!--      </el-table>-->
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="conferenceSubmitForm(1)">驳回</el-button>
        <el-button type="primary" @click="conferenceSubmitForm(0)">通过</el-button>
      </div>
    </el-dialog>

    <!--  请假申请  -->
    <el-dialog :title="title" :visible.sync="leaveApplicationOpen" width="500px" append-to-body
               :close-on-click-modal="false">
      <leaveApplicationInfo :idInfo="idInfo" v-if="leaveApplicationOpen"/>
      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>
      <el-table :data="hisfromData" v-if="hisfromData != null">
        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="leaveApplicationSubmitForm(1)">驳回</el-button>
        <el-button type="primary" @click="leaveApplicationSubmitForm(0)">通过</el-button>
      </div>
    </el-dialog>


    <el-dialog :title="title" :visible.sync="construct" width="1500px" append-to-body>
      <companyInfo :businessKey="businessKey" :businessType="2" :signData="signData" v-if="construct"/>
       <div v-for="item in this.form.formData">
         <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                   placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
       </div>


     <el-table :data="hisfromData" v-if="hisfromData != null">
       <el-table-column label="处理意见" align="center" prop="controlValue"/>
       <el-table-column label="处理人" align="center" prop="createName"/>
       <el-table-column label="处理时间" align="center" prop="createTime"/>
     </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId ,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId ,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="earthsites" width="1500px" append-to-body>
      <companyInfo :businessKey="businessKey" :businessType="3" v-if="earthsites"/>
      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>

      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId ,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId ,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="contract" width="1500px" append-to-body>
      <companyInfo :businessKey="businessKey" :businessType="4"   v-if="contract"/>

      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>

      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId ,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId ,0)">通过</el-button>
      </div>
    </el-dialog>


    <!--  投放点  -->
    <el-dialog :title="title" :visible.sync="dropInfoOpen" width="500px" append-to-body
               :close-on-click-modal="false">
      <dropInfo :idInfo="idInfo" v-if="dropInfoOpen"/>
      <el-table :data="hisfromData" v-if="hisfromData != null">
        <div v-for="item in this.form.formData">
          <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                    placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
        </div>
        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

    <!--  后勤管理  -->
    <el-dialog :title="title" :visible.sync="logisticsInfoOpen" width="500px" append-to-body
               :close-on-click-modal="false">
      <logisticsInfo :idInfo="idInfo" v-if="logisticsInfoOpen"/>
      <el-table :data="hisfromData" v-if="hisfromData != null">
        <div v-for="item in this.form.formData">
          <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                    placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
        </div>
        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="logisticsInfoSubmitForm(1)">驳回</el-button>
        <el-button type="primary" @click="logisticsInfoSubmitForm(0)">通过</el-button>
      </div>
    </el-dialog>

    <!--  办文办事  -->
    <el-dialog :title="title" :visible.sync="handleAffairsInfoOpen" width="600px" append-to-body
               :close-on-click-modal="false">
      <handleInfo ref="handleAffairsInfoRef" :idInfo="idInfo" v-if="handleAffairsInfoOpen"
                  :businessKey="definitionKey"
                  :controlId="controlId"/>
      <el-form label-width="110px" v-if="definitionKey=='yuelan'">
        <el-form-item label="阅览部门:">
          <el-select ref="formDeptNameRef" v-model="deptName" placeholder="请选择部门" style="width: 100% "
                     @change="changeDepts">
            <el-option v-for="item in depts" :label="item.name" :value="item.code" :key="item.code"/>
          </el-select>
        </el-form-item>
        <el-form-item label="阅览人:">
          <treeselect v-model="users" :multiple="true" :options="options" placeholder="请选择" @select="handleSelect"/>
        </el-form-item>
      </el-form>
      <div v-for="item in this.form.formData">
          <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                    placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
        </div>


      <el-table :data="hisfromData" v-if="hisfromData != null">
        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>

      <div slot="footer" class="dialog-footer">
        <div slot="footer" class="dialog-footer">
          <el-button type="danger" @click="handleAffairsSubmitForm(1)"
                     v-if="controlId!='FormProperty_11p96vq' && controlId!='FormProperty_0d6ngk1' && definitionKey!='yuelanxuexi' && definitionKey!='yuelan'">
            驳回
          </el-button>
          <el-button type="primary" @click="handleAffairsSubmitForm(0)">通过</el-button>
        </div>
      </div>
    </el-dialog>

    <!--  线下案卷交办  -->
    <el-dialog :title="title" :visible.sync="caseOffline" width="600px" append-to-body :close-on-click-modal="false">
      <caseOfflineInfo :businessKey="businessKey" v-if="caseOffline"/>
      <el-form v-if="caseOffline" label-width="120px">
        <el-input v-model="form.reply" type="textarea" :rows="3" placeholder="回复意见">
        </el-input>
        <el-upload multiple :headers="upload.headers" :action="upload.url"
                   accept=".docx,.doc,.pdf,.png,.jpeg,.png,.jpg,.mp4,.avi"
                   :show-file-list="false"
                   :on-success="uploadSuccess1" :before-upload="beforeUpload">
          <el-button size="small" type="primary">选择附件</el-button>
          <div slot="tip" class="el-upload__tip">只能上传不超过 100MB 的jpg、png、pdf、word、avi、mp4文件</div>
        </el-upload>
        <el-image v-for="item in slides1"
                  style="width: 150px; height: 100px; margin: 5px;"
                  :src="item.url"
                  :preview-src-list="[item.url]"
                  :z-index="2000">
        </el-image>
        <div style="display: inline-block;margin: 5px;position: relative; width: 150px;height: 100px;overflow:hidden;"
             v-for="item in videoSrc1">
          <video width="100%" controls="controls" height="100%" :src="item.url"></video>
        </div>
        <div style="color: blue;" v-for="(img,index) in form.replyImg">{{ img.split("/")[img.split("/").length - 1] }}<a
          @click="removeAttchItem(index,img)" style="color:red;"> X</a></div>

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)"
                   v-if="this.taskName != '车辆所属企业'
                   && this.taskName != '渣土办科员' 
                   && getNotId(form.formData[0],'FormProperty_21sue5n')"
                   v-text="getLabel(form.formData[0],1)"></el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)" v-text="getLabel(form.formData[0],0)"></el-button>
      </div>
    </el-dialog>

    <!--  平台违规信息  -->
    <el-dialog :title="title" :visible.sync="violationCaseFile" width="850px" append-to-body
               :close-on-click-modal="false">
      <violationCaseFileInfo :idInfo="businessKey" v-if="violationCaseFile" :entryType="0"/>
      <el-form v-if="violationCaseFile" label-width="120px">
        <el-input v-model="form.reply" type="textarea" :rows="3" placeholder="回复意见">
        </el-input>
        <el-upload multiple :headers="upload.headers" :action="upload.url"
                   accept=".docx,.doc,.pdf,.png,.jpeg,.png,.jpg,.mp4,.avi"
                   :show-file-list="false"
                   :on-success="uploadSuccess1" :before-upload="beforeUpload">
          <el-button size="small" type="primary">选择附件</el-button>
          <div slot="tip" class="el-upload__tip">只能上传不超过 100MB 的jpg、png、pdf、word、avi、mp4文件</div>
        </el-upload>
        <el-image v-for="item in slides1"
                  style="width: 150px; height: 100px; margin: 5px;"
                  :src="item.url"
                  :preview-src-list="[item.url]"
                  :z-index="2000">
        </el-image>
        <div style="display: inline-block;margin: 5px;position: relative; width: 150px;height: 100px;overflow:hidden;"
             v-for="item in videoSrc1">
          <video width="100%" controls="controls" height="100%" :src="item.url"></video>
        </div>
        <div style="color: blue;" v-for="(img,index) in form.replyImg">{{ img.split("/")[img.split("/").length - 1] }}<a
          @click="removeAttchItem(index,img)" style="color:red;"> X</a></div>

      </el-form>


      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)"
                   v-if="this.taskName != '车辆所属企业' && this.taskName != '渣土办科员'
                    && getNotId(form.formData[0],'FormProperty_21sue5n')" v-text="getLabel(form.formData[0],1)">
        </el-button>
        <el-button type="primary"

        v-loading.fullscreen.lock="modalLoading"
        @click="submitForm(form.formData[0].controlId,0)" v-text="getLabel(form.formData[0],0)"></el-button>
      </div>
    </el-dialog>

    <!--  违规预警信息  -->
    <el-dialog :title="title" :visible.sync="violationCaseFile1" width="850px" append-to-body
               :close-on-click-modal="false">
      <violationWarningInformationInfo :idInfo="businessKey" v-if="violationCaseFile1" :entryType="0"/>
      <el-form v-if="violationCaseFile1" label-width="120px">
        <el-input v-model="form.reply" type="textarea" :rows="3" placeholder="回复意见">
        </el-input>
        <el-upload multiple :headers="upload.headers" :action="upload.url"
                   accept=".docx,.doc,.pdf,.png,.jpeg,.png,.jpg,.mp4,.avi"
                   :show-file-list="false"
                   :on-success="uploadSuccess1" :before-upload="beforeUpload">
          <el-button size="small" type="primary">选择附件</el-button>
          <div slot="tip" class="el-upload__tip">只能上传不超过 100MB 的jpg、png、pdf、word、avi、mp4文件</div>
        </el-upload>
        <el-image v-for="item in slides1"
                  style="width: 150px; height: 100px; margin: 5px;"
                  :src="item.url"
                  :preview-src-list="[item.url]"
                  :z-index="2000">
        </el-image>
        <div style="display: inline-block;margin: 5px;position: relative; width: 150px;height: 100px;overflow:hidden;"
             v-for="item in videoSrc1">
          <video width="100%" controls="controls" height="100%" :src="item.url"></video>
        </div>
        <div style="color: blue;" v-for="(img,index) in form.replyImg">{{ img.split("/")[img.split("/").length - 1] }}<a
          @click="removeAttchItem(index,img)" style="color:red;"> X</a></div>
      </el-form>


      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)"
                   v-if="this.taskName != '车辆所属企业' && this.taskName != '渣土办科员'">驳回
        </el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="supervisionOpen" width="700px" append-to-body
               :close-on-click-modal="false">
      <supervisionInfo :infoData="supervisionData" v-if="supervisionOpen"/>

      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>

      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="company" width="1500px" append-to-body :close-on-click-modal="false">
      <companyInfo :businessKey="businessKey" :businessType="0" v-if="company"/>
      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="vehicle" width="1500px" append-to-body :close-on-click-modal="false">
      <companyInfo :businessKey="businessKey" :businessType="1" v-if="vehicle"/>
      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="driver" width="1500px" append-to-body :close-on-click-modal="false">
      <companyInfo :businessKey="businessKey" :businessType="5" v-if="driver"/>
      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

    <el-dialog :title="title" :visible.sync="dropPoint" width="1500px" append-to-body :close-on-click-modal="false">
      <dropPointinfo :businessKey="businessKey" :businessType="5" v-if="dropPoint"/>
      <div v-for="item in this.form.formData">
        <el-input v-if="item.controlType=='textarea'" :label="item.controlLable" v-model="item.controlValue"
                  placeholder="批注" type="textarea" :rows="3" style="margin-top:20px;"/>
      </div>

      <el-table :data="hisfromData" v-if="hisfromData != null">

        <el-table-column label="处理意见" align="center" prop="controlValue"/>
        <el-table-column label="处理人" align="center" prop="createName"/>
        <el-table-column label="处理时间" align="center" prop="createTime"/>
      </el-table>
      <div slot="footer" class="dialog-footer">
        <el-button type="danger" @click="submitForm(form.formData[0].controlId,1)">驳回</el-button>
        <el-button type="primary" @click="submitForm(form.formData[0].controlId,0)">通过</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<style>
@import '../../../assets/css/task.css';
</style>

<script>
  import {formDataSave, formDataShow, listTask,getNames} from "@/api/activiti/task";
  import {historyFromData} from '@/api/activiti/historyFormdata'
  import {addSign, getSignByObjId} from "@/api/sign/sign";
  import {updateCaseOffline} from "@/api/caseOffline/caseOffline";
  import {updateViolationCaseFileReader} from "@/api/casefile/violationCaseFile";
  import {updateViolationCaseFileReader1} from "@/api/casefile/violationWarningInformation";
  import {getDict, getSupervision, getUsers} from "@/api/dict";
  import {activeThreestep} from "@/api/business/threestep";
  import {getToken} from "@/utils/auth";
  import {addReplyApprovalProcess} from "@/api/casefile/replyApprovalProcess";
  import {updateHandleAffairs} from "@/api/office/handle";
  import Treeselect from "@riophae/vue-treeselect";
  import '@riophae/vue-treeselect/dist/vue-treeselect.css'
  import leaveHistoryForm from "@/views/workflow/leaveHistoryForm";
  import threestepInfo from "@/views/business/threestep/threestepInfo";
  import taskCard from "@/views/activiti/task/taskCard";
  import conferenceInfo from "@/views/office/conference/conferenceInfo";
  import leaveApplicationInfo from "@/views/office/leaveApplication/leaveApplicationInfo";
  import constructsiteInfo from "@/views/activiti/task/constructsiteInfo";
  import earthsitesInfo from "@/views/activiti/task/earthsitesInfo";
  import contractInfo from "@/views/activiti/task/contractInfo";
  import logisticsInfo from "@/views/office/logistics/logisticsInfo";
  import handleInfo from "@/views/office/handle/handleInfo";
  import caseOfflineInfo from "@/views/caseOffline/caseOffline/caseOfflineInfo";
  import violationCaseFileInfo from "@/views/h5/task/violationCaseFileInfo";
  import violationWarningInformationInfo from "@/views/h5/task/violationWarningInformationInfo";
  import supervisionInfo from "@/views/activiti/task/SupervisionInfo";
  import companyInfo from "@/views/activiti/task/companyInfo";
  import driverInfo from "@/views/activiti/task/driverInfo";
  import vehicleInfo from "@/views/activiti/task/vehicleInfo";
  import dropPointinfo from "@/views/activiti/task/dropPointinfo";

  import taskmethod from '@/api/taskmethod'

  export default {
    name: "task",
    mixins: [taskmethod],
    components: {
      taskCard,
      leaveHistoryForm,
      threestepInfo,
      conferenceInfo,
      leaveApplicationInfo,
      logisticsInfo,
      handleInfo,
      constructsiteInfo,
      Treeselect,
      earthsitesInfo,
      contractInfo,
      caseOfflineInfo,
      violationCaseFileInfo,
      violationWarningInformationInfo,
      supervisionInfo,
      companyInfo,
      driverInfo,
      vehicleInfo,
      dropPointinfo
    },
    data() {
      return {
        modalLoading:false,
        id: '',
        definitionKey: '',
        businessKey: '',
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 请假表格数据
        taskList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        picSample: false,
        taskName: null,
        // 查询参数
        queryParams: {
          name:null,
          pageNum: 1,
          pageSize: 10,
          role: null,
          dept: null,
        },
        // 表单参数
        form: {
          formData: []
        },
        needShow: false,
        // 表单校验
        rules: {
          subReason: [{
            required: true,
            message: '请填写补充说明',
            trigger: 'blur'
          },],

        },
        picIndex: 0,
        fileList: [],
        upload: {
          // 是否显示弹出层（用户导入）
          open: false,
          // 弹出层标题（用户导入）
          title: "",
          // 是否禁用上传
          isUploading: false,
          // 设置上传的请求头部
          headers: {
            Authorization: "Bearer " + getToken()
          },
          // 上传的地址
          url: process.env.VUE_APP_BASE_API + "/business/threestep/upload",
        },
        controlId: null,
        users: [],
        options: [],
        usersName: [],
        deptName: null,
        supervisionData: null,
        uploadImageDialog: false,
        idInfo: null,
        signData: null,
        areas: [],
        roles: [],
        depts: [],
        signDataInfo: null,
        earthsites: false,
        contract: false,
        logisticsInfoOpen: false,
        handleAffairsInfoOpen: false,
        caseOffline: false,
        violationCaseFile: false,
        violationCaseFile1: false,
        supervisionOpen: false,
        open: false,
        open2: false,
        conferenceOpen: false,
        construct: false,
        leaveApplicationOpen: false,
        prev:[],
        userNodes: [],
        company: false,
        driver: false,
        vehicle: false,
        dropPoint: false,
        names: null,
        hisfromData: [],
        slides: [],
        slidesArys: [],
        slides1: [],
        videoSrc1: [],
        dropInfoOpen:false,
      };
    },
    created() {
      let dep = {type: "CSUserDepartmentType"};

      getDict(dep).then(res => {
        this.depts = res.result;
        for(let i in res.result){
          if(res.result[i].name.indexOf("渣土办") < 1){
            this.prev.push(res.result[i]);
          }
        }
      });

      let role = {type: "CSUserPostType"};

      getDict(role).then(res => {
        this.roles = res.result;
      });

      listTask(this.queryParams).then(response => {
        this.taskList = response.rows;
        this.names = response.names;
        this.total = response.total;
        this.loading = false;
      });
    },
    methods: {

    },
  }

</script>