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

add

Browse Source
This commit is contained in:
zmj 2024-03-14 18:03:03 +08:00
parent 98df33755d
commit b9edbebab9
18 changed files with 1946 additions and 1675 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -1,5 +1,5 @@
NODE_ENV = 'development' 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.5:9090/'

4
.gitignore vendored
View File

@ -1,3 +1,5 @@
.env.development
# Logs # Logs
logs logs
*.log *.log
@ -14,6 +16,7 @@ dist-ssr
coverage coverage
*.local *.local
# unplugin-auto-import # unplugin-auto-import
auto-imports.d.ts auto-imports.d.ts
components.d.ts components.d.ts
@ -30,4 +33,3 @@ components.d.ts
*.sln *.sln
*.sw? *.sw?
.zip .zip
.env.development

4
.vscode/settings.json vendored
View File

@ -6,7 +6,5 @@
"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": { "[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features" "editor.defaultFormatter": "vscode.typescript-language-features"
}, }
} }

BIN
dist.rar Normal file
View File

Binary file not shown.

16
src/api/custom_service.ts
View File

@ -1,22 +1,26 @@
import request from '@/utils/request' import request from "@/utils/request";
// 客户售后列表 // 客户售后列表
export function apiCustomServiceLists(params: any) { export function apiCustomServiceLists(params: any) {
return request.get({ url: '/custom.custom_service/lists', params }) return request.get({ url: "/custom.custom_service/lists", params });
} }
// 添加客户售后 // 添加客户售后
export function apiCustomServiceAdd(params: any) { export function apiCustomServiceAdd(params: any) {
return request.post({ url: '/custom.custom_service/add', params }) return request.post({ url: "/custom.custom_service/add", params });
} }
// 处理客户售后 // 处理客户售后
export function apiCustomServiceSolve(params: any) { export function apiCustomServiceSolve(params: any) {
return request.post({ url: '/custom.custom_service/solve', params }) return request.post({ url: "/custom.custom_service/solve", params });
} }
// 客户售后详情 // 客户售后详情
export function apiCustomServiceDetail(params: any) { export function apiCustomServiceDetail(params: any) {
return request.get({ url: '/custom.custom_service/detail', params }) return request.get({ url: "/custom.custom_service/detail", params });
}
// 客户售后删除
export function apiCustomServiceDelete(params: any) {
return request.post({ url: "/custom.custom_service/delete", params });
} }

11
src/views/custom_service/detail.vue
View File

