fix : 修改需求征集征集说明输入框

This commit is contained in:
2024-06-06 21:52:33 +08:00
parent a8921a0683
commit 4ddd53cec7

View File

@@ -53,8 +53,13 @@
</el-row> </el-row>
</el-form> </el-form>
<baseTitle title="征集说明"></baseTitle> <baseTitle title="征集说明"></baseTitle>
<Tinymce v-if="showTinymce" image-url="/notice/file" file-url="/notice/file" <el-input
v-model:value="formData.collectExplain" /> v-model="formData.collectExplain"
style="width:100%"
:rows="5"
type="textarea"
placeholder="请输入征集说明"
/>
<baseTitle title="申请文件"></baseTitle> <baseTitle title="申请文件"></baseTitle>
<file-upload v-if="checkFormPrem('fileList')" @getFile="getFile"/> <file-upload v-if="checkFormPrem('fileList')" @getFile="getFile"/>
<fvTable style="width: 100%;max-height: 300px;" v-if="showTable" <fvTable style="width: 100%;max-height: 300px;" v-if="showTable"
@@ -67,13 +72,11 @@
<div class="approval-record"> <div class="approval-record">
<baseTitle title="流程"></baseTitle> <baseTitle title="流程"></baseTitle>
<process-diagram-viewer mode="view" v-if="processDiagramViewer"/> <process-diagram-viewer mode="view" v-if="processDiagramViewer"/>
<!-- <div class="process" id="approvalRecord">-->
<!-- <process-tree ref="processTree" mode="view" id-name="approvalRecord"/>-->
<!-- </div>-->
</div> </div>
<div class="oper-page-btn"> <div class="oper-page-btn">
<el-button color="#DED0B2" v-if="routerName==='Requirement/add'" @click="handleSubmit(demandForm)">提交</el-button> <el-button color="#DED0B2" v-if="routerName==='Requirement/add'" @click="handleSubmit(demandForm)">提交</el-button>
<el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button> <el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button>
<el-button @click="handleBack">返回</el-button>
</div> </div>
</div> </div>
</template> </template>
@@ -91,7 +94,7 @@ import {
} from "@/api/project-demand/index.js"; } from "@/api/project-demand/index.js";
import FileUpload from "@/components/FileUpload.vue"; import FileUpload from "@/components/FileUpload.vue";
import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue'; import ProcessDiagramViewer from '@/views/workflow/common/ProcessDiagramViewer.vue';
import {ElMessage, ElMessageBox, ElNotification} from "element-plus"; import {ElMessageBox, ElNotification} from "element-plus";
import {useRoute, useRouter} from 'vue-router' import {useRoute, useRouter} from 'vue-router'
import {getSubCompOpt} from '@/api/user/user.js' import {getSubCompOpt} from '@/api/user/user.js'
import {useTagsView} from '@/stores/tagsview.js' import {useTagsView} from '@/stores/tagsview.js'
@@ -110,7 +113,7 @@ const formData = ref({
deadline: '', deadline: '',
collectExplain: '', collectExplain: '',
fileList: [], fileList: [],
isSpecialFund:false isSpecialFund: false
}) })
const showTinymce = ref(true) const showTinymce = ref(true)
const routerName = ref(router.currentRoute.value.name) const routerName = ref(router.currentRoute.value.name)
@@ -172,10 +175,12 @@ const tableConfig = reactive({
return ( return (
<div> <div>
<el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button> <el-button type="primary" link onClick={() => handleDownload(row)}>下载</el-button>
<popover-delete name={row.originalFileName} type={'文件'} btnType={'danger'}
perm={['mosr:requirement:del']}
onDelete={() => handleDelete(row)}/>
</div> </div>
) )
} }
// <el-button type="primary" size="large" link onClick={() => handleDelete(row)}>删除</el-button>
} }
] ]
}) })
@@ -203,9 +208,10 @@ const compositeParam = (item) => {
let tag = '' let tag = ''
if (!formData.value.collectType && routerName.value === 'Requirement/add') { if (!formData.value.collectType && routerName.value === 'Requirement/add') {
tag = '需求征集' tag = '需求征集'
}else if(!formData.value.collectType &&routerName.value === 'Requirement/edit'){ } else if (!formData.value.collectType && routerName.value === 'Requirement/edit') {
tag = '需求征集' tag = '需求征集'
}if (formData.value.collectType) { }
if (formData.value.collectType) {
tag = formData.value.collectType tag = formData.value.collectType
} }
return { return {
@@ -250,7 +256,7 @@ const init = async () => {
nextTick(() => { nextTick(() => {
processDiagramViewer.value = true processDiagramViewer.value = true
}) })
}else { } else {
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: res.msg, message: res.msg,
@@ -277,15 +283,15 @@ const submitParam = (item) => {
requirementName: item.requirementName, requirementName: item.requirementName,
fileList: files, fileList: files,
deploymentId: processInstanceData.value.deploymentId, deploymentId: processInstanceData.value.deploymentId,
isSpecialFund:item.isSpecialFund, isSpecialFund: item.isSpecialFund,
specialFund:item.specialFund specialFund: item.specialFund
} }
} }
const handleSubmit = async (instance) => { const handleSubmit = async (instance) => {
if (!instance) return if (!instance) return
instance.validate(async (valid) => { instance.validate(async (valid) => {
if (!valid) return if (!valid) return
const {msg,code} = await addRequirement(submitParam(formData.value)) const {msg, code} = await addRequirement(submitParam(formData.value))
ElNotification({ ElNotification({
title: '提示', title: '提示',
message: msg, message: msg,
@@ -338,11 +344,6 @@ const handleBack = () => {
history.back() history.back()
} }
const handleDelete = (row) => { const handleDelete = (row) => {
ElMessageBox.confirm(`确认删除名称为${row.originalFileName}的表格吗?`, '系统提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteFile(row.fileId).then(res => { deleteFile(row.fileId).then(res => {
ElNotification({ ElNotification({
title: '提示', title: '提示',
@@ -353,13 +354,6 @@ const handleDelete = (row) => {
formData.value.fileList.splice(formData.value.fileList.findIndex((item) => item.id === row.fileId), 1); formData.value.fileList.splice(formData.value.fileList.findIndex((item) => item.id === row.fileId), 1);
} }
}); });
}).catch(() => {
ElNotification({
title: '提示',
message: '用户取消删除! ',
type: 'warning'
})
})
} }
onMounted(async () => { onMounted(async () => {
@@ -376,9 +370,11 @@ onMounted(async () => {
:deep(.el-empty__description) { :deep(.el-empty__description) {
margin-top: 0; margin-top: 0;
} }
:deep(.el-table--fit ){
height: 300px!important; :deep(.el-table--fit ) {
height: 300px !important;
} }
.add-block { .add-block {
//display: flex; //display: flex;
//justify-content: space-between; //justify-content: space-between;