cloud-web-corejs 1.0.163 → 1.0.164

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/data-table-editor.vue

@@ -22,6 +22,9 @@
     <el-form-item label="查询列表">
       <el-switch v-model="optionModel.isQueryTable"></el-switch>
     </el-form-item>
+    <el-form-item label="是否显示查询按钮">
+      <el-switch v-model="isShowQueryButton"></el-switch>
+    </el-form-item>
     <el-form-item :label="i18nt('designer.setting.showPagination')">
       <el-switch v-model="optionModel.showPagination"></el-switch>
     </el-form-item>
@@ -211,162 +214,6 @@
       </template>
       <code-editor mode="json" :readonly="!1" v-model="tableDataOptions"></code-editor>
     </el-dialog>
-    <!--    <el-dialog
-          v-if="dialogVisible"
-          custom-class="dialog-style list-dialog"
-          :title="i18nt('designer.setting.tableColEdit')"
-          :visible.sync="dialogVisible"
-          :show-close="!0"
-          :append-to-body="false"
-          :modal="false"
-          :close-on-click-modal="!1"
-          :close-on-press-escape="!1"
-          :destroy-on-close="!0"
-          width="1220px"
-          v-dialog-drag
-        >
-          <div class="cont">
-            <template slot="footer">
-              <div class="dialog-footer">
-                <el-button type="" @click="dialogVisible = !1" class="button-sty" icon="el-icon-close">
-                  {{ i18nt('designer.hint.cancel') }}
-                </el-button>
-                <el-button type="primary" @click="colSubmit" class="button-sty" icon="el-icon-check">
-                  {{ i18nt('designer.hint.confirm') }}
-                </el-button>
-
-              </div>
-            </template>
-            <el-table
-              ref="singleTable"
-              width="100%"
-              :data="optionModel.tableColumns"
-
-              height="500"
-              border=""
-              row-key="columnId"
-              stripe=""
-            >
-              <el-table-column type="index" width="35" fixed="left"></el-table-column>
-              <el-table-column label="" width="35"><i class="el-icon-s-operation drag-option"></i></el-table-column>
-              <el-table-column :label="i18nt('designer.setting.columnLabel')" width="150" prop="label">
-                <template slot-scope="scope">
-                  <el-input v-model="scope.row.label"></el-input>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.columnName')" width="150" prop="prop">
-                <template slot-scope="scope">
-                  <el-input v-model="scope.row.prop"></el-input>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.columnWidth')" width="100" prop="width">
-                <template slot-scope="scope">
-                  <el-input v-model="scope.row.width"></el-input>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.visibleColumn')" width="70" prop="show">
-                <template slot-scope="scope">
-                  <el-switch v-model="scope.row.show"></el-switch>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('必填')" width="70" prop="required">
-                <template slot-scope="scope">
-                  <el-switch v-model="scope.row.required"></el-switch>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.sortableColumn')" width="70" prop="sortable">
-                <template slot-scope="scope">
-                  <el-switch v-model="scope.row.sortable"></el-switch>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.fixedColumn')" width="100" prop="fixed">
-                <template slot-scope="scope">
-                  <el-select v-model="scope.row.fixed" clearable>
-                    <el-option value="left">left</el-option>
-                    <el-option value="right">right</el-option>
-                  </el-select>
-                </template>
-              </el-table-column>
-              &lt;!&ndash;          <el-table-column :label="i18nt('designer.setting.alignTypeOfColumn')" width="100" prop="align">
-                          <template slot-scope="scope">
-                            <el-select v-model="scope.row.align">
-                              <el-option v-for="(e,index) in alignOptions" :key="index" :value="e.value" :label="e.label"></el-option>
-                            </el-select>
-                          </template>
-                        </el-table-column>&ndash;&gt;
-              <el-table-column :label="i18nt('designer.setting.formatOfColumn')" width="200" prop="formatS">
-                <template slot-scope="scope">
-                  <el-select v-model="scope.row.formatS" @change="changeFormatS(scope.row)" clearable>
-                    <el-option-group :label="i18nt('designer.setting.customRenderGroup')">
-                      <el-option value="render" label="render"></el-option>
-                    </el-option-group>
-                    <el-option-group v-for="t in op" :key="t.label" :label="t.label">
-                      <el-option v-for="e in t.options" :key="e.value" :value="e.value" :label="e.label"></el-option>
-                    </el-option-group>
-                  </el-select>
-                </template>
-              </el-table-column>
-              <el-table-column label="格式化配置" width="70" fixed="right" align="center">
-                <template slot-scope="scope">
-                  <el-button size="mini" plain="" round="" icon="el-icon-edit"
-                             @click="openFormatConfigDialog(scope.row,scope.$index)"
-                             :disabled="!columnFormatMap[scope.row.formatS]"></el-button>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.renderFunction')" width="70" fixed="right" align="center">
-                <template slot-scope="scope">
-                  <el-button :disabled="'render' !== scope.row.formatS" size="mini" plain="" round="" icon="el-icon-edit"
-                             @click="showRenderDialog(scope.row)"></el-button>
-                </template>
-              </el-table-column>
-              <el-table-column :label="i18nt('designer.setting.actionColumn')" width="100" fixed="right" align="center">
-                <template #header>
-                  <span>{{ i18nt('designer.setting.actionColumn') }}</span>
-                  &lt;!&ndash;              <el-button :title="i18nt('designer.setting.addTableColumn')" size="mini" type="" circle=""
-                                           icon="el-icon-plus" @click="openFieldTreeDialog"></el-button>&ndash;&gt;
-                </template>
-                <template slot-scope="scope">
-                  <el-button :title="i18nt('designer.setting.addTableColumn')" size="mini" type="" circle=""
-                             icon="el-icon-plus" @click="addCol"></el-button>
-                  <el-button
-                    :title="i18nt('designer.setting.deleteTableColumn')"
-                    size="mini"
-                    type=""
-                    circle=""
-                    icon="el-icon-minus"
-                    @click="handleDelete(scope.$index, scope.row)"
-                  ></el-button>
-                </template>
-              </el-table-column>
-
-            </el-table>
-          </div>
-
-        </el-dialog>-->
-    <!--    <el-dialog
-          v-if="showRenderDialogFlag"
-          :title="i18nt('designer.setting.renderFunction')"
-          :visible.sync="showRenderDialogFlag"
-          append-to-body=""
-          :show-close="!0"
-          custom-class="dialog-style list-dialog"
-          :close-on-click-modal="!1"
-          :close-on-press-escape="!1"
-          :destroy-on-close="!0"
-          v-dialog-drag
-        >
-          <el-alert type="info" :closable="!1" title="function customRender(params,h) {"/>
-          <code-editor ref="dsResultEditor" mode="javascript" :readonly="!1" v-model="renderJson"></code-editor>
-          <el-alert type="info" :closable="!1" title="}"/>
-          <div class="dialog-footer" slot="footer">
-            <el-button @click="showRenderDialogFlag = !1" class="button-sty" icon="el-icon-close">
-              {{ i18nt('designer.hint.cancel') }}
-            </el-button>
-            <el-button type="primary" @click="saveColumnRender" class="button-sty" icon="el-icon-check">
-              {{ i18nt('designer.hint.confirm') }}
-            </el-button>
-          </div>
-        </el-dialog>-->
     <el-dialog
       v-if="showSqlEditDialog"
       :title="i18nt('数据源SQL编辑')"