@ -42,12 +42,8 @@
formData.description }}</el-descriptions-item> formData.description }}</el-descriptions-item>
<el-descriptions-item label="处理过程" label-align="left" align="left" label-class-name="my-label"> {{ <el-descriptions-item label="处理过程" label-align="left" align="left" label-class-name="my-label"> {{
formData.processing_process }}</el-descriptions-item> formData.processing_process }}</el-descriptions-item>
<!-- <el-descriptions-item label="回访确认" label-align="left" align="left" label-class-name="my-label"> {{ formData.notes }}</el-descriptions-item> -->
<el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label"> {{ <el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label"> {{
formData.notes }}</el-descriptions-item> formData.notes }}</el-descriptions-item>
<el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label"> <el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
<div v-if="formData.annex && formData.annex.length > 0"> <div v-if="formData.annex && formData.annex.length > 0">
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;"> <div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
@ -84,15 +80,8 @@ defineProps({
} }
}) })
const emit = defineEmits(['success', 'close']) const emit = defineEmits(['success', 'close'])
const formRef = shallowRef<FormInstance>()
const popupRef = shallowRef<InstanceType<typeof Popup>>() const popupRef = shallowRef<InstanceType<typeof Popup>>()
const datas = reactive({
provinceOptions: [],
cityOptions: [],
areaOptions: [],
});
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({

109
src/views/custom_service/edit.vue
View File

@ -2,16 +2,16 @@
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit" <popup ref="popupRef" :title="popupTitle" :async="true" width="80%" @confirm="handleSubmit"
@close="handleClose"> @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="auto" :rules="formRules"> <el-form ref="formRef" :model="formData" label-width="auto" >
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="项目名称" prop="project_id" @click="showDialog = true"> <el-form-item label="项目名称" prop="project_id" @click="showDialog = true">
<el-input v-model="project_name" readonly clearable placeholder="请选择项目" /> <el-input v-model="formData.project_name" readonly clearable placeholder="请选择项目" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="项目编码" prop="project_id"> <el-form-item label="项目编码" prop="project_id">
<el-input v-model="project_code" clearable disabled placeholder="系统自动填写" /> <el-input v-model="formData.project_code" clearable disabled placeholder="系统自动填写" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -33,8 +33,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="联系电话" prop="custom_master_phone" <el-form-item label="联系电话" prop="custom_master_phone">
:rules="[{ validator: checkPhone, trigger: 'blur' }]">
<el-input v-model="formData.custom_master_phone" disabled clearable placeholder="请输入联系电话" /> <el-input v-model="formData.custom_master_phone" disabled clearable placeholder="请输入联系电话" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -75,7 +74,7 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="指定处理人" prop="processed_user" @click="userclick" <el-form-item label="指定处理人" prop="processed_user" @click="userclick"
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"> :rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
<el-input v-model="processed_admin_name" clearable readonly placeholder="请输入指定处理人" /> <el-input v-model="formData.processed_user_name" clearable readonly placeholder="请输入指定处理人" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -98,12 +97,10 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="附件"> <el-form-item label="附件">
<uploadAnnex :formData="formData"></uploadAnnex> <uploadAnnex :formData="formData"></uploadAnnex>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- <reviewprocess :list="list" /> -->
</popup> </popup>
<el-dialog v-model="showDialog" title="选择项目" width="70%"> <el-dialog v-model="showDialog" title="选择项目" width="70%">
@ -120,8 +117,8 @@
</salescontractDialog> </salescontractDialog>
</el-dialog> </el-dialog>
</div> </div>
<personnelselector ref="personnel" @confirm="submituser" type="1"></personnelselector> <personnelselector ref="personnel" @confirm="submituser" type="1"></personnelselector>
</div> </div>
</template> </template>
@ -132,43 +129,21 @@ import customDialog from '@/components/custom-dialog/index.vue'
import salescontractDialog from '@/components/salescontract/index.vue' import salescontractDialog from '@/components/salescontract/index.vue'
import { apiCustomServiceAdd, apiCustomServiceDetail } from '@/api/custom_service' import { apiCustomServiceAdd, apiCustomServiceDetail } from '@/api/custom_service'
import personnelselector from '@/components/personnelselector/index.vue' import personnelselector from '@/components/personnelselector/index.vue'
import { timeFormat } from '@/utils/util'
import type { PropType } from 'vue' import type { PropType } from 'vue'
const list1 = reactive([])
const list2 = reactive([])
import { deptAll } from '@/api/org/department'
import { getAll } from '@/api/org/organization'
import peojectDialog from '@/components/project/index.vue' import peojectDialog from '@/components/project/index.vue'
// 上传文件
const handleAvatarSuccess_four = (response: any) => {
formData.annex ||= []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
// 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
const list = reactive([])
const showDialog = ref(false) const showDialog = ref(false)
const showDialog1 = ref(false) const showDialog1 = ref(false)
const showDialog2 = ref(false) const showDialog2 = ref(false)
const custom_name = ref('')
const project_name = ref('')
const project_code = ref('')
const contract_id = ref('')
const processed_admin_name = ref('')
const personnel = ref<any>() const personnel = ref<any>()
const formDataannex = reactive([])
const customEvent = (e: any) => { const customEvent = (e: any) => {
formData.project_id = e.id formData.project_id = e.id
formData.project_name = e.name
formData.project_code = e.project_code
formData.custom_name = e.custom_name formData.custom_name = e.custom_name
formData.custom_master_phone = e.custom_master_phone formData.custom_master_phone = e.custom_master_phone
formData.custom_master_name = e.custom_master_name formData.custom_master_name = e.custom_master_name
project_name.value = e.name
project_code.value = e.project_code
showDialog.value = false; showDialog.value = false;
}; };
@ -204,54 +179,22 @@ const userclick = () => {
//确认 //确认
const submituser = (e: any) => { const submituser = (e: any) => {
formData.processed_user = e.id; formData.processed_user = e.id;
processed_admin_name.value = e.name; formData.processed_user_name=e.name
}
//验证
const checkPhone = (rule: any, value: any, callback: (arg0: Error) => any) => {
if (value && !/^1\d{10}$/.test(value)) {
callback(new Error('请输入正确的手机号码'));
} else {
callback()
} }
}
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑客户售后' : '新增客户售后' return mode.value == 'edit' ? '编辑客户售后' : '新增客户售后'
}) })
//获取所有组织
const getlist = () => {
getAll().then((res) => {
Object.assign(list1, res)
if (res.length > 0 && !formData.org_id) {
formData.org_id = res[0].id
deptAll({ 'org_id': res[0].id }).then((res) => {
if (res.length > 0) {
Object.assign(list2, res)
formData.dept_id = res[0].id
}
})
}
})
}
//获取部门
const deptrmt = (e: any) => {
formData.dept_id = ''
getlist1(e)
}
//获取所有部门
const getlist1 = (id: any) => {
deptAll({ 'org_id': id }).then((res) => {
list2.splice(0, list2.length, ...res)
})
}
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: '',
project_id: '', project_id: '',
project_name:"",
project_code:"",
contacts: '', contacts: '',
custom_master_name: "", custom_master_name: "",
custom_master_phone: "", custom_master_phone: "",
@ -261,6 +204,7 @@ const formData = reactive({
urgency: '', urgency: '',
receiver: '', receiver: '',
processed_user: '', processed_user: '',
processed_user_name: '',
name: '', name: '',
description: '', description: '',
notes: '', notes: '',
@ -273,37 +217,14 @@ const formData = reactive({
}) })
// 表单验证
const formRules = reactive<any>({
})
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
custom_name.value = data.custom.name
project_name.value = data.project.name
if (data.annex && data.annex.length > 0) {
const arry1 = data.annex.map((item: any, index: any) => {
return {
name: `文件${index + 1}`,
uri: item
};
});
Object.assign(formDataannex, arry1)
}
if (data.dept_id) {
getlist1(data.org_id)
}
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]
} }
} }
//@ts-ignore
formData.date = timeFormat(formData.date, 'YYYY-MM-DD ')
} }
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
@ -316,9 +237,6 @@ const getDetail = async (row: Record<string, any>) => {
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
if (formDataannex.length > 0) {
formData.annex = formDataannex.map((item) => item.uri)
}
await formRef.value?.validate() await formRef.value?.validate()
const data = { ...formData, } const data = { ...formData, }
data.date = data.date.substring(0, 10) data.date = data.date.substring(0, 10)
@ -331,7 +249,6 @@ const handleSubmit = async () => {
const open = (type = 'add') => { const open = (type = 'add') => {
mode.value = type mode.value = type
popupRef.value?.open() popupRef.value?.open()
getlist()
} }
// 关闭回调 // 关闭回调

324
src/views/custom_service/handle.vue
View File

@ -1,154 +1,78 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" title="售后工单处理" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose"> <popup ref="popupRef" title="售后工单处理" :async="true" width="80%" @confirm="handleSubmit" @close="handleClose">
<el-form ref="formRef" :model="formData" label-width="auto" :rules="formRules">
<el-descriptions :column="3" title="基本信息" border>
<el-row :gutter="10"> <el-descriptions-item label="项目名称" label-align="left" align="left" label-class-name="my-label">
<el-col :span="8"> {{ formData.project_name }}
<el-form-item label="组织" prop="project_id"> </el-descriptions-item>
<el-input v-model="formData.project_name" disabled clearable /> <el-descriptions-item label="项目编码" label-align="left" align="left" label-class-name="my-label">
</el-form-item> {{ formData.project_code }}
</el-col> </el-descriptions-item>
<el-col :span="8"> <el-descriptions-item label="客户名称" label-align="left" align="left" label-class-name="my-label">
<el-form-item label="部门" prop="project_id"> {{ formData.custom_name }}
<el-input v-model="formData.org_name" disabled clearable /> </el-descriptions-item>
</el-form-item> <el-descriptions-item label="合同号" label-align="left" align="left" label-class-name="my-label">
</el-col> {{ formData.contract_code }}
</el-descriptions-item>
<el-col :span="8"> <el-descriptions-item label="联系人" label-align="left" align="left" label-class-name="my-label">
<el-form-item label="项目名称" prop="project_id"> {{ formData.custom_master_phone }}
<el-input v-model="formData.project_name" disabled clearable placeholder="请选择项目" /> </el-descriptions-item>
</el-form-item> <el-descriptions-item label="联系电话" label-align="left" align="left" label-class-name="my-label">
</el-col> {{ formData.custom_master_phone }}
<el-col :span="8"> </el-descriptions-item>
<el-form-item label="项目编码" prop="project_id"> <el-descriptions-item label="日期" label-align="left" align="left" label-class-name="my-label">
<el-input v-model="formData.project_code" clearable disabled placeholder="系统自动填写" /> {{ formData.date }}
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label="分类" label-align="left" align="left" label-class-name="my-label">
<el-col :span="8"> {{ formData.classification_text }}
<el-form-item label="客户名称" prop="project_id" </el-descriptions-item>
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"> <el-descriptions-item label="紧急程度" label-align="left" align="left" label-class-name="my-label">
<el-input v-model="formData.custom_name" disabled clearable placeholder="系统自动填写" /> <el-radio-group v-model="formData.urgency" readonly placeholder="请选择紧急程度">
</el-form-item> <el-radio v-for="(item, index) in dictData.urgency" :key="index" :label="parseInt(item.value)">
</el-col>
<el-col :span="8">
<el-form-item label="合同号" prop="project_id" @click="showDialog2 = true">
<el-input v-model="project_code" clearable disabled placeholder="系统自动填写" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系人" prop="contacts">
<el-input v-model="formData.contacts" disabled clearable placeholder="请输入联系人" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="phone" :rules="[{ validator: checkPhone, trigger: 'blur' }]">
<el-input v-model="formData.phone" disabled clearable placeholder="请输入联系电话" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="日期" prop="date"
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
<el-date-picker class="flex-1 !flex" disabled v-model="formData.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="classification"
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
<el-select class="flex-1" v-model="formData.classification" disabled clearable
placeholder="请选择分类">
<el-option v-for="(item, index) in dictData.classification" :key="index"
:label="item.name" :value="parseInt(item.value)" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="紧急程度" prop="urgency"
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
<el-radio-group v-model="formData.urgency" disabled placeholder="请选择紧急程度">
<el-radio v-for="(item, index) in dictData.urgency" :key="index"
:label="parseInt(item.value)">
{{ item.name }} {{ item.name }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label="接待人" label-align="left" align="left" label-class-name="my-label">
<el-col :span="8"> {{ formData.receiver }}
<el-form-item label="接待人" prop="receiver" </el-descriptions-item>
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]">
<el-input v-model="formData.receiver" disabled clearable placeholder="请输入接待人" /> <el-descriptions-item label="指定处理人" label-align="left" align="left" label-class-name="my-label">
</el-form-item> {{ formData.processed_user_name }}
</el-col> </el-descriptions-item>
<el-col :span="8"> <el-descriptions-item label="问题描述" label-align="left" align="left" label-class-name="my-label">
<el-form-item label="指定处理人" prop="processed_admin_id" @click="userclick" {{ formData.description }}
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"> </el-descriptions-item>
<el-input v-model="formData.processed_user_name" disabled clearable readonly <el-descriptions-item label="处理过程" label-align="left" v-if="formData.processing_process" align="left"
placeholder="请输入指定处理人" /> label-class-name="my-label">
</el-form-item> {{ formData.processing_process }}
</el-col> </el-descriptions-item>
<el-col :span="8"> <el-descriptions-item label="完成日期" v-if="formData.done_date" label-align="left" align="left"
<el-form-item label="投诉主题" prop="name" label-class-name="my-label">
:rules="[{ required: true, message: '不可为空', trigger: 'blur' }]"> {{ formData.done_date }}
<el-input v-model="formData.name" clearable disabled placeholder="请输入投诉主题" /> </el-descriptions-item>
</el-form-item> <el-descriptions-item label="花费工时" label-align="left" align="left" label-class-name="my-label">
</el-col> {{ formData.processing_hours }}
<el-col :span="8"> </el-descriptions-item>
<el-form-item label="问题描述" prop="description"> <el-descriptions-item label="备注" label-align="left" align="left" label-class-name="my-label">
<el-input v-model="formData.description" disabled clearable placeholder="请输入问题描述" /> {{ formData.notes }}
</el-form-item> </el-descriptions-item>
</el-col> <el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
<el-col :span="8" v-if="formData.processing_process">
<el-form-item label="处理过程" prop="processing_process">
<el-input v-model="formData.processing_process" disabled clearable placeholder="请输入处理过程" />
</el-form-item>
</el-col>
<el-col :span="8" v-if="formData.done_date">
<el-form-item label="完成日期" prop="done_date">
<el-input v-model="formData.done_date" disabled clearable placeholder="请输入完成日期" />
</el-form-item>
</el-col>
<el-col :span="8" v-if="formData.processing_result_text">
<el-form-item label="处理结果" prop="processing_result_text">
<el-input v-model="formData.processing_result_text" disabled clearable
placeholder="请输入处理结果" />
</el-form-item>
</el-col>
<el-col :span="8" v-if="formData.processing_hours">
<el-form-item label="花费工时" prop="processing_hours">
<el-input v-model="formData.processing_hours" disabled clearable placeholder="请输入处理结果" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="备注" prop="notes">
<el-input v-model="formData.notes" disabled type="textarea" clearable placeholder="请输入备注" />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附件">
<div v-if="formData.annex && formData.annex.length > 0"> <div v-if="formData.annex && formData.annex.length > 0">
<div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;"> <div v-for="(item, index) in formData.annex" style="margin-left: 5px; display: block">
<el-link style="margin-left: 10px; color: #4a5dff; align-self: flex-start" <el-link style="
:href="item" target="_blank">文件{{ index + 1 }}查看</el-link> margin-left: 10px;
color: #4a5dff;
align-self: flex-start;
" :href="item" target="_blank">文件{{ index + 1 }}查看</el-link>
</div> </div>
</div> </div>
</el-descriptions-item>
</el-descriptions>
<el-card class="mt-1">
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-form ref="formRef1" :model="formData1" label-width="auto" :rules="formRules"> <el-form ref="formRef1" :model="formData1" label-width="auto" :rules="formRules">
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="8" v-if="!formData.processing_result_text"> <el-col :span="8" v-if="!formData.processing_result_text">
@ -161,35 +85,40 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" v-if="!formData.processing_process"> <el-col :span="8">
<el-form-item label="处理结果" prop="processing_result_text">
<el-select v-model="formData1.processing_result" clearable placeholder="请选择处理结果"
class="flex-1">
<el-option v-for="(item, index) in dictData.custom_service_solve_result"
:key="index" :label="item.name" :value="item.value" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="处理过程" prop="processing_process"> <el-form-item label="处理过程" prop="processing_process">
<el-input v-model="formData1.processing_process" clearable placeholder="请输入处理过程" /> <el-input v-model="formData1.processing_process" clearable placeholder="请输入处理过程" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" v-if="!formData.processing_hours"> <el-col :span="8">
<el-form-item label="花费工时" prop="processing_hours"> <el-form-item label="花费工时" prop="processing_hours">
<el-input v-model="formData1.processing_hours" type="number" clearable <el-input v-model="formData1.processing_hours" type="number" clearable
placeholder="请输入花费工时" /> placeholder="请输入花费工时" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8" v-if="!formData.done_date"> <el-col :span="8">
<el-form-item label="完成日期" prop="done_date"> <el-form-item label="完成日期" prop="done_date">
<el-date-picker class="flex-1 !flex" v-model="formData1.done_date" clearable type="date" <el-date-picker class="flex-1 !flex" v-model="formData1.done_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-row> <el-col :span="8">
<el-row>
<div style="margin-bottom: 30px;">客户评价</div>
<el-col :span="24">
<el-form-item label="整体评价" prop="score"> <el-form-item label="整体评价" prop="score">
<el-rate v-model="formData1.score" size="large" style="margin-top: 5px ;" /> <el-rate v-model="formData1.score" size="large" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="24" style="margin-top: -15px ;"> <el-col :span="8">
<el-form-item label="问题是否解决" prop="is_solve"> <el-form-item label="是否解决" prop="is_solve">
<el-radio-group v-model="formData1.is_solve" placeholder="问题是否解决"> <el-radio-group v-model="formData1.is_solve" placeholder="问题是否解决">
<el-radio v-for="(item, index) in dictData.is_solve" :key="index" <el-radio v-for="(item, index) in dictData.is_solve" :key="index"
:label="parseInt(item.value)"> :label="parseInt(item.value)">
@ -200,99 +129,84 @@
</el-col> </el-col>
<el-col :span="24"> <el-col :span="24">
<el-form-item label="反馈意见" prop="feedback"> <el-form-item label="反馈意见" prop="feedback">
<el-input v-model="formData1.feedback" type="textarea" clearable placeholder="请输入反馈意见" /> <el-input v-model="formData1.feedback" type="textarea" clearable
placeholder="请输入反馈意见" />
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
</el-form> </el-form>
<!-- <reviewprocess :list="list" /> --> </el-card>
</popup> </popup>
</div> </div>
</template> </template>
<script lang="ts" setup name="customServiceEdit"> <script lang="ts" setup name="customServiceEdit">
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 { apiCustomServiceSolve } from '@/api/custom_service' import { apiCustomServiceSolve } from "@/api/custom_service";
import { timeFormat } from '@/utils/util' import type { PropType } from "vue";
import type { PropType } from 'vue'
import useUserStore from "@/stores/modules/user";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({}),
} },
}) });
const emit = defineEmits(['success', 'close']) const emit = defineEmits(["success", "close"]);
const formRef = shallowRef<FormInstance>() const formRef = shallowRef<FormInstance>();
const formRef1 = shallowRef<FormInstance>() const formRef1 = shallowRef<FormInstance>();
const popupRef = shallowRef<InstanceType<typeof Popup>>() const popupRef = shallowRef<InstanceType<typeof Popup>>();
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({});
})
const formData1 = reactive({ const formData1 = reactive({
id: '', id: "",
processing_result: '', processing_result: "",
processing_process: '', processing_process: "",
processing_hours: '', processing_hours: "",
done_date: '', done_date: "",
score: 0, score: 0,
is_solve: '', is_solve: "",
feedback: '', feedback: "",
}) });
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({});
})
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData1) { for (const key in formData1) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData1[key] = data[key] formData1[key] = data[key];
} }
}
Object.assign(formData, data)
} }
Object.assign(formData, data);
formData1.processing_result = String(formData1.processing_result)
};
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef1.value?.validate();
const data = { ...formData1 };
await formRef1.value?.validate() await apiCustomServiceSolve(data);
const data = { ...formData1, } popupRef.value?.close();
emit("success");
await apiCustomServiceSolve(data) };
popupRef.value?.close()
emit('success')
}
//打开弹窗 //打开弹窗
const open = () => { const open = () => {
popupRef.value?.open() popupRef.value?.open();
} };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit("close");
} };
defineExpose({ defineExpose({
open, open,
setFormData setFormData,
});
})
</script> </script>

