@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/base/ManageMenuItem.vue

@@ -0,0 +1,399 @@
+<template>
+  <el-sub-menu v-if="module.HIDDEN_SUB_MENU!=='1' && module.OPEN_TYPE!=='1' &&module.children && draggleArr.length>0" :index="module.ID" class="epx-menu-item">
+    <template v-slot:title>
+      <epx-icon class="epx-menu-item__icon" :name="module.FONT_ICON || 'el-icon-monitor'"></epx-icon>
+      <span :style="menuFontSize? {fontSize: menuFontSize + 'px'}: {}" :title="module.text">{{module.text}}</span>
+      <!-- <i class="el-icon-s-tools" @click.stop></i> -->
+      <el-dropdown trigger="click" placement="right-start">
+        <span class="setting-btn" @click.stop><i class="el-icon-s-tools"></i></span>
+        <template v-slot:dropdown><el-dropdown-menu>
+          <el-dropdown-item class="app-config-item" @click="editAppMenu( module, '菜单-重命名', 'menu-rename')"><i class="el-icon-edit"></i>重命名</el-dropdown-item>
+          <el-dropdown-item class="app-config-item" @click="editAppMenu(module, '菜单-设置', 'menu-setting')"><i class="el-icon-setting"></i>设置</el-dropdown-item>
+          <el-popover
+            popper-class="manage-menu-popover"
+            placement="right-start"
+            trigger="hover"
+          >
+            <template v-slot:reference><div class="delete-dropdown-item">
+              <div class="app-config-delete-item"><i class="el-icon-delete"></i>删除</div>
+              <i class="el-icon-arrow-right"></i>
+            </div></template>
+            <div>
+              <div class="app-config-item" @click="editAppMenu(module,'delete-menu','0')">删除菜单</div>
+              <div class="app-config-item" @click="editAppMenu(module,'delete-menu','1')">删除菜单及页面</div>
+            </div>
+          </el-popover>
+          <el-dropdown-item class="app-config-item" @click="editAppMenu(module, '菜单授权', 'menu-sq')"><i class="el-icon-finished"></i>菜单授权</el-dropdown-item>
+          <el-popover
+            popper-class="manage-menu-popover"
+            placement="right-start"
+            trigger="hover">
+            <div class="add-menu-container">
+              <div>选择新增菜单类型</div>
+              <div class="add-type">
+                    <div v-for="item in addMenuTypeList" class="add-menu-type__item" :key="item.value" @click="addAppMenu(module,item, '新增同级菜单', 'add-tj')">
+                      <div>
+                        <img :src="item.preview" />
+                      </div>
+                      <p class="add-menu-type-label">{{item.label}}</p>
+                    </div>
+              </div>
+            </div>
+            <template v-slot:reference><el-dropdown-item class="app-config-item"><i class="el-icon-plus"></i>新增同级菜单</el-dropdown-item></template>
+          </el-popover>
+          <el-popover
+            popper-class="manage-menu-popover"
+            placement="right-start"
+            trigger="hover">
+            <div class="add-menu-container">
+              <div>选择新增菜单类型</div>
+              <div class="add-type">
+                    <div v-for="item in addMenuTypeList" class="add-menu-type__item" :key="item.value" @click="addAppMenu(module,item, '新增下级菜单', 'add-xj')">
+                      <div>
+                        <img :src="item.preview" />
+                      </div>
+                      <p class="add-menu-type-label">{{item.label}}</p>
+                    </div>
+              </div>
+            </div>
+            <template v-slot:reference><el-dropdown-item class="app-config-item"><i class="el-icon-bottom"></i>新增下级菜单</el-dropdown-item></template>
+          </el-popover>
+          <!-- <el-dropdown-item class="app-config-item" @click="editAppMenu(module, '新增同级菜单', 'add-tj')"><i class="el-icon-plus"></i>新增同级菜单</el-dropdown-item> -->
+          <!-- <el-dropdown-item class="app-config-item" @click="editAppMenu(module, '新增下级菜单', 'add-xj')"><i class="el-icon-bottom"></i>新增下级菜单</el-dropdown-item> -->
+        </el-dropdown-menu></template>
+      </el-dropdown>
+    </template>
+      <el-menu-item-group>
+        <draggable
+          v-model="draggleArr"
+          group="description"
+          ghostClass="epx-page-designer-widget-tree__drag-ghost"
+          :animation="300"
+          @change="changeLog"
+        >
+          <epx-manage-menu-item v-for="menuItem in draggleArr" :key="menuItem.ID" :module="menuItem" :select="select"></epx-manage-menu-item>
+        </draggable>
+      </el-menu-item-group>
+  </el-sub-menu>
+  <!-- 一级菜单 -->
+  <div v-else-if="module.HIDDEN_MENU!=='1'">
+    <el-menu-item class="epx-menu-item app-menu-setting-item" :index="module.ID" @click="select(module)">
+      <span class="menu-content">
+        <epx-icon class="epx-menu-item__icon" :name="module.FONT_ICON || 'el-icon-monitor'"></epx-icon>
+        <span :style="menuFontSize? {fontSize: menuFontSize + 'px'}: {}" :title="module.text">{{module.text}}</span>
+      </span>
+      <el-dropdown trigger="click" placement="right-start">
+        <span class="setting-btn" @click.stop><i class="el-icon-s-tools"></i></span>
+        <template v-slot:dropdown><el-dropdown-menu>
+          <el-dropdown-item class="app-config-item" @click="editAppMenu( module, '菜单-重命名', 'menu-rename')"><i class="el-icon-edit"></i>重命名</el-dropdown-item>
+          <el-dropdown-item class="app-config-item" @click="editAppMenu(module, '菜单-设置', 'menu-setting')"><i class="el-icon-setting"></i>设置</el-dropdown-item>
+          <el-popover
+            popper-class="manage-menu-popover"
+            placement="right-start"
+            trigger="hover"
+          >
+            <template v-slot:reference><div class="delete-dropdown-item">
+              <div class="app-config-delete-item"><i class="el-icon-delete"></i>删除</div>
+              <i class="el-icon-arrow-right"></i>
+            </div></template>
+            <div>
+              <div class="app-config-item" @click="editAppMenu(module,'delete-menu','0')">删除菜单</div>
+              <div class="app-config-item" @click="editAppMenu(module,'delete-menu','1')">删除菜单及页面</div>
+            </div>
+          </el-popover>
+          <el-dropdown-item class="app-config-item" @click="editAppMenu(module, '菜单授权', 'menu-sq')"><i class="el-icon-finished"></i>菜单授权</el-dropdown-item>
+          <el-popover
+            popper-class="manage-menu-popover"
+            placement="right-start"
+            trigger="hover">
+            <div class="add-menu-container">
+              <div>选择新增菜单类型</div>
+              <div class="add-type">
+                    <div v-for="item in addMenuTypeList" class="add-menu-type__item" :key="item.value" @click="addAppMenu(module,item, '新增同级菜单', 'add-tj')">
+                      <div>
+                        <img :src="item.preview" />
+                      </div>
+                      <p class="add-menu-type-label">{{item.label}}</p>
+                    </div>
+              </div>
+            </div>
+            <template v-slot:reference><el-dropdown-item class="app-config-item"><i class="el-icon-plus"></i>新增同级菜单</el-dropdown-item></template>
+          </el-popover>
+          <el-popover
+            popper-class="manage-menu-popover"
+            placement="right-start"
+            trigger="hover">
+            <div class="add-menu-container">
+              <div>选择新增菜单类型</div>
+              <div class="add-type">
+                    <div v-for="item in addMenuTypeList" class="add-menu-type__item" :key="item.value" @click="addAppMenu(module,item, '新增下级菜单', 'add-xj')">
+                      <div>
+                        <img :src="item.preview" />
+                      </div>
+                      <p class="add-menu-type-label">{{item.label}}</p>
+                    </div>
+              </div>
+            </div>
+            <template v-slot:reference><el-dropdown-item class="app-config-item"><i class="el-icon-bottom"></i>新增下级菜单</el-dropdown-item></template>
+          </el-popover>
+        </el-dropdown-menu></template>
+      </el-dropdown>
+    </el-menu-item>
+    <div class="ceshi">
+      <draggable
+        class="epx-page-designer-widget-tree__list"
+          v-model="testArr"
+          group="description"
+          ghostClass="epx-page-designer-widget-tree__drag-ghost"
+          :animation="300"
+          @change="testArrchangeLog"
+        >
+          <epx-manage-menu-item v-for="menuItem in testArr" :key="menuItem.ID" :module="menuItem" :select="select"></epx-manage-menu-item>
+        </draggable>
+    </div>
+  </div>
+</template>
+
+<script>
+import component from '@epxing/core/src/mixins/component'
+import draggable from '@epxing/core/src/components/draggable'
+export default {
+  name: 'epx-manage-menu-item',
+  mixins: [component],
+  components: {
+    draggable
+  },
+  props: {
+    module: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    select: {
+      type: Function,
+      default () {
+        return () => {}
+      }
+    },
+    menuFontSize: Number
+  },
+  inject: ['$editAppMenu', '$addAppMenu', '$reloadMenu'],
+  data () {
+    return {
+      addMenuTypeList: [
+        { label: '列表查询页面', value: 'list', preview: require('@/assets/images/addmenu/list.png') },
+        { label: '数据看板页面', value: 'data', preview: require('@/assets/images/addmenu/data.png') },
+        { label: '空白页面', value: 'blank', preview: require('@/assets/images/addmenu/basepage.png') },
+        { label: '自选模版页面', value: 'choose', preview: require('@/assets/images/addmenu/zxmb.png') },
+        { label: '关联已有页面', value: 'select', preview: require('@/assets/images/addmenu/link.png') },
+        { label: '菜单目录', value: 'dir', preview: require('@/assets/images/addmenu/menu.png') }
+      ],
+      draggleArr: [],
+      testArr: []
+    }
+  },
+  watch: {
+    module: {
+      handler (v) {
+        if (v.children) {
+          this.draggleArr = [...v.children]
+        }
+      },
+      immediate: true
+    }
+  },
+  methods: {
+    testArrchangeLog (e) {
+      if (e.added) {
+        const node = e.added.element
+        const parentId = this.module.id
+        console.log('sole-parent', this.module.title)
+        this.draggleArr = [...this.testArr]
+        // 获取其父节点的所有子节点orderString
+        const str = this.testArr.reduce((str, item, index) => (str += item.id + ':' + index + ','), '')
+        // // this.drag = false
+        this.$http.$post({
+          action: 'moveTree',
+          entityId: 'FM_MODULE',
+          orderString: str,
+          newParentId: parentId,
+          id: node.id,
+          selfAttriName: 'ID',
+          orderAtrriName: 'ORDER_NUM'
+        })
+          .then(() => {
+            this.testArr = []
+          })
+          .catch(err => {
+            this.$message.error(err.message || '拖拽排序失败')
+            this.$reloadMenu()
+          })
+      }
+    },
+    changeLog (e) {
+      if (e.added || e.moved) {
+        let node = {}
+        // let isAdd = false
+        if (e.added) {
+          // isAdd = true
+          node = e.added.element
+        } else {
+          node = e.moved.element
+        }
+        console.log('parent', this.module.title)
+        const parentId = this.module.id
+        // 获取其父节点的所有子节点orderString
+        const str = this.draggleArr.reduce((str, item, index) => (str += item.id + ':' + index + ','), '')
+        // // this.drag = false
+        this.$http.$post({
+          action: 'moveTree',
+          entityId: 'FM_MODULE',
+          orderString: str,
+          newParentId: parentId,
+          id: node.id,
+          selfAttriName: 'ID',
+          orderAtrriName: 'ORDER_NUM'
+        })
+          .then(() => {
+
+          })
+          .catch(err => {
+            this.$message.error(err.message || '拖拽排序失败')
+            this.$reloadMenu()
+          })
+      }
+    },
+    editAppMenu (nav, name, type, width) {
+      this.$editAppMenu({ nav, name, type, width })
+    },
+    addAppMenu (nav, menuTypeItem, name, type, width) {
+      this.$addAppMenu({ nav, menuTypeItem, name, type, width })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-menu-setting-item{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-right: 10px;
+}
+.app-menu-setting-item:hover{
+  .setting-btn{
+    visibility: visible;
+  }
+}
+.el-sub-menu__title:hover{
+  .setting-btn{
+    visibility: visible;
+  }
+}
+.app-config-item{
+  box-sizing: border-box;
+  height: 36px;
+  background: var(--epx-bg-card);
+  cursor: pointer;
+  line-height: 36px;
+  padding: 0 40px 0 20px;
+  color: var(--epx-text);
+  i{
+    margin-right: 10px;
+  }
+  &:hover{
+    @include font_color_primary;
+    @include bg_color_primary(0.1);
+  }
+}
+.epx-menu-item {
+  :deep(.el-sub-menu__title){
+    padding-right: 10px;
+  }
+  :deep(.el-sub-menu__icon-arrow){
+    right: 45px;
+  }
+}
+.menu-content{
+  width: calc(100% - 30px);
+  overflow: hidden;
+}
+.setting-btn{
+  width: 30px;
+  display: inline-block;
+  visibility: hidden;
+  i{
+    font-size: var(--epx-font-size-l);
+  }
+}
+.add-menu-container{
+  box-sizing: border-box;
+  padding: 4px 0 0 20px;
+  width: 560px;
+  height: 352px;
+  font-size: var(--epx-font-size-l);
+  color: var(--epx-text);
+  font-weight: bold;
+}
+.add-type {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 12px;
+}
+.add-menu-type-label{
+  font-size: var(--epx-font-size-base);
+  color: #444444;
+  margin-top: 10px;
+  line-height: 19px;
+  font-weight: 500;
+}
+.add-menu-type__item {
+  width: 160px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  text-align: center;
+  cursor: pointer;
+  img {
+    width: 100%;
+  }
+  &:hover {
+    .add-menu-type-label{
+      @include font_color_primary;
+    }
+  }
+}
+.epx-menu-item .el-sub-menu__title > span{
+  margin-right: 20px;
+}
+.ceshi{
+  min-height: 10px;
+  // background-color: #F3F5FA;
+}
+.epx-page-designer-widget-tree__list{
+  min-height: 10px;
+}
+.delete-dropdown-item{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-right: 10px;
+  cursor: pointer;
+  background: var(--epx-bg-card);
+  color: var(--epx-text);
+}
+.delete-dropdown-item:hover{
+  @include font_color_primary;
+  @include bg_color_primary(0.1);
+}
+.app-config-delete-item{
+  box-sizing: border-box;
+  height: 36px;
+  cursor: pointer;
+  line-height: 36px;
+  padding: 0 40px 0 20px;
+  i{
+    margin-right: 10px;
+  }
+}
+</style>

package/src/base/NoInstallSystemList.vue

@@ -0,0 +1,114 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import EntityList from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-base-no-install-system-list',
+  extends: EntityList,
+  methods: {
+    renderVerticalItem (item) {
+      const { showLabelField, labelField = [], iconFlag, cardIconColor, cardIconBgColor, defaultIcon, column = 3, operateColumnFlag, cardDirection = 'vertical', border, backgroundColor, multiSelectColumnFlag, operateColumnPosition } = this.$configs
+      const label = labelField[0]
+      const icon = this.iconField ? this.iconField.attriName : null
+      const iconType = ['photo', 'blob', 'multiblob'].includes(this.iconField.dataType) ? 'image' : 'icon'
+      return (
+        <li class={['epx-entity-card-list__item', 'epx-entity-card-list__item--' + cardDirection, { 'epx-entity-card-list__item--border': border }]} style={{ 'flex-basis': (1 / column).toFixed(4) * 100 + '%' }}>
+          <div class="epx-entity-card-list__item-container" style={{ backgroundColor: backgroundColor }} onClick={this.viewEntity.bind(this, {}, item)}>
+            { multiSelectColumnFlag && <el-checkbox onClick={e => e.stopPropagation()} class="epx-entity-card-list__item-checkbox" label={item[this.$metaKey]} value={item[this.$metaKey]}><i></i></el-checkbox>}
+            <div class="epx-entity-card-list__item-header">
+              {
+                cardDirection === 'vertical' && showLabelField && label && item[label] && <el-tag size="small">{item[label]}</el-tag>
+              }
+            </div>
+            <div class="epx-entity-card-list__item-content" style={multiSelectColumnFlag && cardDirection === 'horizontal' ? { paddingLeft: '20px' } : {}}>
+              {
+                iconFlag && icon && (
+                  <div class="epx-entity-card-list__item-icon" style={{ backgroundColor: iconType === 'image' ? 'transparent' : cardIconBgColor }}>
+                    {
+
+                      iconType === 'image' ? <img src={item[icon] || defaultIcon ? this.$util.getFileUrl(item[icon] || defaultIcon) : require('@/assets/images/default-icon.png')} />
+                        : <i class={item[icon] || 'el-icon-picture'} style={{ color: cardIconColor }}></i>
+                    }
+                  </div>
+                )
+              }
+              <div class="epx-entity-card-list__item-fields">
+                {
+                  this.rows.map((rowItem, index) => {
+                    return (
+                      <p class="epx-entity-card-list__item-row" key={rowItem.map(item => item.attriName).join('')}>
+                        {
+                          rowItem.map((field, index) => {
+                            if (field.state === 'HIDDEN') return null
+                            let value = item[field.attriName + '#'] || item[field.attriName] || ''
+                            if (field.type === 'meta') {
+                              value = value.replaceAll('\n', ' , ')
+                            }
+                            const nextField = rowItem[index + 1]
+                            let nextValue = null
+                            if (nextField && nextField.state !== 'HIDDEN') {
+                              nextValue = item[nextField.attriName + '#'] || nextField[field.attriName]
+                            }
+                            return <span title={
+                              this.rowTitle(rowItem, item)
+                            }>
+                              { field.showLabel && (field.attriLabel + '：')}
+                              { field.attriName === 'STATUS' ? item.STATUS === '1' ? (
+                                <el-button type="primary" size="small" onClick={this.installApp.bind(this, item)}>马上安装</el-button>
+                              ) : (
+                                <font color="#EE7800">{item['STATUS#']}</font>
+                              )
+                                : field.dataType === 'list' && value ? (
+                                  <epx-table-form-item class="epx-entity-card-list__form-item" fieldConfigs={{ ...field, state: 'LIST' }} v-model={item[field.attriName]} valueLabel={item[field.attriName + '#']} />
+                                ) : field.style === 'tag' && value ? (
+                                  <span class="epx-entity-card-list__field-tag">
+                                    <font style={{ color: field.color, fontWeight: field.fontWeight, fontSize: field.fontSize + 'px' }}>{value}</font>
+                                  </span>
+                                ) : field.dataType === 'scope' ? (
+                                  <font style={{ color: field.color, fontWeight: field.fontWeight, fontSize: field.fontSize + 'px' }}>
+                                    {this.getScopeChinese(value)}
+                                  </font>
+                                ) : field.dataType === 'html' ? (
+                                  <span innerHTML={this.getVhtml(value)}></span>
+                                ) : (
+                                  <font style={{ color: field.color, fontWeight: field.fontWeight, fontSize: field.fontSize + 'px' }}>{value}</font>
+                                ) }
+                              {index !== rowItem.length - 1 && value && (field.showLabel || nextValue) ? field.split || ' | ' : ''}
+                            </span>
+                          })
+                        }
+                        { cardDirection === 'horizontal' && index === 0 && showLabelField && label && item[label] && <el-tag style={{ marginLeft: '4px' }} size="small">{item[label]}</el-tag>}
+                      </p>
+                    )
+                  })
+                }
+              </div>
+            </div>
+            <div class={['epx-entity-card-list__item-footer', 'epx-entity-card-list__item-footer--' + operateColumnPosition]}>
+              {operateColumnFlag && this.renderCardColumnOperates(item) }
+            </div>
+          </div>
+        </li>
+      )
+    },
+    installApp (item, event) {
+      event.stopPropagation()
+      this.goPage({
+        component: 'client-install-system',
+        metaId: 'FM_SYSTEM',
+        pageType: 'ADD',
+        params: {
+          id: item.ID,
+          clientId: item.DEPLOY_CLIENT,
+          NAME: item.SYS_NAME,
+          CODE: item.INSTALL_SYSTEM_CODE
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/base/PageList.vue

@@ -0,0 +1,47 @@
+<script>
+import ListVue from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-base-page-list',
+  extends: ListVue,
+  methods: {
+    copyPage (config = {}, row) {
+      let item = null
+      if (row) {
+        item = row
+      } else {
+        if (this.selection.length > 1) {
+          this.$message.error(this.$t('Do not select multiple records'))
+          return
+        }
+        if (this.selection.length === 0) {
+          this.$message.error(this.$t('Please select a record'))
+          return
+        }
+        item = this.selection[0]
+      }
+      this.$http.get({
+        entityId: this.$metaId,
+        id: item.ID
+      })
+        .then(data => {
+          if (data.data) {
+            const { addPage } = this.$configs
+            const { pageFlag, openMode, pageId } = config
+            const query = {
+              metaId: this.$metaId,
+              flag: pageFlag,
+              pageId,
+              component: addPage,
+              pageType: 'ADD',
+              openType: openMode,
+              initData: { ...data.data, ID: '' }
+            }
+            this.$createPage({
+              ...query
+            })
+          }
+        })
+    }
+  }
+}
+</script>

package/src/base/PasswordFormItem.vue

@@ -0,0 +1,94 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import AddFormItemVue from '@epxing/components/src/add-form-item/AddFormItem.vue'
+export default {
+  name: 'epx-base-password-form-item',
+  extends: AddFormItemVue,
+  computed: {
+    passwordRule () {
+      const { PASSWORD_MUST_CONTAIN, PASSWORD_NOT_MUST_CONTAIN, PASSWORD_MIN, PASSWORD_MAX } = this.data
+      return `${PASSWORD_MUST_CONTAIN}_${PASSWORD_NOT_MUST_CONTAIN}_${PASSWORD_MIN}_${PASSWORD_MAX}`
+    }
+  },
+  watch: {
+    passwordRule (v) {
+      const { PASSWORD_MUST_CONTAIN, PASSWORD_NOT_MUST_CONTAIN, PASSWORD_MIN, PASSWORD_MAX } = this.data
+      let regExp = ''
+      const mustContain = (PASSWORD_MUST_CONTAIN || '').split(',')
+      const notMustContain = (PASSWORD_NOT_MUST_CONTAIN || '').split(',')
+      mustContain.forEach(item => {
+        const exp = item === 'uppercase' ? 'A-Z' : item === 'num' ? '\\d' : item === 'specific_symbol' ? '~!@#$%^&*?_\\-.' : item
+        regExp += '(?=.*[' + exp + '])'
+      })
+      let notMustExp = '\\s'
+      notMustContain.forEach(item => {
+        const exp = item === 'uppercase' ? 'A-Z' : item === 'num' ? '\\d' : item === 'specific_symbol' ? '~!@#$%^&*?_\\-.' : item
+        notMustExp += exp
+      })
+      regExp += `[^${notMustExp}]`
+      regExp = `^${regExp}{${PASSWORD_MIN},${PASSWORD_MAX}}$`
+      this.data = { ...this.data, PASSWORD_VALIDATE_REGEXP: regExp }
+    }
+  },
+  methods: {
+    renderForm () {
+      let { labelWidthType, labelWidth, valueWidthType, valueWidth, labelFontSize, valueFontSize, lineSpace, mFormStyle, mFormPadding } = this.$configs
+      labelWidth = labelWidthType === 'auto' ? 'auto' : labelWidth
+      valueWidth = valueWidthType === 'auto' ? 'auto' : valueWidth
+      if (this.fieldsConfigs.length > 0 && this.loadForm) {
+        return (
+          <epx-table-form class=" epx-add-form-item__content" ref="form" metaId={this.$metaId} fieldsConfigs={this.fieldsConfigs} pageType={this.componentType} v-model={this.data} fieldRelation={this.fieldRelation} column={this.column} labelAlign={this.$configs.labelAlign} lineSpace={lineSpace} labelWidth={labelWidth} labelFontSize={labelFontSize} valueWidth={valueWidth} valueFontSize={valueFontSize} mFormStyle={mFormStyle} mFormPadding={mFormPadding} showRelyFlag={this.$configs.showRelyFlag !== false}
+            v-slots={{
+              default: ({ showLabel, fieldConfigs, metaId, ruleMetaId }) => {
+                return fieldConfigs.attriName === 'PASSWORD_MIN' ? (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    fieldConfigs={fieldConfigs}
+                  >
+                    <div class="password__num-limit">
+                      <el-input size="default" min="0" v-model={this.data.PASSWORD_MIN} type="number" placeholder=""></el-input>
+                      <span>-</span>
+                      <el-input size="default" min={this.data.PASSWORD_MIN} v-model={this.data.PASSWORD_MAX} type="number" placeholder=""></el-input>
+                    </div>
+                  </epx-table-form-item>
+                ) : (
+                  <epx-table-form-item
+                    show-label={showLabel}
+                    label={fieldConfigs.attriLabel}
+                    metaId={metaId}
+                    ruleMetaId={ruleMetaId}
+                    fieldConfigs={fieldConfigs}
+                  >
+                  </epx-table-form-item>
+                )
+              }
+            }}>
+
+          </epx-table-form>
+        )
+      }
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.password__num-limit {
+  display: flex;
+  align-items: center;
+
+    :deep(.el-input) {
+      width: 80px;
+    }
+    :deep(.el-input__inner) {
+      text-align: center;
+    }
+
+  >span {
+    font-size: var(--epx-font-size-l);
+    margin: 0 6px;
+  }
+}
+</style>