From 59d3a1bdb70e787547600356489ccdd8f893cd3f Mon Sep 17 00:00:00 2001
From: xyq <392009588@qq.com>
Date: Thu, 15 Sep 2022 09:30:16 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=AE=85=E5=9F=BA=E5=9C=B0=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E7=9B=98=E6=B4=BB=E6=96=B9=E5=BC=8F=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/onlineHome/homestead/circulation.js |  17 +-
 src/api/onlineHome/phfs/phfs.js             |  10 +
 src/components/Map/MapGisObtain.vue         | 217 ++++++++++
 src/router/index.js                         |  18 +
 src/views/onlineHome/phfs/zzjy/zzjyAdd.vue  | 416 ++++++++++++++++++++
 src/views/onlineHome/phfs/zzjy/zzjyList.vue | 181 +++++++++
 src/views/onlineHome/workbench.vue          |  59 +++
 7 files changed, 917 insertions(+), 1 deletion(-)
 create mode 100644 src/api/onlineHome/phfs/phfs.js
 create mode 100644 src/components/Map/MapGisObtain.vue
 create mode 100644 src/views/onlineHome/phfs/zzjy/zzjyAdd.vue
 create mode 100644 src/views/onlineHome/phfs/zzjy/zzjyList.vue

diff --git a/src/api/onlineHome/homestead/circulation.js b/src/api/onlineHome/homestead/circulation.js
index 5f79538b..a71e12f9 100644
--- a/src/api/onlineHome/homestead/circulation.js
+++ b/src/api/onlineHome/homestead/circulation.js
@@ -32,7 +32,22 @@ export function zjdzd(){
     method:'get'
   })
 }
-
+// 查询权利人列表
+export function obligeeList(query) {
+  return request({
+    url: '/house/obligee/obligeeHouselist',
+    method: 'get',
+    params: query
+  })
+}
+// 条件查询使用权人列表
+export function selectTHouseBaseObligeeMapList(query) {
+  return request({
+    url: '/house/obligee/selectTHouseBaseObligeeMapList',
+    method: 'get',
+    params: query
+  })
+}
 //权利人代码
 export function getByZjddm(data){
   return request({
diff --git a/src/api/onlineHome/phfs/phfs.js b/src/api/onlineHome/phfs/phfs.js
new file mode 100644
index 00000000..9c196d13
--- /dev/null
+++ b/src/api/onlineHome/phfs/phfs.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+//查询列表
+export function getList(data){
+  return request({
+    url:'/house/phxxb/list',
+    method:'get',
+    params:data
+  })
+}
diff --git a/src/components/Map/MapGisObtain.vue b/src/components/Map/MapGisObtain.vue
new file mode 100644
index 00000000..47b9b87a
--- /dev/null
+++ b/src/components/Map/MapGisObtain.vue
@@ -0,0 +1,217 @@
+<template>
+  <div>
+    <p class="fuTitle">地块位置</p>
+    <div id="full-screen-acceptance" style="width: 100%;height:45vh;position:relative;">
+        <div :id=this.uuidMap style="width: 100%;height: 100%"></div>
+      </div>
+    <div id="info" > <button type="button" @click="showHistoryDown">保 存</button></div>
+  </div>
+</template>
+
+<script>
+  import {getQueryLand} from "@/api/homesteadSurvey/zjdzd";
+  import {selectTHouseBaseObligeeMapList} from "@/api/onlineHome/homestead/circulation";
+  import {getByLyZjddm } from "@/api/onlineHome/homestead/circulation";
+import $ from "jquery";
+
+export default {
+  components: {
+    getQueryLand,getByLyZjddm
+  },
+  data() {
+    return {
+      uuidMap: this.guidProduct(),
+      map:this.guidProduct(),
+      showHistoryTable: false,
+      closeMoule: null,
+    };
+  },
+  props: ['theGeom','shqrxm'],
+  methods: {
+    //地图加载
+    guidProduct(){
+      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = Math.random() * 16 | 0,
+          v = c == 'x' ? r : (r & 0x3 | 0x8);
+        return v.toString(16);
+      });
+    },
+    //地图查看
+    drawingLyPaceCountryDarw() {
+      //加载地图编辑
+      var that = this;
+      console.info(this.shqrxm);
+      selectTHouseBaseObligeeMapList({shyqrdbxm:this.shqrxm}).then((response) => {
+        if (response.code == 200) {
+
+          document.getElementById(that.uuidMap).innerHTML = '';
+          var hc_land;
+          var projection = new ol.proj.Projection({
+            //地图投影类型
+            code: "EPSG:3857",
+            units: "degrees",
+            //extent:extent
+          });
+
+          var aerial = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/img_w/wmts?" +
+                "SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&FORMAT=tiles" +
+                "&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "卫星影像图",
+            resolution:Math.random() * 0.00000001
+          });
+
+          var yingxzi = new ol.layer.Tile({
+            source: new ol.source.XYZ({
+              url: "http://t{0-7}.tianditu.com/DataServer?T=cia_w&x={x}&y={y}&l={z}&tk=cc4aba6e967096098249efa069733067",
+            }),
+            isGroup: true,
+            name: "天地图文字标注--卫星影像图",
+            resolution:Math.random() * 0.00000001
+          });
+          if (response.data.length > 0) {
+            //setTimeout(() => {
+            for (var i = 0; response.data.length > i; i++) {
+              //加载地图
+              that.map = new ol.Map({
+                controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+                layers: [aerial, yingxzi],
+                projection: projection,
+                target: that.uuidMap,
+                view: new ol.View({
+                  //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+                  zoom: 15,
+                  minZoom: 5, //地图缩小限制
+                  maxZoom: 18.3, //地图放大限制
+                }),
+                interactions: ol.interaction.defaults({
+                  pinchRotate: false // 移动端禁止地图旋转
+                }),
+                //view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新
+              });
+              //图层查询定位开始 ---------start
+              hc_land = new ol.layer.Vector({
+                title: "add Layer",
+                source: new ol.source.Vector({
+                  projection: projection,
+                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                    "    \"type\": \"Feature\",\n" +
+                    "    \"geometry\":" + response.data[i].zjdzd.theGeom + "}"),
+                }),
+                resolution:Math.random() * 0.00000001,
+                style: new ol.style.Style({
+                  fill: new ol.style.Fill({
+                    //矢量图层填充颜色，以及透明度
+                    color: "rgba(204, 255, 204,0.3)",
+                  }),
+                  stroke: new ol.style.Stroke({
+                    //边界样式
+                    color: "#CCFF66",
+                    width: 3,
+                  }),
+                }),
+              });
+              that.map.addLayer(hc_land);
+              var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+              var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+              var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+              var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+              //定位查询位置
+              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+              that.map.getView().animate({
+                // 只设置需要的属性即可
+                center: center, // 中心点
+                zoom: 16.9, // 缩放级别
+                rotation: undefined, // 缩放完成view视图旋转弧度
+                duration: 1000, // 缩放持续时间，默认不需要设置
+                resolution:Math.random() * 0.00000001,
+              });
+            }
+            that.map.on("singleclick", function (evt) {
+              console.info(1111111);
+              let feature = that.map.forEachFeatureAtPixel(
+                evt.pixel,
+                (feature) => feature
+              );
+              document.getElementById(that.uuidMap).innerHTML = '';
+
+              if (feature) {
+                that.map.removeLayer(geo_zjdzd);
+                this.closeMoule= null;
+                //图层查询定位开始 ---------start
+                geo_zjdzd = new ol.layer.Vector({
+                  title: "add Layer",
+                  source: new ol.source.Vector({
+                    projection: projection,
+                    features: new ol.format.GeoJSON().readFeatures("{\n" +
+                      "    \"type\": \"Feature\",\n" +
+                      "    \"geometry\":" + feature.values_.zjdzd.theGeom + "}"),
+                  }),
+                  style: new ol.style.Style({
+                    fill: new ol.style.Fill({
+                      //矢量图层填充颜色，以及透明度
+                      color: "rgb(204, 255, 255,0.5)",
+                    }),
+                    stroke: new ol.style.Stroke({
+                      //边界样式
+                      color: "#00FFFF",
+                      width: 8,
+                    }),
+                  }),
+                });
+                that.map.addLayer(geo_zjdzd);
+                that.closeMoule = feature.values_.zjddm;
+              }
+            });
+          }
+          var geo_zjdzd;
+          console.log("1111");
+        }
+      });
+    },
+    showHistoryDown() {
+      this.showHistoryTable = false;
+      this.$emit('closeMoule', this.closeMoule);
+      this.closeMoule = null;
+    },
+  },
+  watch: {},
+};
+</script>
+
+<style scoped>
+#that.message {
+  width: 100%;
+  height: 100%;
+}
+.fuTitle {
+  border-top: 1px solid #e9e9e9;
+  text-align: center;
+  padding: 10px 0px 0px 0px;
+  font-size: 36px;
+  color: #999;
+}
+.ant-btn-red {
+  position: relative;
+  display: inline-block;
+  background: #D0EEFF;
+  border: 1px solid #99D3F5;
+  border-radius: 4px;
+  padding: 4px 12px;
+  overflow: hidden;
+  color: #1E88C7;
+  text-decoration: none;
+  text-indent: 0;
+  line-height: 20px;
+
+}
+#land-btn-wrap{
+  position: absolute;
+  right: 3%;
+  top: 5%;
+  z-index: 2000;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 27542f2e..665f38d5 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -942,6 +942,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/onlineHome/homestead/paidUtilize/paidUtilizeAdd'], resolve)
   },
