问题修改

.postcssrc.js

@@ -4,7 +4,7 @@ module.exports = ({ file }) => {
 　　let remUnit;
 　　// 判断条件 请自行调整 我使用的是 mand-mobile ui 没有对vant引入进行测试
 　　//link https://github.com/youzan/vant/issues/1181
-    
+
 　　if (file && file.dirname && file.dirname.indexOf("vant") > -1) {
 　　　　remUnit = 37.5;
 　　}else {
@@ -12,11 +12,17 @@ module.exports = ({ file }) => {
 　　}
 　　return {
 　　　　plugins: [
-　　　　　　px2rem({ remUnit: remUnit}),
-　　　　　　AutoPrefixer({ browsers: ["last 20 versions", "android >= 4.0"] })
+　　　　  px2rem({ remUnit: remUnit}),
+　　　　　AutoPrefixer({ browsers: ["last 20 versions", "android >= 4.0"] })
 
-　　　　]
+　　　　],
+      "postcss-pxtorem": {
+        rootValue: 23.4375, // 640
+        propList: ['*'],
+        selectorBlackList: ['.tree-xxx'],
+        minPixelValue: 1,
+        exclude: /vue-search-tree/ig // src 目录下样式全部不转义
+      }
 　　};
 };
 
- 

config/index.js

@@ -13,9 +13,8 @@ module.exports = {
       "/api": {
         // 请求的目标主机
         //target: 'http://116.255.135.38:8081/nsgk_test/',
-        target: 'http://localhost:8080/',
-        //target:'192.168.31.228:8080',
-        //target:'192.168.31.228:8080',
+        //target: 'http://localhost:8080/',
+        target:'http://192.168.31.26:8080',
         changeOrigin: true,
         pathRewrite: {
           '^/api': ''
@@ -25,7 +24,7 @@ module.exports = {
 
     // Various Dev Server settings
     host: '0.0.0.0', // can be overwritten by process.env.HOST
-    port: 85, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,
     notifyOnErrors: true,

package-lock.json

@@ -337,6 +337,14 @@
       "integrity": "sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==",
       "dev": true
     },
+    "async-validator": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
+      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
+      "requires": {
+        "babel-runtime": "6.x"
+      }
+    },
     "asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -630,8 +638,7 @@
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
-      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==",
-      "dev": true
+      "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
     },
     "babel-helpers": {
       "version": "6.24.1",
@@ -1159,7 +1166,6 @@
       "version": "6.26.0",
       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
-      "dev": true,
       "requires": {
         "core-js": "^2.4.0",
         "regenerator-runtime": "^0.11.0"
@@ -2136,8 +2142,7 @@
     "core-js": {
       "version": "2.6.12",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
-      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
-      "dev": true
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
     },
     "core-util-is": {
       "version": "1.0.2",
@@ -3246,6 +3251,11 @@
         "regexp.prototype.flags": "^1.2.0"
       }
     },
+    "deepmerge": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
+      "integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
+    },
     "define-properties": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
@@ -3562,6 +3572,19 @@
       "integrity": "sha512-zok2y37qR00U14uM6qBz/3iIjWHom2eRfC2S1StA0RslP7x34jX+j4mxv80t8OEOHLJPVG54ZPeaFxEI7gPrwg==",
       "dev": true
     },
+    "element-ui": {
+      "version": "2.15.6",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.15.6.tgz",
+      "integrity": "sha512-rcYXEKd/j2G0AgficAOk1Zd1AsnHRkhmrK4yLHmNOiimU2JfsywgfKUjMoFuT6pQx0luhovj8lFjpE4Fnt58Iw==",
+      "requires": {
+        "async-validator": "~1.8.1",
+        "babel-helper-vue-jsx-merge-props": "^2.0.0",
+        "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
+        "throttle-debounce": "^1.0.1"
+      }
+    },
     "elliptic": {
       "version": "6.5.4",
       "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
@@ -4475,6 +4498,11 @@
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
     },
