From 53d1038d53e1f8b4385cfcbca3beb726de775c16 Mon Sep 17 00:00:00 2001
From: yunuo970428 <405378304@qq.com>
Date: Sat, 4 Feb 2023 14:24:55 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=8A=9F=E8=83=BD=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/system/functional/functional.js   |  74 ++--
 .../src/views/functional/functional.vue       | 417 +++++++++---------
 2 files changed, 247 insertions(+), 244 deletions(-)

diff --git a/anrui-system-ui/src/api/system/functional/functional.js b/anrui-system-ui/src/api/system/functional/functional.js
index daae8a69b5..1b5a62fafb 100644
--- a/anrui-system-ui/src/api/system/functional/functional.js
+++ b/anrui-system-ui/src/api/system/functional/functional.js
@@ -1,84 +1,104 @@
 import request from '@/utils/request'
-import qs from 'qs'
-//let tokens = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyTm8iOiI2IiwiaXNzIjoiV0JLIiwiZXhwIjoxNjMwMDI3MDA3fQ.9bEgBzFW2g1CUT7s5VXxhNCa10cyU_WTCFeqpQje0iY'
-let tokens = window.sessionStorage.getItem('token');
-//获取菜单 分页列表
+
+let tokens = window.sessionStorage.getItem('token')
+
+// 获取菜单 分页列表
 export function pageList(data) {
   return request({
     url: '/portal/v1/sysfunction/listAllVoForSource',
     method: 'POST',
     data: data,
-    headers: {'Content-Type': 'application/json',
-    'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
 
-//新增
+// 新增
 export function savePost(data) {
   return request({
     url: '/portal/v1/sysfunction/save',
     method: 'POST',
     data: data,
-    headers: {'Content-Type': 'application/json',
-    'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
 
-//模块名称
+// 模块名称
 export function sourceList(data) {
   return request({
     url: '/portal/v1/syssource/listAll',
     method: 'POST',
     data: data,
-    headers: {'Content-Type': 'application/json',
-    'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
+
 // 删除
 export function delOrgroles(data) {
   return request({
-    url: '/portal/v1/sysfunction/delBySids/'+ data.sid,
+    url: '/portal/v1/sysfunction/delBySids/' + data.sid,
     method: 'get',
     data: data,
-    headers: {'Content-Type': 'application/json',
-    'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
 
 // 修改
-export function getSingleData(data){
+export function getSingleData(data) {
   return request({
-    url: '/portal/v1/sysfunction/fetchBySid/'+data.id,
+    url: '/portal/v1/sysfunction/fetchBySid/' + data.id,
     method: 'get',
     data: data,
-    headers: {'Content-Type': 'application/json',
-      'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
-export function putOrgroles(data){
+
+export function putOrgroles(data) {
   return request({
-    url: '/portal/v1/sysfunction/update/' +data.sid,
+    url: '/portal/v1/sysfunction/update/' + data.sid,
     method: 'POST',
     data: data,
-    headers: {'Content-Type': 'application/json',
-      'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
 
 // 功能是否可用状态
-export function IsEnable(data){
+export function IsEnable(data) {
   return request({
-    url: '/portal/v1/sysfunction/updateIsEnable/' +data.sid+'/'+data.isEnable,
+    url: '/portal/v1/sysfunction/updateIsEnable/' + data.sid + '/' + data.isEnable,
     method: 'POST',
     data: data,
-    headers: {'Content-Type': 'application/json',
-      'token':tokens
+    headers: {
+      'Content-Type': 'application/json',
+      'token': tokens
     }
   })
 }
+
+// 获取模块下的菜单
+export function getMenusForFunction(data) {
+  return request({
+    url: '/portal/v1/sysmenu/getMenusForFunction',
+    method: 'POST',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
diff --git a/anrui-system-ui/src/views/functional/functional.vue b/anrui-system-ui/src/views/functional/functional.vue
index c960266021..af80865fb6 100644
--- a/anrui-system-ui/src/views/functional/functional.vue
+++ b/anrui-system-ui/src/views/functional/functional.vue
@@ -23,7 +23,6 @@
                     ref="multipleTable"
                     header-cell-class-name="table-header"
           >
-            <!--<el-table-column label="序号" width="50px" type="index" align="center"></el-table-column>-->
             <el-table-column prop="name" label="功能名称" width="200px" align="left"></el-table-column>
             <el-table-column label="操作" width="280px" align="center">
               <template slot-scope="scope">
@@ -35,7 +34,6 @@
               </template>
             </el-table-column>
             <el-table-column prop="actionUrl" label="url地址" width="200" align="center"></el-table-column>
-            <!--<el-table-column prop="sourceName" label="模块名称" align="center"></el-table-column>-->
             <el-table-column prop="isEnable" label="是否可用" align="center">
               <template slot-scope="scope">
                 <el-switch
@@ -61,37 +59,46 @@
                 </td>
               </tr>
               <tr>
-                <td>功能名称</td>
+                <td>终端权限</td>
                 <td>
-                  <el-input v-model="roleForm.name" style="width:300px"></el-input>
+                  <el-radio-group v-model="roleForm.phoneFunction">
+                    <el-radio label="0">pc端</el-radio>
+                    <el-radio label="1">移动端</el-radio>
+                  </el-radio-group>
                 </td>
               </tr>
-              <tr>
-                <td>url地址</td>
+              <tr v-show="roleForm.phoneFunction == '0'">
+                <td>pc端功能ID</td>
                 <td>
-                  <el-input v-model="roleForm.actionUrl" style="width:300px"></el-input>
+                  <el-input clearable style="width:300px" v-model="roleForm.cId"></el-input>
+                </td>
+              </tr>
+              <tr v-show="roleForm.phoneFunction == '1'">
+                <td>移动端功能ID</td>
+                <td>
+                  <el-input clearable style="width:300px" v-model="roleForm.funId"></el-input>
                 </td>
               </tr>
               <tr>
                 <td>模块名称</td>
                 <td>
-                  <el-select v-model="roleForm.sourceSid" style="width:300px">
-                    <el-option
-                      v-for="(item, i) in sourceNameData"
-                      :key="i"
-                      :label="item.sourceName"
-                      :value="item.sid">
-                    </el-option>
+                  <el-select v-model="roleForm.sourceSid" style="width:300px" @change="changeSource">
+                    <el-option v-for="item in sourceNameData" :key="item.sid" :label="item.sourceName" :value="item.sid"></el-option>
                   </el-select>
                 </td>
               </tr>
               <tr>
-                <td>终端权限</td>
+                <td>url地址</td>
                 <td>
-                  <el-checkbox-group v-model="phoneFunction">
-                    <el-checkbox label="0" name="type">pc端</el-checkbox>
-                    <el-checkbox label="1" name="type">移动端</el-checkbox>
-                  </el-checkbox-group>
+                  <el-select v-model="roleForm.actionUrl" filterable style="width:300px">
+                    <el-option v-for="item in actionUrl_list" :key="item.sid" :label="item.name" :value="item.url"></el-option>
+                  </el-select>
+                </td>
+              </tr>
+              <tr>
+                <td>功能名称</td>
+                <td>
+                  <el-input v-model="roleForm.name" style="width:300px"></el-input>
                 </td>
               </tr>
               <tr>
@@ -118,38 +125,46 @@
               </td>
             </tr>
             <tr>
-              <td>功能名称</td>
+              <td>终端权限</td>
               <td>
-                <el-input v-model="roleForm.name" style="width:300px"></el-input>
+                <el-radio-group v-model="roleForm.phoneFunction">
+                  <el-radio label="0">pc端</el-radio>
+                  <el-radio label="1">移动端</el-radio>
+                </el-radio-group>
               </td>
             </tr>
-            <tr>
-              <td>url地址</td>
+            <tr v-show="roleForm.phoneFunction == '0'">
+              <td>pc端功能ID</td>
+              <td>
+                <el-input clearable style="width:300px" v-model="roleForm.cId"></el-input>
+              </td>
+            </tr>
+            <tr v-show="roleForm.phoneFunction == '1'">
+              <td>移动端功能ID</td>
               <td>
-                <el-input v-model="roleForm.actionUrl" style="width:300px"></el-input>
+                <el-input clearable style="width:300px" v-model="roleForm.funId"></el-input>
               </td>
             </tr>
             <tr>
               <td>模块名称</td>
               <td>
-                <el-select v-model="roleForm.sourceSid" style="width:300px">
-                  <el-option
-                    v-for="(item, i) in sourceNameData"
-                    :key="i"
-                    :label="item.sourceName"
-                    :value="item.sid">
-                  </el-option>
+                <el-select v-model="roleForm.sourceSid" style="width:300px" @change="changeSource">
+                  <el-option v-for="item in sourceNameData" :key="item.sid" :label="item.sourceName" :value="item.sid"></el-option>
                 </el-select>
               </td>
             </tr>
             <tr>
-              <td>终端权限</td>
+              <td>url地址</td>
               <td>
-                <el-checkbox-group v-model="phoneFunction" >
-                  <!--<el-checkbox v-for="(item,index) in phoneFunctionData" :label="item.name"></el-checkbox>-->
-                  <el-checkbox label="0" name="type">pc端</el-checkbox>
-                  <el-checkbox label="1" name="type">移动端</el-checkbox>
-                </el-checkbox-group>
+                <el-select v-model="roleForm.actionUrl" filterable style="width:300px">
+                  <el-option v-for="item in actionUrl_list" :key="item.sid" :label="item.name" :value="item.url"></el-option>
+                </el-select>
+              </td>
+            </tr>
+            <tr>
+              <td>功能名称</td>
+              <td>
+                <el-input v-model="roleForm.name" style="width:300px"></el-input>
               </td>
             </tr>
             <tr>
@@ -169,202 +184,170 @@
 </template>
 
 <script>
-  import {
-    pageList,
-    savePost,
-    sourceList,
-    delOrgroles,
-    getSingleData,
-    putOrgroles,
-    IsEnable
-  } from '@/api/system/functional/functional.js'
+import { pageList, savePost, sourceList, delOrgroles, getSingleData, putOrgroles, IsEnable, getMenusForFunction } from '@/api/system/functional/functional.js'
 
-  export default {
-    data() {
-      return {
-        dialogTitle: '',
-        activeName: 'roleList',
-        roleForm: {
-          sid: '',
-          parentName: '顶级菜单',
-          parentSid: '0',
-          name: '',
-          actionUrl: '',
-//      	controllerName:'',
-          sourceSid: '',
-          phoneFunction: '',
-          remarks: "",
-        },
-        phoneFunction: [],
-        phoneFunctionData: [{
-          name: 'PC端',
-          id: '0'
-        }, {
-          name: '移动端',
-          id: '1'
-        }],
+export default {
+  data() {
+    return {
+      dialogTitle: '',
+      activeName: 'roleList',
+      roleForm: {
+        sid: '',
+        parentName: '顶级菜单',
+        parentSid: '0',
+        name: '',
+        actionUrl: '',
+        sourceSid: '',
+        phoneFunction: '',
+        remarks: '',
+        cId: '',
+        funId: ''
+      },
 //      模块名称
-        sourceNameData: [],
-        formBackup: {},
-        search: {
-          name: ''
-        },
-        orgName: '',
-        roleTable: [],
-        editDialog: false,
-        // 树形
-        loading: false,
-        defaultProps: {
-          children: 'children',
-          label: 'name'
-        },
-        orgdata: [],           // 部门
-        checkedId: [],
-        treedata: [],
-//      chace: [],
-//      roleDialog: false,
-//      Thisrow: {},
-//      orgListAll:[]
-
-      };
+      sourceNameData: [],
+      actionUrl_list: [],
+      formBackup: {},
+      search: {
+        name: ''
+      },
+      roleTable: [],
+      editDialog: false,
+      // 树形
+      loading: false
+    }
+  },
+  mounted() {
+    this.formBackup = Object.assign({}, this.roleForm)
+    this.getList()
+    this.getsourceList()
+  },
+  methods: {
+    // 分页列表
+    getList() {
+      pageList({ name: this.search.name }).then((res) => {
+        if (res.success) {
+          this.roleTable = res.data
+        }
+        console.log(res.data)
+      })
+    },
+    // 模块名称
+    getsourceList() {
+      sourceList({}).then((res) => {
+        if (res.success) {
+          this.sourceNameData = res.data
+          this.loading = false
+        }
+      })
     },
-    mounted() {
-      this.formBackup = Object.assign({}, this.roleForm),
+    handleClick(tab, event) {
+      if (tab.name == 'addrole') {
+        this.dialogTitle = '新增'
+        this.roleForm = Object.assign({}, this.formBackup)
+      } else {
         this.getList()
-      this.getsourceList()
+      }
     },
-    methods: {
-      // 分页列表
-      getList() {
-//      let params = this.search
-        let params = {
-          name: this.search.name
+    editRow(row) {
+      this.dialogTitle = '编辑'
+      this.editDialog = true
+      this.roleForm = Object.assign({}, row)
+      getSingleData({ id: row.sid }).then((res) => {
+        if (res.success) {
+          this.roleForm = res.data
         }
-        pageList(params).then(res => {
-          this.roleTable = res.data
-          console.log(res.data)
-        })
-      },
-      // 模块名称
-      getsourceList() {
-        let params = {}
-        sourceList(params).then(res => {
-          this.sourceNameData = res.data
-          this.loading = false
-        })
-      },
-      handleClick(tab, event) {
-        if (tab.name == 'addrole') {
-          this.dialogTitle = '新增'
-          this.roleForm = Object.assign({}, this.formBackup)
-        } else {
-          this.getList()
+      })
+      getMenusForFunction(this.roleForm.sourceSid).then((resp) => {
+        if (resp.success) {
+          this.actionUrl_list = resp.data
         }
-      },
-      editRow(row) {
-        this.dialogTitle = '编辑'
-        this.editDialog = true
-        this.roleForm = Object.assign({}, row)
-        getSingleData({id: row.sid}).then(res => {
-          this.roleForm.parentName = res.data.parentName
-          this.roleForm.sourceSid = res.data.sourceSid
-          this.roleForm.sourceName = ''
-          this.phoneFunction = res.data.phoneFunction.split(",")
-        })
-      },
-      addChildren(row) {
-        this.refersh()
-        this.activeName = 'addrole'
+      })
+    },
+    addChildren(row) {
+      this.refersh()
+      this.activeName = 'addrole'
+      this.roleForm.parentName = row.name
+      this.roleForm.parentSid = row.sid
+      if (row.isSource == '1') {
+        this.roleForm.parentName = '顶级菜单'
+        this.roleForm.parentSid = 0
+      } else {
         this.roleForm.parentName = row.name
         this.roleForm.parentSid = row.sid
-        if (row.isSource == '1') {
-          this.roleForm.parentName = '顶级菜单'
-          this.roleForm.parentSid = 0
-        } else {
-          this.roleForm.parentName = row.name
-          this.roleForm.parentSid = row.sid
-        }
-      },
-      delRow(row) {
-        this.$confirm('确定要删除该功能吗, 是否继续?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          delOrgroles({
-            sid: row.sid
-          }).then(res => {
+      }
+    },
+    delRow(row) {
+      this.$confirm('确定要删除该功能吗, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        delOrgroles({ sid: row.sid }).then((res) => {
+          if (res.success) {
             this.getList()
-            this.$message({
-              type: 'success',
-              message: '删除成功!'
-            });
-          })
+            this.$message({ showClose: true, type: 'success', message: '删除成功!' })
+          }
         })
-      },
-      // 保存角色
-      save() {
-        this.roleForm.phoneFunction = this.phoneFunction.toString()
-        if (this.roleForm.sid) {
-          putOrgroles(this.roleForm).then(res => {
-            if (res.code == '200') {
-              this.getList()
-              this.editDialog = false
-              this.$message({
-                message: res.msg,
-                type: 'success'
-              })
-            }
-          })
-        } else {
-          savePost(this.roleForm).then(res => {
-            if (res.code == '200') {
-              this.getList()
-              this.activeName = "roleList"
-              this.$message({
-                message: res.msg,
-                type: 'success'
-              })
-            }
-          })
-        }
-      },
-      refersh() {
-        this.roleForm = {
-          parentName: '顶级菜单',
-          parentSid: '0',
-          name: '',
-          actionUrl: '',
-          sourceSid: '',
-          phoneFunction: '',
-          remarks: "",
+      })
+    },
+    changeSource(value) {
+      const choose = this.sourceNameData.filter((item) => item.sid === value)
+      getMenusForFunction({ sourceSid: choose[0].sid }).then((res) => {
+        if (res.success) {
+          this.actionUrl_list = res.data
         }
-      },
-      // 是否可用 按钮
-      enabledChange(value, row) {
-        console.log(row);
-        IsEnable({
-          sid: row.sid,
-          isEnable:row.isEnable
-        }).then(res => {
-          this.$message({
-            type: 'success',
-            message: res.msg
-          });
+      })
+    },
+    // 保存角色
+    save() {
+      if (this.roleForm.sid) {
+        putOrgroles(this.roleForm).then((res) => {
+          if (res.success) {
+            this.getList()
+            this.editDialog = false
+            this.$message({ showClose: true, message: res.msg, type: 'success' })
+          }
+        })
+      } else {
+        savePost(this.roleForm).then((res) => {
+          if (res.success) {
+            this.getList()
+            this.activeName = 'roleList'
+            this.$message({ showClose: true, message: res.msg, type: 'success' })
+          }
         })
       }
+    },
+    refersh() {
+      this.roleForm = {
+        parentName: '顶级菜单',
+        parentSid: '0',
+        name: '',
+        actionUrl: '',
+        sourceSid: '',
+        phoneFunction: '',
+        remarks: '',
+        cId: '',
+        funId: ''
+      }
+    },
+    // 是否可用 按钮
+    enabledChange(value, row) {
+      IsEnable({ sid: row.sid, isEnable: row.isEnable }).then(res => {
+        this.$message({ showClose: true, type: 'success', message: res.msg })
+      })
     }
-  };
+  }
+}
 </script>
 
+<style scoped>
+.el-select > .el-input {
+  display: block;
+  width: 300px;
+}
 
-<style scoped="scoped">
-  .el-select > .el-input {
-    display: block;
-    width: 300px;
-  }
-
-  .my-tabs {
-    margin-top: 10px;
-  }
+.my-tabs {
+  margin-top: 10px;
+}
 </style>