调整健康评价模块的样式

tanghaolin

2023-01-11 a14dc8e00be1ddffd44d547bdabcd65a15206e08

调整健康评价模块的样式

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

@@ -1,7 +1,7 @@
<template>
  <div class="compre-evaluation">
     <fks-row :gutter="20" style="width:100%;height:100%;">
        <fks-col :span="4" style="height:100%">
     <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
@@ -17,7 +17,7 @@
                    </fks-tree>
            </div>
        </fks-col>
        <fks-col :span="20" style="height:100%;">
        <fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
            <div class="model-binding-right-box">
                <div style="width:100%;height:49%;background:#fff">
                 <titleBox title="机泵列表"></titleBox>
@@ -53,10 +53,10 @@
                            prop="evaluationModel"
                            label="评价模型">
                        </fks-table-column>
                        <fks-table-column label="操作">
                        <fks-table-column label="操作" width="80">
                            <template slot-scope="scope">
                                <fks-button
                                type="primary"
                                type="text"
                                size="mini"
                                @click="handleSetting(scope.$index, scope.row)">设置</fks-button>
                            </template>
@@ -68,7 +68,7 @@
                 <titleBox title="评价项">
                    <template v-slot:right>
                        <div class="titleBoxRightSlot">
                            <fks-button style="float: right; padding: 3px 0" @click="handleAdd" type="text" icon="fks-icon-plus"></fks-button>
                            <fks-button  @click="handleAdd" type="primary" icon="fks-icon-plus">添加</fks-button>
                        </div>
                    </template>
                 </titleBox>
@@ -109,10 +109,10 @@
                            prop="desc"
                            label="说明">
                        </fks-table-column>                        
                        <fks-table-column label="操作">
                        <fks-table-column label="操作" width="80">
                            <template slot-scope="scope">
                                <fks-button
                                type="primary"
                                type="text"
                                size="mini"
                                @click="handleEdit(scope.$index, scope.row)">编辑</fks-button>
                            </template>
@@ -152,6 +152,7 @@
                </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>
@@ -176,6 +177,7 @@
            </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>
@@ -200,6 +202,7 @@
            </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>