49
src/views/custom_service/index.vue
View File

@ -76,13 +76,17 @@
<el-table-column label="评分" prop="score" show-overflow-tooltip /> <el-table-column label="评分" prop="score" show-overflow-tooltip />
<el-table-column label="操作" width="110" fixed="right"> <el-table-column label="操作" width="110" fixed="right">
<template #default="{ row }"> <template #default="{ row }">
<el-button v-perms="['custom_service.custom_service/edit']" type="primary" link <el-button v-perms="['custom_service.custom_service/solve']" type="primary" link
@click="handleEdit(row)" v-if="row.is_solve != 1"> @click="handleResolve(row)" v-if="row.is_solve != 1">
处理 处理
</el-button> </el-button>
<!-- <el-button v-perms="['custom_service.custom_service/delete']" type="danger" link @click="handleDelete(row.id)"> <el-button v-perms="['custom_service.custom_service/edit']" type="primary" link
@click="handleEdit(row)" >
编辑
</el-button>
<el-button v-perms="['custom_service.custom_service/delete']" type="danger" link @click="handleDelete(row.id)">
删除 删除
</el-button> --> </el-button>
<el-button v-perms="['custom_service.custom_service/detail']" link <el-button v-perms="['custom_service.custom_service/detail']" link
@click="handledetail(row)"> @click="handledetail(row)">
详情 详情
@ -105,12 +109,15 @@
<script lang="ts" setup name="customServiceLists"> <script lang="ts" setup name="customServiceLists">
import { usePaging } from '@/hooks/usePaging' import { usePaging } from '@/hooks/usePaging'
import { useDictData } from '@/hooks/useDictOptions' import { useDictData } from '@/hooks/useDictOptions'
import { apiCustomServiceLists, apiCustomServiceDetail } from '@/api/custom_service' import { apiCustomServiceLists, apiCustomServiceDetail ,apiCustomServiceDelete} from '@/api/custom_service'
import { apiProjectSearch } from '@/api/project' import { apiProjectSearch } from '@/api/project'
import { apiContractSearch } from '@/api/contract' import { apiContractSearch } from '@/api/contract'
import feedback from '@/utils/feedback'
import EditPopup from './edit.vue' import EditPopup from './edit.vue'
import HandlePopup from './handle.vue' import HandlePopup from './handle.vue'
import DetailPopup from './detail.vue' import DetailPopup from './detail.vue'
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 handleRef = shallowRef<InstanceType<typeof HandlePopup>>() const handleRef = shallowRef<InstanceType<typeof HandlePopup>>()
@ -157,32 +164,32 @@ const handleAdd = async () => {
} }
// 编辑 // 编辑
// const handleEdit = async (data: any) => { const handleEdit = async (data: any) => {
// let res = await apiCustomServiceDetail({ id: data.id }) let res=await apiCustomServiceDetail({id:data.id})
// showEdit.value = true showEdit.value = true
// await nextTick() await nextTick()
// editRef.value?.open('edit') editRef.value?.open('edit')
// editRef.value?.setFormData(res) editRef.value?.setFormData(res)
// } }
//处理 //处理
const handleEdit = async (data: any) => { const handleResolve = async (data: any) => {
let res = await apiCustomServiceDetail({ id: data.id }) let res = await apiCustomServiceDetail({ id: data.id })
showHandle.value = true showHandle.value = true
await nextTick() await nextTick()
handleRef.value?.open('edit') handleRef.value?.open()
handleRef.value?.setFormData(res) handleRef.value?.setFormData(res)
} }
// 删除
// const handleDelete = async (id: number | any[]) => { const handleDelete = async (id: number | any[]) => {
// await feedback.confirm('确定要删除？') await feedback.confirm('确定要删除？')
// await apiCustomServiceDelete({ id }) await apiCustomServiceDelete({ id })
// getLists() getLists()
// } }
//详情 //详情
const handledetail = async (data: any) => { const handledetail = async (data: any) => {
let res = await apiCustomServiceDetail({ id: data.id }) let res = await apiCustomServiceDetail({ id: data.id })
showDtail.value = true showDtail.value = true
await nextTick() await nextTick()
detailRef.value?.open() detailRef.value?.open()

521
src/views/supervision_construction_management_personnel/edit.vue
View File

@ -1,80 +1,142 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="60vw" @confirm="handleSubmit" <popup
@close="handleClose"> ref="popupRef"
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules"> :title="popupTitle"
:async="true"
width="60vw"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="90px"
:rules="formRules"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属单位" prop="unit_qualification_id"> <el-form-item label="所属单位" prop="unit_qualification_id">
<el-input v-model="formData.company_name" clearable placeholder="请输入所属单位" <el-input
@click="showDialog1 = true" readonly /> v-model="formData.company_name"
clearable
placeholder="请输入所属单位"
@click="showDialog1 = true"
readonly
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="姓名" prop="name"> <el-form-item label="姓名" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入姓名" /> <el-input
v-model="formData.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.id_card" clearable placeholder="请输入身份证" /> <el-input
v-model="formData.id_card"
clearable
placeholder="请输入身份证"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="创建人"> <el-form-item label="创建人">
<el-input v-model="formData.create_user_name" clearable placeholder="请输入创建人" /> <el-input
v-model="formData.create_user_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="technical_title"> <el-form-item label="技术职称" prop="technical_title">
<el-input v-model="formData.technical_title" clearable placeholder="请输入技术职称" /> <el-input
v-model="formData.technical_title"
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.job" clearable placeholder="请输入岗位" /> <el-input
v-model="formData.job"
clearable
placeholder="请输入岗位"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质名称1"> <el-form-item label="资质名称1">
<el-input v-model="formData.qualification_name_one" clearable placeholder="请输入资质名称1" /> <el-input
v-model="formData.qualification_name_one"
clearable
placeholder="请输入资质名称1"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="认证机构1"> <el-form-item label="认证机构1">
<el-input v-model="formData.certification_body_one" clearable placeholder="请输入认证机构1" /> <el-input
v-model="formData.certification_body_one"
clearable
placeholder="请输入认证机构1"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质编号1"> <el-form-item label="资质编号1">
<el-input v-model="formData.qualification_number_one" clearable placeholder="请输入资质编号1" /> <el-input
v-model="formData.qualification_number_one"
clearable
placeholder="请输入资质编号1"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="发证日期1"> <el-form-item label="发证日期1">
<el-date-picker class="flex-1 !flex" v-model="formData.get_date_one" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.get_date_one"
clearable
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="有效日期1"> <el-form-item label="有效日期1">
<el-date-picker class="flex-1 !flex" v-model="formData.effective_date_one" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.effective_date_one"
clearable
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="资质1状态"> <el-form-item label="资质1状态">
<el-select class="flex-1" v-model="formData.qualification_one_status" clearable <el-select
placeholder="请选择"> class="flex-1"
v-model="formData.qualification_one_status"
clearable
placeholder="请选择"
>
<el-option label="有效" :value="0" /> <el-option label="有效" :value="0" />
<el-option label="无效" :value="1" /> <el-option label="无效" :value="1" />
</el-select> </el-select>
@ -84,39 +146,65 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质名称2"> <el-form-item label="资质名称2">
<el-input v-model="formData.qualification_name_two" clearable placeholder="请输入资质名称2" /> <el-input
v-model="formData.qualification_name_two"
clearable
placeholder="请输入资质名称2"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="认证机构2"> <el-form-item label="认证机构2">
<el-input v-model="formData.certification_body_two" clearable placeholder="请输入认证机构2" /> <el-input
v-model="formData.certification_body_two"
clearable
placeholder="请输入认证机构2"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质编号2"> <el-form-item label="资质编号2">
<el-input v-model="formData.qualification_number_two" clearable placeholder="请输入资质编号2" /> <el-input
v-model="formData.qualification_number_two"
clearable
placeholder="请输入资质编号2"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="发证日期2"> <el-form-item label="发证日期2">
<el-date-picker class="flex-1 !flex" v-model="formData.get_date_two" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.get_date_two"
clearable
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="有效日期2"> <el-form-item label="有效日期2">
<el-date-picker class="flex-1 !flex" v-model="formData.effective_date_two" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.effective_date_two"
clearable
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="资质2状态"> <el-form-item label="资质2状态">
<el-select class="flex-1" v-model="formData.qualification_two_status" clearable <el-select
placeholder="请选择"> class="flex-1"
v-model="formData.qualification_two_status"
clearable
placeholder="请选择"
>
<el-option label="有效" :value="0" /> <el-option label="有效" :value="0" />
<el-option label="无效" :value="1" /> <el-option label="无效" :value="1" />
</el-select> </el-select>
@ -124,23 +212,25 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<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
</el-form-item> v-model="formData.remark"
</el-col> clearable
<el-col :span="8"> placeholder="请输入备注"
<el-form-item label="附件" prop="annex"> type="textarea"
<uploadAnnex :formData="formData"></uploadAnnex> />
</el-form-item> </el-form-item>
</el-col> </el-col>
<createUserLable :formData="formData" flag></createUserLable>
</el-row> </el-row>
<div v-if="showDialog1"> <div v-if="showDialog1">
<el-dialog v-model="showDialog1" title="选择单位" width="70%"> <el-dialog v-model="showDialog1" title="选择单位" width="70%">
<dialogTable :config="supervision_participating_units_qualifications" <dialogTable
@customEvent="customEvent1"> :config="supervision_participating_units_qualifications"
@customEvent="customEvent1"
>
</dialogTable> </dialogTable>
</el-dialog> </el-dialog>
</div> </div>
@ -150,228 +240,269 @@
</template> </template>
<script lang="ts" setup name="supervisionConstructionManagementPersonnelEdit"> <script lang="ts" setup name="supervisionConstructionManagementPersonnelEdit">
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 { apiSupervisionConstructionManagementPersonnelAdd, apiSupervisionConstructionManagementPersonnelEdit, } from '@/api/supervision_construction_management_personnel' import {
import type { PropType } from 'vue' apiSupervisionConstructionManagementPersonnelAdd,
import { supervision_participating_units_qualifications } from "@/components/dialogTable/dialogTableConfig" apiSupervisionConstructionManagementPersonnelEdit,
} from "@/api/supervision_construction_management_personnel";
import type { PropType } from "vue";
import { supervision_participating_units_qualifications } from "@/components/dialogTable/dialogTableConfig";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({}),
} },
}) });
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 showDialog = ref(false);
const showDialog1 = ref(false) const showDialog1 = ref(false);
const handleAvatarSuccess_four = (response: any) => { const handleAvatarSuccess_four = (response: any) => {
if (!Array.isArray(formData.annex)) formData.annex = [] if (!Array.isArray(formData.annex)) formData.annex = [];
// @ts-ignore // @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg); response.code != 0
? formData.annex.push({ uri: response.data.uri, name: response.data.name })
: ElMessage.error(response.msg);
}; };
// 删除上传的文件 // 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) } const delFileFn = (index: number) => {
formData.annex.splice(index, 1);
};
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑工程监理--施工管理人员' : '新增工程监理--施工管理人员' return mode.value == "edit"
}) ? "编辑工程监理--施工管理人员"
: "新增工程监理--施工管理人员";
});
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: "",
project_id: '', project_id: "",
project_name: "", project_name: "",
name: '', name: "",
unit_qualification_id: '', unit_qualification_id: "",
company_name: '', company_name: "",
id_card: '', id_card: "",
technical_title: '', technical_title: "",
job: '', job: "",
qualification_name_one: '', qualification_name_one: "",
certification_body_one: '', certification_body_one: "",
qualification_number_one: '', qualification_number_one: "",
get_date_one: '', get_date_one: "",
effective_date_one: '', effective_date_one: "",
qualification_one_status: '', qualification_one_status: "",
qualification_name_two: '', qualification_name_two: "",
certification_body_two: '', certification_body_two: "",
qualification_number_two: '', qualification_number_two: "",
get_date_two: '', get_date_two: "",
effective_date_two: '', effective_date_two: "",
qualification_two_status: '', qualification_two_status: "",
remark: '', remark: "",
annex: [], annex: [],
create_user_name: '', create_user: "",
}) create_time: "",
});
const customEvent1 = (e) => { const customEvent1 = (e) => {
formData.unit_qualification_id = e.id formData.unit_qualification_id = e.id;
formData.company_name = e.company_name formData.company_name = e.company_name;
showDialog1.value = false showDialog1.value = false;
} };
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
project_id: [{ project_id: [
{
required: true, required: true,
message: '请选择项目', message: "请选择项目",
trigger: ['blur'] trigger: ["blur"],
}], },
name: [{ ],
name: [
{
required: true, required: true,
message: '请输入姓名', message: "请输入姓名",
trigger: ['blur'] trigger: ["blur"],
}], },
unit_qualification_id: [{ ],
unit_qualification_id: [
{
required: true, required: true,
message: '请输入所属单位', message: "请输入所属单位",
trigger: ['blur'] trigger: ["blur"],
}], },
id_card: [{ ],
id_card: [
{
required: true, required: true,
message: '请输入身份证', message: "请输入身份证",
trigger: ['blur'] trigger: ["blur"],
}], },
technical_title: [{ ],
technical_title: [
{
required: true, required: true,
message: '请输入技术职称', message: "请输入技术职称",
trigger: ['blur'] trigger: ["blur"],
}], },
job: [{ ],
job: [
{
required: true, required: true,
message: '请输入岗位', message: "请输入岗位",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_name_one: [{ ],
qualification_name_one: [
{
required: true, required: true,
message: '请输入资质名称1', message: "请输入资质名称1",
trigger: ['blur'] trigger: ["blur"],
}], },
certification_body_one: [{ ],
certification_body_one: [
{
required: true, required: true,
message: '请输入认证机构1', message: "请输入认证机构1",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_number_one: [{ ],
qualification_number_one: [
{
required: true, required: true,
message: '请输入资质编号1', message: "请输入资质编号1",
trigger: ['blur'] trigger: ["blur"],
}], },
get_date_one: [{ ],
get_date_one: [
{
required: true, required: true,
message: '请输入发证日期1', message: "请输入发证日期1",
trigger: ['blur'] trigger: ["blur"],
}], },
effective_date_one: [{ ],
effective_date_one: [
{
required: true, required: true,
message: '请输入有效日期1', message: "请输入有效日期1",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_one_status: [{ ],
qualification_one_status: [
{
required: true, required: true,
message: '请输入资质1状态 0-有效 1-无效', message: "请输入资质1状态 0-有效 1-无效",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_name_two: [{ ],
qualification_name_two: [
{
required: true, required: true,
message: '请输入资质名称2', message: "请输入资质名称2",
trigger: ['blur'] trigger: ["blur"],
}], },
certification_body_two: [{ ],
certification_body_two: [
{
required: true, required: true,
message: '请输入认证机构2', message: "请输入认证机构2",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_number_two: [{ ],
qualification_number_two: [
{
required: true, required: true,
message: '请输入资质编号2', message: "请输入资质编号2",
trigger: ['blur'] trigger: ["blur"],
}], },
get_date_two: [{ ],
get_date_two: [
{
required: true, required: true,
message: '请输入发证日期2', message: "请输入发证日期2",
trigger: ['blur'] trigger: ["blur"],
}], },
effective_date_two: [{ ],
effective_date_two: [
{
required: true, required: true,
message: '请输入有效日期2', message: "请输入有效日期2",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_two_status: [{ ],
qualification_two_status: [
{
required: true, required: true,
message: '请输入资质2状态 0-有效 1-无效', message: "请输入资质2状态 0-有效 1-无效",
trigger: ['blur'] trigger: ["blur"],
}], },
remark: [{ ],
remark: [
{
required: true, required: true,
message: '请输入备注', message: "请输入备注",
trigger: ['blur'] trigger: ["blur"],
}], },
create_user: [{ ],
create_user: [
{
required: true, required: true,
message: '请输入创建人', message: "请输入创建人",
trigger: ['blur'] trigger: ["blur"],
}] },
}) ],
});
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key];
} }
} }
};
}
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiSupervisionConstructionManagementPersonnelDetail({ const data = await apiSupervisionConstructionManagementPersonnelDetail({
id: row.id id: row.id,
}) });
setFormData(data) setFormData(data);
} };
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate();
const data = { ...formData, } const data = { ...formData };
mode.value == 'edit' mode.value == "edit"
? await apiSupervisionConstructionManagementPersonnelEdit(data) ? await apiSupervisionConstructionManagementPersonnelEdit(data)
: await apiSupervisionConstructionManagementPersonnelAdd(data) : await apiSupervisionConstructionManagementPersonnelAdd(data);
popupRef.value?.close() popupRef.value?.close();
emit('success') emit("success");
} };
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = "add") => {
mode.value = type mode.value = type;
popupRef.value?.open() popupRef.value?.open();
} };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit("close");
} };
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail getDetail,
}) });
</script> </script>

