|
|
@@ -1,4 +1,4 @@
|
|
|
-<template>
|
|
|
+<template>
|
|
|
<div class="system-page config-page">
|
|
|
<el-card class="page-card">
|
|
|
<template #header>
|
|
|
@@ -70,70 +70,61 @@
|
|
|
</div>
|
|
|
</el-card>
|
|
|
|
|
|
- <el-dialog v-model="dialog.visible" :title="dialog.title" width="900px" top="5vh" append-to-body @close="cancel" class="obj-dialog">
|
|
|
- <el-form ref="formRef" :model="form" :rules="rules" label-width="120px" :disabled="viewMode">
|
|
|
+ <el-dialog v-model="dialog.visible" :title="dialog.title" width="1200px" top="5vh" append-to-body @close="cancel" class="obj-dialog">
|
|
|
+ <el-form ref="formRef" :model="form" :rules="rules" label-width="160px" :disabled="viewMode">
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="设备名称" prop="speqName"><el-input v-model="form.speqName" placeholder="请输入设备名称" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="设备代码" prop="speqCode"><el-input v-model="form.speqCode" placeholder="请输入设备代码" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="设备名称" prop="speqName"><el-input v-model="form.speqName" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="设备代码" prop="speqCode"><el-input v-model="form.speqCode" placeholder="请输入" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12" />
|
|
|
+ <el-col :span="8"><OrgSelect v-model="form.orgGuid" label="所属单位" prop="orgGuid" placeholder="请输入机构名称搜索" /></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="工程" prop="engGuid"><el-select v-model="form.engGuid" filterable remote clearable reserve-keyword :remote-method="searchEng" :loading="engLoading" placeholder="请输入工程名称搜索" style="width:100%"><el-option v-for="item in engOptions" :key="item.guid" :label="item.engName" :value="item.guid" /></el-select></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="标段" prop="tendGuid"><el-select v-model="form.tendGuid" filterable remote clearable reserve-keyword :remote-method="searchTend" :loading="tendLoading" :disabled="!form.engGuid" placeholder="请先选择工程" style="width:100%"><el-option v-for="item in tendOptions" :key="item.guid" :label="item.tendName" :value="item.guid" /></el-select></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="工程" prop="engGuid"><el-select v-model="form.engGuid" filterable remote clearable reserve-keyword :remote-method="searchEng" :loading="engLoading" placeholder="请输入工程名称搜索" style="width:100%"><el-option v-for="item in engOptions" :key="item.guid" :label="item.engName" :value="item.guid" /></el-select></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="标段" prop="tendGuid"><el-select v-model="form.tendGuid" filterable remote clearable reserve-keyword :remote-method="searchTend" :loading="tendLoading" :disabled="!form.engGuid" placeholder="请先选择工程" style="width:100%"><el-option v-for="item in tendOptions" :key="item.guid" :label="item.tendName" :value="item.guid" /></el-select></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="设备类型" prop="speqType"><el-select v-model="form.speqType" placeholder="请选择" clearable style="width:100%"><el-option v-for="(label, value) in speqTypeOptions" :key="value" :label="label" :value="value" /></el-select></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="规格型号" prop="speqModel"><el-input v-model="form.speqModel" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="归属类型" prop="proType"><el-select v-model="form.proType" placeholder="请选择" clearable style="width:100%"><el-option label="自有" value="1" /><el-option label="租赁" value="2" /></el-select></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="设备类型" prop="speqType"><el-input v-model="form.speqType" placeholder="TODO:字典DPC_SPEQ_TYPE,待改为下拉" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="归属类型" prop="proType"><el-select v-model="form.proType" placeholder="请选择归属类型" clearable style="width:100%"><el-option label="自有" value="1" /><el-option label="租赁" value="2" /></el-select></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="出租方" prop="lessor"><el-input v-model="form.lessor" placeholder="租赁时请填写出租方名称" :disabled="form.proType !== '2'" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="生产厂家" prop="eqfaManu"><el-input v-model="form.eqfaManu" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="出厂日期" prop="prodDate"><el-date-picker v-model="form.prodDate" type="date" placeholder="请选择" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="规格型号" prop="speqModel"><el-input v-model="form.speqModel" placeholder="请输入规格型号" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="出租方" prop="lessor"><el-input v-model="form.lessor" placeholder="请输入出租方" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="安装单位" prop="instWiunName"><el-input v-model="form.instWiunName" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="安装日期" prop="instDate"><el-date-picker v-model="form.instDate" type="date" placeholder="请选择" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="生产厂家" prop="eqfaManu"><el-input v-model="form.eqfaManu" placeholder="请输入生产厂家" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="出厂日期" prop="prodDate"><el-date-picker v-model="form.prodDate" type="date" placeholder="请选择出厂日期" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="出场日期" prop="appeDate"><el-date-picker v-model="form.appeDate" type="date" placeholder="请选择" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="退场日期" prop="exitDate"><el-date-picker v-model="form.exitDate" type="date" placeholder="请选择" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="具体位置" prop="speqLoc"><el-input v-model="form.speqLoc" placeholder="请输入" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="安装单位" prop="instWiunName"><el-input v-model="form.instWiunName" placeholder="请输入安装单位" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="安装日期" prop="instDate"><el-date-picker v-model="form.instDate" type="date" placeholder="请选择安装日期" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="责任人" prop="legPers"><el-input v-model="form.legPers" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="责任人电话" prop="legPersTel"><el-input v-model="form.legPersTel" placeholder="请输入" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="出场日期" prop="appeDate"><el-date-picker v-model="form.appeDate" type="date" placeholder="请选择出场日期" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="退场日期" prop="exitDate"><el-date-picker v-model="form.exitDate" type="date" placeholder="请选择退场日期" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="验收人" prop="accepPers"><el-input v-model="form.accepPers" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="验收日期" prop="accepDate"><el-date-picker v-model="form.accepDate" type="date" placeholder="请选择" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="责任人" prop="legPers"><el-input v-model="form.legPers" placeholder="请输入责任人" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="责任人电话" prop="legPersTel"><el-input v-model="form.legPersTel" placeholder="请输入责任人电话" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="安全生产许可证号" prop="safeProdLiceNum"><el-input v-model="form.safeProdLiceNum" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="发证日期" prop="issueDate"><el-date-picker v-model="form.issueDate" type="date" placeholder="请选择" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="8"><el-form-item label="状态" prop="stat"><el-select v-model="form.stat" placeholder="请选择" clearable style="width:100%"><el-option label="启用" value="1" /><el-option label="停用" value="2" /></el-select></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="验收人" prop="accepPers"><el-input v-model="form.accepPers" placeholder="请输入验收人" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="验收日期" prop="accepDate"><el-date-picker v-model="form.accepDate" type="date" placeholder="请选择验收日期" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="操作人员姓名" prop="operpeopleName"><el-input v-model="form.operpeopleName" placeholder="请输入" /></el-form-item></el-col>
|
|
|
+ <el-col :span="12"><el-form-item label="操作人员" prop="operpeople"><el-input v-model="form.operpeople" placeholder="请输入" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="安全生产许可证号" prop="safeProdLiceNum"><el-input v-model="form.safeProdLiceNum" placeholder="请输入安全生产许可证号" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="发证日期" prop="issueDate"><el-date-picker v-model="form.issueDate" type="date" placeholder="请选择发证日期" value-format="YYYY-MM-DD" style="width: 100%" /></el-form-item></el-col>
|
|
|
+ <el-col :span="6"><el-form-item label="设备概况信息牌" prop="ifSpeqProfBoard"><el-radio-group v-model="form.ifSpeqProfBoard" class="compact-radio"><el-radio value="1">是</el-radio><el-radio value="0">否</el-radio></el-radio-group></el-form-item></el-col>
|
|
|
+ <el-col :span="6"><el-form-item label="人员配置信息牌" prop="ifSpeqStafBoard"><el-radio-group v-model="form.ifSpeqStafBoard" class="compact-radio"><el-radio value="1">是</el-radio><el-radio value="0">否</el-radio></el-radio-group></el-form-item></el-col>
|
|
|
+ <el-col :span="6"><el-form-item label="告知及使用登记信息牌" prop="ifSpeqRegBoard"><el-radio-group v-model="form.ifSpeqRegBoard" class="compact-radio"><el-radio value="1">是</el-radio><el-radio value="0">否</el-radio></el-radio-group></el-form-item></el-col>
|
|
|
+ <el-col :span="6"><el-form-item label="验收合格信息牌" prop="ifSpeqAccBoard"><el-radio-group v-model="form.ifSpeqAccBoard" class="compact-radio"><el-radio value="1">是</el-radio><el-radio value="0">否</el-radio></el-radio-group></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col :span="12"><el-form-item label="状态" prop="stat"><el-select v-model="form.stat" placeholder="请选择状态" clearable style="width:100%"><el-option label="启用" value="1" /><el-option label="停用" value="2" /></el-select></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="具体位置" prop="speqLoc"><el-input v-model="form.speqLoc" placeholder="请输入具体位置" /></el-form-item></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12"><el-form-item label="设备概况信息牌" prop="ifSpeqProfBoard"><el-select v-model="form.ifSpeqProfBoard" placeholder="请选择" clearable style="width:100%"><el-option label="是" value="1" /><el-option label="否" value="0" /></el-select></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="人员配置信息牌" prop="ifSpeqStafBoard"><el-select v-model="form.ifSpeqStafBoard" placeholder="请选择" clearable style="width:100%"><el-option label="是" value="1" /><el-option label="否" value="0" /></el-select></el-form-item></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12"><el-form-item label="告知及使用登记信息牌" prop="ifSpeqRegBoard"><el-select v-model="form.ifSpeqRegBoard" placeholder="请选择" clearable style="width:100%"><el-option label="是" value="1" /><el-option label="否" value="0" /></el-select></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="验收合格信息牌" prop="ifSpeqAccBoard"><el-select v-model="form.ifSpeqAccBoard" placeholder="请选择" clearable style="width:100%"><el-option label="是" value="1" /><el-option label="否" value="0" /></el-select></el-form-item></el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12"><el-form-item label="备注" prop="note"><el-input v-model="form.note" placeholder="请输入备注" /></el-form-item></el-col>
|
|
|
- <el-col :span="12" />
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="12"><el-form-item label="操作人员姓名" prop="operpeopleName"><el-input v-model="form.operpeopleName" placeholder="请输入操作人员姓名" /></el-form-item></el-col>
|
|
|
- <el-col :span="12"><el-form-item label="操作人员" prop="operpeople"><el-input v-model="form.operpeople" placeholder="请输入操作人员" /></el-form-item></el-col>
|
|
|
+ <el-col :span="24"><el-form-item label="备注" prop="note"><el-input v-model="form.note" type="textarea" :rows="2" placeholder="请输入备注" /></el-form-item></el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
|
|
|
@@ -146,10 +137,12 @@
|
|
|
|
|
|
<script setup name="ObjSpeq" lang="ts">
|
|
|
import { listObjSpeq, getObjSpeq, addObjSpeq, updateObjSpeq, delObjSpeq, listObjTend } from '@/api/slaj/obj'
|
|
|
-// TODO: speqType 为枚举值,字典编码 DPC_SPEQ_TYPE,数据在旧版 DIC_DPC 表中,待拿到枚举值后改为 el-select
|
|
|
import { listAttEngBase } from '@/api/slaj/hidd'
|
|
|
+import OrgSelect from '@/components/OrgSelect'
|
|
|
import { Plus, Edit, Delete, Download, Search, RefreshRight, Document } from '@element-plus/icons-vue'
|
|
|
|
|
|
+// TODO: speqType 字典编码 DPC_SPEQ_TYPE,以下为常见值,需确认
|
|
|
+const speqTypeOptions: Record<string, string> = { '01': '塔式起重机', '02': '施工升降机', '03': '龙门架', '04': '物料提升机', '05': '脚手架', '99': '其他' }
|
|
|
const proTypeOptions: Record<string, string> = { '1': '自有', '2': '租赁' }
|
|
|
const statOptions: Record<string, string> = { '1': '启用', '2': '停用' }
|
|
|
const yesNoOptions: Record<string, string> = { '0': '否', '1': '是' }
|
|
|
@@ -221,13 +214,14 @@ const data = reactive<PageData<any, any>>({
|
|
|
operpeopleName: null
|
|
|
},
|
|
|
rules: {
|
|
|
- speqName: [{ required: true, message: '', trigger: 'blur' }],
|
|
|
- speqCode: [{ required: true, message: '', trigger: 'blur' }],
|
|
|
- speqType: [{ required: true, message: '', trigger: 'blur' }],
|
|
|
- legPers: [{ required: true, message: '', trigger: 'blur' }],
|
|
|
- legPersTel: [{ required: true, message: '', trigger: 'blur' }],
|
|
|
- safeProdLiceNum: [{ required: true, message: '', trigger: 'blur' }],
|
|
|
- stat: [{ required: true, message: '', trigger: 'blur' }]
|
|
|
+ speqName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
|
|
|
+ speqCode: [{ required: true, message: '设备代码不能为空', trigger: 'blur' }],
|
|
|
+ orgGuid: [{ required: true, message: '所属单位不能为空', trigger: 'change' }],
|
|
|
+ speqType: [{ required: true, message: '设备类型不能为空', trigger: 'change' }],
|
|
|
+ legPers: [{ required: true, message: '责任人不能为空', trigger: 'blur' }],
|
|
|
+ legPersTel: [{ required: true, message: '责任人电话不能为空', trigger: 'blur' }],
|
|
|
+ safeProdLiceNum: [{ required: true, message: '安全生产许可证号不能为空', trigger: 'blur' }],
|
|
|
+ stat: [{ required: true, message: '状态不能为空', trigger: 'change' }]
|
|
|
}
|
|
|
})
|
|
|
|
|
|
@@ -322,4 +316,5 @@ onMounted(() => { getList() })
|
|
|
|
|
|
<style>
|
|
|
.obj-dialog .el-dialog__body { max-height: 65vh !important; overflow-y: auto !important; padding: 20px 20px 0 20px !important; }
|
|
|
+.compact-radio .el-radio { margin-right: 12px; }
|
|
|
</style>
|