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

package/src/views/client/InstallSystem.vue

@@ -0,0 +1,295 @@
+<template>
+  <el-card class="box-card">
+        <template v-slot:header><div class="box-header">
+            <span class="line">填写系统信息</span>
+        </div></template>
+        <div class="form-container" >
+          <div class=" sub-form-item" v-for="(fieldItem, index) in fieldGroups" :key="index">
+            <!-- <epx-form :ref="`form${index}`" column="1" v-if="fieldItem &&!fieldItem.contentType" :fieldConfigs="fieldItem.children" v-model="data" ></epx-form> -->
+            <epx-table-form :ref="`form${index}`" column="1" v-if="fieldItem &&!fieldItem.contentType" :fieldsConfigs="fieldItem.children" v-model="data" ></epx-table-form>
+            <span class="form-item ">
+              <label for="">系统管理员：</label>
+              <epx-object class="object" v-model="systemAdmin" :fieldConfigs="{attriLabel: '系统管理员',dataType: 'object', codeKey: 'FM_USER', state: 'EDIT'}"  ></epx-object>
+            </span>
+            <span class="form-item" v-if="pageType==='EDIT'">
+              <label for="">是否需要示例数据</label>
+              <el-switch v-model="isSampleData" active-value="1" inactive-value="0"></el-switch>
+            </span>
+            <div class="button-container" v-if="operates.length>0">
+              <template v-for="operate in operates" :key="operate.text">
+                <el-button size="default" v-if="buttonFlag(operate)" :type="operate.ui"  @click="$handler(operate)">{{operate.text}}</el-button>
+              </template>
+            </div>
+          </div>
+        </div>
+  </el-card>
+</template>
+
+<script>
+import Add from '@epxing/business/src/views/Add.vue'
+export default {
+  name: 'epx-client-install-system',
+  extends: Add,
+  // 表单区域
+  formConfigs: {
+    titleFlag: true,
+    fieldGroups: [
+      {
+        // title: '基本信息',
+        column: '1',
+        children: [
+          'LOGO',
+          'NAME',
+          'CODE'
+          // 'DATA_SOURCE',
+          // 'SERVER'
+        ]
+      }
+    ],
+    operates: [{ // 操作按钮
+      text: '保存',
+      ui: 'primary',
+      handler: 'submitForm',
+      option: 'pageType==="ADD"'
+    }, { // 操作按钮
+      text: '保存',
+      ui: 'primary',
+      handler: 'submitForm',
+      option: 'pageType==="EDIT"'
+    },
+    {
+      text: '返回',
+      cls: 'btn_hollow',
+      handler: 'backPage'
+    }
+    ],
+    fieldConfigs: {}, // 字段配置
+    column: '1'
+  },
+  data () {
+    return {
+      systemAdmin: '',
+      isSampleData: '0'
+    }
+  },
+  methods: {
+    getData () {
+      const { NAME = '', LOGO = '', CODE = '' } = this.$query
+      this.data = { NAME, LOGO, CODE }
+    },
+    submitForm () {
+      this.installSystem()
+    },
+    installSystem () {
+      const params = {
+        action: 'installApp',
+        entityId: 'FM_APP_INSTALL_APPLY',
+        isSampleData: this.isSampleData,
+        clientId: this.CLIENT,
+        appId: this.$query.id
+      }
+      if (this.systemAdmin && this.systemAdmin.id) {
+        params.systemAdmin = this.systemAdmin.id
+      }
+      let submitFlag = true
+      // 组建formData 提交
+      // 从各自表单获取数据
+      for (let index = 0; index < this.fieldGroups.length; index++) {
+        const fieldItem = this.fieldGroups[index]
+        if (!fieldItem.contentType && fieldItem.children) {
+          const form = this.$refs[`form${index}`][0]
+          for (let i = 0; i < fieldItem.children.length; i++) {
+            // const fieldConfig = fieldItem.children[i]
+            const field = fieldItem.children[i].attriName
+            form.validate((valid, err) => {
+              if (!valid) {
+                for (const key in err) {
+                  const errMessgae = err[key][0]
+                  this.$message.error(errMessgae.message)
+                  submitFlag = false
+                  return
+                }
+              }
+            })
+            if (submitFlag === false) {
+              break
+            }
+            const formValue = form.model.data[field]
+            if (!field.includes('#')) {
+              let submitValue = formValue
+              if (Array.isArray(formValue)) {
+                submitValue = formValue[formValue.length - 1]
+              }
+              if (field === 'LOGO') {
+                params.targetSysLogo = submitValue || ''
+              } else if (field === 'NAME') {
+                params.targetSysName = submitValue || ''
+              } else if (field === 'CODE') {
+                params.targetSysCode = submitValue || ''
+              } else if (field === 'DATA_SOURCE') {
+                params.targetSysDataSourceId = submitValue || ''
+              }
+            }
+          }
+        }
+      }
+      const copySystem = (ignore) => {
+        if (ignore === 1) {
+          params.ignoreVersionDifference = 1
+        }
+        this.loading = this.$loading({
+          lock: true,
+          text: '正在安装',
+          spinner: 'el-icon-loading'
+        })
+        this.$http.$request(params)
+          .then(data => {
+            this.loading.close()
+            this.backPage()
+            this.$message.success('安装成功')
+          })
+          .catch(err => {
+            this.loading.close()
+            this.$message.error(err.message || '安装失败')
+          })
+      }
+      this.$http.$request({
+        action: 'frameVersionCheck',
+        entityId: 'FM_SYSTEM',
+        resourceClientId: this.$query.clientId
+      })
+        .then(data => {
+          if (data.result) {
+            copySystem(0)
+          } else {
+            this.$confirm(`您复制的业务系统依赖应用市场的版本为V${data.sourceFrameVersion}，检测到您的平台版本和应用市场最新版本不一致，继续复制可能存在问题，确认继续操作吗？`, this.$t('hint'), {
+              confirmButtonText: this.$t('confirm'),
+              cancelButtonText: this.$t('cancel'),
+              type: 'warning'
+            }).then(() => {
+              copySystem(1)
+            }).catch(() => {})
+          }
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    createSystem () {
+      const params = {
+        entityId: this.$metaId,
+        'bean.CLIENT': this.user.manageClientId
+      }
+      // const submitParams = {
+      //   'bean.CLIENT': this.$route.queryclient
+      // }
+      // 获取form表单 提交
+      const formParams = this.getFormData()
+      if (!formParams) return
+      if (this.isRequesting) return
+      this.isRequesting = true
+      if (this.systemAdmin && this.systemAdmin.id) {
+        params['bean.admin'] = this.systemAdmin.id
+      }
+      this.$http.save({
+        ...params,
+        // ...submitParams,
+        ...formParams
+      })
+        .then(data => {
+          this.isRequesting = false
+          this.$message.success('保存成功')
+          this.backPage({ reload: true })
+        })
+        .catch(err => {
+          this.isRequesting = false
+          this.$message.error(err.message || '处理失败')
+        })
+    },
+    getFormData () {
+      let submitFlag = true
+      const params = {}
+      const { hiddenFields = [] } = this.pageConfig
+      hiddenFields.forEach(field => {
+        if (field.attriName && field.value) {
+          params[field.attriName] = field.value
+        }
+      })
+      for (let index = 0; index < this.fieldGroups.length; index++) {
+        const fieldItem = this.fieldGroups[index]
+        if (!fieldItem.contentType && fieldItem.children) {
+          const form = this.$refs[`form${index}`][0]
+          for (let i = 0; i < fieldItem.children.length; i++) {
+            const fieldConfig = fieldItem.children[i]
+            const field = fieldItem.children[i].attriName
+            if (this.pageType === 'ADD' || this.pageType === 'EDIT') {
+              form.validate((valid, err) => {
+                if (!valid) {
+                  for (const key in err) {
+                    const errMessgae = err[key][0]
+                    this.$message.error(errMessgae.message)
+                    submitFlag = false
+                    return
+                  }
+                }
+              })
+            }
+            if (submitFlag === false) {
+              break
+            }
+            const formValue = form.model.data[field]
+            if (!field.includes('#')) {
+              let submitValue = formValue
+              if (Array.isArray(formValue)) {
+                submitValue = formValue[formValue.length - 1]
+              }
+
+              // if (submitValue) {
+              params[fieldConfig.name || `bean.${field}`] = submitValue || ''
+              // }
+            }
+          }
+        }
+      }
+
+      return submitFlag ? params : false
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.box-header{
+    font-size: var(--epx-font-size-l);
+    color: var(--epx-text);
+}
+.line{
+    border-left: 4px solid #328ff0;
+    padding-left: 16px;
+}
+.button-container{
+  // text-align: center;
+  text-indent: 130px;
+}
+.form-item {
+  display: flex;
+  align-items: center;
+  margin: 10px 0;
+  label {
+    display: inline-block;
+    width: 126px;
+    padding: 7px;
+    margin: 0 8px;
+    text-align: right;
+    color: var(--epx-text);
+  }
+}
+.object {
+  width: 220px;
+
+    :deep(.el-icon-search) {
+      line-height: 36px;
+    }
+
+}
+</style>

package/src/views/client/ManageList.vue

@@ -0,0 +1,178 @@
+<script>
+// @jsx-vue3（T30 JSX 批：Vue3 JSX 语法，@vue/babel-plugin-jsx 编译）
+
+import EntityList from '@epxing/components/src/entity-list'
+export default {
+  name: 'epx-client-manage-list',
+  extends: EntityList,
+  data () {
+    return {
+      confirmDelete: false
+    }
+  },
+  methods: {
+    toManage (operate, item) {
+      this.$http.get({
+        action: 'getHallServiceCode',
+        entityId: 'FM_SERVICE',
+        clientCode: item.CODE
+      })
+        .then(data => {
+          const path = window.location.origin + (!window.location.pathname || window.location.pathname === '/' ? '' : '/' + data.clientCode) + '/#'
+
+          if (data.serviceCode) {
+            this.$util.openWindow(`${path}/app/${data.clientCode}/${data.systemCode}/${data.serviceCode}`)
+          } else {
+            this.$util.openWindow(`${path}/hall/${item.CODE}`)
+          }
+        })
+        .catch(err => {
+          this.$message.error(err.message)
+        })
+    },
+    changeConfirmDelete () {
+      setTimeout(() => {
+        const checkbox = this.$refs.checkbox.$el
+        const checkboxInput = checkbox.children[0]
+        if (this.confirmDelete) {
+          checkbox.className += ' is-checked'
+          checkboxInput.className += ' is-checked'
+        } else {
+          checkbox.className = checkbox.className.replace(' is-checked', '')
+          checkboxInput.className = checkboxInput.className.replace(' is-checked', '')
+        }
+      }, 200)
+    },
+    removeMulti (button, item) {
+      const that = this
+      this.$confirm((
+        <div>
+          <span>该操作会删除该租户内所有数据，包括所有系统内的配置业务数据等，删除后我们会为您备份一份数据，如需恢复请联系运维，继续执行操作请勾选我已经知晓，确认删除</span>
+          <br/>
+          <font color="red" style={{ marginRight: '4px' }}>*</font><el-checkbox ref="checkbox" v-model={that.confirmDelete} onClick={that.changeConfirmDelete.bind(that)}>我已知晓，确定删除</el-checkbox>
+        </div>
+      ), this.$t('hint'), {
+        customClass: 'el-message-box--500',
+        confirmButtonText: '删除',
+        cancelButtonText: this.$t('cancel'),
+        type: 'warning',
+        beforeClose (action, instance, done) {
+          if (action === 'confirm' && !that.confirmDelete) {
+            this.$message.error('请先勾选我已经知晓，确认删除')
+          } else {
+            done()
+          }
+        }
+      }).then(() => {
+        if (that.confirmDelete) {
+          this.$http.$post({
+            action: 'delClient',
+            entityId: this.$metaId,
+            clientId: item.ID
+          })
+            .then(data => {
+              this.$message({
+                type: 'success',
+                message: '处理成功，正在为您删除'
+              })
+              this.reloadData()
+            })
+            .catch(err => {
+              this.$message.error(err.message)
+            })
+        }
+      })
+    },
+    renderVerticalItem (item) {
+      const { showLabelField, labelField = [], iconFlag, cardIconColor, cardIconBgColor, 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__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">
+              {
+                iconFlag && icon && (
+                  <div class="epx-entity-card-list__item-icon" style={{ backgroundColor: iconType === 'image' ? 'transparent' : cardIconBgColor }}>
+                    {
+
+                      iconType === 'image' ? <img src={item[icon] ? this.$util.getFileUrl(item[icon]) : 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) {
+                              nextValue = item[nextField.attriName + '#'] || nextField[field.attriName]
+                            }
+                            return <span title={
+                              this.rowTitle(rowItem, item)
+                            }>
+                              { field.showLabel && (field.attriName !== 'SYSTEMCLIENT|NAME' || !item.DEL_STATUS) && (field.attriLabel + '：')}
+                              { field.attriName === 'SYSTEMCLIENT|NAME' ? (
+                                item.DEL_STATUS === '0' ? (
+                                  <span class="delete-system__text" >
+                                    <i class="el-icon-loading"></i>&nbsp;
+                                     全力删除中，请耐心等待
+                                  </span>
+                                ) : item.DEL_STATUS ? (
+                                  <span style={{ color: 'red' }}>{item['DEL_STATUS#']}</span>
+                                ) : (
+                                  <span>{value}</span>
+                                )
+                              ) : 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>
+                              ) : (
+                                <font style={{ color: field.color, fontWeight: field.fontWeight, fontSize: field.fontSize + 'px' }}>{value}</font>
+                              ) }
+                              {index !== rowItem.length - 1 && value && (field.showLabel || nextValue) && nextField.state !== 'HIDDEN' ? 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>
+      )
+    }
+  }
+
+}
+</script>
+
+<style>
+
+</style>

package/src/views/client/OpenClientManage.vue

@@ -0,0 +1,54 @@
+<template>
+  <div>
+    <p class="no-role" v-if="!hasRight">您没有权限访问!</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-open-client-manage',
+  navConfigs: {
+    flag: false
+  },
+  data () {
+    return {
+      hasRight: true
+    }
+  },
+  methods: {
+    getManageService () {
+      const { manageClientId } = this.user
+      if (manageClientId) {
+        this.$http.find({
+          entityId: 'FM_SERVICE',
+          'scope.CODE': 'FM_SERVICE_CLIENT'
+        })
+          .then(data => {
+            const clientCode = this.$util.search('client_code')
+            const { client = clientCode } = this.$route.params
+            // const { 'CLIENT|CODE': client } = this.appConfig
+            const token = this.$util.getToken(client)
+            // 销毁当前tabs
+            this.$store.commit('DESTORY_TAB', this.$tab.key)
+            const rootPath = this.$util.getRootPath()
+            window.open(rootPath + '/client/' + client + `?_token=${token || ''}`)
+          })
+      } else {
+        this.hasRight = false
+      }
+    }
+  },
+  created () {
+    this.getManageService()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.no-role {
+  font-size: 40px;
+  color: red;
+  text-align: center;
+  margin-top: 100px;
+}
+</style>

package/src/views/client/OpenSystemManage.vue

@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <p class="no-role" v-if="!hasRight">您没有权限访问!</p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-client-open-system-manage',
+  navConfigs: {
+    flag: false
+  },
+  data () {
+    return {
+      hasRight: true
+    }
+  },
+  methods: {
+    getManageService () {
+      this.$http.get({
+        action: 'hasMangeService',
+        entityId: 'FM_USER',
+        querySystem: this.appConfig.SYSTEM
+      })
+        .then(data => {
+          if (data.systemAdmin === 'true') {
+            this.hasRight = true
+            this.openService('system')
+          } else {
+            this.hasRight = false
+          }
+        })
+    },
+    openService (name) {
+      const { 'CLIENT|CODE': client } = this.appConfig
+      const rootPath = this.$util.getRootPath()
+      if (name === 'client') {
+        window.open(`${rootPath}/hall/${client}`)
+      } else {
+        window.open(`${rootPath}/${name}/${client}/${name === 'system' ? window.BASE_SYSTEM_ID : ''}`)
+      }
+    }
+  },
+  created () {
+    this.getManageService()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.no-role {
+  font-size: 40px;
+  color: red;
+  text-align: center;
+  margin-top: 100px;
+}
+</style>