From c8005d3f303be7241f5acdc10ad679e1bf8cd602 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期二, 24 十月 2023 11:16:29 +0800
Subject: [PATCH] 横向滚动条固定列bug
---
Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue | 77 +++++++++++++++++++++-----------------
1 files changed, 42 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..14c0691 100644
--- a/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue
+++ b/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue
@@ -3,18 +3,19 @@
<el-dialog
title="鍏紡缂栬緫妗�"
append-to-body
+ :close-on-click-modal="false"
: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 +36,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 +48,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 +217,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 +235,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 +248,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 +261,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 +274,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 +287,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 +298,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 +312,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 +324,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 +338,19 @@
</el-dialog>
</template>
-
+
<script>
export default {
name: "formulaEditor",
props: {
- // 瀵硅瘽妗嗘樉绀洪殣钘忔帶鍒�
+ // 瀵硅瘽妗嗘樉绀洪殣钘忔帶鍒�
visible: {
type: "Boolean",
default: false,
+ },
+ componentRuleText:{
+ type:String,
+ default: ""
},
//鏈満鏅彉閲�
thisSceneTableData: {
@@ -645,10 +649,14 @@
};
},
watch: {
- // 鐩戝惉鐖剁粍浠朵紶鐨勭獥鍙ｆ樉绀洪殣钘忕殑鍊�
- visible (){
- this.isShowformulaEdit = this.visible;
- }
+ // 鐩戝惉鐖剁粍浠朵紶鐨勭獥鍙ｆ樉绀洪殣钘忕殑鍊硷紝浠ュ強鍊肩殑鍥炲～
+ visible() {
+ this.isShowformulaEdit = this.visible;
+ this.formulaContent=this.componentRuleText || '';
+ },
+ },
+ mounted() {
+
},
methods: {
@@ -675,14 +683,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 +698,7 @@
height: 85%;
width: 100%;
}
-
+
.formula-editor-total {
/* margin-top: 3px; */
height: 100%;
@@ -718,11 +726,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 +740,3 @@
}
</style>
-
\ No newline at end of file
--
Gitblit v1.9.3