herenshan112
/
hxgksystemapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'v8_master'

lwx_v10
超级管理员 2 years ago
parent
b1ec499aaf 44fcc7dbc0
commit
cc82ff7a7f
12 changed files with 1295 additions and 73 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/api/DesignForm/requestapi.ts
  2. 7
      src/api/DesignForm/types.ts
  3. 21
      src/api/hr/people/index.ts
  4. 10
      src/api/hr/search/types.ts
  5. 236
      src/views/hr/orgUserRole/org.vue
  6. 245
      src/views/hr/orgUserRole/orgrole.vue
  7. 263
      src/views/hr/userBox.vue
  8. 84
      src/views/sysworkflow/lowcodepage/appPage/appSetUp/appPower.vue
  9. 126
      src/views/sysworkflow/lowcodepage/appPage/appSetUp/index.vue
  10. 84
      src/views/sysworkflow/lowcodepage/appPage/appSetUp/looksee.vue
  11. 197
      src/views/sysworkflow/lowcodepage/appPage/appSetUp/setup.vue
  12. 87
      src/views/sysworkflow/lowcodepage/appPage/index.vue

8
src/api/DesignForm/requestapi.ts
View File

@ -456,3 +456,11 @@ export function previewAppFormVersion(data: any) {
data: data
});
}
//设置App基础
export function appBasicSettings(data: any) {
return request({
url: '/systemapi/app/appBasicSettings',
method: 'post',
data: data
});
}

7
src/api/DesignForm/types.ts
View File

@ -200,4 +200,11 @@ export interface CarsuselConfig {
link:string
}
export interface appSetUpContent{
id:string;
title:string;
appSvg?:string;
groupKey:string;
appdescribe?:string;
}

21
src/api/hr/people/index.ts
View File

@ -366,3 +366,24 @@ import {
data: data
});
}
/**
* 根据行政组织ID获取当前行政组织人员及子行政组织
*/
export function gainSunOrgAndUser(data: any) {
return request({
url: '/hrapi/staff/gainSunOrgAndUser',
method: 'post',
data: data
});
}
/**
* 获取角色列表
*/
export function gainAllRole(data: any) {
return request({
url: '/systemapi/public/gainAllRole',
method: 'post',
data: data
});
}

10
src/api/hr/search/types.ts
View File

@ -0,0 +1,10 @@
export interface crumb{
id:string;
title:string;
}
export interface userOrgRole extends crumb{
img:string;
isPick:number;
types:number;
}

236
src/views/hr/orgUserRole/org.vue
View File

