27196

project/sass/apps/AppGridMember/components/add.vue

@@ -21,14 +21,13 @@
             <template slot="content">
               <div class="above" v-if="editOne==true">
                 <div class="left">
-                  <el-form-item label="网格员姓名" prop="name" >
-                    <el-input v-model="forms.name" placeholder="请选择网格员" disabled>
-                      <template #append>
-                        <AiUserGet :isMultiple="false" refs="addTags" :instance="instance" v-model="users" @change="getSelectPerson">
-                          <el-button size="small" type="primary"><span style="color: #fff">选择成员</span></el-button>
-                        </AiUserGet>
-                      </template>
-                    </el-input>
+                  <el-form-item label="网格员姓名" prop="wxUserId" >
+                    <div class="flex-box">
+                      <ai-open-data :style="{marginRight: forms.wxUserId ? '20px' : 0}" type="userName" :openid="forms.wxUserId" />
+                      <AiUserGet :isMultiple="false" refs="addTags" :instance="instance" v-model="users" @change="getSelectPerson">
+                        <el-button size="small" type="primary"><span style="color: #fff">选择网格员</span></el-button>
+                      </AiUserGet>
+                    </div>
                   </el-form-item>
                   <el-form-item label="选用日期" prop="selectionDate" >
                     <el-date-picker
@@ -323,8 +322,8 @@ export default {
         }
       };
       return {
-        name: [
-          { required: true, message: "请输入网格员姓名", trigger: "change" },
+        wxUserId: [
+          { required: true, message: "请选择网格员", trigger: "change" },
         ],
         selectionDate: [
           { required: true, message: "请选择选用日期", trigger: "change" },
@@ -375,10 +374,13 @@ export default {
       this.forms.photo = val[0].url;
     },
     getSelectPerson(val) {
-      this.forms.name = val[0].name;
-      this.forms.phone = val[0].phone;
-      this.forms.userId = val[0].sysUserId
-      this.forms.wxUserId = val[0].id
+      if (val.length) {
+        this.forms.name = val[0].wxOpenUserId;
+        this.forms.userId = val[0].id
+        this.forms.wxUserId = val[0].wxOpenUserId
+
+        this.$refs.rules.validateField('wxUserId')
+      }
     },
     getCheckedTree() {
       if (!this.$refs.tree.getCheckedNodes().length) {
@@ -487,6 +489,12 @@ export default {
 .add {
   height: 100%;
 
+
+  .flex-box {
+    display: flex;
+    align-items: center;
+  }
+
     .form-flex {
       display: flex;
       align-items: center;