系统管理--角色管理，新增/编辑页面时，选择岗位后角色名称自动获取，可修改

anrui-system-ui/src/views/RoleAdminister/RoleAdminister.vue

@@ -56,7 +56,7 @@
               <tr>
                 <td>岗位</td>
                 <td>
-                  <el-select v-model="roleForm.postSid" style="width:300px">
+                  <el-select v-model="roleForm.postSid" style="width:300px" @change="changePost">
                     <el-option
                       v-for="(item, i) in postSidData"
                       :key="i"
@@ -180,13 +180,8 @@
             <tr>
               <td>岗位</td>
               <td>
-                <el-select v-model="roleForm.postSid" style="width:300px">
+                <el-select v-model="roleForm.postSid" style="width:300px" @change="changePost">
-                  <el-option
+                  <el-option v-for="(item, i) in postSidData" :key="i" :label="item.name" :value="item.sid"></el-option>
-                    v-for="(item, i) in postSidData"
-                    :key="i"
-                    :label="item.name"
-                    :value="item.sid">
-                  </el-option>
                 </el-select>
               </td>
             </tr>
@@ -324,6 +319,10 @@ export default {
         }
       })
     },
+    changePost(value) {
+      const choosetItem = this.postSidData.filter((item) => item.sid === value)
+      this.roleForm.name = choosetItem[0].name
+    },
     handleClick(tab, event) {
       if (tab.name == 'addrole') {
         this.dialogTitle = '新增'