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

@@ -9,17 +9,18 @@
    width="60%"
    @close="closeDialog"
  >
    <el-form ref="form" size="small" v-loading="formLoading" :model="form" :rules="rules" label-position="right" label-width="100px">
    <el-form ref="form" v-loading="formLoading" :model="form" :rules="rules" label-position="right" label-width="100px"
             size="small">
      <el-row>
        <el-col :span="12">
          <el-form-item label="名称" prop="viName">
            <el-input v-model="form.viName" placeholder="请输入名称" ></el-input>
            <el-input v-model="form.viName" placeholder="请输入名称"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="12">
          <el-form-item label="每页行数">
            <el-input v-model="form.itemPageSize" placeholder="请输入每页行数"  type="number"></el-input>
            <el-input v-model="form.itemPageSize" placeholder="请输入每页行数" type="number"></el-input>
          </el-form-item>
        </el-col>

@@ -45,7 +46,7 @@
        <el-col :span="12">
          <el-form-item label="父名称">
            <div style="display: flex;align-items: center;">
              <el-input v-model="form.itemParentFolderName" placeholder="请输入父名称" ></el-input>
              <el-input v-model="form.itemParentFolderName" placeholder="请输入父名称"></el-input>
              <el-checkbox v-model="form.itemIsNavigatorExpand" style="margin-left: 5px; margin-right: 5px">显示查询区域
              </el-checkbox>
              <el-checkbox v-model="form.itemIsShowFolder" style="margin-left: 5px;margin-right: 0px">显示文件夹
@@ -56,15 +57,10 @@

        <el-col :span="24">
          <el-form-item label="显示字段" prop="showLabel">
            <el-select v-model="form.itemOutFieldList" multiple placeholder="请选择" style="width: 100%"
                       @change="outFileChange">
              <el-option
                v-for="(item,index) in form.itemSelectOutFieldList"
                :key="index"
                :label="item.id"
                :value="item.id">
              </el-option>
            </el-select>
            <el-drag-select v-model="form.itemOutFieldList" multiple placeholder="请选择" style="width:100%;" @outFileChange="outFileChange">
              <el-option v-for="(item,index) in form.itemSelectOutFieldList" :key="index" :label="item.id"
                         :value="item.id"/>
            </el-drag-select>
          </el-form-item>
        </el-col>

@@ -94,7 +90,7 @@
      </el-col>

      <el-col :span="8">
        <el-form-item label="查询字段"  >
        <el-form-item label="查询字段">
          <el-input v-model="form.searchLabel" placeholder="请输入查询字段" size="mini"></el-input>
        </el-form-item>
      </el-col>
@@ -158,7 +154,7 @@

      <el-col :span="24">
        <el-form-item label="双击操作">
          <el-select v-model="form.itemDbl" placeholder="请选择双击操作" >
          <el-select v-model="form.itemDbl" placeholder="请选择双击操作">
            <el-option v-for="(item,index) in itemDblList" :key="index" :label="item.value"
                       :value="item.key"></el-option>
          </el-select>
@@ -170,7 +166,7 @@
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center;width: 100%;">
              <span>长：</span>
              <el-input v-model="itemImgHeight" placeholder="请输入长度" ></el-input>
              <el-input v-model="itemImgHeight" placeholder="请输入长度"></el-input>
            </div>
            <div style="display: flex;align-items: center;width: 100%;margin-left: 30px">
              <span>宽：</span>
@@ -194,7 +190,7 @@

      <el-col :span="24">
        <el-form-item label="查询模板">
          <el-select v-model="form.itemQtName" placeholder="请选择查询模板" >
          <el-select v-model="form.itemQtName" placeholder="请选择查询模板">
            <el-option v-for="(item,index) in searchQtNameList" :key="index" :label="item.qtName"
                       :value="item.qtName"></el-option>
          </el-select>
@@ -214,9 +210,11 @@
import basicOption from "@/util/basic-option";
import {gridPortalVIDatas, getPortalVIById, getItemDblList, savePortalVI, getObjTypeQTs} from "@/api/UI/formDefine/api";
import func from "@/util/func";
import ElDragSelect from './DragSelect'

export default {
  name: "tableDialog",
  components: {ElDragSelect},
  props: {
    TreeNodeRow: {
      type: Object,
@@ -304,11 +302,11 @@
          message: '请选择绑定表单',
          trigger: 'change'
        }],
        showLabel: [{
          required: true,
          message: '请选择显示字段',
          trigger: 'submit'
        }],
        // showLabel: [{
        //   required: true,
        //   message: '请选择显示字段',
        //   trigger: 'submit'
        // }],
      },
      form: {
        viName: '', // 名称
@@ -438,7 +436,6 @@

    // 表单选择change事件
    formSelectChange(val) {
      // console.log(val);
      this.form.itemOutFieldList = [];
      this.form.itemKeyFieldList = [];
      this.form.itemFieldWidthList = [];
@@ -471,7 +468,6 @@
          $cellEdit: true,
          key: item,
          value: '250',

        }
      })
    },
@@ -525,6 +521,10 @@
    dialogSaveClickHandler() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          if (this.form.itemOutFieldList.length <= 0) {
            this.$message.error('请选择显示字段');
            return;
          }
          const paramsForm = {...this.form};
          paramsForm.itemSelectOutFieldList = this.form.itemSelectOutFieldList.map(item => item.id); // 可使用字段
          paramsForm.itemOutFieldList = this.form.itemOutFieldList; // 需要使用字段
@@ -534,7 +534,7 @@
          const params = {
            id: this.form.editNodeId,
            prm: {
              formQtName: '',
              formQtName: this.form.itemQtName,
              prmItemList: [
                paramsForm
              ],
@@ -547,7 +547,6 @@
            viTypeText: "表格"
          }
          savePortalVI(params).then(res => {
            // console.log(params);
            if (res.data.code === 200) {
              this.$message.success(res.data.obj);
              // this.closeDialog();