|
|
@ -1,7 +1,7 @@ |
|
|
<!-- |
|
|
<!-- |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ 时间: 2024-06-03 13:23:59 |
|
|
@ 时间: 2024-06-03 13:23:59 |
|
|
@ 备注: App表单列表 |
|
|
@ 备注: App表单列表1 |
|
|
--> |
|
|
--> |
|
|
<script lang='ts' setup> |
|
|
<script lang='ts' setup> |
|
|
import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form' |
|
|
import { json2string,objToStringify,string2json,stringToObj } from '@/utils/DesignForm/form' |
|
|
@ -12,7 +12,7 @@ import { inputUnit,timeUnit,choiceUnit,switchUnit,orgUnit,checkboxUnit } from '@ |
|
|
import type { FormInstance, FormRules,ElNotification } from 'element-plus' |
|
|
import type { FormInstance, FormRules,ElNotification } from 'element-plus' |
|
|
import { gainFormPageListCont } from '@/api/DesignForm/requestapi' |
|
|
import { gainFormPageListCont } from '@/api/DesignForm/requestapi' |
|
|
import { Picture,InfoFilled,QuestionFilled } from '@element-plus/icons-vue' |
|
|
import { Picture,InfoFilled,QuestionFilled } from '@element-plus/icons-vue' |
|
|
|
|
|
import request from '@/utils/request'; |
|
|
import { softDeletion,retractRunWorkFlow } from '@/api/taskapi/management' |
|
|
import { softDeletion,retractRunWorkFlow } from '@/api/taskapi/management' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -22,7 +22,10 @@ import { softDeletion,retractRunWorkFlow } from '@/api/taskapi/management' |
|
|
import FormPageCont from '@/components/DesignForm/tableListPage/formPageCont.vue' |
|
|
import FormPageCont from '@/components/DesignForm/tableListPage/formPageCont.vue' |
|
|
import TableFlow from '@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue' |
|
|
import TableFlow from '@/views/sysworkflow/lowcodepage/pageFlow/appTableFlow.vue' |
|
|
import TimeAxisPage from '@/components/DesignForm/app/timeAxis.vue' |
|
|
import TimeAxisPage from '@/components/DesignForm/app/timeAxis.vue' |
|
|
import CalendarPage from '@/components/DesignForm/app/calendarPage.vue' |
|
|
import CardPage from '@/components/DesignForm/app/cardPage.vue' |
|
|
|
|
|
import GanttPageIng from '@/components/DesignForm/app/gannttPage.vue' |
|
|
|
|
|
import MapPage from '@/components/DesignForm/app/mapPage.vue' |
|
|
|
|
|
import CalendarPage from '@/components/DesignForm/app/calendar/calendar1/calendarPage.vue' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const props = withDefaults( |
|
|
const props = withDefaults( |
|
|
@ -99,6 +102,7 @@ const designStore = useDesignFormStore() |
|
|
const route = useRoute() |
|
|
const route = useRoute() |
|
|
const router = useRouter() |
|
|
const router = useRouter() |
|
|
const tableDataList = ref([]) // 表格行数据 |
|
|
const tableDataList = ref([]) // 表格行数据 |
|
|
|
|
|
const currentAsfTableDataList = ref([])//当前点击的关联表单数据 |
|
|
const openTaskDrawer = ref(false) //新增数据 |
|
|
const openTaskDrawer = ref(false) //新增数据 |
|
|
|
|
|
|
|
|
const state = reactive({ |
|
|
const state = reactive({ |
|
|
@ -191,7 +195,7 @@ const resetFields = (formEl: FormInstance | undefined) => { |
|
|
@ 功能: 功能按钮动作 |
|
|
@ 功能: 功能按钮动作 |
|
|
*/ |
|
|
*/ |
|
|
const setUpClick = (val:string,id:string) =>{ |
|
|
const setUpClick = (val:string,id:string) =>{ |
|
|
console.log("功能按钮动作",val,"----id----->",props.versionid,"-----formId---->",props.versiontitle) |
|
|
// console.log("功能按钮动作",val,"----id----->",props.versionid,"-----formId---->",props.versiontitle) |
|
|
if(val.key == "newAdd"){ |
|
|
if(val.key == "newAdd"){ |
|
|
drawerWith.value = container.value?.clientWidth |
|
|
drawerWith.value = container.value?.clientWidth |
|
|
openTaskDrawer.value = true |
|
|
openTaskDrawer.value = true |
|
|
@ -208,7 +212,7 @@ const setUpClick = (val:string,id:string) =>{ |
|
|
} |
|
|
} |
|
|
softDeletion(sendData) |
|
|
softDeletion(sendData) |
|
|
.then((data)=>{ |
|
|
.then((data)=>{ |
|
|
console.log('cancel!',data) |
|
|
// console.log('cancel!',data) |
|
|
ElNotification({ |
|
|
ElNotification({ |
|
|
title: '温馨提示！', |
|
|
title: '温馨提示！', |
|
|
message: data.mag, |
|
|
message: data.mag, |
|
|
@ -233,16 +237,16 @@ const setUpClick = (val:string,id:string) =>{ |
|
|
const selectionChange = (row: any) => { |
|
|
const selectionChange = (row: any) => { |
|
|
state.selectionChecked = row |
|
|
state.selectionChecked = row |
|
|
emits('selectionChange', row) |
|
|
emits('selectionChange', row) |
|
|
console.log('selectionChange', row) |
|
|
// console.log('selectionChange', row) |
|
|
idList.value.length = 0 |
|
|
idList.value.length = 0 |
|
|
console.log('idList.value-1-->', idList.value) |
|
|
// console.log('idList.value-1-->', idList.value) |
|
|
if(row && row.length>0){ |
|
|
if(row && row.length>0){ |
|
|
row.forEach((item:any) => { |
|
|
row.forEach((item:any) => { |
|
|
console.log('item', item.masters_key) |
|
|
// console.log('item', item.masters_key) |
|
|
idList.value.push(item.masters_key.toString()) |
|
|
idList.value.push(item.masters_key.toString()) |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
console.log('idList.value--->', idList.value) |
|
|
// console.log('idList.value--->', idList.value) |
|
|
} |
|
|
} |
|
|
/** |
|
|
/** |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ -264,13 +268,14 @@ const columnsFilter = computed(() => { |
|
|
@ 功能: 翻页操作 |
|
|
@ 功能: 翻页操作 |
|
|
*/ |
|
|
*/ |
|
|
const handleSizeChange = (page: number) => { |
|
|
const handleSizeChange = (page: number) => { |
|
|
console.log("翻页操作",page) |
|
|
// console.log("翻页操作",page) |
|
|
state.pageSize = page |
|
|
state.pageSize = page |
|
|
getListData(1) |
|
|
getListData(1) |
|
|
} |
|
|
} |
|
|
const handleCurrentChange = (page: number) => { |
|
|
const handleCurrentChange = (page: number) => { |
|
|
getListData(page) |
|
|
getListData(page) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/** |
|
|
/** |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ 时间: 2024-04-01 14:15:16 |
|
|
@ 时间: 2024-04-01 14:15:16 |
|
|
@ -296,13 +301,17 @@ watch(()=>props.formId,(val:any)=>{ |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
const timeAxisRef = ref(null) |
|
|
const timeAxisRef = ref(null) |
|
|
|
|
|
const calendarPageRef = ref(null) |
|
|
|
|
|
const cardPageRef = ref(null) |
|
|
const searchSend = reactive({ |
|
|
const searchSend = reactive({ |
|
|
formId:props.formId, |
|
|
formId:props.formId, |
|
|
page:state.currentPage, |
|
|
page:state.currentPage, |
|
|
pagesize:state.pageSize, |
|
|
pagesize:state.pageSize, |
|
|
searchData:json2string(props.searchData) |
|
|
searchData:json2string(props.searchData), |
|
|
|
|
|
viewClass:{} |
|
|
}) |
|
|
}) |
|
|
|
|
|
let asfDetails = [] |
|
|
|
|
|
let asfQueryParams: any[] = [] |
|
|
/** |
|
|
/** |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ 时间: 2024-04-01 15:51:32 |
|
|
@ 时间: 2024-04-01 15:51:32 |
|
|
@ -310,22 +319,27 @@ const searchSend = reactive({ |
|
|
*/ |
|
|
*/ |
|
|
const getPageData = () => { |
|
|
const getPageData = () => { |
|
|
|
|
|
|
|
|
// let sendData = { |
|
|
let sendData = { |
|
|
// formId:props.formId, |
|
|
formId:props.formId, |
|
|
// page:state.currentPage, |
|
|
page:state.currentPage, |
|
|
// pagesize:state.pageSize, |
|
|
pagesize:state.pageSize, |
|
|
// searchData:json2string(props.searchData) |
|
|
searchData:json2string(props.searchData) |
|
|
// } |
|
|
} |
|
|
// console.log("获取列表详细信息",sendData) |
|
|
// console.log("获取列表详细信息",sendData) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
switch(viewType.value){ |
|
|
switch(viewType.value){ |
|
|
case 2: |
|
|
case 2: |
|
|
|
|
|
nextTick(()=>{ |
|
|
|
|
|
// console.log("获取列表详细信息-------555---------->",calendarPageRef.value) |
|
|
|
|
|
calendarPageRef.value.calendarSearchData(sendData) |
|
|
|
|
|
}) |
|
|
|
|
|
// calendarPageRef.value.calendarSearchData() |
|
|
break; |
|
|
break; |
|
|
case 3: |
|
|
case 3: |
|
|
nextTick(()=>{ |
|
|
nextTick(()=>{ |
|
|
console.log("获取列表详细信息-------222---------->",timeAxisRef.value) |
|
|
// console.log("获取列表详细信息-------222---------->",timeAxisRef.value) |
|
|
// timeAxisRef.value.searchTimeList(searchSend) |
|
|
timeAxisRef.value.searchTimeList(sendData,1) |
|
|
}) |
|
|
}) |
|
|
|
|
|
|
|
|
break; |
|
|
break; |
|
|
@ -333,12 +347,86 @@ const getPageData = () => { |
|
|
break; |
|
|
break; |
|
|
case 5: |
|
|
case 5: |
|
|
break; |
|
|
break; |
|
|
|
|
|
case 6: |
|
|
|
|
|
nextTick(()=>{ |
|
|
|
|
|
cardPageRef.value.getCardList(sendData) |
|
|
|
|
|
}) |
|
|
|
|
|
break; |
|
|
default: |
|
|
default: |
|
|
state.loading = true; |
|
|
state.loading = true; |
|
|
gainFormPageListCont(searchSend) |
|
|
gainFormPageListCont(sendData) |
|
|
.then((data)=>{ |
|
|
.then((data)=>{ |
|
|
console.log("获取列表详细信息----------------->",data) |
|
|
// console.log("获取列表详细信息----------------->",data) |
|
|
tableDataList.value = data.data.list |
|
|
|
|
|
|
|
|
//liwenxuan 关联表单数据获取 start |
|
|
|
|
|
let dataList = data |
|
|
|
|
|
//console.log(dataList) |
|
|
|
|
|
asfDetails = props.data.columns.filter((item: any) => { |
|
|
|
|
|
return item.fieldClass=="associatedForms" |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(asfDetails.length>0&&data.data.list!=null){ |
|
|
|
|
|
//console.log(data.data.list) |
|
|
|
|
|
//拼装参数,asf值对象数组 |
|
|
|
|
|
asfQueryParams = [] |
|
|
|
|
|
for(let j = 0;j< asfDetails.length;j++){ |
|
|
|
|
|
let asfQueryParamsItem :any = {} |
|
|
|
|
|
//console.log(asfDetails[j]) |
|
|
|
|
|
asfQueryParamsItem.formId = asfDetails[j].control.formid |
|
|
|
|
|
asfQueryParamsItem.field = asfDetails[j].field |
|
|
|
|
|
|
|
|
|
|
|
let asfToSelectIds = [] |
|
|
|
|
|
// console.log(data.data.list) |
|
|
|
|
|
for(let i = 0;i<data.data.list.length;i++){ |
|
|
|
|
|
let asfMasterAndAsfId:any = {} |
|
|
|
|
|
asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field] |
|
|
|
|
|
asfMasterAndAsfId.asfMasterId = data.data.list[i].id |
|
|
|
|
|
|
|
|
|
|
|
asfToSelectIds.push(asfMasterAndAsfId) |
|
|
|
|
|
} |
|
|
|
|
|
asfQueryParamsItem.asfToSelectIds = asfToSelectIds |
|
|
|
|
|
asfQueryParams.push(asfQueryParamsItem) |
|
|
|
|
|
} |
|
|
|
|
|
let queryCount = 0 |
|
|
|
|
|
for(let i = 0;i<asfQueryParams[0].asfToSelectIds.length;i++){ |
|
|
|
|
|
if(asfQueryParams[0].asfToSelectIds[i].asfId!=""){ |
|
|
|
|
|
queryCount++ |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
//console.log(asfQueryParams) |
|
|
|
|
|
if(queryCount>0){ |
|
|
|
|
|
getAsfDataTitlesByIds(asfQueryParams).then(({ data }) => { |
|
|
|
|
|
//console.log(data) |
|
|
|
|
|
for(let i = 0;i<dataList.data.list.length; i++){ |
|
|
|
|
|
//console.log(dataList.data.list[i]) |
|
|
|
|
|
for(let j = 0;j<data.length;j++){ |
|
|
|
|
|
//console.log(data[j]) |
|
|
|
|
|
for(let n = 0;n<data[j].list.length;n++){ |
|
|
|
|
|
if(dataList.data.list[i].id==data[j].list[n].asfMasterId){ |
|
|
|
|
|
dataList.data.list[i][data[j].field] = data[j].list[n].label |
|
|
|
|
|
} |
|
|
|
|
|
//console.log(data[j].list[n]) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
tableDataList.value = dataList.data.list |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
}else{ |
|
|
|
|
|
tableDataList.value = data.data.list |
|
|
|
|
|
} |
|
|
|
|
|
}else{ |
|
|
|
|
|
tableDataList.value = data.data.list |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//tableDataList.value = data.data.list |
|
|
|
|
|
//liwenxuan 关联表单数据获取 end |
|
|
state.total = data.data.total |
|
|
state.total = data.data.total |
|
|
state.loading = false; |
|
|
state.loading = false; |
|
|
}) |
|
|
}) |
|
|
@ -347,8 +435,162 @@ const getPageData = () => { |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const asfGetPageData = (asfFormId: any,asfToSelectMastersKey: any) => { |
|
|
|
|
|
let searchData = [{"id":"id","label":"Id","field":"id","type":"bigint(20)","attribute":"","pattern":"bigint","fieldClass":"id","activeValue":"","inactiveValue":"","config":{"optionsType":0},"control":{"optionsValue3Formid":"","optionsValue3Field":""},"options":[],"isSearch":true,"value":asfToSelectMastersKey}] |
|
|
|
|
|
//state.loading = true; |
|
|
|
|
|
let sendData = { |
|
|
|
|
|
formId:asfFormId, |
|
|
|
|
|
page:1, |
|
|
|
|
|
pagesize:1, |
|
|
|
|
|
searchData:json2string(searchData) |
|
|
|
|
|
} |
|
|
|
|
|
//console.log("asf获取列表详细信息",sendData) |
|
|
|
|
|
gainFormPageListCont(sendData) |
|
|
|
|
|
.then((data)=>{ |
|
|
|
|
|
|
|
|
|
|
|
//console.log("获取列表详细信息----------------->",data) |
|
|
|
|
|
//liwenxuan 关联表单数据获取 start |
|
|
|
|
|
|
|
|
|
|
|
let dataList = data |
|
|
|
|
|
//console.log(dataList) |
|
|
|
|
|
asfDetails = props.data.columns.filter((item: any) => { |
|
|
|
|
|
return item.fieldClass=="associatedForms" |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(asfDetails.length>0){ |
|
|
|
|
|
//console.log(data.data.list) |
|
|
|
|
|
//拼装参数,asf值对象数组 |
|
|
|
|
|
let asfAsfQueryParams = [] |
|
|
|
|
|
for(let j = 0;j< asfDetails.length;j++){ |
|
|
|
|
|
let asfQueryParamsItem :any = {} |
|
|
|
|
|
//console.log(asfDetails[j]) |
|
|
|
|
|
asfQueryParamsItem.formId = asfDetails[j].control.formid |
|
|
|
|
|
asfQueryParamsItem.field = asfDetails[j].field |
|
|
|
|
|
|
|
|
|
|
|
let asfToSelectIds = [] |
|
|
|
|
|
for(let i = 0;i<data.data.list.length;i++){ |
|
|
|
|
|
let asfMasterAndAsfId:any = {} |
|
|
|
|
|
asfMasterAndAsfId.asfId = data.data.list[i][asfDetails[j].field] |
|
|
|
|
|
asfMasterAndAsfId.asfMasterId = data.data.list[i].id |
|
|
|
|
|
|
|
|
|
|
|
asfToSelectIds.push(asfMasterAndAsfId) |
|
|
|
|
|
} |
|
|
|
|
|
asfQueryParamsItem.asfToSelectIds = asfToSelectIds |
|
|
|
|
|
asfAsfQueryParams.push(asfQueryParamsItem) |
|
|
|
|
|
} |
|
|
|
|
|
let queryCount = 0 |
|
|
|
|
|
for(let i = 0;i<asfAsfQueryParams[0].asfToSelectIds.length;i++){ |
|
|
|
|
|
if(asfAsfQueryParams[0].asfToSelectIds[i].asfId!=undefined&&asfAsfQueryParams[0].asfToSelectIds[i].asfId!=""){ |
|
|
|
|
|
queryCount++ |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//console.log(asfAsfQueryParams) |
|
|
|
|
|
if(queryCount>0){ |
|
|
|
|
|
getAsfDataTitlesByIds(asfAsfQueryParams).then(({ data }) => { |
|
|
|
|
|
//console.log(data) |
|
|
|
|
|
for(let i = 0;i<dataList.data.list.length; i++){ |
|
|
|
|
|
//console.log(dataList.data.list[i]) |
|
|
|
|
|
for(let j = 0;j<data.length;j++){ |
|
|
|
|
|
//console.log(data[j]) |
|
|
|
|
|
for(let n = 0;n<data[j].list.length;n++){ |
|
|
|
|
|
if(dataList.data.list[i].id==data[j].list[n].asfMasterId){ |
|
|
|
|
|
dataList.data.list[i][data[j].field] = data[j].list[n].label |
|
|
|
|
|
} |
|
|
|
|
|
//console.log(data[j].list[n]) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
currentAsfTableDataList.value = dataList.data.list |
|
|
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
}else{ |
|
|
|
|
|
currentAsfTableDataList.value = data.data.list |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
}else{ |
|
|
|
|
|
currentAsfTableDataList.value = data.data.list |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
/* //liwenxuan 关联表单数据获取 end |
|
|
|
|
|
state.total = data.data.total |
|
|
|
|
|
state.loading = false; */ |
|
|
|
|
|
}) |
|
|
|
|
|
.finally(()=>{ |
|
|
|
|
|
/* state.loading = false; */ |
|
|
|
|
|
|
|
|
|
|
|
//显示关联表单本条详情 |
|
|
|
|
|
tablePageClass.value = 4; |
|
|
|
|
|
drawerWith.value = container.value?.clientWidth |
|
|
|
|
|
asflookPageInfoIsShow.value = true; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//liwenxuan 关联表单数据获取 start |
|
|
|
|
|
function getAsfDataTitlesByIds(asfQueryParams: any[]) { |
|
|
|
|
|
return request({ |
|
|
|
|
|
url: '/javasys/lowCode/AssociatedForms/getAsfDataTitlesByIds', |
|
|
|
|
|
method: 'post', |
|
|
|
|
|
data: asfQueryParams, |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
//liwenxuan 关联表单数据获取 end |
|
|
|
|
|
|
|
|
|
|
|
//liwenxuan 关联表单详情弹窗 start |
|
|
|
|
|
function showAsfDetailDialog(item: any,scope: any,asfQueryParams: any){ |
|
|
|
|
|
let val = scope.row |
|
|
|
|
|
//asfShowDetailsFlag.value= true |
|
|
|
|
|
/* console.log("item----------------->",item) |
|
|
|
|
|
console.log("scope----------------->",scope) |
|
|
|
|
|
console.log("asfQueryParams----------------->",asfQueryParams) |
|
|
|
|
|
console.log("val----------------->",val) */ |
|
|
|
|
|
let asfFormId = item.control.formid//关联表单在customer_form中的id |
|
|
|
|
|
//alert("asfFormId:"+asfFormId) |
|
|
|
|
|
let scopeColumnProperty = scope.column.property//exp:associatedForms1720570283525 |
|
|
|
|
|
|
|
|
|
|
|
let asfQueryParamsNAsfToSelectIdsNAsfMasterId = val.id |
|
|
|
|
|
//alert(asfQueryParamsNAsfToSelectIdsNAsfMasterId) |
|
|
|
|
|
let asfToSelectMastersKey = "" |
|
|
|
|
|
for(let i = 0;i<asfQueryParams.length;i++){ |
|
|
|
|
|
if(asfQueryParams[i].field == scopeColumnProperty){ |
|
|
|
|
|
|
|
|
|
|
|
for(let j = 0;j<asfQueryParams[i].asfToSelectIds.length;j++){ |
|
|
|
|
|
|
|
|
|
|
|
if(asfQueryParams[i].asfToSelectIds[j].asfMasterId==asfQueryParamsNAsfToSelectIdsNAsfMasterId){ |
|
|
|
|
|
asfToSelectMastersKey = asfQueryParams[i].asfToSelectIds[j].asfId |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
//alert("asfToSelectMastersKey:"+asfToSelectMastersKey) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
asfGetPageData(asfFormId,asfToSelectMastersKey) |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
//liwenxuan 关联表单详情弹窗 end |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onMounted(()=>{ |
|
|
onMounted(()=>{ |
|
|
|
|
|
console.log("视图数据提交---》",props.viewPage); |
|
|
getPageData() |
|
|
getPageData() |
|
|
|
|
|
nextTick(()=>{ |
|
|
|
|
|
drawerWith.value = container.value?.clientWidth |
|
|
|
|
|
}) |
|
|
}) |
|
|
}) |
|
|
/** |
|
|
/** |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ -391,7 +633,7 @@ const confirmEvent = (val:any) => { |
|
|
} |
|
|
} |
|
|
softDeletion(sendData) |
|
|
softDeletion(sendData) |
|
|
.then((data)=>{ |
|
|
.then((data)=>{ |
|
|
console.log('cancel!',data) |
|
|
// console.log('cancel!',data) |
|
|
ElNotification({ |
|
|
ElNotification({ |
|
|
title: '系统提示！', |
|
|
title: '系统提示！', |
|
|
message: data.mag?data.mag:"删除成功", |
|
|
message: data.mag?data.mag:"删除成功", |
|
|
@ -412,13 +654,14 @@ const drawerWith = ref(); //编辑表单时抽屉宽度 |
|
|
*/ |
|
|
*/ |
|
|
const tablePageClass = ref(1) |
|
|
const tablePageClass = ref(1) |
|
|
const lookPageInfoIsShow = ref(false) |
|
|
const lookPageInfoIsShow = ref(false) |
|
|
|
|
|
const asflookPageInfoIsShow = ref(false) |
|
|
const pageInfoCont = ref<any>() |
|
|
const pageInfoCont = ref<any>() |
|
|
|
|
|
|
|
|
const lookPageInfo = (val:any) => { |
|
|
const lookPageInfo = (val:any) => { |
|
|
tablePageClass.value = 4; |
|
|
tablePageClass.value = 4; |
|
|
pageInfoCont.value = val |
|
|
pageInfoCont.value = val |
|
|
drawerWith.value = container.value?.clientWidth |
|
|
drawerWith.value = container.value?.clientWidth |
|
|
lookPageInfoIsShow.value = true; |
|
|
lookPageInfoIsShow.value = true; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
/** |
|
|
/** |
|
|
@ 作者: 秦东 |
|
|
@ 作者: 秦东 |
|
|
@ -427,7 +670,7 @@ const lookPageInfo = (val:any) => { |
|
|
*/ |
|
|
*/ |
|
|
|
|
|
|
|
|
const editInfo = (val:any) => { |
|
|
const editInfo = (val:any) => { |
|
|
console.log('修改数据!',val) |
|
|
// console.log('修改数据!',val) |
|
|
operState.value = 5; |
|
|
operState.value = 5; |
|
|
tablePageClass.value = 2; |
|
|
tablePageClass.value = 2; |
|
|
pageInfoCont.value = val |
|
|
pageInfoCont.value = val |
|
|
@ -452,7 +695,7 @@ const submitApproval = (val:any) => { |
|
|
@ 功能: 撤回申请 |
|
|
@ 功能: 撤回申请 |
|
|
*/ |
|
|
*/ |
|
|
const withdrawApplication = (val:any) => { |
|
|
const withdrawApplication = (val:any) => { |
|
|
console.log("撤回申请", val); |
|
|
// console.log("撤回申请", val); |
|
|
let sendInfo = { |
|
|
let sendInfo = { |
|
|
// id: val.masters_key, |
|
|
// id: val.masters_key, |
|
|
id: val.runFlowId |
|
|
id: val.runFlowId |
|
|
@ -501,19 +744,21 @@ const tabsView = (val:any,types:number) => { |
|
|
viewType.value = types |
|
|
viewType.value = types |
|
|
val.isClick = true |
|
|
val.isClick = true |
|
|
viewLayout.value = val |
|
|
viewLayout.value = val |
|
|
console.log("切换视图展示方式",val) |
|
|
// console.log("切换视图展示方式",val) |
|
|
switch(types){ |
|
|
switch(types){ |
|
|
case 2: |
|
|
case 2: |
|
|
props.viewPage.list.isClick = false |
|
|
props.viewPage.list.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
|
|
|
props.viewPage.card.isClick = false |
|
|
break; |
|
|
break; |
|
|
case 3: |
|
|
case 3: |
|
|
props.viewPage.list.isClick = false |
|
|
props.viewPage.list.isClick = false |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
|
|
|
props.viewPage.card.isClick = false |
|
|
getPageData() |
|
|
getPageData() |
|
|
break; |
|
|
break; |
|
|
case 4: |
|
|
case 4: |
|
|
@ -521,15 +766,25 @@ const tabsView = (val:any,types:number) => { |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
|
|
|
props.viewPage.card.isClick = false |
|
|
break; |
|
|
break; |
|
|
case 5: |
|
|
case 5: |
|
|
|
|
|
props.viewPage.card.isClick = false |
|
|
props.viewPage.list.isClick = false |
|
|
props.viewPage.list.isClick = false |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
break; |
|
|
break; |
|
|
|
|
|
case 6: |
|
|
|
|
|
props.viewPage.list.isClick = false |
|
|
|
|
|
props.viewPage.date.isClick = false |
|
|
|
|
|
props.viewPage.time.isClick = false |
|
|
|
|
|
props.viewPage.gantt.isClick = false |
|
|
|
|
|
props.viewPage.map.isClick = false |
|
|
|
|
|
break; |
|
|
default: |
|
|
default: |
|
|
props.viewPage.date.isClick = false |
|
|
props.viewPage.date.isClick = false |
|
|
|
|
|
props.viewPage.card.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.time.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.gantt.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
props.viewPage.map.isClick = false |
|
|
@ -540,7 +795,6 @@ const tabsView = (val:any,types:number) => { |
|
|
</script> |
|
|
</script> |
|
|
<template> |
|
|
<template> |
|
|
<div ref="container" v-loading="state.loading" class="table-list-comm"> |
|
|
<div ref="container" v-loading="state.loading" class="table-list-comm"> |
|
|
|
|
|
|
|
|
<el-row class="rowBox"> |
|
|
<el-row class="rowBox"> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-form v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm"> |
|
|
<el-form v-if="config.searchIsShow" ref="ruleSearchForm" class="seacherForm"> |
|
|
@ -622,7 +876,6 @@ const tabsView = (val:any,types:number) => { |
|
|
</el-form> |
|
|
</el-form> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
|
|
|
|
|
|
<div class="operateButArea"> |
|
|
<div class="operateButArea"> |
|
|
<div class="operatLeft"> |
|
|
<div class="operatLeft"> |
|
|
<el-text v-if="data.controlBtn.length === 0" class="mx-1 tipBox" type="info">操作按钮区域</el-text> |
|
|
<el-text v-if="data.controlBtn.length === 0" class="mx-1 tipBox" type="info">操作按钮区域</el-text> |
|
|
@ -647,51 +900,59 @@ const tabsView = (val:any,types:number) => { |
|
|
<el-button size="small" @click="config.searchIsShow=!config.searchIsShow" class="fa fa-search" /> |
|
|
<el-button size="small" @click="config.searchIsShow=!config.searchIsShow" class="fa fa-search" /> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip |
|
|
<el-tooltip |
|
|
v-if="viewPage.list.status" |
|
|
v-if="props.viewPage.list.status" |
|
|
class="box-item" |
|
|
class="box-item" |
|
|
effect="dark" |
|
|
effect="dark" |
|
|
content="列表视图" |
|
|
content="列表视图" |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-button size="small" class="fa fa-table" :color="viewPage.list.isClick?'#a0cfff':''" @click="tabsView(viewPage.list,1)" /> |
|
|
<el-button size="small" class="fa fa-table" :color="props.viewPage.list.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.list,1)" /> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip |
|
|
<el-tooltip |
|
|
v-if="viewPage.date.status" |
|
|
v-if="props.viewPage.card&&props.viewPage.card.status" |
|
|
|
|
|
class="box-item" |
|
|
|
|
|
effect="dark" |
|
|
|
|
|
content="卡片视图" |
|
|
|
|
|
placement="top" |
|
|
|
|
|
> |
|
|
|
|
|
<el-button size="small" class="fa fa-id-card-o" :color="props.viewPage.card&&props.viewPage.card.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.card,6)" /> |
|
|
|
|
|
</el-tooltip> |
|
|
|
|
|
<el-tooltip |
|
|
|
|
|
v-if="props.viewPage.date.status" |
|
|
class="box-item" |
|
|
class="box-item" |
|
|
effect="dark" |
|
|
effect="dark" |
|
|
content="日历视图" |
|
|
content="日历视图" |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-button size="small" class="fa fa-calendar" :color="viewPage.date.isClick?'#a0cfff':''" @click="tabsView(viewPage.date,2)" /> |
|
|
<el-button size="small" class="fa fa-calendar" :color="props.viewPage.date.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.date,2)" /> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip |
|
|
<el-tooltip |
|
|
v-if="viewPage.time.status" |
|
|
v-if="props.viewPage.time.status" |
|
|
class="box-item" |
|
|
class="box-item" |
|
|
effect="dark" |
|
|
effect="dark" |
|
|
content="时间轴" |
|
|
content="时间轴" |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-button size="small" class="fa fa-clock-o" :color="viewPage.time.isClick?'#a0cfff':''" @click="tabsView(viewPage.time,3)" /> |
|
|
<el-button size="small" class="fa fa-clock-o" :color="props.viewPage.time.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.time,3)" /> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip |
|
|
<el-tooltip |
|
|
v-if="viewPage.gantt.status" |
|
|
v-if="props.viewPage.gantt.status" |
|
|
class="box-item" |
|
|
class="box-item" |
|
|
effect="dark" |
|
|
effect="dark" |
|
|
content="甘特图" |
|
|
content="甘特图" |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-button size="small" class="fa fa-bar-chart" :color="viewPage.gantt.isClick?'#a0cfff':''" @click="tabsView(viewPage.gantt,4)" /> |
|
|
<el-button size="small" class="fa fa-bar-chart" :color="props.viewPage.gantt.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.gantt,4)" /> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
<el-tooltip |
|
|
<el-tooltip |
|
|
v-if="viewPage.map.status" |
|
|
v-if="props.viewPage.map.status" |
|
|
class="box-item" |
|
|
class="box-item" |
|
|
effect="dark" |
|
|
effect="dark" |
|
|
content="地图视图" |
|
|
content="地图视图" |
|
|
placement="top" |
|
|
placement="top" |
|
|
> |
|
|
> |
|
|
<el-button size="small" class="fa fa-map-signs" :color="viewPage.map.isClick?'#a0cfff':''" @click="tabsView(viewPage.map,5)" /> |
|
|
<el-button size="small" class="fa fa-map-signs" :color="props.viewPage.map.isClick?'#a0cfff':''" @click="tabsView(props.viewPage.map,5)" /> |
|
|
</el-tooltip> |
|
|
</el-tooltip> |
|
|
|
|
|
|
|
|
</el-button-group> |
|
|
</el-button-group> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -839,6 +1100,17 @@ const tabsView = (val:any,types:number) => { |
|
|
<template v-if="item.fieldClass=='baidumap'" #default="scope"> |
|
|
<template v-if="item.fieldClass=='baidumap'" #default="scope"> |
|
|
{{scope.row[scope.column.property]}} |
|
|
{{scope.row[scope.column.property]}} |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
<template v-if="item.fieldClass=='associatedForms'" #default="scope"> |
|
|
|
|
|
<el-button |
|
|
|
|
|
key="primary" |
|
|
|
|
|
type="primary" |
|
|
|
|
|
link |
|
|
|
|
|
@click="showAsfDetailDialog(item,scope,asfQueryParams)" |
|
|
|
|
|
> |
|
|
|
|
|
|
|
|
|
|
|
{{scope.row[scope.column.property]}} |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</template> |
|
|
</template> |
|
|
</el-table> |
|
|
</el-table> |
|
|
@ -857,16 +1129,19 @@ const tabsView = (val:any,types:number) => { |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col v-if="viewType==2" :span="24"> |
|
|
<el-col v-if="viewType==2" :span="24"> |
|
|
<CalendarPage /> |
|
|
<CalendarPage ref="calendarPageRef" :search-send="searchSend" :body-hight="265" :drawer-with="drawerWith" :view-setup="viewPage.card" /> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col v-if="viewType==3" :span="24"> |
|
|
<el-col v-if="viewType==3" :span="24"> |
|
|
<TimeAxisPage ref="timeAxisRef" :data="tableDataList" :view-layout="viewLayout" :columns-filter="columnsFilter" :search-send="searchSend" /> |
|
|
<TimeAxisPage ref="timeAxisRef" :data="tableDataList" :view-layout="viewLayout" :columns-filter="columnsFilter" :search-send="searchSend" :drawer-with="drawerWith" /> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col v-if="viewType==4" :span="24"> |
|
|
<el-col v-if="viewType==4" :span="24"> |
|
|
甘特图 |
|
|
<GanttPageIng ref="ganttPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.gantt" /> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col v-if="viewType==5" :span="24"> |
|
|
<el-col v-if="viewType==5" :span="24"> |
|
|
地图 |
|
|
<MapPage ref="mapPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.map" /> |
|
|
|
|
|
</el-col> |
|
|
|
|
|
<el-col v-if="viewType==6" :span="24"> |
|
|
|
|
|
<CardPage ref="cardPageRef" :search-send="searchSend" :drawer-with="drawerWith" :view-setup="viewPage.card" :columns-filter="columnsFilter" /> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="24" style="display:none"> |
|
|
<el-col :span="24" style="display:none"> |
|
|
<el-button-group> |
|
|
<el-button-group> |
|
|
@ -931,7 +1206,7 @@ const tabsView = (val:any,types:number) => { |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
<FormPageCont v-model:is-show="lookPageInfoIsShow" :drawer-with="drawerWith" :page-info="pageInfoCont" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getPageData" /> |
|
|
<FormPageCont v-model:is-show="lookPageInfoIsShow" :drawer-with="drawerWith" :page-info="pageInfoCont" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getPageData" /> |
|
|
|
|
|
<FormPageCont v-model:is-show="asflookPageInfoIsShow" :drawer-with="drawerWith" :page-info="currentAsfTableDataList[0]" :table-page-class="tablePageClass" :oper-state="operState" @getPageData="getPageData" /> |
|
|
<TableFlow v-model:isopen="openTaskDrawer" :versionid="props.versionid" :versiontitle="props.versiontitle" :drawerwith="drawerWith" :pick-app-menu="pickAppMenu" @searchquery="getListData" /> |
|
|
<TableFlow v-model:isopen="openTaskDrawer" :versionid="props.versionid" :versiontitle="props.versiontitle" :drawerwith="drawerWith" :pick-app-menu="pickAppMenu" @searchquery="getListData" /> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
@ -941,7 +1216,7 @@ const tabsView = (val:any,types:number) => { |
|
|
width:100%; |
|
|
width:100%; |
|
|
} |
|
|
} |
|
|
.table-list-comm{ |
|
|
.table-list-comm{ |
|
|
padding:0px 15px 15px 15px; |
|
|
padding:0px 15px 5px 15px; |
|
|
} |
|
|
} |
|
|
.seacherForm{ |
|
|
.seacherForm{ |
|
|
min-height: auto; |
|
|
min-height: auto; |
|
|
|
