提交一波

src/project/pingchang/AppCommunityManagement/Add.vue

@@ -66,7 +66,12 @@
           <span class="tips">*</span>管控人
         </div>
         <div class="value">
-          <u-input placeholder="请输入" input-align="right" height="32" maxlength="6" v-model="form.controllerUserName" :custom-style="{'font-size': '17px'}" />
+          <AiPagePicker type="sysUser" single :selected.sync="form.controllerList" action="/app/wxcp/wxuser/list?status=1" nodeKey="id" @select="handleSelectUser">
+            <span style="margin-left: 4px" v-if="form.controllerList && form.controllerList.length">{{ form.controllerList[0].name }}</span>
+            <span v-else class="color-999">请选择</span>
+            <u-icon name="arrow-right" color="#999" size="16" style="margin-left: 4px" />
+          </AiPagePicker>
+          <!-- <u-input placeholder="请输入" input-align="right" height="32" maxlength="6" v-model="form.controllerUserName" :custom-style="{'font-size': '17px'}" /> -->
         </div>
       </div>
       <div class="item solid">
@@ -120,7 +125,8 @@ export default {
       form: {
         homeStatus: '',
         quarantineBeginTime: '',
-        quarantineStrategy: ''
+        quarantineStrategy: '',
+        controllerList: []
       },
       showDateSelect: false,
       showDictSelect: false,
@@ -181,7 +187,16 @@ export default {
     getDetail() {
       this.$http.post(`/app/appepidemicpreventioncommunitymanagement/queryDetailById?id=${this.id}`).then((res) => {
         if (res.code == 0) {
-          this.form = res.data
+          this.form = {...res.data}
+          this.form.controllerList = []
+          if(this.form.controllerUserName) {
+            var info = {
+              name: this.form.controllerUserName,
+              id: this.form.controllerUserId,
+              mobile: this.form.controllerUserPhone
+            }
+            this.form.controllerList.push(info)
+          }
           if(this.form.homeStatus === null) {
             this.form.homeStatus = ''
           }
@@ -203,6 +218,11 @@ export default {
     areaSelect(e) {
       this.form.areaId = e
     },
+    handleSelectUser(e) {
+      console.log(e)
+      this.form.controllerUserPhone = e[0].mobile
+      this.form.controllerUserId = e[0].id
+    }
   },
 }
 </script>
@@ -211,6 +231,7 @@ export default {
 .Add {
   background-color: #F3F6F9;
   padding-top: 16px;
+  overflow-x: hidden;
   .item {
     width: 100%;
     background-color: #fff;