mkm/engineering_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
mkm 2024-04-25 21:51:52 +08:00
parent c55a25a9eb
commit f2a5af731a
7 changed files with 1029 additions and 830 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -1,5 +1,5 @@
NODE_ENV = 'development' NODE_ENV = 'development'
VITE_APP_BASE_URL = 'http://a.com/' VITE_APP_BASE_URL = 'https://ceshi-engineering.lihaink.cn/'
# VITE_APP_BASE_URL = 'http://www.eng.local/' # VITE_APP_BASE_URL = 'http://www.eng.local/'
# VITE_APP_BASE_URL = 'http://192.168.1.5:9090/' # VITE_APP_BASE_URL = 'http://192.168.1.5:9090/'

923
src/views/consult_project/edit.vue
View File

@ -1,496 +1,571 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" @close="handleClose"> <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目名称" prop="project_name"> <el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="请输入项目名称" /> <el-input v-model="formData.project_name" clearable placeholder="请输入项目名称"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目编号"> <el-form-item label="项目编号">
<el-input v-model="formData.project_code" clearable placeholder="系统自动生成" disabled /> <el-input v-model="formData.project_code" clearable placeholder="系统自动生成" disabled/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="行业" prop="industry"> <el-form-item label="行业" prop="industry">
<el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择行业"> <el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择行业">
<el-option v-for="(item, index) in dictData.supervision_project_industry" :key="index" <el-option v-for="(item, index) in dictData.supervision_project_industry" :key="index"
:label="item.name" :value="item.value" /> :label="item.name" :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="性质" prop="nature"> <el-form-item label="性质" prop="nature">
<el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质"> <el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质">
<el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index" <el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index"
:label="item.name" :value="item.value" /> :label="item.name" :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="委托单位"> <el-form-item label="委托单位">
<el-input v-model="formData.company" clearable placeholder="请输入委托单位" /> <el-input v-model="formData.company" clearable placeholder="请输入委托单位" @click="showDialog1 = true"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="建设区域" prop="build_area"> <el-form-item label="建设区域" prop="build_area">
<el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择建设区域"> <el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择建设区域">
<el-option v-for="(item, index) in dictData.const_area" :key="index" :label="item.name" <el-option v-for="(item, index) in dictData.const_area" :key="index" :label="item.name"
:value="item.value" /> :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目地址"> <el-form-item label="项目地址">
<el-input v-model="formData.address" clearable placeholder="请输入项目地址" /> <el-input v-model="formData.address" clearable placeholder="请输入项目地址"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目级别" prop="project_level"> <el-form-item label="项目级别" prop="project_level">
<el-select class="flex-1" v-model="formData.project_level" clearable placeholder="请选择项目级别"> <el-select class="flex-1" v-model="formData.project_level" clearable placeholder="请选择项目级别">
<el-option v-for="(item, index) in dictData.supervision_project_level" :key="index" <el-option v-for="(item, index) in dictData.supervision_project_level" :key="index"
:label="item.name" :value="item.value" /> :label="item.name" :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="总投资（元）" prop="total_investment"> <el-form-item label="总投资（元）" prop="total_investment">
<el-input v-model="formData.total_investment" clearable placeholder="请输入总投资（元）" type="number" /> <el-input v-model="formData.total_investment" clearable placeholder="请输入总投资（元）" type="number"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="立项日期"> <el-form-item label="立项日期">
<el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable <el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable
value-format="YYYY-MM-DD" placeholder="选择咨询结束日期"> value-format="YYYY-MM-DD" placeholder="选择咨询结束日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="关联合同"> <el-form-item label="关联合同">
<el-input v-model="formData.contract" clearable placeholder="请输入关联合同" /> <el-input v-model="formData.contract_name" clearable placeholder="请输入关联合同"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同金额"> <el-form-item label="合同金额">
<el-input v-model="formData.contract_amount" clearable placeholder="请输入合同金额" type="number" /> <el-input v-model="formData.contract_amount" clearable placeholder="请输入合同金额" type="number"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同服务内容"> <el-form-item label="合同服务内容">
<el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容" /> <el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目规模及概况"> <el-form-item label="项目规模及概况">
<el-input v-model="formData.project_overview" clearable placeholder="请输入项目规模及概况" /> <el-input v-model="formData.project_overview" clearable placeholder="请输入项目规模及概况"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="咨询范围"> <el-form-item label="咨询范围">
<el-input v-model="formData.consult_content" clearable placeholder="请输入咨询范围" /> <el-input v-model="formData.consult_content" clearable placeholder="请输入咨询范围"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="备注"> <el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" /> <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="咨询开始日期" prop="consult_start_date"> <el-form-item label="咨询开始日期" prop="consult_start_date">
<el-date-picker class="flex-1 !flex" v-model="formData.consult_start_date" clearable <el-date-picker class="flex-1 !flex" v-model="formData.consult_start_date" clearable
value-format="YYYY-MM-DD" placeholder="选择咨询开始日期"> value-format="YYYY-MM-DD" placeholder="选择咨询开始日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="咨询结束日期" prop="consult_end_date"> <el-form-item label="咨询结束日期" prop="consult_end_date">
<el-date-picker class="flex-1 !flex" v-model="formData.consult_end_date" clearable <el-date-picker class="flex-1 !flex" v-model="formData.consult_end_date" clearable
value-format="YYYY-MM-DD" placeholder="选择咨询结束日期"> value-format="YYYY-MM-DD" placeholder="选择咨询结束日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工程状态" prop="engineering_status"> <el-form-item label="工程状态" prop="engineering_status">
<el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择建设区域"> <el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择建设区域">
<el-option v-for="(item, index) in dictData.engineering_status" :key="index" <el-option v-for="(item, index) in dictData.engineering_status" :key="index"
:label="item.name" :value="item.value" /> :label="item.name" :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="咨询类型" prop="consult_type"> <el-form-item label="咨询类型" prop="consult_type">
<el-select class="flex-1" v-model="formData.consult_type" clearable placeholder="请选择建设区域"> <el-select class="flex-1" v-model="formData.consult_type" clearable placeholder="请选择建设区域">
<el-option v-for="(item, index) in dictData.consult_type" :key="index" :label="item.name" <el-option v-for="(item, index) in dictData.consult_type" :key="index" :label="item.name"
:value="item.value" /> :value="item.value"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="联系电话" prop="telephone"> <el-form-item label="联系电话" prop="telephone">
<el-input v-model="formData.telephone" clearable placeholder="请输入联系电话" /> <el-input v-model="formData.telephone" clearable placeholder="请输入联系电话"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="委托联系人"> <el-form-item label="委托联系人">
<el-input v-model="formData.consult_user" clearable placeholder="请输入委托联系人" /> <el-input v-model="formData.consult_user_name" clearable placeholder="请输入委托联系人" @click="userclick('consult_user')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="监管部门"> <el-form-item label="监管部门">
<el-input v-model="formData.supervision_department" clearable placeholder="请输入监管部门" /> <el-select v-model="formData.supervision_department" placeholder="请选择监管部门"
</el-form-item> class="flex-1">
</el-col> <el-option :label="item.name" :value="item.id" v-for="item in deptList">
<el-col :span="8"> </el-option>
<el-form-item label="实施部门"> </el-select>
<el-input v-model="formData.implementation_department" clearable placeholder="请输入实施部门" /> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="8">
<el-col :span="8"> <el-form-item label="实施部门">
<el-form-item label="项目部"> <el-select v-model="formData.implementation_department" placeholder="请选择实施部门"
<el-input v-model="formData.project_department" clearable placeholder="请输入项目部" /> class="flex-1">
</el-form-item> <el-option :label="item.name" :value="item.id" v-for="item in deptList">
</el-col> </el-option>
<el-col :span="8"> </el-select>
<el-form-item label="项目负责人员"> </el-form-item>
<el-input v-model="formData.project_manager" clearable placeholder="请输入项目负责人员" /> </el-col>
</el-form-item> <el-col :span="8">
</el-col> <el-form-item label="项目部">
<el-col :span="8"> <el-select v-model="formData.project_department" placeholder="请选择项目部门" class="flex-1">
<el-form-item label="甲方单位"> <el-option :label="item.name" :value="item.id" v-for="item in deptList">
<el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位" /> </el-option>
</el-form-item> </el-select>
</el-col> </el-form-item>
<el-col :span="8"> </el-col>
<el-form-item label="项目归档"> <el-col :span="8">
<el-checkbox-group v-model="formData.project_archiving"> <el-form-item label="项目负责人员">
<el-checkbox :label="item.value" :key="i" v-for="(item, i) in dictData.project_archiving"> <el-input v-model="formData.project_manager_name" clearable placeholder="请输入项目负责人员" @click="userclick('project_manager')"/>
{{ item.name }} </el-form-item>
</el-checkbox> </el-col>
</el-checkbox-group> <el-col :span="8">
</el-form-item> <el-form-item label="甲方单位">
</el-col> <el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位"/>
<el-col :span="8"> </el-form-item>
<el-form-item label="归档目录"> </el-col>
<el-input v-model="formData.archiving_directory" clearable placeholder="请输入归档目录" /> <el-col :span="8">
</el-form-item> <el-form-item label="项目归档">
</el-col> <el-checkbox-group v-model="formData.project_archiving">
<el-col :span="8"> <el-checkbox :label="item.value" :key="i" v-for="(item, i) in dictData.project_archiving">
<el-form-item label="附件"> {{ item.name }}
<uploadAnnex :formData="formData"></uploadAnnex> </el-checkbox>
</el-form-item> </el-checkbox-group>
</el-col> </el-form-item>
<el-col :span="8"> </el-col>
<el-form-item label="创建人" prop="create_user"> <el-col :span="8">
<el-input v-model="formData.create_user" clearable placeholder="请输入创建人" /> <el-form-item label="归档目录">
</el-form-item> <el-input v-model="formData.archiving_directory" clearable placeholder="请输入归档目录"/>
</el-col> </el-form-item>
<el-col :span="8"> </el-col>
<el-form-item label="创建时间" prop="create_time"> <el-col :span="8">
<el-date-picker class="flex-1 !flex" v-model="formData.create_time" clearable type="datetime" <el-form-item label="附件">
value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择创建时间"> <uploadAnnex :formData="formData"></uploadAnnex>
</el-date-picker> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="8">
<el-form-item label="创建人" prop="create_user">
<el-input v-model="formData.create_user" clearable placeholder="请输入创建人"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="创建时间" prop="create_time">
<el-date-picker class="flex-1 !flex" v-model="formData.create_time" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss" placeholder="选择创建时间">
</el-date-picker>
</el-form-item>
</el-col>
</el-row> </el-row>
</el-form> </el-form>
</popup> <div v-if="showDialog">
</div> <personnelselector ref="personnel" @confirm="submituser" type="1">
</personnelselector>
</div>
<el-dialog v-model="showDialog1" title="选择委托单位" width="70%">
<dialogTable :config="marketing_custom" @customEvent="customEvent1"></dialogTable>
</el-dialog>
<el-dialog v-model="showDialog2" title="选择甲方单位" width="70%">
<dialogTable :config="marketing_custom" @customEvent="customEvent2"></dialogTable>
</el-dialog>
</popup>
</div>
</template> </template>
<script lang="ts" setup name="consultProjectEdit"> <script lang="ts" setup name="consultProjectEdit">
import type { FormInstance } from 'element-plus' import type {FormInstance} from 'element-plus'
import Popup from '@/components/popup/index.vue' import Popup from '@/components/popup/index.vue'
import { apiConsultProjectAdd, apiConsultProjectEdit, apiConsultProjectDetail } from '@/api/consult_project' import {apiConsultProjectAdd, apiConsultProjectEdit, apiConsultProjectDetail} from '@/api/consult_project'
import { timeFormat } from '@/utils/util' import {timeFormat} from '@/utils/util'
import type { PropType } from 'vue' import type {PropType} from 'vue'
import useUserStore from "@/stores/modules/user"; import useUserStore from "@/stores/modules/user";
import { checkPhone } from "@/utils/validate" import {checkPhone} from "@/utils/validate"
import {apiCostApprovedProjectDetail} from "@/api/cost_approved_project";
import {marketing_custom} from "@/components/dialogTable/dialogTableConfig";
const userStore = useUserStore().userInfo; const userStore = useUserStore().userInfo;
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({})
} },
deptList: Array
}) })
const emit = defineEmits(['success', 'close']) const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>() const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>() const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add') const mode = ref('add')
const showDialog = ref(false)
const showDialog1 = ref(false)
const showDialog2 = ref(false)
const personnel = ref(null)
const route = useRoute()
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目咨询--基本信息' : '新增项目咨询--基本信息' return mode.value == 'edit' ? '编辑项目咨询--基本信息' : '新增项目咨询--基本信息'
}) })
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: '',
project_name: '', project_name: '',
project_code: '', project_code: '',
industry: '', industry: '',
nature: '', nature: '',
company: '', company: '',
build_area: '', company_name: '',
address: '', build_area: '',
project_level: '', address: '',
total_investment: '', project_level: '',
initiation_date: '', total_investment: '',
contract: '', initiation_date: '',
contract_amount: '', contract: '',
contract_content: '', contract_name: '',
project_overview: '', contract_amount: '',
consult_content: '', contract_content: '',
remark: '', project_overview: '',
consult_start_date: '', consult_content: '',
consult_end_date: '', remark: '',
engineering_status: '', consult_start_date: '',
consult_type: '', consult_end_date: '',
telephone: '', engineering_status: '',
consult_user: '', consult_type: '',
supervision_department: '', telephone: '',
implementation_department: '', consult_user: '',
project_department: '', consult_user_name: '',
project_manager: '', supervision_department: '',
part_a_unit: '', implementation_department: '',
project_archiving: [], project_department: '',
archiving_directory: '', project_manager: '',
annex: [], project_manager_name: '',
create_user: userStore.account, part_a_unit: '',
create_time: timeFormat('', 'yyyy-mm-dd hh:MM:ss'), part_a: '',
project_archiving: [],
archiving_directory: '',
annex: [],
create_user: userStore.account,
create_time: timeFormat('', 'yyyy-mm-dd hh:MM:ss'),
}) })
const chekcDate = (rule: any, value: any, callback: any) => { const chekcDate = (rule: any, value: any, callback: any) => {
if (new Date(formData.consult_end_date) < new Date(formData.consult_start_date)) { if (new Date(formData.consult_end_date) < new Date(formData.consult_start_date)) {
callback(new Error('咨询结束日期不能早于咨询开始日期')) callback(new Error('咨询结束日期不能早于咨询开始日期'))
} else { } else {
callback() callback()
} }
} }
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
project_name: [{ project_name: [{
required: true, required: true,
message: '请输入项目名称', message: '请输入项目名称',
trigger: ['blur'] trigger: ['blur']
}], }],
project_code: [{ project_code: [{
required: true, required: true,
message: '请输入项目编号', message: '请输入项目编号',
trigger: ['blur'] trigger: ['blur']
}], }],
industry: [{ industry: [{
required: true, required: true,
message: '请输入行业', message: '请输入行业',
trigger: ['blur'] trigger: ['blur']
}], }],
nature: [{ nature: [{
required: true, required: true,
message: '请输入性质', message: '请输入性质',
trigger: ['blur'] trigger: ['blur']
}], }],
company: [{ company: [{
required: true, required: true,
message: '请输入委托单位', message: '请输入委托单位',
trigger: ['blur'] trigger: ['blur']
}], }],
build_area: [{ build_area: [{
required: true, required: true,
message: '请输入建设区域', message: '请输入建设区域',
trigger: ['blur'] trigger: ['blur']
}], }],
address: [{ address: [{
required: true, required: true,
message: '请输入项目地址', message: '请输入项目地址',
trigger: ['blur'] trigger: ['blur']
}], }],
project_level: [{ project_level: [{
required: true, required: true,
message: '请输入项目级别', message: '请输入项目级别',
trigger: ['blur'] trigger: ['blur']
}], }],
total_investment: [{ total_investment: [{
required: true, required: true,
message: '请输入总投资（元）', message: '请输入总投资（元）',
trigger: ['blur'] trigger: ['blur']
}], }],
initiation_date: [{ initiation_date: [{
required: true, required: true,
message: '请输入立项日期', message: '请输入立项日期',
trigger: ['blur'] trigger: ['blur']
}], }],
contract: [{ contract: [{
required: true, required: true,
message: '请输入关联合同', message: '请输入关联合同',
trigger: ['blur'] trigger: ['blur']
}], }],
contract_amount: [{ contract_amount: [{
required: true, required: true,
message: '请输入合同金额', message: '请输入合同金额',
trigger: ['blur'] trigger: ['blur']
}], }],
contract_content: [{ contract_content: [{
required: true, required: true,
message: '请输入合同服务内容', message: '请输入合同服务内容',
trigger: ['blur'] trigger: ['blur']
}], }],
project_overview: [{ project_overview: [{
required: true, required: true,
message: '请输入项目规模及概况', message: '请输入项目规模及概况',
trigger: ['blur'] trigger: ['blur']
}], }],
consult_content: [{ consult_content: [{
required: true, required: true,
message: '请输入咨询范围', message: '请输入咨询范围',
trigger: ['blur'] trigger: ['blur']
}], }],
remark: [{ remark: [{
required: true, required: true,
message: '请输入备注', message: '请输入备注',
trigger: ['blur'] trigger: ['blur']
}], }],
consult_start_date: [{ consult_start_date: [{
required: true, required: true,
message: '请输入咨询开始日期', message: '请输入咨询开始日期',
trigger: ['blur'] trigger: ['blur']
}], }],
consult_end_date: [{ consult_end_date: [{
required: true, required: true,
message: '请输入咨询结束日期', message: '请输入咨询结束日期',
trigger: ['blur'] trigger: ['blur']
}, },
{ {
validator: chekcDate, validator: chekcDate,
trigger: ["blur"], trigger: ["blur"],
}, },
], ],
engineering_status: [{ engineering_status: [{
required: true, required: true,
message: '请输入工程状态', message: '请输入工程状态',
trigger: ['blur'] trigger: ['blur']
}], }],
consult_type: [{ consult_type: [{
required: true, required: true,
message: '请输入咨询类型', message: '请输入咨询类型',
trigger: ['blur'] trigger: ['blur']
}], }],
telephone: [{ telephone: [{
required: true, required: true,
message: '请输入联系电话', message: '请输入联系电话',
trigger: ['blur'] trigger: ['blur']
}, },
{ {
validator: checkPhone, validator: checkPhone,
trigger: ["blur"], trigger: ["blur"],
}, },
], ],
consult_user: [{ consult_user: [{
required: true, required: true,
message: '请输入委托联系人', message: '请输入委托联系人',
trigger: ['blur'] trigger: ['blur']
}], }],
supervision_department: [{ supervision_department: [{
required: true, required: true,
message: '请输入监管部门', message: '请输入监管部门',
trigger: ['blur'] trigger: ['blur']
}], }],
implementation_department: [{ implementation_department: [{
required: true, required: true,
message: '请输入实施部门', message: '请输入实施部门',
trigger: ['blur'] trigger: ['blur']
}], }],
project_department: [{ project_department: [{
required: true, required: true,
message: '请输入项目部', message: '请输入项目部',
trigger: ['blur'] trigger: ['blur']
}], }],
project_manager: [{ project_manager: [{
required: true, required: true,
message: '请输入项目负责人员', message: '请输入项目负责人员',
trigger: ['blur'] trigger: ['blur']
}], }],
part_a_unit: [{ part_a_unit: [{
required: true, required: true,
message: '请输入甲方单位', message: '请输入甲方单位',
trigger: ['blur'] trigger: ['blur']
}], }],
archiving_directory: [{ archiving_directory: [{
required: true, required: true,
message: '请输入归档目录', message: '请输入归档目录',
trigger: ['blur'] trigger: ['blur']
}], }],
create_user: [{ create_user: [{
required: true, required: true,
message: '请输入创建人', message: '请输入创建人',
trigger: ['blur'] trigger: ['blur']
}] }]
}) })
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key]
}
} }
}
let toStringList = ['industry', 'nature', 'build_area', 'project_level', 'engineering_status', 'consult_type'] let toStringList = ['industry', 'nature', 'build_area', 'project_level', 'engineering_status', 'consult_type']
toStringList.forEach(item => { toStringList.forEach(item => {
formData[item] = String(formData[item]) formData[item] = String(formData[item])
}) })
} }
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiConsultProjectDetail({ const data = await apiConsultProjectDetail({
id: row.id id: row.id
}) })
setFormData(data) setFormData(data)
} }
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate()
const data = { ...formData, } const data = {...formData,}
mode.value == 'edit' mode.value == 'edit'
? await apiConsultProjectEdit(data) ? await apiConsultProjectEdit(data)
: await apiConsultProjectAdd(data) : await apiConsultProjectAdd(data)
popupRef.value?.close() popupRef.value?.close()
emit('success') emit('success')
} }
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = 'add') => {
mode.value = type mode.value = type
popupRef.value?.open() popupRef.value?.open()
} }
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit('close')
} }
if (route.query.contractId) {
apiCostApprovedProjectDetail({id: route.query.contractId}).then((res) => {
customEvent(res)
})
}
const customEvent = (e) => {
formData.contract = e.id
formData.contract_name = e.contract_name
formData.nature = e.industry_nature
formData.project_manager = e.project_director
formData.part_a = e.part_a
formData.part_a_unit = e.part_a_name
formData.build_area = e.const_area
formData.total_investment = e.project_money
formData.supervision_department = e.supervise_dept
formData.contract_amount = e.signed_amount
formData.project_overview = e.project_scale
}
const customEvent1 = (e) => {
formData.company = e.id
formData.company_name = e.invoice_company
showDialog1.value = false
}
const customEvent2 = (e) => {
formData.part_a = e.id
formData.part_a_unit = e.invoice_company
showDialog2.value = false
}
let value
const userclick = async (val) => {
showDialog.value = true
value = val
await nextTick()
personnel.value.open()
}
const submituser = (e: any) => {
formData[value + '_name'] = e.name
formData[value] = e.id
showDialog.value = false
}
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail getDetail
}) })
</script> </script>

