23 changed files with 1631 additions and 81 deletions
@ -0,0 +1,242 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-27 15:34:29 |
||||
|
@ 备注: |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { Search,ArrowRight } from '@element-plus/icons-vue' //搜索图标 |
||||
|
import { userOrgRole,crumb } from '@/api/hr/search/types' |
||||
|
import { gainSunOrgAndUser,gainAllRole,searchOrgUser } from '@/api/hr/people/index' |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
pickList:{ |
||||
|
type:Object, |
||||
|
default(){ |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
orgTrue:{ |
||||
|
type:Number, |
||||
|
default:1 |
||||
|
} |
||||
|
}) |
||||
|
const circleUrl = ref('https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png') |
||||
|
const emits = defineEmits(["update:pickList","updataPickLog"]); |
||||
|
|
||||
|
const listRoleAry = ref<userOrgRole[]>([]) //待选择数据 |
||||
|
const pickLists = ref<userOrgRole[]>([]) //待选择数据 |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-27 11:48:32 |
||||
|
@ 功能: 获取角色 |
||||
|
*/ |
||||
|
const gainSysRole = (val?:string) => { |
||||
|
// console.log("获取角色---1",val) |
||||
|
gainAllRole({name:val}) |
||||
|
.then((data) =>{ |
||||
|
// console.log("获取角色",data) |
||||
|
listRoleAry.value = data.data |
||||
|
// console.log("获取角色",listRoleAry) |
||||
|
}) |
||||
|
.finally(() =>{ |
||||
|
if(pickLists.value.length > 0){ |
||||
|
listRoleAry.value.forEach((item:userOrgRole)=>{ |
||||
|
let isTrue = true |
||||
|
pickLists.value.forEach((val:userOrgRole)=>{ |
||||
|
if(val.id == item.id){ |
||||
|
item.isPick = 1; |
||||
|
isTrue = false; |
||||
|
} |
||||
|
}) |
||||
|
if(isTrue){ |
||||
|
item.isPick = 2; |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
//初始加载 |
||||
|
onMounted(()=>{ |
||||
|
|
||||
|
if(props.pickList.value.length > 0){ |
||||
|
pickLists.value = props.pickList.value |
||||
|
nextTick(() => { |
||||
|
gainSysRole() |
||||
|
}) |
||||
|
}else{ |
||||
|
gainSysRole() |
||||
|
} |
||||
|
}) |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 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 |
||||
|
listRoleAry.value.forEach((item)=>{ |
||||
|
let isTrue = true |
||||
|
val.forEach((itemVal:userOrgRole)=>{ |
||||
|
if(item.id == itemVal.id){ |
||||
|
item.isPick = 1; |
||||
|
isTrue = false; |
||||
|
} |
||||
|
}) |
||||
|
if(isTrue){ |
||||
|
item.isPick = 2; |
||||
|
} |
||||
|
}) |
||||
|
},{ |
||||
|
deep: true |
||||
|
}) |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-27 15:11:07 |
||||
|
@ 功能: 搜索信息 |
||||
|
*/ |
||||
|
const searchOrgRolePeople = (val:any) => { |
||||
|
|
||||
|
gainSysRole(val) |
||||
|
|
||||
|
} |
||||
|
defineExpose({ |
||||
|
searchOrgRolePeople |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div> |
||||
|
<el-scrollbar v-loading="loading" class="contentBox"> |
||||
|
<ul> |
||||
|
<li v-for="item in listRoleAry" :key="item.id" :class="item.isPick==1?'active':''"> |
||||
|
<el-space v-if="orgTrue!=1&&item.types!=2" 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> |
||||
|
<el-space v-if="orgTrue!=1&&item.types==2" wrap> |
||||
|
<i class="fa fa-minus-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> |
||||
|
<el-space v-if="orgTrue==1" 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: 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> |
||||
@ -0,0 +1,143 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 09:12:55 |
||||
|
@ 备注: 部署运维 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { gianAppFormTable } from '@/api/hr/people/index' |
||||
|
|
||||
|
import { useUserStore } from "@/store/modules/user"; |
||||
|
import { Picture as IconPicture } from '@element-plus/icons-vue' |
||||
|
const userStore = useUserStore(); |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
appCont:{ |
||||
|
type:Object, |
||||
|
default(){ |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
groupKey:{ |
||||
|
type:String, |
||||
|
default:"" |
||||
|
} |
||||
|
}); |
||||
|
const tableList = ref<any[]>([]) |
||||
|
|
||||
|
onMounted(()=>{ |
||||
|
gianAppFormTable({id:props.appCont.uuid}) |
||||
|
.then((data:any)=>{ |
||||
|
tableList.value = data.data |
||||
|
}) |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-card shadow="always" class="powerBox"> |
||||
|
<div class="tipsBox"> |
||||
|
<el-row> |
||||
|
<el-col :span="24" class="appTitle">部署运维</el-col> |
||||
|
<el-col :span="24" class="appDesicer">包含了应用参数、页面参数，可以用于接口调用、二次开发、反馈问题排查。</el-col> |
||||
|
</el-row> |
||||
|
<el-image :src="props.appCont.appSvg"> |
||||
|
<template #error> |
||||
|
<div class="image-slot"> |
||||
|
<el-icon><icon-picture /></el-icon> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-image> |
||||
|
</div> |
||||
|
<el-scrollbar class="gunDongTiao"> |
||||
|
<el-card shadow="never" class="boxTop"> |
||||
|
<el-descriptions |
||||
|
:column="4" |
||||
|
direction="vertical" |
||||
|
> |
||||
|
<el-descriptions-item label="应用ID">{{ props.appCont.uuid }}</el-descriptions-item> |
||||
|
<el-descriptions-item label="应用编码">{{ props.appCont.appKey }}</el-descriptions-item> |
||||
|
<el-descriptions-item label="应用名称">{{ props.appCont.appName }}</el-descriptions-item> |
||||
|
<el-descriptions-item label="当前登录人">{{ userStore.nickname }}</el-descriptions-item> |
||||
|
</el-descriptions> |
||||
|
</el-card> |
||||
|
<el-table :data="tableList" border style="width: 100%;margin: 25px 0 0 0;" :header-cell-style="{fontSize: '14px', backgroundColor: '#f8f8f8',color:'#333'}"> |
||||
|
<el-table-column prop="name" label="表单名称" /> |
||||
|
<el-table-column prop="tablename" label="数据表" /> |
||||
|
<el-table-column prop="signCode" label="识别标识" /> |
||||
|
<el-table-column label="页面类型" align="center" width="100"> |
||||
|
<template #default="scope"> |
||||
|
<el-tag type="primary" v-if="scope.row.flowkey!=0">流程表单</el-tag> |
||||
|
<el-tag type="info" v-else>表单</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="流程标识"> |
||||
|
<template #default="scope"> |
||||
|
<el-text v-if="scope.row.flowkey!=0">{{scope.row.flowkey!}}</el-text> |
||||
|
<el-text v-else>无</el-text> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-scrollbar> |
||||
|
</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; |
||||
|
padding: var(--el-card-padding); |
||||
|
} |
||||
|
.appContent{ |
||||
|
padding: 10px 0 15px 0; |
||||
|
color: #606266; |
||||
|
border-bottom: 1px solid #F0F2F5; |
||||
|
} |
||||
|
.appManList{ |
||||
|
padding: 30px 0 10px 0; |
||||
|
} |
||||
|
.powerBox{ |
||||
|
height: calc(100vh - 70px); |
||||
|
:deep .el-card__body{ |
||||
|
padding:0; |
||||
|
} |
||||
|
.gunDongTiao{ |
||||
|
padding: 0 var(--el-card-padding); |
||||
|
height: calc(100vh - 185px); |
||||
|
} |
||||
|
} |
||||
|
.tipsBox{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
padding: var(--el-card-padding); |
||||
|
.el-image { |
||||
|
padding: 0 5px; |
||||
|
max-width: 80px; |
||||
|
max-height: 70px; |
||||
|
width: 100%; |
||||
|
height: 70px; |
||||
|
border: 1px solid #F0F2F5; |
||||
|
border-radius: 5px; |
||||
|
background: var(--el-fill-color-light); |
||||
|
} |
||||
|
.image-slot { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: var(--el-fill-color-light); |
||||
|
color: var(--el-text-color-secondary); |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
.image-slot .el-icon { |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
.tableHead{ |
||||
|
background-color: #000; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,163 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-27 16:36:46 |
||||
|
@ 备注: 应用管理员 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { userOrgRole } from '@/api/hr/search/types' |
||||
|
import PersonnelSelector from '@/views/hr/userBox.vue' |
||||
|
|
||||
|
import { gainLookViews,setAppManagerInfo } from '@/api/hr/people/index' |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
appCont:{ |
||||
|
type:Object, |
||||
|
default(){ |
||||
|
return {} |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
const appMang = 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; |
||||
|
appMang.value = val.value |
||||
|
let sendInfo = { |
||||
|
id:props.appCont.uuid, |
||||
|
orgRoleUs:val.value |
||||
|
} |
||||
|
setAppManagerInfo(sendInfo) |
||||
|
.then((data:any) =>{ |
||||
|
// console.log("sendInfo---->",data) |
||||
|
ElMessage({ |
||||
|
showClose: true, |
||||
|
message: data.msg, |
||||
|
type: 'success', |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-27 16:42:51 |
||||
|
@ 功能: 要删除的数据 |
||||
|
*/ |
||||
|
const delData = (val:userOrgRole) => { |
||||
|
if(appMang.value.length > 0){ |
||||
|
appMang.value.forEach((item:userOrgRole,index:number)=>{ |
||||
|
if(item.id == val.id){ |
||||
|
console.log("isOpenBox----->item:",item) |
||||
|
console.log("isOpenBox----->index:",index) |
||||
|
appMang.value.splice(index,1) |
||||
|
} |
||||
|
}) |
||||
|
let sendInfo = { |
||||
|
id:props.appCont.uuid, |
||||
|
orgRoleUs:appMang.value |
||||
|
} |
||||
|
setAppManagerInfo(sendInfo) |
||||
|
.then((data:any) =>{ |
||||
|
// console.log("sendInfo---->",data) |
||||
|
ElMessage({ |
||||
|
showClose: true, |
||||
|
message: data.msg, |
||||
|
type: 'success', |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
console.log("isOpenBox----->appMang:",appMang) |
||||
|
} |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 08:15:45 |
||||
|
@ 功能: 获取已选择的内容 |
||||
|
*/ |
||||
|
const oldPickList = () =>{ |
||||
|
gainLookViews({id:props.appCont.uuid}) |
||||
|
.then((data:any)=>{ |
||||
|
appMang.value = data.data.appManager |
||||
|
}) |
||||
|
} |
||||
|
onMounted(() => { |
||||
|
oldPickList() |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<div> |
||||
|
<PersonnelSelector v-model:is-open="isOpenBox" :pick-list="appMang" :types="2" :org-true="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(2)">设置成员</el-button> |
||||
|
</td> |
||||
|
<td> |
||||
|
<el-space wrap :size="15"> |
||||
|
|
||||
|
<el-tag |
||||
|
v-for="(item,index) in appMang" |
||||
|
:key="index" |
||||
|
closable |
||||
|
type="info" |
||||
|
:disable-transitions="true" |
||||
|
@close="delData(item)"> |
||||
|
{{item.title}} |
||||
|
</el-tag> |
||||
|
|
||||
|
</el-space> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
|
||||
|
</el-card> |
||||
|
</div> |
||||
|
</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> |
||||
@ -0,0 +1,190 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 09:17:41 |
||||
|
@ 备注: 应用信息 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { SearchForm,customerFormCont } from "@/api/DesignForm/type"; |
||||
|
import { gianAppFormTable } from '@/api/DesignForm/requestapi' |
||||
|
import { |
||||
|
Check, |
||||
|
Delete, |
||||
|
Edit, |
||||
|
Message, |
||||
|
Search, |
||||
|
Star, |
||||
|
} from '@element-plus/icons-vue' |
||||
|
|
||||
|
import TableForm from '@/views/sysworkflow/lowcodepage/appPage/appSetUp/devops/tableForm.vue' |
||||
|
import DataTableStructure from '@/views/sysworkflow/codepage/datatablestructure.vue' |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
appCont:{ |
||||
|
type:Object, |
||||
|
default(){ |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
groupKey:{ |
||||
|
type:String, |
||||
|
default:"" |
||||
|
} |
||||
|
}); |
||||
|
const total = ref(0); //记录总数 |
||||
|
const dataTableList = ref<customerFormCont[]>([]) |
||||
|
const queryParams = reactive<SearchForm>({ |
||||
|
id:props.appCont.uuid, |
||||
|
page: 1, |
||||
|
pagesize:15 |
||||
|
}); |
||||
|
//搜索表单 |
||||
|
function handleQuery(){ |
||||
|
gianAppFormTable(queryParams) |
||||
|
.then(({ data }) => { |
||||
|
// console.log("搜索表单-->",data); |
||||
|
total.value = data.total |
||||
|
dataTableList.value = data.list |
||||
|
}) |
||||
|
.finally(() => {}) |
||||
|
} |
||||
|
const formCont = ref<customerFormCont>() |
||||
|
const dataTableIsShow = ref(false) |
||||
|
//打开数据表结构图 |
||||
|
const openDataTableStructure = (cont:customerFormCont) =>{ |
||||
|
formCont.value = cont |
||||
|
dataTableIsShow.value = true; |
||||
|
// console.log("打开数据表结构图",cont) |
||||
|
} |
||||
|
onMounted(()=>{ |
||||
|
handleQuery(); |
||||
|
}) |
||||
|
</script> |
||||
|
<template> |
||||
|
<DataTableStructure v-model:isshow="dataTableIsShow" :formcont="formCont" /> |
||||
|
<el-card shadow="always" class="powerBox"> |
||||
|
|
||||
|
<div class="tipsBox"> |
||||
|
<el-row> |
||||
|
<el-col :span="24" class="appTitle">App数据集管理</el-col> |
||||
|
<el-col :span="24" class="appDesicer">是对标准表单、流程表单产生的数据进行统一管理，对数据表优化和修复。</el-col> |
||||
|
</el-row> |
||||
|
<el-image :src="props.appCont.appSvg"> |
||||
|
<template #error> |
||||
|
<div class="image-slot"> |
||||
|
<el-icon><icon-picture /></el-icon> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-image> |
||||
|
</div> |
||||
|
<el-scrollbar class="gunDongTiao"> |
||||
|
<el-card shadow="always" class="serchBox"> |
||||
|
<el-form :model="queryParams" :inline="true" label-width="auto"> |
||||
|
<el-form-item label="表单名称"> |
||||
|
<el-input v-model="queryParams.name" clearable /> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="handleQuery" :icon="Search">查询</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-card> |
||||
|
<el-table :data="dataTableList" border style="width: 100%;margin: 0 0 0 0;" :header-cell-style="{fontSize: '14px', backgroundColor: '#f8f8f8',color:'#333'}"> |
||||
|
<el-table-column prop="name" label="表单名称" /> |
||||
|
<el-table-column label="页面类型" align="center" width="100"> |
||||
|
<template #default="scope"> |
||||
|
<el-tag type="primary" v-if="scope.row.flowkey!=0">流程表单</el-tag> |
||||
|
<el-tag type="info" v-else>表单</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="creatername" label="创建人" align="center" width="100" /> |
||||
|
<el-table-column prop="creatertimeStr" label="创建时间" /> |
||||
|
<el-table-column label="设置" align="center" width="100"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
type="warning" |
||||
|
link |
||||
|
size="small" |
||||
|
@click.stop="openDataTableStructure(scope.row)" |
||||
|
> |
||||
|
<i-ep-MessageBox />数据结构 |
||||
|
</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<pagination |
||||
|
v-if="total > 0" |
||||
|
v-model:total="total" |
||||
|
v-model:page="queryParams.page" |
||||
|
v-model:limit="queryParams.pagesize" |
||||
|
@pagination="handleQuery" |
||||
|
/> |
||||
|
</el-scrollbar> |
||||
|
</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; |
||||
|
padding: var(--el-card-padding); |
||||
|
} |
||||
|
.appContent{ |
||||
|
padding: 10px 0 15px 0; |
||||
|
color: #606266; |
||||
|
border-bottom: 1px solid #F0F2F5; |
||||
|
} |
||||
|
.appManList{ |
||||
|
padding: 30px 0 10px 0; |
||||
|
} |
||||
|
.powerBox{ |
||||
|
height: calc(100vh - 70px); |
||||
|
:deep .el-card__body{ |
||||
|
padding:0; |
||||
|
} |
||||
|
.gunDongTiao{ |
||||
|
padding: 0 var(--el-card-padding); |
||||
|
height: calc(100vh - 185px); |
||||
|
} |
||||
|
} |
||||
|
.tipsBox{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
padding: var(--el-card-padding); |
||||
|
.el-image { |
||||
|
padding: 0 5px; |
||||
|
max-width: 80px; |
||||
|
max-height: 70px; |
||||
|
width: 100%; |
||||
|
height: 70px; |
||||
|
border: 1px solid #F0F2F5; |
||||
|
border-radius: 5px; |
||||
|
background: var(--el-fill-color-light); |
||||
|
} |
||||
|
.image-slot { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: var(--el-fill-color-light); |
||||
|
color: var(--el-text-color-secondary); |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
.image-slot .el-icon { |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
.tableHead{ |
||||
|
background-color: #000; |
||||
|
} |
||||
|
.serchBox{ |
||||
|
margin-bottom:20px; |
||||
|
padding:var(--el-card-padding); |
||||
|
padding-bottom: 0px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,14 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 09:17:41 |
||||
|
@ 备注: 应用信息 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
|
||||
|
</script> |
||||
|
<template> |
||||
|
<div></div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,38 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 11:38:07 |
||||
|
@ 备注: 数据页面 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { |
||||
|
Ticket, |
||||
|
Finished |
||||
|
} from '@element-plus/icons-vue' |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
isshow:{ |
||||
|
type:Boolean, |
||||
|
default:true |
||||
|
}, |
||||
|
formcont:{ |
||||
|
type:Object, |
||||
|
default(){ |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
}) |
||||
|
const emits = defineEmits(["update:isshow"]); |
||||
|
const isShow = computed({ |
||||
|
get: () => props.isshow, |
||||
|
set: (val) => { |
||||
|
emits("update:isshow", val); |
||||
|
}, |
||||
|
}); |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-dialog v-model="isShow" :title="'<'+props.formcont.name+'>数据结构'" width="70%" draggable> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,148 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 13:25:09 |
||||
|
@ 备注: 应用发布页面 |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { gainAppPageInfo,setCustomerFormState } from '@/api/DesignForm/requestapi' |
||||
|
const props = defineProps({ |
||||
|
appCont:{ |
||||
|
type:Object, |
||||
|
default(){ |
||||
|
return {} |
||||
|
} |
||||
|
}, |
||||
|
groupKey:{ |
||||
|
type:String, |
||||
|
default:"" |
||||
|
} |
||||
|
}); |
||||
|
const appStatue = ref(true) |
||||
|
const isEdit = ref(false) |
||||
|
onMounted(()=>{ |
||||
|
gainAppPageInfo({id:props.appCont.uuid}) |
||||
|
.then((data)=>{ |
||||
|
console.log("获取初始化表单数据",data) |
||||
|
if(data.data.appForm.states == 1){ |
||||
|
appStatue.value = true |
||||
|
props.appCont.state = 1 |
||||
|
}else{ |
||||
|
appStatue.value = false |
||||
|
props.appCont.state = 2 |
||||
|
} |
||||
|
}) |
||||
|
.finally(()=>{ |
||||
|
isEdit.value = true; |
||||
|
}) |
||||
|
}) |
||||
|
watch(()=>appStatue.value,(val:boolean) => { |
||||
|
|
||||
|
let sta = 1 |
||||
|
if(val){ |
||||
|
props.appCont.state = 1 |
||||
|
sta = 1 |
||||
|
}else{ |
||||
|
props.appCont.state = 2 |
||||
|
sta = 2 |
||||
|
} |
||||
|
|
||||
|
setUpState(sta) |
||||
|
|
||||
|
|
||||
|
}) |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-29 14:38:01 |
||||
|
@ 功能: 设置状态 |
||||
|
*/ |
||||
|
const setUpState = (val:number) => { |
||||
|
setCustomerFormState({id:props.appCont.uuid,state:val}) |
||||
|
.then((data)=>{ |
||||
|
// ElMessage({ |
||||
|
// showClose: true, |
||||
|
// message: data.msg, |
||||
|
// type: 'success', |
||||
|
// }) |
||||
|
}) |
||||
|
} |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="appBox"> |
||||
|
<el-card class="appCardBox" shadow="always"> |
||||
|
<table> |
||||
|
<tr> |
||||
|
<td width="100px" align="center"> |
||||
|
<el-image :src="props.appCont.appSvg"> |
||||
|
<template #error> |
||||
|
<div class="image-slot"> |
||||
|
<el-icon><icon-picture /></el-icon> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-image> |
||||
|
</td> |
||||
|
<td width="150px" align="center"> |
||||
|
<el-text v-if="appStatue" class="mx-1 bigWord" type="success">已启用</el-text> |
||||
|
<el-text v-else class="mx-1 bigWord" type="danger">已停用</el-text> |
||||
|
</td> |
||||
|
<td align="left" > |
||||
|
|
||||
|
<el-text v-if="appStatue" class="mx-1" type="success">应用已启用，为可用状态。</el-text> |
||||
|
<el-text v-else class="mx-1" type="danger">应用已停用，不可使用此App。</el-text> |
||||
|
</td> |
||||
|
<td width="100px" align="right"> |
||||
|
<el-switch |
||||
|
v-model="appStatue" |
||||
|
class="ml-2" |
||||
|
inline-prompt |
||||
|
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" |
||||
|
active-text="已启用" |
||||
|
inactive-text="已停用" |
||||
|
/> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.appBox{ |
||||
|
width:100%; |
||||
|
background-color : #F5F7FA; |
||||
|
height: calc(100vh - 40px); |
||||
|
text-align: center; |
||||
|
.appCardBox{ |
||||
|
max-width: 60%; |
||||
|
min-width: 40%; |
||||
|
margin: 20px auto; |
||||
|
td{ |
||||
|
vertical-align: middle; |
||||
|
.bigWord{ |
||||
|
font-size:30px; |
||||
|
} |
||||
|
} |
||||
|
.el-image { |
||||
|
padding: 0 5px; |
||||
|
max-width: 80px; |
||||
|
max-height: 70px; |
||||
|
width: 100%; |
||||
|
height: 70px; |
||||
|
border: 1px solid #F0F2F5; |
||||
|
border-radius: 5px; |
||||
|
background: var(--el-fill-color-light); |
||||
|
} |
||||
|
.image-slot { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: var(--el-fill-color-light); |
||||
|
color: var(--el-text-color-secondary); |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
.image-slot .el-icon { |
||||
|
font-size: 30px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,188 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2024-05-30 09:45:37 |
||||
|
@ 备注: 运行自定义APP |
||||
|
--> |
||||
|
<script lang='ts' setup> |
||||
|
import { useUserStore } from "@/store/modules/user"; |
||||
|
const props = defineProps({ |
||||
|
drawerWith:{ |
||||
|
type:Number, |
||||
|
default:0 |
||||
|
}, |
||||
|
runIsOpen:{ |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
} |
||||
|
}); |
||||
|
const userStore = useUserStore(); |
||||
|
//应用基础配置 |
||||
|
const appCont = reactive<appSetInfo>({ |
||||
|
appKey:"1", |
||||
|
appName:"未知应用", |
||||
|
appSvg:"", |
||||
|
state:1, |
||||
|
uuid:"1", |
||||
|
describe:"" |
||||
|
}) |
||||
|
|
||||
|
const emits = defineEmits(["update:runIsOpen","refreshPage"]); |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="drawerClass"> |
||||
|
<el-drawer v-model="props.runIsOpen" title="设置/编辑自定义表单" :with-header="false" :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :size="props.drawerWith"> |
||||
|
|
||||
|
<div class="common-layout"> |
||||
|
<el-container> |
||||
|
<el-header class="headerBox"> |
||||
|
<div> |
||||
|
<el-space wrap> |
||||
|
<el-avatar shape="square" :size="25" :src="appCont.appSvg" /> |
||||
|
<el-text>{{ appCont.appName }}</el-text> |
||||
|
</el-space> |
||||
|
</div> |
||||
|
<div> |
||||
|
<!-- <el-dropdown> |
||||
|
<el-avatar shape="square" :size="25" :src="userStore.avatar" /> |
||||
|
<template #dropdown> |
||||
|
<table class="userTabel"> |
||||
|
<tr> |
||||
|
<td rowspan="2"><el-avatar shape="square" :size="55" :src="userStore.avatar" /></td> |
||||
|
<td>{{ userStore.nickname }}({{ userStore.userInfoCont.number }})</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
|
||||
|
<td>{{ userStore.userInfoCont.companyname }}/{{ userStore.userInfoCont.departmentname }}</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</template> |
||||
|
</el-dropdown> --> |
||||
|
<el-avatar shape="square" :size="25" :src="userStore.avatar" /> |
||||
|
</div> |
||||
|
</el-header> |
||||
|
<el-container> |
||||
|
<el-aside class="asideBox"> |
||||
|
<el-row> |
||||
|
<el-col :span="24" class="asideBoxSearch"> |
||||
|
<el-input |
||||
|
v-model="input2" |
||||
|
style="width: 100%" |
||||
|
placeholder="搜索" |
||||
|
:suffix-icon="Search" |
||||
|
/> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
|
||||
|
</el-aside> |
||||
|
<el-main class="mainBox"> |
||||
|
<el-scrollbar class="scroBox"> |
||||
|
{{ userStore }} |
||||
|
</el-scrollbar> |
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
</el-container> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</el-drawer > |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang='scss' scoped> |
||||
|
.common-layout{ |
||||
|
.el-header{ |
||||
|
padding-left:10px; |
||||
|
padding-right:10px; |
||||
|
} |
||||
|
.headerBox{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
border-bottom: 1px solid #F1F2F3; |
||||
|
:deep(.el-tabs__nav-wrap::after) { |
||||
|
position: static !important; |
||||
|
} |
||||
|
:deep(.el-tabs__header){ |
||||
|
margin:0 0 1px 0; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
.asideBox{ |
||||
|
width:250px; |
||||
|
|
||||
|
border-right: 1px solid #F1F2F3; |
||||
|
height: calc(100vh - 40px); |
||||
|
.asideBoxSearch{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
padding: 10px 10px; |
||||
|
|
||||
|
} |
||||
|
.scroBox{ |
||||
|
height: calc(100vh - 95px); |
||||
|
.el-menu{ |
||||
|
border-right: 0px; |
||||
|
} |
||||
|
li{ |
||||
|
padding-left:10px; |
||||
|
padding-right:10px; |
||||
|
} |
||||
|
.menuBox{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
.textCenter{ |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
} |
||||
|
.el-menu-item{ |
||||
|
height:40px; |
||||
|
} |
||||
|
.el-menu-item.is-active { |
||||
|
color: var(--el-menu-active-color); |
||||
|
background-color: #e4e4e4e4; |
||||
|
} |
||||
|
.el-menu-item:hover{ |
||||
|
background-color: #f1f1f1f1!important; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.el-main { |
||||
|
padding: 10px; |
||||
|
} |
||||
|
.mainBox{ |
||||
|
background-color: #F1F2F3; |
||||
|
padding:0px; |
||||
|
.scroBox{ |
||||
|
height: calc(100vh - 40px); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.userTabel{ |
||||
|
width:300px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue