<template>
|
<div class="evaluation-model-manage">
|
<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="评价模型">
|
<template v-slot:right>
|
<div class="titleBoxRightSlot">
|
<fks-button @click="addStandardEvaluationModel = true" type="primary" icon="fks-icon-plus">添加</fks-button>
|
</div>
|
</template>
|
</titleBox>
|
<div style="width:100%;">
|
<div class="menu-item" :class="currentMenuIndex==1?'menu-item-active':''" style="width:100%;" @click="currenMenuClick(1)">
|
<span slot="title">泵</span>
|
<i class="fks-icon-circle-plus-outline addbtn" @click="editStandardEvaluationModel = true"></i>
|
</div>
|
<div class="menu-item" :class="currentMenuIndex==2?'menu-item-active':''" style="width:100%;" @click="currenMenuClick(2)">
|
<span slot="title">电机</span>
|
<i class="fks-icon-circle-plus-outline addbtn" @click="editStandardEvaluationModel = true"></i>
|
</div>
|
</div>
|
</div>
|
</fks-col>
|
<fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
|
<div class="model-binding-right-box">
|
<titleBox title="评价项">
|
<template v-slot:right>
|
<div class="titleBoxRightSlot">
|
<fks-button @click="addStandardEvaluationOption = true" type="primary" icon="fks-icon-plus">添加</fks-button>
|
</div>
|
</template>
|
</titleBox>
|
<fks-table
|
border
|
:data="TableData"
|
style="width: 100%">
|
<fks-table-column
|
prop="target"
|
label="标签"
|
width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="signal"
|
label="信号"
|
width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="Importance"
|
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>
|
</fks-col>
|
</fks-row>
|
<!-- 添加标准评价模型 -->
|
<fks-dialog
|
size="small"
|
title=" 添加标准评价模型"
|
:visible.sync="addStandardEvaluationModel">
|
<fks-form ref="standardEvaluationFrom" :model="standardEvaluationFrom" label-width="80px">
|
<fks-form-item label="名称" prop="addName">
|
<fks-input v-model="standardEvaluationFrom.addName"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="addDesc">
|
<fks-input type="textarea" v-model="standardEvaluationFrom.addDesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="addStandardEvaluationModel = false">取 消</fks-button>
|
<fks-button type="primary" @click="addStandardEvaluationModel = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
<!-- 编辑标准评价模型 -->
|
<fks-dialog
|
size="small"
|
title=" 编辑标准评价模型"
|
:visible.sync="editStandardEvaluationModel">
|
<fks-form ref="standardEvaluationFrom" :model="standardEvaluationFrom" label-width="80px">
|
<fks-form-item label="名称" prop="editName">
|
<fks-input v-model="standardEvaluationFrom.editName"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="editDesc">
|
<fks-input type="textarea" v-model="standardEvaluationFrom.editDesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="editStandardEvaluationModel = false">取 消</fks-button>
|
<fks-button type="primary" @click="editStandardEvaluationModel = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
<!-- 添加标准评价项 -->
|
<fks-dialog
|
size="small"
|
title=" 添加标准评价项"
|
:visible.sync="addStandardEvaluationOption">
|
<fks-form ref="standardEvaluationFrom" :model="standardEvaluationFrom" label-width="80px">
|
<fks-form-item label="标签" prop="addTarget">
|
<fks-input v-model="standardEvaluationFrom.addTarget"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="信号" prop="addSignal">
|
<fks-input v-model="standardEvaluationFrom.addSignal"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="重要程度" prop="addImportance">
|
<fks-input v-model="standardEvaluationFrom.addImportance"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="劣化程度" prop="addSOH">
|
<fks-input v-model="standardEvaluationFrom.addSOH"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="adddesc">
|
<fks-input type="textarea" v-model="standardEvaluationFrom.adddesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="addStandardEvaluationOption = false">取 消</fks-button>
|
<fks-button type="primary" @click="addStandardEvaluationOption = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
<!-- 编辑标准评价项 -->
|
<fks-dialog
|
size="small"
|
title=" 添加标准评价项"
|
:visible.sync="editStandardEvaluationOption">
|
<fks-form ref="standardEvaluationFrom" :model="standardEvaluationFrom" label-width="80px">
|
<fks-form-item label="标签" prop="editTarget">
|
<fks-input v-model="standardEvaluationFrom.editTarget"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="信号" prop="editSignal">
|
<fks-input v-model="standardEvaluationFrom.editTarget"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="重要程度" prop="editImportance">
|
<fks-input v-model="standardEvaluationFrom.editImportance"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="劣化程度" prop="editSOH">
|
<fks-input v-model="standardEvaluationFrom.editSOH"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="editdesc">
|
<fks-input type="textarea" v-model="standardEvaluationFrom.editdesc"></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="editStandardEvaluationOption = false">取 消</fks-button>
|
<fks-button type="primary" @click="editStandardEvaluationOption = false">确 定</fks-button>
|
</div>
|
</fks-dialog>
|
</div>
|
</template>
|
|
<script>
|
import titleBox from "@/views/main/components/titleBox.vue"
|
export default {
|
components:{titleBox},
|
data(){
|
return {
|
currentMenuIndex:1,//当前菜单的索引
|
addStandardEvaluationModel:false,// 添加标准评价模型
|
editStandardEvaluationModel:false,//编辑标准评价模型
|
addStandardEvaluationOption:false,//添加标准评价项
|
editStandardEvaluationOption:false,//编辑标准评价项
|
standardEvaluationFrom:{
|
addName:"",
|
addDesc:"",
|
editName:"泵",
|
editDesc:"",
|
addTarget:"驱动端、X方向",
|
addSignal:"有效值",
|
addImportance:"1级",
|
addSOH:"1级",
|
adddesc:"",
|
editTarget:"驱动端、X方向",
|
editSignal:"有效值",
|
editImportance:"1级",
|
editSOH:"1级",
|
editdesc:"",
|
},
|
TableData:[
|
{
|
target:"驱动端、X方向",
|
signal:"有效值",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},
|
{
|
target:"驱动端、X方向",
|
signal:"峭度",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},{
|
target:"驱动端、X方向",
|
signal:"峰值",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},{
|
target:"驱动端、X方向",
|
signal:"裕度",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},
|
{
|
target:"驱动端、Y方向",
|
signal:"有效值",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},
|
{
|
target:"驱动端、Y方向",
|
signal:"峭度",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},{
|
target:"驱动端、Y方向",
|
signal:"峰值",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},{
|
target:"驱动端、Y方向",
|
signal:"裕度",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},
|
{
|
target:"驱动端、Z方向",
|
signal:"有效值",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},
|
{
|
target:"驱动端、Z方向",
|
signal:"峭度",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},{
|
target:"驱动端、Z方向",
|
signal:"峰值",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},{
|
target:"驱动端、Z方向",
|
signal:"裕度",
|
Importance:"1级",
|
SOH:"1级",
|
desc:"",
|
},
|
]
|
}
|
},
|
methods:{
|
currenMenuClick(index){
|
this.currentMenuIndex = index
|
},
|
handleEdit(index,item){
|
this.editStandardEvaluationOption = true
|
}
|
}
|
|
}
|
</script>
|
|
<style scoped>
|
.evaluation-model-manage{
|
width: 100%;
|
height: calc(100% - 0px);
|
}
|
.model-binding-left-box{
|
width: 100%;
|
height: 100%;
|
background: #fff;
|
|
}
|
.model-binding-right-box{
|
width:100%;
|
height: 100%;
|
background: #fff;
|
}
|
.menu-item{
|
width: 100%;
|
height: 40px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 15px;
|
font-size: 16px;
|
box-sizing: border-box;
|
}
|
.menu-item:hover{
|
background-color: #ecf5ff;
|
}
|
.menu-item-active{
|
color: #409eff;
|
}
|
.addbtn{
|
cursor: pointer;
|
}
|
</style>
|