@ -0,0 +1,236 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-24 13:36:49
@ 备注: 只有行政组织的选项列
-->
<script lang='ts' setup>
import { Search,ArrowRight } from '@element-plus/icons-vue' //搜索图标
import { userOrgRole,crumb } from '@/api/hr/search/types'
import { gainSunOrgAndUser } from '@/api/hr/people/index'
const props = defineProps({
pickList:{
type:Object,
default(){
return {}
}
}
})
const emits = defineEmits(["update:pickList","updataPickLog"]);
const loading = ref(false)
const crumbList = ref<crumb[]>([]) //面包屑
const listAry = ref<userOrgRole[]>([]) //待选择数据
const pickLists = ref<userOrgRole[]>([]) //待选择数据
const circleUrl = ref('https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png')
/**
@ 作者: 秦东
@ 时间: 2024-04-24 13:17:30
@ 功能: 已选择的数据
*/
const pickList = computed({
get() {
return props.pickList
},
set(val: any) {
emits('update:pickList', val)
}
});
/**
@ 作者: 秦东
@ 时间: 2024-05-24 14:53:08
@ 功能: 加载数据
*/
const dataLoading = (orgId?:string) => {
loading.value = true;
gainSunOrgAndUser({id:orgId})
.then((data) =>{
crumbList.value = data.data.orgList
listAry.value = data.data.orgUserList
})
.finally(() =>{
loading.value = false;
if(pickLists.value.length > 0){
listAry.value.forEach((item:userOrgRole)=>{
let isTrue = true
pickLists.value.forEach((itemVal:userOrgRole)=>{
if(item.id == itemVal.id){
item.isPick = true;
isTrue = false;
}
})
if(isTrue){
item.isPick = false;
}
})
}
})
}
//初始加载
onMounted(()=>{
dataLoading()
})
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:04:01
@ 功能: 选择项目
*/
const pickCont = (val:userOrgRole) => {
if(val.isPick != 1){
val.isPick = 1
if(pickLists.value.length > 0){
let isTrue = true
pickLists.value.forEach((item:userOrgRole)=>{
if(item.id == val.id){
isTrue = false;
}
})
if(isTrue){
pickLists.value.push(val)
}
}else{
pickLists.value.push(val)
}
}else{
val.isPick = 2
if(pickLists.value.length > 0){
pickLists.value.forEach((item:userOrgRole,index:number)=>{
if(item.id == val.id){
pickLists.value.splice(index,1)
}
})
}
}
// emits('update:pickList', pickLists)
console.log("选择项目-------->",pickLists.value)
emits('updataPickLog', pickLists.value)
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:25:58
@ 功能: 监听已选择的选项
*/
watch(() => props.pickList, (val:userOrgRole[])=>{
console.log("监听已选择的选项-------->",val)
pickLists.value = val
listAry.value.forEach((item)=>{
let isTrue = true
val.forEach((itemVal:userOrgRole)=>{
if(item.id == itemVal.id){
item.isPick = true;
isTrue = false;
}
})
if(isTrue){
item.isPick = false;
}
})
},{
deep: true
})
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:43:27
@ 功能: 选择下一级
*/
const pickSunCont = (orgId?:string) => {
console.log("选择下一级-------->",orgId)
dataLoading(orgId)
}
</script>
<template>
<div>
<el-breadcrumb v-loading="loading" :separator-icon="ArrowRight" class="mianbaoxue">
<el-breadcrumb-item @click="pickSunCont()">首页</el-breadcrumb-item>
<el-breadcrumb-item v-for="item in crumbList" :key="item.id" @click="pickSunCont(item.id)">{{ item.title }}</el-breadcrumb-item>
</el-breadcrumb>
<el-scrollbar v-loading="loading" class="contentBox">
<ul>
<li v-for="item in listAry" :key="item.id" :class="item.isPick==1?'active':''">
<el-space wrap @click="pickCont(item)">
<i v-if="item.isPick==1" class="fa fa-check-square-o"></i><i v-else class="fa fa-square-o"></i>
<svg-icon v-if="item.types==2" icon-class="fenZhu" :size="20" />
<svg-icon v-if="item.types==3" icon-class="tasp" :size="20" />
<el-avatar v-if="item.types==1" shape="square" :size="20" :src="circleUrl" />
<el-text>{{ item.title }}</el-text>
</el-space>
<div v-if="item.types==2" class="contentLiLeft">
<svg-icon icon-class="cascader" />
<el-text @click="pickSunCont(item.id)">下级</el-text>
</div>
</li>
</ul>
</el-scrollbar>
</div>
</template>
<style lang='scss' scoped>
.mianbaoxue{
display: flex;
white-space: nowrap;
padding: 10px 5px;
overflow: auto;
cursor: pointer;
}
.contentBox{
height: 400px;
padding: 0 5px;
li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 5px;
cursor: pointer;
i {
font-size: 15px;
}
}
li:hover {
background-color: #EBEEF5;
color: #409EFF;
.el-text{
color: #409EFF;
}
}
li.active{
background-color: #EBEDF0;
color: #409EFF;
.el-text{
color: #409EFF;
}
}
}
.contentLiLeft{
border-left: 1px dashed #909399;
padding-left: 10px;
}
.pickBox{
height: 420px;
padding: 10px 0px 0px 0px;
li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 5px;
cursor: pointer;
i {
font-size: 15px;
}
}
li:hover {
background-color: #F56C6C;
color: #FFFFFF;
.el-text{
color: #FFFFFF;
}
}
}
</style>

245
src/views/hr/orgUserRole/orgrole.vue
View File