@@ -457,111 +304,6 @@
         </el-button>
       </span>
     </el-dialog>
-    <!--    <el-dialog
-          v-if="showDateConfigDialog"
-          :title="i18nt('日期配置编辑')"
-          :visible.sync="showDateConfigDialog"
-          append-to-body=""
-          :show-close="!0"
-          custom-class="dialog-style list-dialog"
-          :close-on-click-modal="!1"
-          :close-on-press-escape="!1"
-          :destroy-on-close="!0"
-          v-dialog-drag
-        >
-          <div class="cont">
-            <el-form>
-              <template v-for="(editorName, index) in dateFieldList">
-                <component
-                  :is="editorName"
-                  :designer="designer"
-                  :selected-widget="selectedWidget"
-                  :option-model="columnOption"
-                  :key="index"
-                ></component>
-              </template>
-            </el-form>
-          </div>
-          <div class="dialog-footer" slot="footer">
-            <el-button @click="showDateConfigDialog = !1" class="button-sty" icon="el-icon-close">
-              {{ i18nt('designer.hint.cancel') }}
-            </el-button>
-            <el-button type="primary" class="button-sty" icon="el-icon-check" @click="confirmDateConfigDialog">
-              {{ i18nt('designer.hint.confirm') }}
-            </el-button>
-          </div>
-        </el-dialog>-->
-    <!--    <el-dialog
-          v-if="showDateConfigDialog"
-          :title="i18nt('日期配置编辑')"
-          :visible.sync="showDateConfigDialog"
-          append-to-body=""
-          :show-close="!0"
-          custom-class="dialog-style list-dialog"
-          :close-on-click-modal="!1"
-          :close-on-press-escape="!1"
-          :destroy-on-close="!0"
-          v-dialog-drag
-        >
-          <div class="cont">
-            <el-scrollbar class="setting-scrollbar">
-                <el-form :model="columnOption" size="mini" label-position="left" label-width="120px" class="setting-form"
-                         @submit.native.prevent>
-                  <el-collapse v-model="widgetActiveCollapseNames" class="setting-collapse">
-                    <el-collapse-item name="1" v-if="showCollapse(commonProps)"
-                                      :title="i18nt('designer.setting.commonSetting')">
-                      <template v-for="(editorName, propName) in commonProps">
-                        <component
-                          v-if="hasPropEditor(propName, editorName)"
-                          :is="getPropEditor(propName, editorName)"
-                          :designer="designer"
-                          :selected-widget="columnSelectedWidget"
-                          :option-model="columnOption"
-                          :key="propName"
-                        ></component>
-                      </template>
-                    </el-collapse-item>
-
-                    <el-collapse-item name="2" v-if="showCollapse(advProps)"
-                                      :title="i18nt('designer.setting.advancedSetting')">
-                      <template v-for="(editorName, propName) in advProps">
-                        <component
-                          v-if="hasPropEditor(propName, editorName)"
-                          :is="getPropEditor(propName, editorName)"
-                          :designer="designer"
-                          :selected-widget="selectedWidget"
-                          :option-model="columnOption"
-                          :key="propName"
-                        ></component>
-                      </template>
-                    </el-collapse-item>
-
-                    <el-collapse-item name="3" v-if="showEventCollapse() && showCollapse(eventProps)"
-                                      :title="i18nt('designer.setting.eventSetting')">
-                      <template v-for="(editorName, propName) in eventProps">
-                        <component
-                          v-if="hasPropEditor(propName, editorName)"
-                          :is="getPropEditor(propName, editorName)"
-                          :designer="designer"
-                          :selected-widget="selectedWidget"
-                          :option-model="columnOption"
-                          :key="propName"
-                        ></component>
-                      </template>
-                    </el-collapse-item>
-                  </el-collapse>
-                </el-form>
-            </el-scrollbar>
-          </div>
-          <div class="dialog-footer" slot="footer">
-            <el-button @click="showDateConfigDialog = !1" class="button-sty" icon="el-icon-close">
-              {{ i18nt('designer.hint.cancel') }}
-            </el-button>
-            <el-button type="primary" class="button-sty" icon="el-icon-check" @click="confirmDateConfigDialog">
-              {{ i18nt('designer.hint.confirm') }}
-            </el-button>
-          </div>
-        </el-dialog>-->
     <tableColumnDialog
       v-if="dialogVisible"
       :visiable.sync="dialogVisible"
