From 3423c05f60d555418e37f26d9385aab2a76283ff Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Thu, 30 Jul 2020 11:10:04 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE):?=
 =?UTF-8?q?=20=E7=AE=80=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../organization/OrganizationMember.vue       | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/frontend/src/business/components/settings/organization/OrganizationMember.vue b/frontend/src/business/components/settings/organization/OrganizationMember.vue
index 0c5135db61..2e6a026b86 100644
--- a/frontend/src/business/components/settings/organization/OrganizationMember.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationMember.vue
@@ -28,8 +28,8 @@
     <el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true"
                @close="handleClose">
       <el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small">
-
-        <el-form-item :label="$t('commons.member')" prop="ids" :rules="{required: true, message: $t('member.input_id_or_email'), trigger: 'blur'}">
+        <el-form-item :label="$t('commons.member')" prop="ids"
+                      :rules="{required: true, message: $t('member.input_id_or_email'), trigger: 'blur'}">
           <el-select
             v-model="form.ids"
             multiple
@@ -51,9 +51,9 @@
                 <span class="org-member-email">{{item.email}}</span>
               </template>
             </el-option>
-
           </el-select>
         </el-form-item>
+
         <el-form-item :label="$t('commons.role')" prop="roleIds">
           <el-select v-model="form.roleIds" multiple :placeholder="$t('role.please_choose_role')" class="select-width">
             <el-option
@@ -65,6 +65,7 @@
           </el-select>
         </el-form-item>
       </el-form>
+
       <template v-slot:footer>
         <ms-dialog-footer
           @cancel="createVisible = false"
@@ -87,7 +88,8 @@
         <el-form-item :label="$t('commons.phone')" prop="phone">
           <el-input v-model="form.phone" autocomplete="off" :disabled="true"/>
         </el-form-item>
-        <el-form-item :label="$t('commons.role')" prop="roleIds" :rules="{required: true, message: $t('role.please_choose_role'), trigger: 'change'}">
+        <el-form-item :label="$t('commons.role')" prop="roleIds"
+                      :rules="{required: true, message: $t('role.please_choose_role'), trigger: 'change'}">
           <el-select v-model="form.roleIds" multiple :placeholder="$t('role.please_choose_role')" class="select-width">
             <el-option
               v-for="item in form.allroles"
@@ -127,7 +129,6 @@
         result: {},
         createVisible: false,
         updateVisible: false,
-        userList: [],
         form: {},
         queryPath: "/user/org/member/list",
         condition: {},
@@ -146,7 +147,6 @@
         total: 0,
         options: [],
         loading: false,
-        ids: []
       }
     },
     methods: {
@@ -184,7 +184,7 @@
         let roleIds = this.form.roles.map(r => r.id);
         this.result = this.$get('/role/list/org', response => {
           this.$set(this.form, "allroles", response.data);
-        })
+        });
         // 编辑使填充角色信息
         this.$set(this.form, 'roleIds', roleIds);
       },
@@ -196,7 +196,7 @@
           phone: this.form.phone,
           roleIds: this.form.roleIds,
           organizationId: this.currentUser().lastOrganizationId
-        }
+        };
         this.$refs[formName].validate((valid) => {
           if (valid) {
             this.result = this.$post("/organization/member/update", param, () => {
@@ -229,9 +229,6 @@
         }
         this.form = {};
         this.createVisible = true;
-        // this.result = this.$get('/user/list/', response => {
-        //   this.userList = response.data;
-        // });
         this.result = this.$get('/role/list/org', response => {
           this.$set(this.form, "roles", response.data);
         })
@@ -256,7 +253,7 @@
         });
       },
       remoteMethod(query) {
-        query = query.trim()
+        query = query.trim();
         if (query !== '') {
           this.loading = true;
           setTimeout(() => {
@@ -285,10 +282,6 @@
     font-size: 13px;
   }
 
-  .input-with-autocomplete {
-    width: 100%;
-  }
-
   .select-width {
     width: 100%;
   }