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-07-28 21:16:04 +08:00
parent 7a73f4e1fc
commit 2a118bd270
4 changed files with 946 additions and 935 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -2,4 +2,4 @@ NODE_ENV = 'development'
VITE_APP_BASE_URL = 'https://ceshi-engineering.lihaink.cn/' 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.8:8526/'

798
src/views/cost_projects/edit.vue
View File

@ -1,235 +1,233 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" <popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit"
@close="handleClose"> @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_num"> <el-form-item label="项目编号" prop="project_num">
<el-input v-model="formData.project_num" clearable placeholder="系统自动生成" disabled /> <el-input v-model="formData.project_num" 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="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="contract_id"> <el-form-item label="关联合同" prop="contract_id">
<el-input v-model="formData.contract_name" clearable placeholder="点击选择项目" readonly <el-input v-model="formData.contract_name" clearable placeholder="点击选择项目" readonly
@click="showDialog = true" /> @click="showDialog = true"/>
</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_type_text" clearable placeholder="系统自动获取" disabled /> <el-input v-model="formData.contract_type_text" 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="types"> <el-form-item label="咨询类型" prop="types">
<el-select v-model="formData.types" clearable placeholder="请选择业务性质" class="flex-1"> <el-select v-model="formData.types" clearable placeholder="请选择业务性质" class="flex-1">
<el-option v-for="(item, index) in dictData.consultation_type" :key="index" <el-option v-for="(item, index) in dictData.consultation_type" :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 v-model="formData.industry" clearable placeholder="请选择行业" class="flex-1" disabled> --> <!-- <el-select v-model="formData.industry" clearable placeholder="请选择行业" class="flex-1" disabled> -->
<el-select v-model="formData.industry" clearable placeholder="请选择行业" class="flex-1"> <el-select v-model="formData.industry" clearable placeholder="请选择行业" class="flex-1">
<el-option v-for="( item, index ) in dictData.cost_consultation_industry_nature" <el-option v-for="( item, index ) in dictData.cost_consultation_industry_nature"
:key="index" :label="item.name" :value="parseInt(item.value)" /> :key="index" :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="province"> <el-form-item label="所在省份" prop="province">
<el-select v-model="formData.province" clearable placeholder="请选择省" <el-select v-model="formData.province" clearable placeholder="请选择省"
@change="province_change" class="flex-1"> @change="province_change" class="flex-1">
<el-option v-for="(item, index) in datas.provinceOptions" :key="index" <el-option v-for="(item, index) in datas.provinceOptions" :key="index"
:label="item.province_name" :value="(item.province_code)" /> :label="item.province_name" :value="(item.province_code)"/>
</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="city"> <el-form-item label="所在市区" prop="city">
<el-select v-model="formData.city" clearable placeholder="请选择市" class="flex-1"> <el-select v-model="formData.city" clearable placeholder="请选择市" class="flex-1">
<el-option v-for="(item, index) in datas.cityOptions" :key="index" <el-option v-for="(item, index) in datas.cityOptions" :key="index"
:label="item.city_name" :value="(item.city_code)" /> :label="item.city_name" :value="(item.city_code)"/>
</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="starting" label-width="120px"> <el-form-item label="计划开始日期" prop="starting" label-width="120px">
<!-- <el-date-picker class="flex-1 !flex" v-model="formData.starting" clearable type="date" <!-- <el-date-picker class="flex-1 !flex" v-model="formData.starting" clearable type="date"
value-format="YYYY-MM-DD" placeholder="请选择日期" disabled> --> value-format="YYYY-MM-DD" placeholder="请选择日期" disabled> -->
<el-date-picker class="flex-1 !flex" v-model="formData.starting" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.starting" 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="endtime" label-width="120px"> <el-form-item label="计划结束日期" prop="endtime" label-width="120px">
<!-- <el-date-picker class="flex-1 !flex" v-model="formData.endtime" clearable type="date" <!-- <el-date-picker class="flex-1 !flex" v-model="formData.endtime" clearable type="date"
value-format="YYYY-MM-DD" placeholder="请选择日期" disabled> --> value-format="YYYY-MM-DD" placeholder="请选择日期" disabled> -->
<el-date-picker class="flex-1 !flex" v-model="formData.endtime" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.endtime" 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="jhgq"> <el-form-item label="计划工期" prop="jhgq">
<el-input v-model="formData.jhgq" clearable placeholder="请输入计划工期(天)" type="number" /> <el-input v-model="formData.jhgq" 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="depar" :rules="[ <el-form-item label="项目所属部门" prop="depar" :rules="[
{ required: true, message: '不可为空', trigger: 'blur' }, { required: true, message: '不可为空', trigger: 'blur' },
]"> ]">
<el-select class="flex-1" v-model="formData.depar" clearable placeholder="请选择部门"> <el-select class="flex-1" v-model="formData.depar" clearable placeholder="请选择部门">
<el-option v-for="(item, index) in deptList" :key="index" :label="item.name" <el-option v-for="(item, index) in deptList" :key="index" :label="item.name"
:value="item.id" /> :value="item.id"/>
</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="principal"> <el-form-item label="项目负责人" prop="principal">
<!-- <el-input v-model="formData.principal" clearable placeholder="请输入项目负责人" <!-- <el-input v-model="formData.principal" clearable placeholder="请输入项目负责人"
@click="userclick('principal')" disabled /> --> @click="userclick('principal')" disabled /> -->
<el-input v-model="formData.principal_name" clearable placeholder="请输入项目负责人" <el-input v-model="formData.principal_name" clearable placeholder="请输入项目负责人"
@click="userclick('principal')" /> @click="userclick('principal')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目相关人员" prop="person" label-width="120px"> <el-form-item label="项目相关人员" prop="person" label-width="120px">
<el-input v-model="formData.person_text" clearable placeholder="请输入项目相关人员" <el-input v-model="formData.person_text" clearable placeholder="请输入项目相关人员"
@click="userclick('person')" /> @click="userclick('person')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目总投资" prop="invest"> <el-form-item label="项目总投资" prop="invest">
<!-- <el-input v-model="formData.invest" clearable placeholder="请输入项目总投资（元）" type="number" <!-- <el-input v-model="formData.invest" clearable placeholder="请输入项目总投资（元）" type="number"
disabled /> --> disabled /> -->
<el-input v-model="formData.invest" clearable placeholder="请输入项目总投资（元）" type="number" /> <el-input v-model="formData.invest" 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="budget"> <el-form-item label="预算造价" prop="budget">
<el-input v-model="formData.budget" clearable placeholder="请输入预算造价（元）" type="number" /> <el-input v-model="formData.budget" 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="cost"> <el-form-item label="送审造价" prop="cost">
<el-input v-model="formData.cost" clearable placeholder="请输入送审造价（元）" type="number" /> <el-input v-model="formData.cost" 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="approval"> <el-form-item label="审定造价" prop="approval">
<el-input v-model="formData.approval" clearable placeholder="请输入审定造价（元）" type="number" /> <el-input v-model="formData.approval" 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="aunit"> <el-form-item label="委托单位" prop="aunit">
<!-- <el-input v-model="formData.aunit" clearable placeholder="请输入委托单位" disabled /> --> <!-- <el-input v-model="formData.aunit" clearable placeholder="请输入委托单位" disabled /> -->
<el-input v-model="formData.aunit_name" clearable placeholder="请输入委托单位" /> <el-input v-model="formData.aunit_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="Acontact" label-width="120px"> <el-form-item label="委托方联系人" prop="Acontact" label-width="120px">
<!-- <el-input v-model="formData.Acontact" clearable placeholder="请输入委托方联系人" disabled /> --> <!-- <el-input v-model="formData.Acontact" clearable placeholder="请输入委托方联系人" disabled /> -->
<el-input v-model="formData.Acontact" clearable placeholder="请输入委托方联系人" /> <el-input v-model="formData.Acontact" 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="acontactnum"> <el-form-item label="联系电话" prop="acontactnum">
<el-input v-model="formData.acontactnum" clearable placeholder="请输入联系电话" type="number" /> <el-input v-model="formData.acontactnum" 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="date"> <el-form-item label="登记日期" prop="date">
<el-date-picker class="flex-1 !flex" v-model="formData.date" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData.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="generalize" label-width="120px"> <el-form-item label="项目规模及概括" prop="generalize" label-width="120px">
<!-- <el-input v-model="formData.generalize" clearable placeholder="请输入项目规模及概括" disabled <!-- <el-input v-model="formData.generalize" clearable placeholder="请输入项目规模及概括" disabled
type="textarea" /> --> type="textarea" /> -->
<el-input v-model="formData.generalize" clearable placeholder="请输入项目规模及概括" <el-input v-model="formData.generalize" 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="js_unit"> <el-form-item label="建设单位" prop="js_unit">
<el-input v-model="formData.js_unit" clearable placeholder="请输入建设单位" /> <el-input v-model="formData.js_unit" 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="note"> <el-form-item label="注意事项" prop="note">
<el-input v-model="formData.note" clearable placeholder="请输入注意事项" /> <el-input v-model="formData.note" 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="remark"> <el-form-item label="备注" prop="remark">
<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-row> </el-row>
<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-dialog v-model="showDialog" title="选择合同" width="70%"> <el-dialog v-model="showDialog" title="选择合同" width="70%">
<dialogTable :config="cost_approved_projects" @customEvent="customEvent" <dialogTable :config="cost_approved_projects" @customEvent="customEvent"
:query="{ status: 0, business_nature: 4 }"> :query="{ status: 0, business_nature: 4 }">
</dialogTable> </dialogTable>
</el-dialog> </el-dialog>
<div v-if="showDialog1"> <div v-if="showDialog1">
<personnelselector ref="personnel" @confirm="submituser" :type="persoleType"> <personnelselector ref="personnel" @confirm="submituser" :type="persoleType">
</personnelselector> </personnelselector>
</div> </div>
</el-form> </el-form>
</popup> </popup>
</div> </div>
</template> </template>
<script lang="ts" setup name="costProjectEdit"> <script lang="ts" setup name="costProjectEdit">
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 { apiCostProjectAdd, apiCostProjectEdit } from "@/api/cost_project"; import {apiCostProjectAdd, apiCostProjectEdit} from "@/api/cost_project";
import { apiCostApprovedProjectDetail } from '@/api/cost_approved_project' import {apiCostApprovedProjectDetail} from '@/api/cost_approved_project'
import type { PropType } from "vue"; import type {PropType} from "vue";
import { useRoute } from "vue-router"; import {useRoute} from "vue-router";
import { cost_approved_projects } from "@/components/dialogTable/dialogTableConfig"; import {cost_approved_projects} from "@/components/dialogTable/dialogTableConfig";
import { apiCityList, apiProvinceList } from "@/api/common"; import {apiCityList, apiProvinceList} from "@/api/common";
import { checkPhone } from "@/utils/validate" import {checkPhone} from "@/utils/validate"
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}), default: () => ({}),
}, },
deptList: Array deptList: Array
}); });
const emit = defineEmits(["success", "close"]); const emit = defineEmits(["success", "close"]);
const formRef = shallowRef<FormInstance>(); const formRef = shallowRef<FormInstance>();
@ -243,252 +241,260 @@ 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_num: "", project_num: "",
project_name: "", project_name: "",
contract_id: "", contract_id: "",
contract_name: "", contract_name: "",
contract_type: "", contract_type: "",
contract_type_text: "", contract_type_text: "",
types: "", types: "",
industry: "", industry: "",
province: "", province: "",
city: "", city: "",
org_id: "", org_id: "",
js_unit: "", js_unit: "",
address: "", address: "",
starting: "", starting: "",
endtime: "", endtime: "",
jhgq: "", jhgq: "",
depar: "", depar: "",
principal: "", principal: "",
principal_name: "", principal_name: "",
person: "", person: "",
person_text: "", person_text: "",
invest: "", invest: "",
budget: "", budget: "",
cost: "", cost: "",
approval: "", approval: "",
aunit: "", aunit: "",
Acontact: "", Acontact: "",
aunit_name: "", aunit_name: "",
acontactnum: "", acontactnum: "",
date: "", date: "",
generalize: "", generalize: "",
note: "", note: "",
remark: "", remark: "",
annex: [], annex: [],
}); });
const datas = reactive({ const datas = reactive({
provinceOptions: [], provinceOptions: [],
cityOptions: [], cityOptions: [],
}); });
const customEvent = (e) => { const customEvent = (e) => {
formData.contract_id = e.id;
formData.contract_name = e.contract_name; formData.project_num = e.contract_code;
formData.project_name = e.contract_name; formData.contract_id = e.id;
formData.depar = e.supervise_dept; formData.contract_name = e.contract_name;
formData.industry = e.industry_nature formData.project_name = e.contract_name;
formData.starting = e.start_date formData.depar = e.supervise_dept;
formData.endtime = e.end_date formData.industry = e.industry_nature
formData.principal_name = e.project_director formData.starting = e.start_date
formData.contract_type = e.contract_type formData.endtime = e.end_date
formData.contract_type_text = e.contract_type_text formData.principal_name = e.project_director
formData.invest = e.project_money formData.contract_type = e.contract_type
formData.aunit_name = e.part_a_name formData.contract_type_text = e.contract_type_text
formData.aunit = e.part_a formData.invest = e.project_money
formData.generalize = e.project_scale formData.aunit_name = e.part_a_name
formData.jhgq = e.jhgq formData.aunit = e.part_a
formData.address = e.part_a_address formData.generalize = e.project_scale
formData.Acontact = e.part_a_acontact formData.jhgq = e.jhgq
formData.acontactnum = e.telephone formData.address = e.part_a_address
showDialog.value = false; formData.Acontact = e.part_a_acontact
formData.acontactnum = e.part_a_acontactnum
formData.province = e.province
formData.city = e.city
formData.principal = e.signed_head
showDialog.value = false;
if(e.city!=''){
getCityList()
}
}; };
const getProvinceList = async () => { const getProvinceList = async () => {
const data = await apiProvinceList({}); const data = await apiProvinceList({});
datas["provinceOptions"] = data; datas["provinceOptions"] = data;
}; };
const getCityList = async () => { const getCityList = async () => {
const data = await apiCityList({ province_code: formData.province }); const data = await apiCityList({province_code: formData.province});
datas["cityOptions"] = data; datas["cityOptions"] = data;
}; };
//获取省份 //获取省份
function province_change(value: string) { function province_change(value: string) {
getCityList(); getCityList();
} }
const chekcDate = (rule: any, value: any, callback: any) => { const chekcDate = (rule: any, value: any, callback: any) => {
if (new Date(formData.date) < new Date(formData.starting)) { if (new Date(formData.date) < new Date(formData.starting)) {
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"],
}, },
], ],
contract_id: [ contract_id: [
{ {
required: true, required: true,
message: "请输入关联合同", message: "请输入关联合同",
trigger: ["blur"], trigger: ["blur"],
}, },
], ],
starting: [ starting: [
{ {
required: true, required: true,
message: "请输入计划开始日期", message: "请输入计划开始日期",
trigger: ["blur"], trigger: ["blur"],
}, },
], ],
endtime: [ endtime: [
{ {
required: true, required: true,
message: "请输入计划结束日期", message: "请输入计划结束日期",
trigger: ["blur"], trigger: ["blur"],
}, },
], ],
date: [{ date: [{
required: true, required: true,
message: '请输入登记日期', message: '请输入登记日期',
trigger: ['blur'] trigger: ['blur']
},
{
validator: chekcDate,
trigger: ['blur']
}],
jhgq: [
{
required: true,
message: "请输入计划工期（天）",
trigger: ["blur"],
},
],
principal: [
{
required: true,
message: "请输入项目负责人",
trigger: ["blur"],
},
],
acontactnum: [
{
required: true,
message: "请输入联系电话",
trigger: ["blur"],
}, },
{ {
validator: chekcDate, validator: checkPhone,
trigger: ['blur'] trigger: ["blur"],
}], }
jhgq: [ ],
{ aunit: [
required: true, {
message: "请输入计划工期（天）", required: true,
trigger: ["blur"], message: "请输入委托单位",
}, trigger: ["blur"],
], },
principal: [ ],
{
required: true,
message: "请输入项目负责人",
trigger: ["blur"],
},
],
acontactnum: [
{
required: true,
message: "请输入联系电话",
trigger: ["blur"],
},
{
validator: checkPhone,
trigger: ["blur"],
}
],
aunit: [
{
required: true,
message: "请输入委托单位",
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];
}
} }
// formData.province = Number(formData.province); }
// formData.city = Number(formData.city); // formData.province = Number(formData.province);
// formData.depar = Number(formData.depar); // formData.city = Number(formData.city);
// formData.contract_name = data.contract.contract_name; // formData.depar = Number(formData.depar);
// formData.principal = data.contract?.signing_person // formData.contract_name = data.contract.contract_name;
// formData.starting = data.contract.start_date // formData.principal = data.contract?.signing_person
// formData.endtime = data.contract.end_date // formData.starting = data.contract.start_date
getCityList(); // formData.endtime = data.contract.end_date
getCityList();
}; };
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
Array.isArray(formData.annex) ? "" : (formData.annex = []); Array.isArray(formData.annex) ? "" : (formData.annex = []);
await formRef.value?.validate(); await formRef.value?.validate();
const data = { ...formData }; const data = {...formData};
mode.value == "edit" mode.value == "edit"
? await apiCostProjectEdit(data) ? await apiCostProjectEdit(data)
: await apiCostProjectAdd(data); : await apiCostProjectAdd(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 userclick = async (e: any) => { const userclick = async (e: any) => {
e == "person" ? (persoleType.value = 2) : (persoleType.value = 1); e == "person" ? (persoleType.value = 2) : (persoleType.value = 1);
showDialog1.value = true; showDialog1.value = true;
await nextTick(); await nextTick();
personnel.value.open(); personnel.value.open();
}; };
const persoleType = ref("1"); const persoleType = ref("1");
//确认 //确认
const submituser = (e: any) => { const submituser = (e: any) => {
let flag = Array.isArray(e); let flag = Array.isArray(e);
let personl; let personl;
let personl_id; let personl_id;
personl = flag ? e.map((item) => [item.name]).join(",") : e.name; personl = flag ? e.map((item) => [item.name]).join(",") : e.name;
personl_id = flag ? e.map((item) => item.id) : e.id; personl_id = flag ? e.map((item) => item.id) : e.id;
if (flag) { if (flag) {
formData.person_text = personl; formData.person_text = personl;
formData.person = personl_id; formData.person = personl_id;
} else { } else {
formData.principal_name = personl; formData.principal_name = personl;
formData.principal = personl_id; formData.principal = personl_id;
} }
showDialog1.value = false; showDialog1.value = false;
}; };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit("close"); emit("close");
}; };
if (route.query.contractId) { if (route.query.contractId) {
// handleAdd() // handleAdd()
apiCostApprovedProjectDetail({ id: route.query.contractId }).then(res => { apiCostApprovedProjectDetail({id: route.query.contractId}).then(res => {
customEvent(res) customEvent(res)
}) })
// // handleAdd() // // handleAdd()
// formData.contract_id = route.query.contractId; // formData.contract_id = route.query.contractId;
// formData.contract_name = route.query.contractName; // formData.contract_name = route.query.contractName;
} }
getProvinceList(); getProvinceList();
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
}); });
</script> </script>

4
src/views/marketing_contract/edit.vue
View File

@ -805,6 +805,9 @@ const setFormData = async (data: Record<any, any>) => {
formData.framework_agreement_name = data['framework_agreement_name'] formData.framework_agreement_name = data['framework_agreement_name']
} }
} }
if(data.city!=''){
getCityList()
}
} }
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
@ -847,7 +850,6 @@ const open = (type = 'add') => {
mode.value = type mode.value = type
popupRef.value?.open() popupRef.value?.open()
} }
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit('close')

1077
src/views/supervision_project/edit.vue
View File

File diff suppressed because it is too large Load Diff