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

@@ -75,28 +75,25 @@
                        <el-button icon="el-icon-edit" plain size="mini" style="height: 28px;"
                                   type="primary"></el-button>
                      </div>

                      <el-input
                        v-if="item.itemType === 'textarea' || item.itemType === 'richtext' || item.itemType === 'webeditor'"
                        v-model="item.value"
                        :placeholder="item.text"
                        :rows="2"
                        type="textarea">
                        :placeholder="item.text">
                      </el-input>

                      <el-input-number v-if="item.itemType === 'number'" v-model="item.value" :max="99999"
                                       :min="1"></el-input-number>
                      <el-input-number v-if="item.itemType === 'number'" v-model="item.value" :max="99999" :min="1"
                                       size="mini"></el-input-number>
                      <el-input v-if="item.itemType === 'password'" v-model="input" placeholder="请输入密码"
                                show-password></el-input>
                      <el-radio v-if="item.itemType === 'radio'" v-model="item.value"></el-radio>
                      <el-checkbox v-if="item.itemType === 'checkbox'" v-model="item.value"></el-checkbox>
                      <el-select v-if="item.itemType === 'select' || item.itemType === 'multiselect'"
                                 v-model="item.value" :disabled="true" placeholder="请选择" size="mini">
                                 v-model="item.value" :disabled="false" placeholder="请选择" size="mini">
                      </el-select>
                      <el-date-picker
                        v-if="item.itemType === 'date' || item.itemType === 'datetime'"
                        v-model="item.value"
                        :placeholder="item.itemType === 'date' ? '请选择日期' : '请选择日期时间'"
                        class="formItemMargin"
                        type="date">
                      </el-date-picker>

@@ -108,6 +105,7 @@
                         step: '00:15',
                         end: '18:30'
                         }"
                        class="formItemMargin"
                        placeholder="选择时间">
                      </el-time-select>
                      <el-button v-if="item.itemType === 'file'"
@@ -142,15 +140,20 @@
          <basic-container>
            <div style="height: 660px; 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">
                <el-row style="border-bottom: 1px solid #878585;padding-bottom: 10px">
                  <el-col :span="24">
                    <el-form-item label="使用字段">
                      <div style="display: flex">
                      <div style="display: flex;align-items: center">
                        <el-input v-model="form.text" :readonly="true" placeholder="请输入使用字段" size="mini"></el-input>
                        <el-checkbox v-model="form.itemIsEditable" style="margin-left: 5px; margin-right: 5px">只读
                        <el-checkbox v-model="form.itemIsEditable" false-label="0"
                                     style="margin-left: 5px; margin-right: 5px"
                                     true-label="1">只读
                        </el-checkbox>
                        <el-checkbox v-model="form.itemIsRequired" style="margin-left: 5px;margin-right: 0px">必填
                        <el-checkbox v-model="form.itemIsRequired" false-label="0"
                                     style="margin-left: 5px;margin-right: 0px"
                                     true-label="1">必填
                        </el-checkbox>
                      </div>
                    </el-form-item>
