From e693a7a14a23d5e71d49a64b5189e1a8709b3195 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Mon, 15 Mar 2021 16:10:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90=E7=AE=A1=E7=90=86=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/customer/customize/roleList.vue   | 113 +++++++++++-------
 1 file changed, 71 insertions(+), 42 deletions(-)

diff --git a/epmet-oper-web/src/views/modules/customer/customize/roleList.vue b/epmet-oper-web/src/views/modules/customer/customize/roleList.vue
index dcfc2c8..5080deb 100644
--- a/epmet-oper-web/src/views/modules/customer/customize/roleList.vue
+++ b/epmet-oper-web/src/views/modules/customer/customize/roleList.vue
@@ -3,69 +3,96 @@
     <el-card class="flex1">
       <div class="now-name">
         当前客户: {{customerName}}
-         <el-button type="primary" size="small" @click="handleSaveSort">保存顺序</el-button>
+        <el-button type="primary"
+                   size="small"
+                   @click="handleSaveSort">保存顺序</el-button>
       </div>
-      <el-table ref="roleTable" v-loading="loading1" :data="roleList" row-key="roleId" border style="width: 100%">
-        <el-table-column type="index" width="50"></el-table-column>
+      <el-table ref="roleTable"
+                v-loading="loading1"
+                :data="roleList"
+                row-key="roleId"
+                border
+                style="width: 100%">
+        <el-table-column type="index"
+                         width="50"></el-table-column>
         <!-- <el-table-column prop="roleId" label="角色ID"></el-table-column> -->
-        <el-table-column prop="roleName" label="角色名称" width="160">
+        <el-table-column prop="roleName"
+                         label="角色名称"
+                         width="160">
           <template slot-scope="scope">
-            <el-input v-if="scope.row.isEdit" v-model="scope.row.roleName" clearable>
-              </el-input>
+            <el-input v-if="scope.row.isEdit"
+                      v-model="scope.row.roleName"
+                      clearable>
+            </el-input>
             <span v-else>{{scope.row.constName}}</span>
           </template>
         </el-table-column>
-        <el-table-column v-if="!funcShow" prop="roleKey" label="角色Key"></el-table-column>
+        <el-table-column v-if="!funcShow"
+                         prop="roleKey"
+                         label="角色Key"></el-table-column>
         <el-table-column label="操作">
           <template slot-scope="scope">
-            <el-button type="primary" size="mini" @click="toOperationConfig(scope.row.roleId, scope.row.roleName)">功能权限</el-button>
-            <span v-if="scope.row.isEdit" style="display: inline-block; margin-left: 10px;">
-              <el-button type="primary" size="small" @click="handleSaveChange(scope.row)">保存</el-button>
-              <el-button  size="small" @click="scope.row.isEdit=false">取消</el-button>
+            <el-button type="primary"
+                       size="mini"
+                       @click="toOperationConfig(scope.row.roleId, scope.row.roleName)">功能权限</el-button>
+            <span v-if="scope.row.isEdit"
+                  style="display: inline-block; margin-left: 10px;">
+              <el-button type="primary"
+                         size="small"
+                         @click="handleSaveChange(scope.row)">保存</el-button>
+              <el-button size="small"
+                         @click="scope.row.isEdit=false">取消</el-button>
             </span>
-            <el-button v-else type="primary" size="mini" @click="handleChangeName(scope.row)">修改名称</el-button>
+            <el-button v-else
+                       type="primary"
+                       size="mini"
+                       @click="handleChangeName(scope.row)">修改名称</el-button>
           </template>
         </el-table-column>
       </el-table>
     </el-card>
-    <el-card v-show="funcShow" style="flex: 1; margin: 0 10px;">
+    <el-card v-show="funcShow"
+             style="flex: 1; margin: 0 10px;">
       <div class="now-name">当前角色: {{roleName}}</div>
-      <el-table
-        v-loading="loading2"
-        max-height="580"
-        ref="opeTable"
-        :data="opeList"
-        border
-        style="width: 100%"
-        @select="handleSelectionChange"
-      >
-        <el-table-column type="selection" width="55"></el-table-column>
+      <el-table v-loading="loading2"
+                max-height="580"
+                ref="opeTable"
+                :data="opeList"
+                border
+                style="width: 100%"
+                @select="handleSelectionChange">
+        <el-table-column type="selection"
+                         width="55"></el-table-column>
         <!-- <el-table-column prop="operationKey" label="操作Key"></el-table-column> -->
-        <el-table-column prop="operationName" label="操作名称"></el-table-column>
+        <el-table-column prop="operationName"
+                         label="操作名称"></el-table-column>
         <!-- <el-table-column prop="brief" label="简介"></el-table-column> -->
         <el-table-column label="操作">
           <template slot-scope="scope">
-            <el-button type="primary" size="small" @click="toScopeConfig(scope.row.operationKey, scope.row.operationName)">权限配置</el-button>
+            <el-button type="primary"
+                       size="small"
+                       @click="toScopeConfig(scope.row.operationKey, scope.row.operationName)">权限配置</el-button>
           </template>
         </el-table-column>
       </el-table>
     </el-card>
-    <el-card v-show="roleShow" style="width: 250px;">
+    <el-card v-show="roleShow"
+             style="width: 250px;">
       <div class="now-name">当前功能: {{funcName}}</div>
       <div>
         <el-row :gutter="12">
-        <el-col v-loading="loading3">
-          <el-card shadow="hover">
-            <el-checkbox-group class="t" v-model="checkedScopes" @change="roleChange">
-              <el-checkbox
-                v-for="scope in scopeOptions"
-                :label="scope.scopeKey"
-                :key="scope.scopeKey"
-              >{{scope.scopeName}}</el-checkbox>
-            </el-checkbox-group>
-          </el-card>
-        </el-col>
-        <!-- <el-col :span="8">
+          <el-col v-loading="loading3">
+            <el-card shadow="hover">
+              <el-checkbox-group class="t"
+                                 v-model="checkedScopes"
+                                 @change="roleChange">
+                <el-checkbox v-for="scope in scopeOptions"
+                             :label="scope.scopeKey"
+                             :key="scope.scopeKey">{{scope.scopeName}}</el-checkbox>
+              </el-checkbox-group>
+            </el-card>
+          </el-col>
+          <!-- <el-col :span="8">
           <el-card shadow="hover">
             <el-checkbox-group class="t" v-model="checkedSettings">
               <el-checkbox
@@ -77,7 +104,7 @@
             </el-checkbox-group>
           </el-card>
         </el-col> -->
-      </el-row>
+        </el-row>
       </div>
     </el-card>
   </div>
@@ -157,7 +184,7 @@ export default {
       this.loading2 = true
       this.$http.post('/gov/access/config/roleopes/' + roleId).then((resp) => {
         this.opeList = resp.data.data
-        this.$nextTick(function () {
+        this.$nextTick(function() {
           this.defaultCheck() // 每次更新了数据，触发这个函数即可。
         })
         setTimeout(() => {
@@ -211,7 +238,8 @@ export default {
     saveOperations4Role (val) {
       let param = {
         roleId: this.roleId,
-        opes: val
+        opes: val,
+        customerId: this.customerId
       }
       this.$http.post('/gov/access/config/saveroleopes', param).then(
         resp => {
@@ -228,7 +256,8 @@ export default {
         roleId: this.roleId,
         operationKey: this.operationKey,
         scopeKeys: val,
-        settingKeys: this.checkedSettings
+        settingKeys: this.checkedSettings,
+        customerId: this.customerId
       }
 
       this.$http.post('/gov/access/config/saveconfig', param).then(