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

package/src/components/CheckForm.vue

@@ -0,0 +1,32 @@
+<script>
+import AddFormVue from '@epxing/components/src/add-form'
+import component from '@epxing/core/src/mixins/component'
+export default {
+  name: 'epx-check-form',
+  mixins: [component, AddFormVue],
+  items: [
+    {
+      title: '基本信息',
+      id: 'check_form_item',
+      contentType: 'add-form-item'
+    },
+    {
+      id: 'check_history',
+      title: '审批记录',
+      contentType: 'check-history'
+    }
+  ],
+  // extends: ,
+  checkOpinion: true,
+  checkSign: true,
+  operates: [{
+    text: '流程审批',
+    ui: 'primary',
+    handler: 'checkEntity'
+  }, {
+    text: '返回',
+    cls: 'btn_hollow',
+    handler: 'backPage'
+  }]
+}
+</script>

package/src/components/ClientAdminFormItem.vue

@@ -0,0 +1,49 @@
+<script>
+import AddForm from '@epxing/components/src/add-form-item'
+export default {
+  name: 'epx-client-admin-form-item',
+  extends: AddForm,
+  methods: {
+    getFieldsConfigs (pageType = this.componentType) {
+      this.fieldsConfigs = [
+        {
+          attriName: 'username',
+          attriLabel: '姓名',
+          dataType: 'text',
+          state: 'ADD'
+        },
+        {
+          attriName: 'account',
+          attriLabel: '账号',
+          dataType: 'text',
+          isRequired: '1',
+          state: 'ADD'
+        },
+        {
+          attriName: 'password',
+          attriLabel: '密码',
+          dataType: 'password',
+          isRequired: '1',
+          state: 'ADD',
+          attribute: {
+            format: 'reg_exp',
+            regexp: this.clientConfig.PASSWORD_VALIDATE_REGEXP || '^(?=.*[0-9].*)(?=.*[A-z].*)[\\S]{8,}$',
+            errorText: this.clientConfig.PASSWORD_HINT_INFO || '密码长度为8-20且必须包含字母和数字，不能包含空格'
+          }
+        },
+        {
+          attriName: 'mobile',
+          attriLabel: '手机号码',
+          dataType: 'text',
+          isRequired: '1',
+          state: 'ADD'
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/components/ClientAdminList.vue

@@ -0,0 +1,434 @@
+<script>
+// @jsx-vue3（T30 JSX 批③：scopedSlots 集群 Vue3 化）
+import EntityList from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-client-admin-list',
+  extends: EntityList,
+  data () {
+    return {
+      transferDialog: false,
+      verificationCodeTime: 0,
+      transferData: {},
+      code: '',
+      verifyFlag: false,
+      newAdmin: null,
+      showAddAdminDialog: false
+    }
+  },
+  methods: {
+    // 转让
+    transfer (config, item) {
+      this.transferData = item
+      this.transferDialog = true
+    },
+    getVerificationCode () {
+      if (this.verificationCodeTime > 0) {
+        this.$message.error('请1分钟后再次获取验证码')
+        return
+      }
+      this.$http.$post({
+        action: 'sendVerificationCode',
+        entityId: 'FM_MESSAGE_SEND',
+        templateCode: 'SMS_CODE',
+        contact: this.transferData['CLIENTUSER|MOBILE']
+      })
+        .then(data => {
+          this.verificationCodeTime = 60
+          const timer = setInterval(() => {
+            this.verificationCodeTime--
+            if (this.verificationCodeTime <= 0) {
+              clearInterval(timer)
+              this.verificationCodeTime = 0
+            }
+          }, 1000)
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    verify () {
+      this.$http.$post({
+        action: 'validateVerificationCode',
+        entityId: 'FM_MESSAGE_SEND',
+        code: this.code,
+        contact: this.transferData['CLIENTUSER|MOBILE']
+      })
+        .then(data => {
+          this.verifyFlag = true
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    submit () {
+      if (!this.newAdmin) {
+        this.$message.error('请选择新管理员')
+        return
+      }
+      this.$http.$post({
+        action: 'transferAdmin',
+        entityId: this.$metaId,
+        id: this.transferData.ID,
+        newUserId: this.newAdmin.id
+      })
+        .then(() => {
+          this.verifyFlag = false
+          this.code = ''
+          this.transferDialog = false
+          this.reloadData()
+        })
+        .catch(err => {
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    addAdmin () {
+      this.showAddAdminDialog = true
+    },
+    selectUser (v) {
+      this.$http.save({
+        entityId: 'FM_CLIENT_ADMIN',
+        multiField: 'USER',
+        'bean.CLIENT': this.CLIENT,
+        'bean.USER': v.map(item => item.id).join(','),
+        'bean.IS_MAIN': '0'
+      })
+        .then(data => {
+          this.reloadData()
+          this.$message.success('添加成功')
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    renderTransferDialog () {
+      return (
+        <el-dialog width="520px" title="验证管理员身份" modelValue={this.transferDialog} {...{ 'onUpdate:modelValue': v => (this.transferDialog = v) }}>
+          <div class="dialog-body">
+            {
+              this.verifyFlag ? (
+                <div>
+                  <div class="form-item">
+                    <label>新管理员:</label>
+                    <div class="form-item__input">
+                      <epx-object v-model={this.newAdmin} fieldConfigs={{ attriName: 'USER', dataType: 'object', attriLabel: '用户', codeKey: 'FM_USER', state: 'EDIT' }}></epx-object>
+                    </div>
+                  </div>
+                  <span class="dialog-footer">
+                    <el-button size="default" onClick={() => (this.transferDialog = false)}>取 消</el-button>
+                    <el-button type="primary" size="default" onClick={this.submit}>确 定</el-button>
+                  </span>
+                </div>
+              ) : (
+                <div>
+                  <div class="form-item">
+                    <label>当前主管理员:</label>
+                    <div>{this.transferData['CLIENTUSER|NAME']}</div>
+                  </div>
+                  <div class="form-item">
+                    <label>手机号:</label>
+                    <div>{this.transferData['CLIENTUSER|MOBILE']}</div>
+                  </div>
+                  <div class="form-item">
+                    <label>验证码</label>
+                    <div class="form-item__input">
+                      <el-input
+                        placeholder={this.$t('please enter the verification code')}
+                        v-model={this.code}
+                        size="default"
+                      >
+                      </el-input>
+                      <el-button size="default" disabled={!!this.verificationCodeTime} class={['get-code-btn', { active: this.verificationCodeTime }]} type="primary" onClick={this.getVerificationCode}>
+                        {this.verificationCodeTime ? this.$t('get code') + this.verificationCodeTime + 's' : this.$t('get code')}
+                      </el-button>
+                    </div>
+                  </div>
+                  <span class="dialog-footer">
+                    <el-button size="default" onClick={() => (this.transferDialog = false)}>取 消</el-button>
+                    <el-button type="primary" size="default" onClick={this.verify}>提 交</el-button>
+                  </span>
+                </div>
+              )
+            }
+          </div>
+        </el-dialog>
+      )
+    },
+    renderAddAdminDialog () {
+      return (
+        <el-dialog title="添加管理员" width="840px" modelValue={this.showAddAdminDialog} {...{ 'onUpdate:modelValue': v => (this.showAddAdminDialog = v) }}>
+          <epx-user-find class="user-find" comp-configs={{ metaId: 'FM_USER' }} multiple={true} change={this.selectUser} cancel={() => (this.showAddAdminDialog = false)}></epx-user-find>
+        </el-dialog>
+      )
+    },
+    renderField (field) {
+      return {
+        default: ({ row }) => {
+          if (field.attriName === 'CLIENTUSER|NAME') {
+            return (
+              <span>{row[field.attriName]} { row.IS_MAIN === '1' && <el-tag style={{ marginLeft: '8px' }} size="small">主管理员</el-tag>}</span>
+            )
+          }
+          return <epx-entity-list-edit-field fieldConfigs={field} row={row} onClick={this.clickField.bind(this)} onChange={this.changeField.bind(this)} isEdit={this.editField.rowId === row.ID && this.editField.columnId === field.attriName} />
+        }
+      }
+    }
+  },
+  created () {
+    this.renderComponents.push(this.renderTransferDialog, this.renderAddAdminDialog)
+  }
+}
+</script>
+
+<style scoped lang="scss">
+$paddingSize: 16px;
+.list-container {
+  height: 100%;
+  overflow: auto;
+  &.fold {
+    .list-operates {
+      display: none;
+    }
+    .list-table {
+      display: none;
+    }
+    .form-title-fold__icon {
+      transform: rotate(180deg);
+    }
+  }
+  &.list-container--fixed_table {
+    display: flex;
+    flex-direction: column;
+    .table {
+      flex: 1;
+      overflow: hidden;
+      display: flex;
+      flex-direction: column;
+    }
+    .table-checkbox-group {
+      flex: 1;
+      overflow: auto;
+    }
+    .list-table {
+      height: 100%;
+      overflow: auto;
+    }
+  }
+
+    :deep(.el-table__header-wrapper-copy),
+    :deep(.el-table__fixed-header-wrapper-copy) {
+      .caret-wrapper {
+        opacity: 0;
+      }
+    }
+    :deep(.operate-column__cell) {
+      .cell {
+        display: flex;
+        align-items: center;
+        line-height:30px;
+        .el-table__placeholder {
+          flex-shrink: 0;
+        }
+      }
+    }
+
+}
+.search-simple {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.list-table {
+  height: 100%;
+  overflow: auto;
+  background: var(--epx-bg-card);
+  // padding:0 12px;
+   // 无边框
+  &.no-border {
+    border: 0;
+    border-top: dashed 1px var(--epx-border);
+    &::after {
+      display: none
+    }
+
+      :deep(th.is-leaf),
+      :deep(td) {
+       border-right: 0
+      }
+
+  }
+}
+.is-label {
+  @include font_color_primary;
+  cursor: pointer;
+}
+.list-operates {
+  background: var(--epx-bg-card);
+  padding: $paddingSize 12px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.more-table-operates {
+  margin-left: 10px
+}
+.column-operates {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  button {
+    padding: 4px 0;
+  }
+  button:not(:last-child) {
+    &::after {
+      content: '';
+      position: relative;
+      right: -6px;
+      top:0 ;
+      height: 14px;
+      border-right:  1px solid var(--epx-border);
+    }
+  }
+}
+
+.el-dropdown-link {
+  cursor: pointer;
+  float: left;
+  width: 30px;
+  height: 30px;
+  border-radius: var(--epx-radius-base);
+  text-align: center;
+  line-height: 30px;
+  overflow: hidden;
+   border: 0;
+  outline: none;
+  margin-left: 6px;
+  &.active {
+    @include bg_color_primary( 0.1);
+  }
+}
+
+.operate-icon {
+  margin-right: 4px;
+}
+
+.column-operate-btn {
+  font-size: var(--epx-font-size-base);
+}
+.pagination {
+  background: var(--epx-bg-card);
+  padding: $paddingSize 0;
+
+    :deep(.el-select) {
+      margin-left: 24px;
+    }
+    :deep(.el-pagination__total) {
+      float: right;
+    }
+
+}
+.field__photo {
+
+    :deep(.el-avatar) {
+      width: 32px;
+      height: 32px;
+      line-height: 32px;
+      display: block;
+      >img {
+        width: 100%
+      }
+    }
+
+}
+.form-title {
+  padding: 6px 24px;
+  position: relative;
+  overflow: hidden;
+  font-size: var(--epx-font-size-l);
+  line-height: 36px;
+  white-space: pre-wrap;
+  background: var(--epx-bg-card);
+  &::after {
+    content: '';
+    position: absolute;
+    left: -24px;
+    bottom: 0;
+    width: calc(100% + 48px);
+    height: 1px;
+    background: var(--epx-border);
+  }
+  .form-title-fold__icon {
+    @include font_color_primary;
+    font-size: var(--epx-font-size-xl);
+    cursor: pointer;
+    transition: all .5s;
+    line-height: 36px;
+    margin-left: 10px;
+  }
+}
+
+.form-tilte__simple {
+  margin-bottom: -20px;
+  padding: 6px 12px 0;
+  &::after {
+    display: none;
+  }
+  .form-title-border {
+    border: 0;
+    padding-left: 0;
+  }
+  .form-title__operate {
+    display: none;
+  }
+  .form-title-fold__icon {
+    display: none;
+  }
+}
+.form-title-border{
+  border-left: 3px solid;
+  @include border_color_primary;
+  padding-left: 6px;
+}
+
+.form-title-edit {
+  font-size: var(--epx-font-size-base);
+  line-height: 36px;
+  cursor: pointer;
+  @include font_color_primary;
+  i {
+    margin-right: 4px;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.dialog-body {
+  overflow: hidden;
+  height: 244px;
+  padding: 0 20px;
+  position: relative;
+}
+.form-item {
+  display: flex;
+  align-items: center;
+  margin: 20px 0;
+  > label {
+    width: 100px;
+    margin-right: 8px;
+  }
+}
+.form-item__input {
+  display: flex;
+}
+.get-code-btn {
+  margin-left: 12px;
+}
+.dialog-footer {
+  position: absolute;
+  text-align: right;
+  margin: 10px 0;
+  margin-top: 40px;
+  right: 0;
+  bottom: 0;
+}
+</style>

package/src/components/ClientFormItem.vue

@@ -0,0 +1,49 @@
+<script>
+import { mapGetters } from 'vuex'
+import SystemFormItem from './SystemFormItem.vue'
+const _comp = {
+  name: 'epx-client-form-item',
+  extends: SystemFormItem,
+  computed: {
+    ...mapGetters([
+      'getCodeById'
+    ])
+  },
+  watch: {
+    'data.LANGUAGES': {
+      handler (v) {
+        if (!v.includes(this.data.LANGUAGE_DEFAULT)) {
+          this.data.LANGUAGE_DEFAULT = ''
+        }
+        const fieldConfigs = this.fieldsConfigs.find(item => item.attriName === 'LANGUAGE_DEFAULT')
+        if (!fieldConfigs) return
+        const { codeKey } = fieldConfigs
+        const codeList = this.getCodeById(codeKey)
+        const languageList = codeList.filter(item => v.includes(item.code))
+        const index = this.fieldsConfigs.findIndex(item => item.attriName === 'LANGUAGE_DEFAULT')
+        this.fieldsConfigs.splice(index, 1, { ...fieldConfigs, options: languageList })
+      }
+    }
+  },
+  methods: {
+    onAfterFieldsConfigs () {
+      const fieldConfigs = this.fieldsConfigs.find(item => item.attriName === 'LANGUAGE_DEFAULT')
+      const { codeKey } = fieldConfigs
+      const { LANGUAGES } = this.data
+      this.$store.dispatch({
+        type: 'ADD_LIST',
+        key: codeKey
+      })
+        .then(data => {
+          const languageList = data.filter(item => LANGUAGES.includes(item.code))
+          const index = this.fieldsConfigs.findIndex(item => item.attriName === 'LANGUAGE_DEFAULT')
+          this.fieldsConfigs.splice(index, 1, { ...fieldConfigs, options: languageList })
+        })
+    }
+  }
+}
+// Vue2 的 extends 会继承 scoped 样式的 _scopeId，Vue3 不继承 __scopeId（连不重写 render 的纯 script
+// 继承也丢，实验室实证）——本组件无自有 <style>，显式继承否则父组件 scoped 样式整体失配。
+_comp.__scopeId = SystemFormItem.__scopeId
+export default _comp
+</script>