@@ -705,75 +708,75 @@
      append-to-body="true"
      class="avue-dialog"
      title="预览"
      width="80%">
      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
        <el-row>
          <el-col v-for="(item,index) in formList" :key="index" :span="topForm.columnNumber">
            <el-form-item :class="['hiddenLabel', { 'active-border': activeItem.text === item.text }]"
                          :label="item.itemName + '：'"
                          style="padding-left: 5px" @click.native="formItemClick(item,index)">
              <el-input
                v-if="item.itemType === 'text' ||
      width="60%">
      <div style="height: 600px">
        <el-form ref="form" :model="form" :rules="rules" label-width="100px">
          <el-row>
            <el-col v-for="(item,index) in formList" :key="index" :span="topForm.columnNumber">
              <el-form-item :label="item.itemName + '：'" style="padding-left: 5px">
                <el-input
                  v-if="item.itemType === 'text' ||
                         item.itemType === 'custom' ||
                         item.itemType === 'customform'||
                         item.itemType === 'hidden' ||
                         item.itemType === 'specialCharacter'"
                v-model="item.value" :placeholder="item.text"
                size="mini"></el-input>
                  v-model="item.value" :placeholder="item.text"
                  size="mini"></el-input>

              <div v-if="item.itemType === 'textbtn'" style="display: flex;align-items: center">
                <el-input v-model="item.value" :placeholder="item.text" size="mini"></el-input>
                <el-button icon="el-icon-edit" plain size="mini" style="height: 28px;"
                           type="primary"></el-button>
              </div>
                <div v-if="item.itemType === 'textbtn'" style="display: flex;align-items: center">
                  <el-input v-model="item.value" :placeholder="item.text" size="mini"></el-input>
                  <el-button icon="el-icon-edit" plain size="mini" style="height: 28px;"
                             type="primary"></el-button>
                </div>

              <el-input
                v-if="item.itemType === 'textarea' || item.itemType === 'richtext' || item.itemType === 'webeditor'"
                v-model="item.value"
                :placeholder="item.text"
                :rows="2"
                type="textarea">
              </el-input>
                <el-input
                  v-if="item.itemType === 'textarea' || item.itemType === 'richtext' || item.itemType === 'webeditor'"
                  v-model="item.value"
                  :placeholder="item.text">
                </el-input>

              <el-input-number v-if="item.itemType === 'number'" v-model="item.value" :max="99999"
                               :min="1"></el-input-number>
              <el-input v-if="item.itemType === 'password'" v-model="input" placeholder="请输入密码"
                        show-password></el-input>
              <el-radio v-if="item.itemType === 'radio'" v-model="item.value"></el-radio>
              <el-checkbox v-if="item.itemType === 'checkbox'" v-model="item.value"></el-checkbox>
              <el-select v-if="item.itemType === 'select' || item.itemType === 'multiselect'"
                         v-model="item.value" :disabled="true" placeholder="请选择" size="mini">
              </el-select>
              <el-date-picker
                v-if="item.itemType === 'date' || item.itemType === 'datetime'"
                v-model="item.value"
                :placeholder="item.itemType === 'date' ? '请选择日期' : '请选择日期时间'"
                type="date">
              </el-date-picker>
                <el-input-number v-if="item.itemType === 'number'" v-model="item.value" :max="99999" :min="1"
                                 size="mini"></el-input-number>
                <el-input v-if="item.itemType === 'password'" v-model="input" placeholder="请输入密码"
                          show-password></el-input>
                <el-radio v-if="item.itemType === 'radio'" v-model="item.value"></el-radio>
                <el-checkbox v-if="item.itemType === 'checkbox'" v-model="item.value"></el-checkbox>
                <el-select v-if="item.itemType === 'select' || item.itemType === 'multiselect'"
                           v-model="item.value" placeholder="请选择" size="mini">
                  <el-option v-for="(i,k) in item.itemKeyValueList" :key="l" :label="i.value"
                             :value="i.key"></el-option>
                </el-select>
                <el-date-picker
                  v-if="item.itemType === 'date' || item.itemType === 'datetime'"
                  v-model="item.value"
                  :placeholder="item.itemType === 'date' ? '请选择日期' : '请选择日期时间'"
                  type="date">
                </el-date-picker>

              <el-time-select
                v-if="item.itemType === 'time'"
                v-model="item.value"
                :picker-options="{
                <el-time-select
                  v-if="item.itemType === 'time'"
                  v-model="item.value"
                  :picker-options="{
                         start: '08:30',
                         step: '00:15',
                         end: '18:30'
                         }"
                placeholder="选择时间">
              </el-time-select>
              <el-button v-if="item.itemType === 'file'"
                         v-model="item.value" plain size="mini" type="primary">
                上传文件
              </el-button>
              <el-button v-if="item.itemType === 'multiFile'"
                         v-model="item.value" plain size="mini" type="primary">
                多文件上传
              </el-button>
                  placeholder="选择时间">
                </el-time-select>
                <el-button v-if="item.itemType === 'file'"
                           v-model="item.value" plain size="mini" type="primary">
                  上传文件
                </el-button>
                <el-button v-if="item.itemType === 'multiFile'"
                           v-model="item.value" plain size="mini" type="primary">
                  多文件上传
                </el-button>

            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
    </el-dialog>

    <el-dialog
@@ -807,10 +810,9 @@

<script>
import {getObjTypeQTs, getTreeAttributes, savePortalVI, refPersonOrgTree} from "@/api/UI/formDefine/api";
import {gridAttribute} from "@/api/modeling/attributePool/api";
import func from "@/util/func";
import basicOption from "@/util/basic-option";
import {gridAttribute} from "@/api/modeling/attributePool/api";
import {getSysModelTreeMenuByPID} from "@/api/systemModel/mangeModel/api";

export default {
  name: "formDialog",
@@ -1113,7 +1115,10 @@
        text: data.text,
        oid: data.oid,
        itemType: 'text',
        itemName: data.data.name
        itemName: data.data.name,
        itemCols: "1",
        itemIsEditable:"0",
        itemIsRequired:"0",
      }
      console.log(data);
      const isDuplicate = this.formList.some(item => item.text === data.text);
@@ -1130,10 +1135,9 @@
      this.activeItem = item;
      this.activeItemIndex = index;
      this.form = {...item};
      console.log(item);

      // console.log(item,index);
      this.topForm.position = index += 1;
      // this.$forceUpdate();
      console.log(this.form);
    },

    // 设置显示行数
@@ -1201,7 +1205,7 @@
        this.$message.error('请选择一条数据进行删除');
        return;
      }
      this.formList = this.formList.filter(item => item.text != this.activeItem.text);
      this.formList = this.formList.filter(item => item.text !== this.activeItem.text);
      this.activeItem = {};
      this.form = {};
    },
@@ -1307,7 +1311,7 @@
        viType: 1, // 视图类型
        viTypeText: "表单", // 视图中文名称
        prm: {
          formQtName: '', // 查询模板名称
          formQtName: this.form.qtName, // 查询模板名称
          showCols: this.topForm.showColumn,
          prmItemList: this.formList
        },
@@ -1317,6 +1321,7 @@
          this.$message.success(res.data.obj);
          this.visible = false;
          this.closeDialog();
          this.$emit('updataTable');
        }
      })
      // this.visible = false;
@@ -1330,9 +1335,7 @@
      }
      if (!this.form.text) {
        this.$message.error('请在右侧选择数据后进行操作！');
        return;
      }

    },

    // 自定义组件修改显示类型
@@ -1419,9 +1422,12 @@
        this.$message.error('请添加一条数据进行保存！');
        return;
      }


      this.formList = this.formList.map(item =>
        item.text === this.form.text ? this.form : item
      );
      console.log(this.formList);

      this.$message.success('应用成功');
    },
@@ -1527,4 +1533,8 @@
  font-size: 14px
}

.formItemMargin {
  margin: 10px 0 10px 0;
}

</style>