@ -0,0 +1,245 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-27 10:55:51
@ 备注: 行政集团和角色
-->
<script lang='ts' setup>
import { Search,ArrowRight } from '@element-plus/icons-vue' //搜索图标
import { userOrgRole,crumb } from '@/api/hr/search/types'
import { gainSunOrgAndUser,gainAllRole } from '@/api/hr/people/index'
const props = defineProps({
pickList:{
type:Object,
default(){
return {}
}
}
})
const circleUrl = ref('https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png')
const orgOrRole = ref(1)
const emits = defineEmits(["update:pickList","updataPickLog"]);
const loading = ref(false)
const crumbList = ref<crumb[]>([]) //面包屑
const listAry = ref<userOrgRole[]>([]) //待选择数据
const listRoleAry = ref<userOrgRole[]>([]) //待选择数据
const pickLists = ref<userOrgRole[]>([]) //待选择数据
/**
@ 作者: 秦东
@ 时间: 2024-05-24 14:53:08
@ 功能: 加载数据
*/
const dataLoading = (orgId?:string) => {
loading.value = true;
gainSunOrgAndUser({id:orgId})
.then((data) =>{
crumbList.value = data.data.orgList
listAry.value = data.data.orgUserList
})
.finally(() =>{
loading.value = false;
if(pickLists.value.length > 0){
listAry.value.forEach((item:userOrgRole)=>{
let isTrue = true
pickLists.value.forEach((itemVal:userOrgRole)=>{
if(item.id == itemVal.id){
item.isPick = true;
isTrue = false;
}
})
if(isTrue){
item.isPick = false;
}
})
}
})
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:43:27
@ 功能: 选择下一级
*/
const pickSunCont = (orgId?:string) => {
console.log("选择下一级-------->",orgId)
dataLoading(orgId)
}
//初始加载
onMounted(()=>{
dataLoading()
})
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:04:01
@ 功能: 选择项目
*/
const pickCont = (val:userOrgRole) => {
if(val.isPick != 1){
val.isPick = 1
if(pickLists.value.length > 0){
let isTrue = true
pickLists.value.forEach((item:userOrgRole)=>{
if(item.id == val.id){
isTrue = false;
}
})
if(isTrue){
pickLists.value.push(val)
}
}else{
pickLists.value.push(val)
}
}else{
val.isPick = 2
if(pickLists.value.length > 0){
pickLists.value.forEach((item:userOrgRole,index:number)=>{
if(item.id == val.id){
pickLists.value.splice(index,1)
}
})
}
}
// emits('update:pickList', pickLists)
console.log("选择项目-------->",pickLists.value)
emits('updataPickLog', pickLists.value)
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:25:58
@ 功能: 监听已选择的选项
*/
watch(() => props.pickList, (val:userOrgRole[])=>{
console.log("监听已选择的选项-------->",val)
pickLists.value = val
listAry.value.forEach((item)=>{
let isTrue = true
val.forEach((itemVal:userOrgRole)=>{
if(item.id == itemVal.id){
item.isPick = true;
isTrue = false;
}
})
if(isTrue){
item.isPick = false;
}
})
},{
deep: true
})
/**
@ 作者: 秦东
@ 时间: 2024-05-27 11:48:32
@ 功能: 获取角色
*/
const gainSysRole = (val?:string) => {
gainAllRole({name:val})
.then((data) =>{
listRoleAry.value = data.data.orgUserList
})
}
</script>
<template>
<el-tabs v-model="orgOrRole" class="demo-tabs">
<el-tab-pane label="行政组织" :name="1">
<el-breadcrumb v-loading="loading" :separator-icon="ArrowRight" class="mianbaoxue">
<el-breadcrumb-item @click="pickSunCont()">首页</el-breadcrumb-item>
<el-breadcrumb-item v-for="item in crumbList" :key="item.id" @click="pickSunCont(item.id)">{{ item.title }}</el-breadcrumb-item>
</el-breadcrumb>
<el-scrollbar v-loading="loading" class="contentBox">
<ul>
<li v-for="item in listAry" :key="item.id" :class="item.isPick==1?'active':''">
<el-space wrap @click="pickCont(item)">
<i v-if="item.isPick==1" class="fa fa-check-square-o"></i><i v-else class="fa fa-square-o"></i>
<svg-icon v-if="item.types==2" icon-class="fenZhu" :size="20" />
<svg-icon v-if="item.types==3" icon-class="tasp" :size="20" />
<el-avatar v-if="item.types==1" shape="square" :size="20" :src="circleUrl" />
<el-text>{{ item.title }}</el-text>
</el-space>
<div v-if="item.types==2" class="contentLiLeft">
<svg-icon icon-class="cascader" />
<el-text @click="pickSunCont(item.id)">下级</el-text>
</div>
</li>
</ul>
</el-scrollbar>
</el-tab-pane>
<el-tab-pane label="角色" :name="2">
{{ listRoleAry }}
</el-tab-pane>
</el-tabs>
</template>
<style lang='scss' scoped>
.mianbaoxue{
display: flex;
white-space: nowrap;
padding: 0px 5px 10px 5px;
overflow: auto;
cursor: pointer;
}
.contentBox{
height: 400px;
padding: 0 5px;
li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 5px;
cursor: pointer;
i {
font-size: 15px;
}
}
li:hover {
background-color: #EBEEF5;
color: #409EFF;
.el-text{
color: #409EFF;
}
}
li.active{
background-color: #EBEDF0;
color: #409EFF;
.el-text{
color: #409EFF;
}
}
}
.contentLiLeft{
border-left: 1px dashed #909399;
padding-left: 10px;
}
.pickBox{
height: 420px;
padding: 10px 0px 0px 0px;
li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 5px;
cursor: pointer;
i {
font-size: 15px;
}
}
li:hover {
background-color: #F56C6C;
color: #FFFFFF;
.el-text{
color: #FFFFFF;
}
}
}
</style>

263
src/views/hr/userBox.vue
View File

