kz-ui-base 1.0.0

package/list-bese-page/listBasePageTs.vue

@@ -0,0 +1,2170 @@
+<template>
+  <div
+    :class="{
+      'dialog-body-wrapper': true,
+    }"
+  >
+    <slot></slot>
+    <el-row id="main-row" :gutter="24">
+      <!--树数据-->
+      <el-col v-if="treeSetting.visable" :span="5" :xs="24">
+        <el-row>
+          <el-col style="margin: 8px 0">
+            <el-button
+              v-if="treeSetting.visableButton"
+              @click="tree_insert()"
+              icon="el-icon-plus"
+              type="primary"
+              size="mini"
+              >添加下层</el-button
+            >
+            <el-button
+              v-if="treeSetting.visableButton"
+              @click="tree_update"
+              icon="el-icon-edit"
+              type="warning"
+              size="mini"
+              >修改本层</el-button
+            >
+            <el-button
+              v-if="treeSetting.visableButton"
+              @click="tree_del"
+              icon="el-icon-delete"
+              type="danger"
+              size="mini"
+              >删除本层</el-button
+            >
+          </el-col>
+        </el-row>
+        <div
+          class="wrapper-container wrapper-container-supplement"
+          :style="{
+            'min-height': treeHeight + treeAutoFitPixels + 'px',
+          }"
+          style="margin-bottom: 0px"
+        >
+          <div class="head-container">
+            <el-input
+              v-if="treeSetting.visableSearchBox"
+              v-model="treeShapeName"
+              :placeholder="treeSetting.title"
+              clearable
+              size="small"
+              prefix-icon="el-icon-search"
+              style="margin-bottom: 20px"
+            />
+          </div>
+          <div class="head-container" v-if="treeSetting.dropDownSliders">
+            <el-scrollbar
+              :style="{
+                height: treeHeight + treeAutoFitPixels + 'px',
+                width: '100%',
+              }"
+            >
+              <el-tree
+                class="treescroll"
+                :data="treeShapeOptions"
+                node-key="id"
+                :props="defaultProps"
+                default-expand-all
+                :expand-on-click-node="false"
+                :filter-node-method="filterNode"
+                :current-node-key="currentNodekey"
+                highlight-current
+                ref="tree"
+                @node-click="handleNodeClick"
+              />
+            </el-scrollbar>
+          </div>
+
+          <div class="head-container" v-else>
+            <el-tree
+              class="treescroll"
+              :data="treeShapeOptions"
+              :props="defaultProps"
+              node-key="id"
+              :current-node-key="currentNodekey"
+              :expand-on-click-node="false"
+              :filter-node-method="filterNode"
+              ref="tree"
+              default-expand-all
+              highlight-current
+              @node-click="handleNodeClick"
+            />
+          </div>
+        </div>
+      </el-col>
+      <!--用户数据-->
+      <el-col id="table-col" :span="treeSetting.visable ? 19 : 24" :xs="24">
+        <div
+          class="wrapper-container"
+          style="margin-botom: 0px; display: inline-block; width: 100%"
+          v-show="isShowSearch"
+        >
+          <el-form v-if="!disableSearch" ref="queryForm">
+            <el-col
+              v-for="(searchRule, index) in searchRules"
+              :key="index"
+              v-if="
+                searchRule.visible == undefined || searchRule.visible != false
+              "
+              :span="searchRule.width || 6"
+              :disabled="searchRule.disabled"
+              :style="
+                searchRule.displayType == 'Upload'
+                  ? ''
+                  : searchRule.displayType == 'Editor'
+                  ? 'height: 280px'
+                  : ''
+              "
+            >
+              <el-form
+                :ref="`queryForm${index}`"
+                :model="searchRule"
+                :rules="rules"
+                :inline="true"
+                :label-width="labelwidth"
+              >
+                <component
+                  :ref="
+                    searchRule.displayType == 'Cascader'
+                      ? 'cascader'
+                      : searchRule.displayType
+                  "
+                  v-if="
+                    searchRule.visible == undefined ||
+                    searchRule.visible != false
+                  "
+                  :is="
+                    searchRule.displayType != null
+                      ? 'KZ_' + searchRule.displayType
+                      : 'KZ_TextBox'
+                  "
+                  :columns="searchRules"
+                  :column="searchRule"
+                  :entity="searchRule"
+                  :setting.sync="searchRule.setting"
+                  :value="searchRule.value"
+                  @change="onChangeEvent"
+                  @keyup.enter.native="handleQuery"
+                  @onSearch="onSearch"
+                >
+                </component>
+              </el-form>
+            </el-col>
+            <el-form-item style="float: right">
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="mini"
+                @click="handleQuery"
+                >搜索</el-button
+              >
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+
+        <div class="wrapper-container sumrow" style="margin-bottom: 0px">
+          <el-row :gutter="10" class="mb8">
+            <template v-for="opMenu in opMenus">
+              <el-col :key="opMenu.name" :span="1.5" v-if="opMenu.visable">
+                <el-button
+                  :type="opMenu.cssType || 'primary'"
+                  :icon="opMenu.icon"
+                  :disabled="opMenu.disabled"
+                  size="mini"
+                  @click="onOpMenuClick({ opMenu: opMenu })"
+                  v-hasPermi="[
+                    opMenu.permission,
+                    `${moduleName}:${serviceName}:${opMenu.permission}`,
+                  ]"
+                >
+                  {{ opMenu.text }}
+                </el-button>
+              </el-col>
+            </template>
+            <template v-for="(opMenu, index) in customOpMenus">
+              <el-col :key="index" :span="1.5" v-if="opMenu.visable">
+                <el-button
+                  :type="opMenu.cssType || 'primary'"
+                  :icon="opMenu.icon"
+                  :disabled="opMenu.disabled"
+                  size="mini"
+                  @click="onCustomOpMenuClick({ opMenu: opMenu })"
+                  v-hasPermi="[
+                    opMenu.permission,
+                    `${moduleName}:${serviceName}:${opMenu.permission}`,
+                  ]"
+                >
+                  {{ opMenu.text }}
+                </el-button>
+              </el-col>
+            </template>
+
+            <right-toolbar
+              v-if="showToolBar"
+              :showSearch.sync="isShowSearch"
+              :sortVisible="false"
+              @queryTable="getList"
+              :columns="listColumns"
+            />
+          </el-row>
+
+          <el-table
+            ref="multipleTable"
+            :height="tableHeight"
+            :border="true"
+            v-loading="loading"
+            :data="listData"
+            :show-summary="listSetting.isShowSumRow"
+            :summary-method="getSummaries"
+            highlight-current-row
+            @row-click="clickRow"
+            @selection-change="onSelectionChange"
+            :listCustomOpMenus="listCustomOpMenus"
+            @cell-dblclick="dblClick"
+            :header-cell-style="listSetting.headerCellStyle"
+          >
+            <el-table-column
+              v-if="isMultiple"
+              type="selection"
+              width="50"
+              align="center"
+            />
+            <el-table-column
+              v-if="listSetting.isShowIndexColumn != false"
+              type="index"
+              label="序号"
+              width="50"
+              align="center"
+            >
+              <template scope="scope">
+                <span>{{
+                  (listQueryParams.pageNum - 1) * listQueryParams.pageSize +
+                  scope.$index +
+                  1
+                }}</span>
+              </template>
+            </el-table-column>
+            <template v-for="(column, index) in listColumns">
+              <el-table-column
+                :show-overflow-tooltip="true"
+                :key="index"
+                :label="column.text"
+                :align="column.align || 'left'"
+                :prop="column.property"
+                v-if="column.visible != false"
+                :min-width="column.width || 100"
+              >
+                <template slot-scope="scope">
+                  <span v-if="column.displayType == 'Upload'">
+                    <!-- {{ getFileNickName(scope.row[scope.column.property]) }} -->
+                  </span>
+                  <a
+                    style="color: #1890ff"
+                    v-if="
+                      column.setting &&
+                      column.setting.canClick &&
+                      column.setting.canClick === 'canClick'
+                    "
+                    @click="statusClick(scope)"
+                  >
+                    {{ scope.row[column.property] }}
+                  </a>
+                  <span v-else-if="column.displayType == 'DatePicker'">
+                    {{
+                      dateFormat(
+                        scope.row,
+                        column,
+                        scope.row[column.property],
+                        scope.row[column.property]
+                      )
+                    }}
+                  </span>
+                  <span
+                    v-else-if="
+                      column.setting &&
+                      column.setting.type &&
+                      column.setting.type === 'bool'
+                    "
+                  >
+                    {{ String(scope.row[column.property]) === "1" ? "是" : "" }}
+                    {{ String(scope.row[column.property]) === "0" ? "否" : "" }}
+                  </span>
+                  <span
+                    v-else-if="
+                      column.setting &&
+                      column.setting.type &&
+                      column.setting.type === 'boolNormal'
+                    "
+                  >
+                    {{
+                      String(scope.row[column.property]) === "1"
+                        ? column.setting.val1
+                        : ""
+                    }}
+                    {{
+                      String(scope.row[column.property]) === "0"
+                        ? column.setting.val2
+                        : ""
+                    }}
+                  </span>
+                  <span
+                    v-else-if="
+                      column.setting &&
+                      (column.setting.type || column.setting.dictType)
+                    "
+                  >
+                    {{
+                      tableDisplayFormat(
+                        scope.row,
+                        column,
+                        scope.row[column.property]
+                      )
+                    }}
+                  </span>
+                  <span v-else-if="column.setting && column.setting.urlFormat">
+                    {{
+                      tableDisplayFormatByUrl(
+                        scope.row,
+                        column,
+                        scope.row[column.property]
+                      )
+                    }}
+                  </span>
+                  <span v-else-if="column.htmlFormat">
+                    <span
+                      v-html="
+                        evalFunction(
+                          column.htmlFormat,
+                          scope.row,
+                          column,
+                          scope.row[column.property]
+                        )
+                      "
+                    ></span>
+                  </span>
+                  <span v-else-if="column.format">
+                    {{
+                      evalFunction(
+                        column.format,
+                        scope.row,
+                        column,
+                        scope.row[column.property]
+                      )
+                    }}
+                  </span>
+                  <span v-else-if="column.click">
+                    <el-link
+                      type="primary"
+                      @click="
+                        evalFunction(
+                          column.click,
+                          scope.row,
+                          column,
+                          scope.row[column.property]
+                        )
+                      "
+                    >
+                      <span v-if="column.clickFormat">
+                        {{
+                          evalFunction(
+                            column.clickFormat,
+                            scope.row,
+                            column,
+                            scope.row[column.property]
+                          )
+                        }}
+                      </span>
+                      <span v-else>{{ scope.row[scope.column.property] }}</span>
+                    </el-link>
+                  </span>
+                  <KZ_DropDownList
+                    v-else-if="
+                      column.displayType == 'DropDownList' &&
+                      column.setting.displayMode == 'form'
+                    "
+                    :column="column"
+                    :entity="scope.row"
+                    :value="scope.row[column.property]"
+                    :setting.sync="column.setting"
+                    @change="onChangeEvent"
+                  >
+                  </KZ_DropDownList>
+                  <el-switch
+                    v-else-if="
+                      column.displayType == 'Switch' &&
+                      column.setting &&
+                      column.setting.valType &&
+                      column.setting.valType === 'number'
+                    "
+                    v-model="scope.row[column.property]"
+                    :disabled="true"
+                    @change="onChangeEvent"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                    active-value="1"
+                    inactive-value="0"
+                  >
+                  </el-switch>
+                  <el-switch
+                    v-else-if="column.displayType == 'Switch'"
+                    v-model="scope.row[column.property]"
+                    :disabled="true"
+                    @change="onChangeEvent"
+                    active-color="#13ce66"
+                    inactive-color="#ff4949"
+                  >
+                  </el-switch>
+                  <span v-else>
+                    {{ scope.row[scope.column.property] }}
+                  </span>
+                </template>
+              </el-table-column>
+            </template>
+
+            <el-table-column
+              label="操作"
+              align="center"
+              min-width="160"
+              class-name="small-padding fixed-width"
+              v-if="listSetting.isShowOpColumn"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  v-for="(opMenu, index) in listCustomOpMenus"
+                  :key="index"
+                  size="mini"
+                  type="text"
+                  :icon="opMenu.icon"
+                  @click="
+                    onListCustomOpMenuClick({ opMenu: opMenu, data: scope.row })
+                  "
+                  v-hasPermi="['system:role:set']"
+                >
+                  {{ opMenu.text }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <div class="rtdiv mb8" v-if="usePagination">
+          <pagination
+            :total="listQueryParams.total"
+            :page.sync="listQueryParams.pageNum"
+            :limit.sync="listQueryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
+      </el-col>
+    </el-row>
+    <div v-if="value && value.btnShow" class="dialog-footer">
+      <el-button type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div>
+
+    <!-- 添加或修改参数配置对话框 -->
+    <component
+      ref="editDialog"
+      :title="title"
+      :moduleName="moduleName"
+      :serviceName="serviceName"
+      :entity.sync="currentEntity"
+      :setting.sync="editSetting"
+      :columns.sync="editColumns"
+      :rules.sync="editRules"
+      :customOpMenus.sync="editCustomOpMenus"
+      :areaSetting="areaSetting"
+      v-on:onCustomOpMenuClick="onEditCustomOpMenuClick"
+      v-on:onSaveClick="onEditSaveClick"
+      v-on:onCancelClick="onEditCancelClick"
+      v-on:change="onChangeEvent"
+      @onSearch="onSearch"
+      v-if="editSetting.isShow"
+      width="600px"
+      append-to-body
+      v-dialogDrag
+      v-dialogDragHeight
+      :is="editDialogComponent"
+    >
+    </component>
+
+    <!-- 用户导入对话框 -->
+    <UploadDialog
+      ref="uploadDialog"
+      :moduleName="moduleName"
+      :serviceName="serviceName"
+      :setting.sync="uploadSetting"
+      :visible.sync="uploadSetting.isShow"
+      width="400px"
+      append-to-body
+      v-dialogDrag
+      v-dialogDragHeight
+      v-on:onImportSuccess="onImportSuccess"
+    >
+    </UploadDialog>
+
+    <!-- 打印界面对话框 -->
+    <printDialog
+      ref="printDialog"
+      :moduleName="moduleName"
+      :serviceName="serviceName"
+      :templateType="templateType"
+      :setting.sync="printSetting"
+      :visible.sync="printSetting.isShow"
+      :entity.sync="currentEntity"
+      width="70%"
+      append-to-body
+      v-dialogDrag
+      v-dialogDragHeight
+    >
+    </printDialog>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Prop, Vue, Watch } from "vue-property-decorator";
+import {
+  startWorkflow,
+  listEntity,
+  getEntity,
+  addEntity,
+  updateEntity,
+  delEntity,
+  getUrl,
+  treeSelect,
+  initField,
+  initTableField,
+  selectInterfaceSetting,
+  initEditListColumns,
+  initSearchRules,
+  getNameByDeptId,
+} from "@api/common/common";
+import {
+  getSiteNameByIdOrNo,
+  getWorkAreaNameByIdOrNo,
+  getWorkCenterNameByIdOrNo,
+  getWorkUnitNameByIdOrNo,
+  getStorageZoneNameByIdOrNo,
+} from "@utils/cache/fdCache";
+import { filePriview, getFilePriviewUrl, getFileNickName } from "@utils/file";
+import * as Utils from "@utils/utils";
+
+import WfDialog from "@/components/base/dialog/wfDialog.vue";
+
+import { getToken } from "@utils/auth";
+import _ from "lodash";
+@Component({
+  components: {},
+})
+export default class listBasePage extends Vue {
+  @Prop()
+  value;
+
+  //搜索条件labe宽度
+  labelwidth = "100px";
+  disableSearch = false;
+  showToolBar = true;
+  usePagination = true;
+  //窗口自适应
+  listeningWindow = true;
+  //屏幕高度
+  tableHeight = 700;
+  treeHeight = 700;
+  //自适应高度参数
+  tableAutoFitPixels = 0;
+  treeAutoFitPixels = 0;
+  //微服务模块名称
+  moduleName = "";
+  //实体名称-服务名称
+  serviceName = "";
+  //标签类型
+  templateType = "";
+  //页面标题
+  title = "";
+  // 遮罩层
+  loading = false;
+  submitLoading = false;
+  // 选中数组
+  ids = [];
+  // 选中数组名称
+  idsText = [];
+  // 非单个禁用
+  single = true;
+  // 非多个禁用
+  multiple = true;
+  // 显示搜索条件
+  isShowSearch = true;
+  // 搜索条件是否使用Entity搜索
+  isSearchUseEntity = false;
+  //表格是否自动加载数据
+  isAutoLoad = true;
+  //列表界面是否显示明细
+  isShowEditItems = false;
+  // 启用多选模式
+  isMultiple = true;
+  //当前功能主键字段
+  pkField = "id";
+  //当前功能显示文本字段
+  displayField = undefined;
+  // 树名称
+  treeShapeName = undefined;
+  defaultProps = {
+    children: "children",
+    label: "name",
+  };
+  //树选项
+  treeShapeOptions = undefined;
+  currentSelectTreeId = undefined;
+  //默认高亮选中
+  currentNodekey = "";
+  //树设定
+  treeSetting = {
+    moduleName: undefined,
+    serviceName: undefined,
+    //主键字段
+    pkField: "id",
+    //树外键主键字段
+    treeFkField: undefined,
+    //树形显示隐藏
+    visable: false,
+    //树形上面的button是否显示
+    visableButton: false,
+    //是否显示树搜索
+    visableSearchBox: true,
+    //是否显示下拉滑块
+    dropDownSliders: false,
+    //搜索框标题
+    title: "",
+  };
+
+  // 是否启用工作流
+  isWfEnable = false;
+  // 工作流Key，必须与后台代码及审批流中中定义的工作流Key保持一致，未赋值时默认取值 this.serviceName
+  wfKey = undefined;
+
+  // 列表数据
+  listData = [];
+
+  // 当前选中行实体
+  currentEntity = {};
+  // 当前选中行实体集合
+  currentEntities = [];
+
+  //操作菜单设定
+  opMenus = [
+    {
+      visable: true,
+      text: "添加",
+      icon: "el-icon-plus",
+      permission: "add",
+      name: "add",
+      isShowText: false,
+      cssType: "primary",
+    },
+    {
+      visable: true,
+      text: "复制",
+      icon: "ion-md-copy",
+      permission: "add",
+      name: "copy",
+      isShowText: false,
+      cssType: "primary",
+      disabled: this.multiple || !this.currentEntity,
+    },
+    {
+      visable: true,
+      text: "修改",
+      icon: "el-icon-edit",
+      permission: "edit",
+      name: "update",
+      isShowText: false,
+      cssType: "warning",
+      disabled: this.multiple || !this.currentEntity,
+    },
+    {
+      visable: true,
+      text: "删除",
+      icon: "el-icon-delete",
+      permission: "remove",
+      name: "delete",
+      isShowText: false,
+      cssType: "danger",
+      disabled: !!this.currentEntity,
+    },
+    {
+      visable: true,
+      text: "查看",
+      icon: "ion-md-information-circle-outline",
+      name: "detail",
+      isShowText: false,
+      cssType: "success",
+      disabled: this.multiple || !this.currentEntity,
+    },
+
+    {
+      visable: true,
+      text: "导出",
+      icon: "ion-md-cloud-download",
+      name: "export",
+      isShowText: false,
+      cssType: "success",
+    },
+    {
+      visable: true,
+      text: "导入",
+      icon: "ion-md-cloud-upload",
+      permission: "add",
+      name: "import",
+      isShowText: false,
+      cssType: "primary",
+    },
+    {
+      visable: false,
+      text: "发起审批",
+      icon: "el-icon-position",
+      permission: "startWf",
+      name: "startWf",
+      isShowText: false,
+      cssType: "success",
+      disabled: this.multiple || !this.currentEntity,
+    },
+    {
+      visable: false,
+      text: "审批进度",
+      icon: "el-icon-view",
+      permission: "showWf",
+      name: "showWf",
+      isShowText: false,
+      cssType: "info",
+      disabled: this.multiple || !this.currentEntity,
+    },
+    //{ visable: false, text: "自定义", icon: "ion-md-aperture", name: "uiConfig", isShowText: false },
+    //{ visable: true, text: "批量操作", icon: "ion-md-checkmark-circle-outline", name: "multi", isShowText: false },
+    //{ visable: true, text: "高级搜索", icon: "ion-md-paw", name: "advanceSearch", isShowText: false },
+    {
+      visable: true,
+      text: "打印",
+      icon: "ion-md-print",
+      name: "print",
+      isShowText: false,
+      cssType: "success",
+      disabled: this.multiple || !this.currentEntity,
+    },
+    {
+      visable: true,
+      text: "高级搜索",
+      icon: "ion-md-print",
+      name: "search",
+      isShowText: false,
+      cssType: "success",
+    },
+  ];
+  //自定义操作菜单设定 - 若无自定义按钮，不需要重写
+  customOpMenus = [
+    //{
+    //  visable: true,
+    //  text: "按钮1",
+    //  icon: "el-icon-plus",
+    //  permission: "",
+    //  name: "custom1",
+    //  isShowText: false,
+    //  cssType: "success",
+    //},
+  ];
+  // 列表分页参数
+  listQueryParams = {
+    pageNum: 1,
+    pageSize: 10,
+    totalPages: 1,
+    total: 0,
+    orderBy: "id",
+    isAsc: "desc",
+  };
+  listSetting = {
+    //获取列表数据的api方法名
+    getListAction: "list",
+    //主键字段
+    pkField: this.pkField,
+    // 遮罩层
+    loading: false,
+    //是否显示合计行
+    isShowSumRow: false,
+    //是否显示分页栏
+    isShowPager: true,
+    //是否显示操作栏
+    isShowOpColumn: true,
+    //单点时选中行多选
+    multipleChoice: false,
+    //表头标签居中
+    headerCellStyle: {
+      textAlign: "center",
+    },
+  };
+  // 列表列信息
+  listColumns = [
+    //{ text: `用户编码`, property: "userNo", type: "string", visible: true },
+    //{ text: `用户账号`, property: "userAccount", visible: true },
+  ];
+  //列表自定义操作菜单设定 - 若无自定义按钮，不需要重写
+  listCustomOpMenus = [
+    //{ visable: true, text: "按钮1", icon: "el-icon-edit", permission: "", name: "custom1", isShowText: false }
+  ];
+  // 列表查询条件
+  searchRules = [
+    // {op:"EQ", text: `用户编码`, property: "userNo", value: "", visible: true },
+    //{op:"EQ", text: `用户账号`, property: "userAccount", value: "", visible: true },
+  ];
+  //列表校验
+  rules = {};
+
+  editSetting = {
+    canClick: "",
+    valType: "",
+    val1: "",
+    val2: "",
+    type: "",
+    pkField: this.pkField,
+    // 弹出层标题
+    title: "",
+    // 是否显示编辑窗口
+    isShow: false,
+    // 保存时是否自动关闭
+    isCloseOnSave: true,
+    //弹框宽度
+    width: "60%",
+    //input标题宽度
+    labelWidth: "120px",
+    //确定按钮loading
+    submitLoading: false,
+    //确定取消按钮显示
+    bottomShow: true,
+    //是否显示表格
+    isShowEditItems: false,
+    //明细-微服务模块名称
+    itemModuleName: "sample",
+    //明细-实体名称-服务名称
+    itemServiceName: "orderItem",
+    //明细-外键字段
+    itemFkField: "itemFkField",
+    //弹框table配置
+    listSetting: {
+      //获取列表数据的api方法名
+      getListAction: "list",
+      //主键字段
+      pkField: this.pkField,
+      // 遮罩层
+      loading: false,
+      //是否显示分页栏
+      // isShowPager: true,
+      //是否显示操作栏
+      isShowOpColumn: true,
+      //表格信息
+      listColumns: [
+        // { text: `用户名1`, property: "userName",displayType:'TextBox' },
+        // { text: `昵称`, property: "nickName",displayType:'TextBox'},
+        // { text: `昵称`,property: "test7",displayType:'dropDownList', setting: { type: "User" ,displayMode:'form' //在表格里显示}},
+      ],
+      // 表单校验
+      rules: {},
+    },
+    // 打印模板显示
+  };
+  printDialogShow = false;
+  //设置编辑界面窗口组件
+  editDialogComponent = "EditDialog";
+
+  //编辑列区域设置，含控件区域分组及Tab设置
+  areaSetting = [
+    {
+      name: "basic",
+      visable: true,
+      icon: "ion-plus-round",
+      text: "基本信息",
+      type: "area",
+    },
+  ];
+
+  // 列信息
+  editColumns = [
+    //{ text: `用户编码`, property: "userNo", visible: true, area: "basic" },
+    //{ text: `用户账号`, property: "userAccount", visible: true, area: "tab1" },
+  ];
+
+  // 表单校验
+  editRules = {};
+  //编辑界面按钮菜单
+  editOpMenus = [
+    { name: "save", visable: true, icon: "ion-plus-round", text: "保存" },
+    { name: "close", visable: true, icon: "ion-md-create", text: "关闭" },
+  ];
+  //编辑界面自定义按钮菜单 - 若无自定义按钮，不需要重写
+  editCustomOpMenus = [
+    //{ name: "custom1", visable: true, icon: "ion-plus-round", text: "自定义1" }
+  ];
+
+  // 用户导入参数
+  uploadSetting = {
+    // 是否显示编辑窗口
+    isShow: false,
+    // 弹出层标题（用户导入）
+    title: "导入",
+    // 是否禁用上传
+    isUploading: false,
+    // 是否更新已经存在的用户数据
+    updateSupport: 0,
+    // 设置上传的请求头部
+    headers: { Authorization: "Bearer " + getToken() },
+    // 上传的地址
+    url:
+      process.env.VUE_APP_BASE_API +
+      `${this.moduleName}/${this.serviceName}/importData`,
+  };
+  // 打印参数
+  printSetting = {
+    // 是否显示编辑窗口
+    isShow: false,
+    // 弹出层标题（用户导入）
+    title: "打印模板",
+    //打印类型
+    templateType: "",
+    // 保存时是否自动关闭
+    isCloseOnSave: true,
+    currentEntity: undefined,
+  };
+
+  //页面缓存数据
+  cachedData = [];
+
+  // @Watch("searchRules", { deep: true })
+  //  watchSearchRules(newVal, oldVal) {
+  //   if (newVal) {
+  //    newVal.forEach(item => {
+  //     this.listParams[item.property] = item[item.property];
+  //    });
+  //    console.log(this.listParams)
+
+  //   }
+  // }
+
+  @Watch("isShowSearch")
+  resizeTableOnToggleSearchPanel() {
+    let that = this;
+    if (this.listeningWindow) {
+      setTimeout(() => {
+        if (that.$refs.multipleTable != null) {
+          that.$set(
+            that,
+            "tableHeight",
+            window.innerHeight -
+              65 -
+              (that.$refs.multipleTable as any).$el.getBoundingClientRect()
+                .top -
+              (that.value && that.value.btnShow ? 150 : 0) -
+              that.tableAutoFitPixels
+          );
+        }
+
+        if (that.treeSetting != null && that.treeSetting.visable) {
+          that.$set(
+            that,
+            "treeHeight",
+            window.innerHeight -
+              16 -
+              (that.$refs.tree as any).$el.getBoundingClientRect().top -
+              (that.value && that.value.btnShow ? 150 : 0) -
+              that.treeAutoFitPixels
+          );
+        }
+      }, 0);
+    }
+  }
+
+  @Watch("treeShapeName")
+  watchTreeShapeName(val, oldVal) {
+    (this.$refs.tree as any).filter(val);
+  }
+
+  created() {
+    // const coms = [KZ_TextBox]; // 将来如果有其它组件,都可以写到这个数组里
+
+    //  coms.forEach((com) => {
+    //      Vue.component(com.name, com);
+    //  });
+
+    // console.log(this.listColumns);
+    this.initTableField();
+    //获取树数据
+    if (this.treeSetting.visable) {
+      this.getTreeSelect();
+    }
+    if (this.isAutoLoad) {
+      if (this.moduleName && this.serviceName) this.getList();
+    }
+    this.editSetting.pkField = this.pkField;
+    this.listSetting.pkField = this.pkField;
+    if (this.isWfEnable) {
+      this.updateOpMenu({ visable: true }, ["startWf", "showWf"]);
+    }
+  }
+
+  getFileNickName = getFileNickName;
+  getFilePriviewUrl = getFilePriviewUrl;
+  filePriview = filePriview;
+  getTreeSelect() {
+    // treeSelect(this.treeSetting.moduleName).then((response) => {
+    //   this.treeShapeOptions = response.data;
+    // });
+    treeSelect(this.treeSetting.moduleName, this.treeShapeName).then(
+      (response) => {
+        this.treeShapeOptions = response.data;
+        if (this.treeShapeOptions.length > 0) {
+          if (this.currentNodekey) {
+            this.$nextTick(() => {
+              (this.$refs as any).tree.setCurrentKey(this.currentNodekey); //一定要加这个选中了否则样式没有出来
+              // this.handleNodeClick(this.treeShapeOptions[0].children[0])//默认点击行
+            });
+          }
+        }
+      }
+    );
+  }
+  // 筛选节点
+  filterNode(value, data) {
+    if (!value) return true;
+    return data.label.indexOf(value) !== -1;
+  }
+
+  // 节点单击事件
+  handleNodeClick(data) {
+    let tree = this.treeSetting;
+    this.moduleName = tree.moduleName;
+    this.serviceName = tree.serviceName;
+    // if (data.type === "0") {
+    //   console.log(tree.pkField);
+    //   console.log(this.listQueryParams);
+    //   this.listQueryParams[tree.pkField] = data[tree.treeFkField];
+    //   console.log(this.listQueryParams[tree.pkField]);
+    // } else if (data.type === "1") {
+    //   this.listQueryParams.postId = data.id;
+    //   this.listQueryParams.deptId = undefined;
+    // }
+    this.listQueryParams[tree.pkField] = data[tree.treeFkField];
+    this.currentSelectTreeId = data.id;
+    this.listQueryParams.pageNum = 1;
+    this.loading = true;
+    initField(this.moduleName, data)
+      .then((response) => {
+        if (response.code != 200) {
+          (this as any).msgError("初始化失败！");
+        }
+        listEntity(
+          this.moduleName,
+          this.serviceName,
+          {
+            interfaceSettingId: this.currentSelectTreeId,
+            ...this.listQueryParams,
+          },
+          this.listSetting.getListAction
+        ).then((response) => {
+          this.listData = response.rows;
+          this.listQueryParams.total = Number(response.total);
+          this.loading = false;
+        });
+      })
+      .catch(() => {
+        this.loading = false;
+      });
+
+    //this.getList();
+  }
+  onSearch(value) {
+    console.log(111);
+  }
+  evalFunction(fn, row, column, value) {
+    return this[fn](row, column, value);
+  }
+
+  /** 自定义列显示格式方法 */
+  fileFormat(data, column) {
+    return this.getFileNickName(data.remark);
+  }
+  /** 自定义列显示格式方法 */
+  remarkFormat(data, column) {
+    return data.remark ? "有备注" : "无备注";
+  }
+  /** 自定义列点击方法 */
+  onFilePriview(data, column) {
+    if (data.remark) this.filePriview(data.remark);
+  }
+  /** 自定义列显示Html */
+  getFilePriviewLink(data, column) {
+    return `<a href="${this.getFilePriviewUrl(data.remark)}" target="_blank">${
+      data.remark ? "自定义预览" : ""
+    }</a>`;
+  }
+  getSummaries(param) {
+    const { columns, data } = param;
+    const sums = [];
+    columns.forEach((column, index) => {
+      if (index === 0) {
+        sums[index] = "合计";
+        return;
+      }
+      const values = data.map((item) => Number(item[column.property]));
+
+      this.listColumns.forEach((it) => {
+        if (it.property == column.property && it.isShowSum) {
+          {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[index];
+          }
+        }
+      });
+    });
+
+    return sums;
+  }
+
+  /** 获取查询条件 */
+  getSearchParams(pagerInfo, searchRules) {
+    if (this.isSearchUseEntity)
+      return this.getEntitySearchParams(pagerInfo, searchRules);
+    if (!pagerInfo) pagerInfo = this.listQueryParams;
+    if (!searchRules) searchRules = this.searchRules;
+    // this.searchRules=[{op:"EQ", text: `用户编码`, property: "userNo", value: "", visible: true }]
+    var searchParams = { rules: [] };
+    for (var key in pagerInfo) {
+      if (pagerInfo[key]) searchParams[key] = pagerInfo[key];
+    }
+    if (this.searchRules) {
+      for (var item of searchRules) {
+        if (
+          item[item.property] ||
+          item[item.property] == 0 ||
+          item[item.property] == false
+        ) {
+          if (item.setting?.multiple) {
+            if (item[item.property]) {
+              searchParams.rules.push({
+                op: item.op,
+                property: item["property"],
+                value: _.join(item[item.property], ","),
+              });
+            }
+          } else if (item["displayType"] == "status") {
+            if (item[item.property]) {
+              searchParams.rules.push({
+                op: item.op,
+                property: item["property"],
+                value: item[item.property][0],
+              });
+            }
+          } else {
+            searchParams.rules.push({
+              op: item.op,
+              property: item["property"],
+              value: item[item.property],
+            });
+          }
+        }
+      }
+    }
+    return searchParams;
+  }
+  /** 获取查询条件 */
+  getEntitySearchParams(pagerInfo, searchRules) {
+    if (!pagerInfo) pagerInfo = this.listQueryParams;
+    if (!searchRules) searchRules = this.searchRules;
+    var searchParams = {};
+    for (var key in pagerInfo) {
+      if (
+        pagerInfo[key] != undefined &&
+        pagerInfo[key] != null &&
+        pagerInfo[key] != ""
+      )
+        searchParams[key] = pagerInfo[key];
+    }
+    if (this.searchRules) {
+      for (var item of searchRules) {
+        if (
+          item[item.property] == 0 ||
+          (item[item.property] != undefined &&
+            item[item.property] != null &&
+            item.value != "")
+        ) {
+          if (item.displayType == "status") {
+            if (item[item.property] || item[item.property] == 0) {
+              searchParams[item.property] = item[item.property][0];
+            }
+          } else {
+            searchParams[item.property] = item[item.property];
+          }
+        }
+      }
+    }
+    return searchParams;
+  }
+
+  //当前绑定实体字段值变更事件
+  onChangeEvent(args) {
+    //args:  { property: this.column.property, value: value, entity: this.entity, column: this.column }
+    //console.log(args);
+  }
+
+  /** 查询用户列表 */
+  getList() {
+    this.loading = true;
+    listEntity(
+      this.moduleName,
+      this.serviceName,
+      {
+        interfaceSettingId: this.currentSelectTreeId,
+        op: "AND", //配置字段
+        ...this.getSearchParams(undefined, undefined),
+      },
+      this.listSetting.getListAction
+    )
+      .then((response) => {
+        this.listData = response.rows;
+
+        this.listQueryParams.total = Number(response.total);
+        this.loading = false;
+      })
+      .catch(() => {
+        this.loading = false;
+      });
+  }
+
+  /** 表格列显示格式化方法 */
+  tableDisplayFormat(row, column, cellValue, listColumns) {
+    if (!listColumns) listColumns = this.listColumns;
+    for (var col of listColumns) {
+      if (col.property == column.property) {
+        if (col.setting) {
+          var result = null;
+          if (col.setting.dictType) {
+            result = (this as any).getDictLabelByValue(
+              col.setting.dictType,
+              cellValue,
+              col.setting.formatKeyValue
+            );
+          } else {
+            switch (col.setting.type) {
+              case "User":
+                result = (this as any).getNickNameByUserId(cellValue);
+                break;
+              case "Site":
+                result = getSiteNameByIdOrNo(cellValue);
+                break;
+              case "WorkArea":
+              case "PlantArea":
+              case "Workshop":
+              case "ProductionLine":
+              case "WorkshopSection":
+                result = getWorkAreaNameByIdOrNo(cellValue);
+                break;
+              case "WorkCenter":
+                result = getWorkCenterNameByIdOrNo(cellValue);
+                break;
+              case "WorkUnit":
+                result = getWorkUnitNameByIdOrNo(cellValue);
+                break;
+              case "Dept":
+                result = getNameByDeptId(cellValue);
+                break;
+              case "StorageZones":
+                result = getStorageZoneNameByIdOrNo(cellValue);
+                break;
+            }
+          }
+          return result || cellValue;
+        }
+        break;
+      }
+    }
+    console.log(cellValue);
+    return cellValue;
+  }
+  tableDisplayFormatByUrl(row, column, cellValue) {
+    // console.log("column", column);
+    // console.log("cachedData", this.cachedData);
+    if (
+      !column.setting.dataName ||
+      !column.setting.valueField ||
+      !column.setting.displayField
+    )
+      return cellValue;
+
+    if (!this.cachedData[column.setting.dataName]) {
+      getUrl(
+        column.setting.urlFormat,
+        column.setting.parameter || {},
+        "false"
+      ).then((response) => {
+        this.$set(this.cachedData, column.setting.dataName, response.data);
+      });
+    }
+
+    for (var item of this.cachedData[column.setting.dataName]) {
+      if (
+        item[column.setting.valueField] == cellValue ||
+        item.id == cellValue
+      ) {
+        return item[column.setting.displayField];
+      }
+    }
+    return cellValue;
+  }
+  renderHeader(h, { column, $index }) {
+    let realWidth = 0;
+    let span = document.createElement("span");
+
+    span.style.display = "inline-block";
+    span.innerText = column.label;
+    document.body.appendChild(span);
+
+    realWidth = span.clientWidth;
+    column.minWidth = realWidth;
+
+    document.body.removeChild(span);
+    return h("span", {}, [column.label]);
+  }
+  /** 时间格式化显示方法 */
+  dateFormat(data, column, value) {
+    var format = undefined;
+    if (column && column.setting && column.setting.format)
+      format = column.setting.format;
+    return Utils.formatDateTime(value, format);
+  }
+  /** 更新操作菜单按钮属性设置 */
+  updateOpMenu(option, menuNames) {
+    for (var menuName of menuNames) {
+      for (var opMenu of this.opMenus) {
+        if (opMenu.name == menuName) {
+          for (var key in option) {
+            opMenu[key] = option[key];
+          }
+          break;
+        }
+      }
+      for (let opMenu of this.customOpMenus) {
+        if (opMenu.name == menuName) {
+          for (let key in option) {
+            opMenu[key] = option[key];
+          }
+          break;
+        }
+      }
+    }
+  }
+
+  /** 更新列表列属性设置 */
+  updateListColumn(option, columnNames) {
+    this.updateColumns(option, columnNames, this.listColumns);
+  }
+  /** 更新编辑列属性设置 */
+  updateEditColumn(option, columnNames) {
+    this.updateColumns(option, columnNames, this.editColumns);
+  }
+  updateColumns(option, columnNames, columns) {
+    for (var columnName of columnNames) {
+      for (var column of columns) {
+        if (column.property == columnName) {
+          for (var key in option) {
+            column[key] = option[key];
+          }
+          break;
+        }
+      }
+    }
+  }
+  /** 重置操作菜单按钮状态 */
+  setOpMenuEnable() {
+    if (!this.currentEntity) {
+      this.updateOpMenu({ disabled: true }, [
+        "update",
+        "copy",
+        "delete",
+        "detail",
+        "print",
+        "startWf",
+        "showWf",
+      ]);
+    } else {
+      this.updateOpMenu({ disabled: false }, ["delete"]);
+      if (this.multiple) {
+        this.updateOpMenu({ disabled: true }, [
+          "update",
+          "copy",
+          "detail",
+          "print",
+          "startWf",
+          "showWf",
+        ]);
+      } else {
+        this.updateOpMenu({ disabled: false }, [
+          "update",
+          "copy",
+          "delete",
+          "detail",
+          "print",
+          "startWf",
+          "showWf",
+        ]);
+      }
+    }
+  }
+  /** 操作菜单按钮点击处理 */
+  onOpMenuClick(args) {
+    var opMenu = args.opMenu;
+    switch (opMenu.name) {
+      case "add":
+        this.handleAdd();
+        break;
+      case "copy":
+        this.handleCopy();
+        break;
+      case "update":
+        this.handleUpdate(undefined);
+        break;
+      case "delete":
+        this.handleDelete(undefined);
+        break;
+      case "import":
+        this.handleImport();
+        break;
+      case "export":
+        this.handleExport();
+        break;
+      case "print":
+        this.handlePrint();
+        break;
+      case "search":
+        this.handleSearch();
+        break;
+      case "startWf":
+        this.onStartWfClick(this.currentEntity);
+        break;
+      case "showWf":
+        this.onShowWfClick(this.currentEntity);
+        break;
+    }
+  }
+  /** 自定义操作菜单按钮点击处理 */
+  onCustomOpMenuClick(args) {
+    // console.log("ListBasePage:onCustomOpMenuClick:" + args.opMenu.name);
+  }
+  //多表格自定义操作菜单按钮点击处理
+  doubleOnCustomOpMenuClick(args) {}
+  /** 列表表格自定义按钮点击处理 */
+  onListCustomOpMenuClick(args) {
+    //console.log("ListBasePage:onListCustomOpMenuClick:" + args.opMenu.name);
+  }
+  /** 编辑界面自定义按钮点击处理 */
+  onEditCustomOpMenuClick(args) {
+    //console.log("ListBasePage:onEditCustomOpMenuClick:" + args.opMenu.name);
+  }
+  /** 编辑界面保存按钮点击处理 */
+  onEditSaveClick(args) {
+    var self = this;
+    console.log(args);
+    //验证JSON格式
+    if (args.data.validationRules || args.data.setting) {
+      try {
+        if (args.data.validationRules) {
+          var validationRules = JSON.parse(args.data.validationRules);
+        }
+        if (args.data.setting) {
+          var setting = JSON.parse(args.data.setting);
+        }
+      } catch (ex) {
+        (self as any).msgError("验证规则设置有误,JSON格式不正确,请检查!");
+        this.$set(this.editSetting, "submitLoading", false);
+        return;
+      }
+    }
+    //CheckBox数组转为字符串
+    this.editColumns.forEach((item) => {
+      for (const key in args.data || args.data.data) {
+        if (
+          key == item.property &&
+          (item.displayType == "CheckBox" || item.setting?.multiple)
+        ) {
+          if (args.data[key]) {
+            args.data[key] = _.join(args.data[key], ",");
+          } else if (args.data.data[key]) {
+            args.data.data[key] = _.join(args.data.data[key], ",");
+          }
+        }
+      }
+    });
+    if (
+      args.data[self.pkField] !== undefined ||
+      (args.data.data && args.data.data[self.pkField] !== undefined)
+    ) {
+      // if (this.editSetting.isShowEditItems) {
+      //   //  args.data.data.id=1
+      //   args.data.items.forEach((item) => {
+      //     // item.id=1
+      //   });
+      //   saveWithItems(args.data).then((response) => {
+      //     self.getList();
+      //     (self as any).msgSuccess("修改成功");
+      //     if (self.editSetting.isCloseOnSave) self.editSetting.isShow = false;
+      //     self.$set(this.editSetting, "submitLoading", false);
+      //   });
+      // } else {
+      updateEntity(self.moduleName, self.serviceName, args.data).then(
+        (response) => {
+          self.getList();
+          (self as any).msgSuccess("修改成功");
+          if (self.editSetting.isCloseOnSave) self.editSetting.isShow = false;
+          self.$set(this.editSetting, "submitLoading", false);
+          //self.editSetting.isShow = false;
+        },
+        (error) => {
+          this.editColumns.forEach((item) => {
+            for (const key in args.data || args.data.data) {
+              if (
+                key == item.property &&
+                (item.displayType == "CheckBox" || item.setting?.multiple)
+              ) {
+                if (args.data[key]) {
+                  args.data[key] = _.split(args.data[key], ",");
+                } else if (args.data.data[key]) {
+                  args.data.data[key] = _.split(args.data.data[key], ",");
+                }
+              }
+            }
+          });
+          self.$set(this.editSetting, "submitLoading", false);
+          /*console.log(error);*/
+        }
+      );
+      // }
+    } else {
+      // if (this.editSetting.isShowEditItems) {
+      //   args.data.data.id = null;
+      //   args.data.items.forEach((item) => {
+      //     item.id = null;
+      //   });
+      //   saveWithItems(args.data).then((response) => {
+      //     self.getList();
+      //     (self as any).msgSuccess("新增成功");
+      //     if (self.editSetting.isCloseOnSave) self.editSetting.isShow = false;
+      //     self.$set(this.editSetting, "submitLoading", false);
+      //   });
+      // } else {
+      addEntity(self.moduleName, self.serviceName, args.data).then(
+        (response) => {
+          self.getList();
+          (self as any).msgSuccess("新增成功");
+          if (self.editSetting.isCloseOnSave) self.editSetting.isShow = false;
+          self.$set(this.editSetting, "submitLoading", false);
+        },
+        (error) => {
+          this.editColumns.forEach((item) => {
+            for (const key in args.data || args.data.data) {
+              if (
+                key == item.property &&
+                (item.displayType == "CheckBox" || item.setting?.multiple)
+              ) {
+                if (args.data[key]) {
+                  args.data[key] = _.split(args.data[key], ",");
+                } else if (args.data.data[key]) {
+                  args.data.data[key] = _.split(args.data.data[key], ",");
+                }
+              }
+            }
+          });
+          self.$set(this.editSetting, "submitLoading", false);
+          /*console.log(error);*/
+        }
+      );
+      // }
+    }
+  }
+
+  onEditCancelClick(args) {
+    //console.log("ListBasePage:onEditCancelClick:");
+  }
+  /** 搜索按钮操作 */
+  handleQuery() {
+    let keys = Object.keys(this.rules).length;
+    let num = 0;
+    if (keys > 0) {
+      for (const key in this.rules) {
+        this.searchRules.forEach((item, index) => {
+          if (item.property == key) {
+            (this.$refs[`queryForm` + index] as any)[0].validate((valid) => {
+              if (valid) {
+                num++;
+                if (num == keys) {
+                  this.listQueryParams.pageNum = 1;
+                  this.getList();
+                }
+              }
+            });
+          }
+        });
+      }
+    } else {
+      this.listQueryParams.pageNum = 1;
+      this.getList();
+    }
+  }
+  /** 重置按钮操作 */
+  resetQuery() {
+    for (var searchRule of this.searchRules) {
+      this.$set(searchRule, searchRule.property, undefined);
+      if (searchRule.displayType == "Lookup") {
+        (this as any).$refs.Lookup.forEach((item) => {
+          item.reset();
+        });
+      }
+      if (searchRule.displayType == "Cascader") {
+        (this as any).$refs.cascader.forEach((item) => {
+          item.reset();
+        });
+      }
+    }
+    (this as any).resetForm("queryForm");
+
+    this.handleQuery();
+  }
+  //点击行多选
+  clickRow(row, column, event) {
+    // 单选
+    if (!this.listSetting.multipleChoice) {
+      if (this.currentEntities[0] == row) {
+        this.currentEntities = [];
+        (this.$refs.multipleTable as any).clearSelection();
+      } else {
+        this.currentEntities = [row];
+        (this.$refs.multipleTable as any).clearSelection();
+        (this.$refs.multipleTable as any).toggleRowSelection(row, true);
+        this.onSelectionChange(this.currentEntities, row);
+      }
+    } else {
+      //多选
+      const selected = this.currentEntities.some(
+        (item) => item[this.pkField] === row[this.pkField]
+      );
+      if (!selected) {
+        //选择
+        this.currentEntities.push(row);
+        (this.$refs.multipleTable as any).toggleRowSelection(row, true);
+        this.onSelectionChange(this.currentEntities, row);
+      } else {
+        // 取消
+        var finalArr = this.currentEntities.filter((item) => {
+          return item[this.pkField] !== row[this.pkField];
+        });
+        this.currentEntities = finalArr;
+
+        (this.$refs.multipleTable as any).toggleRowSelection(row, false);
+      }
+    }
+  }
+  // 多选框选中数据
+  onSelectionChange(selection, row) {
+    this.ids = selection.map((item) => item[this.pkField]);
+    if (this.displayField)
+      this.idsText = selection.map((item) => item[this.displayField]);
+    this.single = selection.length == 1;
+    this.multiple = selection.length > 1;
+    if (selection.length > 0) this.currentEntity = selection[0];
+    else this.currentEntity = undefined;
+    //this.setOpMenuEnable();
+    this.currentEntities = selection;
+    this.setOpMenuEnable();
+  }
+  // 表单重置
+  reset() {
+    var entity = {};
+    for (var key in this.currentEntity) {
+      entity[key] = undefined;
+    }
+    for (var column of this.editColumns) {
+      entity[column.property] = column.default;
+    }
+    this.$set(this, "currentEntity", entity);
+  }
+  /** 新增按钮操作 */
+
+  handleAdd() {
+    // this.reset();
+    // this.editSetting.title = "添加";
+    // // this.$refs.editDialog.show();
+    // this.editSetting.isShow = true;
+    // //this.form.password = this.initPassword
+    this.reset();
+    if (
+      this.moduleName == "lowcode" &&
+      (this.serviceName == "fieldDefinition" ||
+        this.serviceName == "listSetting" ||
+        this.serviceName == "dataEditing" ||
+        this.serviceName == "search")
+    ) {
+      if (this.currentSelectTreeId == undefined) {
+        (this as any).msgError("请在左侧选择一个界面设置！");
+      } else {
+        Vue.set(
+          this.currentEntity,
+          "interfaceSettingId",
+          this.currentSelectTreeId
+        );
+        this.editSetting.isShow = true;
+        this.editSetting.title = "添加";
+      }
+    } else {
+      this.editColumns.forEach((item) => {
+        if (item.setting && item.setting.default) {
+          this.$set(this.currentEntity, item.property, item.setting.default);
+        }
+      });
+      this.editSetting.isShow = true;
+      this.editSetting.title = "添加";
+    }
+  }
+  /** 复制按钮操作 */
+  handleCopy() {}
+  /** 修改按钮操作 */
+  handleUpdate(row) {
+    var self = this;
+    console.log("update");
+    //this.reset()
+    // this.getTreeSelect();
+    const id =
+      (row && row[this.listSetting.pkField]) ||
+      this.currentEntity[this.listSetting.pkField] ||
+      this.ids[0];
+    var query = {};
+    query[this.listSetting.pkField] = id;
+    getEntity(this.moduleName, this.serviceName, query).then((response) => {
+      this.editColumns.forEach((item) => {
+        for (const key in response.data) {
+          if (
+            key == item.property &&
+            (item.displayType == "CheckBox" || item.setting?.multiple)
+          ) {
+            response.data[key] = _.split(response.data[key], ",");
+          }
+        }
+      });
+      self.currentEntity = response.data;
+      self.editSetting.title = self.editSetting.title || "修改";
+      this.editSetting.type = "del";
+
+      self.editSetting.isShow = true;
+    });
+  }
+
+  /** 删除按钮操作 */
+  handleDelete(row) {
+    this.submitLoading = true;
+    const ids = row ? row[this.pkField] : this.ids;
+    const text = this.idsText;
+    let $this = this;
+    (this as any)
+      .$confirm("是否确认删除?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+      .then(function () {
+        return delEntity(
+          $this.moduleName,
+          $this.serviceName,
+          ($this as any).updateParamIds(ids)
+        );
+      })
+      .then(() => {
+        $this.getList();
+        ($this as any).msgSuccess("删除成功");
+      });
+
+    this.submitLoading = false;
+  }
+  /** 导出按钮操作 */
+  handleExport() {
+    var url = this.moduleName + "/" + this.serviceName + "/export";
+    (this as any).download(
+      url,
+      {
+        interfaceSettingId: this.currentSelectTreeId,
+        op: "AND", //配置字段
+        ...this.getSearchParams(undefined, undefined),
+      },
+      `${this.serviceName + new Date().getTime()}.xlsx`
+    );
+  }
+  /** 导入按钮操作 */
+  handleImport() {
+    this.uploadSetting.title = "导入";
+    // 上传的地址
+    this.uploadSetting.url =
+      process.env.VUE_APP_BASE_API +
+      `${this.moduleName}/${this.serviceName}/importData`;
+    (this.$refs.uploadDialog as any).show();
+  }
+  /** 搜索按钮 */
+  handleSearch() {
+    if (this.isShowSearch == true) {
+      this.isShowSearch = false;
+    } else {
+      this.isShowSearch = true;
+    }
+  }
+  //列表点击属性字段点击
+  statusClick(msg) {
+    alert();
+  }
+
+  onImportSuccess() {
+    this.getList();
+  }
+  handlePrint() {
+    this.printSetting.title = "打印模板";
+    this.printSetting.currentEntity = this.currentEntity;
+    this.printSetting.templateType = `/${this.moduleName}/${this.serviceName}`;
+    (this.$refs.printDialog as any).show();
+    // this.printDialogShow = true;
+  }
+
+  initTableField() {
+    var entityName =
+      this.serviceName.charAt(0).toUpperCase() + this.serviceName.slice(1);
+    selectInterfaceSetting({
+      moduleName: this.moduleName,
+      entityName: entityName,
+    }).then((response) => {
+      if (response.data.length == 1) {
+        //初始化菜单按钮
+        if (response.data[0].setting) {
+          console.log("初始化菜单按钮");
+          let updateOpMenu = JSON.parse(response.data[0].setting);
+          this.updateOpMenu(
+            { visable: updateOpMenu.visable },
+            updateOpMenu.updateOpMenu
+          );
+        }
+        //初始化列表格字段
+        initTableField({ interfaceSettingId: response.data.id }).then(
+          (response) => {
+            console.log("初始化列表字段");
+            for (var d of response.data) {
+              let a = {
+                setting: "",
+                width: "",
+                text: "",
+                property: "",
+                visible: "",
+                displayType: "",
+              };
+              if (d.setting) {
+                a.setting = JSON.parse(d.setting);
+              }
+              if (d.width) {
+                a.width = d.width;
+              }
+              if (d.displayType) {
+                a.displayType = d.displayType;
+              }
+              a.text = d.displayText;
+              a.property = d.field;
+              a.visible = d.display;
+              this.listColumns.push(a);
+            }
+          }
+        );
+        //初始化编辑页面
+        initEditListColumns({ interfaceSettingId: response.data.id }).then(
+          (response) => {
+            console.log("初始化编辑页面");
+            for (var d of response.data) {
+              //初始化编辑字段
+              let a = {
+                setting: "",
+                width: "",
+                text: "",
+                property: "",
+                visible: "",
+                displayType: "",
+                items: [],
+              };
+              if (d.setting) {
+                if (d.displayMode == "CheckBox") {
+                  a.items = JSON.parse(d.setting);
+                } else {
+                  a.setting = JSON.parse(d.setting);
+                }
+              }
+              if (d.width) {
+                a.width = d.width;
+              }
+              a.text = d.displayText;
+              a.property = d.field;
+              a.visible = d.display;
+              a.displayType = d.displayMode;
+              this.editColumns.push(a);
+              //初始化验证规则
+              if (d.validationRules) {
+                this.$set(
+                  this.editRules,
+                  a.property,
+                  JSON.parse(d.validationRules)
+                );
+              }
+            }
+          }
+        );
+        //初始化搜索栏
+        initSearchRules({ interfaceSettingId: response.data.id }).then(
+          (response) => {
+            console.log("初始化搜索列表");
+            for (var d of response.data) {
+              let a = {
+                text: "",
+                property: "",
+                value: "",
+                visible: "",
+                setting: "",
+                displayType: "",
+                items: "",
+                op: "",
+              };
+              if (d.setting) {
+                a.setting = JSON.parse(d.setting);
+              }
+              a.text = d.displayText;
+              a.property = d.field;
+              a.visible = d.display;
+              a.displayType = d.displayMode;
+              a.op = d.matchingMode;
+              this.searchRules.push(a);
+            }
+          }
+        );
+      }
+    });
+  }
+  submitForm() {
+    this.$emit("confirm", this.currentEntity);
+  }
+  cancel() {
+    this.$emit("close");
+  }
+  tree_insert() {}
+  tree_update() {}
+  tree_del() {}
+  dblClick(row, column, cell, event) {
+    console.log(row);
+  }
+  selectable() {}
+
+  /**
+   * 发起审批
+   */
+  onStartWfClick(entity) {
+    let params = {
+      id: entity.id,
+      masterObject: entity,
+      slaveObject: null,
+    };
+
+    (this as any)
+      .$confirm("是否确认发起审批？")
+      .then((res) => {
+        startWorkflow(
+          this.moduleName,
+          this.serviceName,
+          params,
+          this.wfKey
+        ).then(
+          (response) => {
+            (this as any).$message.success("发起审批成功");
+            this.getList();
+          },
+          (error) => {}
+        );
+      })
+      .catch((e) => {});
+  }
+  /**
+   * 审批进度
+   */
+  onShowWfClick(entity) {
+    if (!entity["wfWorkOrderId"]) {
+      (this as any).$message.success("工作流实例为空，无法查看审批进度！");
+      return;
+    }
+    (this as any).Dialog.open({
+      component: WfDialog,
+      setting: {
+        isShow: true,
+        title: "审批进度",
+        size: "full", //可选项tiny/small/large/full
+        // height: "80vh",
+        labelWidth: "120px", //input标题宽度  不传默认为100px
+        wfWorkOrderId: entity["wfWorkOrderId"],
+        data: { entity: entity },
+      },
+      //beforeClose: (done) => {
+      //  //点右上角关闭按钮后触发
+      //  console.log("1");
+      //  done();
+      //},
+      //close: () => {
+      //  //关闭后触发
+      //  console.log("2");
+      //},
+      confirm: (result) => {
+        //显式$emit('confirm')时触发
+        console.log("3 ", result);
+      },
+    });
+  }
+
+  mounted() {
+    var that = this;
+    if (this.listSetting.isShowSumRow) {
+      setTimeout(() => {
+        (that.$refs.multipleTable as any).$el.childNodes[2].style.height =
+          "413px";
+      }, 100);
+    }
+
+    this.$nextTick(function () {
+      if (this.listeningWindow) {
+        if ((this.$refs.multipleTable as any) != null) {
+          (this as any).tableHeight =
+            window.innerHeight -
+            65 -
+            (this.$refs.multipleTable as any).$el.getBoundingClientRect().top -
+            (this.value && this.value.btnShow ? 150 : 0) -
+            this.tableAutoFitPixels;
+          if (that.treeSetting != null && that.treeSetting.visable) {
+            that.$set(
+              that,
+              "treeHeight",
+              window.innerHeight -
+                16 -
+                (that.$refs.tree as any).$el.getBoundingClientRect().top -
+                (that.value && that.value.btnShow ? 150 : 0) -
+                that.treeAutoFitPixels
+            );
+          }
+          // 监听窗口大小变化
+          window.onresize = function () {
+            if ((that.$refs.multipleTable as any) != null) {
+              (that as any).tableHeight =
+                window.innerHeight -
+                65 -
+                (that.$refs.multipleTable as any).$el.getBoundingClientRect()
+                  .top -
+                (that.value && that.value.btnShow ? 150 : 0) -
+                that.tableAutoFitPixels;
+            }
+            if (that.treeSetting != null && that.treeSetting.visable) {
+              that.$set(
+                that,
+                "treeHeight",
+                window.innerHeight -
+                  16 -
+                  (that.$refs.tree as any).$el.getBoundingClientRect().top -
+                  (that.value && that.value.btnShow ? 150 : 0) -
+                  that.treeAutoFitPixels
+              );
+            }
+          };
+        }
+      }
+    });
+  }
+}
+</script>
+
+<style scoped>
+.wrapper-container-supplement {
+  /* min-height: 415px; */
+}
+
+.rtdiv {
+  height: 40px;
+}
+
+.dialog-body-wrapper {
+  height: 100%;
+  margin-top: -20px;
+  /* border-top: 1px solid #e7e8ed; */
+  width: calc(100% + 40px);
+  transform: translate(-20px, 0px);
+  padding: 24px 24px 0 24px;
+}
+
+.dialog-footer {
+  bottom: auto;
+  /* padding-top: 12px; */
+  /* border-top: 1px solid #e7e8ed; */
+  /* width: calc(100% + 48px); */
+  /* transform: translate(-24px, 17px); */
+  /* text-align: center; */
+}
+
+/* ::v-deep .el-dialog{
+   height: 100%;
+ }
+
+::v-deep .el-dialog__body {
+  height: calc(100% - 112px);
+  overflow: auto;
+}*/
+</style>
+<style>
+.el-form--inline .el-form-item {
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+
+.el-dialog__title {
+  font-size: 16px;
+}
+
+::v-deep .sumrow .el-table {
+  overflow: visible !important;
+}
+
+.sumrow .el-table {
+  overflow: visible !important;
+}
+
+.treescroll {
+  width: 100%;
+  height: 700px;
+  overflow: auto;
+}
+
+#table-col .el-date-editor {
+  width: 217px;
+}
+
+#table-col .el-range-editor {
+  width: 100%;
+}
+.el-form-item__error {
+  z-index: 9999;
+}
+</style>