From 660454e318a57cc82811908389cd4056fbfce1f7 Mon Sep 17 00:00:00 2001 From: wangting <675591594@qq.com> Date: 星期五, 25 八月 2023 16:55:05 +0800 Subject: [PATCH] 修改样式,修改编码规则 --- Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue | 76 ++++++++++++++++++++----------------- 1 files changed, 41 insertions(+), 35 deletions(-) diff --git a/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue b/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue index dc5648d..965e500 100644 --- a/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue +++ b/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue @@ -5,16 +5,16 @@ append-to-body :visible.sync="isShowformulaEdit" @close="closeFormulaEdit" - width="78%" - style="height: 150vh; margin-top: -13vh; overflow: hidden"> - - <div style="overflow-y: auto; height: 80vh"> + width="75%" + class="avue-dialog avue-dialog--top" top="-3%" + style="height: 100vh;"> + <div> <el-row> <!-- 宸︿晶鍏紡鍐呭 --> <el-col :span="14" style="overflow: hidden"> <el-card class="box-card" - style="height: 33vh; overflow-y: auto; overflow-x: auto"> + style="height: 29.5vh; overflow-y: auto; overflow-x: auto;margin-right: 10px"> <div slot="header" class="clearfix"> <span style="font-size: medium">鍏紡鍐呭</span> <el-button @@ -35,8 +35,8 @@ <div class="text item"> <el-input type="textarea" - :rows="5" - style="width: 560px" + :rows="6" + style="width: 100%" v-model="formulaContent" ></el-input> </div> @@ -47,7 +47,7 @@ <el-card class="box-card formula-box-card" data-v-49729759 - style="height: 35vh;"> + style="height: 29.5vh;"> <div slot="header" class="clearfix"> <span style="font-size: medium">杩愮畻绗�</span> </div> @@ -216,11 +216,10 @@ </el-row> <el-row> <!-- 宸︿晶鍏紡閫夋嫨鍖哄煙 --> - <el-col :span="14" style="overflow: hidden"> + <el-col :span="14" style="overflow: hidden;"> <el-card class="box-card" - style="height: 40vh; overflow-y: auto; overflow-x: auto" - > + style="height: 35vh; overflow-y: auto; overflow-x: auto;margin-right: 10px"> <div slot="header" class="clearfix"> <span style="font-size: medium">鍏紡閫夋嫨</span> </div> @@ -235,7 +234,7 @@ > <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="300"> </el-table-column> + <el-table-column prop="desc"> </el-table-column> </el-table> </el-tab-pane> @@ -248,7 +247,7 @@ > <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="300"> </el-table-column> + <el-table-column prop="desc"> </el-table-column> </el-table> </el-tab-pane> @@ -261,7 +260,7 @@ > <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="300"> </el-table-column> + <el-table-column prop="desc"> </el-table-column> </el-table> </el-tab-pane> @@ -274,7 +273,7 @@ > <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="300"> </el-table-column> + <el-table-column prop="desc"> </el-table-column> </el-table> </el-tab-pane> @@ -287,7 +286,7 @@ > <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="300"> </el-table-column> + <el-table-column prop="desc" > </el-table-column> </el-table> </el-tab-pane> </el-tabs> @@ -298,7 +297,7 @@ <el-col :span="10" style="overflow: hidden"> <el-card class="box-card" - style="height: 40vh; overflow-y: auto; overflow-x: auto" + style="height: 35vh; overflow-y: auto; overflow-x: auto" > <div slot="header" class="clearfix"> <span style="font-size: medium">鍙橀噺</span> @@ -312,9 +311,9 @@ :show-header="false" style="width: 100%" > - <el-table-column prop="formula" width="40"> + <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="100"> </el-table-column> + <el-table-column prop="desc"> </el-table-column> </el-table> </el-tab-pane> <el-tab-pane label="绯荤粺鍙橀噺" name="second"> @@ -324,9 +323,9 @@ :show-header="false" style="width: 100%" > - <el-table-column prop="formula" width="150"> + <el-table-column prop="formula" width="300"> </el-table-column> - <el-table-column prop="desc" width="150"> </el-table-column> + <el-table-column prop="desc"> </el-table-column> </el-table> </el-tab-pane> </el-tabs> @@ -338,15 +337,19 @@ </el-dialog> </template> - + <script> export default { name: "formulaEditor", props: { - // 瀵硅瘽妗嗘樉绀洪殣钘忔帶鍒� + // 瀵硅瘽妗嗘樉绀洪殣钘忔帶鍒� visible: { type: "Boolean", default: false, + }, + componentRuleText:{ + type:String, + default: "" }, //鏈満鏅彉閲� thisSceneTableData: { @@ -645,10 +648,14 @@ }; }, watch: { - // 鐩戝惉鐖剁粍浠朵紶鐨勭獥鍙f樉绀洪殣钘忕殑鍊� - visible (){ - this.isShowformulaEdit = this.visible; - } + // 鐩戝惉鐖剁粍浠朵紶鐨勭獥鍙f樉绀洪殣钘忕殑鍊硷紝浠ュ強鍊肩殑鍥炲~ + visible() { + this.isShowformulaEdit = this.visible; + this.formulaContent=this.componentRuleText || ''; + }, + }, + mounted() { + }, methods: { @@ -675,14 +682,14 @@ } //鍏紡鍐呭鍥炴樉 // 瑙﹀彂update:data灏嗗瓙缁勪欢鍊间紶閫掔粰鐖剁粍浠� - this.$emit('updateFormulaContent', this.formulaContent) - this.isShowformulaEdit = false; + this.$emit('updateFormulaContent', this.formulaContent) + this.isShowformulaEdit = false; }, }, }; </script> - + <style scoped> .formula-box-card >>> .el-card__body { @@ -690,7 +697,7 @@ height: 85%; width: 100%; } - + .formula-editor-total { /* margin-top: 3px; */ height: 100%; @@ -718,11 +725,11 @@ height: auto; justify-content: space-between; align-items: center; - } + } .formula-editor-btn-sm { - width: 4.5vw; - height: 4vh; + width: 68px; + height: 34px; margin-left: 10px; text-align: center; line-height: 0; @@ -732,4 +739,3 @@ } </style> - \ No newline at end of file -- Gitblit v1.9.3