+  {
+    path: '/zzjyList',
+    name: 'zzjyList',
+    meta: {
+      title: '自主经营列表',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/phfs/zzjy/zzjyList'], resolve)
+  },
+  {
+    path: '/zzjyAdd',
+    name: 'zzjyAdd',
+    meta: {
+      title: '添加自主经营',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/phfs/zzjy/zzjyAdd'], resolve)
+  },
   {
     path: '/task',
     name: 'task',
diff --git a/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue b/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue
new file mode 100644
index 00000000..bd55bb50
--- /dev/null
+++ b/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue
@@ -0,0 +1,416 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+    >
+      <template #title>
+        <p style="font-weight: bold;">添加自主经营</p>
+      </template>
+    </van-nav-bar>
+    <van-form ref="_Form">
+    <div class="main_box">
+
+                  <van-field
+                     v-model="circulation.zcfmc"
+                     label="申请人姓名"
+                    placeholder="请输入申请人姓名"
+                     @input="remoteTransfereeMethod"
+                     :rules="[{ required: true }]" required
+                  />
+
+
+                     <van-cell  v-for="item in getObligeeOptions"
+                       :key="item.shyqrdbxm"
+                      @click="shyqrdmxmChange(item)"
+                    >
+                       {{item.shyqrdbxm}}
+                     </van-cell>
+
+      <van-popup v-model="showshyqrdm" position="bottom">
+        <van-picker
+          show-toolbar
+          :columns="shyqrdmDictionaries"
+          @confirm="onConfirmShyqrdm"
+          @cancel="showshyqrdm = false"
+        />
+      </van-popup>
+      <van-field
+        readonly
+        v-model="circulation.zjddm"
+        label="宅基地代码"
+        input-align="right"
+      >
+        <template #button>
+          <van-button size="small" @click="mapLook"  @closeMoule="closeMoule" type="primary">选择宅基地</van-button>
+        </template>
+      </van-field>
+      <van-popup v-model="showzjddm" position="bottom" >
+        <van-picker
+          show-toolbar
+          :columns="zjdDictionaries"
+          @confirm="onConfirmZjddm"
+          @cancel="showzjddm = false"
+        />
+      </van-popup>
+<!--      <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto"/>-->
+<!--      <van-field-->
+<!--        readonly-->
+<!--        clickable-->
+<!--        v-model="zjlx"-->
+<!--        label="申请人证件类型"-->
+<!--        placeholder="请选择"-->
+<!--        @click="showzjlx = true"-->
+<!--        input-align="right"-->
+<!--        right-icon="arrow-down"-->
+<!--        label-width="auto" :rules="[{ required: true }]" required-->
+<!--      />-->
+<!--      <van-popup v-model="showzjlx" position="bottom">-->
+<!--        <van-picker-->
+<!--          show-toolbar-->
+<!--          :columns="zjlxDictionaries"-->
+<!--          @confirm="onConfirmZjlx"-->
+<!--          @cancel="showzjlx = false"-->
+<!--        />-->
+<!--      </van-popup>-->
+<!--      <van-field v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->
+<!--      <van-field v-model="circulation.ycsyfs" label="有偿使用方式" placeholder="有偿使用方式" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->
+
+
+<!--      <van-cell title="是否一户多宅">-->
+<!--        <template #right-icon>-->
+<!--&lt;!&ndash;          @change="designPaperChange"&ndash;&gt;-->
+<!--          <van-radio-group v-model="circulation.sfyhdz" direction="horizontal">-->
+<!--            <van-radio name="Y">是</van-radio>-->
+<!--            <van-radio name="N">否</van-radio  >-->
+<!--          </van-radio-group>-->
+<!--        </template>-->
+<!--      </van-cell>-->
+
+<!--      <van-field-->
+<!--        readonly-->
+<!--        clickable-->
+<!--        name="picker"-->
+<!--        v-model="circulation.ycsykssj"-->
+<!--        label="有偿使用开始时间"-->
+<!--        placeholder="选择开始时间"-->
+<!--        @click="showycsykssj = true"-->
+<!--        input-align="right"-->
+<!--        right-icon="arrow-down"-->
+<!--        label-width="auto" :rules="[{ required: true }]" required-->
+<!--      />-->
+<!--      <van-popup v-model="showycsykssj" position="bottom">-->
+<!--        <van-datetime-picker-->
+<!--          :value="new Date"-->
+<!--          type="date"-->
+<!--          title="选择年月日"-->
+<!--          @confirm="onConfirmYcsykssj"-->
+<!--          @cancel="showycsykssj = false"-->
+<!--        />-->
+<!--      </van-popup>-->
+
+<!--      <van-field-->
+<!--        readonly-->
+<!--        clickable-->
+<!--        name="picker"-->
+<!--        v-model="circulation.ycsydqsj"-->
+<!--        label="有偿使用到期时间"-->
+<!--        placeholder="选择到期时间"-->
+<!--        @click="showycsydqsj = true"-->
+<!--        input-align="right"-->
+<!--        right-icon="arrow-down"-->
+<!--        label-width="auto" :rules="[{ required: true }]" required-->
+<!--      />-->
+<!--      <van-popup v-model="showycsydqsj" position="bottom">-->
+<!--        <van-datetime-picker-->
+<!--          :value="new Date"-->
+<!--          type="date"-->
+<!--          title="选择年月日"-->
+<!--          @confirm="onConfirmYcsydqsj"-->
+<!--          @cancel="showycsydqsj = false"-->
+<!--        />-->
+<!--      </van-popup>-->
+<!--      <van-dialog v-model:show="mapShow" show-cancel-button>-->
+<!--        <MapGisObtain ref="zjdProductResh" :shqrxm="circulation.zcfmc"></MapGisObtain>-->
+<!--      </van-dialog>-->
+<!--      <van-field v-model="circulation.ycsymj" label="有偿使用面积(㎡)" placeholder="请输入有偿使用面积㎡" input-align="right" label-width="auto" type="number"/>-->
+<!--      <van-field v-model="circulation.ycsymjdj" label="有偿使用面积单价(元)" placeholder="请输入有偿使用面积单价" input-align="right" label-width="auto" type="number"/>-->
+<!--      <van-field v-model="circulation.ycsyfy" label="有偿使用费用(元)" placeholder="请输入有偿使用费用" input-align="right" label-width="auto" type="number"/>-->
+<!--      <van-field v-model="circulation.fkfs" label="付款方式" placeholder="请输入付款方式" input-align="right" label-width="auto"/>-->
+<!--      <van-field v-model="circulation.bz" label="备注" placeholder="请输入内容" input-align="right" label-width="auto"/>-->
+
+    </div>
+    </van-form>
+
+    <div style="padding: 16px 0;">
+      <van-row>
+        <van-col span="12" align="center">
+          <van-button type="info" color="#B4B0B0" native-type="submit" class="submitButton" @click="goEdit">取消</van-button>
+        </van-col>
+        <van-col span="12" align="center">
+          <van-button type="info" native-type="submit" class="submitButton" @click="goSubmit">保存</van-button>
+        </van-col>
+      </van-row>
+      <div class="clear"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+  import { zjdzd, obligeeList } from "@/api/onlineHome/homestead/circulation";
+  import { ycsyAdd , listByDeptId } from "@/api/onlineHome/homestead/paidUtilize";
+  import MapGisObtain from "@/components/Map/MapGisObtain";
+  import {Notify} from "vant";
+  export default {
+    name: "paidUtilizeAdd",
+    components: { MapGisObtain,},
+    props: {
+      columns: {
+        type: Array,
+        default: function () {
+          return []
+        }
+      },
+      selectValue: {
+        type: [String, Number],
+        default: ''
+      },
+      option: {
+        type: Object,
+        default: function () {
+          return { label: 'label', value: 'value' }
+        }
+      },
+      isSearch: {
+        type: Boolean,
+        default: false
+      },
+      offOption: { // 关闭option配置key-value;当数据是非集合的数组的时候，开启
+        type: Boolean,
+        default: false
+      }
+    },
+    data() {
+      return {
+        tcqllxDictionaries:[],//退出权利类型
+        tclxDictionaries:[],//退出类型
+        tcfsDictionaries:[],//退出方式
+        zjlxDictionaries:[],//申请人证件类型
+        bcfsDictionaries:[],//补偿方式
+        zjdDictionaries:[],//宅基地代码
+        shyqrdmDictionaries:[],//使用权人
+        getObligeeOptions:[],
+
+        tcqllx:'',
+        tclx:'',
+        tcfs:'',
+        zjlx:'',
+        bcfs:'',
+        zjddm:'',
+        showzcfmc:false,
+        showtcqllx: false,
+        showtclx: false,
+        showtcfs: false,
+        showzjlx: false,
+        showbcfs: false,
+        showzjddm: false,
+        showshyqrdm: false,
+        showycsykssj: false,
+        showycsydqsj: false,
+        columnsData: [],
+        circulation:{},
+        mapShow: false,
+      };
+    },
+    created() {
+      this.getDictionaries();
+    },
+    methods: {
+      getDictionaries(){
+          //退出权利类型
+          this.houseGetDicts("tcqllx").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+          });
+          //退出类型
+          this.houseGetDicts("tclx").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.tclxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+          });
+          //退出方式
+          this.houseGetDicts("tcfs").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+          });
+          //申请人证件类型
+          this.houseGetDicts("zjlx").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.zjlxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+          });
+          //补偿方式
+          this.houseGetDicts("bcfs").then((res) => {
+            for (var i = 0; i < res.data.length; i++) {
+              this.bcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});
+            }
+          });
+          //宅基地代码
+          zjdzd().then(zjdRes => {
+            for (let i = 0; i < zjdRes.rows.length; i++) {
+              this.zjdDictionaries.push(zjdRes.rows[i].zjddm);
+            }
+          });
+          //使用权人代码
+          listByDeptId().then(zjdRes => {
+            for (let i = 0; i < zjdRes.rows.length; i++) {
+              this.shyqrdmDictionaries.push(zjdRes.rows[i].shyqrdm);
+            }
+          });
+      },
+      onConfirmZjddm(data){
+        console.log(data)
+        this.circulation.zjddm = data;
+        this.showzjddm = false;
+      },
+      onConfirmZjlx(data){
+        this.zjlx = data.text;
+        this.circulation.sqrzjlx = data.value;
+        this.showzjlx = false;
+      },
+      onConfirmTcqllx(data){
+        this.tcqllx = data.text;
+        this.circulation.tcqllx = data.value;
+        this.showtcqllx = false;
+      },
+      onConfirmTclx(data){
+        this.tclx = data.text;
+        this.circulation.tclx = data.value;
+        this.showtclx = false;
+      },
+      onConfirmTcfs(data){
+        this.tcfs = data.text;
+        this.circulation.tcfs = data.value;
+        this.showtcfs = false;
+      },
+      onConfirmBcfs(data){
+        this.bcfs = data.text;
+        this.circulation.bcfs = data.value;
+        this.showbcfs = false;
+      },
+      onConfirmShyqrdm(data){
+        this.circulation.shyqrdm = data;
+        this.showshyqrdm = false;
+      },
+      onConfirmYcsykssj(data){
+        this.circulation.ycsykssj = this.getNowFormatDate(data).substr(0,10);
+        this.showycsykssj = false;
+      },
+      onConfirmYcsydqsj(data){
+        this.circulation.ycsydqsj = this.getNowFormatDate(data).substr(0,10);
+        this.showycsydqsj = false;
+      },
+      goEdit(){
+        window.location.replace("paidUtilizeList")
+      },
+      mapLook(){
+        this.mapShow =true;
+        setTimeout(() => {
+          this.$refs.zjdProductResh.drawingLyPaceCountryDarw();
+        },1000)
+      },
+      /** 查找地图中宅基地 */
+      closeMoule: function (data) {
+          console.info(data);
+      },
+      /** 模糊查询人员信息 */
+      remoteTransfereeMethod(query) {
+        let _this = this;
+        if (query !== "") {
+          let queryMember = {
+            hzxm : query,
+          };
+          this.searchLoading = true;
+          obligeeList({shyqrdbxm:query,status:2}).then((response) => {
+            this.searchLoading = false;
+            if (response.code == 200) {
+              this.getObligeeOptions = response.rows.map((item) => {
+                // _this.$set(_this.form, "zcfxb", item.xb);
+                // _this.$set(_this.form, "zcfdh", item.dh);
+                // _this.$set(_this.form, "zcfzjhm", item.shyqrdbzjhm);
+                // _this.$set(_this.form, "zcfdm", item.nhdm);
+                return {
+                  zcfxb:item.xb,
+                  zcfdh:item.dh,
+                  zcfzjhm:item.shyqrdbzjhm,
+                  zcfdm:item.nhdm,
+                  shyqrdbxm: item.shyqrdbxm,
+                  shyqrdm: item.shyqrdm
+                };
+              });
+            }
+          });
+        } else {
+          this.getObligeeOptions = [];
+        }
+      },
+      clearFrom() {
+        // this.initData();
+        this.getObligeeOptions = [];
+      },
+      shyqrdmxmChange(val){
+        this.$set(this.circulation, "zcfxb", val.zcfxb);
+        this.$set(this.circulation, "zcfdh", val.zcfdh);
+        this.$set(this.circulation, "zcfzjhm", val.zcfzjhm);
+        this.$set(this.circulation, "zcfdm", val.zcfdm);
+        this.$set(this.circulation, "zcfmc", val.shyqrdbxm);
+        this.getObligeeOptions=[];
+      },
+      goSubmit(){
+        this.$refs._Form.validate().then(() => {
+        ycsyAdd(this.circulation).then(response => {
+          if(response.code = 200){
+            this.$toast.success('新增成功');
+            setTimeout(function(){
+              window.location.replace("paidUtilizeList")
+            },1000)
+          }
+        });
+        }).catch((e) => {
+          Notify({ type: 'danger', message: '请填写完整的表单项' });
+        });
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 2% 0;
+  }
+  .main_title{
+    font-size: 0.4rem;
+    color: #1D6FE9;
+    margin: 0.2rem 6%;
+    position: relative;
+  }
+  .main_box{
+    width: 96%;
+    margin: 0 auto;
+    border-radius: 6px;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+    overflow: hidden;
+    background-color: #FFF;
+  }
+  .submitButton{
+    width: 80%;
+    margin: 0 auto;
+    background-color: #1D6FE9;
+
+  }
+
+</style>
diff --git a/src/views/onlineHome/phfs/zzjy/zzjyList.vue b/src/views/onlineHome/phfs/zzjy/zzjyList.vue
new file mode 100644
index 00000000..e2f9d087
--- /dev/null
+++ b/src/views/onlineHome/phfs/zzjy/zzjyList.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="app-container">
+    <van-nav-bar
+      left-arrow
+      fixed
+      placeholder
+      @click-left="$router.back(-1)"
+      @click-right="goAdd"
+    >
+      <template #title>
+        <p style="font-weight: bold;">自主经营</p>
+      </template>
+              <template #right>
+                <van-icon name="add" size="18" />
+              </template>
+    </van-nav-bar>
+    <van-list
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="getList"
+    >
+      <van-swipe-cell v-for="(item,index) in applicationList" :key="index">
+        <van-cell :title="item.zjddm" center :to="{name:'paidUtilizeDteail', query: {id:item.id}}" >
+          <template #icon>
+            <div class="icon" style="background:#FFA63E;width: 45px;">
+              <van-icon name="../../../../static/images/onlineHome/icon_zzjy.png" size="30" color="#539FFD" style="margin-left: 3px;margin-top: 3px;" />
+            </div>
+          </template>
+          <template #label>
+            <p>{{item.zcfmc}}{{item.zcfdh}}</p>
+          </template>
+        </van-cell>
+        <!--          <template #right>-->
+        <!--            <van-row>-->
+        <!--              <van-col>-->
+        <!--                <van-button color="#7DDA4F" v-if="item.auditStatus=='草稿'" square text="提交" @click="goSubmit(item.id,index)" type="primary" class="delete-button" />-->
+        <!--              </van-col>-->
+        <!--              <van-col>-->
+        <!--                <van-button square text="修改" v-if="item.auditStatus=='草稿'" :to="{name:'paidUtilizeModify', query: {id:item.id}}" type="info" class="delete-button" />-->
+        <!--              </van-col>-->
+        <!--              <van-col>-->
+        <!--                <van-button square text="删除" v-if="item.auditStatus=='草稿'" @click="deleteList(item.id,index)" type="danger" class="delete-button" />-->
+        <!--              </van-col>-->
+        <!--            </van-row>-->
+        <!--          </template>-->
+      </van-swipe-cell>
+    </van-list>
+  </div>
+</template>
+
+<script>
+  import { getList } from "@/api/onlineHome/phfs/phfs";
+  import {getGeoServerConfigKey} from "@/api/system/config";
+  export default {
+    name: "paidUtilizeList",
+    data() {
+      return {
+        applicationList:[],
+        houseApplyStatus:[],
+        sexStatus:[],
+        tclxStatus:[],
+        tcfsStatus:[],
+        auditStatus:[],
+        loading: false,
+        finished: false,
+        queryParams:{
+          pageNum:1,
+          pageSize:10,
+          orderByColumn:'id',
+          isAsc:'desc'
+        },
+        //地图服务地址
+        mapGeoServerUrl:"",
+      };
+    },
+    created() {
+      this.houseGetDicts("sex").then((res) => {
+        this.sexStatus = res.data;
+      });
+
+    },
+    methods: {
+      goAdd(){
+        window.location = 'zzjyAdd';
+      },
+      getList(){
+        setTimeout(() => {
+          getList(this.queryParams).then(response => {
+            console.log(response)
+            for (var i = 0; i < response.rows.length; i++) {
+              response.rows[i].zcfxb = this.selectDictLabel(this.sexStatus, response.rows[i].zcfxb)
+              this.applicationList.push(response.rows[i]);
+              console.log(this.applicationList);
+            }
+            if(this.applicationList.length >= response.total){
+              this.finished = true;
+              return;
+            }else{
+              this.loading = false;
+              this.queryParams.pageNum += 1 ;
+            }
+          });
+        }, 1000);
+      },
+      deleteList(id,index){
+        this.$dialog.confirm({
+          message: '您确认删除申请草稿？',
+        })
+          .then(() => {
+            // on confirm
+            this.applicationList.splice(index,1)
+            removeList(id).then(res => {
+              if(res.code = 200){
+                this.$toast.success('删除成功');
+              }
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+      },
+      goSubmit(id,index){
+        this.$dialog.confirm({
+          message: '您确认提交草稿？',
+        })
+          .then(() => {
+            // on confirm
+            submitApply(id).then(res => {
+              if(res.code = 200){
+                this.$toast.success('提交成功！');
+                setTimeout(function(){
+                  history.go(0)
+                },2000)
+              }
+            });
+          })
+          .catch(() => {
+            // on cancel
+          });
+      }
+    },
+  }
+</script>
+
+<style scoped lang="scss">
+  .app-container {
+    padding: 0.2rem 3%;
+  }
+  /deep/.van-cell__title{
+    flex: 0.7;
+  }
+  /deep/.van-cell__title span{
+    font-family: Arial;
+    font-size: 0.4rem;
+    font-weight: normal;
+  }
+  /deep/.van-cell__value{
+    flex: 0.3;
+    color: #1D6FE9;
+    font-weight: bold;
+  }
+  /deep/.van-swipe-cell{
+    margin-bottom: 0.2rem;
+    border-radius: 0.2rem;
+    overflow: hidden;
+    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
+  }
+  /deep/van-ellipsis{
+    font-weight: bold;
+  }
+  .delete-button {
+    height: 100%;
+  }
+  .van-row{
+    height: 100%;
+  }
+  .van-col{
+    height: 100%;
+  }
+</style>
diff --git a/src/views/onlineHome/workbench.vue b/src/views/onlineHome/workbench.vue
index 275c988f..92b6fecb 100644
--- a/src/views/onlineHome/workbench.vue
+++ b/src/views/onlineHome/workbench.vue
@@ -523,6 +523,63 @@
           </van-grid-item>-->
         </van-grid>
       </van-row>
+      <van-row  class="indexCard">
+        <van-cell style="border-radius: 6px;">
+          <template #title>
+            <p style="font-weight: bold;font-size: 18px;display: inline-block">盘活方式</p>
+          </template>
+        </van-cell>
+        <van-grid :border="false">
+          <van-grid-item text="自主经营" @click="applicationList('zzjyList')">
+            <div slot="default">
+              <div class="icon" style="background:#FFA63E;">
+                <img src="../../../static/images/onlineHome/icon_zzjy.png" alt />
+              </div>
+            </div>
+            <p style="margin-top: 5px;color: #666666;">自主经营</p>
+          </van-grid-item>
+          <van-grid-item text="出租经营" @click="applicationList('utilization')">
+            <div slot="default">
+              <div class="icon" style="background:#7dda4f;">
+                <img src="../../../static/images/onlineHome/icon_czjy.png" alt />
+              </div>
+            </div>
+            <p style="margin-top: 5px;color: #666666;">出租经营</p>
+          </van-grid-item>
+          <van-grid-item text="入股经营" @click="applicationList('homesteadUtilize')">
+            <div slot="default">
+              <div class="icon" style="background:#7790FE;">
+                <img src="../../../static/images/onlineHome/icon_rgjy.png" alt />
+              </div>
+            </div>
+            <p style="margin-top: 5px;color: #666666;">入股经营</p>
+          </van-grid-item>
+          <van-grid-item text="合作经营" @click="applicationList('homesteadUtilize')">
+            <div slot="default">
+              <div class="icon" style="background:#3AC2DB;">
+                <img src="../../../static/images/onlineHome/icon_hzjy.png" alt />
+              </div>
+            </div>
+            <p style="margin-top: 5px;color: #666666;">合作经营</p>
+          </van-grid-item>
+          <van-grid-item text="整治利用" @click="applicationList('homesteadUtilize')">
+            <div slot="default">
+              <div class="icon" style="background:#FF6446;">
+                <img src="../../../static/images/onlineHome/icon_zzly.png" alt />
+              </div>
+            </div>
+            <p style="margin-top: 5px;color: #666666;">整治利用</p>
+          </van-grid-item>
+          <!--          <van-grid-item text="公示信息" :to="{name:'informationList'}" >
+                      <div slot="default">
+                        <div class="icon" style="background:#c568f5">
+                          <img src="../../../static/images/onlineHome/icon_Z8.png" alt />
+                        </div>
+                      </div>
+                      <p style="margin-top: 5px;color: #666666;">公示信息</p>
+                    </van-grid-item>-->
+        </van-grid>
+      </van-row>
 
       <van-row  class="indexCard">
         <van-cell style="border-radius: 6px;">
@@ -651,6 +708,8 @@
               this.$router.push({ path: "/supervisionList" });
             } else if (data == 'paidUtilizeList') {
               this.$router.push({ path: "/paidUtilizeList" });
+            }else if (data == 'zzjyList') {
+              this.$router.push({ path: "/zzjyList" });
             }
           } else {
             this.$dialog.alert({

From fad4a46511241a2f5a19558d4aa45c885f0eb1fe Mon Sep 17 00:00:00 2001
From: xyq <392009588@qq.com>
Date: Thu, 15 Sep 2022 09:48:24 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E5=AE=85=E5=9F=BA=E5=9C=B0=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E7=9B=98=E6=B4=BB=E6=96=B9=E5=BC=8F=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/images/onlineHome/icon_czjy.png | Bin 0 -> 634 bytes
 static/images/onlineHome/icon_hzjy.png | Bin 0 -> 720 bytes
 static/images/onlineHome/icon_rgjy.png | Bin 0 -> 857 bytes
 static/images/onlineHome/icon_zzjy.png | Bin 0 -> 833 bytes
 static/images/onlineHome/icon_zzly.png | Bin 0 -> 688 bytes
 5 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 static/images/onlineHome/icon_czjy.png
 create mode 100644 static/images/onlineHome/icon_hzjy.png
 create mode 100644 static/images/onlineHome/icon_rgjy.png
 create mode 100644 static/images/onlineHome/icon_zzjy.png
 create mode 100644 static/images/onlineHome/icon_zzly.png

diff --git a/static/images/onlineHome/icon_czjy.png b/static/images/onlineHome/icon_czjy.png
new file mode 100644
index 0000000000000000000000000000000000000000..909ed96478b7d935aa9bf83fc7803255cf1c629f
GIT binary patch
literal 634
zcmV-=0)_pFP)<h;3K|Lk000e1NJLTq000>P000;W1^@s654Bdt00004b3#c}2nYxW
zd<bNS0006pNkl<ZNK2iTjZwlt5QRwv(t*$cRv=aY9T+>%3d9P83WN%@140E#1;!4v
zg80779<xdA67*(nF5LdSeY<;iWTSymRn<}|3(bk<+^HA({?OcIS;m?iSxO@3xnz&#
z{6}kW8cb#edSS9Vft4|T9S}JmOYvC~kb~w*#sEZz1(Qq1vux-#Kn!3n4WcBnZC@JB
zm9;_MWJvz6hVpza0D317qy3U%U=2VTCsu=pSRj^-SLqP&0i7De1fTjm#&T-_7*ZqZ
zlWS6N7?+-v3pQ-;0tiO1n8rFphD0@!3>E~%N>H#_w?MY~eQSFg7zGfVOk_a8J3~&1
ze&ktduhQ0&_Es&BZ~aD}+Sc*_g26@`_X!Xjab}PoEz(@;O{~3*DU9mCJV=Ln0JNIH
z_SyxJ3<@3Dkj8~TrkTrcG^$oAh(1}nmTt{nAlX?=9HY6u_rWffTBi$>CC%bNIz?<d
z5$hU6lPDRSgCYjzo5gq6C3Vs)WysCj84iT=!dOd}TE%qfvMtR-O>+I9psb9(2AE4e
zm@apC>pBBc$`BS|L=PlF#{@9iGcal}ksj~MI2_)PF4Du~K-LaoL&hA|cPEP-M$Qs<
z+^JiWkJbPXZw^cfujlTqon(2C{TZYOJTTyrZCp=%&o9w(m2k4l9_OSNJ=O+;K_*sY
z+LJ4tLXsNVl5Zj<h`NrNUz$AA+gLEY>9RWuN8}gB0EWSz3xX(8&Ig&qBKq&%Fa1Xs
U0)Z^nGXMYp07*qoM6N<$g3(S4H2?qr

literal 0
HcmV?d00001

diff --git a/static/images/onlineHome/icon_hzjy.png b/static/images/onlineHome/icon_hzjy.png
new file mode 100644
index 0000000000000000000000000000000000000000..4fceebc337f63fa8d7a8edd480f071c3631978b3
GIT binary patch
literal 720
zcmV;>0x$iEP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00004b3#c}2nYxW
zd<bNS0007qNkl<ZNK2)bOGs5w6oxxlS=mF%A_${FgMw>FMG#~Z5kVm2!~$tx&@ciA
z2@WKKghtVzNux}vfnX1UsDVNeB&3CpQ4fkBit-(SuTI||dtbKOea^Yzf{%Oe-v3(v
z+0S#MC4q?Jco)rs@CyDw4%S0t<P&@jK{q^v*HIKnw;*i7ybcT=(NOIali6n&hjma6
zTVNX$8>6$BeDWO@7*PBmqUS~!^Z5%llRV`oqg_Q?8`QuI<j{R|bs>WT&XfN(i9bRH
zwh%@~_}&G5==P=>1g5c|CQP<!3Ng@#^AQ@sazq;Le+MQ@{l(53(7Bt6*I+-qhZe*S
z3UMKKJG!fI9EPD4ZjnFt&j7&&)8W_KgXm3~iJqGNUa0hRb>!Z)1}EvfA1L$^k#<#L
zI1B7+hRDrX1MPY3eLr3xI+S5hMZewFu5^&x3TseG&!|^OC$kdKKmk+KgJz$nt0lL?
zUF4kzv``Z2u(Tq0l2+XIF-<zrm*FV<gzL~oe(V}(q1V7H6u}IFZv`4CZ=-Tdu5N&@
z+Om;3?w4q|7%29Pw$ljx>B~#WKW|2^Yr~B`ew>oQO}?B<dD2PxHYMCeSLka>$(@$L
z90Kj-q|k769^SeF@>XaX%+w?%%RmLPq8fw8p213fYmM}tNHx&vXGJ>(?>vKL{B8uj
z50VYCDlfJ_ben36R)9{Tw(O!JWN?Oxx8V-dCtcm<lGD3-HRv3a=sWs*?h^&y2MC_R
zVfX?K(5X}D4+WDJ+M1nqUD5Ta2I?eHJERV7fVSfpd<XrT&}&rNdM%WJ{s1WSFgq}q
z&NQ$BjC2W}fMcK+lKmH<(Tu<c=!Xl?Kylqc^WrbL8|$ZysCz~L0000<MNUMnLSTXk
CP)1w;

literal 0
HcmV?d00001

diff --git a/static/images/onlineHome/icon_rgjy.png b/static/images/onlineHome/icon_rgjy.png
new file mode 100644
index 0000000000000000000000000000000000000000..edd38b9faeccb1232130110ea14e9913c564350c
GIT binary patch
literal 857
zcmV-f1E&0mP)<h;3K|Lk000e1NJLTq000*N000#T1^@s6t>Sg700004b3#c}2nYxW
zd<bNS0009JNkl<ZI8T+8S%}S19LML{x9pTH43m)TOCph`<VlK=m?$+$jZ!3eu;f8X
zO3lltd5{cQUJwroQz+T8WSbf?7ei(&V~pkcd~WAV_g)h-|N3<P=YP-np5OUxH<6d|
zq*AFdOsBz2$PaX7Ou%pG7{-r`Z{ZnShR2CS;#H=W?{3ONbT-3wm<!+FCA@>`Fe=&%
zU0e<$VK@v8?_U_t!Cnq|6Awusyqw7axC2MwHq^1`Ypx}^bN2S;+hEYR5*PtX+56D7
zir-|c;=`8ziT&$$babEAH^3_NniannuD(;N{n*|^!VQd58Qh0rZ?5<QCclFJ?lRs2
zgY+8oe<K)7*K~po&=Y!r2`~%hgE43V_0~r5M@%Z<1{A?07!Tc`1`K-4mUIH}7}N=1
z;5Fh((AXE&uE`Q-vOm2mmFmkd2>OB9;~`qC^@{(5_h16lLz2DT(7mT}#r2UHvVlcE
zf@SR<5bndK<6xGx_}qYwg==s+j21`(hw0~5AH=*-OvQz~uYjp=5wd)Kh7Y=9F$@3;
z=!rK4WAYu$BGYXk7(4?y3`W6II0*~D+pqk~=U6j@9}MOkFko6Y8hSu1fBo&v%nVDu
z3d|5&f*zO%ClGHk6|JU9Cc7E4o=_N;d}lDIS|#3OBdh~c^*I=9#l2k_dgZZ*y7QqN
zbWd#?OW$5p2xd(IsBsl^%_TUbxIQ&o><eB=U+Y7^n`#DJ-)pf}c@qn5Gpq;8-N0K|
z_9?%6=)ovn!Q==`fn{LV)0+NZ&SyS$J@bDxECQ?ADm6YDV+AK+Q;T>kB2~DJJ~n&I
zU9F8}Z&2%5Tf>?iycfeK@IcpI0MqdUYf2Qi>~%#cA3V8D5Bn-uXu*7j$>7aB(A+OX
z>xJT`+Igr019BEjH7#mvt!mk0Yp}f@hH)?h_CRIO*~)l5{u7zsrqvRd9u`<gwP5kY
ze<EFER%oRy+J3YPY+n8?nn7x9gVNaLcu)IUzgczjz@VBvW`g22EMwswyWlZyl??y8
j8d1R9KBZ1R@6~?*mZCNQ96Sf&00000NkvXXu0mjfM{<W?

literal 0
HcmV?d00001

diff --git a/static/images/onlineHome/icon_zzjy.png b/static/images/onlineHome/icon_zzjy.png
new file mode 100644
index 0000000000000000000000000000000000000000..eca1e4e0187db617a241ad8656bf731089cb6e65
GIT binary patch
literal 833
zcmV-H1HSx;P)<h;3K|Lk000e1NJLTq000>P000;W1^@s654Bdt00004b3#c}2nYxW
zd<bNS0008`Nkl<ZNK2iTO^A(A7{|RRi84O2uyJpag%k@L8zVNPW_)ZExis?8<fANR
zBcmunOv*-aXCYq;EHqijosCio*@`P$pJgLsuHWzN9KHATzH@Qv-#O>``ajQe&U?>I
zCUqFCR;w429#8?@8S@6~7hpI^66ey9lxYZFLw7s`|H>SLMwjJ*bXL&qf~;8-?++4!
zcVTz|NHPirah9NPgk);iWUFkmZ6gT;kFhXIGpkS3hQHP2N$%lj|5p_CnIvYTn+d+5
z|NPG+q3mmA6`)^_?ii?oH{c{hBYC3Gjl0NAc+_OmN`m4o%a=vHMZXf=4FiKmU@bTe
zHe&xQOO#1Aiiaaf4T)7$i*5*xSI~V#HxNCMonbu(*`6Fpo&C-r8?vHEVrdl|Jn*(b
zFm0^jIeG)91G$9SZ$sY7$iJ{|0MGUWy1_`I(GY^ed6E!tAM;+Y6}$%v!EJC3pX&vQ
zRgl${+x{%c5d;@YNVM||wgAs=5x4^evQ=b#snl3K=&K1ES#?}f_R(Q88T~x48}tEx
z2}ZF0RFqVxeo#AXl8%)?VBe2|RbW1d{co~<0BqTZJXxru7hNSwk{(j7<PGe-byvYd
za2dP;Q^8qq2rLDg@qL~1ZMe^#iMPwcl(dPWmrU&Y69cio$=-JPlXD*|2HTPUK;F;V
z7Ou-ygxp(J_cD1VH8!h(vm?C#$PcjgE8oO^jQtGORx=$u1^vj!k<Vpq)_v@id%b-g
z{OZ$lmZZtXD&nZ3Xod{E>j%LY_z4z(9pHSBc_Eg7OJF~KCLxLMOPA;2KAwrp!Vj`L
z7*1pMES3R-jfXiV;|0)P`7QiT1wX$vpNikNwe-;n4pW%@<#pCJ!oaBs_zr>nw}Kjz
z7iAck>vT*=5{>?5h9Fkpk8In|(?rj&FQgxxKR3-XB7%1ZJLk3vI#v>#z1qIv9%KX9
z7T0EK66raDcfe=5UX)CyGl_v}A+UsT_~*hT8fC#dR#MiU|B?R!F*Ha5lN8>i00000
LNkvXXu0mjf$Od|R

literal 0
HcmV?d00001

diff --git a/static/images/onlineHome/icon_zzly.png b/static/images/onlineHome/icon_zzly.png
new file mode 100644
index 0000000000000000000000000000000000000000..1e19744995bad7270046281a870725b89f67525d
GIT binary patch
literal 688
zcmV;h0#E&kP)<h;3K|Lk000e1NJLTq000>P000;W1^@s654Bdt00004b3#c}2nYxW
zd<bNS0007KNkl<ZNK37ijZp$I5QV)8qyvu*v;wgLumZ3Gu>!CHr2@GM#0oq*zzW0;
zv;utJ&2A>A$sOaEnVk!}n|*J85{i?abvPU*av4iX$tZHKwckmqqA2)gSCO+Q_)NBi
z1^?35gZhzk13fj{jllM)c)vgtd?3dM2_Rd^QilOZE+aFOPn>1Tw*_JVukwH;%+_6H
zIM((PWTS)B|DvzX#{%FNKrHR2t_<WuNg%Px)!(Y|EFTDOA=`kM;a%IeRBdH1Wn&2F
z6YEp*XkhHaipaXIau5!a#V}@Q;J4B*B}^EB*Y<mAU~`?RJfhBE$HrPoHV#5+rJQMa
zv*gU4Az<2YX37F<%Z`ATlD%w0JBLp#p{)1PFCFASASvb%$jCrY?Im}zL&ixgwINGL
zoX8gUx0DJ3=tnUKK`4g@agci{*u%J%00bEVy+~j_jX?;YOo=rn!@|<0=~wZkvq_>{
zjoumx`!h+nq|&2XBtU}xm`norPhex510j=%z{?n<X;PwG*WQZ^2*GX>nNZqRPpC6x
z0F+6Y*mU8@P&9W!;uCj;A7zrvBp)z#f|en@S~E=a1SguxmlX!U?g;?QJwd(cd`A*U
zJ;oI<fQi1``li%?aF{H74P`(VmSqJPWPEV}xrnVBZy-B;2cDhx1Z0E@3B%;Ftnq_=
zopO>7<IP`17?|vzRt~63AH7?ZNX*>#-$0@acx1!#1W?!CFV6+jlYQ2${*)I#zO4*;
zGqF3t6!9NUBk2K6W)D+HG<}qONO(Zksd9Ff%SM<$)R({j`r_$_M4b!Xn@Nh%Uv=M;
W$3O!AIF>K~0000<MNUMnLSTZ6w=H`B

literal 0
HcmV?d00001


From 63a102d46f6892b919147f97019a3b8b8eb218fa Mon Sep 17 00:00:00 2001
From: hbao <ao@dubbo,vip>
Date: Thu, 15 Sep 2022 13:45:03 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E5=9C=B0=E5=9B=BE=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Map/MapGisObtain.vue        | 129 ++++++++++++---------
 src/views/onlineHome/phfs/zzjy/zzjyAdd.vue |   6 +-
 2 files changed, 78 insertions(+), 57 deletions(-)

diff --git a/src/components/Map/MapGisObtain.vue b/src/components/Map/MapGisObtain.vue
index 47b9b87a..2f813638 100644
--- a/src/components/Map/MapGisObtain.vue
+++ b/src/components/Map/MapGisObtain.vue
@@ -72,27 +72,28 @@ export default {
             name: "天地图文字标注--卫星影像图",
             resolution:Math.random() * 0.00000001
           });
+          //加载地图
+          that.map = new ol.Map({
+            controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
+            layers: [aerial, yingxzi],
+            projection: projection,
+            target: that.uuidMap,
+            view: new ol.View({
+              //center: ol.proj.fromLonLat([115.452752, 31.789033]),
+              zoom: 15,
+              minZoom: 5, //地图缩小限制
+              maxZoom: 18.3, //地图放大限制
+            }),
+            interactions: ol.interaction.defaults({
+              pinchRotate: false // 移动端禁止地图旋转
+            }),
+            //view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新
+          });
           if (response.data.length > 0) {
             //setTimeout(() => {
             for (var i = 0; response.data.length > i; i++) {
-              //加载地图
-              that.map = new ol.Map({
-                controls: ol.control.defaults({attribution: false, zoom: false, rotate: false}).extend([]), //隐藏放大缩小按钮
-                layers: [aerial, yingxzi],
-                projection: projection,
-                target: that.uuidMap,
-                view: new ol.View({
-                  //center: ol.proj.fromLonLat([115.452752, 31.789033]),
-                  zoom: 15,
-                  minZoom: 5, //地图缩小限制
-                  maxZoom: 18.3, //地图放大限制
-                }),
-                interactions: ol.interaction.defaults({
-                  pinchRotate: false // 移动端禁止地图旋转
-                }),
-                //view: new ol.View({ol.view.getResolution() + Math.random() * 0.00000001)});//随机数缩放实现刷新
-              });
               //图层查询定位开始 ---------start
+              console.log( response.data[i].zjdzd.theGeom);
               hc_land = new ol.layer.Vector({
                 title: "add Layer",
                 source: new ol.source.Vector({
@@ -121,6 +122,7 @@ export default {
               var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
               //定位查询位置
               var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+              console.log(center);
               that.map.getView().animate({
                 // 只设置需要的属性即可
                 center: center, // 中心点
@@ -130,45 +132,64 @@ export default {
                 resolution:Math.random() * 0.00000001,
               });
             }
-            that.map.on("singleclick", function (evt) {
-              console.info(1111111);
-              let feature = that.map.forEachFeatureAtPixel(
-                evt.pixel,
-                (feature) => feature
-              );
-              document.getElementById(that.uuidMap).innerHTML = '';
-
-              if (feature) {
-                that.map.removeLayer(geo_zjdzd);
-                this.closeMoule= null;
-                //图层查询定位开始 ---------start
-                geo_zjdzd = new ol.layer.Vector({
-                  title: "add Layer",
-                  source: new ol.source.Vector({
-                    projection: projection,
-                    features: new ol.format.GeoJSON().readFeatures("{\n" +
-                      "    \"type\": \"Feature\",\n" +
-                      "    \"geometry\":" + feature.values_.zjdzd.theGeom + "}"),
-                  }),
-                  style: new ol.style.Style({
-                    fill: new ol.style.Fill({
-                      //矢量图层填充颜色，以及透明度
-                      color: "rgb(204, 255, 255,0.5)",
-                    }),
-                    stroke: new ol.style.Stroke({
-                      //边界样式
-                      color: "#00FFFF",
-                      width: 8,
-                    }),
-                  }),
-                });
-                that.map.addLayer(geo_zjdzd);
-                that.closeMoule = feature.values_.zjddm;
-              }
-            });
           }
           var geo_zjdzd;
-          console.log("1111");
+          that.map.on("singleclick", function (evt) {
+            let feature = that.map.forEachFeatureAtPixel(
+              evt.pixel,
+              (feature) => feature
+            );
+            //document.getElementById(that.uuidMap).innerHTML = '';
+            if (feature && (feature !==undefined)) {
+              that.map.removeLayer(geo_zjdzd);
+              var aleft = [];
+              for(var i=0;i<feature.values_.geometry.flatCoordinates.length;i++){
+                aleft.push("["+feature.values_.geometry.flatCoordinates[i]+","+feature.values_.geometry.flatCoordinates[i+1] +"]")
+                i = i+1;
+              }
+              var aright = "[[["+aleft +"]]]";
+              var geoThegeom = "{\"type\": \"MultiPolygon\", \"coordinates\": "+aright + "}";
+              this.closeMoule= null;
+              //图层查询定位开始 ---------start
+              geo_zjdzd = new ol.layer.Vector({
+                title: "add Layer",
+                source: new ol.source.Vector({
+                  projection: projection,
+                  features: new ol.format.GeoJSON().readFeatures("{\n" +
+                    "    \"type\": \"Feature\",\n" +
+                    "    \"geometry\":" + geoThegeom + "}"),
+                }),
+                resolution:Math.random() * 0.00000001,
+                style: new ol.style.Style({
+                  fill: new ol.style.Fill({
+                    //矢量图层填充颜色，以及透明度
+                    color: "rgb(204, 255, 255,0.5)",
+                  }),
+                  stroke: new ol.style.Stroke({
+                    //边界样式
+                    color: "#00FFFF",
+                    width: 3,
+                  }),
+                }),
+              });
+              that.map.addLayer(geo_zjdzd);
+              //that.closeMoule = feature.values_.zjddm;
+              var maxXMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxX;
+              var maxYMap = hc_land.values_.source.featuresRtree_.rbush_.data.maxY;
+              var minXMap = hc_land.values_.source.featuresRtree_.rbush_.data.minX;
+              var minYMap = hc_land.values_.source.featuresRtree_.rbush_.data.minY;
+              //定位查询位置
+              var center = ol.extent.getCenter([maxXMap, maxYMap, minXMap, minYMap]); //获取边界区域的中心位置
+              that.map.getView().animate({
+                // 只设置需要的属性即可
+                center: center, // 中心点
+                zoom: 16.9, // 缩放级别
+                rotation: undefined, // 缩放完成view视图旋转弧度
+                duration: 1000, // 缩放持续时间，默认不需要设置
+                resolution:Math.random() * 0.00000001,
+              });
+            }
+          });
         }
       });
     },
diff --git a/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue b/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue
index bd55bb50..1007ef46 100644
--- a/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue
+++ b/src/views/onlineHome/phfs/zzjy/zzjyAdd.vue
@@ -132,9 +132,9 @@
 <!--          @cancel="showycsydqsj = false"-->
 <!--        />-->
 <!--      </van-popup>-->
-<!--      <van-dialog v-model:show="mapShow" show-cancel-button>-->
-<!--        <MapGisObtain ref="zjdProductResh" :shqrxm="circulation.zcfmc"></MapGisObtain>-->
-<!--      </van-dialog>-->
+      <van-dialog v-model:show="mapShow" show-cancel-button>
+        <MapGisObtain ref="zjdProductResh" :shqrxm="circulation.zcfmc"></MapGisObtain>
+      </van-dialog>
 <!--      <van-field v-model="circulation.ycsymj" label="有偿使用面积(㎡)" placeholder="请输入有偿使用面积㎡" input-align="right" label-width="auto" type="number"/>-->
 <!--      <van-field v-model="circulation.ycsymjdj" label="有偿使用面积单价(元)" placeholder="请输入有偿使用面积单价" input-align="right" label-width="auto" type="number"/>-->
 <!--      <van-field v-model="circulation.ycsyfy" label="有偿使用费用(元)" placeholder="请输入有偿使用费用" input-align="right" label-width="auto" type="number"/>-->