20
src/views/consult_project/index.vue
View File

@ -70,7 +70,7 @@
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />
</div> </div>
</el-card> </el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="success()" @close="success()" :deptList="deptList" />
<detailPage v-if="showDetail" ref="detailRef" @close="showDetail = false" :detailConfig="detailConfig" /> <detailPage v-if="showDetail" ref="detailRef" @close="showDetail = false" :detailConfig="detailConfig" />
</div> </div>
</template> </template>
@ -82,13 +82,15 @@ import { apiConsultProjectLists, apiConsultProjectDelete, apiConsultProjectDetai
import feedback from '@/utils/feedback' import feedback from '@/utils/feedback'
import EditPopup from './edit.vue' import EditPopup from './edit.vue'
import detailConfig from './detail' import detailConfig from './detail'
import {deptLists} from "@/api/org/department";
const editRef = shallowRef<InstanceType<typeof EditPopup>>() const editRef = shallowRef<InstanceType<typeof EditPopup>>()
const detailRef = ref('') const detailRef = ref('')
// 是否显示编辑框 // 是否显示编辑框
const showEdit = ref(false) const showEdit = ref(false)
const showDetail = ref(false) const showDetail = ref(false)
const route = useRoute()
const router = useRouter()
// 查询条件 // 查询条件
@ -148,6 +150,20 @@ const handleDetail = async (row) => {
detailRef.value?.setFormData(res) detailRef.value?.setFormData(res)
} }
if (route.query.contractId) {
handleAdd()
}
const success = () => {
router.push({
path: '/management/manage_basic/manage_project',
})
}
const deptList = ref([])
const getDeptList = async () => {
const res = await deptLists()
deptList.value = res.lists
}
getDeptList()
getLists() getLists()
</script> </script>

