<template>
|
<div class="compre-evaluation">
|
<fks-row :gutter="10" style="width:100%;height:100%;">
|
<fks-col :span="4" style="width:220px;height:100%">
|
<div class="model-binding-left-box">
|
<titleBox title="泵站列表"></titleBox>
|
<fks-tree
|
ref="tree"
|
:data="treeData"
|
:props="defaultProps"
|
:show-icon="true"
|
default-expand-all
|
node-key="id"
|
current-node-key="1"
|
:highlight-current="true"
|
>
|
</fks-tree>
|
</div>
|
</fks-col>
|
<fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
|
<div class="model-binding-right-box">
|
<div style="width:100%;height:calc(50% - 5px);background:#fff">
|
<titleBox title="机泵列表"></titleBox>
|
<fks-table
|
border
|
max-height="700"
|
:data="TableData"
|
border
|
lazy
|
style="width: 100%">
|
<fks-table-column
|
prop="name"
|
label="名称"
|
width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="category"
|
label="类别"
|
width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="norms"
|
label="规格">
|
</fks-table-column>
|
<fks-table-column
|
prop="model"
|
label="型号">
|
</fks-table-column>
|
<fks-table-column
|
prop="status"
|
label="状态">
|
</fks-table-column><fks-table-column
|
prop="evaluationModel"
|
label="评价模型">
|
</fks-table-column>
|
<fks-table-column label="操作" width="80">
|
<template slot-scope="scope">
|
<fks-button
|
type="text"
|
size="mini"
|
@click="handleSetting(scope.$index, scope.row)">设置</fks-button>
|
</template>
|
</fks-table-column>
|
</fks-table>
|
</div>
|
|
<div style="width:100%;height:calc(50% - 5px);margin-top:10px;background:#fff">
|
<titleBox title="评价项">
|
<template v-slot:right>
|
<div class="titleBoxRightSlot">
|
<fks-button @click="handleAdd" type="primary" icon="fks-icon-plus">添加</fks-button>
|
</div>
|
</template>
|
</titleBox>
|
<fks-table
|
border
|
max-height="700"
|
:data="evaluationTableData"
|
border
|
lazy
|
style="width: 100%">
|
<fks-table-column
|
prop="name"
|
label="名称"
|
width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="category"
|
label="类别"
|
width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="norms"
|
label="规格">
|
</fks-table-column>
|
<fks-table-column
|
prop="model"
|
label="型号">
|
</fks-table-column>
|
<fks-table-column
|
prop="importantce"
|
label="重要程度">
|
</fks-table-column>
|
<fks-table-column
|
prop="SOH"
|
label="劣化程度">
|
</fks-table-column>
|
<fks-table-column
|
prop="desc"
|
label="说明">
|
</fks-table-column>
|
<fks-table-column label="操作" width="80">
|
<template slot-scope="scope">
|
<fks-button
|
type="text"
|
size="mini"
|
@click="handleEdit(scope.$index, scope.row)">编辑</fks-button>
|
</template>
|
</fks-table-column>
|
</fks-table>
|
</div>
|
</div>
|
</fks-col>
|
</fks-row>
|
<!-- 设置综合评价模型 -->
|
<fks-dialog
|
title="设置综合评价模型"
|
size="small"
|
:visible.sync="settingDialogVisible"
|
>
|
<fks-form ref="fromData" :model="fromData" label-width="80px">
|
<fks-form-item label="评价方法" prop="settingEvaluationMethod">
|
<fks-sele v-model="fromData.settingEvaluationMethod"></fks-sele>
|
<fks-select v-model="fromData.settingEvaluationMethod" placeholder="评价方法">
|
<fks-option label="严重程度低" value="1"></fks-option>
|
<fks-option label="严重程度高" value="2"></fks-option>
|
<fks-option label="加权平均" value="3"></fks-option>
|
</fks-select>
|
</fks-form-item>
|
<fks-form-item label="计划类型" prop="settingPlanType">
|
<fks-sele v-model="fromData.settingPlanType"></fks-sele>
|
<fks-select v-model="fromData.settingPlanType" placeholder="评价方法">
|
<fks-option label="实时" value="1"></fks-option>
|
<fks-option label="定时" value="2"></fks-option>
|
</fks-select>
|
</fks-form-item>
|
<fks-form-item label="计划参数" prop="settingPlanParam">
|
<fks-input v-model="fromData.settingPlanParam"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="settingDesc">
|
<fks-input type="textarea" v-model="fromData.settingDesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="settingDialogVisible = false">取 消</fks-button>
|
<fks-button type="primary" @click="settingDialogVisible = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
<!-- 添加综合评价项 -->
|
<fks-dialog
|
title="添加综合评价项"
|
size="small"
|
:visible.sync="addDialogVisible"
|
>
|
<fks-form ref="fromData" :model="fromData" label-width="80px">
|
<fks-form-item label="部件" prop="addParts">
|
<fks-input v-model="fromData.addParts"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="重要程度" prop="addImportance">
|
<fks-input v-model="fromData.addImportance"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="劣化程度" prop="addSOH">
|
<fks-input v-model="fromData.addSOH"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="addDesc">
|
<fks-input type="textarea" v-model="fromData.addDesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="addDialogVisible = false">取 消</fks-button>
|
<fks-button type="primary" @click="addDialogVisible = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
<!-- 编辑综合评价项 -->
|
<fks-dialog
|
title="编辑综合评价项"
|
size="small"
|
:visible.sync="editDialogVisible"
|
>
|
<fks-form ref="fromData" :model="fromData" label-width="80px">
|
<fks-form-item label="部件" prop="editParts">
|
<fks-input v-model="fromData.editParts"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="重要程度" prop="editImportance">
|
<fks-input v-model="fromData.editImportance"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="劣化程度" prop="editSOH">
|
<fks-input v-model="fromData.editSOH"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="editDesc">
|
<fks-input type="textarea" v-model="fromData.editDesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="editDialogVisible = false">取 消</fks-button>
|
<fks-button type="primary" @click="editDialogVisible = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
</div>
|
</template>
|
|
<script>
|
import titleBox from "@/views/main/components/titleBox.vue"
|
export default {
|
components:{titleBox},
|
data(){
|
return {
|
settingDialogVisible:false,
|
addDialogVisible:false,
|
editDialogVisible:false,
|
fromData:{
|
settingEvaluationMethod:"1",
|
settingPlanType:"1",
|
settingPlanParam:"",
|
settingDesc:"",
|
addParts:"",
|
addImportance:"",
|
addSOH:"",
|
addDesc:"",
|
editParts:"",
|
editImportance:"",
|
editSOH:"",
|
editDesc:"",
|
},
|
treeData:[
|
{
|
label: "金刚沱泵站",
|
id:'1',
|
},
|
{
|
label: "嘉陵江草街泵站",
|
id:'2',
|
},
|
{
|
label: "江律德感加压泵站",
|
id:'3',
|
},
|
{
|
label: "永川临江加压站",
|
id:'4',
|
},
|
],
|
defaultProps: {
|
children: "children",
|
label: "label",
|
},
|
TableData:[
|
{
|
id:1,
|
name:"1#机组",
|
category:"机泵",
|
norms:"",
|
model:"",
|
status:"在用",
|
evaluationModel:"",
|
},
|
{
|
id:2,
|
name:"2#机组",
|
category:"机泵",
|
norms:"",
|
model:"",
|
status:"在用",
|
evaluationModel:"",
|
},
|
{
|
id:3,
|
name:"3#机组",
|
category:"机泵",
|
norms:"",
|
model:"",
|
status:"在用",
|
evaluationModel:"",
|
},
|
{
|
id:4,
|
name:"4#机组",
|
category:"机泵",
|
norms:"",
|
model:"",
|
status:"在用",
|
evaluationModel:"",
|
},
|
],
|
evaluationTableData:[
|
{
|
id:1,
|
name:"1#泵",
|
category:"泵",
|
norms:"",
|
model:"",
|
importantce:"1级",
|
SOH:"1级",
|
desc:""
|
|
},
|
{
|
id:2,
|
name:"1#电机",
|
category:"电机",
|
norms:"",
|
model:"",
|
importantce:"1级",
|
SOH:"1级",
|
desc:""
|
},
|
]
|
}
|
},
|
methods:{
|
handleSetting(index,item){
|
this.settingDialogVisible = true
|
},
|
handleAdd(index,item){
|
this.addDialogVisible = true
|
},
|
handleEdit(index,item){
|
this.editDialogVisible = true
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
.compre-evaluation{
|
width:100%;
|
height: calc(100% - 0px);
|
}
|
.model-binding-left-box{
|
width: 100%;
|
height: 100%;
|
background: #fff;
|
|
}
|
.model-binding-right-box{
|
width:100%;
|
height: 100%;
|
}
|
</style>
|
