<template>
|
<div class="evaluation-model-page">
|
<fks-row>
|
<fks-col :span="24">
|
<fks-card class="box-card" style="height: 334px" shadow="never">
|
<titleBox title="评价模型">
|
<template v-slot:right>
|
<div class="titleBoxRightSlot">
|
<fks-button
|
@click="evaluationModelAddDialog = true"
|
type="primary"
|
icon="fks-icon-plus"
|
>新增</fks-button
|
>
|
</div>
|
</template>
|
</titleBox>
|
<div class="text item">
|
<fks-table
|
border
|
:data="evaluationModelTableData"
|
style="width: 100%"
|
>
|
<fks-table-column prop="name" label="名称" width="180">
|
</fks-table-column>
|
<fks-table-column
|
prop="evaluationMethod"
|
label="评价方法"
|
width="180"
|
>
|
</fks-table-column>
|
<fks-table-column prop="evaluationParam" 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-card>
|
</fks-col>
|
</fks-row>
|
|
<fks-dialog
|
size="small"
|
title="添加标准评价模型"
|
:visible.sync="evaluationModelAddDialog"
|
>
|
<span slot="title">
|
<fks-button icon="fks-icon-plus" type="text"></fks-button>
|
|
<span class="fks-dialog__title">添加标准评价模型</span>
|
</span>
|
<fks-form
|
ref="evaluationModelAddForm"
|
:model="evaluationModelFrom"
|
label-width="80px"
|
>
|
<fks-form-item label="名称" prop="name">
|
<fks-input v-model="evaluationModelFrom.name"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="评价方法" prop="evaluationMethod">
|
<fks-select
|
v-model="evaluationModelFrom.evaluationMethod"
|
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="evaluationParam">
|
<fks-input v-model="evaluationModelFrom.evaluationParam"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="desc">
|
<fks-input
|
type="textarea"
|
v-model="evaluationModelFrom.desc"
|
></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="evaluationModelAddDialog = false">取 消</fks-button>
|
<fks-button type="primary" @click="evaluationModelAddDialog = false"
|
>确 定</fks-button
|
>
|
</div>
|
</fks-dialog>
|
|
<fks-dialog
|
size="small"
|
title="设置扣分指数"
|
:visible.sync="evaluationModelEditDialog"
|
>
|
<span slot="title">
|
<fks-button icon="fks-icon-setting" type="text"></fks-button>
|
|
<span class="fks-dialog__title">设置扣分指数</span>
|
</span>
|
<fks-form
|
ref="evaluationModelEditForm"
|
:model="evaluationModelFrom"
|
label-width="80px"
|
>
|
<fks-form-item label="名称" prop="name">
|
<fks-input v-model="evaluationModelFrom.name"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="评价方法" prop="evaluationMethod">
|
<fks-select
|
v-model="evaluationModelFrom.evaluationMethod"
|
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="evaluationParam">
|
<fks-input v-model="evaluationModelFrom.evaluationParam"></fks-input>
|
</fks-form-item>
|
<fks-form-item label="说明" prop="desc">
|
<fks-input
|
type="textarea"
|
v-model="evaluationModelFrom.desc"
|
></fks-input>
|
</fks-form-item>
|
</fks-form>
|
<div slot="footer" class="dialog-footer">
|
<fks-button @click="evaluationModelEditDialog = false"
|
>取 消</fks-button
|
>
|
<fks-button type="primary" @click="evaluationModelEditDialog = false"
|
>确 定</fks-button
|
>
|
</div>
|
</fks-dialog>
|
</div>
|
</template>
|
|
<script>
|
import titleBox from "@/views/main/components/titleBox.vue";
|
export default {
|
components: { titleBox },
|
data() {
|
return {
|
evaluationModelAddDialog: false,
|
evaluationModelEditDialog: false,
|
evaluationModelFrom: {
|
name: "电机",
|
evaluationMethod: "1",
|
evaluationParam: "电机",
|
desc: "",
|
},
|
evaluationModelTableData: [
|
{
|
name: "振动加速度",
|
evaluationMethod: "自动评价",
|
evaluationParam: "1.>=0.3 扣2分",
|
desc: "对振动波形中有效值进行扣分判定",
|
},
|
{
|
name: "电机温度",
|
evaluationMethod: "自动评价",
|
evaluationParam: "1.<=20 扣1分；2.>=60 扣5分",
|
desc: "电机温度过高，进行相应扣分",
|
},
|
{
|
name: "液位",
|
evaluationMethod: "自动评价",
|
evaluationParam: "3.<=7 扣 （x+7）*2分",
|
desc: "液位越低，扣分越多，需保持适度液位",
|
},
|
{
|
name: "电机表面光滑度",
|
evaluationMethod: "人工评价",
|
evaluationParam: "表面不光滑扣1分；有油污扣5分；有水渍扣5分；",
|
desc: "人工检查时，根据不同情况，进行手动评价",
|
},
|
],
|
};
|
},
|
methods: {
|
handleEdit(index, item) {
|
this.evaluationModelEditDialog = true;
|
},
|
},
|
};
|
</script>
|
|
<style scoped>
|
.evaluation-model-page {
|
width: 100%;
|
height: 100%;
|
}
|
.text {
|
font-size: 14px;
|
}
|
|
.item {
|
margin-bottom: 18px;
|
}
|
.clearfix {
|
display: inline-flex;
|
justify-content: space-between;
|
align-items: center;
|
width: 100%;
|
}
|
.clearfix::before,
|
.clearfix::after {
|
display: unset;
|
content: none;
|
}
|
.fks-card__header {
|
padding: 0px 20px;
|
}
|
</style>
|
