26092

packages/2.0.5/AppGridMember/components/add.vue

@@ -11,9 +11,7 @@
           :rules="formRules"
           size="small"
           label-suffix="："
-          label-width="136px"
-        >   
-
+          label-width="136px">   
           <ai-card title="基础信息" >
             <template #right  v-if="title=='网格员详情'">
               <span style="color:#2266FF;cursor: pointer;font-size: 12px;" class="iconfont iconEdit" v-if="editOne==false" @click="editOne=true">修改</span>
@@ -24,19 +22,13 @@
               <div class="above" v-if="editOne==true">
                 <div class="left">
                   <el-form-item label="网格员姓名" prop="name" >
-                    <el-row type="flex" justify="space-between">
-                      <el-col :span="17">
-                        <el-input v-model="forms.name" placeholder="请输入…" disabled></el-input>
-                      </el-col>
-                      <el-col :span="6">
-                        <ai-person-select :instance="instance" headerTitle="帐号列表" customRightText @selectPerson="getSelectPerson" url="/admin/user/pageForWeb"  >
-                          <template v-slot:option ="{ item }">
-                            <span class="iconfont iconProlife">{{ item.name }}</span>
-                            <span>{{ item.phone }}</span>
-                          </template>
-                        </ai-person-select>
-                      </el-col>
-                    </el-row>             
+                    <el-input v-model="forms.name" placeholder="请选择网格员" disabled>
+                      <template #append>
+                        <ai-wechat-selecter :isMultiple="false" refs="addTags" :instance="instance" v-model="users" @change="getSelectPerson">
+                          <el-button size="small">添加成员</el-button>
+                        </ai-wechat-selecter>
+                      </template>
+                    </el-input>
                   </el-form-item>
                   <el-form-item label="选用日期" prop="selectionDate" >
                     <el-date-picker
@@ -228,6 +220,7 @@ export default {
   },
   data() {
     return {
+      users: [],
       forms: {
         birthday: "",
         education: "",
@@ -338,14 +331,12 @@ export default {
       })
     },
     photoChange(val) {
-      console.log(val);
       this.forms.photo = val[0].url;
     },
     getSelectPerson(val) {
-      console.log(val);
-      this.forms.name = val.name;
-      this.forms.phone = val.phone;
-      this.forms.userId = val.id
+      this.forms.name = val[0].name;
+      this.forms.phone = val[0].phone;
+      this.forms.userId = val[0].id
     },
     getCheckedTree() {
       this.forms.girdInfoList = this.$refs.tree.getCheckedNodes();
@@ -389,7 +380,6 @@ export default {
               }
             });
         } else {
-          console.log("error submit!!");
           return false;
         }
       });
@@ -402,6 +392,11 @@ export default {
         .then((res) => {
           if (res.code == 0) {
             this.forms = { ...res.data };
+            this.user = [{
+              name: res.data.name,
+              phone: res.data.phone,
+              userId: res.data.id
+            }]
             this.photoList = [{ url: this.forms.photo }];
           }
         });