20
src/views/cost_approved_projects/index.vue
View File

@ -100,7 +100,7 @@
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />
</div> </div>
</el-card> </el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="success()" @close="success()" />
<detail-popup v-if="showDetail" ref="detailRef" :dict-data="dictData" @close="showDetail = false" /> <detail-popup v-if="showDetail" ref="detailRef" :dict-data="dictData" @close="showDetail = false" />
</div> </div>
</template> </template>
@ -183,6 +183,24 @@ const link = (data: any) => {
} }
}) })
break break
case '2':
router.push({
path: '/management/manage_basic/manage_project',
query: {
contractId: data.id,
contractName: data.contract_name
}
})
break
case '3':
router.push({
path: '/consult/consult_basic/consult_project',
query: {
contractId: data.id,
contractName: data.contract_name
}
})
break
case '4': case '4':
router.push({ router.push({
path: '/cost_consultation/cost_consultation_project/cost_project', path: '/cost_consultation/cost_consultation_project/cost_project',

873
src/views/manage_project/edit.vue
View File

@ -1,480 +1,555 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" @close="handleClose"> <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> <el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目名称" prop="project_name"> <el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="请输入项目名称" /> <el-input v-model="formData.project_name" clearable placeholder="请输入项目名称"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="性质" prop="nature"> <el-form-item label="性质" prop="nature">
<el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质"> <el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质">
<el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index" <el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index"
:label="item.name" :value="parseInt(item.value)" /> :label="item.name" :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="行业" prop="industry"> <el-form-item label="行业" prop="industry">
<el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择行业"> <el-select class="flex-1" v-model="formData.industry" clearable placeholder="请选择行业">
<el-option v-for="(item, index) in dictData.industry" :key="index" :label="item.name" <el-option v-for="(item, index) in dictData.industry" :key="index" :label="item.name"
:value="parseInt(item.value)" /> :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="建设单位" prop="build_unit"> <el-form-item label="建设单位" prop="build_unit">
<el-input v-model="formData.build_unit" clearable placeholder="请输入建设单位" /> <el-input v-model="formData.build_unit_name" clearable placeholder="请输入建设单位" @click="showDialog1 = true"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="建设区域" prop="build_area"> <el-form-item label="建设区域" prop="build_area">
<el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择建设区域"> <el-select class="flex-1" v-model="formData.build_area" clearable placeholder="请选择建设区域">
<el-option v-for="(item, index) in dictData.const_area" :key="index" :label="item.name" <el-option v-for="(item, index) in dictData.const_area" :key="index" :label="item.name"
:value="parseInt(item.value)" /> :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目地址" prop="address"> <el-form-item label="项目地址" prop="address">
<el-input v-model="formData.address" clearable placeholder="请输入项目地址" /> <el-input v-model="formData.address" clearable placeholder="请输入项目地址"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目级别" prop="project_level"> <el-form-item label="项目级别" prop="project_level">
<el-select class="flex-1" v-model="formData.project_level" clearable placeholder="请选择项目级别"> <el-select class="flex-1" v-model="formData.project_level" clearable placeholder="请选择项目级别">
<el-option v-for="(item, index) in dictData.supervision_project_level" :key="index" <el-option v-for="(item, index) in dictData.supervision_project_level" :key="index"
:label="item.name" :value="parseInt(item.value)" /> :label="item.name" :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="总投资（元）" prop="total_investment"> <el-form-item label="总投资（元）" prop="total_investment">
<el-input v-model="formData.total_investment" clearable placeholder="请输入总投资（元）" type="number" /> <el-input v-model="formData.total_investment" clearable placeholder="请输入总投资（元）" type="number"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="工程状态" prop="engineering_status"> <el-form-item label="工程状态" prop="engineering_status">
<el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择工程状态"> <el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择工程状态">
<el-option v-for="(item, index) in dictData.engineering_status" :key="index" <el-option v-for="(item, index) in dictData.engineering_status" :key="index"
:label="item.name" :value="parseInt(item.value)" /> :label="item.name" :value="parseInt(item.value)"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="合同服务内容" prop="contract_content"> <el-form-item label="合同服务内容" prop="contract_content">
<el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容" <el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容"
type="textarea" /> type="textarea"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目概况" prop="project_overview"> <el-form-item label="项目概况" prop="project_overview">
<el-input v-model="formData.project_overview" clearable placeholder="请输入项目概况" /> <el-input v-model="formData.project_overview" clearable placeholder="请输入项目概况"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目要求" prop="project_requirements"> <el-form-item label="项目要求" prop="project_requirements">
<el-input v-model="formData.project_requirements" clearable placeholder="请输入项目要求" /> <el-input v-model="formData.project_requirements" clearable placeholder="请输入项目要求"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="计划开工日期" prop="planned_start_date"> <el-form-item label="计划开工日期" prop="planned_start_date">
<el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable type="date"
value-format="YYYY-MM-DD" placeholder="请选择日期"> value-format="YYYY-MM-DD" placeholder="请选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="计划竣工日期" prop="planned_end_date"> <el-form-item label="计划竣工日期" prop="planned_end_date">
<el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable type="date"
value-format="YYYY-MM-DD" placeholder="请选择日期"> value-format="YYYY-MM-DD" placeholder="请选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实际开工日期" prop="actual_start_date"> <el-form-item label="实际开工日期" prop="actual_start_date">
<el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable type="date"
value-format="YYYY-MM-DD" placeholder="请选择日期"> value-format="YYYY-MM-DD" placeholder="请选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实际竣工日期" prop="actual_end_date"> <el-form-item label="实际竣工日期" prop="actual_end_date">
<el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable type="date"
value-format="YYYY-MM-DD" placeholder="请选择日期"> value-format="YYYY-MM-DD" placeholder="请选择日期">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实施部门" prop="implementation_department"> <el-form-item label="实施部门" prop="implementation_department">
<el-input v-model="formData.implementation_department" clearable placeholder="请输入实施部门" /> <el-select v-model="formData.implementation_department" placeholder="请选择实施部门"
</el-form-item> class="flex-1">
</el-col> <el-option :label="item.name" :value="item.id" v-for="item in deptList">
<el-col :span="8"> </el-option>
<el-form-item label="监管部门" prop="supervision_department"> </el-select>
<el-input v-model="formData.supervision_department" clearable placeholder="请输入监管部门" /> </el-form-item>
</el-form-item> </el-col>
</el-col> <el-col :span="8">
<el-col :span="8"> <el-form-item label="监管部门" prop="supervision_department">
<el-form-item label="项目经理" prop="project_manager"> <el-select v-model="formData.supervision_department" placeholder="请选择监管部门"
<el-input v-model="formData.project_manager" clearable placeholder="请输入项目经理" /> class="flex-1">
</el-form-item> <el-option :label="item.name" :value="item.id" v-for="item in deptList">
</el-col> </el-option>
<el-col :span="8"> </el-select>
<el-form-item label="立项日期" prop="initiation_date"> </el-form-item>
<el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable type="date" </el-col>
value-format="YYYY-MM-DD" placeholder="请选择日期"> <el-col :span="8">
</el-date-picker> <el-form-item label="项目经理" prop="project_manager">
</el-form-item> <el-input v-model="formData.project_manager_name" clearable placeholder="请输入项目经理" @click="userclick('project_manager')"/>
</el-col> </el-form-item>
<el-col :span="8"> </el-col>
<el-form-item label="项目负责人" prop="project_leader"> <el-col :span="8">
<el-input v-model="formData.project_leader" clearable placeholder="请输入项目负责人" /> <el-form-item label="立项日期" prop="initiation_date">
</el-form-item> <el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable type="date"
</el-col> value-format="YYYY-MM-DD" placeholder="请选择日期">
<el-col :span="8"> </el-date-picker>
<el-form-item label="项目部" prop="project_department"> </el-form-item>
<el-input v-model="formData.project_department" clearable placeholder="请输入项目部" /> </el-col>
</el-form-item> <el-col :span="8">
</el-col> <el-form-item label="项目负责人" prop="project_leader">
<el-input v-model="formData.project_leader_name" clearable placeholder="请输入项目负责人" @click="userclick('project_leader')"/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="项目部" prop="project_department">
<el-select v-model="formData.project_department" placeholder="请选择项目部门" class="flex-1">
<el-option :label="item.name" :value="item.id" v-for="item in deptList">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="关联合同" prop="contract"> <el-form-item label="关联合同" prop="contract">
<el-input v-model="formData.contract" clearable placeholder="请输入关联合同" v-type="'code'" /> <el-input v-model="formData.contract_name" clearable placeholder="请输入关联合同" v-type="'code'"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="甲方单位" prop="part_a_unit"> <el-form-item label="甲方单位" prop="part_a_unit">
<el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位" /> <el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位" @click="showDialog2 = true"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="创建人" prop="create_user"> <el-form-item label="创建人" prop="create_user">
<el-input v-model="formData.create_user" clearable /> <el-input v-model="formData.create_user" clearable/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="创建时间" prop="create_time"> <el-form-item label="创建时间" prop="create_time">
<el-date-picker class="flex-1 !flex" v-model="formData.create_time" clearable type="datetime" <el-date-picker class="flex-1 !flex" v-model="formData.create_time" clearable type="datetime"
value-format="YYYY-MM-DD HH:mm:ss"> value-format="YYYY-MM-DD HH:mm:ss">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="备注"> <el-form-item label="备注">
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" /> <el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="附件" prop="annex"> <el-form-item label="附件" prop="annex">
<uploadAnnex :formData="formData"></uploadAnnex> <uploadAnnex :formData="formData"></uploadAnnex>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
</popup> <div v-if="showDialog">
</div> <personnelselector ref="personnel" @confirm="submituser" type="1">
</personnelselector>
</div>
<el-dialog v-model="showDialog1" title="选择建设单位" width="70%">
<dialogTable :config="marketing_custom" @customEvent="customEvent1"> </dialogTable>
</el-dialog>
<el-dialog v-model="showDialog2" title="选择甲方单位" width="70%">
<dialogTable :config="marketing_custom" @customEvent="customEvent2"> </dialogTable>
</el-dialog>
</popup>
</div>
</template> </template>
<script lang="ts" setup name="manageProjectEdit"> <script lang="ts" setup name="manageProjectEdit">
import type { FormInstance } from 'element-plus' import type {FormInstance} from 'element-plus'
import Popup from '@/components/popup/index.vue' import Popup from '@/components/popup/index.vue'
import { apiManageProjectAdd, apiManageProjectEdit, apiManageProjectDetail } from '@/api/manage_project' import {apiManageProjectAdd, apiManageProjectEdit, apiManageProjectDetail} from '@/api/manage_project'
import type { PropType } from 'vue' import type {PropType} from 'vue'
import { timeFormat } from '@/utils/util' import {timeFormat} from '@/utils/util'
import useUserStore from "@/stores/modules/user"; import useUserStore from "@/stores/modules/user";
import {apiCostApprovedProjectDetail} from "@/api/cost_approved_project";
import {marketing_custom} from "@/components/dialogTable/dialogTableConfig";
const userStore = useUserStore().userInfo; const userStore = useUserStore().userInfo;
const route = useRoute()
// create_user: userStore.account, // create_user: userStore.account,
// create_time: timeFormat('', 'yyyy-mm-dd hh:MM:ss'), // create_time: timeFormat('', 'yyyy-mm-dd hh:MM:ss'),
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({})
} },
deptList: Array
}) })
const emit = defineEmits(['success', 'close']) const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>() const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>() const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add') const mode = ref('add')
const showDialog = ref(false)
const showDialog1 = ref(false)
const showDialog2 = ref(false)
const personnel = ref(null)
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑项目管理--项目信息' : '新增项目管理--项目信息' return mode.value == 'edit' ? '编辑项目管理--项目信息' : '新增项目管理--项目信息'
}) })
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: '',
project_name: '', project_name: '',
nature: '', nature: '',
industry: '', industry: '',
build_unit: '', build_unit: '',
build_area: '', build_unit_name: '',
address: '', build_area: '',
project_level: '', address: '',
total_investment: '', project_level: '',
engineering_status: '', total_investment: '',
contract_content: '', engineering_status: '',
project_overview: '', contract_content: '',
project_requirements: '', project_overview: '',
planned_start_date: '', project_requirements: '',
planned_end_date: '', planned_start_date: '',
actual_start_date: '', planned_end_date: '',
actual_end_date: '', actual_start_date: '',
implementation_department: '', actual_end_date: '',
supervision_department: '', implementation_department: '',
project_manager: '', supervision_department: '',
initiation_date: '', project_manager: '',
project_leader: '', project_manager_name: '',
project_department: '', initiation_date: '',
remark: '', project_leader: '',
contract: '', project_leader_name: '',
part_a_unit: '', project_department: '',
annex: [], remark: '',
create_user: userStore.account, contract: '',
create_time: timeFormat('', 'yyyy-mm-dd hh:MM:ss'), contract_name: '',
part_a_unit: '',
part_a: '',
annex: [],
create_user: userStore.account,
create_time: timeFormat('', 'yyyy-mm-dd hh:MM:ss'),
}) })
const chekcDate = (rule: any, value: any, callback: any) => { const chekcDate = (rule: any, value: any, callback: any) => {
if (new Date(formData.actual_end_date) < new Date(formData.actual_start_date)) { if (new Date(formData.actual_end_date) < new Date(formData.actual_start_date)) {
callback(new Error('实际竣工日期不能早于实际开工日期')) callback(new Error('实际竣工日期不能早于实际开工日期'))
} else { } else {
callback() callback()
} }
} }
const chekcDate1 = (rule: any, value: any, callback: any) => { const chekcDate1 = (rule: any, value: any, callback: any) => {
if (new Date(formData.planned_end_date) < new Date(formData.planned_start_date)) { if (new Date(formData.planned_end_date) < new Date(formData.planned_start_date)) {
callback(new Error('计划竣工日期不能早于计划开工日期')) callback(new Error('计划竣工日期不能早于计划开工日期'))
} else { } else {
callback() callback()
} }
} }
const chekcDate2 = (rule: any, value: any, callback: any) => { const chekcDate2 = (rule: any, value: any, callback: any) => {
if (new Date(formData.actual_start_date) < new Date(formData.initiation_date)) { if (new Date(formData.actual_start_date) < new Date(formData.initiation_date)) {
callback(new Error('立项日期早于实际开工日期')) callback(new Error('立项日期早于实际开工日期'))
} else { } else {
callback() callback()
} }
} }
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
project_name: [{ project_name: [{
required: true, required: true,
message: '请输入项目名称', message: '请输入项目名称',
trigger: ['blur'] trigger: ['blur']
}], }],
project_code: [{ project_code: [{
required: true, required: true,
message: '请输入项目编号', message: '请输入项目编号',
trigger: ['blur'] trigger: ['blur']
}], }],
nature: [{ nature: [{
required: true, required: true,
message: '请输入性质', message: '请输入性质',
trigger: ['blur'] trigger: ['blur']
}], }],
industry: [{ industry: [{
required: true, required: true,
message: '请输入行业', message: '请输入行业',
trigger: ['blur'] trigger: ['blur']
}], }],
build_unit: [{ build_unit: [{
required: true, required: true,
message: '请输入建设单位', message: '请输入建设单位',
trigger: ['blur'] trigger: ['blur']
}], }],
build_area: [{ build_area: [{
required: true, required: true,
message: '请输入建设区域', message: '请输入建设区域',
trigger: ['blur'] trigger: ['blur']
}], }],
address: [{ address: [{
required: true, required: true,
message: '请输入项目地址', message: '请输入项目地址',
trigger: ['blur'] trigger: ['blur']
}], }],
project_level: [{ project_level: [{
required: true, required: true,
message: '请输入项目级别', message: '请输入项目级别',
trigger: ['blur'] trigger: ['blur']
}], }],
total_investment: [{ total_investment: [{
required: true, required: true,
message: '请输入总投资（元）', message: '请输入总投资（元）',
trigger: ['blur'] trigger: ['blur']
}], }],
engineering_status: [{ engineering_status: [{
required: true, required: true,
message: '请输入工程状态', message: '请输入工程状态',
trigger: ['blur'] trigger: ['blur']
}], }],
contract_content: [{ contract_content: [{
required: true, required: true,
message: '请输入合同服务内容', message: '请输入合同服务内容',
trigger: ['blur'] trigger: ['blur']
}], }],
project_overview: [{ project_overview: [{
required: true, required: true,
message: '请输入项目概况', message: '请输入项目概况',
trigger: ['blur'] trigger: ['blur']
}], }],
project_requirements: [{ project_requirements: [{
required: true, required: true,
message: '请输入项目要求', message: '请输入项目要求',
trigger: ['blur'] trigger: ['blur']
}], }],
planned_start_date: [{ planned_start_date: [{
required: true, required: true,
message: '请输入计划开工日期', message: '请输入计划开工日期',
trigger: ['blur'] trigger: ['blur']
}], }],
planned_end_date: [{ planned_end_date: [{
required: true, required: true,
message: '请输入计划竣工日期', message: '请输入计划竣工日期',
trigger: ['blur'] trigger: ['blur']
}, },
{ {
validator: chekcDate1, validator: chekcDate1,
trigger: ['blur'] trigger: ['blur']
}], }],
actual_start_date: [{ actual_start_date: [{
required: true, required: true,
message: '请输入实际开工日期', message: '请输入实际开工日期',
trigger: ['blur'] trigger: ['blur']
}], }],
actual_end_date: [{ actual_end_date: [{
required: true, required: true,
message: '请输入实际竣工日期', message: '请输入实际竣工日期',
trigger: ['blur'] trigger: ['blur']
}, },
{ {
validator: chekcDate, validator: chekcDate,
trigger: ['blur'] trigger: ['blur']
}], }],
implementation_department: [{ implementation_department: [{
required: true, required: true,
message: '请输入实施部门', message: '请输入实施部门',
trigger: ['blur'] trigger: ['blur']
}], }],
supervision_department: [{ supervision_department: [{
required: true, required: true,
message: '请输入监管部门', message: '请输入监管部门',
trigger: ['blur'] trigger: ['blur']
}], }],
project_manager: [{ project_manager: [{
required: true, required: true,
message: '请输入项目经理', message: '请输入项目经理',
trigger: ['blur'] trigger: ['blur']
}], }],
initiation_date: [{ initiation_date: [{
required: true, required: true,
message: '请输入立项日期', message: '请输入立项日期',
trigger: ['blur'] trigger: ['blur']
}, },
{ {
validator: chekcDate2, validator: chekcDate2,
trigger: ['blur'] trigger: ['blur']
}], }],
project_leader: [{ project_leader: [{
required: true, required: true,
message: '请输入项目负责人', message: '请输入项目负责人',
trigger: ['blur'] trigger: ['blur']
}], }],
project_department: [{ project_department: [{
required: true, required: true,
message: '请输入项目部', message: '请输入项目部',
trigger: ['blur'] trigger: ['blur']
}], }],
remark: [{ remark: [{
required: true, required: true,
message: '请输入备注', message: '请输入备注',
trigger: ['blur'] trigger: ['blur']
}], }],
contract: [{ contract: [{
required: true, required: true,
message: '请输入关联合同', message: '请输入关联合同',
trigger: ['blur'] trigger: ['blur']
}], }],
part_a_unit: [{ part_a_unit: [{
required: true, required: true,
message: '请输入甲方单位', message: '请输入甲方单位',
trigger: ['blur'] trigger: ['blur']
}], }],
create_user: [{ create_user: [{
required: true, required: true,
message: '请输入创建人', message: '请输入创建人',
trigger: ['blur'] trigger: ['blur']
}], }],
create_time: [{ create_time: [{
required: true, required: true,
message: '请输入创建时间', message: '请输入创建时间',
trigger: ['blur'] trigger: ['blur']
}] }]
}) })
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key]
}
} }
}
} }
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiManageProjectDetail({ const data = await apiManageProjectDetail({
id: row.id id: row.id
}) })
setFormData(data) setFormData(data)
} }
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate()
const data = { ...formData, } const data = {...formData,}
mode.value == 'edit' mode.value == 'edit'
? await apiManageProjectEdit(data) ? await apiManageProjectEdit(data)
: await apiManageProjectAdd(data) : await apiManageProjectAdd(data)
popupRef.value?.close() popupRef.value?.close()
emit('success') emit('success')
} }
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = 'add') => {
mode.value = type mode.value = type
popupRef.value?.open() popupRef.value?.open()
} }
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit('close')
} }
if (route.query.contractId) {
apiCostApprovedProjectDetail({id: route.query.contractId}).then((res) => {
customEvent(res)
})
}
const customEvent = (e) => {
formData.contract = e.id
formData.contract_name = e.contract_name
formData.nature = e.industry_nature
formData.planned_start_date = e.start_date
formData.planned_end_date = e.end_date
formData.project_manager = e.project_director
formData.part_a = e.part_a
formData.part_a_unit = e.part_a_name
formData.build_area = e.const_area
formData.total_investment = e.project_money
formData.supervision_department = e.supervise_dept
formData.project_overview = e.project_scale
}
const customEvent1 = (e) => {
formData.build_unit = e.id
formData.build_unit_name = e.invoice_company
showDialog1.value = false
}
const customEvent2 = (e) => {
formData.part_a = e.id
formData.part_a_unit = e.invoice_company
showDialog2.value = false
}
let value
const userclick = async (val) => {
showDialog.value = true
value = val
await nextTick()
personnel.value.open()
}
const submituser = (e: any) => {
formData[value + '_name'] = e.name
formData[value] = e.id
showDialog.value = false
}
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail getDetail
}) })
</script> </script>

