From 431260d89439b6136c40aaf40177f1459ed4def7 Mon Sep 17 00:00:00 2001
From: wangwei <1610949092@qq.com>
Date: Fri, 26 May 2023 11:54:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=8F=9C=E5=8D=95=20?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/system/srole.js              |  52 ++
 src/api/system/sysicense.js          |  37 ++
 src/views/system/license/license.vue | 698 +++++++++++++++++++++++++++
 src/views/system/license/role.vue    | 452 +++++++++++++++++
 4 files changed, 1239 insertions(+)
 create mode 100644 src/api/system/srole.js
 create mode 100644 src/api/system/sysicense.js
 create mode 100644 src/views/system/license/license.vue
 create mode 100644 src/views/system/license/role.vue

diff --git a/src/api/system/srole.js b/src/api/system/srole.js
new file mode 100644
index 0000000..af50b17
--- /dev/null
+++ b/src/api/system/srole.js
@@ -0,0 +1,52 @@
+import request from '@/utils/request'
+
+
+export function getRolelist(query) {
+  return request({
+    url: '/system/srole/list',
+    method: 'get',
+    params: query
+  })
+}
+
+
+export function insertRole(query) {
+  return request({
+    url: '/system/srole/insert',
+    method: 'post',
+    data: query
+  })
+}
+
+export function updateRole(query) {
+  return request({
+    url: '/system/srole/update',
+    method: 'post',
+    data: query
+  })
+}
+
+export function deleteRole(query) {
+  return request({
+    url: '/system/srole/delete',
+    method: 'post',
+    data: query
+  })
+}
+
+export function treeselect(query) {
+  return request({
+    url: '/system/srole/treeselect',
+    method: 'get',
+    params: query
+  })
+}
+
+export function saveRoleMenu(query) {
+  return request({
+    url: '/system/srole/saveRoleMenu',
+    method: 'post',
+    data: query
+  })
+}
+
diff --git a/src/api/system/sysicense.js b/src/api/system/sysicense.js
new file mode 100644
index 0000000..7673371
--- /dev/null
+++ b/src/api/system/sysicense.js
@@ -0,0 +1,37 @@
+import request from '@/utils/request'
+
+// 查询接口列表
+export function getSortList(query) {
+  return request({
+    url: '/system/license/List',
+    method: 'get',
+    params: query
+  })
+}
+
+
+
+export function insertLicense(query) {
+  return request({
+    url: '/system/license/insert',
+    method: 'post',
+    data: query
+  })
+}
+
+export function deleteLicense(query) {
+  return request({
+    url: '/system/license/delete',
+    method: 'post',
+    data: query
+  })
+}
+
+export function updateLicense(query) {
+  return request({
+    url: '/system/license/update',
+    method: 'post',
+    data: query
+  })
+}
+
diff --git a/src/views/system/license/license.vue b/src/views/system/license/license.vue
new file mode 100644
index 0000000..58f4e70
--- /dev/null
+++ b/src/views/system/license/license.vue
@@ -0,0 +1,698 @@
+<template>
+  <div>
+    <el-card class="el-card">
+      <el-form :model="filterQuery" class="query-form" size="mini" label-width="100px" v-show="showSearch">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="接口名称:">
+              <el-input v-model="filterQuery.name" placeholder="接口名称"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="创建时间:">
+              <el-date-picker
+                :picker-options="pickerOptions"
+                v-model="actDateRange"
+                type="daterange"
+                format="yyyy 年 MM 月 dd 日"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 90%"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="更新时间:">
+              <el-date-picker
+                :picker-options="pickerOptions"
+                v-model="auditDateRange"
+                type="daterange"
+                format="yyyy 年 MM 月 dd 日"
+                value-format="yyyy-MM-dd"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 90%"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+
+      </el-form>
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh"
+            @click="onReset"
+          >重置
+          </el-button>
+          <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+          >查询
+          </el-button
+          >
+          <el-button type="primary" icon="el-icon-plus" @click="add(null,'add')"
+          >新增
+          </el-button
+          >
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+      <el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
+                border
+                @current-change="handleSelectionChange">
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column label="接口分类名称" prop="name" show-overflow-tooltip width="140"></el-table-column>
+
+
+        <el-table-column label="创建时间" prop="createTime" width="140" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="更新时间" prop="updateTime" width="140" show-overflow-tooltip>
+        </el-table-column>
+        <el-table-column label="备注" prop="reemark" width="140" show-overflow-tooltip>
+        </el-table-column>
+
+
+
+        <el-table-column label="操作" width="120" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="printOrder(scope.row,'add')"
+            >新增
+            </el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="reviewOrder(scope.row,'edit')"
+            >编辑
+            </el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="rollback(scope.row)"
+            >删除
+            </el-button
+            >
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="getList"
+      ></pagination>
+    </el-card>
+
+    <el-tabs type="border-card" style="margin: 15px">
+      <!--单据业务详情-->
+      <el-tab-pane>
+        <el-form :inline="true" :model="bizQuery" class="query-form" size="mini">
+          <el-form-item class="query-form-item" label="接口名称:">
+            <el-input
+              v-model="bizQuery.name"
+              placeholder="请输入接口名称"
+              clearable
+            >
+            </el-input>
+          </el-form-item>
+
+          <el-form-item>
+            <el-button-group>
+              <el-button
+                type="primary"
+                icon="el-icon-refresh"
+                @click="onBizReset"
+              >重置
+              </el-button>
+              <el-button type="primary" @click="onBizSubmit"
+                         icon="el-icon-search"
+              >查询
+              </el-button>
+            </el-button-group>
+          </el-form-item>
+        </el-form>
+
+        <el-table v-loading="bizDetailLoading" :data="bizDetailList" style="width: 100%" border
+                  row-key="id"
+        >
+          <el-table-column label="序号" type="index"></el-table-column>
+          <el-table-column
+            label="接口名称"
+            prop="name"
+            width="150"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            label="接口地址"
+            width="150"
+            prop="path"
+          ></el-table-column>
+          <el-table-column
+            label="权限标识"
+            width="100"
+            prop="perms"
+          ></el-table-column>
+          <el-table-column
+            label="接口文档"
+            prop="docUrl"
+            width="100"
+          >
+            <template slot-scope="scope">
+              <el-link v-if="scope.row.docUrl != '' && scope.row.docUrl != null" type="primary" :href="scope.row.docUrl" target="_blank">文档链接</el-link>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            label="创建时间"
+            prop="createTime"
+            width="100"
+          ></el-table-column>
+
+          <el-table-column
+            label="更新时间"
+            prop="updateTime"
+            width="100"
+          ></el-table-column>
+          <el-table-column
+            label="备注"
+            prop="remark"
+            width="100"
+          ></el-table-column>
+
+
+
+          <el-table-column label="操作" width="160" fixed="right">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                @click.native.stop="upload(scope.row,'edit')"
+              >编辑
+              </el-button
+              >
+
+              <el-button
+                type="text"
+                size="small"
+                @click.native.stop="rollback(scope.row,1)"
+              >删除
+              </el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="bizTotal>0"
+          :total="bizTotal"
+          :page.sync="bizQuery.page"
+          :limit.sync="bizQuery.limit"
+          @pagination="getBizDetailList"
+        />
+      </el-tab-pane>
+
+    </el-tabs>
+    <el-dialog
+      :title="formMap[formName]"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :visible.sync="subFormVisible"
+      :before-close="hideForm"
+      width="60%"
+      top="5vh"
+    >
+      <el-form
+        :model="subData"
+        ref="dataForm"
+        :rules="formRules"
+        label-width="130px"
+      >
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col :span="12" class="el-col">
+            <el-form-item label="接口名称" prop="name"  class="query-form-item">
+                <el-input
+                  v-model="subData.name"
+                  style="width: 80%"
+                  auto-complete="off"
+                  placeholder="请输入接口名称"
+                ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12" class="el-col">
+            <el-form-item label="权限标识" prop="perms">
+              <el-input
+                v-model="subData.perms"
+                style="width: 80%"
+                placeholder="请输入权限标识"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col :span="12" class="el-col">
+            <el-form-item
+              label="接口地址"
+              prop="path"
+              class="query-form-item"
+            >
+              <el-input
+                v-model="subData.path"
+                style="width: 80%"
+                placeholder="请输入接口地址"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" class="el-col">
+            <el-form-item
+              label="接口文档"
+              prop="docUrl"
+              class="query-form-item"
+            >
+              <el-input
+                v-model="subData.docUrl"
+                style="width: 80%"
+                placeholder="请输入接口文档"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col :span="12" class="el-col">
+            <el-form-item label="创建时间" prop="createTime">
+              <el-date-picker clearable size="small"
+                              v-model="subData.createTime"
+                              type="datetime"
+                              style="width: 80%"
+                              value-format="yyyy-MM-dd HH:mm:ss"
+                              placeholder="选择创建时间">
+              </el-date-picker>
+            </el-form-item>
+
+          </el-col>
+
+          <el-col :span="12" class="el-col">
+            <el-form-item
+              label="备注"
+              prop="remark"
+              class="query-form-item"
+            >
+              <el-input
+                v-model="subData.remark"
+                style="width: 80%"
+                placeholder="请输入接口备注"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="hideForm">取消</el-button>
+        <el-button type="primary" @click.native="forInvSubmit()"
+        >提交
+        </el-button>
+      </div>
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+import { getSortList,insertLicense,deleteLicense,updateLicense } from "@/api/system/sysicense";
+
+
+
+const formJson = {
+  site_id: "",
+  site_name: "",
+  describe: "",
+  ads: [],
+};
+
+export default {
+  name: "IoSupSearchOrder",
+  data() {
+    return {
+      check:{},
+      subData: {},
+      formName: null,
+      subFormVisible: false,
+      showSearch: true,
+      filterQuery: {
+        name: "",
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+        startAduditTime: null,
+        endAduditTime:null,
+
+      },
+      invList: [],
+      deptList: [],
+      list: [],
+      total: 0,
+      loading: false,
+      index: null,
+      enableDept: false,
+      deleteData: {
+        id: "",
+        status: 10,
+      },
+      dialogTableVisible: false,
+      formLoading: false,
+      dialogVisible: false,
+      formData: formJson,
+      deleteLoading: false,
+      busTypes: [],
+      currentRow: {},
+      actDateRange: [],
+      auditDateRange: [],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      bizQuery: {
+        parentId: null,
+        name: null,
+        page: 1,
+        limit: 10
+      },
+      bizTotal: 0,
+      bizDetailLoading: false,
+      bizDetailList: [],
+      codeQuery: {
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      },
+      codeTotal: 0,
+      codeDetailLoading: false,
+      codeDetailList: [],
+      resultQuery: {
+        orderId: null,
+        code: null,
+        page: 1,
+        limit: 10
+      },
+      formMap: {
+        add: "新增",
+        edit: "编辑",
+      },
+      resultTotal: 0,
+      resultDetailLoading: false,
+      resultDetailList: [],
+      acceptQuery: null,
+      acceptOrderVisible: false,
+    };
+  },
+  components: {},
+  methods: {
+    onReset(){
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        name: "",
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+        startAduditTime: null,
+        endAduditTime:null,
+        parentId:0,
+
+      };
+      this.actDateRange = [];
+      this.auditDateRange = [];
+      this.getList();
+    },
+
+    onBizReset(){
+      this.bizQuery = {
+        parentId:  this.bizQuery.parentId,
+        name: null,
+        page: 1,
+        limit: 10
+      };
+      this.getlower();
+
+    },
+
+    onBizSubmit(){
+      this.bizQuery.page = 1;
+      this.getlower();
+
+
+    },
+
+
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    onSubmit(){
+      this.loading = true;
+      if (this.actDateRange !== null) {
+        this.filterQuery.startTime = this.actDateRange[0];
+        this.filterQuery.endTime = this.actDateRange[1];
+      } else {
+        this.filterQuery.startTime = null;
+        this.filterQuery.endTime = null;
+      }
+
+      if (this.auditDateRange !== null) {
+        this.filterQuery.startAduditTime = this.auditDateRange[0];
+        this.filterQuery.endAduditTime = this.auditDateRange[1];
+      } else {
+        this.filterQuery.startAduditTime = null;
+        this.filterQuery.endAduditTime = null;
+      }
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    //获取订单列表
+    getList() {
+      this.loading = true;
+      this.filterQuery.parentId=0;
+      getSortList(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          if (response.code === 20000) {
+            this.list = response.data.list || [];
+            this.total = response.data.total || 0;
+          } else {
+            this.$message.error(response.message);
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message)
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    handleSelectionChange(val){
+      this.bizQuery.page=1;
+      this.bizQuery.parentId=val.id;
+      this.getlower();
+    },
+
+    getlower(){
+      this.bizDetailLoading=true;
+      getSortList(this.bizQuery).then((res)=>{
+        this.bizDetailLoading=false;
+        if(res.code == 20000){
+          this.bizDetailList = res.data.list || [];
+          this.bizTotal = res.data.total || 0;
+        } else {
+          this.$message.error(res.message);
+          this.bizDetailList = [];
+          this.bizTotal = 0;
+        }
+      }).catch((error)=>{
+        this.bizDetailLoading = false;
+        this.$message.error(error.message);
+        this.bizDetailList = [];
+        this.bizTotal = 0;
+
+      })
+
+    },
+    rollback(row,val){
+      this.$confirm("此操作将删除该接口信息, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(()=>{
+        let param={
+          parentId:row.parentId,
+          id:row.id
+        }
+        deleteLicense(param).then((res)=>{
+          if(res.code == 20000){
+              this.$message.success("删除成功!");
+              if(val == 1){
+                this.getlower();
+              }
+                this.getList();
+          }else{
+            this.$message.error(res.message);
+          }
+
+        })
+
+      }).catch(()=>{
+
+      })
+
+
+
+
+    },
+
+
+    upload(row,formName){
+      this.formName = formName;
+      this.check=row;
+      this.subData=row;
+      this.subFormVisible=true;
+    },
+    reviewOrder(row,formName){
+      this.formName = formName;
+      this.check=row;
+      this.subData=row;
+      this.subFormVisible=true;
+
+    },
+
+    printOrder(row,formName){
+      this.formName = formName;
+      this.check=row;
+      this.subData={};
+      this.subFormVisible=true;
+    },
+
+    add(data,formName){
+      this.subFormVisible=true;
+      this.subData={};
+      this.formName = formName;
+      this.check=data;
+    },
+    hideForm(){
+      this.subFormVisible=false;
+    },
+    forInvSubmit(){
+      if(this.formName === "add" && this.check == null){
+        //新增接口分类
+        this.subData.parentId=0;
+        insertLicense(this.subData)
+          .then((res)=>{
+            if(res.code == 20000){
+              this.$message.success("添加成功!")
+              this.subFormVisible=false;
+              this.getList();
+            }
+          })
+      }else if(this.formName === "add" && this.check != null){
+        //新增子接口
+        this.subData.parentId=this.check.id;
+        insertLicense(this.subData)
+          .then((res)=>{
+            if(res.code == 20000){
+              this.$message.success("添加成功!")
+              this.subFormVisible=false;
+              this.getList();
+            }
+          })
+      }else if(this.formName === "edit" && this.check.parentId == 0){
+          //编辑接口分类
+        updateLicense(this.subData).then((res)=>{
+            if(res.code == 20000){
+              this.$message.success("修改成功!")
+              this.subFormVisible=false;
+              this.getList();
+            }
+        })
+      }else{
+        updateLicense(this.subData).then((res)=>{
+          if(res.code == 20000){
+            this.$message.success("修改成功!")
+            this.subFormVisible=false;
+            this.getlower();
+          }
+
+        })
+
+      }
+
+
+
+
+    },
+
+
+
+  },
+  filters: {},
+  mounted() {
+
+  },
+  created() {
+      this.getList();
+  },
+};
+</script>
+
+<style type="text/scss" lang="scss">
+</style>
diff --git a/src/views/system/license/role.vue b/src/views/system/license/role.vue
new file mode 100644
index 0000000..b93dab2
--- /dev/null
+++ b/src/views/system/license/role.vue
@@ -0,0 +1,452 @@
+<template>
+  <div>
+    <el-card class="el-card">
+      <el-form :inline="true" :model="filterQuery" class="query-form"   label-width="100px" size="mini">
+        <el-form-item class="query-form-item" label="角色名称:"  prop="name">
+          <el-input
+            v-model="filterQuery.name"
+            clearable
+            placeholder="角色名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="角色状态:" prop="status">
+          <el-select
+            v-model="filterQuery.status"
+            placeholder="请选择状态"
+            style="width: 90%"
+          >
+            <el-option label="全部" value="" />
+            <el-option label="启用" :value="0" />
+            <el-option label="禁用" :value="1" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button-group style="margin-left: 10px; display: flex">
+            <el-button type="primary" icon="el-icon-refresh" @click="onReset"
+            >重置</el-button
+            >
+            <el-button type="primary" icon="el-icon-search" @click="onSubmit"
+            >查询</el-button
+            >
+            <el-button
+              type="primary"
+              icon="el-icon-plus"
+              @click="handleSubForm(null, 'add')"
+            >新增</el-button
+            >
+          </el-button-group>
+        </el-form-item>
+      </el-form>
+
+      <el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
+                border
+                @current-change="handleSelectionChange">
+        <el-table-column label="序号" type="index"></el-table-column>
+        <el-table-column label="角色名称" prop="name" show-overflow-tooltip width="140"></el-table-column>
+
+        <el-table-column label="编码" prop="code" width="140" show-overflow-tooltip>
+        </el-table-column>
+
+        <el-table-column label="状态" prop="status" width="140" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <el-tag :type="statusFilterType(scope.row.status)">{{ status[scope.row.status] }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间" prop="createTime" width="140" show-overflow-tooltip>
+        </el-table-column>
+
+
+        <el-table-column label="操作" width="120" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="printOrder(scope.row.id)"
+            >授权
+            </el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="reviewOrder(scope.row,'edit')"
+            >编辑
+            </el-button
+            >
+            <el-button
+              type="text"
+              size="small"
+              @click.native.stop="rollback(scope.row)"
+            >删除
+            </el-button
+            >
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="getList"
+      ></pagination>
+    </el-card>
+
+
+    <el-dialog
+      :title="formMap[formName]"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :visible.sync="subFormVisible"
+      :before-close="hideForm"
+      width="60%"
+      top="5vh"
+    >
+      <el-form
+        :model="subData"
+        ref="dataForm"
+        :rules="formRules"
+        label-width="90px"
+      >
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col :span="12" class="el-col">
+            <el-form-item label="角色名称" prop="name"  class="query-form-item">
+              <el-input
+                v-model="subData.name"
+                style="width: 80%"
+                auto-complete="off"
+                placeholder="请输入接口名称"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12" class="el-col">
+            <el-form-item label="编码" prop="code">
+              <el-input
+                v-model="subData.code"
+                style="width: 80%"
+                placeholder="请输入权限标识"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20" class="el-row" type="flex">
+
+          <el-col :span="12" class="el-col">
+            <el-form-item
+              label="状态"
+              prop="status"
+              class="query-form-item"
+            >
+              <el-radio-group v-model="subData.status">
+                <el-radio label='0'>启用</el-radio>
+                <el-radio label='1'>禁用</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click.native="hideForm">取消</el-button>
+        <el-button type="primary" @click.native="forInvSubmit()"
+        >提交
+        </el-button>
+      </div>
+    </el-dialog>
+
+
+
+    <el-dialog title="授权" :visible.sync = "roleMenuDialog.visible">
+      <el-tree
+        :data="roleMenuDialog.detail"
+        show-checkbox
+        ref="menu"
+        node-key="id"
+        empty-text="暂无数据"
+        :default-checked-keys="roleMenuDialog.checkKeys"
+        :props="roleMenuDialog.defaultProps"
+      ></el-tree>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="roleMenuDialog.visible = false">取 消</el-button>
+        <el-button type="primary" @click="saveRoleMenu">保存</el-button>
+      </div>
+    </el-dialog>
+
+
+  </div>
+</template>
+
+<script>
+import {getRolelist, insertRole, updateRole, deleteRole, treeselect,saveRoleMenu}
+  from "@/api/system/srole"
+
+
+
+const formJson = {
+  site_id: "",
+  site_name: "",
+  describe: "",
+  ads: [],
+};
+
+export default {
+  name: "IoSupSearchOrder",
+  data() {
+    return {
+      rId:"",
+      visible:false,
+      check:{},
+      subData: {},
+      formName: null,
+      subFormVisible: false,
+      filterQuery: {
+        name: "",
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+        status:"",
+
+      },
+      status: {
+        0: "正常",
+        1: "禁用",
+      },
+      roleMenuDialog:{
+        visible: false,
+        detail:{},
+        roleId:0,
+        checkKeys:[],
+        defaultProps: {
+          children: "children",
+          label: "name"
+        },
+      },
+      invList: [],
+      deptList: [],
+      list: [],
+      total: 0,
+      loading: false,
+      index: null,
+      enableDept: false,
+
+      dialogTableVisible: false,
+      formLoading: false,
+      dialogVisible: false,
+      formData: formJson,
+      deleteLoading: false,
+      busTypes: [],
+      currentRow: {},
+      actDateRange: [],
+      auditDateRange: [],
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "最近一周",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近一个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+          {
+            text: "最近三个月",
+            onClick(picker) {
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit("pick", [start, end]);
+            },
+          },
+        ],
+      },
+      formMap: {
+        add: "新增",
+        edit: "编辑",
+      },
+    };
+  },
+  components: {},
+  methods: {
+    onReset(){
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        name: "",
+        page: 1,
+        limit: 10,
+        startTime: null,
+        endTime: null,
+        status:"",
+      };
+      this.actDateRange = [];
+      this.auditDateRange = [];
+      this.getList();
+    },
+
+
+
+
+
+    onSubmit(){
+      this.loading = true;
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    //获取订单列表
+    getList() {
+      this.loading = true;
+      getRolelist(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          if (response.code === 20000) {
+            this.list = response.data.list || [];
+            this.total = response.data.total || 0;
+          } else {
+            this.$message.error(response.message);
+          }
+        })
+        .catch((error) => {
+          this.$message.error(error.message)
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+
+    hideForm(){
+      this.subFormVisible=false;
+      this.getList();
+    },
+    reviewOrder(data,formName){
+      this.subFormVisible=true;
+      this.formName=formName;
+      this.subData=data;
+    },
+
+    handleSubForm(data,formName){
+      this.formName=formName;
+      this.subData={};
+      this.subFormVisible=true;
+    },
+
+    forInvSubmit(){
+      if(this.formName === "add"){
+        insertRole(this.subData)
+          .then((res) =>{
+            if(res.code == 20000){
+              this.$message.success("添加成功!");
+              this.subFormVisible=false;
+              this.getList();
+            }
+          })
+      }else{
+        updateRole(this.subData)
+          .then((res) =>{
+            if(res.code == 20000){
+              this.$message.success("修改成功!");
+              this.subFormVisible=false;
+              this.getList();
+            }
+          })
+      }
+    },
+
+    rollback(row){
+        this.$confirm("此操作将删除角色,是否继续？","提示",{
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }).then(()=>{
+          this.subData=row;
+          deleteRole(this.subData)
+            .then((res)=>{
+              if(res.code == 20000){
+                this.$message.success("删除成功!");
+                this.getList();
+              }
+
+            })
+
+
+
+        })
+
+
+
+    },
+
+    printOrder(id){
+      this.rId=id;
+      let param={
+        roleId:id
+      }
+      treeselect(param).then((res)=>{
+        this.roleMenuDialog.detail = res.data.data.menuTrees;
+        this.roleMenuDialog.checkKeys = res.data.data.roleMenuIds;
+        this.roleMenuDialog.visible=true;
+      })
+
+    },
+
+    saveRoleMenu(){
+      let param={
+        roleId: this.rId,
+        menuIds:this.getMenuAllCheckedKeys()
+      }
+      saveRoleMenu(param).then((res)=>{
+        if(res.code == 20000){
+          this.$message.success("修改成功！");
+          this.roleMenuDialog.visible = false;
+          this.getList();
+        }
+
+
+      })
+    },
+    getMenuAllCheckedKeys() {
+      // 目前被选中的菜单节点
+      let checkedKeys = this.$refs.menu.getHalfCheckedKeys();
+      // 半选中的菜单节点
+      let halfCheckedKeys = this.$refs.menu.getCheckedKeys();
+      checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);
+      return checkedKeys;
+    },
+
+
+    statusFilterType(status) {
+      const statusMap = {
+        0: "success",
+        1: "warning",
+      };
+      return statusMap[status];
+    }
+  },
+  filters: {},
+  mounted() {
+
+  },
+  created() {
+      this.getList();
+  },
+};
+</script>
+
+<style type="text/scss" lang="scss">
+</style>