zhouhaibin
8 months ago
7 changed files with 745 additions and 233 deletions
@ -0,0 +1,111 @@ |
|||||
|
<template> |
||||
|
<PageWrapper dense> |
||||
|
<!--引用表格--> |
||||
|
<BasicTable @register="registerTable"> |
||||
|
<!--插槽:table标题--> |
||||
|
<!--操作栏--> |
||||
|
<template #action="{ record }"> |
||||
|
<!-- <TableAction :actions="getTableAction(record)" /> --> |
||||
|
<TableAction |
||||
|
:actions="getTableAction(record)" |
||||
|
/> |
||||
|
</template> |
||||
|
</BasicTable> |
||||
|
|
||||
|
<BasicModal |
||||
|
@register="registeProjectrModal" |
||||
|
title="项目信息详情" |
||||
|
width="1200px" |
||||
|
:showOkBtn="false" |
||||
|
> |
||||
|
<Detailpage |
||||
|
:projectid="proid" |
||||
|
:stage="ProjectStage" |
||||
|
:IsModify="IsModify" |
||||
|
:showUploadfileDetail="showUploadfileDetail" |
||||
|
:showApprovalDetails="showApprovalDetails" |
||||
|
/> |
||||
|
</BasicModal> |
||||
|
|
||||
|
</PageWrapper> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" name="ProjectTable" setup> |
||||
|
//ts语法 |
||||
|
import { ref } from 'vue'; |
||||
|
import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table'; |
||||
|
import { PageWrapper } from '@/components/Page'; |
||||
|
|
||||
|
import { BasicModal, useModal } from '@/components/Modal'; |
||||
|
import { columns } from '@/views/projectLib/projectInfo/projectInfo.data'; |
||||
|
import Detailpage from '@/views/projectLib/projectInfo/Detailpage.vue'; |
||||
|
import { |
||||
|
getProjectInfoAndChildPageList, |
||||
|
batchdownloadProject, |
||||
|
isShowByRoles, |
||||
|
uploacFilePageList, |
||||
|
} from '@/views/projectLib/projectInfo/projectInfo.api'; |
||||
|
let proid = ref(); |
||||
|
let ProjectStage = ref(); |
||||
|
let IsModify = ref(); |
||||
|
let showUploadfileDetail = ref(); |
||||
|
let showApprovalDetails = ref(true); |
||||
|
let dataTo = defineProps(['row']); |
||||
|
|
||||
|
const [registeProjectrModal, { openModal: openModalProjectr }] = useModal(); //项目详情 |
||||
|
|
||||
|
console.log('isShowByRoles', isShowByRoles('manage,sys:admin')); |
||||
|
|
||||
|
const [registerTable] = useTable({ |
||||
|
title: '项目信息', |
||||
|
dataSource:dataTo.row, |
||||
|
useSearchForm: false, |
||||
|
columns: columns, |
||||
|
rowKey: 'id', |
||||
|
showIndexColumn: false, |
||||
|
actionColumn: { |
||||
|
width: 140, |
||||
|
title: '操作', |
||||
|
dataIndex: 'action', |
||||
|
slots: { customRender: 'action' }, |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
|
function getTableAction(record): ActionItem[] { |
||||
|
//需要实时刷新,防止两个人同时上传 |
||||
|
|
||||
|
return [ |
||||
|
{ |
||||
|
label: '详情', |
||||
|
onClick: handleDetailpage.bind(null, record), |
||||
|
},] |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
async function handleDetailpage(record) { |
||||
|
ProjectStage.value = record.stage; |
||||
|
proid.value = record.id; |
||||
|
IsModify.value = record.ismodify; |
||||
|
let data = await uploacFilePageList({ stage: '1', projectid: record.id }); |
||||
|
if (data.total > 0) { |
||||
|
showUploadfileDetail.value = true; |
||||
|
} else { |
||||
|
showUploadfileDetail.value = false; |
||||
|
} |
||||
|
if (record.stage == 0) { |
||||
|
showApprovalDetails.value = false; |
||||
|
} |
||||
|
if (record.stage == 1) { |
||||
|
showApprovalDetails.value = true; |
||||
|
} |
||||
|
// if(record.projectId != undefined||record.projectId!=null){ |
||||
|
// showApprovalDetails.value = false |
||||
|
// } |
||||
|
openModalProjectr(); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped></style> |
||||
@ -0,0 +1,95 @@ |
|||||
|
<template> |
||||
|
<!-- <BasicTable @register="registerTable"> |
||||
|
|
||||
|
</BasicTable> --> |
||||
|
<ProjectTable :row="dataTo.row"/> |
||||
|
<el-divider content-position="left">拆分为第一个项目</el-divider> |
||||
|
<BasicForm @register="registerchangeFieldForm1" /> |
||||
|
<el-divider content-position="left">拆分为第二个项目</el-divider> |
||||
|
<BasicForm @register="registerchangeFieldForm2" @submit="handleSubmit" /> |
||||
|
</template> |
||||
|
<script lang="ts" name="SplitProject" setup> |
||||
|
import { defineProps, onMounted, ref, reactive } from 'vue'; |
||||
|
|
||||
|
import { submitSplitProject } from './projectInfo.api'; |
||||
|
import { useForm, BasicForm } from '@/components/Form'; |
||||
|
import { formSchemas } from './projectInfo.data'; |
||||
|
import { cloneDeep } from 'lodash-es'; |
||||
|
import ProjectTable from "@/views/ProcessApprovalSubPage/component/projectTable.vue" |
||||
|
let dataTo = defineProps(['row', 'stage', 'IsModify', 'fatherid']); |
||||
|
let emit = defineEmits(['close']); |
||||
|
console.log('dataTo11111', dataTo); |
||||
|
onMounted(async () => { |
||||
|
let formSchemasTemp = cloneDeep(formSchemas); |
||||
|
let schemas = [ |
||||
|
'projectName', |
||||
|
'adminDivision', |
||||
|
'dutyWorkplace', |
||||
|
'workplaceProperties', |
||||
|
'reformName', |
||||
|
'superLeader', |
||||
|
]; |
||||
|
let SchemaList = []; |
||||
|
schemas.forEach((schemasitem) => { |
||||
|
formSchemasTemp.forEach((item) => { |
||||
|
if (item.field == schemasitem) { |
||||
|
item.dynamicDisabled = false; |
||||
|
SchemaList.push(item); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
resetSchema1(SchemaList); |
||||
|
resetSchema2(SchemaList); |
||||
|
}); |
||||
|
// |
||||
|
const [ |
||||
|
registerchangeFieldForm1, |
||||
|
{ getFieldsValue: getFieldsValue1, validate: validate1, resetSchema:resetSchema1 }, |
||||
|
] = useForm({ |
||||
|
//查询列占比 24代表一行 取值范围 0-24 |
||||
|
actionColOptions: { span: 14 }, |
||||
|
showResetButton:false, |
||||
|
showSubmitButton:false, |
||||
|
resetFunc: customResetFunc, |
||||
|
labelCol: { style: { width: '120px' } }, |
||||
|
wrapperCol: { style: { width: 'auto' } }, |
||||
|
// disabled:true |
||||
|
}); |
||||
|
const [ |
||||
|
registerchangeFieldForm2, |
||||
|
{ getFieldsValue: getFieldsValue2, validate: validate2, resetSchema:resetSchema2 }, |
||||
|
] = useForm({ |
||||
|
resetButtonOptions: { text: '取消' }, |
||||
|
|
||||
|
submitButtonOptions: { text: '提交' }, |
||||
|
//查询列占比 24代表一行 取值范围 0-24 |
||||
|
actionColOptions: { span: 14 }, |
||||
|
|
||||
|
resetFunc: customResetFunc, |
||||
|
labelCol: { style: { width: '120px' } }, |
||||
|
wrapperCol: { style: { width: 'auto' } }, |
||||
|
// disabled:true |
||||
|
}); |
||||
|
async function handleSubmit() { |
||||
|
let projectids=[] |
||||
|
projectids.push(dataTo.row[0].id) |
||||
|
if (await validate1 && await validate2) { |
||||
|
let fields1=await getFieldsValue1() |
||||
|
let fields2=await getFieldsValue2() |
||||
|
fields1['projectids']=projectids |
||||
|
fields1['phone']=dataTo.row[0].phone |
||||
|
fields1['projectContacts']=dataTo.row[0].projectContacts |
||||
|
fields2['projectids']=projectids |
||||
|
fields2['phone']=dataTo.row[0].phone |
||||
|
fields2['projectContacts']=dataTo.row[0].projectContacts |
||||
|
let fields=[fields1,fields2] |
||||
|
await submitSplitProject(fields); |
||||
|
|
||||
|
emit('close'); |
||||
|
} |
||||
|
} |
||||
|
async function customResetFunc() { |
||||
|
emit('close'); |
||||
|
} |
||||
|
</script> |
||||
|
<style></style> |
||||
@ -0,0 +1,75 @@ |
|||||
|
<template> |
||||
|
<!-- <BasicTable @register="registerTable"> |
||||
|
|
||||
|
</BasicTable> --> |
||||
|
<ProjectTable :row="dataTo.row"/> |
||||
|
<el-divider content-position="left">合并项目</el-divider> |
||||
|
<BasicForm @register="registerchangeFieldForm" @submit="handleSubmit" /> |
||||
|
</template> |
||||
|
<script lang="ts" name="Detailpage" setup> |
||||
|
import { defineProps, onMounted, ref, reactive } from 'vue'; |
||||
|
|
||||
|
import { submitMergeProject } from './projectInfo.api'; |
||||
|
import { useForm, BasicForm } from '@/components/Form'; |
||||
|
import { formSchemas } from './projectInfo.data'; |
||||
|
import { cloneDeep } from 'lodash-es'; |
||||
|
import ProjectTable from "@/views/ProcessApprovalSubPage/component/projectTable.vue" |
||||
|
let dataTo = defineProps(['row', 'stage', 'IsModify', 'fatherid']); |
||||
|
let emit = defineEmits(['close']); |
||||
|
console.log('dataTo11111', dataTo); |
||||
|
onMounted(async () => { |
||||
|
let formSchemasTemp = cloneDeep(formSchemas); |
||||
|
let schemas = [ |
||||
|
'projectName', |
||||
|
'adminDivision', |
||||
|
'dutyWorkplace', |
||||
|
'workplaceProperties', |
||||
|
'reformName', |
||||
|
'superLeader', |
||||
|
]; |
||||
|
let SchemaList = []; |
||||
|
schemas.forEach((schemasitem) => { |
||||
|
formSchemasTemp.forEach((item) => { |
||||
|
if (item.field == schemasitem) { |
||||
|
item.dynamicDisabled = false; |
||||
|
SchemaList.push(item); |
||||
|
} |
||||
|
}); |
||||
|
}); |
||||
|
resetSchema(SchemaList); |
||||
|
}); |
||||
|
// |
||||
|
const [ |
||||
|
registerchangeFieldForm, |
||||
|
{ getFieldsValue, validate, setFieldsValue, resetSchema, appendSchemaByField }, |
||||
|
] = useForm({ |
||||
|
resetButtonOptions: { text: '取消' }, |
||||
|
|
||||
|
submitButtonOptions: { text: '提交' }, |
||||
|
//查询列占比 24代表一行 取值范围 0-24 |
||||
|
actionColOptions: { span: 14 }, |
||||
|
|
||||
|
resetFunc: customResetFunc, |
||||
|
labelCol: { style: { width: '120px' } }, |
||||
|
wrapperCol: { style: { width: 'auto' } }, |
||||
|
// disabled:true |
||||
|
}); |
||||
|
async function handleSubmit() { |
||||
|
let projectids=[] |
||||
|
projectids.push(dataTo.row[0].id) |
||||
|
projectids.push(dataTo.row[1].id) |
||||
|
if (await validate) { |
||||
|
let fields=await getFieldsValue() |
||||
|
fields['projectids']=projectids |
||||
|
fields['phone']=dataTo.row[0].phone |
||||
|
fields['projectContacts']=dataTo.row[0].projectContacts |
||||
|
await submitMergeProject(fields); |
||||
|
|
||||
|
emit('close'); |
||||
|
} |
||||
|
} |
||||
|
async function customResetFunc() { |
||||
|
emit('close'); |
||||
|
} |
||||
|
</script> |
||||
|
<style></style> |
||||
Loading…
Reference in new issue