总包工程页面完善
This commit is contained in:
BianLzhaoMin
parent
8f7232f68d
commit
77f19175d6
|
|
@ -24,23 +24,26 @@ export const testTableList = [
|
|||
projectName: '总工程名称',
|
||||
level: '电压等级',
|
||||
status: '在建',
|
||||
count: '专业工程数量',
|
||||
count: '6',
|
||||
},
|
||||
{
|
||||
projectName: '总工程名称2',
|
||||
level: '电压等级',
|
||||
status: '停工',
|
||||
count: '专业工程数量',
|
||||
count: '5',
|
||||
},
|
||||
{
|
||||
projectName: '总工程名称3',
|
||||
level: '电压等级',
|
||||
status: '筹建',
|
||||
count: '专业工程数量',
|
||||
count: '10',
|
||||
},
|
||||
]
|
||||
|
||||
export const dialogConfig = {
|
||||
outerVisible: false,
|
||||
outerTitle: '',
|
||||
outerWidth: '50%',
|
||||
minHeight: '',
|
||||
maxHeight: '',
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,6 +32,13 @@
|
|||
</el-button>
|
||||
</template>
|
||||
|
||||
<!-- 标段工程数量 -->
|
||||
<template slot="count" slot-scope="{ data }">
|
||||
<span class="cursor-blue" @click="onHandleViewLotProject(data)">
|
||||
{{ data.count }}
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<template slot="handle" slot-scope="{ data }">
|
||||
<el-button
|
||||
plain
|
||||
|
|
@ -58,49 +65,99 @@
|
|||
@closeDialogOuter="handleCloseDialogOuter"
|
||||
>
|
||||
<template slot="outerContent">
|
||||
<el-form
|
||||
label-width="100px"
|
||||
ref="addOrEditFormRef"
|
||||
:model="addOrEditForm"
|
||||
:rules="addOrEditFormRules"
|
||||
<!-- 新增或修改表单 -->
|
||||
<template
|
||||
v-if="dialogConfig.outerTitle !== '子项目(标段工程)概况'"
|
||||
>
|
||||
<el-form-item label="总工程名称" prop="projectName">
|
||||
<el-input
|
||||
clearable
|
||||
placeholder="请输入总工程名称"
|
||||
v-model="addOrEditForm.projectName"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电压等级" prop="voltageLevel">
|
||||
<el-select
|
||||
clearable
|
||||
filterable
|
||||
style="width: 100%"
|
||||
placeholder="请选择电压等级"
|
||||
v-model="addOrEditForm.voltageLevel"
|
||||
>
|
||||
<el-option
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
v-for="item in voltageLevelOptions"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row class="dialog-footer-btn">
|
||||
<el-button size="medium" @click="handleCloseDialogOuter">
|
||||
取消
|
||||
</el-button>
|
||||
<el-button
|
||||
size="medium"
|
||||
type="primary"
|
||||
@click="onHandleConfirmAddOrEdit"
|
||||
<el-form
|
||||
label-width="100px"
|
||||
ref="addOrEditFormRef"
|
||||
:model="addOrEditForm"
|
||||
:rules="addOrEditFormRules"
|
||||
>
|
||||
确定
|
||||
</el-button>
|
||||
</el-row>
|
||||
<el-form-item label="总工程名称" prop="projectName">
|
||||
<el-input
|
||||
clearable
|
||||
placeholder="请输入总工程名称"
|
||||
v-model="addOrEditForm.projectName"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电压等级" prop="voltageLevel">
|
||||
<el-select
|
||||
clearable
|
||||
filterable
|
||||
style="width: 100%"
|
||||
placeholder="请选择电压等级"
|
||||
v-model="addOrEditForm.voltageLevel"
|
||||
>
|
||||
<el-option
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
v-for="item in voltageLevelOptions"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row class="dialog-footer-btn">
|
||||
<el-button
|
||||
size="medium"
|
||||
@click="handleCloseDialogOuter"
|
||||
>
|
||||
取消
|
||||
</el-button>
|
||||
<el-button
|
||||
size="medium"
|
||||
type="primary"
|
||||
@click="onHandleConfirmAddOrEdit"
|
||||
>
|
||||
确定
|
||||
</el-button>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<!-- 子项目(标段工程)概况 -->
|
||||
<template v-else>
|
||||
<el-table :data="lotProjectList">
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="50"
|
||||
label="序号"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="子项目名称"
|
||||
prop="lotProjectName"
|
||||
/>
|
||||
<el-table-column
|
||||
label="专业"
|
||||
align="center"
|
||||
prop="professional"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="所属分公司"
|
||||
prop="branchCompany"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="电压等级"
|
||||
prop="voltageLevel"
|
||||
/>
|
||||
<el-table-column
|
||||
label="工程地址"
|
||||
align="center"
|
||||
prop="engineeringAddress"
|
||||
/>
|
||||
<el-table-column
|
||||
align="center"
|
||||
label="工程状态"
|
||||
prop="engineeringStatus"
|
||||
/>
|
||||
</el-table>
|
||||
</template>
|
||||
</template>
|
||||
</DialogModel>
|
||||
</div>
|
||||
|
|
@ -170,6 +227,34 @@ export default {
|
|||
value: '330kV',
|
||||
},
|
||||
],
|
||||
|
||||
// 子项目(标段工程)概况
|
||||
lotProjectList: [
|
||||
{
|
||||
lotProjectName: '子项目名称1',
|
||||
professional: '专业',
|
||||
branchCompany: '所属分公司1',
|
||||
voltageLevel: '电压等级',
|
||||
engineeringAddress: '工程地址',
|
||||
engineeringStatus: '工程状态',
|
||||
},
|
||||
{
|
||||
lotProjectName: '子项目名称2',
|
||||
professional: '专业',
|
||||
branchCompany: '所属分公司1',
|
||||
voltageLevel: '电压等级',
|
||||
engineeringAddress: '工程地址',
|
||||
engineeringStatus: '工程状态',
|
||||
},
|
||||
{
|
||||
lotProjectName: '子项目名称3',
|
||||
professional: '专业',
|
||||
branchCompany: '所属分公司',
|
||||
voltageLevel: '电压等级',
|
||||
engineeringAddress: '工程地址',
|
||||
engineeringStatus: '工程状态',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -182,6 +267,10 @@ export default {
|
|||
onHandleAddOrEditAllProject(type, data) {
|
||||
this.dialogConfig.outerTitle =
|
||||
type === 1 ? '新增总工程' : '修改总工程'
|
||||
|
||||
this.dialogConfig.outerWidth = ''
|
||||
this.dialogConfig.minHeight = ''
|
||||
this.dialogConfig.maxHeight = ''
|
||||
this.dialogConfig.outerVisible = true
|
||||
},
|
||||
|
||||
|
|
@ -225,9 +314,21 @@ export default {
|
|||
})
|
||||
},
|
||||
|
||||
// 查看标段工程数量
|
||||
onHandleViewLotProject(data) {
|
||||
console.log(data, '查看标段工程数量')
|
||||
this.dialogConfig.outerTitle = '子项目(标段工程)概况'
|
||||
this.dialogConfig.outerWidth = '80%'
|
||||
this.dialogConfig.minHeight = '90vh'
|
||||
this.dialogConfig.maxHeight = '90vh'
|
||||
this.dialogConfig.outerVisible = true
|
||||
},
|
||||
|
||||
// 关闭弹框
|
||||
handleCloseDialogOuter() {
|
||||
this.$refs.addOrEditFormRef.resetFields()
|
||||
if (this.dialogConfig.outerTitle !== '子项目(标段工程)概况') {
|
||||
this.$refs.addOrEditFormRef.resetFields()
|
||||
}
|
||||
this.dialogConfig.outerVisible = false
|
||||
},
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue