建筑垃圾-基础数据

2c
1 parent 6679a92c
Showing 15 changed files with 4806 additions and 11 deletions
trash-ui/src/api/unit/businessUnit.js
trash-ui/src/api/unit/carInfo.js
trash-ui/src/api/unit/disposalSite.js
trash-ui/src/api/unit/driver.js
trash-ui/src/api/unit/enterprise.js
trash-ui/src/main.js
trash-ui/src/plugins/index.js
trash-ui/src/plugins/tab.js
trash-ui/src/router/index.js
trash-ui/src/views/unit/businessUnit/index.vue
trash-ui/src/views/unit/businessUnit/info.vue
trash-ui/src/views/unit/carInfo/index.vue
trash-ui/src/views/unit/carInfo/info.vue
trash-ui/src/views/unit/disposalSite/index.vue
trash-ui/src/views/unit/disposalSite/info.vue
+import request from '@/utils/request'
+
+// 查询运输企业管理列表
+export function listEnterprise(query) {
+  return request({
+    url: '/unit/enterprise/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询运输企业管理详细
+export function getEnterprise(id) {
+  return request({
+    url: '/unit/enterprise/' + id,
+    method: 'get'
+  })
+}
+
+// 新增运输企业管理
+export function addEnterprise(data) {
+  return request({
+    url: '/unit/enterprise',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改运输企业管理
+export function updateEnterprise(data) {
+  return request({
+    url: '/unit/enterprise',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除运输企业管理
+export function delEnterprise(id) {
+  return request({
+    url: '/unit/enterprise/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出运输企业管理
+export function exportEnterprise(query) {
+  return request({
+    url: '/unit/enterprise/export',
+    method: 'get',
+    params: query
+  })
+}
+import request from '@/utils/request'
+
+// 查询运输车辆管理列表
+export function listCarInfo(query) {
+  return request({
+    url: '/unit/carInfo/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询运输车辆管理详细
+export function getCarInfo(id) {
+  return request({
+    url: '/unit/carInfo/' + id,
+    method: 'get'
+  })
+}
+
+// 新增运输车辆管理
+export function addCarInfo(data) {
+  return request({
+    url: '/unit/carInfo',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改运输车辆管理
+export function updateCarInfo(data) {
+  return request({
+    url: '/unit/carInfo',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除运输车辆管理
+export function delCarInfo(id) {
+  return request({
+    url: '/unit/carInfo/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出运输车辆管理
+export function exportCarInfo(query) {
+  return request({
+    url: '/unit/carInfo/export',
+    method: 'get',
+    params: query
+  })
+}
+import request from '@/utils/request'
+
+// 查询处理场所管理列表
+export function listDisposalSite(query) {
+  return request({
+    url: '/unit/disposalSite/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询处理场所管理详细
+export function getDisposalSite(id) {
+  return request({
+    url: '/unit/disposalSite/' + id,
+    method: 'get'
+  })
+}
+
+// 新增处理场所管理
+export function addDisposalSite(data) {
+  return request({
+    url: '/unit/disposalSite',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改处理场所管理
+export function updateDisposalSite(data) {
+  return request({
+    url: '/unit/disposalSite',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除处理场所管理
+export function delDisposalSite(id) {
+  return request({
+    url: '/unit/disposalSite/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出处理场所管理
+export function exportDisposalSite(query) {
+  return request({
+    url: '/unit/disposalSite/export',
+    method: 'get',
+    params: query
+  })
+}
+import request from '@/utils/request'
+
+// 查询驾驶员管理列表
+export function listDriver(query) {
+  return request({
+    url: '/unit/driver/list',
+    method: 'get',
+    params: query
+  })
+}
+
+
+// 查询驾驶员管理详细
+export function listDriverByCompanyId(companyId) {
+  return request({
+    url: '/unit/driver/listDriverByCompany/' + companyId,
+    method: 'get'
+  })
+}
+
+// 查询驾驶员管理详细
+export function getDriver(id) {
+  return request({
+    url: '/unit/driver/' + id,
+    method: 'get'
+  })
+}
+
+// 新增驾驶员管理
+export function addDriver(data) {
+  return request({
+    url: '/unit/driver',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改驾驶员管理
+export function updateDriver(data) {
+  return request({
+    url: '/unit/driver',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除驾驶员管理
+export function delDriver(id) {
+  return request({
+    url: '/unit/driver/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出驾驶员管理
+export function exportDriver(query) {
+  return request({
+    url: '/unit/driver/export',
+    method: 'get',
+    params: query
+  })
+}
+import request from '@/utils/request'
+
+// 查询运输企业管理列表
+export function listEnterprise(query) {
+  return request({
+    url: '/unit/enterprise/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询运输企业管理详细
+export function getEnterprise(id) {
+  return request({
+    url: '/unit/enterprise/' + id,
+    method: 'get'
+  })
+}
+
+// 新增运输企业管理
+export function addEnterprise(data) {
+  return request({
+    url: '/unit/enterprise',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改运输企业管理
+export function updateEnterprise(data) {
+  return request({
+    url: '/unit/enterprise',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除运输企业管理
+export function delEnterprise(id) {
+  return request({
+    url: '/unit/enterprise/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出运输企业管理
+export function exportEnterprise(query) {
+  return request({
+    url: '/unit/enterprise/export',
+    method: 'get',
+    params: query
+  })
+}
@@ -12,6 +12,7 @@ import &#39;@/assets/styles/trash.scss&#39; // trash css
 import App from './App'
 import store from './store'
 import router from './router'
+import plugins from './plugins' // plugins
 import permission from './directive/permission'
  
 import './assets/icons' // icon
@@ -35,7 +36,11 @@ Vue.prototype.selectDictLabels = selectDictLabels
 Vue.prototype.download = download
 Vue.prototype.handleTree = handleTree
 Vue.prototype.parseStatus = parseStatus
-Vue.prototype.checkPer = checkPermi
+Vue.prototype.checkPer = checkPermi
+
+Vue.use(plugins)
+Vue.prototype.$aMapKey = "902732b0ff4758e4b39f0f34f0cb1cb0";// 高德地图key
+
  
 Vue.prototype.remoteFrame = "http://183.66.242.6:14601"
 // Vue.prototype.remoteFrame = "http://175.6.47.84:8008"
@@ -67,8 +72,8 @@ Vue.use(permission)
  *
  * Currently MockJs will be used in the production environment,
  * please remove it before going online! ! !
- */
-Element.Dialog.props.closeOnClickModal.default = false;
+ */
+Element.Dialog.props.closeOnClickModal.default = false;
  
 Vue.use(Element, {
   size: Cookies.get('size') || 'medium' // set element-ui default size
+import tab from './tab'
+
+export default {
+  install(Vue) {
+    // 页签操作
+    Vue.prototype.$tab = tab
+  }
+}
+import store from '@/store'
+import router from '@/router';
+
+export default {
+  // 刷新当前tab页签
+  refreshPage(obj) {
+    const { path, query, matched } = router.currentRoute;
+    if (obj === undefined) {
+      matched.forEach((m) => {
+        if (m.components && m.components.default && m.components.default.name) {
+          if (!['Layout', 'ParentView'].includes(m.components.default.name)) {
+            obj = { name: m.components.default.name, path: path, query: query };
+          }
+        }
+      });
+    }
+    return store.dispatch('tagsView/delCachedView', obj).then(() => {
+      const { path, query } = obj
+      router.replace({
+        path: '/redirect' + path,
+        query: query
+      })
+    })
+  },
+  // 关闭当前tab页签，打开新页签
+  closeOpenPage(obj) {
+    store.dispatch("tagsView/delView", router.currentRoute);
+    if (obj !== undefined) {
+      return router.push(obj);
+    }
+  },
+  // 关闭指定tab页签
+  closePage(obj) {
+    if (obj === undefined) {
+      return store.dispatch('tagsView/delView', router.currentRoute).then(({ visitedViews }) => {
+        const latestView = visitedViews.slice(-1)[0]
+        if (latestView) {
+            return router.push(latestView.fullPath)
+        }
+        return router.push('/');
+      });
+    }
+    return store.dispatch('tagsView/delView', obj);
+  },
+  // 关闭所有tab页签
+  closeAllPage() {
+    return store.dispatch('tagsView/delAllViews');
+  },
+  // 关闭左侧tab页签
+  closeLeftPage(obj) {
+    return store.dispatch('tagsView/delLeftTags', obj || router.currentRoute);
+  },
+  // 关闭右侧tab页签
+  closeRightPage(obj) {
+    return store.dispatch('tagsView/delRightTags', obj || router.currentRoute);
+  },
+  // 关闭其他tab页签
+  closeOtherPage(obj) {
+    return store.dispatch('tagsView/delOthersViews', obj || router.currentRoute);
+  },
+  // 添加tab页签
+  openPage(title, url, params) {
+    var obj = { path: url, meta: { title: title } }
+    store.dispatch('tagsView/addView', obj);
+    return router.push({ path: url, query: params });
+  },
+  // 修改tab页签
+  updatePage(obj) {
+    return store.dispatch('tagsView/updateVisitedView', obj);
+  }
+}
@@ -65,6 +65,7 @@ export const constantRoutes = [
       }
     ]
   },
+
   {
     path: '/user',
     component: Layout,
@@ -115,9 +116,79 @@ export const constantRoutes = [
         component: (resolve) => require(['@/views/tool/gen/editTable'], resolve),
         name: 'GenEdit',
         meta: { title: '修改生成配置' }
-      }
+      },
+      {
+        path: '/disposalSite/info',
+        component: (resolve) => require(['@/views/unit/disposalSite/info'], resolve),
+        name: '新增处理场所',
+        hidden: true,
+        meta: { title: '新增处理场所' }
+      },
+      {
+        path: '/disposalSite/infoEdit',
+        component: (resolve) => require(['@/views/unit/disposalSite/info'], resolve),
+        name: '修改处理场所',
+        hidden: true,
+        meta: { title: '修改处理场所' }
+      },
+      {
+        path: '/enterprise/info',
+        component: (resolve) => require(['@/views/unit/enterprise/info'], resolve),
+        name: '新增运输企业',
+        hidden: true,
+        meta: { title: '新增运输企业' }
+      },
+      {
+        path: '/enterprise/infoEdit',
+        component: (resolve) => require(['@/views/unit/enterprise/info'], resolve),
+        name: '修改运输企业',
+        hidden: true,
+        meta: { title: '修改运输企业' }
+      },
+      {
+        path: '/unit/info',
+        component: (resolve) => require(['@/views/unit/businessUnit/info'], resolve),
+        name: '新增经营单位',
+        hidden: true,
+        meta: { title: '新增经营单位' }
+      },
+      {
+        path: '/unit/infoEdit',
+        component: (resolve) => require(['@/views/unit/businessUnit/info'], resolve),
+        name: '修改经营单位',
+        hidden: true,
+        meta: { title: '修改经营单位' }
+      },
+      {
+        path: '/carInfo/info',
+        component: (resolve) => require(['@/views/unit/carInfo/info'], resolve),
+        name: '新增车辆信息',
+        hidden: true,
+        meta: { title: '新增车辆信息' }
+      },
+      {
+        path: '/carInfo/infoEdit',
+        component: (resolve) => require(['@/views/unit/carInfo/info'], resolve),
+        name: '修改车辆信息',
+        hidden: true,
+        meta: { title: '修改车辆信息' }
+      },
+      {
+        path: '/driverInfo/info',
+        component: (resolve) => require(['@/views/unit/driver/info'], resolve),
+        name: '新增驾驶员',
+        hidden: true,
+        meta: { title: '新增驾驶员' }
+      },
+      {
+        path: '/driverInfo/infoEdit',
+        component: (resolve) => require(['@/views/unit/driver/info'], resolve),
+        name: '修改驾驶员',
+        hidden: true,
+        meta: { title: '修改驾驶员' }
+      },
     ]
-  },
+  },
   {
     path: '/business',
     component: Layout,
@@ -128,12 +199,12 @@ export const constantRoutes = [
         component: (resolve) => require(['@/views/business/ConstructionCredit'], resolve),
         name: '工地失信管理',
         meta: { title: '工地失信管理' }
-      },
-      {
-          path: 'track',
-          component: (resolve) => require(['@/views/business/track'], resolve),
-          name: '跟踪监督',
-          meta: { title: '跟踪监督' }
+      },
+      {
+          path: 'track',
+          component: (resolve) => require(['@/views/business/track'], resolve),
+          name: '跟踪监督',
+          meta: { title: '跟踪监督' }
         },
       {
         path: 'supervision/threestep',
@@ -371,6 +442,7 @@ export const constantRoutes = [
       },
     ]
   },
+
   // {
   //   path: '/task/handle',
   //   component: Layout,
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="88px">
+      <el-form-item label="企业名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入企业名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="所属区域" prop="registrationArea">
+        <el-select v-model="queryParams.registrationArea" placeholder="请输入注册地所在区域" style="width: 100%" clearable>
+          <el-option v-for="(area,index) in areas" :label="area.name" :value="area.name" :key="index"/>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="法人代表" prop="legalRepresentative">
+        <el-input
+          v-model="queryParams.legalRepresentative"
+          placeholder="请输入法人代表"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="审批状态" prop="status">
+        <el-select v-model="queryParams.status" placeholder="请选择审批状态" clearable size="small">
+          <el-option label="审批中" value="0" />
+          <el-option label="审批通过" value="1" />
+          <el-option label="被驳回" value="2" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['unit:enterprise:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['unit:enterprise:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['unit:enterprise:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['unit:enterprise:export']"
+        >导出</el-button>
+      </el-col>
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="enterpriseList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="index" width="55" align="center" label="序号"/>
+      <el-table-column label="企业名称" align="center" prop="name" />
+      <el-table-column label="简称" align="center" prop="abbreviation" />
+      <el-table-column label="所属区域" align="center" prop="registrationArea" />
+      <el-table-column label="车辆数" align="center" prop="carNumber" />
+      <el-table-column label="法人代表" align="center" prop="legalRepresentative" />
+      <el-table-column label="联系方式" align="center" prop="legalRepresentativePhone" />
+      <el-table-column label="审批状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <span>{{ parseStatus(scope.row.status) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="信用状态" align="center" prop="creditStatus" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['unit:enterprise:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['unit:enterprise:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+  </div>
+</template>
+
+<script>
+import { listEnterprise, getEnterprise, delEnterprise, addEnterprise, updateEnterprise, exportEnterprise } from "@/api/unit/enterprise";
+import {getAreaList} from "@/api/casefile/remoteServer";
+
+export default {
+  name: "Enterprise",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 运输企业管理表格数据
+      enterpriseList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        abbreviation: null,
+        registrationArea: null,
+        transportPermissionDate: null,
+        enterDate: null,
+        businessLicenseDate: null,
+        officeAddress: null,
+        parkingLotLocation: null,
+        parkingArea: null,
+        carNumber: null,
+        safetyManagerName: null,
+        safetyManagerPhone: null,
+        socialUniformCreditCodeNumber: null,
+        legalRepresentative: null,
+        legalRepresentativePhone: null,
+        safetyPeopleName: null,
+        transportPermission: null,
+        enterpriseBusinessLicense: null,
+        safetyOfficerQualificationCertificate: null,
+        safetyCertificate: null,
+        carParkPanorama: null,
+        businessUnit: null,
+        status: null,
+        parentId: null,
+        companyType: null,
+        creditStatus: null,
+        qrCode: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      },
+      areas: []
+    };
+  },
+  created() {
+    getAreaList().then(res => {
+      this.areas = res.data;
+    });
+    this.getList();
+  },
+  watch:{
+    '$route.query.unitRefresh':'getList'
+  },
+  methods: {
+    /** 查询运输企业管理列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.companyType = "0";
+      listEnterprise(this.queryParams).then(response => {
+        this.enterpriseList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$tab.openPage("新增经营单位","/unit/info",{unitRefresh:0});
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      const id = row.id || this.ids
+      this.$tab.openPage("修改经营单位","/unit/infoEdit",{unitId: id,unitRefresh:0});
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除运输企业管理编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delEnterprise(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有运输企业管理数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportEnterprise(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
+    }
+  }
+};
+</script>
+<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="7">
+          <el-form-item label="企业名称" prop="name">
+            <el-input v-model="form.name" placeholder="请输入企业名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="简称" prop="abbreviation">
+            <el-input v-model="form.abbreviation" placeholder="请输入简称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="注册地所在区域" prop="registrationArea">
+            <el-select v-model="form.registrationArea" 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-row>
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="企业道路运输经营许可证有效期" prop="transportPermissionDate">
+            <el-date-picker clearable size="small" style="width: 100%;"
+                            v-model="form.transportPermissionDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择企业道路运输经营许可证有效期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="企业入市时间" prop="enterDate">
+            <el-date-picker clearable size="small" style="width: 100%;"
+                            v-model="form.enterDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择企业入市时间">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="企业营业执照有效期" prop="businessLicenseDate">
+            <el-date-picker clearable size="small" style="width: 100%;"
+                            v-model="form.businessLicenseDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择企业营业执照有效期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="办公地址" prop="officeAddress">
+            <el-input v-model="form.officeAddress" placeholder="请输入内容" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="停车场位置" prop="parkingLotLocation">
+            <el-input v-model="form.parkingLotLocation" placeholder="请输入内容" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="停车场面积(m²)" prop="parkingArea">
+            <el-input v-model="form.parkingArea" placeholder="请输入停车场面积" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="企业安全负责人姓名及联系方式" prop="safetyManagerName">
+            <el-row>
+              <el-col :span="6">
+                <el-input v-model="form.safetyManagerName" placeholder="姓名" />
+              </el-col>
+              <el-col :span="18">
+                <el-input v-model="form.safetyManagerPhone" placeholder="联系方式"  :maxlength="11" show-word-limit/>
+              </el-col>
+            </el-row>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="社会统一信用代码编号" prop="socialUniformCreditCodeNumber">
+            <el-input v-model="form.socialUniformCreditCodeNumber" placeholder="请输入社会统一信用代码编号" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="法人代表及联系方式" prop="legalRepresentative">
+            <el-row>
+              <el-col :span="6">
+                <el-input v-model="form.legalRepresentative" placeholder="姓名" />
+              </el-col>
+              <el-col :span="18">
+                <el-input v-model="form.legalRepresentativePhone" placeholder="联系方式"  :maxlength="11" show-word-limit/>
+              </el-col>
+            </el-row>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="安全管理人员" prop="safetyPeopleName">
+            <el-input v-model="form.safetyPeopleName" placeholder="请输入安全管理人员" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="14">
+          <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+        </el-form-item>
+        </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="fileChange"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="transportPermission">
+
+              <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 transportPermission">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="transportPermission.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="transportPermission.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="enterpriseBusinessLicense">
+              <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 enterpriseBusinessLicense">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="enterpriseBusinessLicense.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="enterpriseBusinessLicense.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="safetyOfficerQualificationCertificate">
+              <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 safetyOfficerQualificationCertificate">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="safetyOfficerQualificationCertificate.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="safetyOfficerQualificationCertificate.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="safetyCertificate">
+              <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 safetyCertificate">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="safetyCertificate.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="safetyCertificate.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="carParkPanorama">
+              <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 carParkPanorama">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="carParkPanorama.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="carParkPanorama.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>
+  </div>
+</template>
+
+<script>
+import { listEnterprise, getEnterprise, delEnterprise, addEnterprise, updateEnterprise, exportEnterprise } from "@/api/unit/enterprise";
+import Treeselect from "@riophae/vue-treeselect";
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import {getAreaList} from "@/api/casefile/remoteServer";
+
+export default {
+  name: "DisposalSite",
+  components: {Treeselect},
+  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"}
+        ],
+        abbreviation: [
+          {required: true, message: "请输入简称", trigger: "blur"}
+        ],
+        registrationArea: [
+          {required: true, message: "请输入注册地所在区域", trigger: "blur"}
+        ],
+        transportPermissionDate: [
+          {required: true, message: "请选择企业道路运输经营许可证有效期", trigger: "blur"}
+        ],
+        enterDate: [
+          {required: true, message: "请选择企业入市时间", trigger: "blur"}
+        ],
+        businessLicenseDate: [
+          {required: true, message: "请选择企业营业执照有效期", trigger: "blur"}
+        ],
+        officeAddress: [
+          {required: true, message: "请输入办公地址", trigger: "blur"}
+        ],
+        parkingLotLocation: [
+          {required: true, message: "请输入停车场位置", trigger: "blur"}
+        ],
+        parkingArea: [
+          {required: true, message: "请输入停车场面积", trigger: "blur"},
+          {pattern: /^\d+(\.\d+)?$/, message: "只能输入正数和小数", trigger: "blur"}
+        ],
+        safetyManagerName: [
+          {required: true, message: "请输入企业安全负责人姓名", trigger: "blur"}
+        ],
+        socialUniformCreditCodeNumber: [
+          {required: true, message: "请输入社会统一信用代码编号", trigger: "blur"}
+        ],
+        legalRepresentative: [
+          {required: true, message: "请输入法人代表", trigger: "blur"}
+        ],
+        safetyPeopleName: [
+          {required: true, message: "请输入安全管理人员", trigger: "blur"}
+        ],
+      },
+      areas:[],
+      // 企业道路运输经营许可证
+      transportPermission:[],
+      // 企业营业执照
+      enterpriseBusinessLicense:[],
+      // 安全员考核合格证明
+      safetyOfficerQualificationCertificate:[],
+      // 企业负责人安全考核证
+      safetyCertificate:[],
+      // 停车场全景图
+      carParkPanorama:[],
+    };
+  },
+  created() {
+    getAreaList().then(res => {
+      this.areas = res.data;
+    });
+    this.initData();
+  },
+  watch: {
+    '$route.query.unitId': 'initData'
+  },
+  methods: {
+    reset(){
+      this.form = {};
+      this.transportPermission = [];
+      this.enterpriseBusinessLicense = [];
+      this.safetyOfficerQualificationCertificate = [];
+      this.safetyCertificate = [];
+      this.carParkPanorama = [];
+    },
+    initData(){
+      this.reset();
+      let id = this.$route.query.unitId;
+      if(id!=null){
+        getEnterprise(id).then(response => {
+          this.form = response.data;
+          //将附件转换为前端可视化数组
+          if(this.form.transportPermission!=null&&this.form.transportPermission!==""){
+            let approvalDocument = this.form.transportPermission.split(";");
+            approvalDocument.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.transportPermission.push({name:name,url:item})
+            })
+          }
+          if(this.form.enterpriseBusinessLicense!=null&&this.form.enterpriseBusinessLicense!==""){
+            let approvalData = this.form.enterpriseBusinessLicense.split(";");
+            approvalData.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.enterpriseBusinessLicense.push({name:name,url:item})
+            })
+          }
+          if(this.form.safetyOfficerQualificationCertificate!=null&&this.form.safetyOfficerQualificationCertificate!==""){
+            let scenePhoto = this.form.safetyOfficerQualificationCertificate.split(";");
+            scenePhoto.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.safetyOfficerQualificationCertificate.push({name:name,url:item})
+            })
+          }
+          if(this.form.safetyCertificate!=null&&this.form.safetyCertificate!==""){
+            let carWashingFacilitiesImage = this.form.safetyCertificate.split(";");
+            carWashingFacilitiesImage.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.safetyCertificate.push({name:name,url:item})
+            })
+          }
+          if(this.form.carParkPanorama!=null&&this.form.carParkPanorama!==""){
+            let safetyAssessmentReport = this.form.carParkPanorama.split(";");
+            safetyAssessmentReport.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.carParkPanorama.push({name:name,url:item})
+            })
+          }
+        });
+      }
+    },
+    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;
+      }
+      const a = document.createElement('a')
+      a.setAttribute('download', name)
+      a.setAttribute('target', '_blank')
+      a.setAttribute('href', url);
+      a.click()
+    },
+    // 取消按钮
+    cancel() {
+      this.$tab.closePage({path:"/unit/info"}).then(() => {
+        this.$tab.openPage("经营单位管理", "/tool/unit",{unitRefresh:1})
+      })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          let phoneTest = /^1[3456789]\d{9}$/;
+          if(phoneTest.test(this.form.safetyManagerPhone)===false){
+            this.msgError("请输入正确的企业安全负责人联系方式");
+            return false;
+          }
+          if(phoneTest.test(this.form.legalRepresentativePhone)===false){
+            this.msgError("请输入正确的法人代表联系方式");
+            return false;
+          }
+          let formData = new FormData();
+          let form = this.form;
+          //去掉params属性
+          delete form.params;
+
+          //先清空原有的附件
+          form.transportPermission = null;
+          form.enterpriseBusinessLicense = null;
+          form.safetyOfficerQualificationCertificate = null;
+          form.safetyCertificate = null;
+          form.carParkPanorama = null;
+          form.companyType = "0";
+
+          this.transportPermission.forEach(item => {
+            if (item.raw != null) {
+              formData.append('transportPermissionFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.transportPermission = form.transportPermission!==null?form.transportPermission+";"+item.url:item.url;
+            }
+          })
+
+          this.enterpriseBusinessLicense.forEach(item => {
+            if (item.raw != null) {
+              formData.append('enterpriseBusinessLicenseFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.enterpriseBusinessLicense = form.enterpriseBusinessLicense!==null?form.enterpriseBusinessLicense+";"+item.url:item.url;
+            }
+          })
+          this.safetyOfficerQualificationCertificate.forEach(item => {
+            if (item.raw != null) {
+              formData.append('safetyOfficerQualificationCertificateFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.safetyOfficerQualificationCertificate = form.safetyOfficerQualificationCertificate!==null?form.safetyOfficerQualificationCertificate+";"+item.url:item.url;
+            }
+          })
+          this.safetyCertificate.forEach(item => {
+            if (item.raw != null) {
+              formData.append('safetyCertificateFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.safetyCertificate = form.safetyCertificate!==null?form.safetyCertificate+";"+item.url:item.url;
+            }
+          })
+          this.carParkPanorama.forEach(item => {
+            if (item.raw != null) {
+              formData.append('carParkPanoramaFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.carParkPanorama = form.carParkPanorama!==null?form.carParkPanorama+";"+item.url:item.url;
+            }
+          })
+          for (let key in form) {
+            formData.append(key, form[key] == null ? "" : form[key])
+          }
+          if (this.form.id != null) {
+            updateEnterprise(formData).then(response => {
+              this.msgSuccess("修改成功");
+              this.$tab.closePage({path:"/unit/infoEdit"}).then(() => {
+                this.$tab.openPage("经营单位管理", "/tool/unit",{unitRefresh:1})
+              })
+            });
+          } else {
+            addEnterprise(formData).then(response => {
+              this.msgSuccess("新增成功");
+              this.$tab.closePage({path:"/unit/info"}).then(() => {
+                this.$tab.openPage("经营单位管理", "/tool/unit",{unitRefresh: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.transportPermission = 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.enterpriseBusinessLicense = 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.safetyOfficerQualificationCertificate = 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.safetyCertificate = 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.carParkPanorama = 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>
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="所属公司" prop="companyName">
+        <el-input
+          v-model="queryParams.companyName"
+          placeholder="请输入所属公司"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="车辆类型" prop="carType">
+        <el-select v-model="queryParams.carType" placeholder="请选择车辆类型" clearable style="width: 100%;"  size="small">
+          <el-option label="燃油渣土车" value="燃油渣土车" />
+          <el-option label="电动渣土车" value="电动渣土车" />
+          <el-option label="其它" value="其它" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="车牌号" prop="carCode">
+        <el-input
+          v-model="queryParams.carCode"
+          placeholder="请输入车牌号"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="车辆品牌" prop="carBrank">
+        <el-input
+          v-model="queryParams.carBrank"
+          placeholder="请输入车辆品牌"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['unit:carInfo:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['unit:carInfo:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['unit:carInfo:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['unit:carInfo:export']"
+        >导出</el-button>
+      </el-col>
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="carInfoList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="index" width="55" align="center" label="序号"/>
+      <el-table-column label="车牌号" align="center" prop="carCode" />
+      <el-table-column label="车辆标识牌" align="center" prop="carIdentification" />
+      <el-table-column label="所属公司" align="center" prop="companyName" />
+      <el-table-column label="驾驶员" align="center" prop="driversName" />
+      <el-table-column label="车辆品牌" align="center" prop="carBrank" />
+      <el-table-column label="所属区域" align="center" prop="emissionStandard" />
+      <el-table-column label="车辆类型" align="center" prop="carType" />
+      <el-table-column label="SIM卡号" align="center" prop="farmeNumber" />
+      <el-table-column label="审批状态" align="center" prop="status" >
+        <template slot-scope="scope">
+          {{ parseStatus(scope.row.status)}}
+        </template>
+      </el-table-column>
+      <el-table-column label="信用状态" align="center" prop="creditStatus" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['unit:carInfo:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['unit:carInfo:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+  </div>
+</template>
+
+<script>
+import { listCarInfo, getCarInfo, delCarInfo, addCarInfo, updateCarInfo, exportCarInfo } from "@/api/unit/carInfo";
+import {parseStatus} from "../../../utils/trash";
+
+export default {
+  name: "CarInfo",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 运输车辆管理表格数据
+      carInfoList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        companyId: null,
+        carType: null,
+        carCode: null,
+        carBrank: null,
+        emissionStandard: null,
+        roadTransportDate: null,
+        drivingLicenseDate: null,
+        enterDate: null,
+        farmeNumber: null,
+        carIdentification: null,
+        containerVolume: null,
+        carColor: null,
+        carEquipment: null,
+        roadTransport: null,
+        drivingLicense: null,
+        carFront: null,
+        carLeft: null,
+        carBehind: null,
+        carRight: null,
+        drivers: null,
+        status: null,
+        creditStatus: null,
+        qrCode: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      }
+    };
+  },
+  created() {
+    this.getList();
+  },
+  watch:{
+    '$route.query.carInfoRefresh':'getList'
+  },
+  methods: {
+    /** 查询运输车辆管理列表 */
+    getList() {
+      this.loading = true;
+      listCarInfo(this.queryParams).then(response => {
+        this.carInfoList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$tab.openPage("新增车辆信息","/carInfo/info",{carInfoRefresh:0});
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      const id = row.id || this.ids
+      this.$tab.openPage("修改运输企业","/carInfo/infoEdit",{carInfoId: id,carInfoRefresh:0});
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          if (this.form.id != null) {
+            updateCarInfo(this.form).then(response => {
+              this.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            addCarInfo(this.form).then(response => {
+              this.msgSuccess("新增成功");
+              this.open = false;
+              this.getList();
+            });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除运输车辆管理编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delCarInfo(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有运输车辆管理数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportCarInfo(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
+    }
+  }
+};
+</script>
+<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="7">
+          <el-form-item label="所属公司" prop="companyId">
+            <el-select v-model="form.companyId" placeholder="请选择所属公司" clearable style="width: 100%;" @change="listDriverByCompany">
+              <el-option v-for="(item,index) in enterpriseList" :label="item.name" :value="item.id" :key="index"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="车辆类型" prop="carType">
+            <el-select v-model="form.carType" placeholder="请选择车辆类型" clearable 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="7">
+          <el-form-item label="车牌号" prop="carCode">
+            <el-input v-model="form.carCode" placeholder="请输入车牌号" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="车辆品牌" prop="carBrank">
+            <el-input v-model="form.carBrank" placeholder="请输入车辆品牌" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="排放标准" prop="emissionStandard">
+            <el-select v-model="form.emissionStandard" placeholder="请选择排放标准" clearable 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="7">
+          <el-form-item label="驾驶员" prop="drivers">
+            <treeselect v-model="drivers" :multiple="true" :options="options" placeholder="请选择"/>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="道路运输证有效期" prop="roadTransportDate">
+            <el-date-picker clearable size="small" style="width: 100%"
+                            v-model="form.roadTransportDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择道路运输证有效期">
+            </el-date-picker>
+          </el-form-item>
+
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="行驶证有效期" prop="drivingLicenseDate">
+            <el-date-picker clearable size="small" style="width: 100%"
+                            v-model="form.drivingLicenseDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择行驶证有效期">
+            </el-date-picker>
+          </el-form-item>
+
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="录入日期" prop="enterDate">
+            <el-date-picker clearable size="small" style="width: 100%"
+                            v-model="form.enterDate"
+                            type="date"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择录入日期">
+            </el-date-picker>
+          </el-form-item>
+
+        </el-col>
+      </el-row>
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="车架号" prop="farmeNumber">
+            <el-input v-model="form.farmeNumber" placeholder="请输入车架号" />
+          </el-form-item>
+
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="车辆标识牌" prop="carIdentification">
+            <el-input v-model="form.carIdentification" placeholder="请输入车辆标识牌" />
+          </el-form-item>
+
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="箱货体积" prop="containerVolume">
+            <el-row>
+              <el-col :span="5">
+                <el-select v-model="volumeOrLWH" placeholder="请选择排放标准" style="width: 100%;">
+                  <el-option label="体积" value="体积"/>
+                  <el-option label="长宽高" value="长宽高" />
+                </el-select>
+              </el-col>
+              <el-col :span="19" v-if="volumeOrLWH==='体积'">
+                <el-input v-model="form.containerVolume" placeholder="请输入车辆体积" />
+              </el-col>
+              <el-col :span="19" v-if="volumeOrLWH==='长宽高'">
+                <el-row>
+                  <el-col :span="8">
+                    <el-input v-model="form.length" placeholder="长" />
+                  </el-col>
+                  <el-col :span="8">
+                    <el-input v-model="form.width" placeholder="宽" />
+                  </el-col>
+                  <el-col :span="8">
+                    <el-input v-model="form.height" placeholder="高" />
+                  </el-col>
+                </el-row>
+              </el-col>
+            </el-row>
+
+          </el-form-item>
+
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="30">
+        <el-col :span="7">
+          <el-form-item label="车辆颜色" prop="carColor">
+            <el-select v-model="form.carColor" placeholder="请选择车辆颜色" clearable 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-select>
+          </el-form-item>
+
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="车辆设备" prop="carEquipment">
+            <el-input v-model="form.carEquipment" placeholder="请输入车辆设备" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="7">
+          <el-form-item label="备注" prop="remark">
+            <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
+          </el-form-item>
+        </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="fileChange"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="roadTransport">
+
+              <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 roadTransport">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="roadTransport.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="roadTransport.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="drivingLicense">
+              <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 drivingLicense">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="drivingLicense.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="drivingLicense.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"
+              :on-change="fileChange2"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="carFront">
+              <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 carFront">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="carFront.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="carFront.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"
+              :on-change="fileChange3"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="carLeft">
+              <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 carLeft">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="carLeft.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="carLeft.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"
+              :on-change="fileChange4"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="carBehind">
+              <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 carBehind">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="carBehind.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="carBehind.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"
+              :on-change="fileChange5"
+              :auto-upload="false"
+              :show-file-list="false"
+              multiple
+              :file-list="carRight">
+              <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 carRight">
+              <div v-if="!/\.(pjp|pdf|doc|docx|xls|xlsx)$/.test(item.name)" class="upload_div_image">
+                <div class="upload_close" @click="carRight.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="carRight.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>
+  </div>
+</template>
+
+<script>
+import {getCarInfo, addCarInfo, updateCarInfo } from "@/api/unit/carInfo";
+import { listEnterprise} from "@/api/unit/enterprise";
+import Treeselect from "@riophae/vue-treeselect";
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import {getAreaList} from "@/api/casefile/remoteServer";
+import { listDriverByCompanyId } from "@/api/unit/driver";
+
+export default {
+  name: "DisposalSite",
+  components: {Treeselect},
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 处理场所管理表格数据
+      disposalSiteList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        companyId: [
+          {required: true, message: "请选择所属公司", trigger: "blur"}
+        ],
+        carType: [
+          {required: true, message: "请选择车辆类型", trigger: "blur"}
+        ],
+        carCode: [
+          {required: true, message: "请输入车牌号", trigger: "blur"}
+        ],
+        carBrank: [
+          {required: true, message: "请输入车辆品牌", trigger: "blur"}
+        ],
+        emissionStandard: [
+          {required: true, message: "请选择排放标准", trigger: "blur"}
+        ],
+        roadTransportDate: [
+          {required: true, message: "请选择道路运输证有效期", trigger: "blur"}
+        ],
+        drivingLicenseDate: [
+          {required: true, message: "请选择行驶证有效期", trigger: "blur"}
+        ],
+        enterDate: [
+          {required: true, message: "请选择录入日期", trigger: "blur"}
+        ],
+        farmeNumber: [
+          {required: true, message: "请输入车架号", trigger: "blur"}
+        ],
+        carIdentification: [
+          {required: true, message: "请输入车辆标识牌", trigger: "blur"}
+        ],
+
+      },
+      areas:[],
+      // 附件
+      roadTransport: [],
+      drivingLicense: [],
+      carFront: [],
+      carLeft: [],
+      carBehind: [],
+      carRight: [],
+      enterpriseList:[],
+      driverList:[],
+      options:[],
+      volumeOrLWH:"体积",
+      drivers:[]
+    };
+  },
+  created() {
+    getAreaList().then(res => {
+      this.areas = res.data;
+    });
+    this.queryParams = {
+      companyType:"1"
+    }
+    listEnterprise(this.queryParams).then(response => {
+      this.enterpriseList = response.rows;
+    });
+    this.initData();
+  },
+  watch: {
+    '$route.query.carInfoId': 'initData'
+  },
+  methods: {
+    listDriverByCompany(value){
+      listDriverByCompanyId(value).then(response => {
+        this.drivers = [];
+        this.options = response;
+      });
+    },
+    reset(){
+      this.form = {
+        id: null,
+        companyId: null,
+        carType: null,
+        carCode: null,
+        carBrank: null,
+        emissionStandard: null,
+        roadTransportDate: null,
+        drivingLicenseDate: null,
+        enterDate: null,
+        farmeNumber: null,
+        carIdentification: null,
+        containerVolume: null,
+        carColor: null,
+        carEquipment: null,
+        remark: null,
+        roadTransport: null,
+        drivingLicense: null,
+        carFront: null,
+        carLeft: null,
+        carBehind: null,
+        carRight: null,
+        drivers: null,
+        status: 0,
+        createTime: null,
+        createBy: null,
+        updateTime: null,
+        updateBy: null,
+        creditStatus: "0",
+        qrCode: null
+      };
+      this.roadTransport = [];
+      this.drivingLicense = [];
+      this.carFront = [];
+      this.carLeft = [];
+      this.carBehind = [];
+      this.carRight = [];
+      this.drivers = [];
+    },
+    initData(){
+      this.reset();
+      let id = this.$route.query.carInfoId;
+      if(id!=null){
+        getCarInfo(id).then(response => {
+          this.form = response.data;
+
+          listDriverByCompanyId(this.form.companyId).then(response => {
+            this.drivers = this.form.drivers.split(",").map(value => parseInt(value));
+            this.options = response;
+          });
+
+          //将附件转换为前端可视化数组
+          if(this.form.roadTransport!=null&&this.form.roadTransport!==""){
+            let roadTransport = this.form.roadTransport.split(";");
+            roadTransport.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.roadTransport.push({name:name,url:item})
+            })
+          }
+          if(this.form.drivingLicense!=null&&this.form.drivingLicense!==""){
+            let drivingLicense = this.form.drivingLicense.split(";");
+            drivingLicense.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.drivingLicense.push({name:name,url:item})
+            })
+          }
+          if(this.form.carFront!=null&&this.form.carFront!==""){
+            let carFront = this.form.carFront.split(";");
+            carFront.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.carFront.push({name:name,url:item})
+            })
+          }
+          if(this.form.carLeft!=null&&this.form.carLeft!==""){
+            let carLeft = this.form.carLeft.split(";");
+            carLeft.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.carLeft.push({name:name,url:item})
+            })
+          }
+          if(this.form.carBehind!=null&&this.form.carBehind!==""){
+            let carBehind = this.form.carBehind.split(";");
+            carBehind.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.carBehind.push({name:name,url:item})
+            })
+          }
+          if(this.form.carRight!=null&&this.form.carRight!==""){
+            let carRight = this.form.carRight.split(";");
+            carRight.map(item=>{
+              let name = item.substring(item.lastIndexOf("/")+1);
+              this.carRight.push({name:name,url:item})
+            })
+          }
+        });
+      }
+    },
+    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;
+      }
+      const a = document.createElement('a')
+      a.setAttribute('download', name)
+      a.setAttribute('target', '_blank')
+      a.setAttribute('href', url);
+      a.click()
+    },
+    // 取消按钮
+    cancel() {
+      this.$tab.closePage({path:"/carInfo/info"}).then(() => {
+        this.$tab.openPage("车辆信息", "/tool/carInfo",{carInfoRefresh:1})
+      })
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate(valid => {
+        if (valid) {
+          let formData = new FormData();
+          let form = this.form;
+          //去掉params属性
+          delete form.params;
+
+          //先清空原有的附件
+          form.roadTransport = null;
+          form.drivingLicense = null;
+          form.carFront = null;
+          form.carLeft = null;
+          form.carBehind = null;
+          form.carRight = null;
+
+          if(this.volumeOrLWH==="长宽高"){
+            form.lengthWidthHeight = form.length+";"+form.width+";"+form.height;
+          }
+          this.form.drivers = this.drivers.join(",");
+          this.roadTransport.forEach(item => {
+            if (item.raw != null) {
+              formData.append('roadTransportFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.roadTransport = form.roadTransport!==null?form.roadTransport+";"+item.url:item.url;
+            }
+          })
+          this.drivingLicense.forEach(item => {
+            if (item.raw != null) {
+              formData.append('drivingLicenseFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.drivingLicense = form.drivingLicense!==null?form.drivingLicense+";"+item.url:item.url;
+            }
+          })
+          this.carFront.forEach(item => {
+            if (item.raw != null) {
+              formData.append('carFrontFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.carFront = form.carFront!==null?form.carFront+";"+item.url:item.url;
+            }
+          })
+          this.carLeft.forEach(item => {
+            if (item.raw != null) {
+              formData.append('carLeftFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.carLeft = form.carLeft!==null?form.carLeft+";"+item.url:item.url;
+            }
+          })
+          this.carBehind.forEach(item => {
+            if (item.raw != null) {
+              formData.append('carBehindFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.carBehind = form.carBehind!==null?form.carBehind+";"+item.url:item.url;
+            }
+          })
+          this.carRight.forEach(item => {
+            if (item.raw != null) {
+              formData.append('carRightFiles', item.raw)
+            }else{
+              //将原有的附件拼接到form中
+              form.carRight = form.carRight!==null?form.carRight+";"+item.url:item.url;
+            }
+          })
+          for (let key in form) {
+            formData.append(key, form[key] == null ? "" : form[key])
+          }
+          if (this.form.id != null) {
+            updateCarInfo(formData).then(response => {
+              this.msgSuccess("修改成功");
+              this.$tab.closePage({path:"/carInfo/infoEdit"}).then(() => {
+                this.$tab.openPage("车辆信息管理", "/tool/carInfo",{carInfoRefresh:1})
+              })
+            });
+          } else {
+            addCarInfo(formData).then(response => {
+              this.msgSuccess("新增成功");
+              this.$tab.closePage({path:"/carInfo/info"}).then(() => {
+                this.$tab.openPage("车辆信息管理", "/tool/carInfo",{carInfoRefresh: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.roadTransport = 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.drivingLicense = 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".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.carFront = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp格式!',
+          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".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.carLeft = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp格式!',
+          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".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.carBehind = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp格式!',
+          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".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.carRight = fileList
+        }
+      } else {
+        this.$message({
+          message: '上传文件只能是.jpg,.jpeg,.png,.gif,.jfif,.pjpeg,.pjp格式!',
+          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>
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="158px">
+      <el-form-item label="处理场所名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入处理场所名称"
+          clearable
+          size="small"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="建筑垃圾处理场所类型" prop="siteType">
+        <el-select v-model="queryParams.siteType" placeholder="请选择建筑垃圾处理场所类型" clearable size="small">
+          <el-option label="消纳（回填）场所" value="消纳（回填）场所" />
+          <el-option label="建筑垃圾资源化处置场" value="建筑垃圾资源化处置场" />
+          <el-option label="盾构土环保处置场" value="盾构土环保处置场" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="所在区域" prop="localArea">
+        <el-select v-model="queryParams.localArea" placeholder="请选择所在区域" style="width: 100%" clearable>
+          <el-option v-for="(area,index) in areas" :label="area.name" :value="area.name" :key="index"/>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="审核情况" prop="auditStatus">
+        <el-select v-model="queryParams.auditStatus" placeholder="审核情况" clearable size="small">
+          <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-form-item label="信用状态" prop="creditStatus">
+        <el-select v-model="queryParams.creditStatus" placeholder="请选择信用状态" clearable size="small">
+          <el-option label="正常" value="正常" />
+          <el-option label="失信" value="失信" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="期限范围" prop="termRange">
+        <el-select v-model="queryParams.termRange" placeholder="请选择期限范围" clearable size="small">
+          <el-option label="已超期" value="已超期" />
+          <el-option label="未超期" value="未超期" />
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['unit:disposalSite:add']"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['unit:disposalSite:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['unit:disposalSite:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['unit:disposalSite:export']"
+        >导出</el-button>
+      </el-col>
+	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="disposalSiteList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column type="index" width="55" align="center" label="序号"/>
+      <el-table-column label="处理场所名称" align="center" prop="name" />
+      <el-table-column label="建筑垃圾处理场所类型" align="center" prop="siteType" />
+      <el-table-column label="所在区域" align="center" prop="localArea" />
+      <el-table-column label="审批方量(m³)" align="center" prop="squareMeasure" />
+      <el-table-column label="剩余方量(m³)" align="center" prop="surplusSquareMeasure" />
+      <el-table-column label="有限期开始时间" align="center" prop="validityBeginDate" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.validityBeginDate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="有限期结束时间" align="center" prop="validityEndDate" width="180">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.validityEndDate, '{y}-{m}-{d}') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="消纳来源" align="center" prop="absorbSource" />
+      <el-table-column label="审核情况" align="center" prop="auditStatus" />
+      <el-table-column label="信用状态" align="center" prop="creditStatus" />
+      <el-table-column label="期限范围" align="center" prop="termRange" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['unit:disposalSite:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['unit:disposalSite:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import { listDisposalSite, getDisposalSite, delDisposalSite, addDisposalSite, updateDisposalSite, exportDisposalSite } from "@/api/unit/disposalSite";
+import {getAreaList} from "@/api/casefile/remoteServer";
+
+export default {
+  name: "DisposalSite",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 处理场所管理表格数据
+      disposalSiteList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        certificateNumber: null,
+        address: null,
+        engineeringProperty: null,
+        siteType: null,
+        localArea: null,
+        operatingArea: null,
+        trashType: null,
+        constructionUnit: null,
+        constructionUnitPerson: null,
+        constructionUnitPersonPhone: null,
+        validityBeginDate: null,
+        validityEndDate: null,
+        squareMeasure: null,
+        surplusSquareMeasure: null,
+        carWashingFacilities: null,
+        exitRoadCondition: null,
+        lightingFacility: null,
+        videoSurveillanceFacility: null,
+        preparer: null,
+        handlingAdvice: null,
+        absorbSource: null,
+        electronicFence: null,
+        creditStatus: null,
+        approvalDocument: null,
+        approvalData: null,
+        scenePhoto: null,
+        carWashingFacilitiesImage: null,
+        termRange: null,
+        safetyAssessmentReport: null,
+        environmentalApproval: null,
+        authorization: null,
+        otherInformation: null,
+        companyIds: null,
+        status: null,
+        qrCode: null
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+      },
+      areas: []
+    };
+  },
+  created() {
+    getAreaList().then(res => {
+      this.areas = res.data;
+    });
+
+    this.getList();
+  },
+  watch:{
+    '$route.query.disposalSiteRefresh':'getList'
+  },
+  methods: {
+    /** 查询处理场所管理列表 */
+    getList() {
+      this.loading = true;
+      listDisposalSite(this.queryParams).then(response => {
+        this.disposalSiteList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map(item => item.id)
+      this.single = selection.length!==1
+      this.multiple = !selection.length
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$tab.openPage("新增处理场所管理","/disposalSite/info",{disposalSiteRefresh:0});
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      const id = row.id || this.ids
+      this.$tab.openPage("修改处理场所","/disposalSite/infoEdit",{disposalSiteId: id,disposalSiteRefresh:0});
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm('是否确认删除处理场所管理编号为"' + ids + '"的数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return delDisposalSite(ids);
+        }).then(() => {
+          this.getList();
+          this.msgSuccess("删除成功");
+        })
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm('是否确认导出所有处理场所管理数据项?', "警告", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
+        }).then(function() {
+          return exportDisposalSite(queryParams);
+        }).then(response => {
+          this.download(response.msg);
+        })
+    }
+  }
+};
+</script>
+<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="zcContainer" 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("zcContainer", { //设置地图容器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 => {
+          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>