13
src/views/supervision_contract_disclosure/edit.vue
View File

@ -13,9 +13,11 @@
<el-form-item label="文档简介" prop="doc_desc"> <el-form-item label="文档简介" prop="doc_desc">
<el-input v-model="formData.doc_desc" clearable placeholder="请输入文档简介" /> <el-input v-model="formData.doc_desc" clearable placeholder="请输入文档简介" />
</el-form-item> </el-form-item>
<createUserLable :formData="formData"></createUserLable>
<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-dialog v-model="showDialog" title="选择项目" width="70%"> <el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="supervision_project" /> <dialogTable @customEvent="customEvent" :config="supervision_project" />
@ -45,13 +47,6 @@ const popupRef = shallowRef<InstanceType<typeof Popup>>()
const mode = ref('add') const mode = ref('add')
const showDialog = ref(false) const showDialog = ref(false)
const handleAvatarSuccess_four = (response: any) => {
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
// 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑工程监理--监理合同交底' : '新增工程监理--监理合同交底' return mode.value == 'edit' ? '编辑工程监理--监理合同交底' : '新增工程监理--监理合同交底'
@ -65,6 +60,8 @@ const formData = reactive({
doc_name: '', doc_name: '',
doc_desc: '', doc_desc: '',
annex: [], annex: [],
create_user: '',
create_time: '',
}) })
const customEvent = (e) => { const customEvent = (e) => {
formData.project_id = e.id formData.project_id = e.id

238
src/views/supervision_dangerous_engineering_case/edit.vue
View File

@ -1,170 +1,208 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" <popup
@close="handleClose"> ref="popupRef"
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules"> :title="popupTitle"
<el-form-item label="危大工程监控" prop="dangerous_engineering_monitoring_title"> :async="true"
<el-input v-model="formData.dangerous_engineering_monitoring_title" clearable readonly width="550px"
@click="showDialog = true" placeholder="请选择危大工程监控" /> @confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="120px"
:rules="formRules"
>
<el-form-item
label="危大工程监控"
prop="dangerous_engineering_monitoring_title"
>
<el-input
v-model="formData.dangerous_engineering_monitoring_title"
clearable
readonly
@click="showDialog = true"
placeholder="请选择危大工程监控"
/>
</el-form-item> </el-form-item>
<el-form-item label="方案名称" prop="case_name"> <el-form-item label="方案名称" prop="case_name">
<el-input v-model="formData.case_name" clearable placeholder="请输入方案名称" /> <el-input
v-model="formData.case_name"
clearable
placeholder="请输入方案名称"
/>
</el-form-item> </el-form-item>
<el-form-item label="评审人员" prop="assessor"> <el-form-item label="评审人员" prop="assessor">
<el-input v-model="formData.assessor" clearable placeholder="请输入评审人员" /> <el-input
v-model="formData.assessor"
clearable
placeholder="请输入评审人员"
/>
</el-form-item> </el-form-item>
<el-form-item label="评审内容" prop="review_content"> <el-form-item label="评审内容" prop="review_content">
<el-input v-model="formData.review_content" clearable placeholder="请输入评审内容" /> <el-input
v-model="formData.review_content"
clearable
placeholder="请输入评审内容"
/>
</el-form-item> </el-form-item>
<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>
<createUserLable :formData="formData"></createUserLable>
<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-form> </el-form>
<el-dialog v-model="showDialog" title="选择危大工程监控" width="70%"> <el-dialog v-model="showDialog" title="选择危大工程监控" width="70%">
<dialogTable :config="supervision_dangerous_engineering_monitoring" @customEvent="customEvent"> <dialogTable
:config="supervision_dangerous_engineering_monitoring"
@customEvent="customEvent"
>
</dialogTable> </dialogTable>
</el-dialog> </el-dialog>
</popup> </popup>
</div> </div>
</template> </template>
<script lang="ts" setup name="supervisionDangerousEngineeringCaseEdit"> <script lang="ts" setup name="supervisionDangerousEngineeringCaseEdit">
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 { apiSupervisionDangerousEngineeringCaseAdd, apiSupervisionDangerousEngineeringCaseEdit, apiSupervisionDangerousEngineeringCaseDetail } from '@/api/supervision_dangerous_engineering_case' import {
import { supervision_dangerous_engineering_monitoring } from "@/components/dialogTable/dialogTableConfig" apiSupervisionDangerousEngineeringCaseAdd,
import type { PropType } from 'vue' apiSupervisionDangerousEngineeringCaseEdit,
apiSupervisionDangerousEngineeringCaseDetail,
} from "@/api/supervision_dangerous_engineering_case";
import { supervision_dangerous_engineering_monitoring } from "@/components/dialogTable/dialogTableConfig";
import type { PropType } from "vue";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({}),
} },
}) });
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 showDialog = ref(false);
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑工程监理--危大方案提交列表' : '新增工程监理--危大方案提交列表' return mode.value == "edit"
}) ? "编辑工程监理--危大方案提交列表"
: "新增工程监理--危大方案提交列表";
const handleAvatarSuccess_four = (response: any) => { });
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
// 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: "",
dangerous_engineering_monitoring_id: '', dangerous_engineering_monitoring_id: "",
dangerous_engineering_monitoring_title: "", dangerous_engineering_monitoring_title: "",
case_name: '', case_name: "",
assessor: '', assessor: "",
review_content: '', review_content: "",
remark: '', remark: "",
annex: [], annex: [],
create_user: '', create_user: "",
}) create_time: "",
});
const customEvent = (e: any) => { const customEvent = (e: any) => {
formData.dangerous_engineering_monitoring_id = e.id formData.dangerous_engineering_monitoring_id = e.id;
formData.dangerous_engineering_monitoring_title = e.project_name formData.dangerous_engineering_monitoring_title = e.project_name;
showDialog.value = false showDialog.value = false;
};
}
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
dangerous_engineering_monitoring_id: [{ dangerous_engineering_monitoring_id: [
{
required: true, required: true,
message: '请输入危大工程监控', message: "请输入危大工程监控",
trigger: ['blur'] trigger: ["blur"],
}], },
case_name: [{ ],
case_name: [
{
required: true, required: true,
message: '请输入方案名称', message: "请输入方案名称",
trigger: ['blur'] trigger: ["blur"],
}], },
assessor: [{ ],
assessor: [
{
required: true, required: true,
message: '请输入评审人员', message: "请输入评审人员",
trigger: ['blur'] trigger: ["blur"],
}], },
review_content: [{ ],
review_content: [
{
required: true, required: true,
message: '请输入评审内容', message: "请输入评审内容",
trigger: ['blur'] trigger: ["blur"],
}], },
remark: [{ ],
remark: [
{
required: true, required: true,
message: '请输入备注', message: "请输入备注",
trigger: ['blur'] trigger: ["blur"],
}], },
}) ],
});
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key];
} }
} }
};
}
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiSupervisionDangerousEngineeringCaseDetail({ const data = await apiSupervisionDangerousEngineeringCaseDetail({
id: row.id id: row.id,
}) });
setFormData(data) setFormData(data);
} };
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate();
const data = { ...formData, } const data = { ...formData };
mode.value == 'edit' mode.value == "edit"
? await apiSupervisionDangerousEngineeringCaseEdit(data) ? await apiSupervisionDangerousEngineeringCaseEdit(data)
: await apiSupervisionDangerousEngineeringCaseAdd(data) : await apiSupervisionDangerousEngineeringCaseAdd(data);
popupRef.value?.close() popupRef.value?.close();
emit('success') emit("success");
} };
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = "add") => {
mode.value = type mode.value = type;
popupRef.value?.open() popupRef.value?.open();
} };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit("close");
} };
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail, getDetail,
customEvent customEvent,
}) });
</script> </script>

