Merge remote-tracking branch 'origin/dev' into dev

guzijian
2 parents 331b410b 655d188d
Showing 6 changed files with 1564 additions and 5 deletions
trash-ui/src/router/index.js
trash-ui/src/views/unit/carInfo/index.vue
trash-ui/src/views/unit/disposalSite/index.vue
trash-ui/src/views/unit/disposalSite/info.vue
trash-ui/src/views/unit/disposalSite/infoEdit.vue
trash-ui/src/views/unit/driver/info.vue
@@ -126,7 +126,7 @@ export const constantRoutes = [
       },
       {
         path: '/disposalSite/infoEdit',
-        component: (resolve) => require(['@/views/unit/disposalSite/info'], resolve),
+        component: (resolve) => require(['@/views/unit/disposalSite/infoEdit'], resolve),
         name: '修改处理场所',
         hidden: true,
         meta: { title: '修改处理场所' }
@@ -231,7 +231,7 @@ export default {
     /** 修改按钮操作 */
     handleUpdate(row) {
       const id = row.id || this.ids
-      this.$tab.openPage("修改运输企业","/carInfo/infoEdit",{carInfoId: id,carInfoRefresh:0});
+      this.$tab.openPage("修改车辆信息","/carInfo/infoEdit",{carInfoId: id,carInfoRefresh:0});
     },
     /** 提交按钮 */
     submitForm() {
@@ -255,7 +255,7 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
-      this.$tab.openPage("新增处理场所管理","/disposalSite/info",{disposalSiteRefresh:0});
+      this.$tab.openPage("新增处理场所","/disposalSite/info",{disposalSiteRefresh:0});
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -981,6 +981,7 @@ export default {
       this.$alert('左键单击地图添加点，左键双击编辑，右键双击地图结束绘制', '温馨提示', {
         confirmButtonText: '确定',
         callback: action => {
+          console.log(this.map)
           let path = this.form.electronicFence.split(";");
           path.map(item=>{
             let arr = item.split(",");
+<template>
+  <div class="app-container">
+
+    <!-- 添加或修改处理场所管理对话框 -->
+    <h3>
+      基础信息
+    </h3>
+    <el-form ref="form" :model="form" :rules="rules" label-width="80px"  label-position="top">
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="建筑垃圾处理场所名称" prop="name">
+            <el-input v-model="form.name" placeholder="请输入建筑垃圾处理场所名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="证书编号" prop="certificateNumber">
+            <el-input v-model="form.certificateNumber" placeholder="请输入证书编号" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="所在地址" prop="address">
+            <el-input v-model="form.address" placeholder="请输入所在地址" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="所在区域" prop="localArea">
+            <el-select v-model="form.localArea" placeholder="请选择所在区域" style="width: 100%">
+              <el-option v-for="(area,index) in areas" :label="area.name" :value="area.name" :key="index"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="建筑垃圾处理场所类型" prop="siteType">
+            <el-select v-model="form.siteType" placeholder="请选择建筑垃圾处理场所类型" style="width: 100%">
+              <el-option label="消纳（回填）场所" value="消纳（回填）场所" />
+              <el-option label="建筑垃圾资源化处置场" value="建筑垃圾资源化处置场" />
+              <el-option label="盾构土环保处置场" value="盾构土环保处置场" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="消纳（回填）场所工程性质" prop="engineeringProperty">
+            <el-select v-model="form.engineeringProperty" placeholder="请选择消纳（回填）场所工程性质" style="width: 100%">
+              <el-option label="消纳（回填）场" value="消纳（回填）场" />
+              <el-option label="房建市政工程" value="房建市政工程" />
+              <el-option label="交通工程" value="交通工程" />
+              <el-option label="水利工程" value="水利工程" />
+              <el-option label="国有土地整理" value="国有土地整理" />
+              <el-option label="平场工程" value="平场工程" />
+              <el-option label="生态修复" value="生态修复" />
+              <el-option label="覆绿造景工程" value="覆绿造景工程" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="作业区域" prop="operatingArea">
+            <el-select v-model="form.operatingArea" placeholder="请选择作业区域" style="width: 100%">
+              <el-option label="核心区域" value="核心区域" />
+              <el-option label="中心区域" value="中心区域" />
+              <el-option label="外环区域" value="外环区域" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="可受纳建筑垃圾类型" prop="trashType">
+            <treeselect v-model="form.trashType" :multiple="true" :options="options" placeholder="请选择"/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="建设（施工）单位名称" prop="constructionUnit">
+            <el-input v-model="form.constructionUnit" placeholder="请输入建设（施工）单位名称" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="建设（施工）单位责任人" prop="constructionUnitPerson">
+            <el-input v-model="form.constructionUnitPerson" placeholder="请输入建设（施工）单位责任人" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="责任人联系电话" prop="constructionUnitPersonPhone">
+            <el-input v-model="form.constructionUnitPersonPhone" placeholder="请输入责任人联系电话" :maxlength="11" show-word-limit/>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="有限期开始时间" prop="validityBeginDate">
+            <el-date-picker clearable size="small" style="width: 100%"
+                            v-model="form.validityBeginDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择有限期开始时间">
+            </el-date-picker>
+          </el-form-item>
+
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="有限期结束时间" prop="validityEndDate">
+            <el-date-picker clearable size="small" style="width: 100%"
+                            v-model="form.validityEndDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择有限期结束时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="审批方量(m³)" prop="squareMeasure">
+            <el-input v-model="form.squareMeasure" placeholder="请输入审批方量(m³)" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <!--        <el-form-item label="剩余方量" prop="surplusSquareMeasure">-->
+      <!--          <el-input v-model="form.surplusSquareMeasure" placeholder="请输入剩余方量" />-->
+      <!--        </el-form-item>-->
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="洗车作业设施" prop="carWashingFacilities">
+            <el-select v-model="form.carWashingFacilities" placeholder="请选择洗车作业设施" style="width: 100%">
+              <el-option label="钢架洗车平台" value="钢架洗车平台" />
+              <el-option label="钢架洗车平台、过水槽" value="钢架洗车平台、过水槽" />
+              <el-option label="全自动洗车平台、过水槽" value="全自动洗车平台、过水槽" />
+              <el-option label="特殊事项" value="特殊事项" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="出口道路状况" prop="exitRoadCondition">
+            <el-select v-model="form.exitRoadCondition" placeholder="请选择出口道路状况" style="width: 100%">
+              <el-option label="硬化" value="硬化" />
+              <el-option label="未硬化" value="未硬化" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="照明设施" prop="lightingFacility">
+            <el-select v-model="form.lightingFacility" placeholder="请选择照明设施" style="width: 100%">
+              <el-option label="有" value="有" />
+              <el-option label="无" value="无" />
+              <el-option label="不适用" value="不适用" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="视频监控设施" prop="videoSurveillanceFacility">
+            <el-select v-model="form.videoSurveillanceFacility" placeholder="请选择视频监控设施" style="width: 100%">
+              <el-option label="有" value="有" />
+              <el-option label="无" value="无" />
+              <el-option label="不适用" value="不适用" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="6">
+          <el-form-item label="填表人" prop="preparer">
+            <el-input v-model="form.preparer" placeholder="请输入填表人" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="办理意见" prop="handlingAdvice">
+            <el-input v-model="form.handlingAdvice" placeholder="请输入内容" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+
+
+
+      <!--        <el-form-item label="消纳来源" prop="absorbSource">-->
+      <!--          <el-input v-model="form.absorbSource" placeholder="请输入消纳来源" />-->
+      <!--        </el-form-item>-->
+      <el-form-item label="电子围栏" prop="electronicFence">
+        <template v-slot:label>
+          <el-tooltip class="item" placement="right" style="float:left;">
+            <div slot="content">
+              请保证经度在前，维度在后，中间用,隔开。多个坐标点之间用“;”隔开，示例:118.121,110.112;118.111,110.112
+            </div>
+            <div class="tips">
+              <span class="tipsSpan">
+                电子围栏
+              </span>
+              <i class="el-icon-question"></i>
+            </div>
+          </el-tooltip>
+          <el-button @click="draw" type="text" style="float: left;margin-left: 10px">绘制围栏</el-button>
+        </template>
+
+        <el-input v-model="form.electronicFence" type="textarea" placeholder="请输入内容" style="width: 49%"/>
+      </el-form-item>
+      <!--        <el-form-item label="信用状态">-->
+      <!--          <el-radio-group v-model="form.creditStatus">-->
+      <!--            <el-radio label="1">请选择字典生成</el-radio>-->
+      <!--          </el-radio-group>-->
+      <!--        </el-form-item>-->
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            批准文件
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="approvalDocument">
+
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in approvalDocument">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="approvalDocument.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="approvalDocument.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            审批资料
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange1"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="approvalData">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in approvalData">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="approvalData.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="approvalData.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            现场照片
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange2"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="scenePhoto">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in scenePhoto">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="scenePhoto.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="scenePhoto.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            洗车设施照片
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange3"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="carWashingFacilitiesImage">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in carWashingFacilitiesImage">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="carWashingFacilitiesImage.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="carWashingFacilitiesImage.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            安全评估报告
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange4"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="safetyAssessmentReport">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in safetyAssessmentReport">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="safetyAssessmentReport.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="safetyAssessmentReport.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            环评报告及环保部门批复
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange5"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="environmentalApproval">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in environmentalApproval">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="environmentalApproval.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="environmentalApproval.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            签署消纳合同授权委托书
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange6"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="authorization">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in authorization">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="authorization.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="authorization.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="border: 1px solid #dcdfe6;border-radius: 2px;">
+        <el-col :span="3">
+          <div class="upload_lable">
+            其他资料
+            <el-upload
+              ref="upload"
+              action=""
+              accept=".jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx"
+              :on-change="fileChange7"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="otherInformation">
+              <el-button size="small" type="primary" icon="el-icon-upload">上传附件</el-button>
+            </el-upload>
+          </div>
+        </el-col>
+        <el-col :span="21">
+          <div class="upload_btn">
+            <div v-for="(item,index) in otherInformation">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="otherInformation.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <el-image
+                  style="width: 110px; height: 95px; margin: 5px;float:left;"
+                  :src="createUrl(item)"
+                  :preview-src-list="[createUrl(item)]"
+                  :z-index="999">
+                </el-image>
+              </div>
+              <div  v-if="/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_file">
+                <div class="upload_close_file" @click="otherInformation.splice(index,1);"><el-icon class="el-icon-error"></el-icon></div>
+                <span @click="tempDownload(item)"><el-icon class="el-icon-document-add" style="font-size:70px;"></el-icon></span>
+                <div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" @click="tempDownload(item)">{{ item.name }}</div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+      <!--        <el-form-item label="" prop="environmentalApproval">-->
+      <!--          <el-input v-model="form." type="textarea" placeholder="请输入内容" />-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="" prop="authorization">-->
+      <!--          <el-input v-model="form." type="textarea" placeholder="请输入内容" />-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="" prop="otherInformation">-->
+      <!--          <el-input v-model="form." type="textarea" placeholder="请输入内容" />-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="运输企业" prop="companyIds">-->
+      <!--          <el-input v-model="form.companyIds" placeholder="请输入运输企业" />-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="审批状态,0=审批中,1=审批通过,2=被驳回">-->
+      <!--          <el-radio-group v-model="form.status">-->
+      <!--            <el-radio label="1">请选择字典生成</el-radio>-->
+      <!--          </el-radio-group>-->
+      <!--        </el-form-item>-->
+      <!--        <el-form-item label="二维码" prop="qrCode">-->
+      <!--          <el-input v-model="form.qrCode" placeholder="请输入二维码" />-->
+      <!--        </el-form-item>-->
+    </el-form>
+    <div slot="footer" class="dialog-footer" style="margin-top: 20px">
+      <el-button type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div>
+    <el-dialog title="高德地图" :visible.sync="openMap" width="1600px" height="750px" append-to-body>
+      <div class="serach_map">
+        搜索：
+        <el-select
+          v-model="keywords"
+          filterable
+          remote
+          placeholder="请输入关键词"
+          :remote-method="remoteMethod"
+          :loading="loading"
+          :clearable="true"
+          size="mini"
+          @change="currentSelect"
+          style="width: 250px"
+        >
+          <el-option
+            v-for="item in mapOptions"
+            :key="item.id"
+            :label="item.name"
+            :value="item"
+            class="one-text"
+          >
+            <span style="float: left">{{ item.name }}</span>
+            <span style="float: right; color: #8492a6; font-size: 13px">{{
+                item.district
+              }}</span>
+          </el-option>
+        </el-select>
+      </div>
+      <div v-loading="loading" id="zcContainer1" class="am-map" style="width:100%;height: 700px;"></div>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="clearPolyEditor">清 空</el-button>
+        <el-button @click="closeMap">取 消</el-button>
+        <el-button type="primary" @click="openMap = false">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { listDisposalSite, getDisposalSite, delDisposalSite, addDisposalSite, updateDisposalSite, exportDisposalSite } from "@/api/unit/disposalSite";
+import Treeselect from "@riophae/vue-treeselect";
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import {getAreaList} from "@/api/casefile/remoteServer";
+import AMapLoader from '@amap/amap-jsapi-loader';
+
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: 'aa1db7d8f534f3da3f6d8a6a71382802',
+}
+export default {
+  name: "DisposalSite",
+  components: {Treeselect,AMapLoader},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 处理场所管理表格数据
+      disposalSiteList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [
+          { required: true, message: "请输入处置场所名称", trigger: "blur" },
+        ],
+        address: [
+          { required: true, message: "请输入处置场所地址", trigger: "blur" },
+        ],
+        localArea: [
+          { required: true, message: "请选择所属区域", trigger: "blur" },
+        ],
+        siteType: [
+          { required: true, message: "请选择处置场所类型", trigger: "blur" },
+        ],
+        operatingArea: [
+          { required: true, message: "请选择锁业区域", trigger: "blur" },
+        ],
+        trashType: [
+          { required: true, message: "请选择可受纳建筑垃圾类型", trigger: "blur" },
+        ],
+        constructionUnit: [
+          { required: true, message: "请输入建设（施工）单位", trigger: "blur" },
+        ],
+        constructionUnitPerson: [
+          { required: true, message: "请输入建设（施工）单位责任人", trigger: "blur" },
+        ],
+        constructionUnitPersonPhone: [
+          { required: true, message: "请输入责任人联系电话", trigger: "blur" },
+          {
+            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
+            message: '手机号格式错误',
+            trigger: 'change'
+          }
+        ],
+        validityBeginDate: [
+          { required: true, message: "请选择有限期开始时间", trigger: "blur" },
+        ],
+        validityEndDate: [
+          { required: true, message: "请选择有限期结束时间", trigger: "blur" },
+        ],
+        electronicFence: [
+          { required: true, message: "请输入电子围栏", trigger: "blur" },
+        ],
+        squareMeasure: [
+          { required: true, message: "请输入审批方量", trigger: "blur" },
+        ],
+        carWashingFacilities: [
+          { required: true, message: "请选择洗车作业设施", trigger: "blur" },
+        ],
+        exitRoadCondition: [
+          { required: true, message: "请选择出口道路状况", trigger: "blur" },
+        ],
+        lightingFacility: [
+          { required: true, message: "请选择照明设施", trigger: "blur" },
+        ],
+        videoSurveillanceFacility: [
+          { required: true, message: "请选择视频监控设施", trigger: "blur" },
+        ],
+        preparer: [
+          { required: true, message: "请输入填表人", trigger: "blur" },
+        ],
+        handlingAdvice: [
+          { required: true, message: "请输入办理意见", trigger: "blur" },
+        ],
+
+      },
+      areas:[],
+      options:[{id:1,label:"工程渣土"},{id:2,label:"工程淤泥"},{id:3,label:"盾构渣土"},{id:4,label:"拆除垃圾"},{id:5,label:"其他建筑垃圾"}],
+      approvalDocument:[],
+      approvalDocumentSlide:[],
+      approvalData:[],
+      approvalDataSlide:[],
+      scenePhoto:[],
+      scenePhotoSlide:[],
+      carWashingFacilitiesImage:[],
+      carWashingFacilitiesImageSlide:[],
+      safetyAssessmentReport:[],
+      safetyAssessmentReportSlide:[],
+      environmentalApproval:[],
+      environmentalApprovalSlide:[],
+      authorization:[],
+      authorizationSlide:[],
+      otherInformation:[],
+      otherInformationSlide:[],
+      openMap:false,
+      // 地图
+      map: null,
+      // 编辑工具
+      polyEditor: null,
+      // 电子围栏数据集
+      polygonArr: [],
+      // 当前电子围栏
+      nowPolygon: null,
+      keywords: "",
+      mapOptions: [],
+      AutoComplete: null,
+      searchMarker: null,
+    };
+  },
+  created() {
+    getAreaList().then(res => {
+      this.areas = res.data;
+    });
+    this.initData();
+  },
+  watch: {
+    '$route.query.disposalSiteId': 'initData'
+  },
+  methods: {
+    reset(){
+      this.form = {};
+      this.approvalDocument = [];
+      this.approvalData = [];
+      this.scenePhoto = [];
+      this.carWashingFacilitiesImage = [];
+      this.safetyAssessmentReport = [];
+      this.environmentalApproval = [];
+      this.authorization = [];
+      this.otherInformation = [];
+    },
+    initData(){
+      this.reset();
+      let id = this.$route.query.disposalSiteId;
+      if(id!=null){
+        getDisposalSite(id).then(response => {
+          this.form = response.data;
+          //将字符串转换为int数组
+          let trashTypeArr = this.form.trashType.split(",").map(str => parseInt(str, 10));
+          this.form.trashType = trashTypeArr;
+          //将附件转换为前端可视化数组
+          if(this.form.approvalDocument!=null&&this.form.approvalDocument!==""){
+            let approvalDocument = this.form.approvalDocument.split(";");
+            approvalDocument.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.approvalDocument.push({name:name,url:item})
+            })
+          }
+          if(this.form.approvalData!=null&&this.form.approvalData!==""){
+            let approvalData = this.form.approvalData.split(";");
+            approvalData.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.approvalData.push({name:name,url:item})
+            })
+          }
+          if(this.form.scenePhoto!=null&&this.form.scenePhoto!==""){
+            let scenePhoto = this.form.scenePhoto.split(";");
+            scenePhoto.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.scenePhoto.push({name:name,url:item})
+            })
+          }
+          if(this.form.carWashingFacilitiesImage!=null&&this.form.carWashingFacilitiesImage!==""){
+            let carWashingFacilitiesImage = this.form.carWashingFacilitiesImage.split(";");
+            carWashingFacilitiesImage.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.carWashingFacilitiesImage.push({name:name,url:item})
+            })
+          }
+          if(this.form.safetyAssessmentReport!=null&&this.form.safetyAssessmentReport!==""){
+            let safetyAssessmentReport = this.form.safetyAssessmentReport.split(";");
+            safetyAssessmentReport.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.safetyAssessmentReport.push({name:name,url:item})
+            })
+          }
+          if(this.form.environmentalApproval!=null&&this.form.environmentalApproval!==""){
+            let environmentalApproval = this.form.environmentalApproval.split(";");
+            environmentalApproval.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.environmentalApproval.push({name:name,url:item})
+            })
+          }
+          if(this.form.authorization!=null&&this.form.authorization!==""){
+            let authorization = this.form.authorization.split(";");
+            authorization.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.authorization.push({name:name,url:item})
+            })
+          }
+          if(this.form.otherInformation!=null&&this.form.otherInformation!==""){
+            let otherInformation = this.form.otherInformation.split(";");
+            otherInformation.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.otherInformation.push({name:name,url:item})
+            })
+          }
+        });
+      }
+    },
+    closeMap(){
+      this.openMap = false;
+      this.form.electronicFence = null;
+      //清空地图图层
+      this.map.remove(this.nowPolygon);
+    },
+    // 选中提示
+    currentSelect(val) {
+      // 清空时不执行后面代码
+      if (!val) {
+        return ;
+      }
+      // 自动适应显示想显示的范围区域
+      this.map.setFitView();
+      //清除marker
+      if (this.searchMarker){
+        this.map.remove(this.searchMarker)
+      }
+      //设置marker
+      this.searchMarker = new AMap.Marker({
+        map: this.map,
+        position: [val.location.lng, val.location.lat],
+      });
+
+      this.keywords = val.name
+      //定位
+      this.map.setCenter([val.location.lng, val.location.lat])
+    },
+    // 搜索地址
+    remoteMethod(query) {
+      if (query !== "") {
+        this.loading = true;
+        setTimeout(() => {
+          this.loading = false;
+          this.AutoComplete.search(query, (status, result) => {
+            this.mapOptions = result.tips;
+          });
+        }, 200);
+      } else {
+        this.mapOptions = [];
+      }
+    },
+    initAMap() {
+      const _this = this
+      // 加载高德地图
+      AMapLoader.load({
+        key: _this.$aMapKey,  //设置高德地图申请的key
+        version: "2.0",  // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+        plugins: ['AMap.ToolBar', 'AMap.PolygonEditor','AMap.AutoComplete', 'AMap.PlaceSearch', 'AMap.Marker'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        AMapUI: {
+          version: "1.1",
+          plugins: []
+        },
+        Loca: {
+          version: "2.0"
+        },
+      }).then(async (AMap) => {
+        _this.map = await new AMap.Map("zcContainer1", { //设置地图容器id
+          viewMode: "2D",  // 默认使用 2D 模式
+          center: [113.01814545605467, 28.201039299894283], // 初始化地图中心点位置
+          zoom: 11, //初始化地图层级
+          resizeEnable: true,
+          willreadoften: true
+        });
+
+        _this.AutoComplete = await new AMap.AutoComplete({city:'全国'});
+
+        // 图层样式切换控件(卫星图)
+        AMapUI.loadUI(['control/BasicControl'], function(BasicControl) {
+
+          //图层切换控件
+          _this.map.addControl(new BasicControl.LayerSwitcher({
+            position: 'rb' // 右下角
+          }));
+
+        });
+        _this.polyEditor = new AMap.PolygonEditor(_this.map);
+        if(_this.form.electronicFence!=null){
+          // 电子围栏经纬度
+          let path = _this.form.electronicFence.split(";");
+          path.map(item=>{
+            let arr = item.split(",");
+            //将电子围栏经纬度转换为double类型数组
+            _this.polygonArr.push([parseFloat(arr[0]),parseFloat(arr[1])]);
+          });
+          _this.nowPolygon = new AMap.Polygon({
+            path: _this.polygonArr
+          })
+          _this.map.add([_this.nowPolygon]);
+          _this.map.setFitView();
+          _this.polyEditor.addAdsorbPolygons([_this.nowPolygon]);
+          _this.nowPolygon.on('dblclick', () => {
+            _this.polyEditor.setTarget(_this.nowPolygon);
+            _this.polyEditor.open();
+          })
+        }
+        _this.polyEditor.on('add', function (data) {
+          _this.nowPolygon = data.target;
+          _this.polyEditor.addAdsorbPolygons(_this.nowPolygon);
+          _this.nowPolygon.on('dblclick', () => {
+            _this.polyEditor.setTarget(_this.nowPolygon);
+            _this.polyEditor.open();
+          })
+
+          // 加个右击监听 双击图层进行编辑
+          _this.map.on("rightclick",function (e){
+            if (_this.polyEditor) {
+              const arr = _this.nowPolygon.getPath()
+              let pathArr = []
+              // 将获取的停车场坐标点转换格式后存入数组
+              for (let item of arr) {
+                const list = [item.lng, item.lat]
+                pathArr.push(list)
+              }
+
+              var maxDistance = 0; // 最大距离
+              var maxPointIndex = []; // 记录最大距离对应的点索引
+
+              // 计算所有点对之间的距离
+              for (var i = 0; i < pathArr.length; i++) {
+                for (var j = i + 1; j < pathArr.length; j++) {
+                  var distance = AMap.GeometryUtil.distance(pathArr[i], pathArr[j]);
+                  if (distance > maxDistance) {
+                    maxDistance = distance;
+                    maxPointIndex = [i, j];
+                  }
+                }
+              }
+
+              if(_this.nowPolygon!=null){
+                // 通过最大距离的点索引获取对应的点坐标
+                let mybounds  = new AMap.Bounds(pathArr[maxPointIndex[0]],pathArr[maxPointIndex[1]]);
+                // 设置地图显示范围
+                _this.map.setBounds(mybounds);
+              }
+              //将经纬度存到form中
+              _this.form.electronicFence = pathArr.join(";");
+              _this.polyEditor.close();
+            }
+          });
+        })
+
+        if(_this.nowPolygon===null){
+          _this.polyEditor.close();
+          _this.polyEditor.setTarget();
+          _this.polyEditor.open();
+        }
+
+
+      }).catch(e => {
+        console.log(e);
+      });
+      this.loading = false;
+      // this.openMap = false;
+    },
+    clearPolyEditor(){
+      this.form.electronicFence = null;
+      this.map.remove(this.nowPolygon);
+      // 关闭一下编辑器，防止出bug
+      this.polyEditor.close();
+      // 置空编辑区即为新增
+      this.polyEditor.setTarget();
+      // 打开编辑器即可开始绘制
+      this.polyEditor.open();
+    },
+    draw(){
+      if(this.polyEditor!=null){
+        if(this.form.electronicFence==null){
+          // 关闭一下编辑器，防止出bug
+          this.polyEditor.close();
+          // 置空编辑区即为新增
+          this.polyEditor.setTarget();
+          // 打开编辑器即可开始绘制
+          this.polyEditor.open();
+        }
+      }else{
+        this.initAMap();
+      }
+      this.openMap = true;
+      this.$alert('左键单击地图添加点，左键双击编辑，右键双击地图结束绘制', '温馨提示', {
+        confirmButtonText: '确定',
+        callback: action => {
+          console.log(this.map)
+          let path = this.form.electronicFence.split(";");
+          path.map(item=>{
+            let arr = item.split(",");
+            this.polygonArr.push([arr[0],arr[1]]);
+          });
+        }
+      });
+    },
+    createUrl(file){
+      if(file.raw!=null){
+        return URL.createObjectURL(file.raw);
+      }else{
+        return process.env.VUE_APP_BASE_API + file.url;
+      }
+
+    },
+    tempDownload(row){
+      let name = row.name;
+      let url = "";
+      if(row.raw!=null){
+        url = URL.createObjectURL(row.raw);
+      }else{
+        url = process.env.VUE_APP_BASE_API + row.url;
+      }
+      console.log(url)
+      const a = document.createElement('a')
+      a.setAttribute('download', name)
+      a.setAttribute('target', '_blank')
+      a.setAttribute('href', url);
+      a.click()
+    },
+    // 取消按钮
+    cancel() {
+      this.$tab.closePage({path:"/disposalSite/info"}).then(() => {
+        this.$tab.openPage("处理场所管理", "/tool/disposalSite",{disposalSiteRefresh:1})
+      })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          let formData = new FormData();
+          let form = this.form;
+          //去掉params属性
+          delete form.params;
+          // formData.append('approvalDocument', null);
+          // formData.append('approvalData', null);
+          // formData.append('scenePhoto', null);
+          // formData.append('carWashingFacilitiesImage', null);
+          // formData.append('authorization', null);
+          // formData.append('safetyAssessmentReport', null);
+          // formData.append('environmentalApproval', null);
+          // formData.append('otherInformation', null);
+          //将新增的文件放入formData
+
+          //先清空原有的附件
+          form.approvalDocument = null;
+          form.approvalData = null;
+          form.scenePhoto = null;
+          form.carWashingFacilitiesImage = null;
+          form.authorization = null;
+          form.safetyAssessmentReport = null;
+          form.environmentalApproval = null;
+          form.otherInformation = null;
+          form.trashType = this.form.trashType.join(",");
+
+          this.approvalDocument.forEach(item => {
+            if (item.raw != null) {
+              formData.append('approvalDocumentFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.approvalDocument = form.approvalDocument!==null?form.approvalDocument+";"+item.url:item.url;
+            }
+          })
+
+          this.approvalData.forEach(item => {
+            if (item.raw != null) {
+              formData.append('approvalDataFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.approvalData = form.approvalData!==null?form.approvalData+";"+item.url:item.url;
+            }
+          })
+          this.scenePhoto.forEach(item => {
+            if (item.raw != null) {
+              formData.append('scenePhotoFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.scenePhoto = form.scenePhoto!==null?form.scenePhoto+";"+item.url:item.url;
+            }
+          })
+          this.carWashingFacilitiesImage.forEach(item => {
+            if (item.raw != null) {
+              formData.append('carWashingFacilitiesImageFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.carWashingFacilitiesImage = form.carWashingFacilitiesImage!==null?form.carWashingFacilitiesImage+";"+item.url:item.url;
+            }
+          })
+          this.safetyAssessmentReport.forEach(item => {
+            if (item.raw != null) {
+              formData.append('safetyAssessmentReportFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.safetyAssessmentReport = form.safetyAssessmentReport!==null?form.safetyAssessmentReport+";"+item.url:item.url;
+            }
+          })
+          this.environmentalApproval.forEach(item => {
+            if (item.raw != null) {
+              formData.append('environmentalApprovalFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.environmentalApproval = form.environmentalApproval!==null?form.environmentalApproval+";"+item.url:item.url;
+            }
+          })
+          this.authorization.forEach(item => {
+            if (item.raw != null) {
+              formData.append('authorizationFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.authorization = form.authorization!==null?form.authorization+";"+item.url:item.url;
+            }
+          })
+          this.otherInformation.forEach(item => {
+            if (item.raw != null) {
+              formData.append('otherInformationFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.otherInformation = form.otherInformation!==null?form.otherInformation+";"+item.url:item.url;
+            }
+          })
+          for (let key in form) {
+            formData.append(key, form[key] == null ? "" : form[key])
+          }
+          if (this.form.id != null) {
+            updateDisposalSite(formData).then(response => {
+              this.msgSuccess("修改成功");
+              this.$tab.closePage({path:"/disposalSite/infoEdit"}).then(() => {
+                this.$tab.openPage("处理场所管理", "/tool/disposalSite",{disposalSiteRefresh:1})
+              })
+            });
+          } else {
+            addDisposalSite(formData).then(response => {
+              this.msgSuccess("新增成功");
+              this.$tab.closePage({path:"/disposalSite/info"}).then(() => {
+                this.$tab.openPage("处理场所管理", "/tool/disposalSite",{disposalSiteRefresh:1})
+              })
+            });
+          }
+        }
+      });
+    },
+    /**
+     * 文件改变时,限制文件上传格式和大小
+     * 文件格式只能为docx/doc/pdf/png/jpeg/png/jpg
+     * 大小不超过20M
+     * */
+    fileChange(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.approvalDocument = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange1(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.approvalData = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange2(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.scenePhoto = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange3(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.carWashingFacilitiesImage = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange4(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.safetyAssessmentReport = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange5(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.environmentalApproval = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange6(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.authorization = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+    fileChange7(file, fileList) {
+      let count = 0;
+      for (let i = 0; i < fileList.length; i++) {
+        // console.log(fileList.length)
+        // console.log(this.fileEntityList[i].name+"111"+file.name)
+        if (fileList[i].name == file.name) {
+          count++;
+          if (count == 2) {
+            this.$message({
+              message: '已存在此文件！',
+              type: 'warning'
+            });
+            for (let j = fileList.length; j > 0; j--) {
+              //如果存在此文件，去除新选择的重复文件
+              if (fileList[j - 1].name == file.name) {
+                fileList.splice(j - 1, 1);
+                i--;
+                return false;
+              }
+            }
+          }
+        }
+      }
+      let fileType = file.name.substring(file.name.lastIndexOf('.') + 1).toLowerCase();
+      //格式符合后判断大小
+      if ("jpg,jpeg,png,gif,jfif,pjpeg,pjp,pdf,doc,docx,xls,xlsx".indexOf(fileType) != -1) {
+        let max5M = file.size / 1024 / 1024 < 100;
+        if (!max5M) {
+          this.$message({
+            message: '上传文件大小不得超过100M！',
+            type: 'warning'
+          });
+          fileList = fileList.splice(fileList.length - 1, 1);
+        } else {
+          //符合条件后进行添加
+          this.otherInformation = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp,.pdf,.doc,.docx,.xls,.xlsx格式!',
+          type: 'warning'
+        });
+        fileList = fileList.splice(fileList.length - 1, 1);
+      }
+    },
+  }
+};
+</script>
+<style  lang="scss"  scoped>
+.upload_lable{
+  border-right: 1px solid #dcdfe6;
+  padding: 27px 30px;
+  background: #fafafa;
+  text-align: center;
+}
+.upload_btn{
+  max-height: 106px;
+}
+.upload_close{
+  position: absolute;
+  left: 105px;
+  z-index:99;
+  top:-1px;
+  font-size:18px;
+  color:red;
+}
+.upload_close_file{
+  position: absolute;
+  left: 80px;
+  z-index:99;
+  top:-1px;
+  font-size:18px;
+  color:red;
+}
+.upload_div_image{
+  display: inline-block;
+  width: 110px;
+  height: 95px;
+  position: relative;
+  float: left;
+  margin-left: 5px;
+}
+.upload_div_file{
+  display: inline-block;
+  width: 110px;
+  height: 95px;
+  text-align: center;
+  float:left;
+  margin: 5px;
+  position: relative;
+}
+.serach_map{
+  position: absolute;
+  top: 100px;
+  left: 25px;
+  z-index: 999;
+  background: #fff;
+  padding: 10px;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0,0,0,.2);
+}
+</style>
@@ -14,7 +14,7 @@
         </el-col>
         <el-col :span="7">
           <el-form-item label="身份证号码" prop="identityCard">
-            <el-input v-model="form.identityCard" placeholder="请输入身份证" />
+            <el-input v-model="form.identityCard" placeholder="请输入身份证" :maxlength="18" show-word-limit/>
           </el-form-item>
         </el-col>
         <el-col :span="7">
@@ -344,7 +344,7 @@ export default {
           {required: true, message: "请输入姓名", trigger: "blur"}
         ],
         identityCard: [
-          {required: true, message: "请输入身份证号码", trigger: "blur"}
+          {required: true, message: "请输入身份证号码", trigger: "blur"},
         ],
         companyId: [
           {required: true, message: "请选择所属公司", trigger: "blur"}