20
src/views/manage_project/index.vue
View File

@ -114,7 +114,7 @@
<pagination v-model="pager" @change="getLists" /> <pagination v-model="pager" @change="getLists" />
</div> </div>
</el-card> </el-card>
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="getLists" @close="showEdit = false" /> <edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="success()" @close="success()" :deptList="deptList" />
<detailPage v-if="showDetail" ref="detailRef" @close="showEdit = false" :detailConfig="detailConfig" /> <detailPage v-if="showDetail" ref="detailRef" @close="showEdit = false" :detailConfig="detailConfig" />
</div> </div>
@ -127,7 +127,10 @@ import { apiManageProjectLists, apiManageProjectDelete, apiManageProjectDetail }
import detailConfig from './detail' import detailConfig from './detail'
import feedback from '@/utils/feedback' import feedback from '@/utils/feedback'
import EditPopup from './edit.vue' import EditPopup from './edit.vue'
import {deptLists} from "@/api/org/department";
const route = useRoute()
const router = useRouter()
const editRef = shallowRef<InstanceType<typeof EditPopup>>() const editRef = shallowRef<InstanceType<typeof EditPopup>>()
const detailRef = ref('') const detailRef = ref('')
// 是否显示编辑框 // 是否显示编辑框
@ -194,7 +197,20 @@ const handleDetail = async (id: any) => {
detailRef.value?.open() detailRef.value?.open()
detailRef.value?.setFormData(res) detailRef.value?.setFormData(res)
} }
if (route.query.contractId) {
handleAdd()
}
const success = () => {
router.push({
path: '/management/manage_basic/manage_project',
})
}
const deptList = ref([])
const getDeptList = async () => {
const res = await deptLists()
deptList.value = res.lists
}
getDeptList()
getLists() getLists()
</script> </script>

1
src/views/supervision_project/index.vue
View File

@ -244,7 +244,6 @@ const success = () => {
path: '/supervision/supervision_basic/supervision_project', path: '/supervision/supervision_basic/supervision_project',
}) })
} }
getLists() getLists()
getDeptList() getDeptList()