+    "fuzzy-match-js": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/fuzzy-match-js/-/fuzzy-match-js-0.0.3.tgz",
+      "integrity": "sha512-lK+PZ9Sd8uz8rQJq4Hy870FUW4a75AmfDO15kiemoU4z81OAVM7cvZVzbFtGOf7qd5asLgFqrt3DA6F9fmmaiA=="
+    },
     "gauge": {
       "version": "2.7.4",
       "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
@@ -6793,6 +6821,11 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm-run-path": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz",
@@ -10178,8 +10211,7 @@
     "regenerator-runtime": {
       "version": "0.11.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
-      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
-      "dev": true
+      "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
     },
     "regenerator-transform": {
       "version": "0.10.1",
@@ -10357,6 +10389,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.20.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.20.0.tgz",
@@ -11489,6 +11526,11 @@
         }
       }
     },
+    "throttle-debounce": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.1.0.tgz",
+      "integrity": "sha512-XH8UiPCQcWNuk2LYePibW/4qL97+ZQ1AN3FNXwZRBNPPowo/NRU5fAlDCSNBJIYCKbioZfuYtMhG4quqoJhVzg=="
+    },
     "through2": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
@@ -12112,6 +12154,14 @@
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.5.1.tgz",
       "integrity": "sha512-RRQNLT8Mzr8z7eL4p7BtKvRaTSGdCbTy2+Mm5HTJvLGYSSeG9gDzNasJPP/yOYKLy+/cLG/ftrqq5fvkFwBJEw=="
     },
+    "vue-search-tree": {
+      "version": "1.9.9",
+      "resolved": "https://registry.npmjs.org/vue-search-tree/-/vue-search-tree-1.9.9.tgz",
+      "integrity": "sha512-qj2X6HQFq4GZfqwmkk5xYDiDswzcPYQU6F0y6P132IgeMkHah2Tud56eI8hgSTf5NujExfg8cXXoZts6mVyzJA==",
+      "requires": {
+        "fuzzy-match-js": "0.0.3"
+      }
+    },
     "vue-style-loader": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.1.2.tgz",

package.json

@@ -11,8 +11,9 @@
   },
   "dependencies": {
     "axios": "^0.21.1",
-    "jquery": "^3.6.0",
+    "element-ui": "^2.15.6",
     "global": "^4.4.0",
+    "jquery": "^3.6.0",
     "js-cookie": "^2.2.1",
     "lib-flexible": "^0.3.2",
     "node-sass": "^5.0.0",
@@ -22,6 +23,7 @@
     "vant": "^2.12.8",
     "vue": "^2.5.2",
     "vue-router": "^3.0.1",
+    "vue-search-tree": "^1.9.9",
     "vuex": "^3.6.2",
     "weixin-js-sdk": "^1.6.0"
   },

src/main.js

@@ -10,6 +10,8 @@ import 'amfe-flexible/index.js'
 import './config/flexible'
 import store from './store/'
 import './permission' // permission control
+import SearchTree from 'vue-search-tree'
+
 
 import global from '@/utils/global';
 
@@ -29,6 +31,7 @@ Vue.prototype.global = global
 import Vant from 'vant';
 import 'vant/lib/index.css';
 Vue.use(Vant)
+Vue.use(SearchTree)
 
 /*解决手动点击与真正触发click事件会存在300ms的延迟*/
 if ('addEventListener' in document) {

src/router/index.js

@@ -833,6 +833,24 @@ export const constantRoutes = [
       hidden: true,
     },
     component: (resolve) => require(['@/views/onlineHome/homestead/paidExit/paidExitModify'], resolve)
+  },
+  {
+    path: '/task',
+    name: 'task',
+    meta: {
+      title: '发布任务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/task/taskList'], resolve)
+  },
+  {
+    path: '/taskRelease',
+    name: 'taskRelease',
+    meta: {
+      title: '发布任务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/onlineHome/homestead/task/taskRelease'], resolve)
   }
 ];
 

