权限

src/api/ApiModel.ts

@@ -232,6 +232,12 @@ export interface radioFace{
     list?:any
 }
 
+export interface departParams{
+    name?:string,
+    pid?:string|number,
+    id?:string|number,
+}
+
 
 
 

src/api/api.ts

@@ -117,7 +117,19 @@ export enum Api{
     advert_adsDetail = '/api/ad/adsDetail',
 
     //投放版位
-    siteSet_list = '/api/adcreatives/siteSet'
+    siteSet_list = '/api/adcreatives/siteSet',
+
+    //部门
+    depart_add = '/api/sys/departmentAdd',
+    depart_list = '/api/sys/departments',
+    depart_edit = '/api/sys/departmentEdit',
+    depart_dele = '/api/sys/departmentDel',
+
+    //项目
+    project_add = '/api/sys/projectsAdd',
+    project_list = '/api/sys/projectsList',
+    project_edit = '/api/sys/projectsEdit',
+    project_dele = '/api/sys/projectsDel',
 
 
 

src/components/businessMoudle/limitManage/index.vue

@@ -0,0 +1,101 @@
+<template>
+  <div class="screenBox flex">
+    <el-button type="primary" class="lMarauto"  @click="limitsAdd()">新增权限</el-button>
+  </div>
+
+  <!--  列表-->
+  <TableList
+      ref="tableListRef"
+      :tableData="tableInfo.tableList"
+      :descol="tableInfo.descolList"
+      :total="total"
+      @init="init"
+  >
+    <template v-slot:operate="slotProps">
+      <div class="text-center">
+        <span class="operate_text lMar8 pointer" @click="editEvent(slotProps.row)">编辑</span>
+        <Popconfirm @confirm="deleEvent(slotProps.row)"/>
+      </div>
+    </template>
+  </TableList>
+</template>
+<script setup lang="ts">
+import {nextTick, onMounted, reactive, ref, getCurrentInstance} from 'vue'
+import Popconfirm from '@/components/capsulationMoudle/_popconfirm.vue'
+import TableList from '@/components/capsulationMoudle/tableList.vue'
+import { adqParam, reactiveTableAndAny} from "@/api/ApiModel";
+import {Api} from "@/api/api";
+import {ElMessage} from "element-plus";
+import { publicTableTs } from '@/components/businessMoudle/tableInfo'
+
+const { proxy } = getCurrentInstance() as any;
+
+
+// 表格数据公共ts
+const descolParams = reactive([
+  { name:'权限名称',column:'account_name',},
+  { name:'描述',column:'account_id',cancleForMat:true},
+  { name:'更新时间',column:'created_at'},
+  { name:'操作',column:'operate',slotFlag: true},
+])
+const { tableInfo,tableListRef,total } = publicTableTs(descolParams)
+
+const limitsAdd = () => {
+
+}
+
+const InputRef_text = ref<{value:string}>()
+
+//账号列表
+const init = async (page?:any,pageSize?:any) => {
+  tableListRef.value!.loading = true
+  const paramsModel = reactive<adqParam>({
+    page:page?page:1,
+    page_size:pageSize?pageSize:20,
+  })
+  let res:any = await proxy.$http.get(Api.adq_list,paramsModel)
+  tableListRef.value!.loading = false
+  if(res&&res.errNo=='0'){
+    tableInfo.tableList = res.rst.data
+    total.value = res.rst.pageInfo.total
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+const deleEvent = async (item:any) => {
+  tableListRef.value!.loading = true
+  const paramsModel = reactive<adqParam>({
+    account_id:item.id
+  })
+  let res:any = await proxy.$http.post(Api.adq_dele,paramsModel)
+  tableListRef.value!.loading = false
+  ElMessage.info(res.errMsg)
+  if(res&&res.errNo=='0'){
+    await init()
+  }
+}
+
+const editEvent = (item:any) => {
+
+}
+
+
+onMounted( async ()=>{
+  await init()
+})
+</script>
+<style lang="scss" scoped>
+.dialogBox{
+  :deep(.el-input__wrapper){
+    background: #F9F9F9;
+    border-radius: 5px;
+    border: 1px solid #F1F1F1;
+    height: 45px;
+    box-shadow:none;
+  }
+}
+.screenArea{
+  margin-bottom: 8px;
+}
+</style>

src/components/businessMoudle/memberManage/dialog/addDepartment.vue

@@ -0,0 +1,127 @@
+<template>
+
+  <Dialog ref="DialogRef_editType"
+          :dialogVisible="dialogShow"
+          @confirm="confirmEvent"
+          @close="dialogShow = false"
+          width="500px"
+          :dialog-title="pageInfo.title">
+    <template v-slot:content>
+      <div class="dialogBox" v-loading="loading">
+        <Input ref="nameRef" spanTitleWidth="80px" title="部门" :haveTag="true" :haverMar15="false"/>
+        <div class="flex tMar20">
+          <span class="spanTitle f14" style="width: 80px;">上级部门</span>
+          <el-tree-select v-model="treeValue"
+                          filterable
+                          :highlight-current="true"
+                          style="width: 100%"
+                          :props="defaultProps"
+                          node-key="id"
+                          :data="pageInfo.treeList"
+                          :render-after-expand="false" />
+        </div>
+      </div>
+    </template>
+  </Dialog>
+
+</template>
+<script setup lang="ts">
+import Dialog from '@/components/capsulationMoudle/_dialog.vue'
+import Input from '@/components/capsulationMoudle/_input.vue'
+import {getCurrentInstance, nextTick, onMounted, reactive, ref} from "vue";
+import {ElMessage} from "element-plus";
+import {departParams, fileParam, reactiveTableAndAny} from "@/api/ApiModel";
+import {Api} from "@/api/api";
+
+const { proxy } = getCurrentInstance() as any;
+// 全局方法定义
+const NumberHandle = proxy.$NumberHandle
+
+const emit = defineEmits<{
+  (event: "init"): void;
+}>();
+
+const defaultProps = {
+  children: 'childs',
+  label: 'name',
+}
+//页面数据
+const pageInfo = reactive<reactiveTableAndAny>({
+  treeList:[],
+  editId:'',
+  title:'添加部门'
+})
+
+const init = async () => {
+  let res:any = await proxy.$http.get(Api.depart_list)
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    pageInfo.treeList = resNew
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+
+const treeValue=ref('')
+const nameRef=ref<{value:string}>()
+const loading=ref<boolean>(false)
+const confirmEvent = async () => {
+  if(nameRef.value!.value==''){
+    ElMessage.error('名称为必填项')
+    return
+  }
+  loading.value = true
+  let api:string = Api.depart_add
+  const paramsModel = reactive<departParams>({
+    pid:treeValue.value,
+    name:nameRef.value!.value,
+  })
+  if(pageInfo.editId){ // 编辑
+    paramsModel.id = pageInfo.editId
+    api = Api.depart_edit
+  }
+  let res:any = await proxy.$http.post(api,paramsModel)
+  loading.value = false
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    dialogShow.value = false
+    emit('init')
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+
+// 切换显隐
+const dialogShow = ref<boolean>(false)
+const switchShow = (val:boolean,info?:any)=>{
+  dialogShow.value = val
+  if(val){
+    nextTick(async ()=>{
+      nameRef.value!.value = ''
+      treeValue.value = ''
+      pageInfo.editId = ''
+      await init()
+      if(info?.id){ // 编辑
+        pageInfo.editId = info?.id
+        nameRef.value!.value = info.name
+        treeValue.value = info.pid
+        pageInfo.title = '编辑部门'
+      }
+    })
+  }
+}
+// 父组件共享值
+defineExpose({
+  switchShow,
+});
+onMounted(()=>{
+  nextTick(()=>{
+
+  })
+})
+</script>
+<style lang="scss" scoped>
+
+</style>

src/components/businessMoudle/memberManage/dialog/addMember.vue

@@ -0,0 +1,102 @@
+<template>
+
+  <Dialog ref="DialogRef_editType"
+          :dialogVisible="dialogShow"
+          @confirm="confirmEvent"
+          @close="dialogShow = false"
+          width="500px"
+          dialog-title="添加人员">
+    <template v-slot:content>
+      <div class="dialogBox" v-loading="loading">
+        <Input ref="nameRef" spanTitleWidth="50px" title="用户名" :haveTag="true"/>
+        <Input ref="nameRef" spanTitleWidth="50px" title="密码" :haveTag="true"/>
+        <div class="flex">
+          <Input ref="nameRef" spanTitleWidth="50px" title="部门" :haveTag="true"/>
+          <span>
+            <el-icon :size="20"><i-ep-Plus/></el-icon>
+            添加部门
+          </span>
+        </div>
+        <Select ref="ideaManRef"
+                :clearFlag="true"
+                title="权限"
+                :optObj="{k:'id',la:'username',val:'id'}"
+                @changeEvent="init()" @clearEvent="init()"
+                :options="pageInfo.limitList"/>
+
+      </div>
+    </template>
+  </Dialog>
+
+</template>
+<script setup lang="ts">
+import Select from '@/components/capsulationMoudle/_select.vue'
+import Dialog from '@/components/capsulationMoudle/_dialog.vue'
+import Input from '@/components/capsulationMoudle/_input.vue'
+import {getCurrentInstance, nextTick, onMounted, reactive, ref} from "vue";
+import {ElMessage} from "element-plus";
+import {fileParam, reactiveTableAndAny} from "@/api/ApiModel";
+import {Api} from "@/api/api";
+
+const { proxy } = getCurrentInstance() as any;
+// 全局方法定义
+const NumberHandle = proxy.$NumberHandle
+
+const emit = defineEmits<{
+  (event: "init"): void;
+}>();
+
+
+const pageInfo = reactive<reactiveTableAndAny>({
+  limitList:[]
+})
+
+const nameRef=ref<{value:string}>()
+const markRef=ref<{value:string}>()
+const loading=ref<boolean>(false)
+const confirmEvent = async () => {
+  if(nameRef.value!.value==''){
+    ElMessage.error('名称为必填项')
+    return
+  }
+  loading.value = true
+  const paramsModel = reactive<fileParam>({
+    pid:0,
+    name:nameRef.value!.value,
+    remarks:markRef.value!.value,
+  })
+  let res:any = await proxy.$http.post(Api.file_add,paramsModel)
+  loading.value = false
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    dialogShow.value = false
+    emit('init')
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+
+// 切换显隐
+const dialogShow = ref<boolean>(false)
+const switchShow = (val:boolean)=>{
+  dialogShow.value = val
+  if(val){
+    nextTick(()=>{
+      nameRef.value!.value = ''
+    })
+  }
+}
+// 父组件共享值
+defineExpose({
+  switchShow,
+});
+onMounted(()=>{
+  nextTick(()=>{
+
+  })
+})
+</script>
+<style lang="scss" scoped>
+
+</style>

src/components/businessMoudle/memberManage/index.vue

@@ -0,0 +1,243 @@
+<template>
+  <div class="screenBox_mini tMar0">
+    <Select ref="ideaManRef"
+            :clearFlag="true"
+            title="账号状态"
+            selectWidth="160px"
+            :optObj="{k:'id',la:'username',val:'id'}"
+            @changeEvent="init()" @clearEvent="init()"
+            :options="pageInfo.accStatusList"/>
+    <Input ref="InputRef_text" title="" placeholderTxt="用户名或邮箱" @changeEvent="init()" @clearEvent="init()"/>
+  </div>
+  <div class="albumBox flex">
+    <div class="albumTree">
+      <div class="title flex">
+        <el-button type="primary" plain @click="newAddEvent">添加部门</el-button>
+        <Input ref="InputRef_text" title="" placeholderTxt="搜索部门" @changeEvent="init()" @clearEvent="init()"/>
+      </div>
+      <div class="companyBox">北京酷炫网络技术股份有限公司</div>
+      <div class="treeBox" v-loading="treeLoading">
+        <el-tree ref="treeRef"
+                 :data="pageInfo.treeList"
+                 :props="defaultProps"
+                 node-key="id"
+                 :expand-on-click-node="false"
+                 :highlight-current="true">
+          <template #default="{ node }">
+            <span style="color: #161E46">{{ node.label }}</span>
+            <div class="lMarauto f14 rMar10" @click.stop>
+              <el-dropdown size="default">
+                <el-icon color="#96969D"><i-ep-MoreFilled /></el-icon>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item  @click="handleCommand('edit',node)">编辑</el-dropdown-item>
+                    <el-dropdown-item @click="handleCommand('dele',node)">删除</el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </div>
+          </template>
+        </el-tree>
+      </div>
+    </div>
+    <div class="albumContent">
+      <div class="title flex">
+        <el-button type="primary" @click="newAddEvent_member">新增成员</el-button>
+        <el-button type="primary" plain @click="startEvent">启用</el-button>
+      </div>
+      <div class="contentBox tMar10" v-loading="fileLoading">
+        <!--  列表-->
+        <TableList
+            ref="tableListRef"
+            :tableData="tableInfo.tableList"
+            :descol="tableInfo.descolList"
+            :total="total"
+            @init="init"
+        >
+          <template v-slot:operate="slotProps">
+            <div class="text-center">
+              <span class="operate_text lMar8">编辑</span>
+              <Popconfirm key="psd" popTxt="重置密码" @confirm="resetPsd(slotProps.row)"/>
+              <Popconfirm key="ty" popTxt="停用" @confirm="outService(slotProps.row)"/>
+            </div>
+          </template>
+        </TableList>
+      </div>
+    </div>
+  </div>
+
+<!--  添加部门-->
+  <AddDepartment ref="AddDepartmentRef" @init="init"></AddDepartment>
+</template>
+<script setup lang="ts">
+import {getCurrentInstance, nextTick, onMounted, reactive, ref} from "vue";
+import Select from '@/components/capsulationMoudle/_select.vue'
+import {departParams, fileParam, reactiveTableAndAny} from "@/api/ApiModel";
+import Input from '@/components/capsulationMoudle/_input.vue'
+import TableList from '@/components/capsulationMoudle/tableList.vue'
+import noData from '@/components/capsulationMoudle/noData.vue'
+import {Api} from "@/api/api";
+import {ElMessage} from "element-plus";
+import {publicTableTs} from "@/components/businessMoudle/tableInfo";
+import Popconfirm from '@/components/capsulationMoudle/_popconfirm.vue'
+import AddDepartment from '@/components/businessMoudle/memberManage/dialog/addDepartment.vue'
+
+const { proxy } = getCurrentInstance() as any;
+// 全局方法定义
+const NumberHandle = proxy.$NumberHandle
+
+//tree相关
+const defaultProps = {
+  children: 'childs',
+  label: 'name',
+}
+const treeRef = ref<any>()
+
+//页面数据
+const pageInfo = reactive<reactiveTableAndAny>({
+  hightLightFlag:true,
+  treeList:[],
+  treeId:0,
+  accStatusList:[]
+})
+const currentPage = ref<number>(1)
+const pageSize = ref<number>(20)
+const fileLoading = ref<boolean>(false)
+const treeLoading = ref<boolean>(false)
+
+
+// 表格数据公共ts
+const descolParams = reactive([
+  { name:'用户名',column:'account_name',},
+  { name:'部门',column:'account_id'},
+  { name:'权限',column:'type_name',},
+  { name:'状态',column:'username',},
+  { name:'操作',column:'operate',slotFlag: true},
+])
+const { tableInfo,tableListRef,total } = publicTableTs(descolParams)
+
+// 专辑树点击
+interface Tree {
+  label: string
+  children?: Tree[]
+}
+
+const AddDepartmentRef = ref<{switchShow:(val:boolean,info?:any)=>void}>()
+const newAddEvent = () => {
+  nextTick(()=>{
+    AddDepartmentRef.value!.switchShow(true)
+  })
+}
+const handleCommand = (type:string,node: any) => {
+  if(type == 'edit'){
+    nextTick(()=>{
+      AddDepartmentRef.value!.switchShow(true,node?.data?.id ? node?.data : node?.data?.childs[0])
+    })
+  }else if(type == 'dele'){
+    deleDepart(node?.data?.id || node?.data?.childs[0]?.id)
+  }
+}
+
+const deleDepart = async (id:any) => {
+  treeLoading.value = true
+  const paramsModel = reactive<departParams>({
+    id:id,
+  })
+  let res:any = await proxy.$http.post(Api.depart_dele,paramsModel)
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    init()
+  }else{
+    treeLoading.value = false
+    ElMessage.error(res.errMsg)
+  }
+}
+const newAddEvent_member = () => {
+
+}
+const startEvent = () => {
+
+}
+
+const init = async () => {
+  treeLoading.value = true
+  let res:any = await proxy.$http.get(Api.depart_list)
+  treeLoading.value = false
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    pageInfo.treeList = resNew
+    // if(pageInfo!.treeList!.length>0){
+    //   pageInfo.treeId = pageInfo.treeList[pageInfo.treeList.length-1].id
+    //   nextTick(()=>{treeRef.value!.setCurrentKey(pageInfo.treeId)})
+    // }
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+const resetPsd = (item:any) => {
+
+}
+
+const outService = (item:any)=>{
+
+}
+
+
+onMounted(()=>{
+  nextTick(async ()=>{
+    await init()
+  })
+})
+</script>
+<style lang="scss" scoped>
+.albumBox{
+  align-items: flex-start;
+  .albumTree{
+    background-color: #fff;
+    width: 20%;
+    padding: 0 10px;
+    margin-right: 10px;
+    flex-shrink: 0;
+    .title{
+      height: 46px;
+    }
+    .treeBox{
+      margin-top: 14px;
+      height: calc(100vh - 255px);
+      :deep(.el-tree-node__content){
+        --el-tree-node-content-height: 42px;
+      }
+      overflow-y: auto;
+      scrollbar-color: transparent transparent;
+      &::-webkit-scrollbar{
+        width: 2px;
+      }
+    }
+    .companyBox{
+      width: 100%;
+      height: 38px;
+      line-height: 38px;
+      background: rgba(49, 115, 255, 0.15);
+      border-radius: 4px;
+      color: #3173FF;
+      font-size: 14px;
+      text-align: center;
+    }
+  }
+  .albumContent{
+    background-color: #fff;
+    flex: 1;
+    padding: 10px 13px;
+    .contentBox{
+      width: 100%;
+      height: calc(100vh - 285px - 60px);
+      overflow-y: auto;
+      scrollbar-color: transparent transparent;
+      &::-webkit-scrollbar{
+        width: 2px;
+      }
+    }
+  }
+}
+</style>

src/components/businessMoudle/projectManage/dialog/addProject.vue

@@ -0,0 +1,148 @@
+<template>
+
+  <Dialog ref="DialogRef_editType"
+          :dialogVisible="dialogShow"
+          @confirm="confirmEvent"
+          @close="dialogShow = false"
+          width="800px"
+          :dialog-title="pageInfo.title">
+    <template v-slot:content>
+      <div class="dialogBox" v-loading="loading">
+        <Input ref="nameRef" spanTitleWidth="80px" inputWidth="80%" title="项目名称" :haveTag="true" :haverMar15="false"/>
+        <Input ref="nameRef" class="tMar20" spanTitleWidth="80px" inputWidth="80%" title="备注" :haverMar15="false"/>
+        <Select ref="ideaManRef"
+                class="tMar20"
+                :clearFlag="true"
+                title="项目负责人"
+                selectWidth="190px"
+                :optObj="{k:'id',la:'username',val:'id'}"
+                @changeEvent="init()" @clearEvent="init()"
+                :options="pageInfo.chargeList"/>
+
+        <div class="flex tMar20" style="justify-content: flex-start">
+          <span class="spanTitle f14" style="width: 80px;">项目负责人</span>
+          <div>
+            <el-radio-group v-model="pageInfo.visibleVal">
+              <el-radio-button label="所有人可见" />
+              <el-radio-button label="指定成员可见" />
+            </el-radio-group>
+
+            <div class="treeBox">
+              <el-tree :data="pageInfo.treeList" :props="defaultProps" show-checkbox />
+            </div>
+
+          </div>
+        </div>
+
+      </div>
+    </template>
+  </Dialog>
+
+</template>
+<script setup lang="ts">
+import Select from '@/components/capsulationMoudle/_select.vue'
+import Dialog from '@/components/capsulationMoudle/_dialog.vue'
+import Input from '@/components/capsulationMoudle/_input.vue'
+import {getCurrentInstance, nextTick, onMounted, reactive, ref} from "vue";
+import {ElMessage} from "element-plus";
+import {departParams, fileParam, reactiveTableAndAny} from "@/api/ApiModel";
+import {Api} from "@/api/api";
+
+const { proxy } = getCurrentInstance() as any;
+// 全局方法定义
+const NumberHandle = proxy.$NumberHandle
+
+const emit = defineEmits<{
+  (event: "init"): void;
+}>();
+
+const defaultProps = {
+  children: 'childs',
+  label: 'name',
+}
+
+//页面数据
+const pageInfo = reactive<reactiveTableAndAny>({
+  treeList:[],
+  editId:'',
+  title:'新增项目',
+  chargeList:[],
+  visibleVal:'',
+})
+
+const init = async () => {
+  let res:any = await proxy.$http.get(Api.depart_list)
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    pageInfo.treeList = resNew
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+const treeValue=ref('')
+const nameRef=ref<{value:string}>()
+const loading=ref<boolean>(false)
+const confirmEvent = async () => {
+  if(nameRef.value!.value==''){
+    ElMessage.error('名称为必填项')
+    return
+  }
+  loading.value = true
+  let api:string = Api.depart_add
+  const paramsModel = reactive<departParams>({
+    pid:treeValue.value,
+    name:nameRef.value!.value,
+  })
+  if(pageInfo.editId){ // 编辑
+    paramsModel.id = pageInfo.editId
+    api = Api.depart_edit
+  }
+  let res:any = await proxy.$http.post(api,paramsModel)
+  loading.value = false
+  if(res&&res.errNo=='0'){
+    let resNew:any = res.rst
+    dialogShow.value = false
+    emit('init')
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+
+// 切换显隐
+const dialogShow = ref<boolean>(false)
+const switchShow = (val:boolean,info?:any)=>{
+  dialogShow.value = val
+  if(val){
+    nextTick(async ()=>{
+      nameRef.value!.value = ''
+      treeValue.value = ''
+      pageInfo.editId = ''
+      await init()
+      if(info?.id){ // 编辑
+        pageInfo.editId = info?.id
+        nameRef.value!.value = info.name
+        treeValue.value = info.pid
+        pageInfo.title = '编辑项目'
+      }
+    })
+  }
+}
+// 父组件共享值
+defineExpose({
+  switchShow,
+});
+onMounted(()=>{
+  nextTick(()=>{
+
+  })
+})
+</script>
+<style lang="scss" scoped>
+.treeBox{
+  border-radius: 4px;
+  border: 1px solid #EDEDED;
+
+}
+</style>

src/components/businessMoudle/projectManage/index.vue

@@ -0,0 +1,109 @@
+<template>
+  <div class="screenBox flex">
+    <el-button type="primary" class="lMarauto"  @click="addEvent()">新增项目</el-button>
+  </div>
+
+  <!--  列表-->
+  <TableList
+      ref="tableListRef"
+      :tableData="tableInfo.tableList"
+      :descol="tableInfo.descolList"
+      :total="total"
+      @init="init"
+  >
+    <template v-slot:operate="slotProps">
+      <div class="text-center">
+        <span class="operate_text lMar8 pointer" @click="editEvent(slotProps.row)">编辑</span>
+        <Popconfirm @confirm="deleEvent(slotProps.row)"/>
+      </div>
+    </template>
+  </TableList>
+
+  <!--  添加部门-->
+  <AddProject ref="AddProjectRef" @init="init"></AddProject>
+</template>
+<script setup lang="ts">
+import {nextTick, onMounted, reactive, ref, getCurrentInstance} from 'vue'
+import Popconfirm from '@/components/capsulationMoudle/_popconfirm.vue'
+import TableList from '@/components/capsulationMoudle/tableList.vue'
+import { adqParam, reactiveTableAndAny} from "@/api/ApiModel";
+import {Api} from "@/api/api";
+import {ElMessage} from "element-plus";
+import { publicTableTs } from '@/components/businessMoudle/tableInfo'
+import AddProject from '@/components/businessMoudle/projectManage/dialog/addProject.vue'
+
+const { proxy } = getCurrentInstance() as any;
+
+
+// 表格数据公共ts
+const descolParams = reactive([
+  { name:'权限名称',column:'account_name',},
+  { name:'描述',column:'account_id',cancleForMat:true},
+  { name:'更新时间',column:'created_at'},
+  { name:'操作',column:'operate',slotFlag: true},
+])
+const { tableInfo,tableListRef,total } = publicTableTs(descolParams)
+
+const addEvent = () => {
+  nextTick(()=>{
+    AddProjectRef.value!.switchShow(true)
+  })
+}
+
+const AddProjectRef = ref<{switchShow:(val:boolean,info?:any)=>void}>()
+
+const InputRef_text = ref<{value:string}>()
+
+//账号列表
+const init = async (page?:any,pageSize?:any) => {
+  tableListRef.value!.loading = true
+  const paramsModel = reactive<adqParam>({
+    page:page?page:1,
+    page_size:pageSize?pageSize:20,
+  })
+  let res:any = await proxy.$http.get(Api.adq_list,paramsModel)
+  tableListRef.value!.loading = false
+  if(res&&res.errNo=='0'){
+    tableInfo.tableList = res.rst.data
+    total.value = res.rst.pageInfo.total
+  }else{
+    ElMessage.error(res.errMsg)
+  }
+}
+
+const deleEvent = async (item:any) => {
+  tableListRef.value!.loading = true
+  const paramsModel = reactive<adqParam>({
+    account_id:item.id
+  })
+  let res:any = await proxy.$http.post(Api.adq_dele,paramsModel)
+  tableListRef.value!.loading = false
+  ElMessage.info(res.errMsg)
+  if(res&&res.errNo=='0'){
+    await init()
+  }
+}
+
+const editEvent = (item:any) => {
+
+}
+
+
+onMounted( async ()=>{
+  await init()
+})
+</script>
+<style lang="scss" scoped>
+.dialogBox{
+  :deep(.el-input__wrapper){
+    background: #F9F9F9;
+    border-radius: 5px;
+    border: 1px solid #F1F1F1;
+    height: 45px;
+    box-shadow:none;
+  }
+}
+.screenArea{
+  margin-bottom: 8px;
+}
+</style>

src/router/index.ts

@@ -16,6 +16,9 @@ const materialLibrary = () => import('@/components/businessMoudle/materialLibrar
 const collectClip = () => import('@/components/businessMoudle/collectClip/index.vue')
 const taskList = () => import('@/components/businessMoudle/taskList/index.vue')
 const adqManage = () => import('@/components/businessMoudle/adqManage.vue')
+const limitManage = () => import('@/components/businessMoudle/limitManage/index.vue')
+const memberManage = () => import('@/components/businessMoudle/memberManage/index.vue')
+const projectManage = () => import('@/components/businessMoudle/projectManage/index.vue')
 const miniprogram = () => import('@/components/businessMoudle/miniprogram/index.vue')
 const batchGdt = () => import('@/components/businessMoudle/batchGdt/configArea/index.vue')
 const gdtList = () => import('@/components/businessMoudle/gdtList/index.vue')
@@ -120,6 +123,30 @@ const constantRoutes: Array<RouteRecordRaw> = [
         }
       },
       {
+        path: '/limitManage',
+        component: limitManage,
+        name: 'limitManage',
+        meta: {
+          title: '权限管理',
+        }
+      },
+      {
+        path: '/memberManage',
+        component: memberManage,
+        name: 'memberManage',
+        meta: {
+          title: '成员管理',
+        }
+      },
+      {
+        path: '/projectManage',
+        component: projectManage,
+        name: 'projectManage',
+        meta: {
+          title: '项目管理',
+        }
+      },
+      {
         path: '/miniprogram',
         component: miniprogram,
         name: 'miniprogram',

src/store/menu.ts

@@ -54,6 +54,9 @@ export const menuStore = defineStore('menuStore', {
                 {"id":1,"title":"系统管理","route":null,"icon":"icon-a-xitongshezhi2x","level":1,
                       "sub":[
                           {"id":5,"title":"adq授权","route":"adqManage","icon":null,"level":2,"sub":[]},
+                          {"id":19,"title":"权限管理","route":"limitManage","icon":null,"level":2,"sub":[]},
+                          {"id":20,"title":"成员管理","route":"memberManage","icon":null,"level":2,"sub":[]},
+                          {"id":21,"title":"项目管理","route":"projectManage","icon":null,"level":2,"sub":[]},
                           {"id":9,"title":"微信小程序","route":"miniprogram","icon":null,"level":2,"sub":[]},
                           {"id":6,"title":"账号管理","route":"accountManage","icon":null,"level":2,"sub":[]},
                           {"id":7,"title":"任务列表","route":"taskList","icon":null,"level":2,"sub":[]},