21
src/views/supervision_design_disclosure/edit.vue
View File

@ -17,9 +17,8 @@
<uploadAnnex :formData="formData"></uploadAnnex> <uploadAnnex :formData="formData"></uploadAnnex>
</el-form-item> </el-form-item>
<el-form-item label="操作人">
<el-input v-model="formData.create_user_name" clearable placeholder="请输入操作人" /> <createUserLable :formData="formData"></createUserLable>
</el-form-item>
<el-dialog v-model="showDialog" title="选择项目" width="70%"> <el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="supervision_project" /> <dialogTable @customEvent="customEvent" :config="supervision_project" />
@ -35,8 +34,7 @@ import Popup from '@/components/popup/index.vue'
import { apiSupervisionDesignDisclosureEdit, apiSupervisionDesignDisclosureAdd } from '@/api/supervision_design_disclosure' import { apiSupervisionDesignDisclosureEdit, apiSupervisionDesignDisclosureAdd } from '@/api/supervision_design_disclosure'
import { supervision_project } from "@/components/dialogTable/dialogTableConfig" import { supervision_project } from "@/components/dialogTable/dialogTableConfig"
import type { PropType } from 'vue' import type { PropType } from 'vue'
import useUserStore from "@/stores/modules/user";
const userStore = useUserStore().userInfo;
defineProps({ defineProps({
dictData: { dictData: {
@ -64,7 +62,9 @@ const formData = reactive({
doc_name: '', doc_name: '',
doc_desc: '', doc_desc: '',
annex: [], annex: [],
create_user_name: userStore.account, create_user: '',
create_time: '',
}) })
const customEvent = (e) => { const customEvent = (e) => {
@ -102,14 +102,7 @@ const formRules = reactive<any>({
}] }]
}) })
const handleAvatarSuccess_four = (response: any) => {
if (!Array.isArray(formData.annex)) formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
// 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
@ -118,8 +111,6 @@ const setFormData = async (data: Record<any, any>) => {
formData[key] = data[key] formData[key] = data[key]
} }
} }
} }

441
src/views/supervision_large_equipment/edit.vue
View File

