From b46cf401da847d7cca6269c6b2ffb04f6f72691a Mon Sep 17 00:00:00 2001
From: ludc
Date: 星期日, 14 五月 2023 03:57:37 +0800
Subject: [PATCH] 新增应用码段下的参照配置界面，以及代码整合
---
Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue | 150 +++++++++++++++++++++++++++----------------------
1 files changed, 83 insertions(+), 67 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 1b582e6..d78462b 100644
--- a/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue
+++ b/Source/UBCS-WEB/src/components/code-dialog-page/formulaEditor.vue
@@ -45,168 +45,168 @@
<!-- 鍙充晶杩愮畻绗� -->
<el-col :span="10">
<el-card
- class="box-card"
- style="height: 33vh;">
+ class="box-card formula-box-card"
+ style="height: 35vh;">
<div slot="header" class="clearfix">
<span style="font-size: medium">杩愮畻绗�</span>
</div>
- <div class="text item">
+ <div class="formula-editor-total">
<div class="formula-editor">
<div class="one">
- <button
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '7' })"
>
7
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '8' })"
>
8
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '9' })"
>
9
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '/' })"
>
- /</button
- ><br />
+ /</el-button>
+ <br />
</div>
<div class="one">
- <button
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '4' })"
>
4
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '5' })"
>
5
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '6' })"
>
6
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '*' })"
>
- *</button
- ><br />
+ *</el-button>
+ <br />
</div>
<div class="one">
- <button
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '1' })"
>
1
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '2' })"
>
2
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '3' })"
>
3
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '>' })"
>
- -</button
- ><br />
+ -</el-button>
+ <br />
</div>
<div class="one">
- <button
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '0' })"
>
0
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '00' })"
>
00
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '.' })"
>
.
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '+' })"
>
- +</button
- ><br />
+ +</el-button>
+ <br/>
</div>
<div class="one">
- <button
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '->' })"
>
->
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '==' })"
>
==
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '(' })"
>
(
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: ')' })"
>
- )</button
- ><br />
+ )</el-button>
+ <br />
</div>
<div class="one">
- <button
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '<' })"
>
<
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '>' })"
>
>
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '<=' })"
>
<=
- </button>
- <button
+ </el-button>
+ <el-button type="primary"
class="formula-editor-btn-sm"
@click="dbClickAddContent({ formula: '>=' })"
>
>=
- </button>
+ </el-button>
</div>
</div>
</div>
@@ -669,16 +669,27 @@
};
</script>
-<style scoped>
+<style>
+
+ .formula-box-card > .el-card__body {
+ padding: 0px;
+ height: 85%;
+ width: 100%;
+ }
+
+ .formula-editor-total {
+ /* margin-top: 3px; */
+ height: 100%;
+ width: 100%;
+ }
+
.formula-editor{
- margin-top: -15px;
- margin-left: 4vw;
/*璁剧疆寮规�х洅瀛�*/
display: flex;
/*瀛愬厓绱犱互绔栧垪鎺掑垪锛屼竴鍏辨湁6鍒�*/
flex-direction:column;
- width: 310px;
- height: 185px;
+ width: 100%;
+ height: 100%;
/*宸﹀彸鍧囧寑鎺掑垪*/
justify-content: space-around;
/*涓婁笅鍧囧寑鎺掑垪*/
@@ -689,17 +700,22 @@
display: flex;
/*浠ヨ鎺掑垪*/
flex-direction: row;
- width: 223px;
- height: 80px;
+ width: auto;
+ height: auto;
justify-content: space-between;
align-items: center;
}
.formula-editor-btn-sm {
- width: 55px;
- height: 29px;
- background: rgb(153, 214, 240);
- border-radius: 10%;
+ width: 4.5vw;
+ height: 4vh;
+ margin-left: 10px;
+ text-align: center;
+ line-height: 0;
+ /* background: rgb(153, 214, 240); */
+ background: #87c2fc;
+ /* border-radius: 10%; */
}
+
</style>
\ No newline at end of file
--
Gitblit v1.9.3