From 28c552b1eb7942e03bec6ded2f9b36cf966eba5f Mon Sep 17 00:00:00 2001 From: wangyanshen <3154583358@qq.com> Date: 星期三, 11 一月 2023 17:32:35 +0800 Subject: [PATCH] 页面小调整 --- src/views/main/istation/health/evaluationModel.vue | 76 ++++++++++++++++++++++++++++++++++++-- 1 files changed, 72 insertions(+), 4 deletions(-) diff --git a/src/views/main/istation/health/evaluationModel.vue b/src/views/main/istation/health/evaluationModel.vue index 3586130..3c9a04d 100644 --- a/src/views/main/istation/health/evaluationModel.vue +++ b/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="evaluationModelSetting" 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> @@ -46,6 +46,62 @@ </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-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-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> @@ -55,6 +111,14 @@ components:{titleBox}, data(){ return{ + evaluationModelAddDialog:false, + evaluationModelEditDialog:false, + evaluationModelFrom:{ + name:"鐢垫満", + evaluationMethod:"1", + evaluationParam:"鐢垫満", + desc:"", + }, evaluationModelTableData:[ { name:"鎸姩鍔犻�熷害", @@ -82,6 +146,11 @@ }, ], } + }, + methods:{ + handleEdit(index,item){ + this.evaluationModelEditDialog = true + } } } </script> @@ -90,7 +159,6 @@ .evaluation-model-page{ width: 100%; height: 100%; - background-color: #fff; } .text { font-size: 14px; -- Gitblit v1.9.3