@ -1,41 +1,78 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="60vw" @confirm="handleSubmit" <popup
@close="handleClose"> ref="popupRef"
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules"> :title="popupTitle"
:async="true"
width="60vw"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="90px"
:rules="formRules"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="所属单位" prop="unit_qualification_id"> <el-form-item label="所属单位" prop="unit_qualification_id">
<el-input v-model="formData.company_name" clearable placeholder="请输入所属单位" <el-input
@click="showDialog1 = true" readonly /> v-model="formData.company_name"
clearable
placeholder="请输入所属单位"
@click="showDialog1 = true"
readonly
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="设备名称" prop="name"> <el-form-item label="设备名称" prop="name">
<el-input v-model="formData.name" clearable placeholder="请输入设备名称" /> <el-input
v-model="formData.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="资质名称1" prop="qualification_name_one"> <el-form-item label="资质名称1" prop="qualification_name_one">
<el-input v-model="formData.qualification_name_one" clearable placeholder="请输入资质名称1" /> <el-input
v-model="formData.qualification_name_one"
clearable
placeholder="请输入资质名称1"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="认证机构1" prop="certification_body_one"> <el-form-item label="认证机构1" prop="certification_body_one">
<el-input v-model="formData.certification_body_one" clearable placeholder="请输入认证机构1" /> <el-input
v-model="formData.certification_body_one"
clearable
placeholder="请输入认证机构1"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质编号1" prop="qualification_number_one"> <el-form-item label="资质编号1" prop="qualification_number_one">
<el-input v-model="formData.qualification_number_one" clearable placeholder="请输入资质编号1" /> <el-input
v-model="formData.qualification_number_one"
clearable
placeholder="请输入资质编号1"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="发证日期1" prop="get_date_one"> <el-form-item label="发证日期1" prop="get_date_one">
<el-date-picker class="flex-1 !flex" v-model="formData.get_date_one" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.get_date_one"
clearable
value-format="YYYY-MM-DD "
placeholder="选择日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -43,15 +80,24 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="有效日期1" prop="effective_date_one"> <el-form-item label="有效日期1" prop="effective_date_one">
<el-date-picker class="flex-1 !flex" v-model="formData.effective_date_one" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.effective_date_one"
clearable
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="资质1状态 " prop="qualification_one_status"> <el-form-item label="资质1状态 " prop="qualification_one_status">
<el-select class="flex-1" v-model="formData.qualification_one_status" clearable <el-select
placeholder="请选择"> class="flex-1"
v-model="formData.qualification_one_status"
clearable
placeholder="请选择"
>
<el-option label="有效" :value="0" /> <el-option label="有效" :value="0" />
<el-option label="无效" :value="1" /> <el-option label="无效" :value="1" />
</el-select> </el-select>
@ -59,26 +105,42 @@
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质名称2" prop="qualification_name_two"> <el-form-item label="资质名称2" prop="qualification_name_two">
<el-input v-model="formData.qualification_name_two" clearable placeholder="请输入资质名称2" /> <el-input
v-model="formData.qualification_name_two"
clearable
placeholder="请输入资质名称2"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="认证机构2" prop="certification_body_two"> <el-form-item label="认证机构2" prop="certification_body_two">
<el-input v-model="formData.certification_body_two" clearable placeholder="请输入认证机构2" /> <el-input
v-model="formData.certification_body_two"
clearable
placeholder="请输入认证机构2"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质编号2" prop="qualification_number_two"> <el-form-item label="资质编号2" prop="qualification_number_two">
<el-input v-model="formData.qualification_number_two" clearable placeholder="请输入资质编号2" /> <el-input
v-model="formData.qualification_number_two"
clearable
placeholder="请输入资质编号2"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="发证日期2" prop="get_date_two"> <el-form-item label="发证日期2" prop="get_date_two">
<!-- <el-input v-model="formData.get_date_two" clearable placeholder="请输入发证日期2" /> --> <el-date-picker
<el-date-picker class="flex-1 !flex" v-model="formData.get_date_two" clearable class="flex-1 !flex"
value-format="YYYY-MM-DD " placeholder="选择日期"> v-model="formData.get_date_two"
clearable
value-format="YYYY-MM-DD "
placeholder="选择日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -86,43 +148,53 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="有效日期2" prop="effective_date_two"> <el-form-item label="有效日期2" prop="effective_date_two">
<el-date-picker class="flex-1 !flex" v-model="formData.effective_date_two" clearable <el-date-picker
value-format="YYYY-MM-DD " placeholder="选择日期"> class="flex-1 !flex"
v-model="formData.effective_date_two"
clearable
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="资质2状态" prop="qualification_two_status"> <el-form-item label="资质2状态" prop="qualification_two_status">
<el-select class="flex-1" v-model="formData.qualification_two_status" clearable <el-select
placeholder="请选择"> class="flex-1"
v-model="formData.qualification_two_status"
clearable
placeholder="请选择"
>
<el-option label="有效" :value="0" /> <el-option label="有效" :value="0" />
<el-option label="无效" :value="1" /> <el-option label="无效" :value="1" />
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <createUserLable :formData="formData" flag></createUserLable>
<el-form-item label="创建人" prop="create_user">
<el-input v-model="formData.create_user_name" clearable placeholder="请输入创建人" />
</el-form-item>
</el-col>
</el-row> </el-row>
<el-row> <el-row>
<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-col :span="8"> <el-col :span="8">
<el-form-item label="附件" prop="annex"> <el-form-item label="附件" prop="annex">
<uploadAnnex :formData="formData"></uploadAnnex> <uploadAnnex :formData="formData"></uploadAnnex>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-dialog v-model="showDialog1" title="选择单位" width="70%"> <el-dialog v-model="showDialog1" title="选择单位" width="70%">
<dialogTable :config="supervision_participating_units_qualifications" @customEvent="customEvent1"> <dialogTable
:config="supervision_participating_units_qualifications"
@customEvent="customEvent1"
>
</dialogTable> </dialogTable>
</el-dialog> </el-dialog>
</el-form> </el-form>
@ -131,198 +203,221 @@
</template> </template>
<script lang="ts" setup name="supervisionLargeEquipmentEdit"> <script lang="ts" setup name="supervisionLargeEquipmentEdit">
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 { apiSupervisionLargeEquipmentAdd, apiSupervisionLargeEquipmentEdit } from '@/api/supervision_large_equipment' import {
import { supervision_participating_units_qualifications } from "@/components/dialogTable/dialogTableConfig" apiSupervisionLargeEquipmentAdd,
import type { PropType } from 'vue' apiSupervisionLargeEquipmentEdit,
} from "@/api/supervision_large_equipment";
import { supervision_participating_units_qualifications } from "@/components/dialogTable/dialogTableConfig";
import type { PropType } from "vue";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({}),
} },
}) });
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 showDialog1 = ref(false) const showDialog1 = ref(false);
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑工程监理--大型设备及仪器具' : '新增工程监理--大型设备及仪器具' return mode.value == "edit"
}) ? "编辑工程监理--大型设备及仪器具"
: "新增工程监理--大型设备及仪器具";
});
const handleAvatarSuccess_four = (response: any) => {
if (!Array.isArray(formData.annex)) formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
// 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: "",
unit_qualification_id: '', unit_qualification_id: "",
company_name: "", company_name: "",
name: '', name: "",
qualification_name_one: '', qualification_name_one: "",
certification_body_one: '', certification_body_one: "",
qualification_number_one: '', qualification_number_one: "",
get_date_one: '', get_date_one: "",
effective_date_one: '', effective_date_one: "",
qualification_one_status: '', qualification_one_status: "",
qualification_name_two: '', qualification_name_two: "",
certification_body_two: '', certification_body_two: "",
qualification_number_two: '', qualification_number_two: "",
get_date_two: '', get_date_two: "",
effective_date_two: '', effective_date_two: "",
qualification_two_status: '', qualification_two_status: "",
remark: '', remark: "",
annex: [], annex: [],
create_user_name: '', create_user: "",
}) create_time: "",
});
const customEvent1 = (e) => { const customEvent1 = (e) => {
formData.unit_qualification_id = e.id formData.unit_qualification_id = e.id;
formData.company_name = e.company_name formData.company_name = e.company_name;
showDialog1.value = false showDialog1.value = false;
} };
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
unit_qualification_id: [{ unit_qualification_id: [
{
required: true, required: true,
message: '请选择项目', message: "请选择项目",
trigger: ['blur'] trigger: ["blur"],
}], },
name: [{ ],
name: [
{
required: true, required: true,
message: '请输入设备名称', message: "请输入设备名称",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_name_one: [{ ],
qualification_name_one: [
{
required: true, required: true,
message: '请输入资质名称1', message: "请输入资质名称1",
trigger: ['blur'] trigger: ["blur"],
}], },
certification_body_one: [{ ],
certification_body_one: [
{
required: true, required: true,
message: '请输入认证机构1', message: "请输入认证机构1",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_number_one: [{ ],
qualification_number_one: [
{
required: true, required: true,
message: '请输入资质编号1', message: "请输入资质编号1",
trigger: ['blur'] trigger: ["blur"],
}], },
get_date_one: [{ ],
get_date_one: [
{
required: true, required: true,
message: '请输入发证日期1', message: "请输入发证日期1",
trigger: ['blur'] trigger: ["blur"],
}], },
effective_date_one: [{ ],
effective_date_one: [
{
required: true, required: true,
message: '请输入有效日期1', message: "请输入有效日期1",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_one_status: [{ ],
qualification_one_status: [
{
required: true, required: true,
message: '请输入资质1状态 0-有效 1-无效', message: "请输入资质1状态 0-有效 1-无效",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_name_two: [{ ],
qualification_name_two: [
{
required: true, required: true,
message: '请输入资质名称2', message: "请输入资质名称2",
trigger: ['blur'] trigger: ["blur"],
}], },
certification_body_two: [{ ],
certification_body_two: [
{
required: true, required: true,
message: '请输入认证机构2', message: "请输入认证机构2",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_number_two: [{ ],
qualification_number_two: [
{
required: true, required: true,
message: '请输入资质编号2', message: "请输入资质编号2",
trigger: ['blur'] trigger: ["blur"],
}], },
get_date_two: [{ ],
get_date_two: [
{
required: true, required: true,
message: '请输入发证日期2', message: "请输入发证日期2",
trigger: ['blur'] trigger: ["blur"],
}], },
effective_date_two: [{ ],
effective_date_two: [
{
required: true, required: true,
message: '请输入有效日期2', message: "请输入有效日期2",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_two_status: [{ ],
qualification_two_status: [
{
required: true, required: true,
message: '请输入资质2状态 0-有效 1-无效', message: "请输入资质2状态 0-有效 1-无效",
trigger: ['blur'] trigger: ["blur"],
}], },
remark: [{ ],
remark: [
{
required: true, required: true,
message: '请输入备注', message: "请输入备注",
trigger: ['blur'] trigger: ["blur"],
}], },
create_user: [{ ],
create_user: [
{
required: true, required: true,
message: '请输入创建人', message: "请输入创建人",
trigger: ['blur'] trigger: ["blur"],
}] },
}) ],
});
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key];
} }
} }
};
}
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiSupervisionLargeEquipmentDetail({ const data = await apiSupervisionLargeEquipmentDetail({
id: row.id id: row.id,
}) });
setFormData(data) setFormData(data);
} };
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate();
const data = { ...formData, } const data = { ...formData };
mode.value == 'edit' mode.value == "edit"
? await apiSupervisionLargeEquipmentEdit(data) ? await apiSupervisionLargeEquipmentEdit(data)
: await apiSupervisionLargeEquipmentAdd(data) : await apiSupervisionLargeEquipmentAdd(data);
popupRef.value?.close() popupRef.value?.close();
emit('success') emit("success");
} };
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = "add") => {
mode.value = type mode.value = type;
popupRef.value?.open() popupRef.value?.open();
} };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit("close");
} };
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail getDetail,
}) });
</script> </script>

316
src/views/supervision_participating_units/edit.vue
View File

