小程序底座架构完成

src/components/AiPagePicker/AiPagePicker.vue

@@ -0,0 +1,68 @@
+<template>
+  <section class="AiPagePicker">
+    <div @click="handleJump">
+      <slot v-if="$slots.default"/>
+      <div v-else v-text="selectedLabel"/>
+    </div>
+  </section>
+</template>
+
+<script>
+import qs from 'query-string'
+
+export default {
+  name: "AiPagePicker",
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  props: {
+    value: {default: ""},
+    type: {default: "resident"},
+    nodeKey: {default: "idNumber"},
+    selected: {default: () => []},
+    placeholder: {default: "选择人员"}
+  },
+  data() {
+    return {
+      configList: {
+        resident: {url: "/components/pages/selectResident", label: "name"},
+        gird: {url: "/components/pages/selectGird", label: "girdName"}
+      },
+    }
+  },
+  computed: {
+    config() {
+      return this.configList[this.type] || {}
+    },
+    selectedLabel() {
+      let {placeholder, config: {label}} = this
+      return this.selected?.map(e => e[label])?.toString() || placeholder
+    }
+  },
+  methods: {
+    handleJump() {
+      let {config, nodeKey} = this,
+          selected = this.value || this.selected?.map(e => e[nodeKey])
+      uni.$once('pagePicker', data => {
+        this.$emit("update:selected", data)
+        this.$emit("select", data)
+        this.$emit("change", data.map(e => e[nodeKey]))
+      })
+      let url = `${config.url}`,
+          qsstr = qs.stringify({
+            selected, ...this.$attrs
+          })
+      if (!!qsstr) {
+        url += `?${qsstr}`
+      }
+      uni.navigateTo({url})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AiPagePicker {
+}
+</style>

src/components/pages/selectGird.vue

@@ -0,0 +1,312 @@
+<template>
+  <div class="selectGird">
+    <AiTopFixed>
+      <u-search placeholder="搜索" v-model="name" :show-action="false"/>
+      <div class="hint">
+        <span v-for="(item, index) in selectList" :key="index"><span v-if="index" style="margin:0 4px;">/</span><span
+            style="color:#3F8DF5" @click="girdNameClick(item, index)">{{ item.girdName }}</span></span>
+      </div>
+    </AiTopFixed>
+    <div class="header-middle">
+      <div class="showTypes">
+        <div v-if="options.length > 0">
+          <div class="cards" v-for="(item, index) in options" :key="index" @click="itemClick(item)">
+            <div class="imges">
+              <img src="./img/xzh.png" alt="" class="imgselect" v-if="item.isChecked"
+                   @click.stop="girdClick(item, index)"/>
+              <img src="./img/xz.png" alt="" class="imgselect" v-else
+                   @click.stop="girdClick(item, index)"/>
+              <img src="./img/gird--select-icon.png" alt="" class="avatras"/>
+            </div>
+            <div class="rightes">
+              <div class="applicationNames fill">{{ item.girdName }}</div>
+              <u-icon v-if="item.girdLevel != 2" name="arrow-right" color="#ddd"/>
+            </div>
+          </div>
+        </div>
+        <AiEmpty description="暂无数据" class="emptyWrap" v-else/>
+      </div>
+    </div>
+    <div class="pad-b118"/>
+    <div class="footer">
+      <div class="btn" @click="confirm">确定选择</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'selectGird',
+  appName: "网格选择",
+  data() {
+    return {
+      current: 1,
+      name: '',
+      list: [],
+      selected: [],
+      SelectGird: {},
+      allData: null,
+      treeList: [],
+      selectList: [],
+      userGird: {},
+      userList: [],
+      girdLevel: 0,
+      parentGirdId: '',
+      isMyGird: false, //是否只查询当前户对应的网格员管理的三级网格
+    }
+  },
+  computed: {
+    options() {
+      return this.treeList.filter(e => e.girdName?.indexOf(this.name) > -1 || !this.name) || []
+    }
+  },
+  onLoad(params) {
+    console.log(params)
+    if (params.girdLevel) {
+      this.girdLevel = params.girdLevel
+    }
+    if (params.isMyGird) {
+      this.isMyGird = params.isMyGird
+    }
+    this.isGirdUser()
+  },
+  methods: {
+    isGirdUser() {
+      this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
+        if (res?.data) {
+          if (res.data.checkType) {
+            this.userGird = res.data
+            if (this.isMyGird) {
+              this.getMyGird()
+            } else {
+              this.getTree()
+            }
+
+          } else {
+            this.$u.toast('当前人员不是网格员或网格管理员')
+          }
+        }
+      })
+    },
+    getMyGird() {
+      this.selectList = []
+      this.$http.post('/app/appgirdmemberinfo/queryMyGirdListByLevel2AndUser').then((res) => {
+        if (res.code == 0) {
+          this.allData = res.data
+          this.treeInit()
+        }
+      })
+    },
+    getTree() {
+      this.selectList = []
+      this.$http.post(`/app/appgirdinfo/queryAppGirdInfoByGirdLevel?girdLevel=${this.girdLevel}&girdMemberId=${this.userGird.girdMemberId}&parentGirdId=${this.parentGirdId}`).then((res) => {
+        if (res?.data) {
+          this.allData = res.data
+          this.treeInit()
+        }
+      })
+    },
+
+    treeInit() {
+      this.treeList = this.allData
+      this.treeList.map((item) => {
+        item.isChecked = false
+      })
+      let obj = {
+        girdName: '可选范围',
+        id: '',
+        girdLevel: ''
+      }
+      this.selectList.push(obj)
+    },
+
+    itemClick(row) {
+      if (row.girdLevel == 2) return
+      const obj = {
+        girdName: row.girdName,
+        id: row.id,
+        girdLevel: row.girdLevel
+      };
+      this.selectList.push(obj)
+      this.searckGird(row)
+    },
+
+    searckGird(row) {
+      if (row.girdLevel == 2) return
+      const girdLevel = Number(row.girdLevel) + 1;
+      this.$http.post(`/app/appgirdinfo/queryAppGirdInfoByGirdLevel?girdLevel=${girdLevel}&girdMemberId=${this.userGird.girdMemberId}&parentGirdId=${row.id}`).then((res) => {
+        if (res?.data) {
+          this.treeList = res.data
+        }
+      })
+    },
+
+    girdNameClick(row, index) {
+      this.userList = []
+      if (!index) { //第一级别
+        this.selectList = []
+        this.treeInit()
+      } else {
+        const list = [];
+        this.selectList.map((item, i) => {
+          if (i <= index) {
+            list.push(item)
+          }
+        })
+        this.selectList = list
+        this.searckGird(row)
+      }
+    },
+
+
+    girdClick(row, index) {
+      if (this.treeList[index].isChecked) {//取消
+        this.treeList[index].isChecked = false
+        this.SelectGird = {}
+      } else {
+        this.treeList.map((item) => {
+          item.isChecked = false
+        })
+        this.treeList[index].isChecked = true
+        this.SelectGird = row
+      }
+      this.$forceUpdate()
+    },
+    confirm() {
+      if (this.SelectGird.id != null) {
+        uni.navigateBack({
+          success: () => {
+            uni.$emit("pagePicker", [this.SelectGird])
+          }
+        })
+      } else {
+        return this.$u.toast('请选择网格')
+      }
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.selectGird {
+  height: 100%;
+  background: #fff;
+  padding-bottom: 140px;
+
+  .hint {
+    padding-bottom: 28px;
+    line-height: 56px;
+    font-size: 30px;
+    font-weight: 500;
+    word-break: break-all;
+  }
+
+  .header-middle {
+    .showTypes {
+      .empty-div {
+        height: 16px;
+        background: #f5f5f5;
+      }
+
+      .cards {
+        display: flex;
+        align-items: center;
+        height: 120px;
+        line-height: 120px;
+        // background: pink;
+        padding: 0 0 0 32px;
+
+        .imges {
+          display: flex;
+          align-items: center;
+          // width: 200px;
+          .imgselect {
+            width: 48px;
+            height: 48px;
+            vertical-align: middle;
+          }
+
+          .avatras {
+            width: 74px;
+            height: 74px;
+            border-radius: 8px;
+            margin-left: 36px;
+          }
+        }
+
+        img {
+          width: 74px;
+          height: 74px;
+          border-radius: 8px;
+        }
+
+        .rightes {
+          width: calc(100% - 188px);
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-left: 32px;
+          border-bottom: 1px solid #e4e5e6;
+          padding-right: 16px;
+          box-sizing: border-box;
+
+          .applicationNames {
+            font-size: 36px;
+            font-weight: 500;
+            color: #333333;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+  }
+
+  .subBtn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 118px;
+    background: #f4f8fb;
+
+    div {
+      width: 192px;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background: #1365dd;
+      border-radius: 4px;
+      font-size: 32px;
+      color: #fff;
+      margin: 20px 34px 0 0;
+      float: right;
+    }
+  }
+
+  .footer {
+    width: 100%;
+    height: 118px;
+    background: #F4F8FB;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    text-align: right;
+
+    .btn {
+      display: inline-block;
+      width: 192px;
+      height: 80px;
+      line-height: 80px;
+      background: #1365DD;
+      border-radius: 4px;
+      text-align: center;
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #FFF;
+      margin: 20px 34px 0 0;
+    }
+  }
+}
+</style>

src/components/pages/selectResident.vue

@@ -0,0 +1,171 @@
+<template>
+  <div class="selectResident">
+    <AiTopFixed>
+      <u-search placeholder="搜索" v-model="name" :show-action="false" @change="getList"></u-search>
+    </AiTopFixed>
+    <div class="user-list">
+      <template v-if="list.length>0">
+        <div class="item" v-for="(item, index) in list" :key="index">
+          <div class="select-img" @click="checkClick(index)">
+            <img :src="item.isCheck ? checkIcon : cirIcon" alt="">
+          </div>
+          <div class="user-info">
+            <img :src="item.photo" alt="" v-if="item.photo">
+            <img src="./img/user-img.png" alt="" v-else>{{ item.name }}
+          </div>
+        </div>
+      </template>
+      <AiEmpty v-else/>
+    </div>
+    <div class="pad-b118"></div>
+    <div class="footer">
+      <div class="btn" @click="confirm">确定选择</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: "selectResident",
+  appName: "人员选择器(居民档案)",
+  data() {
+    return {
+      current: 1,
+      name: '',
+      list: [],
+      cirIcon: require('./img/xz.png'),
+      checkIcon: require('./img/xzh.png'),
+      selected: []
+    }
+  },
+  computed: {...mapState(['user'])},
+  onLoad(query) {
+    if (query.selected) {
+      this.selected = query.selected?.split(",") || []
+    }
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.$http.post(`/app/appresident/list`, null, {
+        params: {
+          current: this.current,
+          size: 20,
+          areaId: this.user.areaId,
+          con: this.name
+        }
+      }).then(res => {
+        if (res?.data) {
+          res.data.records.forEach(e => {
+            e.isCheck = this.selected.includes(e.idNumber)
+          })
+          if (this.current > 1 && this.current > res.data.pages) {
+            return
+          }
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        }
+      })
+    },
+    checkClick(index) {
+      this.list[index].isCheck = !this.list[index].isCheck
+    },
+    confirm() {
+      let checkList = []
+      this.list.map((item) => {
+        if (item.isCheck) {
+          checkList.push(item)
+        }
+      })
+      if (!checkList.length) {
+        return this.$u.toast('请先选择人员')
+      } else {
+        uni.navigateBack({
+          success: () => {
+            uni.$emit("pagePicker", checkList)
+          }
+        })
+      }
+    }
+  },
+  onReachBottom() {
+    this.current++
+    this.getList()
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.selectResident {
+  ::v-deep .AiTopFixed .u-search {
+    margin-bottom: 0 !important;
+  }
+
+  .pad-b118 {
+    padding-bottom: 118px;
+  }
+
+  .user-list {
+    background-color: #fff;
+
+    .item {
+      .select-img {
+        display: inline-block;
+
+        img {
+          width: 48px;
+          height: 48px;
+          margin: 12px 36px 12px 30px;
+          vertical-align: middle;
+        }
+      }
+
+      .user-info {
+        display: inline-block;
+        padding: 20px 0 20px 0;
+        width: calc(100% - 114px);
+        height: 100%;
+        border-bottom: 1px solid #E4E5E6;
+        font-size: 36px;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333;
+        line-height: 74px;
+
+        img {
+          width: 74px;
+          height: 74px;
+          border-radius: 8px;
+          margin-right: 34px;
+          vertical-align: bottom;
+        }
+      }
+    }
+  }
+
+  .footer {
+    width: 100%;
+    height: 118px;
+    background: #F4F8FB;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    text-align: right;
+
+    .btn {
+      display: inline-block;
+      width: 192px;
+      height: 80px;
+      line-height: 80px;
+      background: #1365DD;
+      border-radius: 4px;
+      text-align: center;
+      font-size: 32px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      color: #FFF;
+      margin: 20px 34px 0 0;
+    }
+  }
+}
+</style>

src/mods/AppActivityList/addContent.vue

@@ -22,14 +22,10 @@
   </div>
 </template>
 <script>
-import AiUploader from '@/components/AiUploader/AiUploader'
 import {mapState} from 'vuex'
 
 export default {
   name: "addContent",
-  components: {
-    AiUploader
-  },
   computed: {
     ...mapState(['user'])
   },

src/mods/AppAddressBook/AppAddressBook.vue

@@ -9,13 +9,13 @@
     <!-- <div class="areaSelection">
       <div class="area">区域选择</div>
       <div class="select">
-        <ai-area-picker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
+        <AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
           <div class="ai-area__wrapper">
             <span class="label" v-if="areaName">{{ areaName }}</span>
             <span v-else>请选择</span>
             <u-icon name="arrow-right"></u-icon>
           </div>
-        </ai-area-picker>
+        </AiAreaPicker>
       </div>
     </div> -->
 
@@ -153,7 +153,7 @@ export default {
   box-sizing: border-box;
   padding: 32px 48px;
   background: #ffffff;
-  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
 
   & > label {
     font-size: 32px;

src/mods/AppAgProducts/agAdd.vue

@@ -72,11 +72,8 @@
 
 <script>
 
-import AiUploader from '../../components/AiUploader/AiUploader'
-
 export default {
   name: "agAdd",
-  components: {AiUploader},
   data() {
     return {
       show: false,

src/mods/AppContent/contentDetail.vue

@@ -5,11 +5,9 @@
 </template>
 
 <script>
-import AiDetail from "../../components/AiDetail/AiDetail";
 
 export default {
   name: "contentDetail",
-  components: {AiDetail},
   data() {
     return {
       detail: {title: "内容详情"},

src/mods/AppContent/contentManager.vue

@@ -6,7 +6,7 @@
           <div class="search">
             <u-icon name="search" color="rgba(255,255,255,0.5)" size="40"></u-icon>
             <input placeholder="请输入需要搜索的内容" class="desc" placeholder-style="color:rgba(255,255,255,0.5);"
-                   confirm-type="search" @change="onChange"></input>
+                   confirm-type="search" @change="onChange"/>
           </div>
         </div>
       </template>
@@ -16,11 +16,9 @@
 
 <script>
 import {mapState} from "vuex";
-import AiNewsList from "../../components/AiNewsList/AiNewsList";
 
 export default {
   name: "contentManager",
-  components: {AiNewsList},
   computed: {
     ...mapState(['user']),
     loadmore() {
@@ -47,7 +45,7 @@ export default {
       this.getData(val.detail.value);
     },
     getData(title = "") {
-      let {current, search} = this
+      let {current} = this
       this.moduleId && this.$instance.post("/app/appcontentinfo/list", null, {
         params: {moduleId: this.moduleId, current, size: 10, title}
       }).then(res => {

src/mods/AppJob/pubJob.vue

@@ -50,11 +50,9 @@
   </div>
 </template>
 <script>
-import AiUploader from '../../components/AiUploader/AiUploader'
 
 export default {
   name: "pubJob",
-  components: {AiUploader},
   data() {
     return {
       form: {

src/mods/AppMarFuneral/marAdd.vue

@@ -62,11 +62,9 @@
 </template>
 
 <script>
-import AiUploader from '../../components/AiUploader/AiUploader'
 
 export default {
   name: "marAdd",
-  components: {AiUploader},
   data() {
     return {
       form: {

src/mods/AppPlease/detail.vue

@@ -23,7 +23,7 @@
       <div class="detail-content">
         <p class="info-content">{{ detailInfo.content }}</p>
         <div class="img-list" v-if="detailInfo.iamgeList.length">
-          <img :src="item.url" alt="" v-for="(item,index) in detailInfo.iamgeList" key="index"
+          <img :src="item.url" alt="" v-for="(item,index) in detailInfo.iamgeList" :key="index"
                @click="previewdealListImage(index, detailInfo.iamgeList)">
         </div>
       </div>

src/mods/AppPlease/reply.vue

@@ -24,14 +24,10 @@
   </div>
 </template>
 <script>
-import AiUploader from '@/components/AiUploader/AiUploader'
 import {mapState} from 'vuex'
 
 export default {
   name: "my",
-  components: {
-    AiUploader
-  },
   computed: {
     ...mapState(['user', 'token'])
   },

src/mods/AppPolice/AppPolice.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="wrapper" v-if="pageShow">
     <div class="area">
-      <ai-area-picker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId"
+      <AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId"
                       @select="handleSelect">
         <div class="ai-area__wrapper">
           <span class="label" v-if="areaName">{{ areaName }}</span>
           <span v-else>请选择</span>
           <image src="/static/img/area-bottom.png"/>
         </div>
-      </ai-area-picker>
+      </AiAreaPicker>
     </div>
     <tempate v-if="list.length">
       <header>
@@ -176,7 +176,7 @@ header {
     box-sizing: border-box;
     padding: 32px;
     background: #FFFFFF;
-    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02);
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
     border-radius: 16px;
     display: flex;
     align-items: center;

src/mods/AppVideoSurve/AppVideoSurve.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="videoSurve">
     <div class="top">
-      <ai-area-picker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
+      <AiAreaPicker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
         <div class="ai-area__wrapper">
           <span class="label" v-if="areaName">{{ areaName }}</span>
           <span v-else>请选择</span>
           <!-- <u-icon name="arrow-right"></u-icon> -->
         </div>
-      </ai-area-picker>
+      </AiAreaPicker>
 
       <div class="msgs">
         <div class="item">

src/mods/AppVillageActivity/AddDynamic.vue

@@ -19,7 +19,7 @@
           <span>(最多9张)</span>
         </div>
         <div class="form-item__img">
-          <ai-uploader v-model="images" :limit="9"></ai-uploader>
+          <AiUploader v-model="images" :limit="9"></AiUploader>
         </div>
       </div>
     </div>
@@ -30,7 +30,6 @@
 </template>
 
 <script>
-  import AiUploader from '@/components/AiUploader/AiUploader'
 
 export default {
   data() {
@@ -41,11 +40,6 @@
       flag: false
     }
   },
-
-    components: {
-      AiUploader
-    },
-
   onLoad(e) {
     this.id = e.activityId
   },

src/mods/service/AppHealthReport/AddReport.vue

@@ -119,7 +119,7 @@
             <h2>本人健康码截图</h2>
           </div>
           <div class="form-item__right">
-            <ai-uploader v-model="form.checkPhoto" :limit="1"></ai-uploader>
+            <AiUploader v-model="form.checkPhoto" :limit="1"></AiUploader>
           </div>
         </div>
       </div>
@@ -132,8 +132,6 @@
 </template>
 
 <script>
-  import AiUploader from '@/components/AiUploader/AiUploader'
-  import AiSelect from '@/components/AiSelect/AiSelect'
 import {mapState} from 'vuex'
 
 export default {
@@ -160,10 +158,6 @@
     }
   },
 
-    components: {
-      AiSelect,
-      AiUploader
-    },
 
   computed: {
     ...mapState(['user'])
@@ -273,6 +267,7 @@
 
     .form-item__checkbox {
       width: 100%;
+
       div {
         width: 100%;
         height: 80px;

src/mods/service/AppHealthReport/AddUser.vue

@@ -41,13 +41,14 @@
             <h2>上报地区</h2>
           </div>
           <div class="form-item__right">
-            <ai-area-picker ref="area" class="ai-area" :value="form.areaId" :areaId="$areaId" :fullName.sync="form.areaName" all mode="custom" @select="v => form.areaId = v">
+            <AiAreaPicker ref="area" class="ai-area" :value="form.areaId" :areaId="$areaId"
+                          :fullName.sync="form.areaName" all mode="custom" @select="v => form.areaId = v">
               <div class="ai-area__wrapper">
                 <span class="label" v-if="form.areaName">{{ form.areaName }}</span>
                 <i v-else>请选择</i>
                 <u-icon name="arrow-right" color="#ddd"/>
               </div>
-            </ai-area-picker>
+            </AiAreaPicker>
           </div>
         </div>
       </div>
@@ -58,7 +59,8 @@
             <h2>详细地址</h2>
           </div>
           <div class="form-item__right">
-            <textarea auto-height v-model="form.address" :maxlength="500" placeholder="请输入详细地址" placeholder-style="font-size: 16px;"></textarea>
+            <textarea auto-height v-model="form.address" :maxlength="500" placeholder="请输入详细地址"
+                      placeholder-style="font-size: 16px;"></textarea>
           </div>
         </div>
       </div>
@@ -70,7 +72,6 @@
 </template>
 
 <script>
-  import AiSelect from '@/components/AiSelect/AiSelect'
 import {mapState} from 'vuex'
 
 export default {
@@ -88,11 +89,6 @@
       flag: false
     }
   },
-
-    components: {
-      AiSelect
-    },
-
   computed: {
     ...mapState(['user'])
   },
@@ -168,6 +164,7 @@
 
     .form-item__checkbox {
       width: 100%;
+
       div {
         width: 100%;
         height: 80px;

src/mods/service/AppPhotoReport/PhotoForm.vue

@@ -45,7 +45,8 @@
             <i>*</i>
             <h2>所属网格</h2>
           </div>
-            <picker :range="gridList" mode="multiSelector" range-key="girdName" @columnchange="onColumnChange" @change="onChange">
+          <picker :range="gridList" mode="multiSelector" range-key="girdName" @columnchange="onColumnChange"
+                  @change="onChange">
             <div class="form-item__right">
               <span v-if="form.girdName">{{ form.girdName }}</span>
               <i v-else>请选择</i>
@@ -64,7 +65,7 @@
             <span>(最多9张)</span>
           </div>
           <div class="form-item__right">
-            <ai-uploader v-model="form.files" :limit="9"></ai-uploader>
+            <AiUploader v-model="form.files" :limit="9"></AiUploader>
           </div>
         </div>
       </div>
@@ -100,8 +101,6 @@
 </template>
 
 <script>
-  import AiUploader from '@/components/AiUploader/AiUploader'
-  import AiSelect from '@/components/AiSelect/AiSelect'
 import {mapState} from 'vuex'
 
 export default {
@@ -128,11 +127,6 @@
     }
   },
 
-    components: {
-      AiSelect,
-      AiUploader
-    },
-
   computed: {
     ...mapState(['user'])
   },
@@ -212,7 +206,6 @@
       const value = e.detail.value
 
 
-
       if (column === column) {
         this.getGirdData(value)
       }

src/mods/service/AppReturnHomeRegister/Add.vue

@@ -83,13 +83,14 @@
             <h2>出发地区</h2>
           </div>
           <div class="form-item__right">
-            <ai-area-picker ref="area" class="ai-area" :value="form.startAreaId" :fullName.sync="form.startAreaName" all mode="custom" @select="v => form.startAreaId = v">
+            <AiAreaPicker ref="area" class="ai-area" :value="form.startAreaId" :fullName.sync="form.startAreaName" all
+                          mode="custom" @select="v => form.startAreaId = v">
               <div class="ai-area__wrapper">
                 <span class="label" v-if="form.startAreaName">{{ form.startAreaName }}</span>
                 <i v-else>请选择</i>
                 <u-icon name="arrow-right" color="#ddd"/>
               </div>
-            </ai-area-picker>
+            </AiAreaPicker>
           </div>
         </div>
       </div>
@@ -100,7 +101,8 @@
             <h2>出发地址</h2>
           </div>
           <div class="form-item__right">
-            <textarea auto-height v-model="form.startAddress" :maxlength="500" placeholder="请输入详细的出发地址"  placeholder-style="font-size: 16px"></textarea>
+            <textarea auto-height v-model="form.startAddress" :maxlength="500" placeholder="请输入详细的出发地址"
+                      placeholder-style="font-size: 16px"></textarea>
           </div>
         </div>
       </div>
@@ -128,7 +130,7 @@
             <h2>到达地区</h2>
           </div>
           <div class="form-item__right">
-            <ai-area-picker
+            <AiAreaPicker
                 ref="area"
                 class="ai-area"
                 :value="form.arriveAreaId"
@@ -140,7 +142,7 @@
                 <i v-else>请选择</i>
                 <u-icon name="arrow-right" color="#ddd"/>
               </div>
-            </ai-area-picker>
+            </AiAreaPicker>
           </div>
         </div>
       </div>
@@ -151,7 +153,8 @@
             <h2>返乡地址</h2>
           </div>
           <div class="form-item__right">
-            <textarea auto-height v-model="form.arriveAddress" :maxlength="500" placeholder="请输入详细的返乡地址" placeholder-style="font-size: 16px"></textarea>
+            <textarea auto-height v-model="form.arriveAddress" :maxlength="500" placeholder="请输入详细的返乡地址"
+                      placeholder-style="font-size: 16px"></textarea>
           </div>
         </div>
       </div>
@@ -162,7 +165,8 @@
             <h2>行程描述</h2>
           </div>
           <div class="form-item__right">
-            <textarea auto-height style="height: 90px" v-model="form.description" :maxlength="500" placeholder="请输入行程描述"  placeholder-style="font-size: 16px"></textarea>
+            <textarea auto-height style="height: 90px" v-model="form.description" :maxlength="500" placeholder="请输入行程描述"
+                      placeholder-style="font-size: 16px"></textarea>
           </div>
         </div>
       </div>
@@ -192,7 +196,7 @@
             <h2>本人健康码截图或核酸检测报告</h2>
           </div>
           <div class="form-item__right">
-            <ai-uploader v-model="form.checkPhoto" :limit="1"></ai-uploader>
+            <AiUploader v-model="form.checkPhoto" :limit="1"></AiUploader>
           </div>
         </div>
       </div>
@@ -254,8 +258,6 @@
 </template>
 
 <script>
-  import AiUploader from '@/components/AiUploader/AiUploader'
-  import AiSelect from '@/components/AiSelect/AiSelect'
 import {mapState} from 'vuex'
 
 export default {
@@ -308,10 +310,6 @@
     }
   },
 
-    components: {
-      AiSelect,
-      AiUploader
-    },
 
   computed: {
     ...mapState(['user'])
@@ -474,6 +472,7 @@
 
     .form-item__checkbox {
       width: 100%;
+
       div {
         width: 100%;
         height: 80px;