src/views/onlineHome/homestead/homeApplication/applicationForm.vue

@@ -392,6 +392,123 @@
           </div>
 
         </van-form>
+
+      <!--        审核流程开始-->
+        <div class="main_box examine_box">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">审核<br/>意见</van-col>
+            <van-col span="19">
+              <van-radio-group v-model="radio" direction="horizontal">
+                <van-radio name="1">同意</van-radio>
+                <van-radio name="2">驳回</van-radio>
+              </van-radio-group>
+              <van-field rows="2" autosize readonly type="textarea" placeholder="同意申请宅基地"/>
+            </van-col>
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">农业<br/>农村<br/>部门<br/>审查<br/>意见</van-col>
+            <van-col span="19">
+              <van-cell-group>
+                <van-cell title="成员资格审查">
+                  <template #right-icon>
+                    <van-radio-group v-model="radio" direction="horizontal" style="padding: 0; border: 0;">
+                      <van-radio name="1">通过</van-radio>
+                      <van-radio name="2">不通过</van-radio>
+                    </van-radio-group>
+                  </template>
+                </van-cell>
+                <van-cell title="一户一宅情况">
+                  <template #right-icon>
+                    <van-radio-group v-model="radio" direction="horizontal" style="padding: 0; border: 0;">
+                      <van-radio name="1">符合</van-radio>
+                      <van-radio name="2">不符合</van-radio>
+                    </van-radio-group>
+                  </template>
+                </van-cell>
+                <van-cell title="村委会审查资料">
+                  <template #right-icon>
+                    <van-radio-group v-model="radio" direction="horizontal" style="padding: 0; border: 0;">
+                      <van-radio name="1">齐全</van-radio>
+                      <van-radio name="2">不齐全</van-radio>
+                    </van-radio-group>
+                  </template>
+                </van-cell>
+              </van-cell-group>
+              <van-field rows="2" autosize readonly type="textarea" placeholder="审查意见"/>
+            </van-col>
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">自然<br/>资源<br/>部门<br/>意见</van-col>
+            <van-col span="19">
+              <van-field v-model="value" label="用地面积" placeholder="请输入" input-align="right">
+                <template #right-icon>
+                  ㎡
+                </template>
+              </van-field>
+              <van-field v-model="value" label="土地权属" placeholder="请选择" readonly input-align="right" is-link arrow-direction="down"/>
+              <van-field v-model="value" label="东至" placeholder="请输入" input-align="right"/>
+              <van-field v-model="value" label="南至" placeholder="请输入" input-align="right"/>
+              <van-field v-model="value" label="西至" placeholder="请输入" input-align="right"/>
+              <van-field v-model="value" label="北至" placeholder="请输入" input-align="right"/>
+              <van-field rows="2" autosize readonly type="textarea" placeholder="审查意见"/>
+            </van-col>
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">农业<br/>农村<br/>部门<br/>审查<br/>意见</van-col>
+            <van-col span="19">
+              <van-field v-model="value" label="建筑类型" placeholder="请选择" readonly input-align="right" is-link arrow-direction="down"/>
+              <van-field v-model="value" label="图纸类型" placeholder="请选择" readonly input-align="right" is-link arrow-direction="down"/>
+
+              <van-field v-model="value" label="建筑占地面积" placeholder="请输入" input-align="right">
+                <template #right-icon>
+                  ㎡
+                </template>
+              </van-field>
+
+              <van-field v-model="value" label="建筑面积" placeholder="请输入" input-align="right">
+                <template #right-icon>
+                  ㎡
+                </template>
+              </van-field>
+
+              <van-field v-model="value" label="建筑层数" placeholder="请输入" input-align="right">
+                <template #right-icon>
+                  层
+                </template>
+              </van-field>
+
+              <van-field v-model="value" label="建筑高度" placeholder="请输入" input-align="right">
+                <template #right-icon>
+                  m
+                </template>
+              </van-field>
+              <van-field v-model="value" label="东至" placeholder="请输入" input-align="right"/>
+              <van-field v-model="value" label="南至" placeholder="请输入" input-align="right"/>
+              <van-field v-model="value" label="西至" placeholder="请输入" input-align="right"/>
+              <van-field v-model="value" label="北至" placeholder="请输入" input-align="right"/>
+              <van-field rows="2" autosize readonly type="textarea" placeholder="审批意见"/>
+            </van-col>
+          </van-row>
+        </div>
+
+        <div class="main_box examine_box">
+          <van-row type="flex" justify="space-between" align="center">
+            <van-col span="5">上传<br/>附件</van-col>
+            <van-col span="19">
+              <van-uploader v-model="fileList" multiple style="margin-bottom: 0;" />
+            </van-col>
+          </van-row>
+        </div>
+      <!--        审核流程结束-->
       </div>
 
     </div>
