Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/formDefine/components/formDialog.vue

@@ -9,11 +9,10 @@
    width="100%"
    @close="closeDialog"
  >
    <el-container>
      <div style="height: 79vh;display: flex;width: 100%;">
    <el-container style="height: 700px">
        <el-aside width="17%">
          <basic-container>
            <div style="height:650px;">
            <div style="height:620px;">
              <avue-tree
                :data="treeData"
                :loading="treeLoading"
@@ -26,7 +25,7 @@

        <el-main>
          <basic-container>
            <div style="height: 645px;overflow-y: auto;padding-right: 5px" @drop="drop" @dragover.prevent>
            <div style="height: 610px;overflow-y: auto;padding-right: 5px" @drop="drop" @dragover.prevent>
              <div style="display: flex;justify-content: center">
                <span style="display: flex;align-items: center; margin-right: 5px;">
                 <p class="tableTopLabel">名称：</p>
@@ -122,7 +121,7 @@
                </el-row>
              </el-form>
            </div>
            <div style="display: flex;justify-content: center;margin-top: 15px">
            <div style="display: flex;justify-content: center;margin-top: 15px;">
              <el-button icon="el-icon-check" size="small" type="primary" @click="saveClickHandler">保存</el-button>
              <el-button icon="el-icon-delete" plain size="small" type="danger" @click="emptyClickHandler">清空
              </el-button>
@@ -138,7 +137,7 @@

        <el-aside width="25%">
          <basic-container>
            <div style="height: 660px; overflow-y: auto;padding-right: 10px">
            <div style="height: 600px; overflow-y: auto;padding-right: 10px">
              <h3>设置</h3>
              <h4 style="color: red">属性设置信息后需单击右下角应用按钮进行应用</h4>
              <el-form ref="form" :model="form" :rules="rules" label-position="left" label-width="85px">
@@ -401,15 +400,15 @@
              </el-form>
            </div>
            <div style="display: flex;justify-content: right">
              <el-button plain size="mini" style="margin-top: 10px" type="success" @click="asideFormHandler">应用
              <el-button plain size="mini" style="margin-top: 30px" type="success" @click="asideFormHandler">应用
              </el-button>
            </div>
          </basic-container>
        </el-aside>
      </div>
    </el-container>

    <!-- 添加自定义组件 -->

    <el-dialog
      v-dialogDrag
      v-loading="customLoading"
@@ -795,7 +794,7 @@
          <avue-tree :key="refresh" ref="authTree" v-model="treeAuthForm" :data="treeAuthData" :option="treeAuthOption"
                     @check-change="treeAuthCheckChange">
              <span slot-scope="{ node, data }" class="el-tree-node__label">
           <span style="font-size: 15px">
           <span>
              <i class="el-icon-s-promotion"></i>
                {{ (node || {}).label }}
            </span>
@@ -1026,7 +1025,7 @@
      ],
      form: {},
      topForm: {
        itemQtName:'',
        itemQtName: '',
        columnNumber: 8,
        showColumn: '3',
        viName: '',
@@ -1288,9 +1287,9 @@
    // 选项删除
    optionDeleteClickHandler(val) {
      if (val === 'dialog') {
        this.customForm.itemKeyValueList.splice(this.customOptionRow.index,1);
        this.customForm.itemKeyValueList.splice(this.customOptionRow.index, 1);
      } else {
        this.form.itemKeyValueList.splice(this.optionRow.index,1);
        this.form.itemKeyValueList.splice(this.optionRow.index, 1);
      }
    },

@@ -1413,8 +1412,6 @@
        const data = res.data.data;
        this.customAttrData = data;
        this.customAttrLoading = false;
      }).catch(err => {
        this.$message.error(err)
      });
    },

@@ -1546,3 +1543,4 @@
//}

</style>