@@ -331,7 +334,7 @@
<style scoped>
.compre-evaluation{
    width:100%;
    height: calc(100% - 30px);
    height: calc(100% - 0px);
}
.model-binding-left-box{
    width: 100%;

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

@@ -6,7 +6,7 @@
                    <titleBox title="评价模型">
                        <template v-slot:right>
                            <div class="titleBoxRightSlot">
                                 <fks-button style="float: right; padding: 3px 0" @click="evaluationModelAddDialog = true" type="text" icon="fks-icon-plus">新增</fks-button>
                                 <fks-button  @click="evaluationModelAddDialog = true" type="primary" icon="fks-icon-plus">新增</fks-button>
                            </div>
                        </template>
                    </titleBox>
@@ -33,10 +33,10 @@
                                prop="desc"
                                label="说明">
                            </fks-table-column>
                            <fks-table-column label="操作">
                            <fks-table-column label="操作" width="80">
                            <template slot-scope="scope">
                                <fks-button
                                type="primary"
                                type="text"
                                size="mini"
                                @click="handleEdit(scope.$index, scope.row)">编辑</fks-button>
                            </template>
@@ -70,6 +70,7 @@
                    </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>
@@ -97,6 +98,7 @@
                        </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>

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

@@ -1,7 +1,7 @@
<template>
  <div class="evaluation-model-binding">
     <fks-row :gutter="20" style="width:100%;height:100%;">
        <fks-col :span="4" style="height:100%">
     <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
@@ -17,10 +17,9 @@
                    </fks-tree>
            </div>
        </fks-col>
        <fks-col :span="20" style="height:100%;">
        <fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
            <div class="model-binding-right-box">
                <titleBox title="设备清单"></titleBox>
                <div style="width:100%;height:100%">
                <fks-table 
                    border
                    max-height="700"
@@ -55,16 +54,16 @@
                        prop="evaluationModel"
                        label="评价模型">
                    </fks-table-column>
                    <fks-table-column label="操作">
                    <fks-table-column label="操作" width="80">
                        <template slot-scope="scope">
                            <fks-button
                            type="primary"
                            type="text"
                            size="mini"
                            @click="handleEdit(scope.$index, scope.row)">绑定</fks-button>
                        </template>
                    </fks-table-column>
               </fks-table>
               </div>
               
            </div>
        </fks-col>
    </fks-row>
@@ -98,6 +97,7 @@
                </fks-form-item>
            </fks-form>
        <div slot="footer" class="dialog-footer">
            <fks-button @click="bindDialogVisible = false">取 消</fks-button>
            <fks-button type="primary" @click="bindDialogVisible = false">确 定</fks-button>
        </div>
    </fks-dialog>
@@ -270,7 +270,7 @@
<style scoped>
.evaluation-model-binding{
    width:100%;
    height: calc(100% - 30px);
    height: calc(100% - 0px);
}
.model-binding-left-box{
    width: 100%;

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

@@ -1,16 +1,16 @@
<template>
  <div class="evaluation-model-manage">
        <fks-row :gutter="20" style="width:100%;height:100%;">
            <fks-col :span="4" style="height:100%">
        <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 style="float: right; padding: 3px 0" @click="addStandardEvaluationModel = true" type="text" icon="fks-icon-plus"></fks-button>
                                <fks-button @click="addStandardEvaluationModel = true" type="primary"  icon="fks-icon-plus">添加</fks-button>
                            </div>
                        </template>
                    </titleBox>
                    <div style="width:100%;height:100%;">
                    <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>
@@ -22,19 +22,17 @@
                </div>
                </div>
            </fks-col>
            <fks-col :span="20" style="height:100%;">
            <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 style="float: right; padding: 3px 0" @click="addStandardEvaluationOption = true" type="text" icon="fks-icon-plus"></fks-button>
                                <fks-button  @click="addStandardEvaluationOption = true" type="primary" icon="fks-icon-plus">添加</fks-button>
                            </div>
                        </template>
                    </titleBox>
                    <div style="width:100%;height:100%">
                    <fks-table 
                        border
                        max-height="700"
                        :data="TableData"
                        style="width: 100%">
                        <fks-table-column
@@ -59,16 +57,15 @@
                            prop="desc"
                            label="说明">
                        </fks-table-column>
                        <fks-table-column label="操作">
                        <fks-table-column label="操作" width="80">
                            <template slot-scope="scope">
                                <fks-button
                                type="primary"
                                type="text"
                                size="mini"
                                @click="handleEdit(scope.$index, scope.row)">编辑</fks-button>
                            </template>
                        </fks-table-column>
                </fks-table>
                </div>
                </div>
            </fks-col>
    </fks-row>
@@ -86,6 +83,7 @@
            </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>
@@ -103,6 +101,7 @@
                </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>
@@ -129,6 +128,7 @@
                </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>
@@ -155,6 +155,7 @@
                </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>
@@ -285,7 +286,7 @@
<style scoped>
.evaluation-model-manage{
    width: 100%;
    height: calc(100% - 30px);
    height: calc(100% - 0px);
}
.model-binding-left-box{
    width: 100%;

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

@@ -1,7 +1,7 @@
<template>
  <div class="history-evaluation-page">
    <fks-row :gutter="20" style="width:100%;height:100%;">
        <fks-col :span="4" style="height:100%">
    <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
@@ -17,7 +17,7 @@
                    </fks-tree>
            </div>
        </fks-col>
        <fks-col :span="20" style="height:100%;">
        <fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
            <div class="model-binding-right-box">
                <titleBox title="1#电机">
                    <template v-slot:right>

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

@@ -1,7 +1,7 @@
<template>
  <div class="model-binding-page">
    <fks-row :gutter="20" style="width:100%;height:100%;">
        <fks-col :span="4" style="height:100%">
    <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
@@ -17,10 +17,9 @@
                    </fks-tree>
            </div>
        </fks-col>
        <fks-col :span="20" style="height:100%;">
        <fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
            <div class="model-binding-right-box">
                <titleBox title="1#电机"></titleBox>
                <div style="width:100%;height:100%">
                <fks-table 
                    border
                    max-height="700"
@@ -52,17 +51,17 @@
                        prop="evaluationModel"
                        label="评价模型">
                    </fks-table-column>
                    <fks-table-column label="操作">
                    <fks-table-column label="操作" width="80">
                        <template slot-scope="scope">
                            <fks-button
                            v-if="scope.row.target != '否'"
                            type="primary"
                            type="text"
                            size="mini"
                            @click="handleEdit(scope.$index, scope.row)">绑定</fks-button>
                        </template>
                    </fks-table-column>

               </fks-table>
               </div>
            </div>
        </fks-col>
    </fks-row>
@@ -96,6 +95,7 @@
            </fks-table-column>
        </fks-table>
        <div slot="footer" class="dialog-footer">
            <fks-button @click="bindDialogVisible = false">取 消</fks-button>
            <fks-button type="primary" @click="bindDialogVisible = false">确 定</fks-button>
        </div>
    </fks-dialog>
@@ -426,7 +426,7 @@
<style scoped>
.model-binding-page{
    width: 100%;
    height: calc(100% - 30px);
    height: calc(100% - 0px);
}
.model-binding-left-box{
    width: 100%;

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

@@ -1,7 +1,7 @@
<template>
  <div class="real-time-evaluation-page">
    <fks-row :gutter="20" style="width:100%;height:100%;">
        <fks-col :span="4" style="height:100%">
    <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
@@ -17,7 +17,7 @@
                    </fks-tree>
            </div>
        </fks-col>
        <fks-col :span="20" style="height:100%;">
        <fks-col :span="20" style="width:calc(100% - 220px);height:100%;">
            <div class="model-binding-right-box">
                <titleBox title="1#电机"></titleBox>
                <div class="top-box" style="width:100%;height:calc(100% - 40px)">

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

@@ -6,7 +6,7 @@
                <titleBox title="扣分指数">
                    <template v-slot:right>
                        <div class="titleBoxRightSlot">
                            <fks-button style="float: right; padding: 3px 0" @click="scoreDeductionSetting" type="text" icon="fks-icon-setting"></fks-button>
                            <fks-button type="primary"  @click="scoreDeductionSetting" icon="fks-icon-setting">设置</fks-button>
                        </div>
                    </template>
                </titleBox>
@@ -21,7 +21,7 @@
                <titleBox title="评价状态">
                    <template v-slot:right>
                        <div class="titleBoxRightSlot">
                            <fks-button style="float: right; padding: 3px 0" @click="evaluationStatusDialogVisible = true" type="text" icon="fks-icon-setting"></fks-button>
                            <fks-button type="primary"  @click="evaluationStatusDialogVisible = true" icon="fks-icon-setting">设置</fks-button>
                        </div>
                    </template>
                </titleBox>
@@ -69,7 +69,7 @@
                <titleBox title="重要程度">
                    <template v-slot:right>
                        <div class="titleBoxRightSlot">
                            <fks-button style="float: right; padding: 3px 0" @click="ImportanceDialogVisible = true" type="text" icon="fks-icon-setting"></fks-button>
                            <fks-button type="primary"  @click="ImportanceDialogVisible = true" icon="fks-icon-setting">设置</fks-button>
                        </div>
                    </template>
                </titleBox>
@@ -136,7 +136,7 @@
                 <titleBox title="劣化程度">
                    <template v-slot:right>
                        <div class="titleBoxRightSlot">
                            <fks-button style="float: right; padding: 3px 0" @click="SOHDialogVisible = true" type="text" icon="fks-icon-setting"></fks-button>
                            <fks-button style="float: right;" @click="SOHDialogVisible = true" type="primary"  icon="fks-icon-setting">设置</fks-button>
                        </div>
                    </template>
                </titleBox>
@@ -210,6 +210,7 @@
            </fks-form-item>
        </fks-form>
        <div slot="footer" class="dialog-footer">
            <fks-button @click="scoreDeductionDialogVisible = false">取 消</fks-button>
            <fks-button type="primary" @click="scoreDeductionDialogVisible = false">确 定</fks-button>
        </div>
    </fks-dialog>
@@ -250,6 +251,7 @@
            </fks-table-column>
        </fks-table>
        <div slot="footer" class="dialog-footer">
            <fks-button @click="evaluationStatusDialogVisible = false">取 消</fks-button>
            <fks-button type="primary" @click="evaluationStatusDialogVisible = false">确 定</fks-button>
        </div>
    </fks-dialog>
@@ -265,15 +267,16 @@
            <fks-table-column
                prop="name"
                label="名称"
                width="180">
                >
            </fks-table-column>
            <fks-table-column
                prop="level"
                label="权重"
                width="180">
                >
            </fks-table-column>
        </fks-table>
        <div slot="footer" class="dialog-footer">
            <fks-button @click="ImportanceDialogVisible = false">取 消</fks-button>
            <fks-button type="primary" @click="ImportanceDialogVisible = false">确 定</fks-button>
        </div>
    </fks-dialog>
@@ -290,15 +293,16 @@
            <fks-table-column
                prop="name"
                label="名称"
                width="180">
                >
            </fks-table-column>
            <fks-table-column
                prop="score"
                label="扣分"
                width="180">
                >
            </fks-table-column>
        </fks-table>
        <div slot="footer" class="dialog-footer">
            <fks-button @click="SOHDialogVisible = false">取 消</fks-button>
            <fks-button type="primary" @click="SOHDialogVisible = false">确 定</fks-button>
        </div>
    </fks-dialog>