userGroup edit

components/page/userGroup.vue

 <template>
-  <div>
-    <Select
-      :placeholder="placeholder"
-      v-model="name"
-      @on-change="change"
-      :multiple="multiple"
-      clearable
-      filterable
-      transfer
-    >
-      <Option
-        v-for="item in users"
-        :value="item.userId"
-        :key="item.userId"
-        :label="item.note"
-        :disabled="item.status==0"
-      >
-        <div class="user">
-        <State code="project.group.authority" :value="item.authority" class="mr10" type="tag"/> {{item.note}} 
-        <State code="project.group.role" :value="item.role" class="mr10" type="tag"/>
-        </div>
-      </Option>
+<div>
+    <Select :placeholder="placeholder" v-model="name" @on-change="change" :multiple="multiple" clearable filterable transfer>
+        <Option v-for="item in users" :value="item.userId" :key="item.userId" :label="item.note" :disabled="item.status==0">
+            <div class="user">
+                <State code="project.group.authority" :value="item.authority" class="mr10" type="tag" /> {{item.note}}
+                <State code="project.group.role" :value="item.role" class="mr10" type="tag" />
+            </div>
+        </Option>
     </Select>
-  </div>
+</div>
 </template>
 
 <script>
 export default {
-  model: {
-    prop: "value",
-    event: "on-change",
-  },
-  data() {
-    return {
-      name: this.value,
-      users: this.data,
-    };
-  },
-  created() {
-    this.load();
-  },
-  props: {
-    value: [String, Number, Array],
-    placeholder: {
-      type: String,
-      default: "请选择人员",
+    model: {
+        prop: "value",
+        event: "on-change",
     },
-    multiple:{
-      type:Boolean,
-      default:false,
+    data() {
+        return {
+            name: this.value,
+            users: this.data,
+        };
     },
-    projectId:{
-      type:String
-    }
+    created() {
+        this.load();
     },
-  methods: {
-    load() {
-      var params={
-        // codition:[{fieldName: "groupId", fieldValue: "b9d6fa9e-e033-4a3e-9925-c1f4437d970c", conditionalType: "Equal"}]
-        codition:[{fieldName: "projectId", fieldValue: this.projectId, conditionalType: "Equal"}]
-      }
-      this.$api.post(`${material}/projectgroupuser/list`, params).then(r=>{
-        this.users=r.result;
-      })
-    },
-    change(event) {
-      let name = "";
-      this.users.forEach((e) => {
-        if (e.id == event) {
-          name = e.label;
+    props: {
+        value: [String, Number, Array],
+        placeholder: {
+            type: String,
+            default: "请选择人员",
+        },
+        multiple: {
+            type: Boolean,
+            default: false,
+        },
+        projectId: {
+            type: String
         }
-      });
-      this.$emit("on-change", event, name);
     },
-    // 加载人员
-  },
+    methods: {
+        load() {
+            var params = {
+                // codition:[{fieldName: "groupId", fieldValue: "b9d6fa9e-e033-4a3e-9925-c1f4437d970c", conditionalType: "Equal"}]
+                codition: [{
+                    fieldName: "projectId",
+                    fieldValue: this.projectId,
+                    conditionalType: "Equal"
+                }]
+            }
+            this.$api.post(`${material}/projectgroupuser/list`, params).then(r => {
+                this.users = r.result;
+            })
+        },
+        change(event) {
+            let name = "";
+            this.users.forEach((e) => {
+                if (e.id == event) {
+                    name = e.label;
+                }
+            });
+            this.$emit("on-change", event, name);
+        },
+        // 加载人员
+    },
+    watch: {
+        value: {
+            handler(v, o) {
+                this.name = v;
+            },
+            deep: true,
+        },
+    },
 };
 </script>
 
 <style lang="less">
 @import "../../assets/css/custom.less";
 
-.userGroup {
-}
+.userGroup {}
 </style>