@@ -1005,6 +1122,27 @@
   .app-container {
     padding-bottom: 5%;
   }
+  .examine_box{
+    background-color: #1D6FE9!important;
+    padding: 0.18rem!important;
+    padding-left: 0!important;
+    border-radius: 0.15rem!important;
+    margin-top: 0.3rem!important;
+  }
+  .examine_box .van-col:first-child{
+    color: #FFF!important;
+    font-size: 0.45rem!important;
+    text-align: center!important;
+  }
+  .examine_box .van-col:last-child{
+    background-color: #FFF!important;
+    border-radius: 0.15rem!important;
+    overflow: hidden!important;
+    .van-radio-group--horizontal{
+      padding: 0.2rem 0;
+      border-bottom: 1px solid #eee;
+    }
+  }
   #mapWrap{
     width: 96%;
     margin: 0 auto;

src/views/onlineHome/homestead/homeApplication/applicationList.vue

@@ -31,7 +31,14 @@
             </template>
           </van-cell>
           <template #right>
-            <van-button square text="删除" type="danger" v-if="item.houseApplyStatus=='申请草稿'" @click="deleteList(item.id,index)" class="delete-button" />
+            <van-row>
+              <van-col>
+                <van-button square text="修改" type="info" v-if="item.houseApplyStatus=='申请草稿'" :to="{name:'applicationForm', query: {id:item.id}}" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="删除" type="danger" v-if="item.houseApplyStatus=='申请草稿'" @click="deleteList(item.id,index)" class="delete-button" />
+              </van-col>
+            </van-row>
           </template>
         </van-swipe-cell>
       </van-list>
@@ -107,7 +114,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
   .app-container {
     padding: 0.2rem 3%;
   }
