接口联调

src/views/permission/permission-list.vue

@@ -5,7 +5,7 @@
     </div>
     <el-table style="margin-top: 20px" :data="authList">
       <el-table-column label="权限名称" prop="authItemName" :formatter="(row, col, val) => val || '--'"></el-table-column>
-      <el-table-column label="包含操作项" prop="operationItemNames" :formatter="(row, col, val) => val || '--'"></el-table-column>
+      <el-table-column label="包含操作项" prop="operationItemCount" :formatter="(row, col, val) => val + '个' || '--'"></el-table-column>
       <el-table-column label="操作">
         <template slot-scope="{ row }">
           <el-button type="text" @click="onEditAuthOpen(row)">编辑</el-button>
@@ -27,7 +27,7 @@
         </el-form-item>
         <el-form-item label="包含操作项" prop="operationItemIds">
           <el-select v-model="editAuth.operationItemIds" collapse-tags multiple clearable style="width:332px">
-            <el-option v-for="el in operationList" :key="el.operationItemId" :value="el.operationItemId + ''" :label="el.operationItemName"></el-option>
+            <el-option v-for="el in operationList" :key="el.operationItemId" :value="el.operationItemId" :label="el.operationItemName"></el-option>
           </el-select>
           <el-button type="text" style="margin-left: 24px" @click="toOperationList">添加操作项</el-button>
         </el-form-item>
@@ -112,10 +112,10 @@ export default {
     },
     // 编辑权限项弹窗打开
     onEditAuthOpen(authData) {
-      const { authItemId, authItemName, operationItemIds } = authData;
+      const { authItemId, authItemName, operationItemList } = authData;
       Object.assign(this.editAuth, {
         show: true,
-        operationItemIds: typeof operationItemIds == 'string' && operationItemIds.length > 0 ? operationItemIds.split(',') : [],
+        operationItemIds: Array.isArray(operationItemList) ? operationItemList.map(el => el.operationItemId) : [],
         authItemId,
         authItemName,
       })