@ -1,26 +1,54 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="80vw" @confirm="handleSubmit" <popup
@close="handleClose"> ref="popupRef"
<el-form ref="formRef" :model="formData" label-width="90px" :rules="formRules"> :title="popupTitle"
:async="true"
width="80vw"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="90px"
:rules="formRules"
>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="项目名称" prop="project_id"> <el-form-item label="项目名称" prop="project_id">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly <el-input
@click="showDialog = true" /> v-model="formData.project_name"
clearable
placeholder="点击选择项目"
readonly
@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="单位名称" prop="unit_name"> <el-form-item label="单位名称" prop="unit_name">
<el-input v-model="formData.unit_name" clearable placeholder="请输入单位名称" /> <el-input
v-model="formData.unit_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="unit_type"> <el-form-item label="单位类别" prop="unit_type">
<el-select class="flex-1" v-model="formData.unit_type" clearable placeholder="请选择单位类别"> <el-select
<el-option v-for="(item, index) in dictData.unit_type" :key="index" :label="item.name" class="flex-1"
:value="parseInt(item.value)" /> v-model="formData.unit_type"
clearable
placeholder="请选择单位类别"
>
<el-option
v-for="(item, index) in dictData.unit_type"
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -28,66 +56,80 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="资质等级" prop="qualification_grade"> <el-form-item label="资质等级" prop="qualification_grade">
<el-input v-model="formData.qualification_grade" clearable placeholder="请输入资质等级" /> <el-input
v-model="formData.qualification_grade"
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="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="责任范围" prop="duty"> <el-form-item label="责任范围" prop="duty">
<el-input v-model="formData.duty" clearable placeholder="请输入责任范围" /> <el-input
v-model="formData.duty"
clearable
placeholder="请输入责任范围"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-dialog v-model="showDialog" title="选择项目" width="70%"> <el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="supervision_project" /> <dialogTable
@customEvent="customEvent"
:config="supervision_project"
/>
</el-dialog> </el-dialog>
<div style="margin-bottom: 30px;">联系人</div> <div style="margin-bottom: 30px">
<div style="margin-bottom: 30px;"> 联系人
<el-button @click="handleAdd" v-if="!formData.contacts.length"
>+</el-button
>
</div>
<div style="margin-bottom: 30px">
<el-table :data="formData.contacts"> <el-table :data="formData.contacts">
<el-table-column label="序号" v-if="mode == 'add'"> <el-table-column label="序号">
<template #default="{ row }"> <template #default="{ row }">
<el-button @click="handleAdd(row)">+</el-button> <el-button @click="handleAdd">+</el-button>
<el-button @click="handleDelete(row)">-</el-button> <el-button @click="handleDelete(row)">-</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="姓名" prop="name"> <el-table-column label="姓名" prop="name">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.name" :readonly="mode == 'edit'" /> <el-input v-model="row.name" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="职务" prop="duties"> <el-table-column label="职务" prop="duties">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.duties" :readonly="mode == 'edit'" /> <el-input v-model="row.duties" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="办公电话" prop="telephone"> <el-table-column label="办公电话" prop="telephone">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.telephone" :readonly="mode == 'edit'" /> <el-input v-model="row.telephone" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="手机号码" prop="mobile"> <el-table-column label="手机号码" prop="mobile">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.mobile" :readonly="mode == 'edit'" /> <el-input v-model="row.mobile" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="电子邮箱" prop="email"> <el-table-column label="电子邮箱" prop="email">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.email" :readonly="mode == 'edit'" /> <el-input v-model="row.email" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="传真" prop="fax"> <el-table-column label="传真" prop="fax">
<template #default="{ row }"> <template #default="{ row }">
<el-input v-model="row.fax" :readonly="mode == 'edit'" /> <el-input v-model="row.fax" />
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -98,157 +140,167 @@
</template> </template>
<script lang="ts" setup name="supervisionParticipatingUnitsEdit"> <script lang="ts" setup name="supervisionParticipatingUnitsEdit">
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 { apiSupervisionParticipatingUnitsAdd, apiSupervisionParticipatingUnitsEdit, apiSupervisionParticipatingUnitsDetail } from '@/api/supervision_participating_units' import {
import { apiSupervisionParticipatingUnitsContactsLists } from '@/api/supervision_participating_units_contacts' apiSupervisionParticipatingUnitsAdd,
import { supervision_project } from "@/components/dialogTable/dialogTableConfig" apiSupervisionParticipatingUnitsEdit,
import type { PropType } from 'vue' apiSupervisionParticipatingUnitsDetail,
} from "@/api/supervision_participating_units";
import {
apiSupervisionParticipatingUnitsContactsLists,
apiSupervisionParticipatingUnitsContactsDelete,
} from "@/api/supervision_participating_units_contacts";
import { supervision_project } from "@/components/dialogTable/dialogTableConfig";
import type { PropType } from "vue";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({}),
} },
}) });
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 showDialog = ref(false);
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑工程监理--参建单位' : '新增工程监理--参建单位' return mode.value == "edit"
}) ? "编辑工程监理--参建单位"
: "新增工程监理--参建单位";
});
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: "",
project_id: '', project_id: "",
project_name: "", project_name: "",
unit_name: '', unit_name: "",
unit_type: '', unit_type: "",
qualification_grade: '', qualification_grade: "",
telephone: '', telephone: "",
duty: '', duty: "",
contacts: [ contacts: [],
{ });
"name": "",
"duties": "",
"telephone": "",
"mobile": "",
"email": "",
"fax": ""
}
]
})
const customEvent = (e) => { const customEvent = (e) => {
formData.project_id = e.id formData.project_id = e.id;
formData.project_name = e.project_name formData.project_name = e.project_name;
showDialog.value = false showDialog.value = false;
} };
const handleAdd = () => { const handleAdd = () => {
formData.contacts.push({ formData.contacts.push({
"name": "", name: "",
"duties": "", duties: "",
"telephone": "", telephone: "",
"mobile": "", mobile: "",
"email": "", email: "",
"fax": "" fax: "",
}) });
};
const handleDelete = async (row: any) => {
if (row.id) {
await apiSupervisionParticipatingUnitsContactsDelete({ id: row.id });
} }
const handleDelete = (row: any) => {
const index = formData.contacts.indexOf(row); const index = formData.contacts.indexOf(row);
formData.contacts.splice(index, 1); formData.contacts.splice(index, 1);
} };
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
project_id: [{ project_id: [
{
required: true, required: true,
message: '请选择项目', message: "请选择项目",
trigger: ['blur'] trigger: ["blur"],
}], },
unit_name: [{ ],
unit_name: [
{
required: true, required: true,
message: '请输入单位名称', message: "请输入单位名称",
trigger: ['blur'] trigger: ["blur"],
}], },
unit_type: [{ ],
unit_type: [
{
required: true, required: true,
message: '请输入单位类别', message: "请输入单位类别",
trigger: ['blur'] trigger: ["blur"],
}], },
qualification_grade: [{ ],
qualification_grade: [
{
required: true, required: true,
message: '请输入资质等级', message: "请输入资质等级",
trigger: ['blur'] trigger: ["blur"],
}], },
telephone: [{ ],
telephone: [
{
required: true, required: true,
message: '请输入联系电话', message: "请输入联系电话",
trigger: ['blur'] trigger: ["blur"],
}], },
duty: [{ ],
duty: [
{
required: true, required: true,
message: '请输入责任范围', message: "请输入责任范围",
trigger: ['blur'] trigger: ["blur"],
}] },
}) ],
});
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key];
} }
} }
let res = await apiSupervisionParticipatingUnitsContactsLists({ unit_id: data.id }) let res = await apiSupervisionParticipatingUnitsContactsLists({
formData.contacts = res.lists unit_id: data.id,
});
formData.contacts = res.lists;
} };
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiSupervisionParticipatingUnitsDetail({ const data = await apiSupervisionParticipatingUnitsDetail({
id: row.id id: row.id,
}) });
setFormData(data) setFormData(data);
} };
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate();
const data = { ...formData, } const data = { ...formData };
mode.value == 'edit' mode.value == "edit"
? await apiSupervisionParticipatingUnitsEdit(data) ? await apiSupervisionParticipatingUnitsEdit(data)
: await apiSupervisionParticipatingUnitsAdd(data) : await apiSupervisionParticipatingUnitsAdd(data);
popupRef.value?.close() popupRef.value?.close();
emit('success') emit("success");
} };
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = "add") => {
mode.value = type mode.value = type;
popupRef.value?.open() popupRef.value?.open();
} };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit("close");
} };
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail getDetail,
}) });
</script> </script>

189
src/views/supervision_problem/index.vue
View File

@ -3,14 +3,36 @@
<el-card class="!border-none mb-4" shadow="never"> <el-card class="!border-none mb-4" shadow="never">
<el-form class="mb-[-16px]" :model="queryParams" inline> <el-form class="mb-[-16px]" :model="queryParams" inline>
<el-form-item label="问题分类" prop="problem_cate"> <el-form-item label="问题分类" prop="problem_cate">
<el-input class="w-[280px]" v-model="queryParams.problem_cate" clearable placeholder="请输入问题分类" />
<el-select
class="w-[280px]"
v-model="queryParams.problem_cate"
clearable
placeholder="请选择问题分类"
>
<el-option
v-for="(item, index) in dictData.problem_cate"
:key="index"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="问题说明" prop="problem_description"> <el-form-item label="问题说明" prop="problem_description">
<el-input class="w-[280px]" v-model="queryParams.problem_description" clearable <el-input
placeholder="请输入问题说明" /> class="w-[280px]"
v-model="queryParams.problem_description"
clearable
placeholder="请输入问题说明"
/>
</el-form-item> </el-form-item>
<el-form-item label="问题名称" prop="problem_name"> <el-form-item label="问题名称" prop="problem_name">
<el-input class="w-[280px]" v-model="queryParams.problem_name" clearable placeholder="请输入问题名称" /> <el-input
class="w-[280px]"
v-model="queryParams.problem_name"
clearable
placeholder="请输入问题名称"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="resetPage">查询</el-button> <el-button type="primary" @click="resetPage">查询</el-button>
@ -25,31 +47,79 @@
</template> </template>
新增 新增
</el-button> --> </el-button> -->
<el-button v-perms="['supervision_work.supervision_problem/delete']" :disabled="!selectData.length" <el-button
@click="handleDelete(selectData)"> v-perms="['supervision_work.supervision_problem/delete']"
:disabled="!selectData.length"
@click="handleDelete(selectData)"
>
删除 删除
<!-- 1-巡视 2-旁站 3-验收 4-设备进场 5-见证取样 6-材料平行检验 7-实体平行检验 --> <!-- 1-巡视 2-旁站 3-验收 4-设备进场 5-见证取样 6-材料平行检验 7-实体平行检验 -->
</el-button> </el-button>
<div class="mt-4"> <div class="mt-4">
<el-table :data="pager.lists" @selection-change="handleSelectionChange"> <el-table :data="pager.lists" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" /> <el-table-column type="selection" width="55" />
<el-table-column label="问题分类" prop="problem_cate_text" show-overflow-tooltip /> <el-table-column
<el-table-column label="问题说明" prop="problem_description" show-overflow-tooltip /> label="问题分类"
<el-table-column label="问题名称" prop="problem_name" show-overflow-tooltip /> prop="problem_cate_text"
<el-table-column label="整改时间" prop="rectification_time" show-overflow-tooltip /> show-overflow-tooltip
<el-table-column label="整改人" prop="rectification_user" show-overflow-tooltip /> />
<el-table-column label="整改结果" prop="rectification_result_text" show-overflow-tooltip /> <el-table-column
<el-table-column label="整改意见" prop="rectification_opinion" show-overflow-tooltip /> label="问题说明"
<el-table-column label="是否整改" prop="is_rectification_text" show-overflow-tooltip /> prop="problem_description"
<el-table-column label="操作" width="200" fixed="right" align="center"> show-overflow-tooltip
/>
<el-table-column
label="问题名称"
prop="problem_name"
show-overflow-tooltip
/>
<el-table-column
label="整改时间"
prop="rectification_time"
show-overflow-tooltip
/>
<el-table-column
label="整改人"
prop="rectification_user"
show-overflow-tooltip
/>
<el-table-column
label="整改结果"
prop="rectification_result_text"
show-overflow-tooltip
/>
<el-table-column
label="整改意见"
prop="rectification_opinion"
show-overflow-tooltip
/>
<el-table-column
label="是否整改"
prop="is_rectification_text"
show-overflow-tooltip
/>
<el-table-column
label="操作"
width="200"
fixed="right"
align="center"
>
<template #default="{ row }"> <template #default="{ row }">
<el-button v-perms="['supervision_work.supervision_problem/edit']" type="primary" link <el-button
@click="handleEdit(row)" v-if="row.is_rectification == 0"> v-perms="['supervision_work.supervision_problem/edit']"
type="primary"
link
@click="handleEdit(row)"
v-if="row.is_rectification == 0"
>
检查验收 检查验收
</el-button> </el-button>
<el-button v-perms="['supervision_work.supervision_problem/delete']" type="danger" link <el-button
@click="handleDelete(row.id)"> v-perms="['supervision_work.supervision_problem/delete']"
type="danger"
link
@click="handleDelete(row.id)"
>
删除 删除
</el-button> </el-button>
</template> </template>
@ -60,70 +130,77 @@
<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="getLists"
@close="showEdit = false"
/>
</div> </div>
</template> </template>
<script lang="ts" setup name="supervisionProblemLists"> <script lang="ts" setup name="supervisionProblemLists">
import { usePaging } from '@/hooks/usePaging' import { usePaging } from "@/hooks/usePaging";
import { useDictData } from '@/hooks/useDictOptions' import { useDictData } from "@/hooks/useDictOptions";
import { apiSupervisionProblemLists, apiSupervisionProblemDelete } from '@/api/supervision_problem' import {
import { timeFormat } from '@/utils/util' apiSupervisionProblemLists,
import feedback from '@/utils/feedback' apiSupervisionProblemDelete,
import EditPopup from './edit.vue' } from "@/api/supervision_problem";
import feedback from "@/utils/feedback";
import EditPopup from "./edit.vue";
const editRef = shallowRef<InstanceType<typeof EditPopup>>() const editRef = shallowRef<InstanceType<typeof EditPopup>>();
// 是否显示编辑框 // 是否显示编辑框
const showEdit = ref(false) const showEdit = ref(false);
// 查询条件 // 查询条件
const queryParams = reactive({ const queryParams = reactive({
data_id: '', data_id: "",
data_type: '', data_type: "",
problem_cate: '', problem_cate: "",
problem_description: '', problem_description: "",
problem_name: '' problem_name: "",
}) });
// 选中数据 // 选中数据
const selectData = ref<any[]>([]) const selectData = ref<any[]>([]);
// 表格选择后回调事件 // 表格选择后回调事件
const handleSelectionChange = (val: any[]) => { const handleSelectionChange = (val: any[]) => {
selectData.value = val.map(({ id }) => id) selectData.value = val.map(({ id }) => id);
} };
// 获取字典数据 // 获取字典数据
const { dictData } = useDictData('') const { dictData } = useDictData("problem_cate");
// 分页相关 // 分页相关
const { pager, getLists, resetParams, resetPage } = usePaging({ const { pager, getLists, resetParams, resetPage } = usePaging({
fetchFun: apiSupervisionProblemLists, fetchFun: apiSupervisionProblemLists,
params: queryParams params: queryParams,
}) });
// 添加 // 添加
const handleAdd = async () => { const handleAdd = async () => {
showEdit.value = true showEdit.value = true;
await nextTick() await nextTick();
editRef.value?.open('add') editRef.value?.open("add");
} };
// 编辑 // 编辑
const handleEdit = async (data: any) => { const handleEdit = async (data: any) => {
showEdit.value = true showEdit.value = true;
await nextTick() await nextTick();
editRef.value?.open('edit') editRef.value?.open("edit");
editRef.value?.setFormData(data) editRef.value?.setFormData(data);
} };
// 删除 // 删除
const handleDelete = async (id: number | any[]) => { const handleDelete = async (id: number | any[]) => {
await feedback.confirm('确定要删除？') await feedback.confirm("确定要删除？");
await apiSupervisionProblemDelete({ id }) await apiSupervisionProblemDelete({ id });
getLists() getLists();
} };
getLists() getLists();
</script> </script>

