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
.env.development
src/views
consult_project
cost_approved_projects
manage_project
supervision_project

@ -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/'

@ -5,19 +5,19 @@
<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>
@ -25,39 +25,39 @@
<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">
@ -69,32 +69,32 @@
</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">
@ -115,7 +115,7 @@
<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>
@ -123,44 +123,55 @@
<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="请选择监管部门"
class="flex-1">
<el-option :label="item.name" :value="item.id" v-for="item in deptList">
</el-option>
</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.implementation_department" clearable placeholder="请输入实施部门" /> <el-select v-model="formData.implementation_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-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_department" clearable placeholder="请输入项目部" /> <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-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_manager" clearable placeholder="请输入项目负责人员" /> <el-input v-model="formData.project_manager_name" clearable placeholder="请输入项目负责人员" @click="userclick('project_manager')"/>
</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.part_a_unit" clearable placeholder="请输入甲方单位" /> <el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -174,7 +185,7 @@
</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.archiving_directory" clearable placeholder="请输入归档目录" /> <el-input v-model="formData.archiving_directory" clearable placeholder="请输入归档目录"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -184,7 +195,7 @@
</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 placeholder="请输入创建人" /> <el-input v-model="formData.create_user" clearable placeholder="请输入创建人"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -198,18 +209,30 @@
</el-row> </el-row>
</el-form> </el-form>
<div v-if="showDialog">
<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> </popup>
</div> </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;
@ -218,13 +241,19 @@ 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(() => {
@ -239,12 +268,14 @@ const formData = reactive({
industry: '', industry: '',
nature: '', nature: '',
company: '', company: '',
company_name: '',
build_area: '', build_area: '',
address: '', address: '',
project_level: '', project_level: '',
total_investment: '', total_investment: '',
initiation_date: '', initiation_date: '',
contract: '', contract: '',
contract_name: '',
contract_amount: '', contract_amount: '',
contract_content: '', contract_content: '',
project_overview: '', project_overview: '',
@ -256,11 +287,14 @@ const formData = reactive({
consult_type: '', consult_type: '',
telephone: '', telephone: '',
consult_user: '', consult_user: '',
consult_user_name: '',
supervision_department: '', supervision_department: '',
implementation_department: '', implementation_department: '',
project_department: '', project_department: '',
project_manager: '', project_manager: '',
project_manager_name: '',
part_a_unit: '', part_a_unit: '',
part_a: '',
project_archiving: [], project_archiving: [],
archiving_directory: '', archiving_directory: '',
annex: [], annex: [],
@ -467,7 +501,7 @@ const getDetail = async (row: Record<string, any>) => {
// //
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)
@ -486,8 +520,49 @@ 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,

@ -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>

@ -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',

@ -5,14 +5,14 @@
<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>
@ -20,46 +20,46 @@
<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>
@ -67,17 +67,17 @@
<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">
@ -110,17 +110,25 @@
</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="请选择实施部门"
class="flex-1">
<el-option :label="item.name" :value="item.id" v-for="item in deptList">
</el-option>
</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="supervision_department"> <el-form-item label="监管部门" prop="supervision_department">
<el-input v-model="formData.supervision_department" clearable placeholder="请输入监管部门" /> <el-select v-model="formData.supervision_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-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目经理" prop="project_manager"> <el-form-item label="项目经理" prop="project_manager">
<el-input v-model="formData.project_manager" clearable placeholder="请输入项目经理" /> <el-input v-model="formData.project_manager_name" clearable placeholder="请输入项目经理" @click="userclick('project_manager')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
@ -132,29 +140,32 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目负责人" prop="project_leader"> <el-form-item label="项目负责人" prop="project_leader">
<el-input v-model="formData.project_leader" clearable placeholder="请输入项目负责人" /> <el-input v-model="formData.project_leader_name" clearable placeholder="请输入项目负责人" @click="userclick('project_leader')"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目部" prop="project_department"> <el-form-item label="项目部" prop="project_department">
<el-input v-model="formData.project_department" clearable placeholder="请输入项目部" /> <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-form-item>
</el-col> </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">
@ -166,7 +177,7 @@
</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">
@ -177,18 +188,32 @@
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<div v-if="showDialog">
<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> </popup>
</div> </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'),
@ -198,14 +223,17 @@ 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(() => {
@ -219,6 +247,7 @@ const formData = reactive({
nature: '', nature: '',
industry: '', industry: '',
build_unit: '', build_unit: '',
build_unit_name: '',
build_area: '', build_area: '',
address: '', address: '',
project_level: '', project_level: '',
@ -234,12 +263,16 @@ const formData = reactive({
implementation_department: '', implementation_department: '',
supervision_department: '', supervision_department: '',
project_manager: '', project_manager: '',
project_manager_name: '',
initiation_date: '', initiation_date: '',
project_leader: '', project_leader: '',
project_leader_name: '',
project_department: '', project_department: '',
remark: '', remark: '',
contract: '', contract: '',
contract_name: '',
part_a_unit: '', part_a_unit: '',
part_a: '',
annex: [], annex: [],
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'),
@ -451,7 +484,7 @@ const getDetail = async (row: Record<string, any>) => {
// //
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)
@ -471,7 +504,49 @@ const handleClose = () => {
} }
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,

@ -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>

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