总包工程页面完善
This commit is contained in:
BianLzhaoMin
parent
8f7232f68d
commit
77f19175d6
|
|
@ -24,23 +24,26 @@ export const testTableList = [
|
||||||
projectName: '总工程名称',
|
projectName: '总工程名称',
|
||||||
level: '电压等级',
|
level: '电压等级',
|
||||||
status: '在建',
|
status: '在建',
|
||||||
count: '专业工程数量',
|
count: '6',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
projectName: '总工程名称2',
|
projectName: '总工程名称2',
|
||||||
level: '电压等级',
|
level: '电压等级',
|
||||||
status: '停工',
|
status: '停工',
|
||||||
count: '专业工程数量',
|
count: '5',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
projectName: '总工程名称3',
|
projectName: '总工程名称3',
|
||||||
level: '电压等级',
|
level: '电压等级',
|
||||||
status: '筹建',
|
status: '筹建',
|
||||||
count: '专业工程数量',
|
count: '10',
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
export const dialogConfig = {
|
export const dialogConfig = {
|
||||||
outerVisible: false,
|
outerVisible: false,
|
||||||
outerTitle: '',
|
outerTitle: '',
|
||||||
|
outerWidth: '50%',
|
||||||
|
minHeight: '',
|
||||||
|
maxHeight: '',
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -32,6 +32,13 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<!-- 标段工程数量 -->
|
||||||
|
<template slot="count" slot-scope="{ data }">
|
||||||
|
<span class="cursor-blue" @click="onHandleViewLotProject(data)">
|
||||||
|
{{ data.count }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
|
||||||
<template slot="handle" slot-scope="{ data }">
|
<template slot="handle" slot-scope="{ data }">
|
||||||
<el-button
|
<el-button
|
||||||
plain
|
plain
|
||||||
|
|
@ -58,49 +65,99 @@
|
||||||
@closeDialogOuter="handleCloseDialogOuter"
|
@closeDialogOuter="handleCloseDialogOuter"
|
||||||
>
|
>
|
||||||
<template slot="outerContent">
|
<template slot="outerContent">
|
||||||
<el-form
|
<!-- 新增或修改表单 -->
|
||||||
label-width="100px"
|
<template
|
||||||
ref="addOrEditFormRef"
|
v-if="dialogConfig.outerTitle !== '子项目(标段工程)概况'"
|
||||||
:model="addOrEditForm"
|
|
||||||
:rules="addOrEditFormRules"
|
|
||||||
>
|
>
|
||||||
<el-form-item label="总工程名称" prop="projectName">
|
<el-form
|
||||||
<el-input
|
label-width="100px"
|
||||||
clearable
|
ref="addOrEditFormRef"
|
||||||
placeholder="请输入总工程名称"
|
:model="addOrEditForm"
|
||||||
v-model="addOrEditForm.projectName"
|
:rules="addOrEditFormRules"
|
||||||
/>
|
|
||||||
</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-item label="总工程名称" prop="projectName">
|
||||||
</el-button>
|
<el-input
|
||||||
</el-row>
|
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>
|
</template>
|
||||||
</DialogModel>
|
</DialogModel>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -170,6 +227,34 @@ export default {
|
||||||
value: '330kV',
|
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: {
|
methods: {
|
||||||
|
|
@ -182,6 +267,10 @@ export default {
|
||||||
onHandleAddOrEditAllProject(type, data) {
|
onHandleAddOrEditAllProject(type, data) {
|
||||||
this.dialogConfig.outerTitle =
|
this.dialogConfig.outerTitle =
|
||||||
type === 1 ? '新增总工程' : '修改总工程'
|
type === 1 ? '新增总工程' : '修改总工程'
|
||||||
|
|
||||||
|
this.dialogConfig.outerWidth = ''
|
||||||
|
this.dialogConfig.minHeight = ''
|
||||||
|
this.dialogConfig.maxHeight = ''
|
||||||
this.dialogConfig.outerVisible = true
|
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() {
|
handleCloseDialogOuter() {
|
||||||
this.$refs.addOrEditFormRef.resetFields()
|
if (this.dialogConfig.outerTitle !== '子项目(标段工程)概况') {
|
||||||
|
this.$refs.addOrEditFormRef.resetFields()
|
||||||
|
}
|
||||||
this.dialogConfig.outerVisible = false
|
this.dialogConfig.outerVisible = false
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue