对接故障定义页面，删除无用大文件资源

wangyanshen

2023-02-06 433e4993ca64d01205c682ec214736ce00883397

 src/views/main/istation/health/evaluationModel.vue

@@ -1,183 +1,223 @@
<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-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">
                <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-dialog
      size="small"
      title="添加标准评价模型"
      :visible.sync="evaluationModelAddDialog"
    >
      <span slot="title">
        <fks-button icon="fks-icon-plus" type="text"></fks-button>
        &nbsp;
        <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 style="width:100%"
            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-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">
                    <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-dialog
      size="small"
      title="设置扣分指数"
      :visible.sync="evaluationModelEditDialog"
    >
      <span slot="title">
        <fks-button icon="fks-icon-setting" type="text"></fks-button>
        &nbsp;
        <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 style="width:100%"
            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>
        <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"
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:"人工检查时，根据不同情况，进行手动评价"
                },
            ],
        }
  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;
    },
    methods:{
        handleEdit(index,item){
            this.evaluationModelEditDialog = true
        }
    }
}
  },
};
</script>

<style scoped>
.evaluation-model-page{
    width: 100%;
    height: 100%;
.evaluation-model-page {
  width: 100%;
  height: 100%;
}
  .text {
    font-size: 14px;
  }
.text {
  font-size: 14px;
}

  .item {
    margin-bottom: 18px;
  }
.clearfix{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
.item {
  margin-bottom: 18px;
}
.clearfix::before, .clearfix::after{
    display: unset;
    content: none;
.clearfix {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
  .fks-card__header{
    padding: 0px 20px ;
  }
.clearfix::before,
.clearfix::after {
  display: unset;
  content: none;
}
.fks-card__header {
  padding: 0px 20px;
}
</style>