@ -0,0 +1,263 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-23 13:50:03
@ 备注: 行政组织及角色选择器
-->
<script lang='ts' setup>
import { Search,ArrowRight } from '@element-plus/icons-vue' //搜索图标
import { userOrgRole,crumb } from '@/api/hr/search/types'
const circleUrl = ref('https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png')
//引入页面
import OrgPage from '@/views/hr/orgUserRole/org.vue'
import OrgRolePage from '@/views/hr/orgUserRole/orgrole.vue'
const props = defineProps({
isOpen:{
type:Boolean,
default:false
},
types:{
type:Number,
default:1
},
pickList:{
type:Object,
default(){
return {}
}
}
});
const taotleLog = ref(0)
const pickListAry = ref<userOrgRole[]>([]) //已选择数据
const emits = defineEmits(["update:isOpen","update:types","pickInfo"]);
const searchQuery = reactive<any>({
key:"",
types:1
})
/**
@ 作者: 秦东
@ 时间: 2024-05-23 13:56:28
@ 功能: 对话框状态
*/
const isShow = computed({
get() {
// console.log("对话框状态",props.isOpen);
return props.isOpen
},
set(val: boolean) {
// console.log("对话框状态",props.isOpen);
emits('update:isOpen', val)
}
});
/**
@ 作者: 秦东
@ 时间: 2024-05-27 08:21:06
@ 功能: 人员选择范围
*/
const userTypes = computed({
get() {
// console.log("对话框状态",props.isOpen);
return props.types
},
set(val: boolean) {
// console.log("对话框状态",props.isOpen);
emits('update:types', val)
}
})
/**
@ 作者: 秦东
@ 时间: 2024-05-23 14:15:10
@ 功能: 关闭弹出对话框
*/
const handleClose = () => {
emits('update:isOpen', false)
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 08:21:58
@ 功能: 根据条件搜索数据
*/
const searchData = () => {
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:29:20
@ 功能: 更新数据
*/
const updataPickLog = (val:userOrgRole[]) => {
pickListAry.value = val
taotleLog.value = val.length
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:36:07
@ 功能: 删除选中项目
*/
const delPickCont = (val:userOrgRole) => {
pickListAry.value.forEach((item:userOrgRole,index:number)=>{
if(item.id == val.id){
pickListAry.value.splice(index,1)
}
})
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:52:58
@ 功能: 清空选项
*/
const clearVal = () => {
pickListAry.value = [];
taotleLog.value = 0
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:59:11
@ 功能: 提交数据
*/
const submitSend = () => {
emits('pickInfo', pickListAry,props.types)
}
watch(()=>props.isOpen,(val:boolean)=>{
if(!val){
clearVal()
}else{
if(props.pickList.length > 0){
pickListAry.value = props.pickList
}
}
console.log("对话框状态",val);
})
//
</script>
<template>
<el-dialog v-model="isShow" title="选择成员" width="700" draggable :before-close="handleClose">
<el-row class="allBianLink">
<el-col :span="12">
<el-input
v-model="searchQuery.key"
:prefix-icon="Search"
size="large"
class="inputDeep"
@input="searchData"
/>
<OrgPage v-if="userTypes==1" :pick-list="pickListAry" @updataPickLog="updataPickLog" />
<OrgRolePage v-if="userTypes==2" :pick-list="pickListAry" @updataPickLog="updataPickLog" />
</el-col>
<el-col :span="12" class="leftLink">
<el-row>
<el-col :span="24" class="pickTitle">
<el-text>已选（{{ taotleLog }}）</el-text>
<el-button type="danger" link @click="clearVal">清空</el-button>
</el-col>
<el-col :span="24">
<el-scrollbar class="pickBox">
<ul>
<li v-for="item in pickListAry" :key="item.id">
<el-space wrap>
<svg-icon v-if="item.types==2" icon-class="fenZhu" :size="20" />
<svg-icon v-if="item.types==3" icon-class="tasp" :size="20" />
<el-avatar v-if="item.types==1" shape="square" :size="20" :src="circleUrl" />
<el-text>{{ item.title }}</el-text>
</el-space>
<div >
<svg-icon icon-class="cwkx" @click="delPickCont(item)" />
</div>
</li>
</ul>
</el-scrollbar>
</el-col>
</el-row>
</el-col>
</el-row>
<template #footer>
<div class="dialog-footer">
<el-button @click="handleClose">取消</el-button>
<el-button type="primary" @click="submitSend">确定</el-button>
</div>
</template>
</el-dialog>
</template>
<style lang='scss' scoped>
.allBianLink{
border: 1px solid #E6E8EB;
.leftLink{
border-left: 1px solid #E6E8EB;
}
.pickTitle{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 10px;
border-bottom: 1px solid #E6E8EB;
}
}
.mianbaoxue{
display: flex;
white-space: nowrap;
padding: 10px 5px;
overflow: auto;
cursor: pointer;
}
.contentBox{
height: 400px;
padding: 0 5px;
li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 5px;
cursor: pointer;
i {
font-size: 15px;
}
}
li:hover {
background-color: #EBEEF5;
color: #409EFF;
.el-text{
color: #409EFF;
}
}
li.active{
background-color: #EBEDF0;
color: #409EFF;
.el-text{
color: #409EFF;
}
}
}
.contentLiLeft{
border-left: 1px dashed #909399;
padding-left: 10px;
}
.pickBox{
height: 420px;
padding: 10px 0px 0px 0px;
li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 5px 5px;
cursor: pointer;
i {
font-size: 15px;
}
}
li:hover {
background-color: #F56C6C;
color: #FFFFFF;
.el-text{
color: #FFFFFF;
}
}
}
</style>

84
src/views/sysworkflow/lowcodepage/appPage/appSetUp/appPower.vue
View File

@ -0,0 +1,84 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-23 10:34:53
@ 备注: 应用权限
-->
<script lang='ts' setup>
import { userOrgRole,crumb } from '@/api/hr/search/types'
import LookSee from '@/views/sysworkflow/lowcodepage/appPage/appSetUp/looksee.vue'
const props = defineProps({
appCont:{
type:Object,
default(){
return {}
}
}
});
const powerUser = ref<userOrgRole[]>([]) //管理员
</script>
<template>
<el-card shadow="always" class="powerBox">
<el-row>
<el-col :span="24" class="appTitle">应用相关权限配置</el-col>
<el-col :span="24" class="appDesicer">为该应用进行权限的细化配置。确保应用信息在可控范围内传播。</el-col>
</el-row>
<LookSee />
<el-card shadow="never" class="boxTop">
<el-row>
<el-col :span="24" class="appTitle">应用主管理员</el-col>
<el-col :span="24" class="appContent">应用主管理员拥有应用管理后台的全部权限，可进行应用搭建、编辑、设置以及数据管理</el-col>
<el-col :span="24" class="appManList">
<table>
<tr>
<td width="80px">
<el-text >权限成员</el-text>
</td>
<td width="80px">
<el-button link type="primary" size="large" @click="setupUser(2)">设置成员</el-button>
</td>
<td>
<el-space wrap :size="15">
<el-tag type="info" closable v-for="item in powerUser">秦东</el-tag>
</el-space>
</td>
</tr>
</table>
</el-col>
</el-row>
</el-card>
</el-card>
</template>
<style lang='scss' scoped>
.appTitle{
font-size:22px;
}
.appDesicer{
padding: 15px 0 0 0;
color: #606266;
}
.boxTop{
margin: 15px 0 0 0;
}
.appContent{
padding: 10px 0 15px 0;
color: #606266;
border-bottom: 1px solid #F0F2F5;
}
.appManList{
padding: 30px 0 10px 0;
}
.powerBox{
height: calc(100vh - 70px);
}
</style>

126
src/views/sysworkflow/lowcodepage/appPage/appSetUp/index.vue
View File

@ -0,0 +1,126 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-22 09:37:55
@ 备注: 应用设置
-->
<script lang='ts' setup>
import SetUp from '@/views/sysworkflow/lowcodepage/appPage/appSetUp/setup.vue'
import AppPower from '@/views/sysworkflow/lowcodepage/appPage/appSetUp/appPower.vue'
const props = defineProps({
appCont:{
type:Object,
default(){
return {}
}
},
groupKey:{
type:String,
default:""
}
});
const activeMenuIndex = ref("1")
/**
@ 作者: 秦东
@ 时间: 2024-05-23 09:47:00
@ 功能: 菜单打开
*/
const handleOpen = (key: string, keyPath: string[]) => {
console.log("菜单打开",key, keyPath)
}
/**
@ 作者: 秦东
@ 时间: 2024-05-23 09:47:09
@ 功能: 菜单关闭
*/
const handleClose = (key: string, keyPath: string[]) => {
console.log("菜单关闭",key, keyPath)
}
/**
@ 作者: 秦东
@ 时间: 2024-05-23 10:19:45
@ 功能: 单击菜单
*/
const clickMenu = (key:number) => {
activeMenuIndex.value = key
}
</script>
<template>
<el-container>
<el-aside class="appMenuBox">
<el-menu
default-active="1"
class="el-menu-vertical-demo allHeight"
@open="handleOpen"
@close="handleClose"
>
<el-menu-item index="1" @click="clickMenu(1)">
<template #title>
<i class="fa fa-cog icont"></i>
<span>基础设置</span>
</template>
</el-menu-item>
<el-menu-item index="2" @click="clickMenu(2)">
<template #title>
<i class="fa fa-lock icont"></i>
<span>应用权限</span>
</template>
</el-menu-item>
<el-menu-item index="3" @click="clickMenu(3)">
<template #title>
<i class="fa fa-clone icont"></i>
<span>部署运维</span>
</template>
</el-menu-item>
<el-menu-item index="4" @click="clickMenu(4)">
<template #title>
<i class="fa fa-database icont"></i>
<span>数据管理</span>
</template>
</el-menu-item>
</el-menu>
</el-aside>
<el-main class="appSetUpBox">
<el-scrollbar class="appSetUpDraw">
<SetUp v-if="activeMenuIndex==1" :app-cont="appCont" :group-key="props.groupKey" />
<AppPower v-if="activeMenuIndex==2" :app-cont="appCont" />
</el-scrollbar>
</el-main>
</el-container>
</template>
<style lang='scss' scoped>
.appMenuBox{
width: 200px;
.allHeight{
height: calc(100vh - 45px);
.icont{
margin-left:15px;
margin-right:10px;
font-size:16px;
}
}
::v-deep .el-menu-item.is-active{
background-color : #ecf5ff
}
::v-deep .el-menu-item .is-active:hover{
background-color : #ecf5ff
}
::v-deep .el-menu--vertical .nest-menu .el-sub-menu > .el-sub-menu__title:hover, .el-menu--vertical .el-menu-item:hover{
background-color : #ecf5ff;
color:#FFFFFF;
}
}
.appSetUpBox{
padding:0;
background: var(--el-fill-color-light);
.appSetUpDraw{
background: var(--el-fill-color-light);
height: calc(100vh - 40px);
padding: 15px;
}
}
</style>

84
src/views/sysworkflow/lowcodepage/appPage/appSetUp/looksee.vue
View File

@ -0,0 +1,84 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-27 08:02:20
@ 备注: 可见范围
-->
<script lang='ts' setup>
import { userOrgRole,crumb } from '@/api/hr/search/types'
import PersonnelSelector from '@/views/hr/userBox.vue'
const lookSeeView = ref<userOrgRole[]>([]) //可见范围
const isOpenBox = ref(false)
/**
@ 作者: 秦东
@ 时间: 2024-05-23 14:01:37
@ 功能: 人员选择器
*/
const setupUser = (types:number) => {
isOpenBox.value = true
console.log("isOpenBox",isOpenBox)
}
/**
@ 作者: 秦东
@ 时间: 2024-05-24 15:54:55
@ 功能: 选中得内容
*/
const pickInfo = (val:userOrgRole[]) =>{
isOpenBox.value = false;
lookSeeView.value = val.value
}
</script>
<template>
<PersonnelSelector v-model:is-open="isOpenBox" :pick-list="lookSeeView" :types="2" @pickInfo="pickInfo" />
<el-card shadow="never" class="boxTop">
<el-row>
<el-col :span="24" class="appTitle">应用适用范围设置</el-col>
<el-col :span="24" class="appContent">为该应用配置可见范围。只有被允许行政组织、角色、具体人员才可使用本应用的相关功能。</el-col>
<el-col :span="24" class="appManList">
<table>
<tr>
<td width="80px">
<el-text >可见范围</el-text>
</td>
<td width="80px">
<el-button link type="primary" size="large" @click="setupUser(1)">设置成员</el-button>
</td>
<td>
<el-space wrap :size="15">
<el-tag type="info" closable v-for="item in lookSeeView" >{{item.title}}</el-tag>
</el-space>
</td>
</tr>
</table>
</el-col>
</el-row>
</el-card>
</template>
<style lang='scss' scoped>
.appTitle{
font-size:22px;
}
.appDesicer{
padding: 15px 0 0 0;
color: #606266;
}
.boxTop{
margin: 15px 0 0 0;
}
.appContent{
padding: 10px 0 15px 0;
color: #606266;
border-bottom: 1px solid #F0F2F5;
}
.appManList{
padding: 30px 0 10px 0;
}
.powerBox{
height: calc(100vh - 70px);
}
</style>

197
src/views/sysworkflow/lowcodepage/appPage/appSetUp/setup.vue
View File

@ -0,0 +1,197 @@
<!--
@ 作者: 秦东
@ 时间: 2024-05-22 14:33:09
@ 备注: app设置
-->
<script lang='ts' setup>
import { uploadUrl } from '@/api/DesignForm'
import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
import { appSetUpContent } from '@src/api/DesignForm/types'
import { customerFormGroupList,appBasicSettings } from '@/api/DesignForm/requestapi'
import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
const props = defineProps({
appCont:{
type:Object,
default(){
return {}
}
},
groupKey:{
type:String,
default:""
}
});
const appLoading = ref(false)
const formSize = ref<ComponentSize>('default')
const ruleFormRef = ref<FormInstance>()
const appSetupCont = reactive<appSetUpContent>({
id:props.appCont.uuid,
title:props.appCont.appName,
appSvg:props.appCont.appSvg,
groupKey:props.groupKey,
appdescribe:props.appCont.describe
})
const rules = reactive<FormRules<appSetUpContent>>({
groupKey: [{ required: true, message: "请选择分组", trigger: "blur" }],
title: [{ required: true, message: "请输入App名称", trigger: "blur" }],
})
/**
@ 作者: 秦东
@ 时间: 2024-05-22 15:55:21
@ 功能: 分组数据
*/
const formGroup = ref<any[]>([])
const gainFormGroupList = () =>{
let sendInfo = {
page:1,
pagesize:10000,
state:1
}
customerFormGroupList(sendInfo)
.then((data)=>{
formGroup.value = data.data
})
}
watch(()=>props.appCont,(val:any)=>{
gainFormGroupList();
},{
deep:true,
})
onMounted(()=>{
gainFormGroupList();
})
/**
@ 作者: 秦东
@ 时间: 2024-05-22 16:10:27
@ 功能: 重置表单
*/
const resetForm = (formEl: FormInstance | undefined) => {
if (!formEl) return
formEl.resetFields()
}
/**
@ 作者: 秦东
@ 时间: 2024-05-22 16:21:18
@ 功能: 提交表单数据
*/
const submitForm = () => {
appLoading.value = true
ruleFormRef.value.validate((isValid: boolean) => {
if (isValid) {
console.log("提交数据",appSetupCont)
appBasicSettings(appSetupCont)
.then(() =>{
props.appCont.appName = appSetupCont.title
props.appCont.appSvg = appSetupCont.appSvg
props.appCont.describe = appSetupCont.appdescribe
ElMessage.success("编辑成功");
appLoading.value = false;
})
.finally(() =>{appLoading.value = false;})
}else{
appLoading.value = false
}
})
}
const appSetupUpImg = ref(null)
/**
@ 作者: 秦东
@ 时间: 2024-05-23 09:20:29
@ 功能: 上传成功后回调
*/
const handleAvatarSuccess: UploadProps['onSuccess'] = (
response,
uploadFile
) => {
// imageUrl.value = URL.createObjectURL(uploadFile.raw!)
appSetupCont.appSvg = response.data.url
// appSetupUpImg.clearFiles()
}
/**
@ 作者: 秦东
@ 时间: 2024-05-10 11:28:40
@ 功能: 上传前验证
*/
const beforeAvatarUpload: UploadProps['beforeUpload'] = (rawFile) => {
if (rawFile.type !== 'image/jpeg' && rawFile.type !== 'image/jpg' && rawFile.type !== 'image/png' && rawFile.type !== 'image/gif' && rawFile.type !== 'image/icon') {
ElMessage.error('请上传以下格式的图片(jpg、jpeg、png、gif、icon)!'+rawFile.type)
return false
} else if (rawFile.size / 1024 / 1024 > 800) {
ElMessage.error('图片大小不要大于 800MB!')
return false
}
return true
}
</script>
<template>
<el-card shadow="always">
<el-divider content-position="left">App基础设置</el-divider>
<el-form
ref="ruleFormRef"
:model="appSetupCont"
:rules="rules"
label-width="auto"
class="demo-ruleForm"
:size="formSize"
status-icon
v-loading="appLoading"
>
<el-form-item label="归属分组" prop="groupKey">
<el-select v-model="appSetupCont.groupKey" placeholder="请选择分组">
<el-option v-for="item in formGroup.list" :key="item.idStr" :label="item.title" :value="item.idStr" />
<p v-if="loadingmore">加载中</p>
<p v-if="loadingnomore">无数据</p>
</el-select>
</el-form-item>
<el-form-item label="App名称" prop="title">
<el-input v-model="appSetupCont.title" placeholder="请输入App名称" clearable style="width: 300px" />
</el-form-item>
<el-form-item label="App图标" prop="icont">
<el-upload
ref="appSetupUpImg"
class="upload-demo"
:drag="true"
:action="uploadUrl"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
>
<el-image v-if="appSetupCont.appSvg&&appSetupCont.appSvg!=''" :src="appSetupCont.appSvg" fit="cover" class="avatar" />
<div v-else>
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
<div class="el-upload__text">
将文件拖到此处或 <em>单击上传</em>
</div>
</div>
</el-upload>
</el-form-item>
<el-form-item label="应用描述">
<el-input v-model="appSetupCont.appdescribe" type="textarea" show-word-limit maxlength="300" style="width: 60%" />
</el-form-item>
<el-form-item class="butClass">
<el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
<el-button @click="resetForm(ruleFormRef)">重置</el-button>
</el-form-item>
</el-form>
</el-card>
</template>
<style lang='scss' scoped>
.boxk{
width:100%;
background: var(--el-fill-color-light);
}
.avatar{
width: 150px;
height: 150px;
}
.butClass{
text-align: center;
}
</style>

87
src/views/sysworkflow/lowcodepage/appPage/index.vue
View File

@ -13,6 +13,7 @@ import AppMenus from "@/views/sysworkflow/lowcodepage/appPage/appMenus.vue"
import AppMenuGroup from "@/views/sysworkflow/lowcodepage/appPage/appMenuGroup.vue"
import CreateAppFormPage from "@/views/sysworkflow/lowcodepage/appPage/createAppFormPage.vue"
import OpenAppFormPage from "@/views/sysworkflow/lowcodepage/appPage/appPageForm/openAppFormPage.vue"
import AppSetUp from "@/views/sysworkflow/lowcodepage/appPage/appSetUp/index.vue"
@ -44,7 +45,8 @@ const appCont = reactive<appSetInfo>({
appName:"未知应用",
appSvg:"",
state:1,
uuid:"1"
uuid:"1",
describe:""
})
const menuParentKey = ref<string>("")
const menuGroupShow = ref(false) //添加菜单分组
@ -63,6 +65,7 @@ const handleClick = () =>{}
const closeAppDraw = () =>{
emits("update:isShow",false)
emits("refreshPage")
tabsActive.value = 1
checkedMenu.value = ""
}
onMounted(() =>{
@ -142,9 +145,14 @@ const editAppInfo = (id:string) => {
*/
const openAppPageInit = ref(null)
const updataPageInit = () => {
openAppPageInit.value.gainAppFormPageInit()
}
watch(()=>tabsActive.value,(val:number)=>{
if(val==1){
openAppPageInit.value.gainAppFormPageInit()
}
})
</script>
<template>
<div class="drawerClass">
@ -178,7 +186,7 @@ const updataPageInit = () => {
<el-button type="danger" size="small" @click="closeAppDraw">关闭</el-button>
</div>
</el-header>
<el-container v-if="tabsActive==1">
<el-container v-show="tabsActive==1">
<el-aside class="asideBox">
<el-row>
<el-col :span="24" class="asideBoxSearch">
@ -192,32 +200,7 @@ const updataPageInit = () => {
<el-button type="primary" class="fa fa-plus" />
<template #dropdown>
<el-dropdown-menu>
<!-- <el-dropdown-item >
<el-row>
<el-col :span="24">
<el-space wrap>
<svg-icon style="color: #79bbff;" prefix="icon" icon-class="puTongBiaoDan" />
新建普通表单
</el-space>
</el-col>
<el-col :span="24" style="padding-left:20px; font-size:12px;">
数据收集、事件记录
</el-col>
</el-row>
</el-dropdown-item>
<el-dropdown-item >
<el-row>
<el-col :span="24">
<el-space wrap>
<svg-icon style="color: #eebe77;" prefix="icon" icon-class="liuChengBiaoDan" />
新建流程表单
</el-space>
</el-col>
<el-col :span="24" style="padding-left:20px; font-size:12px;">
任务协同、业务审批
</el-col>
</el-row>
</el-dropdown-item> -->
<el-dropdown-item @click="addAppPageForm">
<el-row>
<el-col :span="24">
@ -250,48 +233,6 @@ const updataPageInit = () => {
</el-col>
</el-row>
<el-scrollbar class="scroBox">
<!-- <el-menu
default-active="1"
@open="handleOpen"
@close="handleClose"
>
<el-menu-item index="1" class="menuBox">
<div class="textCenter">
<el-space wrap>
<svg-icon prefix="icon" icon-class="daiWoCuLi" />
待我处理
</el-space>
</div>
<div>2</div>
</el-menu-item>
<el-menu-item index="2" class="menuBox">
<div class="textCenter">
<el-space wrap>
<svg-icon prefix="icon" icon-class="woYiChuLi" />
我已处理
</el-space>
</div>
<div>2</div>
</el-menu-item>
<el-menu-item index="3" class="menuBox">
<div class="textCenter">
<el-space wrap>
<svg-icon prefix="icon" icon-class="chaoSongWoDe" />
抄送我的
</el-space>
</div>
<div>2</div>
</el-menu-item>
<el-menu-item index="4" class="menuBox">
<div class="textCenter">
<el-space wrap>
<svg-icon prefix="icon" icon-class="woChuangJianDe" />
我创建的
</el-space>
</div>
<div>2</div>
</el-menu-item>
</el-menu> -->
<AppMenus :form-Key="props.formKey" v-model:menus-tree="menusTree" v-model:app-page-key="appPageKey" :group-key="props.groupKey" :app-cont="appCont" :drawer-with="props.drawerWith" @openAppPageForm="openAppPageForm" />
@ -314,10 +255,10 @@ const updataPageInit = () => {
集成与自动化
</el-container>
<el-container v-if="tabsActive==3">
应用设置
<AppSetUp :app-cont="appCont" :group-key="props.groupKey" />
</el-container>
<el-container v-if="tabsActive==4">
应用发布
<AppSetUp :app-cont="appCont" :group-key="props.groupKey" />
</el-container>
</el-container>
</div>

Write Preview
Loading…
Cancel
Save