@@ -133,6 +140,12 @@ export default {
   /deep/van-ellipsis{
     font-weight: bold;
   }
+  .van-row{
+    height: 100%;
+  }
+  .van-col{
+    height: 100%;
+  }
   .delete-button {
     height: 100%;
   }

src/views/onlineHome/homestead/task/taskList.vue

@@ -0,0 +1,177 @@
+<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="关于什么的主题主题内容" value="已下发" center :to="{name:'paidExitDetail', query: {id:item.id}}" >
+            <template #icon>
+              <van-icon name="../../../static/images/icon/icon_tr.png" size="22" color="#539FFD" style="margin-right: 10px;" />
+            </template>
+            <template #label>
+              <p>
+                <b>上报60%</b>
+                <van-progress :percentage="50" stroke-width="5" :show-pivot="false" style="width: 25%;display: inline-block;position:relative;top: -2px;" />
+                <i style="margin-right: 0.5rem;"></i>2021-09-09
+              </p>
+
+            </template>
+          </van-cell>
+          <template #right>
+            <van-row>
+              <van-col>
+                <van-button color="#FFA63E" square :to="{name:'paidExitModify', query: {id:item.id}}" type="info" class="delete-button" >
+                    上报<br/>情况
+                </van-button>
+              </van-col>
+              <van-col>
+                <van-button color="#7DDA4F" square text="发布" @click="deleteList(item.id,index)" type="danger" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button square text="修改" :to="{name:'paidExitModify', query: {id:item.id}}" type="info" class="delete-button" />
+              </van-col>
+              <van-col>
+                <van-button color="#FF4646" square text="删除" @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 , removeList } from "@/api/onlineHome/homestead/paidExit";
+export default {
+  name: "paidExit",
+  data() {
+    return {
+      applicationList:[],
+      houseApplyStatus:[],
+      tcqllxStatus:[],
+      tclxStatus:[],
+      tcfsStatus:[],
+      auditStatus:[],
+      loading: false,
+      finished: false,
+      queryParams:{
+        pageNum:1,
+        pageSize:10,
+        orderByColumn:'createTime',
+        isAsc:'desc'
+      }
+    };
+  },
+  created() {
+    this.houseGetDicts("tcqllx").then((res) => {
+      this.tcqllxStatus = res.data;
+    });
+    this.houseGetDicts("tclx").then((res) => {
+      this.tclxStatus = res.data;
+    });
+    this.houseGetDicts("tcfs").then((res) => {
+      this.tcfsStatus = res.data;
+    });
+    this.houseGetDicts("audit_status").then((res) => {
+      this.auditStatus = res.data;
+    });
+  },
+  methods: {
+    goAdd(){
+      window.location = 'paidExitAdd';
+    },
+    getList(){
+      setTimeout(() => {
+        getList(this.queryParams).then(response => {
+          console.log(response)
+          for (var i = 0; i < response.rows.length; i++) {
+            response.rows[i].tclx = this.selectDictLabel(this.tcqllxStatus, response.rows[i].tclx)
+            response.rows[i].tclx = this.selectDictLabel(this.tclxStatus, response.rows[i].tclx)
+            response.rows[i].tcfs = this.selectDictLabel(this.tcfsStatus, response.rows[i].tcfs)
+            response.rows[i].auditStatus = this.selectDictLabel(this.auditStatus, response.rows[i].auditStatus)
+            this.applicationList.push(response.rows[i]);
+          }
+          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
+      });
+    }
+  },
+}
+</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>

src/views/onlineHome/homestead/task/taskRelease.vue

@@ -0,0 +1,115 @@
+<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>
+      <div class="main_box">
+        <SearchTree
+          ref="tree"
+          node-key="id"
+          :data="treeList"
+          :show-checkbox="true"
+          :default-checked-keys="[1103]"
+          :default-expanded-keys="[1103, 1105]"
+          @node-click="handleClick"
+        ></SearchTree>
+      </div>
+    </div>
+</template>
+
+<script>
+export default {
+  name: "taskRelease",
+  data() {
+    return {
+      treeList: [
+        {
+          "id": 1000,
+          "name": "河南省",
+          "children": [{
+            "id": 1009,
+            "name": "新乡市",
+            "children": [{
+              "id": 1119,
+              "name": "新乡市宏力大道店"
+            }, {
+              "id": 1120,
+              "name": "新乡市胜利北街店"
+            }, {
+              "id": 1121,
+              "name": "新乡市首比街店"
+            }]
+          },
+            {
+              "id": 1016,
+              "name": "巩义市",
+              "children": [{
+                "id": 1254,
+                "name": "巩义市新兴路店"
+              }]
+            }]
+        }
+      ],
+    };
+  },
+  created() {
+
+  },
+  methods: {
+    setKeys () {
+      this.$refs.tree.setCheckedKeys([1000, 1001], true)
+    },
+    getKeys () {
+      const keys = this.$refs.tree.getCheckedKeys()
+      console.log(keys)
+    },
+    getNodes () {
+      const nodes = this.$refs.tree.getCheckedNodes()
+      console.log(nodes)
+    },
+    resetChecked () {
+      this.$refs.tree.resetChecked()
+    },
+    getNode () {
+      const node = this.$refs.tree.getNode(1001)
+      console.log(node)
+    },
+    handleClick (e, node) {
+      console.log(node)
+    }
+  },
+}
+</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>