ShutongInterconnectedChemicalCloudPlatform/src/views/taskplatform/taskmanagement/lookFlowInfoApp.vue

<!--
@ 作者: 秦东
@ 时间: 2024-06-17 15:30:36
@ 备注: App执行任务
-->
<script lang='ts' setup>
import { submitButton, afreshSubmitButton,editFormCont,draftSubmitButton,editLookFormCont } from "@/utils/workflow/const";
import {
    json2string,
    objToStringify,
    string2json,
    stringToObj
} from '@/utils/DesignForm/form'

import { haveCustomerFormVersion,generateFlow,gainTaskFormInfo,gainEditDataLog } from '@/api/taskapi/management'

import RunFlowStepApp from '@/views/taskplatform/taskmanagement/runFlowStepApp.vue'

import { judgeSubmitCancel,startRunFlow,afreshRunFlow,onlyPublishFlow,gainEditFormFlowInfo } from '@/api/DesignForm/requestapi'


import FlowStep from '@/views/taskplatform/taskmanagement/flowStep.vue'

const props = defineProps({
	isshow:{
		type:Boolean,
		default:true
	},
	drawerWith:{
		type:Number,
		default:0
	},
	flowLogInfo:{
		type:Object,
		default(){
			return {}
		}
	},
	operState:{
		type:Number,
		default:1
	}
})
const flowAry = ref<any[]>();
const emits = defineEmits(["update:isshow","getmytodolist"]);
const isOpen =   computed({
	get: () => props.isshow,
	set: (val) => {
		emits("update:isshow", val);
	},
});
const logistrue = ref(false)
const formLoading  = ref(false)
const loadingData = ref(false)			//加载表单数据
const flowLoading = ref(false)			//加载流程数据
const versiontitle = ref<any>("")
const flowMap = ref<any>()
const nextStep = ref(0)
const nodeKey = ref<string>('');
const currentProgress  = ref<number>(1);
const newLogAry = ref<any>("")
const oldLogAry = ref<any>("")
const newDataLen  = ref<number>(0);
//表单相关内容
const formState = reactive({
    formData: {
      list: [],
      form: {},
      config: {}
    },
    dict: {},
    formId: 25,
    id: 1,
    loading: true
})
const formEl = ref<any>()
const drawerBeforeClose = () => {
	// console.log("监听打开关闭",false)
	emits("getmytodolist")
	emits("update:isshow", false);
}

