From 433e4993ca64d01205c682ec214736ce00883397 Mon Sep 17 00:00:00 2001 From: wangyanshen <3154583358@qq.com> Date: 星期一, 06 二月 2023 17:23:06 +0800 Subject: [PATCH] 对接故障定义页面,删除无用大文件资源 --- src/views/main/istation/health/evaluationModel.vue | 366 +++++++++++++++++++++++++++++----------------------- 1 files changed, 203 insertions(+), 163 deletions(-) diff --git a/src/views/main/istation/health/evaluationModel.vue b/src/views/main/istation/health/evaluationModel.vue index 3c9a04d..de72b85 100644 --- a/src/views/main/istation/health/evaluationModel.vue +++ b/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> + + <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="璁剧疆鎵e垎鎸囨暟" - :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="璁剧疆鎵e垎鎸囨暟" + :visible.sync="evaluationModelEditDialog" + > + <span slot="title"> + <fks-button icon="fks-icon-setting" type="text"></fks-button> + + <span class="fks-dialog__title">璁剧疆鎵e垎鎸囨暟</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 鎵� 锛坸+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 鎵� 锛坸+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> \ No newline at end of file -- Gitblit v1.9.3