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="120">
                    <el-table-column prop="formula" width="300">
                    </el-table-column>
                    <el-table-column prop="desc" width="200"> </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="200">
                    <el-table-column prop="formula" width="300">
                    </el-table-column>
                    <el-table-column prop="desc" width="200"> </el-table-column>
                    <el-table-column prop="desc"> </el-table-column>
                  </el-table>
                </el-tab-pane>
              </el-tabs>
@@ -649,13 +648,14 @@
    };
  },
  watch: {
      // 监听父组件传的窗口显示隐藏的值
      visible (){
          this.isShowformulaEdit = this.visible;
      }
      // 监听父组件传的窗口显示隐藏的值，以及值的回填
      visible() {
        this.isShowformulaEdit = this.visible;
        this.formulaContent=this.componentRuleText || '';
      },
  },
  mounted() {
    this.formulaContent=this.componentRuleText

  },
  methods: {

@@ -728,8 +728,8 @@
   }

  .formula-editor-btn-sm {
    width: 4.5vw;
    height: 4vh;
    width: 68px;
    height: 34px;
    margin-left: 10px;
    text-align: center;
    line-height: 0;