onMounted(()=>{
	versiontitle.value = props.flowLogInfo.title
	flowMap.value = JSON.parse(props.flowLogInfo.flowcont)
	// console.log("监听打开关闭",props.flowLogInfo)
	gainFormData()
})
const pageLog = ref<any[]>([])
//获取表单内容
const gainFormData = () =>{
	formLoading.value = true;
	// console.log("获取表单内容--->",props.flowLogInfo)
	nextStep.value = props.flowLogInfo.nextStep
	nodeKey.value = props.flowLogInfo.nodeKey;
	currentProgress.value = props.flowLogInfo.currentStep
	// console.log("props.flowLogInfo--5-------->",props.flowLogInfo.mastesform)
	formState.formData = stringToObj(props.flowLogInfo.mastesform)

	gainTaskFormInfo({ id: props.flowLogInfo.mastersKeyStr})
					.then((data:any)=>{
						if(data.data.logistrue){
							formState.formData.list.push(editLookFormCont)
						}
						// console.log("res----获得数据回显------->",data)
						formEl.value.setValue(data.data.masterDataInfo)
						newLogAry.value = data.data.newData
						oldLogAry.value = data.data.oldData
						logistrue.value = data.data.logistrue
						newDataLen.value = data.data.newDataLen
						formLoading.value = false;
						nextTick(()=>{
							// console.log("获取自定义表单内容-1111-->",data.data.tableData)
							formEl.value.setValue(data.data.tableData)
						})
					})
					.finally(()=>{
						formLoading.value = false;
						gainEditDataLog({id:props.flowLogInfo.mastersKeyStr})
						.then(({data})=>{
							// console.log("获取修改记录-1111-->",data)
							pageLog.value = data
						});
					})
	// haveCustomerFormVersion({id:props.flowLogInfo.version_id.toString()})
	// 		.then(({ data }) =>{
				
	// 			formState.dict = string2json(data.dict)
	// 			judgeSubmitCancel({"name":data.mastesformjson})
	// 				.then((dataBut:any) =>{
	// 					if(dataBut.code == 0){
	// 						formState.formData.list.push(afreshSubmitButton)
	// 							// console.log("res----判断按钮------->",dataBut,props.operState)
	// 							// if (dataBut.data == 3 || dataBut.data == 4){
	// 							// 	formInfo.formData.list.push(editFormCont)
	// 							// }
	// 					}
	// 				})
	// 		})
	// 		.finally(() => {
	// 			formLoading.value = false;
				
					// formEl
	// 	})
}
</script>
<template>
	<el-drawer  v-model="isOpen" v-loading="loadingData" element-loading-my-text="Loading..." :title="versiontitle"  :close-on-click-modal="false" :close-on-press-escape="false" :destroy-on-close="true" :size="props.drawerWith" class="drawerClass" :before-close="drawerBeforeClose">
		<table border="0"  class="tableFlowBox">
			<tr>
				<td valign="top">
					<div class="drawerFormBox boxLeft">
						<ak-form
							ref="formEl"
							v-loading="formLoading" element-loading-text="Loading..."
							:form-data="formState.formData"
							:type="formType"
							:dict="formState.dict"
							request-url="getFormContent"
							add-url="saveFormContent"
							edit-url="editFormContent"
							:before-submit="beforeSubmit"
							:close-app-submit="closeAppSubmit"
							:change-key-val="changeKeyVal"
							:anew-submit = "anewSubmit"
							:save-edit-form-info="saveEditFormInfo"
							:send-draft-submit= "sendDraftSubmit"
						/>
						<el-divider v-if="pageLog&&pageLog.length > 0" content-position="left">历史2记录</el-divider>
						<el-timeline>
							<el-timeline-item v-for="(item,index) in pageLog" :key="index" :timestamp="item.time+' 操作人：'+item.creater" placement="top">
								<el-card>
									<el-descriptions  border>
										<el-descriptions-item v-for="(mastItem,mastIndex) in item.masterdata" :key="mastIndex" :label="mastIndex">
											{{mastItem}}
										</el-descriptions-item>
									</el-descriptions>
									<el-tabs v-if="item.sunList" type="border-card" style="margin-top:20px;">
										<el-tab-pane v-for="(sonItem,sonIndex) in item.sunList" :label="sonIndex" :key="sonIndex">
											<el-descriptions v-for="(sonVal,sonIndex) in sonItem" :key="sonIndex" border>
												<el-descriptions-item v-for="(sonCentor,sonKey) in sonVal" :key="sonKey" :label="sonKey">	{{sonCentor}}
												</el-descriptions-item>
											</el-descriptions>
										</el-tab-pane>
									</el-tabs>
									<table style="margin-top:20px;">
										<tr>
											<td class="biankuang" width="100">修改说明：</td>
											<td class="biankuang">{{item.explicate}}</td>
										</tr>
									</table>
								</el-card>
								
								
							</el-timeline-item>
							
							
					
						</el-timeline>


					</div>
				
				</td>
				<td valign="top" width="350">
					<RunFlowStepApp ref="runstep" v-model:flowary="flowAry" :flow-key="props.flowLogInfo.idStr" :current-progress="currentProgress"  @updatelist="drawerBeforeClose" />
				</td>
			</tr>
		</table>
		
	</el-drawer>
</template>
<style  lang='scss' scoped>
.biankuang{
	border: 1px solid #D4D7DE;
	padding:10px 10px;
}
</style>