新增审批字段

2c2c2c
1 parent a8f380a6
Showing 4 changed files with 169 additions and 703 deletions
trash-ui/src/api/taskmethod.js
trash-ui/src/views/activiti/task/dropPointinfo.vue
trash-ui/src/views/h5/task/dropPointinfo.vue
trash-ui/src/views/unit/dropPointInfo/dropPointinfo.vue
@@ -155,6 +155,7 @@ export default {
         this.leaveApplicationOpen = false;
         this.company = false;
         this.driver = false;
+        this.dropPoint = false;
         this.vehicle = false;
         this.videoSrc1 = [];
         this.slides1 = [];
 <template>
   <div>
-    <div v-loading="loading" style="border: 1px solid black;">
-      <el-row  >
-        <el-col :span="12" class="bd">投放点编号</el-col>
-        <el-col :span="12" class="bd">{{infoData.dropPointNo}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点名称</el-col>
-        <el-col :span="12" class="bd">{{infoData.dropPointName}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">所属区域</el-col>
-        <el-col :span="12" class="bd">{{dict(infoData.place)}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">所属街道</el-col>
-        <el-col :span="12" class="bd">{{dictInfo(infoData.street)}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">社区</el-col>
-        <el-col :span="12" class="bd">{{infoData.community}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">详细地址</el-col>
-        <el-col :span="12" class="bd">{{infoData.address}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点形式</el-col>
-        <el-col :span="12" class="bd">{{infoData.type}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点面积(m²)</el-col>
-        <el-col :span="12" class="bd">{{infoData.area}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点容量(m³)</el-col>
-        <el-col :span="12" class="bd">{{infoData.capacity}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">管理单位</el-col>
-        <el-col :span="12" class="bd">{{infoData.managementUnit}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">管理人</el-col>
-        <el-col :span="12" class="bd">{{infoData.custodian}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">管理员电话</el-col>
-        <el-col :span="12" class="bd">{{infoData.custodianPhone}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放时间</el-col>
-        <el-col :span="12" class="bd">{{infoData.dropTime}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">运营单位</el-col>
-        <el-col :span="12" class="bd">{{infoData.operatingUnit}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">运输单位</el-col>
-        <el-col :span="12" class="bd">{{infoData.transportUnit}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">坐标点</el-col>
-        <el-col :span="12" class="bd">{{infoData.coordinatePoint}}</el-col>
-      </el-row>
-    </div>
+    <el-form ref="form" :model="infoData" label-width="128px">
+
+      <el-form-item label="投放点编号" prop="dropPointNo">
+        <el-input v-model="infoData.dropPointNo" placeholder="请输入投放点编号" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="投放点名称" prop="dropPointName">
+        <el-input v-model="infoData.dropPointName" placeholder="请输入投放点名称" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="所属区域" prop="district">
+        <el-input v-model="infoData.district" placeholder="请输入投放点名称" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="所属街道" prop="street">
+        <el-input v-model="infoData.street" placeholder="请输入投放点名称" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="社区" prop="community">
+        <el-input v-model="infoData.community" placeholder="请输入社区" :disabled="true"/>
+      </el-form-item>
+
+
+      <el-form-item label="详细地址" prop="address">
+        <el-input v-model="infoData.address" placeholder="请输入详细地址" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="投放点形式" prop="type">
+        <el-select v-model="infoData.type" placeholder="请选择投放点形式" :disabled="true" style="width: 100%">
+          <el-option label="固定" value="固定"/>
+          <el-option label="临时" value="临时"/>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item label="投放点面积(m²)" prop="area" :disabled="true">
+        <el-input v-model="infoData.area" placeholder="请输入投放点面积" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="投放点容量(m³)" prop="capacity">
+        <el-input v-model="infoData.capacity" placeholder="请输入投放点容量" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="管理单位" prop="managementUnit">
+        <el-input v-model="infoData.managementUnit" placeholder="请输入管理单位" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="管理人" prop="custodian">
+        <el-input v-model="infoData.custodian" placeholder="请输入管理人" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="管理员电话" prop="custodianPhone">
+        <el-input v-model="infoData.custodianPhone" placeholder="请输入管理员联系电话" :maxlength="11" show-word-limit :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="投放时间" prop="dropTime">
+        <el-time-select
+          v-model="infoData.dropTime"
+          style="width: 100%"
+          :picker-options="{
+                    start: '00:00',
+                    step: '00:30',
+                    end: '23:30'
+                  }"
+          :disabled="true"
+          placeholder="选择时间">
+        </el-time-select>
+      </el-form-item>
+
+      <el-form-item label="运营单位" prop="operatingUnit">
+        <el-input v-model="infoData.operatingUnit" placeholder="请输入运营单位" :disabled="true" />
+      </el-form-item>
+
+      <el-form-item label="运输单位" prop="transportUnit">
+        <el-input v-model="infoData.transportUnit" placeholder="请输入运输单位" :disabled="true"/>
+      </el-form-item>
+
+      <el-form-item label="坐标点" prop="coordinatePoint">
+        <el-input v-model="infoData.coordinatePoint" placeholder="请输入坐标点经纬度"  :disabled="true"/>
+      </el-form-item>
+      <!--            <el-button type="primary" @click="handleOpenMap">坐标点</el-button>-->
+
+    </el-form>
   </div>
 </template>
@@ -159,6 +175,8 @@ export default {
       getDropPointInfo(id).then(response => {
         this.infoData = response.data;
+        this.infoData.district = this.dict(this.infoData.district);
+        this.infoData.street = this.dictInfo(this.infoData.street);
         // getArea().then(res => {
         //   this.areas = res.result;
         //   this.loading = false;
 <template>
   <div>
     <div v-loading="loading" style="border: 1px solid black;">
-      <el-row  >
-        <el-col :span="12" class="bd">投放点编号</el-col>
-        <el-col :span="12" class="bd">{{infoData.dropPointNo}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点名称</el-col>
-        <el-col :span="12" class="bd">{{infoData.dropPointName}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">所属区域</el-col>
-        <el-col :span="12" class="bd">{{dict(infoData.place)}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">所属街道</el-col>
-        <el-col :span="12" class="bd">{{dictInfo(infoData.street)}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">社区</el-col>
-        <el-col :span="12" class="bd">{{infoData.community}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">详细地址</el-col>
-        <el-col :span="12" class="bd">{{infoData.address}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点形式</el-col>
-        <el-col :span="12" class="bd">{{infoData.type}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点面积(m²)</el-col>
-        <el-col :span="12" class="bd">{{infoData.area}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放点容量(m³)</el-col>
-        <el-col :span="12" class="bd">{{infoData.capacity}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">管理单位</el-col>
-        <el-col :span="12" class="bd">{{infoData.managementUnit}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">管理人</el-col>
-        <el-col :span="12" class="bd">{{infoData.custodian}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">管理员电话</el-col>
-        <el-col :span="12" class="bd">{{infoData.custodianPhone}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">投放时间</el-col>
-        <el-col :span="12" class="bd">{{infoData.dropTime}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">运营单位</el-col>
-        <el-col :span="12" class="bd">{{infoData.operatingUnit}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">运输单位</el-col>
-        <el-col :span="12" class="bd">{{infoData.transportUnit}}</el-col>
-      </el-row>
-      <el-row  >
-        <el-col :span="12" class="bd">坐标点</el-col>
-        <el-col :span="12" class="bd">{{infoData.coordinatePoint}}</el-col>
-      </el-row>
+      <el-form ref="form" :model="infoData" label-width="128px">
+
+        <el-form-item label="投放点编号" prop="dropPointNo">
+          <el-input v-model="infoData.dropPointNo" placeholder="请输入投放点编号" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="投放点名称" prop="dropPointName">
+          <el-input v-model="infoData.dropPointName" placeholder="请输入投放点名称" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="所属区域" prop="district">
+          <el-input v-model="infoData.district" placeholder="请输入投放点名称" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="所属街道" prop="street">
+          <el-input v-model="infoData.street" placeholder="请输入投放点名称" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="社区" prop="community">
+          <el-input v-model="infoData.community" placeholder="请输入社区" :disabled="true"/>
+        </el-form-item>
+
+
+        <el-form-item label="详细地址" prop="address">
+          <el-input v-model="infoData.address" placeholder="请输入详细地址" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="投放点形式" prop="type">
+          <el-select v-model="infoData.type" placeholder="请选择投放点形式" :disabled="true" style="width: 100%">
+            <el-option label="固定" value="固定"/>
+            <el-option label="临时" value="临时"/>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="投放点面积(m²)" prop="area" :disabled="true">
+          <el-input v-model="infoData.area" placeholder="请输入投放点面积" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="投放点容量(m³)" prop="capacity">
+          <el-input v-model="infoData.capacity" placeholder="请输入投放点容量" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="管理单位" prop="managementUnit">
+          <el-input v-model="infoData.managementUnit" placeholder="请输入管理单位" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="管理人" prop="custodian">
+          <el-input v-model="infoData.custodian" placeholder="请输入管理人" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="管理员电话" prop="custodianPhone">
+          <el-input v-model="infoData.custodianPhone" placeholder="请输入管理员联系电话" :maxlength="11" show-word-limit :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="投放时间" prop="dropTime">
+          <el-time-select
+            v-model="infoData.dropTime"
+            style="width: 100%"
+            :picker-options="{
+                    start: '00:00',
+                    step: '00:30',
+                    end: '23:30'
+                  }"
+            :disabled="true"
+            placeholder="选择时间">
+          </el-time-select>
+        </el-form-item>
+
+        <el-form-item label="运营单位" prop="operatingUnit">
+          <el-input v-model="infoData.operatingUnit" placeholder="请输入运营单位" :disabled="true" />
+        </el-form-item>
+
+        <el-form-item label="运输单位" prop="transportUnit">
+          <el-input v-model="infoData.transportUnit" placeholder="请输入运输单位" :disabled="true"/>
+        </el-form-item>
+
+        <el-form-item label="坐标点" prop="coordinatePoint">
+          <el-input v-model="infoData.coordinatePoint" placeholder="请输入坐标点经纬度"  :disabled="true"/>
+        </el-form-item>
+        <!--            <el-button type="primary" @click="handleOpenMap">坐标点</el-button>-->
+
+      </el-form>
     </div>
   </div>
 </template>
@@ -159,6 +177,8 @@ export default {
       getDropPointInfo(id).then(response => {
         this.infoData = response.data;
+        this.infoData.street = this.dictInfo(this.infoData.street);
+        this.infoData.district = this.dict(this.infoData.district);
         // getArea().then(res => {
         //   this.areas = res.result;
         //   this.loading = false;
-<template>
-  <div class="app-container">
-
-    <!-- 添加或修改处理场所管理对话框 -->
-    <h3>
-      基础信息
-    </h3>
-    <!-- 添加或修改投放点信息管理对话框 -->
-      <el-form ref="form" :model="form" :rules="rules" label-width="128px">
-
-            <el-form-item label="投放点编号" prop="dropPointNo">
-              <el-input v-model="form.dropPointNo" placeholder="请输入投放点编号" :disabled="true"/>
-            </el-form-item>
-
-            <el-form-item label="投放点名称" prop="dropPointName">
-              <el-input v-model="form.dropPointName" placeholder="请输入投放点名称"/>
-            </el-form-item>
-
-
-            <el-form-item label="所属区域" prop="street">
-              <el-select v-model="form.district" placeholder="请输入所属区域" style="width: 100%" clearable @change="getStreets">
-                <el-option v-for="(area,index) in areas" :label="area.name" :value="area.code" :key="index"/>
-              </el-select>
-            </el-form-item>
-
-            <el-form-item label="所属街道" prop="street">
-              <el-select v-model="form.street" placeholder="请输入所属街道" style="width: 100%" clearable>
-                <el-option v-for="(area,index) in streets" :label="area.name" :value="area.code" :key="area.code" @click.native="createDropPointNo(area)"/>
-              </el-select>
-            </el-form-item>
-
-            <el-form-item label="社区" prop="community">
-              <el-input v-model="form.community" placeholder="请输入社区"/>
-            </el-form-item>
-
-
-            <el-form-item label="详细地址" prop="address">
-              <el-input v-model="form.address" placeholder="请输入详细地址"/>
-            </el-form-item>
-
-            <el-form-item label="投放点形式" prop="type">
-              <el-select v-model="form.type" placeholder="请选择投放点形式" style="width: 100%">
-                <el-option label="固定" value="固定"/>
-                <el-option label="临时" value="临时"/>
-              </el-select>
-            </el-form-item>
-
-
-            <el-form-item label="投放点面积(m²)" prop="area">
-              <el-input v-model="form.area" placeholder="请输入投放点面积"/>
-            </el-form-item>
-
-            <el-form-item label="投放点容量(m³)" prop="capacity">
-              <el-input v-model="form.capacity" placeholder="请输入投放点容量"/>
-            </el-form-item>
-
-
-            <el-form-item label="管理单位" prop="managementUnit">
-              <el-input v-model="form.managementUnit" placeholder="请输入管理单位"/>
-            </el-form-item>
-
-            <el-form-item label="管理人" prop="custodian">
-              <el-input v-model="form.custodian" placeholder="请输入管理人"/>
-            </el-form-item>
-
-
-            <el-form-item label="管理员电话" prop="custodianPhone">
-              <el-input v-model="form.custodianPhone" placeholder="请输入管理员联系电话" :maxlength="11" show-word-limit/>
-            </el-form-item>
-
-            <el-form-item label="投放时间" prop="dropTime">
-              <el-time-select
-                v-model="form.dropTime"
-                style="width: 100%"
-                :picker-options="{
-                    start: '00:00',
-                    step: '00:30',
-                    end: '23:30'
-                  }"
-                placeholder="选择时间">
-              </el-time-select>
-            </el-form-item>
-
-            <el-form-item label="运营单位" prop="operatingUnit">
-              <el-input v-model="form.operatingUnit" placeholder="请输入运营单位"/>
-            </el-form-item>
-
-            <el-form-item label="运输单位" prop="transportUnit">
-              <el-input v-model="form.transportUnit" placeholder="请输入运输单位"/>
-            </el-form-item>
-
-            <el-form-item label="坐标点" prop="coordinatePoint">
-              <el-input v-model="form.coordinatePoint" placeholder="请输入坐标点经纬度" readonly @click.native="handleOpenMap"/>
-            </el-form-item>
-
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <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="dropPointInfoContainer" class="am-map" style="width:100%;height: 700px;"></div>
-      <div slot="footer" class="dialog-footer">
-        <!--        <el-button type="primary" @click="clearCoordinatePoint">清除坐标点</el-button>-->
-        <el-button type="primary" @click="openMap = false">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {
-  listDropPointInfo,
-  getDropPointInfo,
-  delDropPointInfo,
-  addDropPointInfo,
-  updateDropPointInfo,
-  exportDropPointInfo
-} from "@/api/unit/dropPointInfo";
-import {getAreaList} from "@/api/dict"
-import AMapLoader from "@amap/amap-jsapi-loader";
-import Treeselect from "@riophae/vue-treeselect";
-
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: 'aa1db7d8f534f3da3f6d8a6a71382802',
-}
-
-export default {
-  name: "DropPointInfo",
-  components: {AMapLoader},
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 投放点信息管理表格数据
-      dropPointInfoList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        dropPointName: null,
-        address: null,
-        type: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        dropPointName: [
-          {required: true, message: "请输入投放点名称", trigger: "blur"}
-        ],
-        district: [
-          {required: true, message: "请输入所属区域", trigger: "blur"}
-        ],
-        street: [
-          {required: true, message: "请输入所属街道", trigger: "blur"}
-        ],
-        community: [
-          {required: true, message: "请输入社区", trigger: "blur"}
-        ],
-        address: [
-          {required: true, message: "请输入详细地址", trigger: "blur"}
-        ],
-        type: [
-          {required: true, message: "请选择投放点形式", trigger: "change"}
-        ],
-        area: [
-          {required: true, message: "请输入投放点面积", trigger: "blur"},
-          //只能填写数字、小数
-          {pattern: /^[0-9]+(\.[0-9]{1,2})?$/, message: "只能填写数字、小数,限制两位小数", trigger: "blur"}
-        ],
-        capacity: [
-          {required: true, message: "请输入投放点容量", trigger: "blur"},
-          //只能填写数字
-          {pattern: /^[0-9]+(\.[0-9]{1,2})?$/, message: "只能填写数字、小数,限制两位小数", trigger: "blur"}
-        ],
-        managementUnit: [
-          {required: true, message: "请输入管理单位", trigger: "blur"}
-        ],
-        custodian: [
-          {required: true, message: "请输入管理人", trigger: "blur"}
-        ],
-        custodianPhone: [
-          {required: true, message: "请输入管理员电话", trigger: "blur"},
-          {
-            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
-            message: '手机号格式错误',
-            trigger: 'change'
-          }
-        ],
-        dropTime: [
-          {required: true, message: "请选择投放时间", trigger: "change"}
-        ],
-        operatingUnit: [
-          {required: true, message: "请输入运营单位", trigger: "blur"}
-        ],
-        transportUnit: [
-          {required: true, message: "请输入运输单位", trigger: "blur"}
-        ],
-        coordinatePoint: [
-          {required: true, message: "请点击坐标点按钮选择坐标点", trigger: "blur"}
-        ]
-      },
-      areas: [],
-      streets:[],
-      // 地图
-      map: null,
-      keywords: "",
-      mapOptions: [],
-      openMap:false,
-      center: null,
-      circleMarker: null,
-    };
-  },
-  created() {
-    getAreaList().then(response => {
-      if(response==null || response.length===0){
-        this.$message.error("获取区域列表失败");
-        return;
-      }
-      const data = response;
-      for (let dataKey in data) {
-        if(data[dataKey].level === '3'){
-          this.areas.push({name:data[dataKey].name,code:data[dataKey].id, streets:[]})
-        }
-      }
-      for(let dataKey in data){
-        for(let areas1Key in this.areas){
-          if(data[dataKey].pid === this.areas[areas1Key].code){
-            this.areas[areas1Key].streets.push({code:data[dataKey].id, name:data[dataKey].name})
-          }
-        }
-      }
-    });
-
-    this.getList();
-    // this.initAMap();
-  },
-  methods: {
-    dict(code){
-      for(let key in this.areas){
-        if(this.areas[key].code === code){
-          return this.areas[key].name;
-        }
-      }
-    },
-    dictInfo(code){
-      for(let key in this.areas){
-        for(let keyInfo in this.areas[key].streets){
-          if(this.areas[key].streets[keyInfo].code === code){
-            return this.areas[key].streets[keyInfo].name;
-          }
-        }
-      }
-    },
-    clearCoordinatePoint(){
-      this.center = null;
-      this.form.coordinatePoint = null;
-      this.map = null;
-      this.circleMarker = null;
-      this.initAMap();
-    },
-    handleOpenMap(){
-      this.openMap = true;
-      this.initAMap();
-    },
-    initAMap() {
-      const _this = this
-      // 加载高德地图
-      AMapLoader.load({
-        key: _this.$aMapKey,  //设置高德地图申请的key
-        version: "2.0",  // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-        plugins: ['AMap.ToolBar','AMap.AutoComplete', 'AMap.PlaceSearch', 'AMap.Marker','AMap.CircleMarker'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-        AMapUI: {
-          version: "1.1",
-          plugins: []
-        },
-        Loca: {
-          version: "2.0"
-        },
-      }).then(async (AMap) => {
-        _this.map = await new AMap.Map("dropPointInfoContainer", { //设置地图容器id
-          viewMode: "2D",  // 默认使用 2D 模式
-          center: [113.01814545605467, 28.201039299894283], // 初始化地图中心点位置
-          zoom: 11, //初始化地图层级
-          resizeEnable: true,
-          willreadoften: true
-        });
-        _this.AutoComplete = await new AMap.AutoComplete({city:'长沙'});
-        // 数据回显
-        if(_this.form.coordinatePoint!=null&&_this.form.coordinatePoint!==""){
-          //设置圆形位置
-          _this.center = new AMap.LngLat(_this.form.coordinatePoint.split(",")[0], _this.form.coordinatePoint.split(",")[1]);
-          //设置圆的半径大小
-          var radius = 10 //单位:px
-
-          //创建圆形点标记 CircleMarker 实例
-          _this.circleMarker = new AMap.CircleMarker({
-            center: _this.center, //圆心
-            radius: radius, //半径
-            strokeColor: "white", //轮廓线颜色
-            strokeWeight: 2, //轮廓线宽度
-            strokeOpacity: 0.5, //轮廓线透明度
-            fillColor: "rgba(0,0,255,1)", //圆点填充颜色
-            fillOpacity: 0.5, //圆点填充透明度
-            zIndex: 10, //圆点覆盖物的叠加顺序
-            cursor: "pointer", //鼠标悬停时的鼠标样式
-          });
-          //圆形 circleMarker 对象添加到 Map
-          _this.map.add(_this.circleMarker);
-          //将覆盖物调整到合适视野
-          _this.map.setFitView([_this.circleMarker]);
-        }
-        // 监听地图点击事件
-        _this.map.on("click", (e) => {
-          console.log(e)
-          if(_this.center!=null){
-            _this.map.remove(_this.circleMarker);
-            _this.center = null;
-            _this.form.coordinatePoint = null;
-          }
-
-          //判断是否已有圆点标记
-          if(_this.center==null){
-            //设置圆形位置
-            _this.center = new AMap.LngLat(e.lnglat.lng, e.lnglat.lat);
-            //设置圆的半径大小
-            var radius = 10 //单位:px
-
-            //创建圆形点标记 CircleMarker 实例
-            _this.circleMarker = new AMap.CircleMarker({
-              center: _this.center, //圆心
-              radius: radius, //半径
-              strokeColor: "white", //轮廓线颜色
-              strokeWeight: 2, //轮廓线宽度
-              strokeOpacity: 0.5, //轮廓线透明度
-              fillColor: "rgba(0,0,255,1)", //圆点填充颜色
-              fillOpacity: 0.5, //圆点填充透明度
-              zIndex: 10, //圆点覆盖物的叠加顺序
-              cursor: "pointer", //鼠标悬停时的鼠标样式
-            });
-            //圆形 circleMarker 对象添加到 Map
-            _this.map.add(_this.circleMarker);
-            //将覆盖物调整到合适视野
-            _this.map.setFitView([_this.circleMarker]);
-            _this.$set(_this.form, "coordinatePoint", e.lnglat.lng+","+e.lnglat.lat);
-          }
-        });
-      }).catch(e => {
-        console.log(e);
-      });
-      this.loading = false;
-      // this.openMap = false;
-    },
-    // 选中提示
-    currentSelect(val) {
-      console.log(val);
-      // 清空时不执行后面代码
-      if (!val) {
-        return ;
-      }
-
-      //清除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.map.setCenter([val.location.lng, val.location.lat])
-      this.map.setZoom(18);
-      this.keywords = val.name
-
-    },
-    // 搜索地址
-    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 = [];
-      }
-    },
-    createDropPointNo(area){
-      listDropPointInfo({dropPointNo: area.code}).then(response => {
-        const total = response.total+1;
-        this.form.dropPointNo = area.code+total.toString().padStart(3, '0');
-      });
-    },
-    getStreets(regionName) {
-      this.streets = [];
-      this.form.dropPointNo = null;
-      this.form.street = null;
-      const region = this.areas.find(region => region.code === regionName);
-      this.streets = region.streets;
-    },
-    /** 下载文件 */
-    /** 查询投放点信息管理列表 */
-    getList() {
-      this.loading = true;
-      listDropPointInfo(this.queryParams).then(response => {
-        this.dropPointInfoList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        dropPointName: null,
-        district: null,
-        street: null,
-        community: null,
-        address: null,
-        type: null,
-        area: null,
-        capacity: null,
-        managementUnit: null,
-        custodian: null,
-        custodianPhone: null,
-        dropTime: null,
-        dropPointNo: null,
-        operatingUnit: null,
-        transportUnit: null,
-        createTime: null,
-        createBy: null,
-        updateTime: null,
-        updateBy: null
-      };
-      this.map = null;
-      this.center = null;
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    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.reset();
-      this.open = true;
-      this.title = "添加投放点信息管理";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids
-      getDropPointInfo(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改投放点信息管理";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateDropPointInfo(this.form).then(response => {
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addDropPointInfo(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 delDropPointInfo(ids);
-      }).then(() => {
-        this.getList();
-        this.msgSuccess("删除成功");
-      })
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm('是否确认导出所有投放点信息管理数据项?', "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(function () {
-        return exportDropPointInfo(queryParams);
-      }).then(response => {
-        this.download(response.message);
-      })
-    }
-  }
-};
-</script>