add
This commit is contained in:
zmj
parent
c474b64cad
commit
c29fcb3044
355
src/views/jxgl_temp/edit.vue
Normal file
355
src/views/jxgl_temp/edit.vue
Normal file
@ -0,0 +1,355 @@
|
|||||||
|
<template>
|
||||||
|
<div class="edit-popup">
|
||||||
|
<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-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目名称" prop="project_name">
|
||||||
|
<el-input v-model="formData.project_name" clearable placeholder="请输入项目名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="性质" prop="nature">
|
||||||
|
<el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质">
|
||||||
|
<el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="行业" prop="industry">
|
||||||
|
<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"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="建设单位" prop="build_unit">
|
||||||
|
<el-input v-model="formData.build_unit_name" clearable placeholder="请输入建设单位"
|
||||||
|
@click="showDialog1 = true" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="建设区域" prop="build_area">
|
||||||
|
<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"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目地址" prop="address">
|
||||||
|
<el-input v-model="formData.address" clearable placeholder="请输入项目地址" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目级别" prop="project_level">
|
||||||
|
<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"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="总投资（元）" prop="total_investment">
|
||||||
|
<el-input v-model="formData.total_investment" clearable placeholder="请输入总投资（元）" type="number" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="工程状态" prop="engineering_status">
|
||||||
|
<el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择工程状态">
|
||||||
|
<el-option v-for="(item, index) in dictData.engineering_status" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="合同服务内容" prop="contract_content">
|
||||||
|
<el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容"
|
||||||
|
type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目概况" prop="project_overview">
|
||||||
|
<el-input v-model="formData.project_overview" clearable placeholder="请输入项目概况" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目要求" prop="project_requirements">
|
||||||
|
<el-input v-model="formData.project_requirements" clearable placeholder="请输入项目要求" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划开工日期" prop="planned_start_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划竣工日期" prop="planned_end_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="实际开工日期" prop="actual_start_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="实际竣工日期" prop="actual_end_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="实施部门" prop="implementation_department">
|
||||||
|
<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-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="监管部门" prop="supervision_department">
|
||||||
|
<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-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目经理" prop="project_manager">
|
||||||
|
<el-input v-model="formData.project_manager_name" clearable placeholder="请输入项目经理"
|
||||||
|
@click="userclick('project_manager')" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="立项日期" prop="initiation_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<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-form-item label="关联合同" prop="contract">
|
||||||
|
<el-input v-model="formData.contract_name" clearable placeholder="请输入关联合同" v-type="'code'" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="甲方单位" prop="part_a_unit">
|
||||||
|
<el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位"
|
||||||
|
@click="showDialog2 = true" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="创建人" prop="create_user">
|
||||||
|
<el-input v-model="formData.create_user" clearable />
|
||||||
|
</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">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="附件" prop="annex">
|
||||||
|
<uploadAnnex :formData="formData"></uploadAnnex>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="manageProjectEdit">
|
||||||
|
import type { FormInstance } from 'element-plus'
|
||||||
|
import Popup from '@/components/popup/index.vue'
|
||||||
|
import { apiManageProjectAdd, apiManageProjectEdit, apiManageProjectDetail } from '@/api/manage_project'
|
||||||
|
import type { PropType } from 'vue'
|
||||||
|
import { timeFormat } from '@/utils/util'
|
||||||
|
import useUserStore from "@/stores/modules/user";
|
||||||
|
import { apiCostApprovedProjectDetail } from "@/api/cost_approved_project";
|
||||||
|
import { marketing_custom } from "@/components/dialogTable/dialogTableConfig";
|
||||||
|
|
||||||
|
|
||||||
|
defineProps({
|
||||||
|
dictData: {
|
||||||
|
type: Object as PropType<Record<string, any[]>>,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
deptList: Array
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['success', 'close'])
|
||||||
|
const formRef = shallowRef<FormInstance>()
|
||||||
|
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||||
|
const mode = ref('add')
|
||||||
|
const showDialog = ref(false)
|
||||||
|
const showDialog1 = ref(false)
|
||||||
|
const showDialog2 = ref(false)
|
||||||
|
const personnel = ref(null)
|
||||||
|
|
||||||
|
// 弹窗标题
|
||||||
|
const popupTitle = computed(() => {
|
||||||
|
return mode.value == 'edit' ? '编辑考核模版' : '新增考核模版'
|
||||||
|
})
|
||||||
|
|
||||||
|
// 表单数据
|
||||||
|
const formData = reactive({
|
||||||
|
id: '',
|
||||||
|
project_name: '',
|
||||||
|
nature: '',
|
||||||
|
industry: '',
|
||||||
|
build_unit: '',
|
||||||
|
build_unit_name: '',
|
||||||
|
build_area: '',
|
||||||
|
address: '',
|
||||||
|
project_level: '',
|
||||||
|
total_investment: '',
|
||||||
|
engineering_status: '',
|
||||||
|
contract_content: '',
|
||||||
|
project_overview: '',
|
||||||
|
project_requirements: '',
|
||||||
|
planned_start_date: '',
|
||||||
|
planned_end_date: '',
|
||||||
|
actual_start_date: '',
|
||||||
|
actual_end_date: '',
|
||||||
|
implementation_department: '',
|
||||||
|
supervision_department: '',
|
||||||
|
project_manager: '',
|
||||||
|
project_manager_name: '',
|
||||||
|
initiation_date: '',
|
||||||
|
project_leader: '',
|
||||||
|
project_leader_name: '',
|
||||||
|
project_department: '',
|
||||||
|
remark: '',
|
||||||
|
contract: '',
|
||||||
|
contract_name: '',
|
||||||
|
part_a_unit: '',
|
||||||
|
part_a: '',
|
||||||
|
annex: [],
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 表单验证
|
||||||
|
const formRules = reactive<any>({
|
||||||
|
project_name: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入项目名称',
|
||||||
|
trigger: ['blur']
|
||||||
|
}]
|
||||||
|
})
|
||||||
|
|
||||||
|
const setRules = () => {
|
||||||
|
let lists = ['project_name']
|
||||||
|
lists.forEach((item) => {
|
||||||
|
formRules[item] = [{
|
||||||
|
required: true,
|
||||||
|
message: '不能为空',
|
||||||
|
trigger: ['blur']
|
||||||
|
}]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
setRules()
|
||||||
|
|
||||||
|
|
||||||
|
// 获取详情
|
||||||
|
const setFormData = async (data: Record<any, any>) => {
|
||||||
|
for (const key in formData) {
|
||||||
|
if (data[key] != null && data[key] != undefined) {
|
||||||
|
//@ts-ignore
|
||||||
|
formData[key] = data[key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 提交按钮
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
await formRef.value?.validate()
|
||||||
|
const data = { ...formData, }
|
||||||
|
mode.value == 'edit'
|
||||||
|
? await apiManageProjectEdit(data)
|
||||||
|
: await apiManageProjectAdd(data)
|
||||||
|
popupRef.value?.close()
|
||||||
|
emit('success')
|
||||||
|
}
|
||||||
|
|
||||||
|
//打开弹窗
|
||||||
|
const open = (type = 'add') => {
|
||||||
|
mode.value = type
|
||||||
|
popupRef.value?.open()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭回调
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('close')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
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({
|
||||||
|
open,
|
||||||
|
setFormData,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
144
src/views/jxgl_temp/index.vue
Normal file
144
src/views/jxgl_temp/index.vue
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
|
<el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="项目名称" prop="project_name">
|
||||||
|
<el-input v-model="queryParams.project_name" clearable placeholder="请输入项目名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="项目编号" prop="project_code">
|
||||||
|
<el-input v-model="queryParams.project_code" clearable placeholder="请输入项目编号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="性质" prop="nature">
|
||||||
|
<el-select class="flex-1" v-model="queryParams.nature" clearable placeholder="请选择性质">
|
||||||
|
<el-option v-for="(item, index) in dictData.cost_consultation_industry_nature" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
|
<el-button @click="resetParams">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
|
<el-button type="primary" @click="handleAdd">
|
||||||
|
<template #icon>
|
||||||
|
<icon name="el-icon-Plus" />
|
||||||
|
</template>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
<el-button :disabled="!selectData.length" @click="handleDelete(selectData)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
<div class="mt-4">
|
||||||
|
<el-table border :data="pager.lists" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column label="考核类别" prop="progress" show-overflow-tooltip />
|
||||||
|
<el-table-column label="模版名称" prop="build_area_text" show-overflow-tooltip />
|
||||||
|
<el-table-column label="考核总分" prop="project_level_text" show-overflow-tooltip />
|
||||||
|
<el-table-column label="创建人" prop="total_investment" show-overflow-tooltip width="120" />
|
||||||
|
<el-table-column label="创建时间" prop="engineering_status_text" show-overflow-tooltip />
|
||||||
|
<el-table-column label="操作" width="170" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button v-perms="['manage_basic.manage_project/edit']" type="primary" link
|
||||||
|
@click="handleEdit(row)">
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button v-perms="['manage_basic.manage_project/delete']" type="danger" link
|
||||||
|
@click="handleDelete(row.id)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="flex mt-4 justify-end">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="success()" @close="success()"
|
||||||
|
:deptList="deptList" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="manageProjectLists">
|
||||||
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
|
import { useDictData } from '@/hooks/useDictOptions'
|
||||||
|
import { apiManageProjectLists, apiManageProjectDelete, apiManageProjectDetail } from '@/api/manage_project'
|
||||||
|
import feedback from '@/utils/feedback'
|
||||||
|
import EditPopup from './edit.vue'
|
||||||
|
import { deptLists } from "@/api/org/department";
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
|
const router = useRouter()
|
||||||
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
|
const detailRef = ref('')
|
||||||
|
// 是否显示编辑框
|
||||||
|
const showEdit = ref(false)
|
||||||
|
const showDetail = ref(false)
|
||||||
|
|
||||||
|
|
||||||
|
// 查询条件
|
||||||
|
const queryParams = reactive({
|
||||||
|
project_name: '',
|
||||||
|
project_code: '',
|
||||||
|
nature: '',
|
||||||
|
industry: '',
|
||||||
|
build_area: '',
|
||||||
|
project_level: '',
|
||||||
|
engineering_status: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
// 选中数据
|
||||||
|
const selectData = ref<any[]>([])
|
||||||
|
|
||||||
|
// 表格选择后回调事件
|
||||||
|
const handleSelectionChange = (val: any[]) => {
|
||||||
|
selectData.value = val.map(({ id }) => id)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取字典数据
|
||||||
|
const { dictData } = useDictData('supervision_project_nature,industry,const_area,supervision_project_level,engineering_status')
|
||||||
|
|
||||||
|
// 分页相关
|
||||||
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
|
fetchFun: apiManageProjectLists,
|
||||||
|
params: queryParams
|
||||||
|
})
|
||||||
|
|
||||||
|
// 添加
|
||||||
|
const handleAdd = async () => {
|
||||||
|
showEdit.value = true
|
||||||
|
await nextTick()
|
||||||
|
editRef.value?.open('add')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑
|
||||||
|
const handleEdit = async (data: any) => {
|
||||||
|
let res = await apiManageProjectDetail({ id: data.id })
|
||||||
|
showEdit.value = true
|
||||||
|
await nextTick()
|
||||||
|
editRef.value?.open('edit')
|
||||||
|
editRef.value?.setFormData(res)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
const handleDelete = async (id: number | any[]) => {
|
||||||
|
await feedback.confirm('确定要删除？')
|
||||||
|
await apiManageProjectDelete({ id })
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
|
getLists()
|
||||||
|
</script>
|
||||||
@ -1,7 +1,6 @@
|
|||||||
<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">
|
||||||
@ -26,8 +25,7 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="合同编号" prop="contract_code">
|
<el-form-item label="合同编号" prop="contract_code">
|
||||||
<el-input v-model="formData.contract_code" clearable placeholder="请输入合同编号"
|
<el-input v-model="formData.contract_code" clearable placeholder="请输入合同编号" v-type="'code'" />
|
||||||
v-type="'code'" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
@ -80,8 +78,8 @@
|
|||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-form-item label="资金来源" prop="fund_sources">
|
<el-form-item label="资金来源" prop="fund_sources">
|
||||||
<el-select class="flex-1" v-model="formData.fund_sources">
|
<el-select class="flex-1" v-model="formData.fund_sources">
|
||||||
<el-option v-for="(item, index) in dictData.money_source" :key="index"
|
<el-option v-for="(item, index) in dictData.money_source" :key="index" :label="item.name"
|
||||||
:label="item.name" :value="parseInt(item.value)"></el-option>
|
:value="parseInt(item.value)"></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -139,8 +137,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.performance_money" clearable placeholder="请输入履约金"
|
<el-input v-model="formData.performance_money" clearable placeholder="请输入履约金" type="number" />
|
||||||
type="number" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
@ -318,7 +315,10 @@ import {
|
|||||||
marketing_framework_agreement,
|
marketing_framework_agreement,
|
||||||
marketing_custom
|
marketing_custom
|
||||||
} from '@/components/dialogTable/dialogTableConfig'
|
} from '@/components/dialogTable/dialogTableConfig'
|
||||||
|
import { useRoute } from "vue-router"
|
||||||
|
import { apimketingFrameworkAgreementDetail } from '@/api/marketing_framework_agreement'
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
defineProps({
|
defineProps({
|
||||||
dictData: {
|
dictData: {
|
||||||
type: Object as PropType<Record<string, any[]>>,
|
type: Object as PropType<Record<string, any[]>>,
|
||||||
@ -785,7 +785,12 @@ const open = (type = 'add') => {
|
|||||||
const handleClose = () => {
|
const handleClose = () => {
|
||||||
emit('close')
|
emit('close')
|
||||||
}
|
}
|
||||||
|
if (route.query.marketing_framework_agreement_id) {
|
||||||
|
apimketingFrameworkAgreementDetail({ id: route.query.marketing_framework_agreement_id }).then(res => {
|
||||||
|
customEvent(res)
|
||||||
|
formData.contract_type = 0
|
||||||
|
})
|
||||||
|
}
|
||||||
defineExpose({
|
defineExpose({
|
||||||
open,
|
open,
|
||||||
setFormData,
|
setFormData,
|
||||||
|
|||||||
@ -142,7 +142,9 @@ import feedback from '@/utils/feedback'
|
|||||||
import { deptLists } from "@/api/org/department"
|
import { deptLists } from "@/api/org/department"
|
||||||
import EditPopup from './edit.vue'
|
import EditPopup from './edit.vue'
|
||||||
import DetailPopup from './detail.vue'
|
import DetailPopup from './detail.vue'
|
||||||
|
import { useRoute } from "vue-router"
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
|
const detailRef = shallowRef<InstanceType<typeof DetailPopup>>()
|
||||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
const showEdit = ref(false)
|
const showEdit = ref(false)
|
||||||
@ -222,4 +224,9 @@ const getDeptList = async () => {
|
|||||||
getLists()
|
getLists()
|
||||||
getDeptList()
|
getDeptList()
|
||||||
|
|
||||||
|
|
||||||
|
if (route.query.marketing_framework_agreement_id) {
|
||||||
|
handleAdd()
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -71,12 +71,13 @@
|
|||||||
@click="handledetail(row)">
|
@click="handledetail(row)">
|
||||||
详情
|
详情
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" link @click="handleContract(row)" v-if="false">
|
<el-button type="primary" link @click="handleContract(row)" v-if="row.is_generate">
|
||||||
生成合同
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" link @click="handleGoContract(row)" v-else>
|
|
||||||
已生成合同
|
已生成合同
|
||||||
</el-button>
|
</el-button>
|
||||||
|
<el-button type=" primary" link @click="handleContract(row)" v-else>
|
||||||
|
生成合同
|
||||||
|
</el-button>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@ -170,14 +171,12 @@ const handledetail = async (data: any) => {
|
|||||||
|
|
||||||
// 生成合同
|
// 生成合同
|
||||||
const handleContract = (row: any) => {
|
const handleContract = (row: any) => {
|
||||||
alert("没有接口")
|
router.push({
|
||||||
console.log(row)
|
path: '/marketing/marketing_contract/marketing_contract',
|
||||||
}
|
query: {
|
||||||
|
marketing_framework_agreement_id: row.is_generate == 1 ? '' : row.id
|
||||||
// 已生成合同
|
}
|
||||||
const handleGoContract = (row) => {
|
})
|
||||||
return alert("没有接口")
|
|
||||||
router.push('/')
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const deptList = ref([])
|
const deptList = ref([])
|
||||||
|
|||||||
355
src/views/selfEvaluation/edit.vue
Normal file
355
src/views/selfEvaluation/edit.vue
Normal file
@ -0,0 +1,355 @@
|
|||||||
|
<template>
|
||||||
|
<div class="edit-popup">
|
||||||
|
<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-row>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目名称" prop="project_name">
|
||||||
|
<el-input v-model="formData.project_name" clearable placeholder="请输入项目名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="性质" prop="nature">
|
||||||
|
<el-select class="flex-1" v-model="formData.nature" clearable placeholder="请选择性质">
|
||||||
|
<el-option v-for="(item, index) in dictData.supervision_project_nature" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="行业" prop="industry">
|
||||||
|
<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"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="建设单位" prop="build_unit">
|
||||||
|
<el-input v-model="formData.build_unit_name" clearable placeholder="请输入建设单位"
|
||||||
|
@click="showDialog1 = true" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="建设区域" prop="build_area">
|
||||||
|
<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"
|
||||||
|
:value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目地址" prop="address">
|
||||||
|
<el-input v-model="formData.address" clearable placeholder="请输入项目地址" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目级别" prop="project_level">
|
||||||
|
<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"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="总投资（元）" prop="total_investment">
|
||||||
|
<el-input v-model="formData.total_investment" clearable placeholder="请输入总投资（元）" type="number" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="工程状态" prop="engineering_status">
|
||||||
|
<el-select class="flex-1" v-model="formData.engineering_status" clearable placeholder="请选择工程状态">
|
||||||
|
<el-option v-for="(item, index) in dictData.engineering_status" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="合同服务内容" prop="contract_content">
|
||||||
|
<el-input v-model="formData.contract_content" clearable placeholder="请输入合同服务内容"
|
||||||
|
type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目概况" prop="project_overview">
|
||||||
|
<el-input v-model="formData.project_overview" clearable placeholder="请输入项目概况" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目要求" prop="project_requirements">
|
||||||
|
<el-input v-model="formData.project_requirements" clearable placeholder="请输入项目要求" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划开工日期" prop="planned_start_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.planned_start_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="计划竣工日期" prop="planned_end_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.planned_end_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="实际开工日期" prop="actual_start_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.actual_start_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="实际竣工日期" prop="actual_end_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.actual_end_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="实施部门" prop="implementation_department">
|
||||||
|
<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-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="监管部门" prop="supervision_department">
|
||||||
|
<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-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="项目经理" prop="project_manager">
|
||||||
|
<el-input v-model="formData.project_manager_name" clearable placeholder="请输入项目经理"
|
||||||
|
@click="userclick('project_manager')" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="立项日期" prop="initiation_date">
|
||||||
|
<el-date-picker class="flex-1 !flex" v-model="formData.initiation_date" clearable type="date"
|
||||||
|
value-format="YYYY-MM-DD" placeholder="请选择日期">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<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-form-item label="关联合同" prop="contract">
|
||||||
|
<el-input v-model="formData.contract_name" clearable placeholder="请输入关联合同" v-type="'code'" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="甲方单位" prop="part_a_unit">
|
||||||
|
<el-input v-model="formData.part_a_unit" clearable placeholder="请输入甲方单位"
|
||||||
|
@click="showDialog2 = true" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="创建人" prop="create_user">
|
||||||
|
<el-input v-model="formData.create_user" clearable />
|
||||||
|
</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">
|
||||||
|
</el-date-picker>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="备注">
|
||||||
|
<el-input v-model="formData.remark" clearable placeholder="请输入备注" type="textarea" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item label="附件" prop="annex">
|
||||||
|
<uploadAnnex :formData="formData"></uploadAnnex>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</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>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="manageProjectEdit">
|
||||||
|
import type { FormInstance } from 'element-plus'
|
||||||
|
import Popup from '@/components/popup/index.vue'
|
||||||
|
import { apiManageProjectAdd, apiManageProjectEdit, apiManageProjectDetail } from '@/api/manage_project'
|
||||||
|
import type { PropType } from 'vue'
|
||||||
|
import { timeFormat } from '@/utils/util'
|
||||||
|
import useUserStore from "@/stores/modules/user";
|
||||||
|
import { apiCostApprovedProjectDetail } from "@/api/cost_approved_project";
|
||||||
|
import { marketing_custom } from "@/components/dialogTable/dialogTableConfig";
|
||||||
|
|
||||||
|
|
||||||
|
defineProps({
|
||||||
|
dictData: {
|
||||||
|
type: Object as PropType<Record<string, any[]>>,
|
||||||
|
default: () => ({})
|
||||||
|
},
|
||||||
|
deptList: Array
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['success', 'close'])
|
||||||
|
const formRef = shallowRef<FormInstance>()
|
||||||
|
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||||
|
const mode = ref('add')
|
||||||
|
const showDialog = ref(false)
|
||||||
|
const showDialog1 = ref(false)
|
||||||
|
const showDialog2 = ref(false)
|
||||||
|
const personnel = ref(null)
|
||||||
|
|
||||||
|
// 弹窗标题
|
||||||
|
const popupTitle = computed(() => {
|
||||||
|
return mode.value == 'edit' ? '编辑考核模版' : '新增考核模版'
|
||||||
|
})
|
||||||
|
|
||||||
|
// 表单数据
|
||||||
|
const formData = reactive({
|
||||||
|
id: '',
|
||||||
|
project_name: '',
|
||||||
|
nature: '',
|
||||||
|
industry: '',
|
||||||
|
build_unit: '',
|
||||||
|
build_unit_name: '',
|
||||||
|
build_area: '',
|
||||||
|
address: '',
|
||||||
|
project_level: '',
|
||||||
|
total_investment: '',
|
||||||
|
engineering_status: '',
|
||||||
|
contract_content: '',
|
||||||
|
project_overview: '',
|
||||||
|
project_requirements: '',
|
||||||
|
planned_start_date: '',
|
||||||
|
planned_end_date: '',
|
||||||
|
actual_start_date: '',
|
||||||
|
actual_end_date: '',
|
||||||
|
implementation_department: '',
|
||||||
|
supervision_department: '',
|
||||||
|
project_manager: '',
|
||||||
|
project_manager_name: '',
|
||||||
|
initiation_date: '',
|
||||||
|
project_leader: '',
|
||||||
|
project_leader_name: '',
|
||||||
|
project_department: '',
|
||||||
|
remark: '',
|
||||||
|
contract: '',
|
||||||
|
contract_name: '',
|
||||||
|
part_a_unit: '',
|
||||||
|
part_a: '',
|
||||||
|
annex: [],
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 表单验证
|
||||||
|
const formRules = reactive<any>({
|
||||||
|
project_name: [{
|
||||||
|
required: true,
|
||||||
|
message: '请输入项目名称',
|
||||||
|
trigger: ['blur']
|
||||||
|
}]
|
||||||
|
})
|
||||||
|
|
||||||
|
const setRules = () => {
|
||||||
|
let lists = ['project_name']
|
||||||
|
lists.forEach((item) => {
|
||||||
|
formRules[item] = [{
|
||||||
|
required: true,
|
||||||
|
message: '不能为空',
|
||||||
|
trigger: ['blur']
|
||||||
|
}]
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
setRules()
|
||||||
|
|
||||||
|
|
||||||
|
// 获取详情
|
||||||
|
const setFormData = async (data: Record<any, any>) => {
|
||||||
|
for (const key in formData) {
|
||||||
|
if (data[key] != null && data[key] != undefined) {
|
||||||
|
//@ts-ignore
|
||||||
|
formData[key] = data[key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// 提交按钮
|
||||||
|
const handleSubmit = async () => {
|
||||||
|
await formRef.value?.validate()
|
||||||
|
const data = { ...formData, }
|
||||||
|
mode.value == 'edit'
|
||||||
|
? await apiManageProjectEdit(data)
|
||||||
|
: await apiManageProjectAdd(data)
|
||||||
|
popupRef.value?.close()
|
||||||
|
emit('success')
|
||||||
|
}
|
||||||
|
|
||||||
|
//打开弹窗
|
||||||
|
const open = (type = 'add') => {
|
||||||
|
mode.value = type
|
||||||
|
popupRef.value?.open()
|
||||||
|
}
|
||||||
|
|
||||||
|
// 关闭回调
|
||||||
|
const handleClose = () => {
|
||||||
|
emit('close')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
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({
|
||||||
|
open,
|
||||||
|
setFormData,
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
144
src/views/selfEvaluation/index.vue
Normal file
144
src/views/selfEvaluation/index.vue
Normal file
@ -0,0 +1,144 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card class="!border-none mb-4" shadow="never">
|
||||||
|
<el-form class="mb-[-16px]" :model="queryParams" label-width="80px">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="项目名称" prop="project_name">
|
||||||
|
<el-input v-model="queryParams.project_name" clearable placeholder="请输入项目名称" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="项目编号" prop="project_code">
|
||||||
|
<el-input v-model="queryParams.project_code" clearable placeholder="请输入项目编号" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="性质" prop="nature">
|
||||||
|
<el-select class="flex-1" v-model="queryParams.nature" clearable placeholder="请选择性质">
|
||||||
|
<el-option v-for="(item, index) in dictData.cost_consultation_industry_nature" :key="index"
|
||||||
|
:label="item.name" :value="parseInt(item.value)" />
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||||
|
<el-button @click="resetParams">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<el-card class="!border-none" v-loading="pager.loading" shadow="never">
|
||||||
|
<el-button type="primary" @click="handleAdd">
|
||||||
|
<template #icon>
|
||||||
|
<icon name="el-icon-Plus" />
|
||||||
|
</template>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
<el-button :disabled="!selectData.length" @click="handleDelete(selectData)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
<div class="mt-4">
|
||||||
|
<el-table border :data="pager.lists" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column label="考核类别" prop="progress" show-overflow-tooltip />
|
||||||
|
<el-table-column label="模版名称" prop="build_area_text" show-overflow-tooltip />
|
||||||
|
<el-table-column label="考核总分" prop="project_level_text" show-overflow-tooltip />
|
||||||
|
<el-table-column label="创建人" prop="total_investment" show-overflow-tooltip width="120" />
|
||||||
|
<el-table-column label="创建时间" prop="engineering_status_text" show-overflow-tooltip />
|
||||||
|
<el-table-column label="操作" width="170" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-button v-perms="['manage_basic.manage_project/edit']" type="primary" link
|
||||||
|
@click="handleEdit(row)">
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
<el-button v-perms="['manage_basic.manage_project/delete']" type="danger" link
|
||||||
|
@click="handleDelete(row.id)">
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
<div class="flex mt-4 justify-end">
|
||||||
|
<pagination v-model="pager" @change="getLists" />
|
||||||
|
</div>
|
||||||
|
</el-card>
|
||||||
|
<edit-popup v-if="showEdit" ref="editRef" :dict-data="dictData" @success="success()" @close="success()"
|
||||||
|
:deptList="deptList" />
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts" setup name="manageProjectLists">
|
||||||
|
import { usePaging } from '@/hooks/usePaging'
|
||||||
|
import { useDictData } from '@/hooks/useDictOptions'
|
||||||
|
import { apiManageProjectLists, apiManageProjectDelete, apiManageProjectDetail } from '@/api/manage_project'
|
||||||
|
import feedback from '@/utils/feedback'
|
||||||
|
import EditPopup from './edit.vue'
|
||||||
|
import { deptLists } from "@/api/org/department";
|
||||||
|
|
||||||
|
const route = useRoute()
|
||||||
|
const router = useRouter()
|
||||||
|
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||||
|
const detailRef = ref('')
|
||||||
|
// 是否显示编辑框
|
||||||
|
const showEdit = ref(false)
|
||||||
|
const showDetail = ref(false)
|
||||||
|
|
||||||
|
|
||||||
|
// 查询条件
|
||||||
|
const queryParams = reactive({
|
||||||
|
project_name: '',
|
||||||
|
project_code: '',
|
||||||
|
nature: '',
|
||||||
|
industry: '',
|
||||||
|
build_area: '',
|
||||||
|
project_level: '',
|
||||||
|
engineering_status: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
// 选中数据
|
||||||
|
const selectData = ref<any[]>([])
|
||||||
|
|
||||||
|
// 表格选择后回调事件
|
||||||
|
const handleSelectionChange = (val: any[]) => {
|
||||||
|
selectData.value = val.map(({ id }) => id)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取字典数据
|
||||||
|
const { dictData } = useDictData('supervision_project_nature,industry,const_area,supervision_project_level,engineering_status')
|
||||||
|
|
||||||
|
// 分页相关
|
||||||
|
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||||
|
fetchFun: apiManageProjectLists,
|
||||||
|
params: queryParams
|
||||||
|
})
|
||||||
|
|
||||||
|
// 添加
|
||||||
|
const handleAdd = async () => {
|
||||||
|
showEdit.value = true
|
||||||
|
await nextTick()
|
||||||
|
editRef.value?.open('add')
|
||||||
|
}
|
||||||
|
|
||||||
|
// 编辑
|
||||||
|
const handleEdit = async (data: any) => {
|
||||||
|
let res = await apiManageProjectDetail({ id: data.id })
|
||||||
|
showEdit.value = true
|
||||||
|
await nextTick()
|
||||||
|
editRef.value?.open('edit')
|
||||||
|
editRef.value?.setFormData(res)
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除
|
||||||
|
const handleDelete = async (id: number | any[]) => {
|
||||||
|
await feedback.confirm('确定要删除？')
|
||||||
|
await apiManageProjectDelete({ id })
|
||||||
|
getLists()
|
||||||
|
}
|
||||||
|
|
||||||
|
getLists()
|
||||||
|
</script>
|
||||||
Loading…
x
Reference in New Issue
Block a user