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

手机端页面

lwx_v11^2
hreenshan112 1 year ago
parent
eea07cd7aa
commit
e51fb73178
4 changed files with 5705 additions and 5168 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4206
      src/components/DesignForm/formControlPropertiNew.vue
  2. 173
      src/views/hr/userBox.vue
  3. 116
      src/views/sysworkflow/lowcodepage/newLowCode/appLayout/appContainer.vue
  4. 274
      src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue

4206
src/components/DesignForm/formControlPropertiNew.vue
View File

File diff suppressed because it is too large

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

@ -3,45 +3,45 @@
@ 时间: 2024-05-23 13:50:03 @ 时间: 2024-05-23 13:50:03
@ 备注: 行政组织及角色选择器 @ 备注: 行政组织及角色选择器
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { Search,ArrowRight } from '@element-plus/icons-vue' //搜索图标 import { Search, ArrowRight } from "@element-plus/icons-vue"; //搜索图标
import { userOrgRole,crumb } from '@/api/hr/search/types' import { userOrgRole, crumb } from "@/api/hr/search/types";
const circleUrl = ref('https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png') const circleUrl = ref(
"https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png"
);
//引入页面 //引入页面
import OrgPage from '@/views/hr/orgUserRole/org.vue' import OrgPage from "@/views/hr/orgUserRole/org.vue";
import OrgRolePage from '@/views/hr/orgUserRole/orgrole.vue' import OrgRolePage from "@/views/hr/orgUserRole/orgrole.vue";
import RolePageIng from '@/views/hr/orgUserRole/rolePage.vue' import RolePageIng from "@/views/hr/orgUserRole/rolePage.vue";
const props = defineProps({ const props = defineProps({
isOpen: { isOpen: {
type: Boolean, type: Boolean,
default:false default: false,
}, },
types: { types: {
type: Number, type: Number,
default:1 default: 1,
}, },
orgTrue: { orgTrue: {
type: Number, type: Number,
default:1 default: 1,
}, },
pickList: { pickList: {
type: Object, type: Object,
default() { default() {
return {} return {};
} },
} },
}); });
const taotleLog = ref(0) const taotleLog = ref(0);
const pickListAry = ref<userOrgRole[]>([]) //已选择数据 const pickListAry = ref<userOrgRole[]>([]); //已选择数据
const emits = defineEmits(["update:isOpen", "update:types", "pickInfo"]); const emits = defineEmits(["update:isOpen", "update:types", "pickInfo"]);
const searchQuery = ref<any>("") const searchQuery = ref<any>("");
const orgUs = ref(null) const orgUs = ref(null);
const orgUsRole = ref(null) const orgUsRole = ref(null);
const rolePage = ref(null) const rolePage = ref(null);
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-23 13:56:28 @ 时间: 2024-05-23 13:56:28
@ -50,12 +50,12 @@ const rolePage = ref(null)
const isShow = computed({ const isShow = computed({
get() { get() {
// console.log("对话框状态",props.isOpen); // console.log("对话框状态",props.isOpen);
return props.isOpen return props.isOpen;
}, },
set(val: boolean) { set(val: boolean) {
// console.log("对话框状态",props.isOpen); // console.log("对话框状态",props.isOpen);
emits('update:isOpen', val) emits("update:isOpen", val);
} },
}); });
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ -65,21 +65,21 @@ const isShow = computed({
const userTypes = computed({ const userTypes = computed({
get() { get() {
// console.log("对话框状态",props.isOpen); // console.log("对话框状态",props.isOpen);
return props.types return props.types;
}, },
set(val: boolean) { set(val: boolean) {
// console.log("对话框状态",props.isOpen); // console.log("对话框状态",props.isOpen);
emits('update:types', val) emits("update:types", val);
} },
}) });
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-23 14:15:10 @ 时间: 2024-05-23 14:15:10
@ 功能: 关闭弹出对话框 @ 功能: 关闭弹出对话框
*/ */
const handleClose = () => { const handleClose = () => {
emits('update:isOpen', false) emits("update:isOpen", false);
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-24 08:21:58 @ 时间: 2024-05-24 08:21:58
@ -88,23 +88,22 @@ const handleClose = () => {
const searchData = () => { const searchData = () => {
// console.log("userTypes----->",userTypes); // console.log("userTypes----->",userTypes);
if (userTypes.value == 1) { if (userTypes.value == 1) {
orgUs.value.searchOrgUs(searchQuery.value) orgUs.value.searchOrgUs(searchQuery.value);
} else if (userTypes.value == 2) { } else if (userTypes.value == 2) {
orgUsRole.value.searchOrgRolePeople(searchQuery.value) orgUsRole.value.searchOrgRolePeople(searchQuery.value);
} else { } else {
rolePage.value.searchOrgRolePeople(searchQuery.value) rolePage.value.searchOrgRolePeople(searchQuery.value);
}
} }
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-24 15:29:20 @ 时间: 2024-05-24 15:29:20
@ 功能: 更新数据 @ 功能: 更新数据
*/ */
const updataPickLog = (val: userOrgRole[]) => { const updataPickLog = (val: userOrgRole[]) => {
pickListAry.value = val;
pickListAry.value = val taotleLog.value = val.length;
taotleLog.value = val.length };
}
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-24 15:36:07 @ 时间: 2024-05-24 15:36:07
@ -113,10 +112,10 @@ const updataPickLog = (val:userOrgRole[]) => {
const delPickCont = (val: userOrgRole) => { const delPickCont = (val: userOrgRole) => {
pickListAry.value.forEach((item: userOrgRole, index: number) => { pickListAry.value.forEach((item: userOrgRole, index: number) => {
if (item.id == val.id) { if (item.id == val.id) {
pickListAry.value.splice(index,1) pickListAry.value.splice(index, 1);
}
})
} }
});
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-24 15:52:58 @ 时间: 2024-05-24 15:52:58
@ -124,34 +123,42 @@ const delPickCont = (val:userOrgRole) => {
*/ */
const clearVal = () => { const clearVal = () => {
pickListAry.value = []; pickListAry.value = [];
taotleLog.value = 0 taotleLog.value = 0;
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-24 15:59:11 @ 时间: 2024-05-24 15:59:11
@ 功能: 提交数据 @ 功能: 提交数据
*/ */
const submitSend = () => { const submitSend = () => {
emits('pickInfo', pickListAry,props.types) emits("pickInfo", pickListAry, props.types);
};
} watch(
watch(()=>props.isOpen,(val:boolean)=>{ () => props.isOpen,
(val: boolean) => {
if (!val) { if (!val) {
clearVal() clearVal();
} else { } else {
if (props.pickList.length > 0) { if (props.pickList.length > 0) {
pickListAry.value = props.pickList pickListAry.value = props.pickList;
taotleLog.value = props.pickList.length taotleLog.value = props.pickList.length;
} }
} }
// console.log("对话框状态",val); // console.log("对话框状态",val);
}) }
);
onMounted(() => { onMounted(() => {
taotleLog.value = props.pickList.length taotleLog.value = props.pickList.length;
}) });
</script> </script>
<template> <template>
<el-dialog v-model="isShow" title="选择成员" width="700" draggable :before-close="handleClose"> <el-dialog
v-model="isShow"
title="选择成员"
width="700"
draggable
:before-close="handleClose"
>
<el-row class="allBianLink"> <el-row class="allBianLink">
<el-col :span="12"> <el-col :span="12">
<el-input <el-input
@ -161,9 +168,27 @@ onMounted(()=>{
class="inputDeep" class="inputDeep"
@input="searchData" @input="searchData"
/> />
<OrgPage ref="orgUs" v-if="userTypes==1" :org-true="orgTrue" :pick-list="pickListAry" @updataPickLog="updataPickLog" /> <OrgPage
<OrgRolePage ref="orgUsRole" v-if="userTypes==2" :org-true="orgTrue" :pick-list="pickListAry" @updataPickLog="updataPickLog" /> ref="orgUs"
<RolePageIng ref="rolePage" v-if="userTypes==3" :org-true="orgTrue" :pick-list="pickListAry" @updataPickLog="updataPickLog" /> v-if="userTypes == 1"
:org-true="orgTrue"
:pick-list="pickListAry"
@updataPickLog="updataPickLog"
/>
<OrgRolePage
ref="orgUsRole"
v-if="userTypes == 2"
:org-true="orgTrue"
:pick-list="pickListAry"
@updataPickLog="updataPickLog"
/>
<RolePageIng
ref="rolePage"
v-if="userTypes == 3"
:org-true="orgTrue"
:pick-list="pickListAry"
@updataPickLog="updataPickLog"
/>
</el-col> </el-col>
<el-col :span="12" class="leftLink"> <el-col :span="12" class="leftLink">
@ -179,7 +204,12 @@ onMounted(()=>{
<el-space wrap> <el-space wrap>
<svg-icon v-if="item.types == 2" icon-class="fenZhu" :size="20" /> <svg-icon v-if="item.types == 2" icon-class="fenZhu" :size="20" />
<svg-icon v-if="item.types == 3" icon-class="tasp" :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-avatar
v-if="item.types == 1"
shape="square"
:size="20"
:src="circleUrl"
/>
<el-text>{{ item.title }}</el-text> <el-text>{{ item.title }}</el-text>
</el-space> </el-space>
<div> <div>
@ -187,7 +217,6 @@ onMounted(()=>{
</div> </div>
</li> </li>
</ul> </ul>
</el-scrollbar> </el-scrollbar>
</el-col> </el-col>
</el-row> </el-row>
@ -201,18 +230,18 @@ onMounted(()=>{
</template> </template>
</el-dialog> </el-dialog>
</template> </template>
<style lang='scss' scoped> <style lang="scss" scoped>
.allBianLink { .allBianLink {
border: 1px solid #E6E8EB; border: 1px solid #e6e8eb;
.leftLink { .leftLink {
border-left: 1px solid #E6E8EB; border-left: 1px solid #e6e8eb;
} }
.pickTitle { .pickTitle {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 10px 10px; padding: 10px 10px;
border-bottom: 1px solid #E6E8EB; border-bottom: 1px solid #e6e8eb;
} }
} }
.mianbaoxue { .mianbaoxue {
@ -237,18 +266,18 @@ onMounted(()=>{
} }
} }
li:hover { li:hover {
background-color: #EBEEF5; background-color: #ebeef5;
color: #409EFF; color: #409eff;
.el-text { .el-text {
color: #409EFF; color: #409eff;
} }
} }
li.active { li.active {
background-color: #EBEDF0; background-color: #ebedf0;
color: #409EFF; color: #409eff;
.el-text { .el-text {
color: #409EFF; color: #409eff;
} }
} }
} }
@ -271,10 +300,10 @@ onMounted(()=>{
} }
} }
li:hover { li:hover {
background-color: #F56C6C; background-color: #f56c6c;
color: #FFFFFF; color: #ffffff;
.el-text { .el-text {
color: #FFFFFF; color: #ffffff;
} }
} }
} }

116
src/views/sysworkflow/lowcodepage/newLowCode/appLayout/appContainer.vue
View File

@ -3,18 +3,18 @@
@ 时间: 2024-07-22 11:28:18 @ 时间: 2024-07-22 11:28:18
@ 备注: 自定义App主容器 @ 备注: 自定义App主容器
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { appMenuTreeInfo,appSetInfo } from "@/api/date/type" import { appMenuTreeInfo, appSetInfo } from "@/api/date/type";
import { useUserStore } from "@/store/modules/user"; import { useUserStore } from "@/store/modules/user";
import { gainAppEditPsge } from '@/api/DesignForm/requestapi' import { gainAppEditPsge } from "@/api/DesignForm/requestapi";
import RegularPage from "@/views/sysworkflow/lowcodepage/runApp/regularPage.vue" import RegularPage from "@/views/sysworkflow/lowcodepage/runApp/regularPage.vue";
import RunAppForm from "@/views/sysworkflow/lowcodepage/runApp/runAppForm.vue" import RunAppForm from "@/views/sysworkflow/lowcodepage/runApp/runAppForm.vue";
const props = defineProps({ const props = defineProps({
drawerWith: { drawerWith: {
type: Number, type: Number,
default:0 default: 0,
}, },
runIsOpen: { runIsOpen: {
type: Boolean, type: Boolean,
@ -23,22 +23,22 @@ const props = defineProps({
pickAppInfo: { pickAppInfo: {
type: Object, type: Object,
default() { default() {
return {} return {};
} },
}, },
searchQuery: { searchQuery: {
type: Object, type: Object,
default() { default() {
return {} return {};
} },
} },
}); });
const emits = defineEmits(["update:runIsOpen", "refreshPage"]); const emits = defineEmits(["update:runIsOpen", "refreshPage"]);
const userStore = useUserStore(); const userStore = useUserStore();
const menusTree = ref<appMenuTreeInfo[]>([]) //菜单树 const menusTree = ref<appMenuTreeInfo[]>([]); //菜单树
const pickAppMenu = ref("") //选中的菜单 const pickAppMenu = ref(""); //选中的菜单
const switchPAge = ref(1) //页面类型 1：执行页面，2：表单页面 const switchPAge = ref(1); //页面类型 1：执行页面，2：表单页面
const pickAppMenuSel = ref("") //下拉框选中的值 const pickAppMenuSel = ref(""); //下拉框选中的值
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-07-22 11:40:06 @ 时间: 2024-07-22 11:40:06
@ -50,8 +50,8 @@ const appCont = reactive<appSetInfo>({
appSvg: "", appSvg: "",
state: 1, state: 1,
uuid: "1", uuid: "1",
describe:"" describe: "",
}) });
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ -60,13 +60,12 @@ const appCont = reactive<appSetInfo>({
*/ */
const gainAppContent = () => { const gainAppContent = () => {
let sendInfo = { let sendInfo = {
id:props.pickAppInfo.signCodeStr id: props.pickAppInfo.signCodeStr,
} };
// console.log("获取app信息---》",props.pickAppInfo) // console.log("获取app信息---》",props.pickAppInfo)
gainAppEditPsge(sendInfo) gainAppEditPsge(sendInfo).then((data) => {
.then((data)=>{
// console.log("获取app信息---》",data) // console.log("获取app信息---》",data)
menusTree.value = data.data.menuTree menusTree.value = data.data.menuTree;
appCont.appKey = data.data.appKey; appCont.appKey = data.data.appKey;
appCont.appName = data.data.appName; appCont.appName = data.data.appName;
appCont.appSvg = data.data.appSvg; appCont.appSvg = data.data.appSvg;
@ -77,32 +76,35 @@ const gainAppContent = () =>{
if (item.isLock == 1 && item.isMain == 1) { if (item.isLock == 1 && item.isMain == 1) {
pickAppMenu.value = item; pickAppMenu.value = item;
isIn = false; isIn = false;
switchPAge.value = 1 switchPAge.value = 1;
} }
}) });
if (isIn) { if (isIn) {
pickAppMenu.value = data.data.menuTree[0]; pickAppMenu.value = data.data.menuTree[0];
if (pickAppMenu.value.type == 2) { if (pickAppMenu.value.type == 2) {
switchPAge.value = 2 switchPAge.value = 2;
} }
} }
}) });
} };
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-30 15:17:29 @ 时间: 2024-05-30 15:17:29
@ 功能: 退出应用 @ 功能: 退出应用
*/ */
const closeRunApp = () => { const closeRunApp = () => {
emits("update:runIsOpen",false) emits("update:runIsOpen", false);
emits("refreshPage",props.searchQuery) emits("refreshPage", props.searchQuery);
} };
watch(()=>props.runIsOpen,(val:boolean)=>{ watch(
() => props.runIsOpen,
(val: boolean) => {
if (val) { if (val) {
gainAppContent() gainAppContent();
} }
}) }
);
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-05-17 16:45:40 @ 时间: 2024-05-17 16:45:40
@ -112,16 +114,23 @@ const openAppPage = (val:any) =>{
// console.log("打开app表单------>",val) // console.log("打开app表单------>",val)
if (val.type != 1) { if (val.type != 1) {
if (val.isLock == 1) { if (val.isLock == 1) {
switchPAge.value = 1 switchPAge.value = 1;
} else { } else {
switchPAge.value = 2 switchPAge.value = 2;
}
pickAppMenu.value = val
} }
pickAppMenu.value = val;
} }
};
</script> </script>
<template> <template>
<el-drawer v-model="props.runIsOpen" :with-header="false" :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :size="props.drawerWith"> <el-drawer
v-model="props.runIsOpen"
:with-header="false"
:close-on-click-modal="false"
:close-on-press-escape="false"
:destroy-on-close="true"
:size="props.drawerWith"
>
<el-container class="common-layout"> <el-container class="common-layout">
<el-header class="headerBox"> <el-header class="headerBox">
<div> <div>
@ -137,11 +146,17 @@ const openAppPage = (val:any) =>{
<el-dropdown-item> <el-dropdown-item>
<table class="userTabel"> <table class="userTabel">
<tr> <tr>
<td rowspan="2"><el-avatar shape="square" :size="55" :src="userStore.avatar" /></td> <td rowspan="2">
<el-avatar shape="square" :size="55" :src="userStore.avatar" />
</td>
<td>{{ userStore.nickname }}({{ userStore.userInfoCont.number }})</td> <td>{{ userStore.nickname }}({{ userStore.userInfoCont.number }})</td>
</tr> </tr>
<tr> <tr>
<td>{{ userStore.userInfoCont.companyname }}/{{ userStore.userInfoCont.departmentname }}</td> <td>
{{ userStore.userInfoCont.companyname }}/{{
userStore.userInfoCont.departmentname
}}
</td>
</tr> </tr>
</table> </table>
</el-dropdown-item> </el-dropdown-item>
@ -187,14 +202,22 @@ const openAppPage = (val:any) =>{
</el-tree> </el-tree>
</el-aside> </el-aside>
<el-main class="mainBox"> <el-main class="mainBox">
<RegularPage v-if="switchPAge==1" :pick-app-menu="pickAppMenu" :drawer-with="props.drawerWith" /> <RegularPage
<RunAppForm v-else :pick-app-menu="pickAppMenu" :drawer-with="props.drawerWith" /> v-if="switchPAge == 1"
:pick-app-menu="pickAppMenu"
:drawer-with="props.drawerWith"
/>
<RunAppForm
v-else
:pick-app-menu="pickAppMenu"
:drawer-with="props.drawerWith"
/>
</el-main> </el-main>
</el-container> </el-container>
</el-container> </el-container>
</el-drawer> </el-drawer>
</template> </template>
<style lang='scss' scoped> <style lang="scss" scoped>
.common-layout { .common-layout {
.el-header { .el-header {
padding-left: 10px; padding-left: 10px;
@ -204,7 +227,7 @@ const openAppPage = (val:any) =>{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid #F1F2F3; border-bottom: 1px solid #f1f2f3;
:deep(.el-tabs__nav-wrap::after) { :deep(.el-tabs__nav-wrap::after) {
position: static !important; position: static !important;
} }
@ -217,14 +240,13 @@ const openAppPage = (val:any) =>{
} }
.asideBox { .asideBox {
width: 250px; width: 250px;
border-right: 1px solid #F1F2F3; border-right: 1px solid #f1f2f3;
height: calc(100vh - 40px); height: calc(100vh - 40px);
.asideBoxSearch { .asideBoxSearch {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 10px 10px; padding: 10px 10px;
} }
.appMenuTitle { .appMenuTitle {
width: 100%; width: 100%;
@ -244,7 +266,7 @@ const openAppPage = (val:any) =>{
padding: 0px; padding: 0px;
} }
.mainBox { .mainBox {
background-color: #F1F2F3; background-color: #f1f2f3;
padding: 0px; padding: 0px;
.scroBox { .scroBox {
height: calc(100vh - 40px); height: calc(100vh - 40px);

274
src/views/sysworkflow/lowcodepage/runApp/runAppForm.vue
View File

@ -3,23 +3,40 @@
@ 时间: 2024-05-31 09:22:06 @ 时间: 2024-05-31 09:22:06
@ 备注: 执行表格 @ 备注: 执行表格
--> -->
<script lang='ts' setup> <script lang="ts" setup>
import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form' import {
import { judgeSubmitCancel,gainAppPageInfo,getFieldRecord } from '@/api/DesignForm/requestapi' json2string,
import { Edit,Picture as IconPicture } from '@element-plus/icons-vue' objToStringify,
import { appPageDataInit,appWorkFlow } from "@/api/date/type" string2json,
import { notAsA_BasisForJudgment,asAnApprovalActionControl,fixedValueControl,timeControl,timeEquation,submitButton, afreshSubmitButton } from '@/utils/workflow/const' stringToObj,
} from "@/utils/DesignForm/form";
import {
judgeSubmitCancel,
gainAppPageInfo,
getFieldRecord,
} from "@/api/DesignForm/requestapi";
import { Edit, Picture as IconPicture } from "@element-plus/icons-vue";
import { appPageDataInit, appWorkFlow } from "@/api/date/type";
import {
notAsA_BasisForJudgment,
asAnApprovalActionControl,
fixedValueControl,
timeControl,
timeEquation,
submitButton,
afreshSubmitButton,
} from "@/utils/workflow/const";
const props = defineProps({ const props = defineProps({
pickAppMenu: { pickAppMenu: {
type: Object, type: Object,
default() { default() {
return {} return {};
} },
} },
}); });
const activePage = ref(0) //默认选择的页面 const activePage = ref(0); //默认选择的页面
const appInitData = ref<appPageDataInit>("") const appInitData = ref<appPageDataInit>("");
//app表单 //app表单
const stateForm = reactive<any>({ const stateForm = reactive<any>({
type: 1, // 1新增；2修改；3查看（表单模式） ；4查看； 5设计 type: 1, // 1新增；2修改；3查看（表单模式） ；4查看； 5设计
@ -27,15 +44,15 @@ const stateForm = reactive<any>({
list: [], list: [],
form: {}, form: {},
config: {}, config: {},
powerstr:{} powerstr: {},
}, },
dict: {}, dict: {},
formId: "1", formId: "1",
id: 0, id: 0,
formId: 0, formId: 0,
versionId: 0, versionId: 0,
loading: true loading: true,
}) });
//表单列表 //表单列表
const stateList = reactive({ const stateList = reactive({
tableData: { tableData: {
@ -43,7 +60,7 @@ const stateList = reactive({
columns: [], columns: [],
config: {}, config: {},
controlBtn: [], controlBtn: [],
operateBtn:[] operateBtn: [],
}, },
searchData: [], searchData: [],
loading: false, loading: false,
@ -52,22 +69,22 @@ const stateList = reactive({
pageSize: 10, pageSize: 10,
searchIsShow: true, searchIsShow: true,
searchFormIsShow: true, searchFormIsShow: true,
openPageMode:"drawer" openPageMode: "drawer",
}, },
tagList: {}, tagList: {},
formId: props.formKey || '', formId: props.formKey || "",
formList: [], // 所有可选表单数据源 formList: [], // 所有可选表单数据源
name: '', name: "",
treeData: {}, // 左侧树相关 treeData: {}, // 左侧树相关
previewVisible: false, previewVisible: false,
tabsName: 'second', tabsName: "second",
formFieldList: [], // 表单数据源所有可选字段 formFieldList: [], // 表单数据源所有可选字段
formApi: { formApi: {
type: "1", type: "1",
addApiUrl: "", addApiUrl: "",
editApiUrl: "", editApiUrl: "",
delApiUrl: "", delApiUrl: "",
lookApiUrl:"" lookApiUrl: "",
}, },
dict: {}, dict: {},
refreshTable: true, refreshTable: true,
@ -78,8 +95,8 @@ const stateList = reactive({
form: { form: {
sortWord: "", sortWord: "",
sortClass: 1, sortClass: 1,
title:[] title: [],
} },
}, },
date: { date: {
status: false, status: false,
@ -88,20 +105,18 @@ const stateList = reactive({
startTime: "", startTime: "",
endTime: "", endTime: "",
dayType: 1, dayType: 1,
title:[] title: [],
} },
} },
,
time: { time: {
status: false, status: false,
isClick: false, isClick: false,
form: { form: {
sortWord: "", sortWord: "",
sort: 1, sort: 1,
title:[] title: [],
} },
} },
,
gantt: { gantt: {
status: false, status: false,
isClick: false, isClick: false,
@ -111,10 +126,9 @@ const stateList = reactive({
dayType: 2, dayType: 2,
sortWord: "", sortWord: "",
sort: 1, sort: 1,
title:[] title: [],
} },
} },
,
map: { map: {
status: false, status: false,
isClick: false, isClick: false,
@ -122,8 +136,8 @@ const stateList = reactive({
mapWord: "", mapWord: "",
sortWord: "", sortWord: "",
sort: 1, sort: 1,
title:[] title: [],
} },
}, },
card: { card: {
status: false, status: false,
@ -139,26 +153,24 @@ const stateList = reactive({
titleWork: "", titleWork: "",
describe: "", describe: "",
ranks: 3, ranks: 3,
title:[] title: [],
} },
} },
} },
});
}) const appFormTitle = ref("");
const appFormTitle = ref("") const versionTitle = ref<string>(""); //表单名称
const versionTitle = ref<string>("") //表单名称 const versionId = ref<string>(""); //表单版本号
const versionId = ref<string>("") //表单版本号 const appFlowInfo = ref<appWorkFlow>(""); //流程
const appFlowInfo = ref<appWorkFlow>("") //流程 const isFlow = ref(2);
const isFlow = ref(2) const mastesformjson = ref(""); //
const mastesformjson = ref("") //
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-06-03 09:54:30 @ 时间: 2024-06-03 09:54:30
@ 功能: 加载页面 @ 功能: 加载页面
*/ */
onMounted(() => { onMounted(() => {
initLoadData() initLoadData();
}); });
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ -168,73 +180,81 @@ onMounted(() => {
const initLoadData = () => { const initLoadData = () => {
// console.log("initLoadData",props.pickAppMenu.type,props.pickAppMenu.type != 1) // console.log("initLoadData",props.pickAppMenu.type,props.pickAppMenu.type != 1)
if (props.pickAppMenu.type != 1) { if (props.pickAppMenu.type != 1) {
appFormTitle.value = props.pickAppMenu.label appFormTitle.value = props.pickAppMenu.label;
gainAppPageInfo({id:props.pickAppMenu.id}) gainAppPageInfo({ id: props.pickAppMenu.id }).then((data) => {
.then((data)=>{
// console.log("获取初始化表单数据bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb",data) // console.log("获取初始化表单数据bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb",data)
appInitData.value = data.data appInitData.value = data.data;
// console.log("获取初始化表单数据---!",appInitData.value) // console.log("获取初始化表单数据---!",appInitData.value)
mastesformjson.value = data.data.appForm.mastesformjson mastesformjson.value = data.data.appForm.mastesformjson;
isFlow.value = data.data.appForm.flowIsOpen isFlow.value = data.data.appForm.flowIsOpen;
if (data.data.page && data.data.pageList && data.data.appFlow) { if (data.data.page && data.data.pageList && data.data.appFlow) {
activePage.value = 1 activePage.value = 1;
} else if (data.data.page && !data.data.pageList && data.data.appFlow) { } else if (data.data.page && !data.data.pageList && data.data.appFlow) {
activePage.value = 2 activePage.value = 2;
} else if (!data.data.page && !data.data.pageList && data.data.appFlow) { } else if (!data.data.page && !data.data.pageList && data.data.appFlow) {
activePage.value = 3 activePage.value = 3;
} else if (!data.data.page && data.data.pageList && data.data.appFlow) { } else if (!data.data.page && data.data.pageList && data.data.appFlow) {
activePage.value = 1 activePage.value = 1;
} else if (data.data.page && !data.data.pageList && !data.data.appFlow) { } else if (data.data.page && !data.data.pageList && !data.data.appFlow) {
activePage.value = 2 activePage.value = 2;
} else { } else {
activePage.value = 1 activePage.value = 1;
} }
versionId.value = data.data.appForm.id.toString() versionId.value = data.data.appForm.id.toString();
versionTitle.value = data.data.appForm.name versionTitle.value = data.data.appForm.name;
if (data.data.pageList) { if (data.data.pageList) {
let stateData = string2json(data.data.appForm.listjson) let stateData = string2json(data.data.appForm.listjson);
// console.log("接邂逅的数",stateData) // console.log("接邂逅的数",stateData)
let holeControlAndConfigStateData = string2json(data.data.appForm.mastesformjson) let holeControlAndConfigStateData = string2json(data.data.appForm.mastesformjson);
if (stateData.tableData.columns && stateData.tableData.columns.length > 0) { if (stateData.tableData.columns && stateData.tableData.columns.length > 0) {
for (let i = 0; i < stateData.tableData.columns.length; i++) { for (let i = 0; i < stateData.tableData.columns.length; i++) {
for (let u = 0; u < holeControlAndConfigStateData.list.length; u++) { for (let u = 0; u < holeControlAndConfigStateData.list.length; u++) {
if(stateData.tableData.columns[i].id==holeControlAndConfigStateData.list[u].name){ if (
stateData.tableData.columns[i].control = holeControlAndConfigStateData.list[u].control stateData.tableData.columns[i].id ==
stateData.tableData.columns[i].config = holeControlAndConfigStateData.list[u].config holeControlAndConfigStateData.list[u].name
) {
stateData.tableData.columns[i].control =
holeControlAndConfigStateData.list[u].control;
stateData.tableData.columns[i].config =
holeControlAndConfigStateData.list[u].config;
} }
} }
if (
if(stateData.tableData.columns[i].config!=undefined && stateData.tableData.columns[i].control!=undefined){ stateData.tableData.columns[i].config != undefined &&
stateData.tableData.columns[i].control != undefined
) {
// console.log(stateData.tableData.columns[i]) // console.log(stateData.tableData.columns[i])
let paramx:string = ""+stateData.tableData.columns[i].control.optionsValue3Field let paramx: string =
"" + stateData.tableData.columns[i].control.optionsValue3Field;
/* /*
在这里请求后台获取字段 在这里请求后台获取字段
*/ */
//console.log("runAppForm-----214",paramx) //console.log("runAppForm-----214",paramx)
if (paramx && paramx != "" && paramx != null && paramx != "undefined") { if (paramx && paramx != "" && paramx != null && paramx != "undefined") {
getFieldRecord(paramx).then(({ data }) => { getFieldRecord(paramx).then(({ data }) => {
stateData.tableData.columns[i].options = data stateData.tableData.columns[i].options = data;
if (stateData.searchData.length > 0) { if (stateData.searchData.length > 0) {
for (let j = 0; j < stateData.searchData.length; j++) { for (let j = 0; j < stateData.searchData.length; j++) {
// console.log(stateData.searchData[j]) // console.log(stateData.searchData[j])
if(stateData.searchData[j].id==stateData.tableData.columns[i].id){ if (
stateData.searchData[j].options = data stateData.searchData[j].id == stateData.tableData.columns[i].id
) {
stateData.searchData[j].options = data;
} }
} }
} }
}) });
} }
if (stateData.searchData && stateData.searchData.length > 0) { if (stateData.searchData && stateData.searchData.length > 0) {
for (let j = 0; j < stateData.searchData.length; j++) { for (let j = 0; j < stateData.searchData.length; j++) {
// console.log(stateData.searchData[j]) // console.log(stateData.searchData[j])
if (stateData.searchData[j].id == stateData.tableData.columns[i].id) { if (stateData.searchData[j].id == stateData.tableData.columns[i].id) {
// console.log(stateData.tableData.columns[i]) // console.log(stateData.tableData.columns[i])
stateData.searchData[j].control = stateData.tableData.columns[i].control stateData.searchData[j].control =
stateData.searchData[j].config = stateData.tableData.columns[i].config stateData.tableData.columns[i].control;
stateData.searchData[j].config =
stateData.tableData.columns[i].config;
// console.log(stateData.searchData[j]) // console.log(stateData.searchData[j])
} }
} }
@ -242,72 +262,74 @@ const initLoadData = () => {
} }
} }
} }
stateList.tableData = stateData.tableData stateList.tableData = stateData.tableData;
stateList.searchData = stateData.searchData stateList.searchData = stateData.searchData;
if (stateList.searchData == null) { if (stateList.searchData == null) {
stateList.searchData = new Array() stateList.searchData = new Array();
} }
stateList.loading = stateData.loading stateList.loading = stateData.loading;
stateList.attrObj = stateData.attrObj stateList.attrObj = stateData.attrObj;
stateList.config = stateData.config stateList.config = stateData.config;
stateList.tagList = stateData.tagList stateList.tagList = stateData.tagList;
stateList.formList = stateData.formList stateList.formList = stateData.formList;
stateList.name = stateData.name stateList.name = stateData.name;
stateList.treeData = stateData.treeData stateList.treeData = stateData.treeData;
stateList.previewVisible = stateData.previewVisible stateList.previewVisible = stateData.previewVisible;
stateList.formFieldList = stateData.formFieldList stateList.formFieldList = stateData.formFieldList;
stateList.formApi = stateData.formApi stateList.formApi = stateData.formApi;
stateList.dict = stateData.dict stateList.dict = stateData.dict;
stateList.refreshTable = stateData.refreshTable stateList.refreshTable = stateData.refreshTable;
if (stateData.view) { if (stateData.view) {
stateList.view = stateData.view stateList.view = stateData.view;
} }
} }
if (data.data.page) { if (data.data.page) {
// console.log("data.data.mastesform", data.data) // console.log("data.data.mastesform", data.data)
stateForm.id=data.data.appForm.version.toString() stateForm.id = data.data.appForm.version.toString();
stateForm.formId =data.data.appForm.cfid.toString() stateForm.formId = data.data.appForm.cfid.toString();
stateForm.versionId =data.data.appForm.id.toString() stateForm.versionId = data.data.appForm.id.toString();
stateForm.formData = stringToObj(data.data.appForm.mastesform) stateForm.formData = stringToObj(data.data.appForm.mastesform);
stateForm.dict = string2json(data.data.appForm.dict) stateForm.dict = string2json(data.data.appForm.dict);
stateForm.formData.powerstr = string2json(data.data.appForm.powerstr) stateForm.formData.powerstr = string2json(data.data.appForm.powerstr);
// console.log("data.data.mastesform", stateForm.formData) // console.log("data.data.mastesform", stateForm.formData)
judgeSubmitCancel({"name":data.data.appForm.mastesformjson}) judgeSubmitCancel({ name: data.data.appForm.mastesformjson }).then(
.then((datajud:any) =>{ (datajud: any) => {
if (datajud.code == 0) { if (datajud.code == 0) {
if (datajud.data == 3 || datajud.data == 4) { if (datajud.data == 3 || datajud.data == 4) {
stateForm.formData.list.push(submitButton) stateForm.formData.list.push(submitButton);
} }
} }
})
} }
if(data.data.appFlow){ );
appFlowInfo.value = data.data.workFlow
} }
}) if (data.data.appFlow) {
appFlowInfo.value = data.data.workFlow;
} }
});
} }
};
/** /**
@ 作者: 秦东 @ 作者: 秦东
@ 时间: 2024-06-03 09:26:17 @ 时间: 2024-06-03 09:26:17
@ 功能: 监听菜单数据变化 @ 功能: 监听菜单数据变化
*/ */
watch(() => props.pickAppMenu,(val:any) => { watch(
initLoadData() () => props.pickAppMenu,
},{ (val: any) => {
deep: true initLoadData();
}) },
{
deep: true,
}
);
function optionsValue3Get3(data: any, fieldName: string) { function optionsValue3Get3(data: any, fieldName: string) {
for (let i = 0; i < stateForm.formData.list.length; i++) { for (let i = 0; i < stateForm.formData.list.length; i++) {
if (stateForm.formData.list[i].name == fieldName) { if (stateForm.formData.list[i].name == fieldName) {
stateForm.formData.list[i].options = [] stateForm.formData.list[i].options = [];
for (let j = 0; j < data.length; j++) { for (let j = 0; j < data.length; j++) {
stateForm.formData.list[i].options.push(data[j]) stateForm.formData.list[i].options.push(data[j]);
} }
} }
} }
@ -321,8 +343,8 @@ function optionsValue3Get3(data: any,fieldName: string){
<el-col :span="24"> <el-col :span="24">
<el-scrollbar class="scroBox"> <el-scrollbar class="scroBox">
<el-card class="tispMsg" shadow="always"> <el-card class="tispMsg" shadow="always">
<AppPageList
<AppPageList v-if="appInitData.pageList" v-if="appInitData.pageList"
:data="stateList.tableData" :data="stateList.tableData"
:search-data="stateList.searchData" :search-data="stateList.searchData"
:config="stateList.config" :config="stateList.config"
@ -363,14 +385,12 @@ function optionsValue3Get3(data: any,fieldName: string){
add-url="addData" add-url="addData"
@optionsValue3Get3="optionsValue3Get3" @optionsValue3Get3="optionsValue3Get3"
/> />
</el-card> </el-card>
</el-scrollbar> </el-scrollbar>
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
<style lang='scss' scoped> <style lang="scss" scoped>
.pageBox { .pageBox {
padding: 0 15px; padding: 0 15px;
.wordFont { .wordFont {
@ -381,7 +401,7 @@ function optionsValue3Get3(data: any,fieldName: string){
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background-color: #FFFFFF; background-color: #ffffff;
padding: 15px 15px 5px 15px; padding: 15px 15px 5px 15px;
margin-bottom: 15px; margin-bottom: 15px;
} }

Write Preview
Loading…
Cancel
Save