yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

修改

pull/480/head
liting 2024-06-30 16:25:31 +08:00
parent db82694e37
commit a24b03e43f
17 changed files with 414 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Dialog/src/Dialog.vue
View File

@ -7,6 +7,7 @@ const slots = useSlots()
const props = defineProps({
modelValue: propTypes.bool.def(false),
Fullscreen:propTypes.bool.def(true),
title: propTypes.string.def('Dialog'),
fullscreen: propTypes.bool.def(false),
width: propTypes.oneOfType([String, Number]).def('40%'),
@ -26,7 +27,7 @@ const getBindValue = computed(() => {
return obj
})
const isFullscreen = ref(true)
const isFullscreen = ref(props.Fullscreen)
const toggleFull = () => {
isFullscreen.value = !unref(isFullscreen)

11
src/utils/formatTime.ts
View File

@ -211,7 +211,16 @@ export function dateFormatter(_row: any, _column: TableColumnCtx<any>, cellValue
export function dateFormatter2(_row: any, _column: TableColumnCtx<any>, cellValue: any): string {
return cellValue ? formatDate(cellValue, 'YYYY-MM-DD') : ''
}
/**
* element plus 的时间 Formatter 实现，使用 YYYY 格式
*
* @param row 行数据
* @param column 字段
* @param cellValue 字段值
*/
export function dateFormatter3(cellValue: any): string {
return cellValue ? formatDate(cellValue, 'YYYY') : ''
}
/**
* 设置起始日期，时间为00:00:00
* @param param 传入日期

8
src/views/acceptance/acceptance/MainForm.vue
View File

@ -77,11 +77,11 @@
</el-form-item>
</el-col>
<el-col :span="6">
<!-- <el-col :span="6">
<el-form-item label="审核单位" prop="reviewUnitName">
<el-input v-model="formData.reviewUnitName" placeholder="请输入审核单位名称" />
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="6">
<el-form-item label="验收形式" prop="accMode">
@ -91,11 +91,11 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<!-- <el-col :span="6">
<el-form-item label="验收结果" prop="accResult">
<el-input v-model="formData.accResult" placeholder="请输入验收结果" />
</el-form-item>
</el-col>
</el-col> -->
</el-row>
</el-form>

8
src/views/acceptance/acceptance/components/CheckForm.vue
View File

@ -102,9 +102,15 @@ const handleAdd = () => {
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch {}
}
/** 表单校验 */

4
src/views/acceptance/acceptance/index.vue
View File

@ -322,9 +322,9 @@
<el-table v-loading="loading1" :data="list1" :stripe="true" :show-overflow-tooltip="true" highlight-current-row>
<el-table-column align="center" width="65">
<template #default="scope">
<el-checkbox :label="scope.row.id" v-model="currentRowValue" @change="handleCurrentChange(scope.row)">
<el-radio :label="scope.row.id" v-model="currentRowValue" @change="handleCurrentChange(scope.row)">
&nbsp;
</el-checkbox>
</el-radio>
</template>
</el-table-column>
<el-table-column label="项目名称" align="center" prop="projectName" />

3
src/views/change/change/MainForm.vue
View File

@ -125,6 +125,9 @@ const open = async (type: string, id?: number) => {
formLoading.value = true
try {
formData.value = await MainApi.getMain(id)
if(formData.value.changeType){
formData.value.changeType = formData.value.changeType.split(",")
}
} finally {
formLoading.value = false
}

61
src/views/contract/contract/MainForm.vue
View File

@ -14,7 +14,7 @@
</el-col>
<el-col :span="6">
<el-form-item label="项目负责人" prop="projectLeader">
<el-input v-model="formData.projectLeader" placeholder="请输入项目负责人" disabled/>
<el-input v-model="formData.projectLeader" placeholder="请输入项目负责人" />
</el-form-item></el-col>
<!-- <el-col :span="6">
<el-form-item label="项目负责人Id" prop="projectLeaderId">
@ -27,7 +27,7 @@
<el-col :span="6">
<el-form-item label="所属技术领域" prop="technicalField">
<el-select v-model="formData.technicalField" placeholder="请选择所属技术领域">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.TECHNICAL_FIELD)" :key="dict.value"
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.TECHNICAL_FIELD)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item></el-col>
@ -44,14 +44,14 @@
<el-date-picker v-model="formData.endDate" type="date" value-format="x" placeholder="选择结束时间" />
</el-form-item></el-col>
<el-col :span="6">
<el-form-item label="计划类型" prop="planName">
<el-select v-model="formData.planName" placeholder="请选择计划类型">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.PLAN_ID)" :key="dict.value" :label="dict.label"
:value="dict.value" />
<el-form-item label="计划类型" prop="planId">
<el-select v-model="planUnit" placeholder="请选择计划类型" @change="planChange">
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.PLAN_ID)" :key="index"
:label="dict.label" :value="dict" />
</el-select>
</el-form-item></el-col>
<!-- <el-col :span="6">
<el-form-item label="计划Id" prop="planId">
<el-form-item label="计划Id" prop="planId">d
<el-input v-model="formData.planId" placeholder="请输入计划Id" />
</el-form-item></el-col>-->
<el-col :span="6">
@ -61,7 +61,7 @@
<el-col :span="6">
<el-form-item label="性别" prop="gender">
<el-select v-model="formData.gender" placeholder="请选择性别">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.SYSTEM_USER_SEX)" :key="dict.value"
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.SYSTEM_USER_SEX)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item></el-col>
@ -72,21 +72,21 @@
<el-col :span="6">
<el-form-item label="学历" prop="education">
<el-select v-model="formData.education" placeholder="请选择学历">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.SYSTEM_EDUCATION)" :key="dict.value"
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.SYSTEM_EDUCATION)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item></el-col>
<el-col :span="6">
<el-form-item label="所学专业" prop="major">
<el-select v-model="formData.major" placeholder="请选择所学专业">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.SYSTEM_MAJOR)" :key="dict.value"
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.SYSTEM_MAJOR)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item></el-col>
<el-col :span="6">
<el-form-item label="从事专业" prop="engagMajor">
<el-select v-model="formData.engagMajor" placeholder="请选择从事专业">
<el-option v-for="dict in getStrDictOptions(DICT_TYPE.SYSTEM_MAJOR)" :key="dict.value"
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.SYSTEM_MAJOR)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
</el-form-item></el-col>
@ -114,10 +114,7 @@
<el-form-item label="通讯地址" prop="address">
<el-input v-model="formData.address" placeholder="请输入通讯地址" />
</el-form-item></el-col>
<el-col :span="6">
<el-form-item label="主要业绩" prop="achievement">
<el-input v-model="formData.achievement" placeholder="请输入主要业绩" />
</el-form-item></el-col>
<!-- <el-col :span="6">
<el-form-item label="主管部门ID" prop="competentDeptId">
<el-input v-model="formData.competentDeptId" placeholder="请输入主管部门ID" />
@ -148,6 +145,11 @@
<el-form-item label="承担单位名称" prop="undertakingUnitName">
<el-input v-model="formData.undertakingUnitName" placeholder="请输入承担单位名称" />
</el-form-item></el-col>
<el-col :span="24">
<el-form-item label="负责人主要业绩" prop="achievement">
<el-input v-model="formData.achievement" placeholder="请输入负责人主要业绩" type="textarea" resize="vertical"
:autosize="{ minRows: 2, maxRows: 4 }" />
</el-form-item></el-col>
<!-- <el-col :span="6">
<el-form-item label="承担单位ID" prop="undertakingUnitId">
<el-input v-model="formData.undertakingUnitId" placeholder="请输入承担单位ID" />
@ -170,7 +172,7 @@
</el-form>
</el-tab-pane>
<el-tab-pane label="任务书详细信息" name="info">
<InfoForm ref="infoFormRef" :contract-id="formData.id" />
<InfoForm ref="infoFormRef" :contract-id="formData.id" v-if="subTabsName =='info'"/>
</el-tab-pane>
<el-tab-pane label="任务书项目目标" name="target">
<TargetForm ref="targetFormRef" :contract-id="formData.id" />
@ -182,7 +184,7 @@
<PlanForm ref="planFormRef" :contract-id="formData.id" />
</el-tab-pane>
<el-tab-pane label="任务书经费" name="funds">
<FundsForm ref="fundsFormRef" :contract-id="formData.id" />
<FundsForm ref="fundsFormRef" :contract-id="formData.id" :dataMain="formData" />
</el-tab-pane>
<el-tab-pane label="参加单位" name="unit">
<UnitForm ref="unitFormRef" :contract-id="formData.id" />
@ -224,11 +226,12 @@ const dialogVisible = ref(false) // 弹窗的是否展示
const dialogTitle = ref('') // 弹窗的标题
const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
const formType = ref('') // 表单的类型：create - 新增；update - 修改
const planUnit = ref();
const formData = ref({
id: undefined,
projectName: undefined,
projectLeader: user.nickname,
projectLeaderId: user.id,
projectLeader: undefined,
projectLeaderId: undefined,
projectCode: undefined,
technicalField: undefined,
year: undefined,
@ -311,6 +314,7 @@ const participantFormRef = ref()
/** 打开弹窗 */
const open = async (type: string, id?: number) => {
subTabsName.value = 'basic'
dialogVisible.value = true
dialogTitle.value = t('action.' + type)
formType.value = type
@ -320,12 +324,16 @@ const open = async (type: string, id?: number) => {
formLoading.value = true
try {
formData.value = await MainApi.getMain(id)
planUnit.value = {
value: formData.value.planId,
lael: formData.value.planName
}
formData.value.gender = formData.value.gender.toString()
} finally {
formLoading.value = false
}
}
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
/** 提交表单 */
const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
@ -408,14 +416,17 @@ const submitForm = async () => {
formLoading.value = false
}
}
const planChange = (e) => {
formData.value.planId = e.value;
formData.value.planName = e.label
}
/** 重置表单 */
const resetForm = () => {
formData.value = {
id: undefined,
projectName: undefined,
projectLeader: user.nickname,
projectLeaderId: user.id,
projectLeader: undefined,
projectLeaderId: undefined,
projectCode: undefined,
technicalField: undefined,
year: undefined,
@ -449,5 +460,9 @@ const resetForm = () => {
state: undefined,
}
formRef.value?.resetFields()
planUnit.value = {}
}
defineExpose({ open }) // 提供 open 方法，用于打开弹窗
</script>

8
src/views/contract/contract/components/CheckForm.vue
View File

@ -81,9 +81,15 @@ const handleAdd = () => {
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch {}
}
/** 表单校验 */

8
src/views/contract/contract/components/DeviceForm.vue
View File

@ -112,9 +112,15 @@ const handleAdd = () => {
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch {}
}
/** 表单校验 */

202
src/views/contract/contract/components/FundsForm copy 2.vue Normal file
View File

@ -0,0 +1,202 @@
<template>
<el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="0px"
:inline-message="true">
<el-table :data="formData" class="-mt-10px" :span-method="objectSpanMethod" show-summary>
<el-table-column prop="id" label="科目" width="180" />
<el-table-column prop="name" label="其中" />
<el-table-column prop="amount1" :label='item + "年"' v-for="(item, index) in rows" :key="index">
<template #default="scope">
<el-input-number v-model="scope.row[item]" :precision="2" @change="changeNum" :min="0" :max="9999999"/>
</template>
</el-table-column>
<el-table-column prop="count" label="合计">
<template #default="scope">
{{scope.row.count}}
</template>
</el-table-column>
</el-table>
</el-form>
<!-- <el-row justify="center" class="mt-3">
<el-button @click="handleAdd" round>+ 添加任务书经费</el-button>
</el-row> -->
</template>
<script setup lang="ts">
import { dateFormatter3 } from '@/utils/formatTime'
const props = defineProps<{
dataMain: {},
contractId: undefined // 任务书ID（主表的关联字段）
}>()
const formLoading = ref(false) // 表单的加载中
// const formData = ref([])
const rows = ref([])
const formData = ref([
{
id: '设备购置费',
name: '集团经费',
count: 0,
},
{
id: '设备购置费',
name: '企业自筹经费',
count: 0,
},
{
id: '材料费',
name: '集团经费',
count: 0,
}, {
id: '材料费',
name: '企业自筹经费',
count: 0,
},
{
id: '试验外协费',
name: '集团经费',
count: 0,
}, {
id: '试验外协费',
name: '企业自筹经费',
count: 0,
},
{
id: '人员费用',
name: '集团经费',
count: 0,
}, {
id: '其他费用',
name: '集团经费',
count: 0,
}, {
id: '其他费用',
name: '企业自筹经费',
count: 0,
}
])
const formRules = reactive({
})
const formRef = ref() // 表单 Ref
/** 监听主表的关联字段的变化，加载对应的子表数据 */
watch(
() => props.contractId,
async (val) => {
// 1. 重置表单
// formData.value = []
// 2. val 非空，则加载数据
if (!val) {
return;
}
try {
formLoading.value = true
// formData.value = await MainApi.getFundsListByContractId(val)
} finally {
formLoading.value = false
}
},
{ immediate: true }
)
watch(
() => props.dataMain,
(dataMain) => {
rows.value = []
if (dataMain.beginDate && dataMain.endDate) {
var a1 = Number(dateFormatter3(dataMain.beginDate))
var a2 = Number(dateFormatter3(dataMain.endDate))
for (var i = a1; i <= a2; i++) {
rows.value.push(i);
for (var j = 0; j < formData.value.length; j++) {
formData.value[j][i] = 0
}
}
}
},
{ immediate: true }
)
const changeNum =()=>{
for (var j = 0; j < formData.value.length; j++) {
var count = 0
for(var i=0;i<rows.value.length;i++){
count= count + formData.value[j][rows.value[i]]
}
formData.value[j].count = count
}
formData.value[0].count = formData.value[0].count +formData.value[1].count
formData.value[1].count= 0
formData.value[2].count = formData.value[2].count +formData.value[3].count
formData.value[3].count= 0
formData.value[4].count = formData.value[4].count +formData.value[5].count
formData.value[5].count= 0
formData.value[7].count = formData.value[7].count +formData.value[8].count
formData.value[8].count= 0
}
/** 新增按钮操作 */
const handleAdd = () => {
const row = {
id: undefined,
contractId: undefined,
fiscalYear: undefined,
sourceExpend: undefined,
sGroupFund: undefined,
sGovernmentFund: undefined,
sSelfFinancing: undefined,
sOtherFund: undefined,
sTotalFund: undefined,
equipmentFund: undefined,
materialFund: undefined,
experimentFund: undefined,
peopleFund: undefined,
otherFund: undefined,
totalFund: undefined,
}
row.contractId = props.contractId
formData.value.push(row)
}
const objectSpanMethod = ({
row,
column,
rowIndex,
columnIndex,
}) => {
if (columnIndex === 0 || columnIndex == (rows.value.length+2)) {
if (rowIndex == 0 || rowIndex == 2 || rowIndex == 4 || rowIndex == 7) {
return {
rowspan: 2,
colspan: 1,
}
} else if (rowIndex == 6) {
return {
rowspan: 1,
colspan: 1,
}
} else {
return {
rowspan: 0,
colspan: 0,
}
}
}
}
/** 删除按钮操作 */
const handleDelete = (index) => {
formData.value.splice(index, 1)
}
/** 表单校验 */
const validate = () => {
return formRef.value.validate()
}
/** 表单值 */
const getData = () => {
return formData.value
}
defineExpose({ validate, getData })
</script>

24
src/views/contract/contract/components/InfoForm.vue
View File

@ -1,11 +1,5 @@
<template>
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
label-width="350px"
v-loading="formLoading"
>
<el-form ref="formRef" :model="formData" :rules="formRules" label-width="350px" v-loading="formLoading">
<el-form-item label="项目目的与意义" prop="purposeSignificance">
<Editor v-model="formData.purposeSignificance" height="150px" />
</el-form-item>
@ -42,7 +36,20 @@ const props = defineProps<{
contractId: undefined // 任务书ID（主表的关联字段）
}>()
const formLoading = ref(false) // 表单的加载中
const formData = ref([])
const formData = ref({
id: undefined,
contractId: undefined,
purposeSignificance: undefined,
currentSituation: undefined,
workFoundation: undefined,
projectAccording: undefined,
researchContents: undefined,
researchRoadmap: undefined,
researchInnovation: undefined,
riskAnalysis: undefined,
projectAchie: undefined,
})
const formRules = reactive({
contractId: [{ required: true, message: '任务书ID不能为空', trigger: 'blur' }],
/* purposeSignificance: [{ required: true, message: '项目目的与意义不能为空', trigger: 'blur' }],
@ -86,6 +93,7 @@ watch(
return
}
formData.value = data
console.log( formData.value )
} finally {
formLoading.value = false
}

49
src/views/contract/contract/components/ParticipantForm.vue
View File

@ -1,12 +1,6 @@
<template>
<el-form
ref="formRef"
:model="formData"
:rules="formRules"
v-loading="formLoading"
label-width="0px"
:inline-message="true"
>
<el-form ref="formRef" :model="formData" :rules="formRules" v-loading="formLoading" label-width="0px"
:inline-message="true">
<el-table :data="formData" class="-mt-10px">
<el-table-column label="序号" type="index" width="100" />
<el-table-column label="姓名" min-width="150">
@ -18,9 +12,14 @@
</el-table-column>
<el-table-column label="性别" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.gender`" :rules="formRules.gender" class="mb-0px!">
<el-select v-model="row.gender" placeholder="请选择性别" :prop="`${$index}.gender`" :rules="formRules.gender"
class="mb-0px!">
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.SYSTEM_USER_SEX)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
<!-- <el-form-item :prop="`${$index}.gender`" :rules="formRules.gender" class="mb-0px!">
<el-input v-model="row.gender" placeholder="请输入性别" />
</el-form-item>
</el-form-item> -->
</template>
</el-table-column>
<el-table-column label="年龄" min-width="150">
@ -32,9 +31,12 @@
</el-table-column>
<el-table-column label="学历" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.education`" :rules="formRules.education" class="mb-0px!">
<el-input v-model="row.education" placeholder="请输入学历" />
</el-form-item>
<el-select v-model="row.education" placeholder="请选择学历" class="mb-0px!" :rules="formRules.education"
:prop="`${$index}.education`">
<el-option v-for="(dict, index) in getStrDictOptions(DICT_TYPE.SYSTEM_EDUCATION)" :key="index"
:label="dict.label" :value="dict.value" />
</el-select>
</template>
</el-table-column>
<el-table-column label="职务（职称）" min-width="150">
@ -58,13 +60,13 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column label="所在单位id" min-width="150">
<!-- <el-table-column label="所在单位id" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.deptId`" :rules="formRules.deptId" class="mb-0px!">
<el-input v-model="row.deptId" placeholder="请输入所在单位id" />
</el-form-item>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column label="所在单位名称" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.deptName`" :rules="formRules.deptName" class="mb-0px!">
@ -72,13 +74,13 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column label="排序号" min-width="150">
<!-- <el-table-column label="排序号" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.orderNo`" :rules="formRules.orderNo" class="mb-0px!">
<el-input v-model="row.orderNo" placeholder="请输入排序号" />
</el-form-item>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column align="center" fixed="right" label="操作" width="60">
<template #default="{ $index }">
<el-button @click="handleDelete($index)" link>—</el-button>
@ -92,7 +94,7 @@
</template>
<script setup lang="ts">
import { MainApi } from '@/api/contract/contract'
import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
const props = defineProps<{
contractId: undefined // 合同id（主表的关联字段）
}>()
@ -141,12 +143,19 @@ const handleAdd = () => {
row.contractId = props.contractId
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
/** 删除按钮操作 */
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch { }
}
/** 表单校验 */
const validate = () => {
return formRef.value.validate()

12
src/views/contract/contract/components/PlanForm.vue
View File

@ -28,13 +28,13 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column label="乐观锁" min-width="150">
<!-- <el-table-column label="乐观锁" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.revision`" :rules="formRules.revision" class="mb-0px!">
<el-input v-model="row.revision" placeholder="请输入乐观锁" />
</el-form-item>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column align="center" fixed="right" label="操作" width="60">
<template #default="{ $index }">
<el-button @click="handleDelete($index)" link>—</el-button>
@ -91,9 +91,15 @@ const handleAdd = () => {
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch {}
}
/** 表单校验 */

8
src/views/contract/contract/components/TargetForm.vue
View File

@ -81,9 +81,15 @@ const handleAdd = () => {
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch {}
}
/** 表单校验 */

16
src/views/contract/contract/components/UnitForm.vue
View File

@ -9,13 +9,13 @@
>
<el-table :data="formData" class="-mt-10px">
<el-table-column label="序号" type="index" width="100" />
<el-table-column label="单位ID" min-width="150">
<!-- <el-table-column label="单位ID" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.deptId`" :rules="formRules.deptId" class="mb-0px!">
<el-input v-model="row.deptId" placeholder="请输入单位ID" />
</el-form-item>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column label="单位名称" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.deptName`" :rules="formRules.deptName" class="mb-0px!">
@ -93,13 +93,13 @@
</el-form-item>
</template>
</el-table-column>
<el-table-column label="排序号" min-width="150">
<!-- <el-table-column label="排序号" min-width="150">
<template #default="{ row, $index }">
<el-form-item :prop="`${$index}.orderNo`" :rules="formRules.orderNo" class="mb-0px!">
<el-input v-model="row.orderNo" placeholder="请输入排序号" />
</el-form-item>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column align="center" fixed="right" label="操作" width="60">
<template #default="{ $index }">
<el-button @click="handleDelete($index)" link>—</el-button>
@ -166,9 +166,15 @@ const handleAdd = () => {
formData.value.push(row)
}
const message = useMessage() // 消息弹窗
/** 删除按钮操作 */
const handleDelete = (index) => {
const handleDelete = async (index) => {
try {
// 删除的二次确认
await message.delConfirm()
// 发起删除
formData.value.splice(index, 1)
} catch {}
}
/** 表单校验 */

30
src/views/contract/contract/index.vue
View File

@ -59,11 +59,11 @@
</template>
</el-table-column>
<el-table-column label="年度" align="center" prop="year" width="100"/>
<el-table-column label="开始时间" align="center" prop="beginDate" :formatter="dateFormatter" width="180" />
<el-table-column label="结束时间" align="center" prop="endDate" :formatter="dateFormatter" width="180" />
<el-table-column label="开始时间" align="center" prop="beginDate" :formatter="dateFormatter2" width="180" />
<el-table-column label="结束时间" align="center" prop="endDate" :formatter="dateFormatter2" width="180" />
<el-table-column label="计划类型" align="center" prop="planName" width="150">
<template #default="scope">
<dict-tag :type="DICT_TYPE.PLAN_ID" :value="scope.row.planName" />
<dict-tag :type="DICT_TYPE.PLAN_ID" :value="scope.row.planId" />
</template>
</el-table-column>
<el-table-column label="主管部门" align="center" prop="competentDeptName" width="150"/>
@ -71,7 +71,15 @@
<el-table-column label="主管工程师" align="center" prop="managerName" width="150" />
<el-table-column label="牵头单位" align="center" prop="undertakingUnitName" width="180"/>
<el-table-column label="审核单位" align="center" prop="reviewUnitName" width="180"/>
<el-table-column label="状态" align="center" prop="state" width="100" />
<el-table-column label="状态" align="center" prop="state" width="100">
<template #default="scope">
<span v-if="scope.row.state == '1'">新建</span>
<span v-if="scope.row.state == '2'">审核中</span>
<span v-if="scope.row.state == '3'">审核驳回</span>
<span v-if="scope.row.state == '4'">审核完成</span>
</template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180" />
<el-table-column label="操作" align="center" fixed="right" width="200">
<template #default="scope">
@ -106,9 +114,9 @@
<el-table v-loading="loading1" :data="list1" :stripe="true" :show-overflow-tooltip="true" highlight-current-row>
<el-table-column align="center" width="65">
<template #default="scope">
<el-checkbox :label="scope.row.id" v-model="currentRowValue" @change="handleCurrentChange(scope.row)">
<el-radio :label="scope.row.id" v-model="currentRowValue" @change="handleCurrentChange(scope.row)">
&nbsp;
</el-checkbox>
</el-radio>
</template>
</el-table-column>
<el-table-column label="项目名称" align="center" prop="projectName" />
@ -125,7 +133,7 @@
<el-button @click="dialogVisible = false">取 消</el-button>
</template>
</Dialog>
<Dialog title="审核" v-model="dialogVisible1">
<Dialog title="审核" v-model="dialogVisible1" width="600px" :Fullscreen ="false">
<ContentWrap>
<el-form label-width="80px" :model="formData" class="m-t-8px" :rules="formRules">
<el-form-item label="" prop="status">
@ -170,7 +178,7 @@
<script setup lang="ts">
import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
import { dateFormatter } from '@/utils/formatTime'
import { dateFormatter ,dateFormatter2} from '@/utils/formatTime'
import download from '@/utils/download'
import { MainApi, MainVO } from '@/api/contract/contract'
import MainForm from './MainForm.vue'
@ -255,7 +263,9 @@ const handleCurrentChange = (row) => {
const submitForm = async () => {
try {
await MainApi.generateContract({ id: currentRow.value })
message.success("提报成功")
dialogVisible.value = false
message.success("成功")
handleQuery()
} finally {
// 关闭弹窗
currentRow.value = undefined
@ -266,7 +276,9 @@ const submitForm = async () => {
const submitForm1 = async () => {
try {
await MainApi.auditContract(formData.value as unknown as MainVO)
dialogVisible1.value = false
message.success("审核成功")
handleQuery()
} finally {
// 关闭弹窗
currentRow.value = undefined