295
src/views/supervision_project_info_report/edit.vue
View File

@ -1,203 +1,262 @@
<template> <template>
<div class="edit-popup"> <div class="edit-popup">
<popup ref="popupRef" :title="popupTitle" :async="true" width="550px" @confirm="handleSubmit" <popup
@close="handleClose"> ref="popupRef"
<el-form ref="formRef" :model="formData" label-width="110px" :rules="formRules"> :title="popupTitle"
:async="true"
width="550px"
@confirm="handleSubmit"
@close="handleClose"
>
<el-form
ref="formRef"
:model="formData"
label-width="110px"
:rules="formRules"
>
<el-form-item label="项目名称" prop="project_name"> <el-form-item label="项目名称" prop="project_name">
<el-input v-model="formData.project_name" clearable placeholder="点击选择项目" readonly <el-input
@click="showDialog = true" /> v-model="formData.project_name"
clearable
placeholder="点击选择项目"
readonly
@click="showDialog = true"
/>
</el-form-item> </el-form-item>
<el-form-item label="信息摘要" prop="abstract"> <el-form-item label="信息摘要" prop="abstract">
<el-input v-model="formData.abstract" clearable placeholder="请输入信息摘要" /> <el-input
v-model="formData.abstract"
clearable
placeholder="请输入信息摘要"
/>
</el-form-item> </el-form-item>
<el-form-item label="发生日期" prop="happen_date"> <el-form-item label="发生日期" prop="happen_date">
<el-date-picker class="flex-1 !flex" v-model="formData.happen_date" clearable <el-date-picker
value-format="YYYY-MM-DD" placeholder="选择发生日期"> class="flex-1 !flex"
v-model="formData.happen_date"
clearable
value-format="YYYY-MM-DD"
placeholder="选择发生日期"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="严重程度" prop="severity"> <el-form-item label="严重程度" prop="severity">
<el-select class="flex-1" v-model="formData.severity" clearable placeholder="请选择严重程度"> <el-select
<el-option v-for="(item, index) in dictData.severity" :key="index" :label="item.name" class="flex-1"
:value="parseInt(item.value)" /> v-model="formData.severity"
clearable
placeholder="请选择严重程度"
>
<el-option
v-for="(item, index) in dictData.severity"
:key="index"
:label="item.name"
:value="parseInt(item.value)"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="信息类别"> <el-form-item label="信息类别">
<el-checkbox-group v-model="formData.info_cate" placeholder="请选择信息类别"> <el-checkbox-group
<el-checkbox v-for="(item, index) in dictData.info_cate" :key="index" :label="(item.value)"> v-model="formData.info_cate"
placeholder="请选择信息类别"
>
<el-checkbox
v-for="(item, index) in dictData.info_cate"
:key="index"
:label="item.value"
>
{{ item.name }} {{ item.name }}
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="信息内容"> <el-form-item label="信息内容">
<el-input v-model="formData.info_content" clearable placeholder="请输入信息内容" /> <el-input
v-model="formData.info_content"
clearable
placeholder="请输入信息内容"
/>
</el-form-item> </el-form-item>
<el-form-item label="项目部意见"> <el-form-item label="项目部意见">
<el-input v-model="formData.opinions" clearable placeholder="请输入项目部意见" /> <el-input
v-model="formData.opinions"
clearable
placeholder="请输入项目部意见"
/>
</el-form-item> </el-form-item>
<el-form-item label="主送人"> <el-form-item label="主送人">
<el-input v-model="formData.giver" clearable placeholder="请输入主送人" /> <el-input
v-model="formData.giver"
clearable
placeholder="请输入主送人"
/>
</el-form-item> </el-form-item>
<createUserLable :formData="formData"></createUserLable>
<el-form-item label="附件"> <el-form-item label="附件">
<uploadAnnex :formData="formData"></uploadAnnex> <uploadAnnex :formData="formData"></uploadAnnex>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-dialog v-model="showDialog" title="选择项目" width="70%"> <el-dialog v-model="showDialog" title="选择项目" width="70%">
<dialogTable @customEvent="customEvent" :config="supervision_project" /> <dialogTable @customEvent="customEvent" :config="supervision_project" />
</el-dialog> </el-dialog>
</popup> </popup>
</div> </div>
</template> </template>
<script lang="ts" setup name="supervisionProjectInfoReportEdit"> <script lang="ts" setup name="supervisionProjectInfoReportEdit">
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 { apiSupervisionProjectInfoReportAdd, apiSupervisionProjectInfoReportEdit, apiSupervisionProjectInfoReportDetail } from '@/api/supervision_project_info_report' import {
import { supervision_project } from "@/components/dialogTable/dialogTableConfig" apiSupervisionProjectInfoReportAdd,
import type { PropType } from 'vue' apiSupervisionProjectInfoReportEdit,
apiSupervisionProjectInfoReportDetail,
} from "@/api/supervision_project_info_report";
import { supervision_project } from "@/components/dialogTable/dialogTableConfig";
import type { PropType } from "vue";
defineProps({ defineProps({
dictData: { dictData: {
type: Object as PropType<Record<string, any[]>>, type: Object as PropType<Record<string, any[]>>,
default: () => ({}) default: () => ({}),
} },
}) });
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 showDialog = ref(false);
// 弹窗标题 // 弹窗标题
const popupTitle = computed(() => { const popupTitle = computed(() => {
return mode.value == 'edit' ? '编辑工程监理--项目重大信息上报' : '新增工程监理--项目重大信息上报' return mode.value == "edit"
}) ? "编辑工程监理--项目重大信息上报"
: "新增工程监理--项目重大信息上报";
});
// 表单数据 // 表单数据
const formData = reactive({ const formData = reactive({
id: '', id: "",
project_id: '', project_id: "",
project_name: "", project_name: "",
abstract: '', abstract: "",
happen_date: '', happen_date: "",
severity: '', severity: "",
info_cate: [], info_cate: [],
info_content: '', info_content: "",
opinions: '', opinions: "",
giver: '', giver: "",
annex: [], annex: [],
create_user: '', create_user: "",
}) create_time: "",
const checkList = ref([]) });
const handleAvatarSuccess_four = (response: any) => {
Array.isArray(formData.annex) ? '' : formData.annex = []
// @ts-ignore
response.code != 0 ? formData.annex.push({ uri: response.data.uri, name: response.data.name }) : ElMessage.error(response.msg);
};
// 删除上传的文件
const delFileFn = (index: number) => { formData.annex.splice(index, 1) }
// 表单验证 // 表单验证
const formRules = reactive<any>({ const formRules = reactive<any>({
project_id: [{ project_id: [
{
required: true, required: true,
message: '请输入项目id', message: "请输入项目id",
trigger: ['blur'] trigger: ["blur"],
}], },
abstract: [{ ],
abstract: [
{
required: true, required: true,
message: '请输入信息摘要', message: "请输入信息摘要",
trigger: ['blur'] trigger: ["blur"],
}], },
happen_date: [{ ],
happen_date: [
{
required: true, required: true,
message: '请输入发生日期', message: "请输入发生日期",
trigger: ['blur'] trigger: ["blur"],
}], },
severity: [{ ],
severity: [
{
required: true, required: true,
message: '请输入严重程度', message: "请输入严重程度",
trigger: ['blur'] trigger: ["blur"],
}], },
info_content: [{ ],
info_content: [
{
required: true, required: true,
message: '请输入信息内容', message: "请输入信息内容",
trigger: ['blur'] trigger: ["blur"],
}], },
opinions: [{ ],
opinions: [
{
required: true, required: true,
message: '请输入项目部意见', message: "请输入项目部意见",
trigger: ['blur'] trigger: ["blur"],
}], },
giver: [{ ],
giver: [
{
required: true, required: true,
message: '请输入主送人', message: "请输入主送人",
trigger: ['blur'] trigger: ["blur"],
}], },
create_user: [{ ],
create_user: [
{
required: true, required: true,
message: '请输入创建人', message: "请输入创建人",
trigger: ['blur'] trigger: ["blur"],
}] },
}) ],
});
// 获取详情 // 获取详情
const setFormData = async (data: Record<any, any>) => { const setFormData = async (data: Record<any, any>) => {
for (const key in formData) { for (const key in formData) {
if (data[key] != null && data[key] != undefined) { if (data[key] != null && data[key] != undefined) {
//@ts-ignore //@ts-ignore
formData[key] = data[key] formData[key] = data[key];
} }
} }
};
}
const customEvent = (e) => { const customEvent = (e) => {
formData.project_id = e.id formData.project_id = e.id;
formData.project_name = e.project_name formData.project_name = e.project_name;
showDialog.value = false showDialog.value = false;
} };
const getDetail = async (row: Record<string, any>) => { const getDetail = async (row: Record<string, any>) => {
const data = await apiSupervisionProjectInfoReportDetail({ const data = await apiSupervisionProjectInfoReportDetail({
id: row.id id: row.id,
}) });
setFormData(data) setFormData(data);
} };
// 提交按钮 // 提交按钮
const handleSubmit = async () => { const handleSubmit = async () => {
await formRef.value?.validate() await formRef.value?.validate();
const data = { ...formData, } const data = { ...formData };
mode.value == 'edit' mode.value == "edit"
? await apiSupervisionProjectInfoReportEdit(data) ? await apiSupervisionProjectInfoReportEdit(data)
: await apiSupervisionProjectInfoReportAdd(data) : await apiSupervisionProjectInfoReportAdd(data);
popupRef.value?.close() popupRef.value?.close();
emit('success') emit("success");
} };
//打开弹窗 //打开弹窗
const open = (type = 'add') => { const open = (type = "add") => {
mode.value = type mode.value = type;
popupRef.value?.open() popupRef.value?.open();
} };
// 关闭回调 // 关闭回调
const handleClose = () => { const handleClose = () => {
emit('close') emit("close");
} };
defineExpose({ defineExpose({
open, open,
setFormData, setFormData,
getDetail getDetail,
}) });
</script> </script>

2
stats.html
View File

File diff suppressed because one or more lines are too long