@@ -578,7 +320,7 @@ import Draggable from "vuedraggable";
 import { deepClone, generateId } from "../../../../../../components/xform/utils/util";
 import Sortable from "sortablejs";
 import requestaccessDialog from "../../../../../../views/user/form/report_requestaccess/dialog.vue";
-import conditionEditor from "./condition-editor.vue";
+// import conditionEditor from "./condition-editor.vue";
 import tableColumnDialog from "./table-column-dialog.vue";
 import eventMixin from "../../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
 import setttingConfig from "@/settings";
@@ -590,7 +332,7 @@ export default {
   components: {
     Draggable,
     requestaccessDialog,
-    conditionEditor,
+    // conditionEditor,
     tableColumnDialog,
   },
   props: {
@@ -805,6 +547,14 @@ export default {
         this.optionModel.isNotQueryAllPage = !val;
       },
     },
+    isShowQueryButton: {
+      get() {
+        return !this.optionModel.isNotShowQueryButton;
+      },
+      set(val) {
+        this.optionModel.isNotShowQueryButton = !val;
+      },
+    },
   },
   created: function () {
     // this.reportTemplate = this.getReportTemplate();

package/src/components/xform/form-designer/setting-panel/property-editor/container-data-table/table-column-dialog.vue

@@ -104,9 +104,7 @@
               @change="changeFormatS(scope.row, false)"
               clearable
             >
-              <el-option-group
-                :label="i18nt('designer.setting.customRenderGroup')"
-              >
+              <el-option-group :label="i18nt('designer.setting.customRenderGroup')">
                 <el-option value="render" label="render"></el-option>
               </el-option-group>
               <el-option-group v-for="t in op" :key="t.label" :label="t.label">
@@ -169,12 +167,12 @@
             <el-switch v-model="scope.row.sortable"></el-switch>
           </template>
         </el-table-column>
-        <el-table-column
-          label="编辑更多属性"
-          width="100"
-          align="center"
-          fixed="right"
-        >
+        <el-table-column label="显示筛选" width="70" prop="filterable">
+          <template #default="scope">
+            <el-switch v-model="scope.row.filterable"></el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column label="编辑更多属性" width="100" align="center" fixed="right">
           <template #default="scope">
             <el-button
               size="mini"
@@ -288,11 +286,7 @@
       top="7vh"
       :append-to-body="true"
     >
-      <el-alert
-        type="info"
-        :closable="!1"
-        title="function customRender(params,h) {"
-      />
+      <el-alert type="info" :closable="!1" title="function customRender(params,h) {" />
       <code-editor
         ref="dsResultEditor"
         mode="javascript"
@@ -461,9 +455,7 @@
               @change="changeFormatS(rowData, false)"
               clearable
             >
-              <el-option-group
-                :label="i18nt('designer.setting.customRenderGroup')"
-              >
+              <el-option-group :label="i18nt('designer.setting.customRenderGroup')">
                 <el-option value="render" label="render"></el-option>
               </el-option-group>
               <el-option-group v-for="t in op" :key="t.label" :label="t.label">
@@ -484,8 +476,7 @@
               icon="el-icon-edit"
               @click="openFormatConfigDialog(rowData, rowDataIndex)"
               :disabled="
-                !columnFormatMap[rowData.formatS] &&
-                'widgetRender' !== rowData.formatS
+                !columnFormatMap[rowData.formatS] && 'widgetRender' !== rowData.formatS
               "
             ></el-button>
           </el-form-item>
@@ -505,6 +496,9 @@
           <el-form-item :label="i18nt('designer.setting.sortableColumn')">
             <el-switch v-model="rowData.sortable"></el-switch>
           </el-form-item>
+          <el-form-item label="显示筛选">
+            <el-switch v-model="rowData.filterable"></el-switch>
+          </el-form-item>
           <el-form-item :label="i18nt('明细行')">
             <el-switch v-model="rowData.isItemLine"></el-switch>
           </el-form-item>
@@ -565,9 +559,7 @@
               plain=""
               round=""
               icon="el-icon-edit"
-              @click="
-                editFormEventHandler(rowData, rowDataIndex, 'footerMethodConfg')
-              "
+              @click="editFormEventHandler(rowData, rowDataIndex, 'footerMethodConfg')"
               :disabled="rowData.footerDataType !== '3'"
             ></el-button>
           </el-form-item>
@@ -583,11 +575,7 @@
         </el-form>
       </div>
       <div class="dialog-footer" slot="footer">
-        <el-button
-          @click="closeRowEditDialog"
-          class="button-sty"
-          icon="el-icon-close"
-        >
+        <el-button @click="closeRowEditDialog" class="button-sty" icon="el-icon-close">
           {{ i18nt("designer.hint.cancel") }}
         </el-button>
         <el-button
@@ -609,7 +597,7 @@ import {
   generateId,
   loopHandleWidget,
   deepClone,
-  columnFormatMap
+  columnFormatMap,
 } from "../../../../../../components/xform/utils/util";
 import columnRenderDialog from "./columnRenderDialog.vue";
 
@@ -871,7 +859,7 @@ export default {
       showFormEventDialogFlag: false,
       formEventHandlerCode: "",
       curEventName: "",
-      curEventRow:null,
+      curEventRow: null,
 
       eventParamsMap: {
         footerMethodConfg: "footerMethodConfg(dataId,formCode,param) {",
@@ -912,21 +900,16 @@ export default {
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(
-            this.i18nt("designer.setting.syntaxCheckWarning")
-          );
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
           return;
         }
       }
-      this.curEventRow[this.curEventName] =
-        this.formEventHandlerCode;
+      this.curEventRow[this.curEventName] = this.formEventHandlerCode;
       this.showFormEventDialogFlag = false;
     },
     init() {
       setTimeout(() => {
-        this.tableData = this.$baseLodash.cloneDeep(
-          this.optionModel.tableColumns
-        );
+        this.tableData = this.$baseLodash.cloneDeep(this.optionModel.tableColumns);
         this.$nextTick(() => {
           this.rowDrop();
           setTimeout(() => {
@@ -1026,8 +1009,7 @@ export default {
       let newRow = this.generateRow(generateParentId);
       if (children) {
         if (type === "SIBLING") {
-          let addIndex =
-            children.findIndex((item) => item.columnId == row.columnId) + 1;
+          let addIndex = children.findIndex((item) => item.columnId == row.columnId) + 1;
           children.splice(addIndex, 0, newRow);
         } else {
           children.push(newRow);
@@ -1056,6 +1038,7 @@ export default {
         align: "left",
         show: true,
         sortable: true,
+        filterable: true,
         exportType: null,
         footerDataType: null,
         footerMethodConfg: null,
@@ -1074,9 +1057,7 @@ export default {
       const { parentId, columnId } = row;
       // 根节点直接删除
       if (!parentId) {
-        const delIndex = this.tableData.findIndex(
-          (item) => item.columnId === columnId
-        );
+        const delIndex = this.tableData.findIndex((item) => item.columnId === columnId);
         this.tableData.splice(delIndex, 1);
       } else {
         // 找到父节点，通过父节点删除
@@ -1095,9 +1076,7 @@ export default {
 
         const { children } = parentRow;
 
-        const delIndex = children.findIndex(
-          (item) => item.columnId === columnId
-        );
+        const delIndex = children.findIndex((item) => item.columnId === columnId);
 
         children.splice(delIndex, 1);
       }
@@ -1161,9 +1140,7 @@ export default {
     //数组转树
     arrToTree(arr, parentId) {
       return arr
-        .filter((item) =>
-          !parentId ? !item.parentId : item.parentId === parentId
-        )
+        .filter((item) => (!parentId ? !item.parentId : item.parentId === parentId))
         .map((item) => {
           item.children = this.arrToTree(arr, item.columnId);
           return item;
@@ -1257,7 +1234,8 @@ export default {
       let isButtontCell = this.getIsButtontCell(formatS);
       // let columnWidgetConfig = this.getColumnWidgetConfig(row, true, isEdit);
       // let { columnSelectedWidget, columnEditFields } = columnWidgetConfig;
-      let columnSelectedWidget = this.designer.createColumnWidget(row, isEdit)
+      let attachmentPrefix = this.designer.getAttachmentPrefix();
+      let columnSelectedWidget = this.designer.createColumnWidget(row, isEdit);
       if (!isEdit) {
         //格式化类型
         if (columnSelectedWidget) {
@@ -1268,6 +1246,11 @@ export default {
           row.widget = null;
         }
       } else {
+        if (row.prop && row.prop.startsWith(attachmentPrefix)) {
+          let suffix = row.prop.replace(attachmentPrefix, "");
+          columnSelectedWidget.options.keyName = row.prop;
+          columnSelectedWidget.options.keyNameSuffix = suffix;
+        }
         //编辑插槽类型
         if (columnSelectedWidget) {
           row.columnOption = columnSelectedWidget.options;
@@ -1300,9 +1283,7 @@ export default {
           if (!row.label) row.label = tmpId;
 
           if (this.userFields.includes(row.formatS)) {
-            let item = this.businessOptions.find(
-              (item) => item.value == row.formatS
-            );
+            let item = this.businessOptions.find((item) => item.value == row.formatS);
             if (item) {
               row.prop = item.value;
               row.label = item.label;
@@ -1311,11 +1292,12 @@ export default {
 
           row.sortable = true;
 
-          if (row.formatS == "editAttachment") {
-            row.prop = this.designer.createAttachmentKeyName();
-          } else {
-            let attachmentPrefix = this.designer.getAttachmentPrefix();
-            row.prop = row.prop.replaceAll(attachmentPrefix, "");
+          if (!isEdit) {
+            if (formatS == "editAttachment") {
+              row.prop = columnSelectedWidget.options.keyName;
+            } else {
+              row.prop = row.prop.replaceAll(attachmentPrefix, "");
+            }
           }
         }
       }
@@ -1439,10 +1421,7 @@ export default {
             result = column;
             break;
           } else if (column.children && column.children.length) {
-            let subColumn = this.findColumnByColumnId(
-              column.children,
-              children
-            );
+            let subColumn = this.findColumnByColumnId(column.children, children);
             if (subColumn) {
               result = subColumn;
               break;
@@ -1473,10 +1452,7 @@ export default {
         loopHandleWidget(formWidgetList, (item) => {
           if (item.options.name == dataTableName) {
             item.options.tableColumns = tableData;
-            targetColumn = this.findColumnByColumnId(
-              item.options.tableColumns,
-              columnId
-            );
+            targetColumn = this.findColumnByColumnId(item.options.tableColumns, columnId);
           }
         });
         let getWidgetList = (subWidgetList = []) => {
@@ -1549,7 +1525,6 @@ export default {
       }
     },
     openEditFormatConfigDialog(row, index) {
-
       let selectedWidget = row.editWidget;
       this.operateIndex = index;
 
@@ -1612,9 +1587,7 @@ export default {
         });
 
         if (syntaxErrorFlag) {
-          this.$message.error(
-            this.i18nt("designer.setting.syntaxCheckWarning")
-          );
+          this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
           return;
         }
       }
@@ -1638,25 +1611,19 @@ export default {
       let type1 = this.columnFormatMap[row.formatS];
       let type2 = this.columnFormatMap[row.editFormatS];
       let newWidget = type1
-        ? this.designer.copyNewFieldWidget(
-            this.designer.getFieldWidgetByType(type1)
-          )
+        ? this.designer.copyNewFieldWidget(this.designer.getFieldWidgetByType(type1))
         : null;
 
       let newEditWidget = type2
-        ? this.designer.copyNewFieldWidget(
-            this.designer.getFieldWidgetByType(type2)
-          )
+        ? this.designer.copyNewFieldWidget(this.designer.getFieldWidgetByType(type2))
         : null;
 
       if (newWidget.formItemFlag) {
         if (row.widget) {
-          if (row.widget.options[key] !== undefined)
-            row.widget.options[key] = value;
+          if (row.widget.options[key] !== undefined) row.widget.options[key] = value;
         }
         if (row.columnOption) {
-          if (row.columnOption[key] !== undefined)
-            row.columnOption[key] = value;
+          if (row.columnOption[key] !== undefined) row.columnOption[key] = value;
         }
       }
 
@@ -1666,8 +1633,7 @@ export default {
             row.editWidget.options[key] = value;
         }
         if (row.editColumnOption) {
-          if (row.editColumnOption[key] !== undefined)
-            row.editColumnOption[key] = value;
+          if (row.editColumnOption[key] !== undefined) row.editColumnOption[key] = value;
         }
       }
     },

package/src/components/xform/form-designer/setting-panel/property-editor/downloadButtonFlag-editor.vue

@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">下载设置</el-divider>
+    </el-form-item>
+    <el-form-item label="表格唯一名称">
+      <el-input v-model="optionModel.dataTableName" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="类型">
+      <el-input v-model="optionModel.attachmentType" clearable></el-input>
+    </el-form-item>
+    <el-form-item label="文件名">
+      <el-input v-model="optionModel.fileName" clearable></el-input>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+
+export default {
+  name: "downloadButtonFlag-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
+</script>
+
+<style scoped></style>