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

package/src/views/client/PageTabsCyclic.vue

@@ -0,0 +1,121 @@
+<template>
+  <el-tabs :style="$component.style" class="tabs" v-model="activeName" :type="type" @tab-click="handleClick">
+    <el-tab-pane v-for="component in components" :key="component.ID" :label="component.NAME" :name="component.ID" lazy >
+      <epx-page
+       ref="page"
+       :inline="true"
+       flag="v_client_user_list"
+       :metaId="$metaId"
+       :current-query="{
+         USER_TYPE:component.ID||'',
+         CLIENT:component.CLIENT
+       }"
+       ></epx-page>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import component from '@epxing/core/src/mixins/component'
+export default {
+  name: 'epx-client-page-tabs-cyclic',
+  mixins: [component],
+  items: [],
+  style: {
+    'margin-bottom': '0'
+  },
+  data () {
+    return {
+      activeName: '',
+      counts: {},
+      components: []
+    }
+  },
+  computed: {
+    type () {
+      const { type = 'card' } = this.$configs
+      return type === 'card' ? 'card' : ''
+    }
+  },
+  methods: {
+    handleClick () {
+
+    },
+    getuserTypeList () {
+      this.$http.list({
+        entityId: 'FM_USER_TYPE'
+      })
+        .then(data => {
+          this.components = data.entitys
+          this.components.push({ CLIENT: this.user.manageClientId, NAME: '全部用户' })
+          // this.components.push({ CLIENT: this.$route.query.clent, NAME: '全部用户' })
+          this.activeName = this.components[0].ID
+        })
+    }
+  },
+  created () {
+    this.getuserTypeList()
+    // 获取标签页内列表数量
+    // if (this.components.length > 0) {
+    //   const firstItem = this.components[0]
+    //   this.activeName = firstItem.id
+    //   // 获取标签页数量
+    //   this.components.forEach(component => {
+    //     if (component.tabCount) {
+    //       this.$http.getCount({
+    //         entityId: this.$metaId,
+    //         scopeParams: JSON.stringify(component.countScopeParams || [])
+    //       })
+    //         .then(data => {
+    //           this.$set(this.counts, component.id, data.total)
+    //         })
+    //     }
+    //   })
+    // }
+  },
+  watch: {
+    activeName () {
+      this.$nextTick(() => {
+        // this.components.forEach(component => {
+        //   let instance = this.$refs[component.id]
+        //   if (instance && instance[0]) {
+        //     instance = instance[0]
+        //     instance.$on('listData', params => {
+        //       // 根据id获取子组件
+        //       if (!this.counts[component.id]) {
+        //         this.$set(this.counts, component.id, params.total)
+        //       }
+        //     })
+        //   }
+        // })
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tabs {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+    :deep(.el-tabs__header) {
+      background: var(--epx-bg-card);
+      margin: 0;
+    }
+    :deep(.el-tabs__content) {
+      flex: 1;
+      overflow: hidden;
+    }
+    :deep(.el-tab-pane) {
+      height: 100%;
+      overflow: auto;
+    }
+     :deep(.el-tabs__item.is-bottom:nth-child(2), .el-tabs__item.is-top:nth-child(2),  .el-tabs__item.is-bottom:nth-child(2), .el-tabs__item.is-top:nth-child(2)) {
+      padding: 0 20px;
+    }
+
+}
+
+</style>

package/src/views/client/SelfBuiltSystem.vue

@@ -0,0 +1,497 @@
+<template>
+  <el-card class="box-card">
+    <template v-slot:header><div class="box-header">
+      <span class="line" v-if="pageType === 'ADD'">第二步：填写系统信息</span>
+      <span class="line" v-if="pageType === 'EDIT'">第三步：填写系统信息</span>
+    </div></template>
+    <div class="form-container">
+      <div class="sub-form-item">
+        <!-- <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> -->
+        <epx-table-form
+          class="epx-add-form-item__content"
+          ref="form"
+          :metaId="$metaId"
+          :fieldsConfigs="fieldsConfigs"
+          :pageType="componentType"
+          v-model="data"
+          :column="1"
+        ></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-group " v-if="operates.length > 0">
+          <template v-for="operate in operates" :key="operate.text">
+            <el-button
+              size="default"
+              :loading="httpLoading[operate.id || operate.text]"
+
+              :type="operate.ui"
+              @click="$handler(operate, data)"
+            >
+              {{ operate.text }}
+            </el-button>
+          </template>
+        </div>
+      </div>
+    </div>
+    <el-dialog
+      title="创建成功"
+      v-model="dialogVisible"
+      width="800px"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="handleClose"
+    >
+      <div class="dialog-content">
+        <div class="success-icon"><i class="el-icon-success"></i></div>
+        <div class="create-title">创建成功</div>
+        <div class="create-text">
+          您可以前往系统配置中心创建应用啦！在应用管理页面点击系统卡片也可以进入系统配置中心哦。
+        </div>
+        <div class="btn-one" v-if="$query.systemType !== 'out'">
+          <el-button @click="goSettingCenter" type="primary"
+            >前往系统配置中心</el-button
+          >
+        </div>
+        <div>
+          <el-button @click="backPage({ reload: true })"
+            >返回应用管理页面</el-button
+          >
+        </div>
+      </div>
+    </el-dialog>
+  </el-card>
+</template>
+
+<script>
+import Addform from '@epxing/components/src/add-form'
+export default {
+  name: 'epx-client-self-build-system',
+  extends: Addform,
+  $componentType: 'page',
+  column: '1',
+  fields: ['LOGO', 'NAME', 'CODE'],
+  operates: [
+    {
+      // 操作按钮
+      text: '保存',
+      ui: 'primary',
+      handler: 'submitForm',
+      showConditionEl: 'pageType==="ADD" || pageType==="EDIT"'
+    },
+    {
+      text: '返回',
+      cls: 'btn_hollow',
+      handler: 'backPage'
+    }
+  ],
+  data () {
+    return {
+      systemAdmin: '',
+      isSampleData: '0',
+      dialogVisible: false,
+      fieldsConfigs: []
+    }
+  },
+  computed: {
+    pageType () {
+      // 页面配置
+      const { pageType: defaultPageType = 'ADD' } = this.upPage
+        ? this.upPage.$configs
+        : {}
+      // 页面传递参数
+      const { pageType: queryPageType = defaultPageType } = this.upPage
+        ? this.upPage.$query
+        : {}
+      // 组件状态
+      const { pageType = queryPageType } = this.$configs
+      return pageType
+    }
+  },
+  methods: {
+    getFieldsConfigs (pageType = this.pageType) {
+      const { fields, fieldConfigs = {} } = this.$configs
+      const { fieldConfigs: routeFieldConfigs = {} } = this.$query
+      this.$FieldFactory
+        .createFields({
+          defaultFieldConfigs: { ...routeFieldConfigs, ...fieldConfigs },
+          meta: this.$meta,
+          metaId: this.$metaId,
+          pageType,
+          fields: fields,
+          type: 'form'
+        })
+        .then((data) => {
+          this.fieldsConfigs = [...data]
+          data &&
+            data.forEach((item) => {
+              if (
+                (!this.data[item.attriName] ||
+                  this.componentType === 'ADD') &&
+                item.value
+              ) {
+                // eslint-disable-next-line no-unused-vars
+                const _this = this
+                // 设置字段默认值
+                let value = item.value
+                if (typeof value === 'string') {
+                  if (/\$\[(.+)\]/.test(item.value)) {
+                    value = this.$formatContent(item.value)
+                    if (!value) item.value = ''
+                  }
+                  if (/#\[(.+)\]/.test(item.value)) {
+                    value = item.value.replace(/^#\[(.+)\]$/, (match, key) => {
+                      try {
+                        // eslint-disable-next-line no-eval
+                        return _this.data[key] || ''
+                      } catch (error) {
+                        return ''
+                      }
+                    })
+                  }
+                }
+                this.data[item.attriName] = value
+              }
+            })
+          if (this.onAfterFieldsConfigs) this.onAfterFieldsConfigs()
+        })
+    },
+    getData () {
+      const { NAME = '', LOGO = '', CODE = '' } = this.$query
+      this.data = { NAME, LOGO, CODE }
+    },
+    submitForm () {
+      if (this.$query.copyType === 'copy') {
+        this.copySystem()
+      } else {
+        this.createSystem()
+      }
+    },
+    copySystem () {
+      const params = {
+        action: 'systemSync',
+        entityId: 'FM_SYSTEM',
+        targetSysClient: this.user.manageClientId,
+        resourceClientId: this.$query.clientId,
+        resourceSystemId: this.$query.id,
+        isSampleData: this.isSampleData
+      }
+      if (this.systemAdmin && this.systemAdmin.id) {
+        params.admin = 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.$createPage({
+              flag: 'v_client_system_manager',
+              metaId: 'FM_SYSTEM'
+            })
+            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)
+        })
+    },
+    handleClose (done) {
+      this.backPage({ reload: true })
+    },
+    getManageService (id) {
+      return this.$http.get({
+        action: 'hasMangeService',
+        entityId: 'FM_USER',
+        querySystem: id || this.appConfig.ID
+      })
+    },
+    goSettingCenter () {
+      if (
+        this.systemAdmin &&
+        this.systemAdmin.id &&
+        this.systemAdmin.id === this.user.id
+      ) {
+        this.dialogVisible = false
+        this.backPage({ reload: true })
+        const { client: clientCode } = this.$route.params
+        const { 'CLIENT|CODE': client } = this.appConfig
+        const systemCode = this.data.CODE
+        const sysclientCode = clientCode || client
+        const _token = this.$util.search('_token')
+        const token = this.$util.getToken(clientCode)
+        const rootPath = this.$util.getRootPath()
+        this.$util.openWindow(
+          `${rootPath}/system/${sysclientCode}/${systemCode}?_token=${
+            _token || token || ''
+          }`
+        )
+      } else {
+        this.$message.error('没有权限访问')
+      }
+    },
+    createSystem () {
+      const params = {
+        entityId: this.$metaId,
+        'bean.CLIENT': this.user.manageClientId,
+        'bean.SYSTEM_TYPE': this.$query.systemType || 'local'
+      }
+      // const submitParams = {
+      //   'bean.CLIENT': this.$route.queryclient
+      // }
+      // 获取form表单 提交
+      for (const key in this.data) {
+        params['bean.' + key] = this.data[key]
+      }
+      if (!this.data.NAME) {
+        this.$message.error('请输入系统名称')
+        return
+      }
+      if (!this.data.CODE) {
+        this.$message.error('请输入系统编号')
+        return
+      }
+      if (this.isRequesting) return
+      this.isRequesting = true
+      if (this.systemAdmin && this.systemAdmin.id) {
+        params['bean.admin'] = this.systemAdmin.id
+      }
+      this.$http
+        .save({
+          ...params
+
+        })
+        .then((data) => {
+          this.isRequesting = false
+          if (this.pageType === 'ADD') {
+            this.dialogVisible = true
+          } else {
+            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
+    }
+  },
+  created () {
+    this.getFieldsConfigs()
+    this.getOperates()
+  }
+}
+</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;
+    }
+
+}
+.dialog-content {
+  text-align: center;
+  box-sizing: border-box;
+  padding: 36px 26px;
+}
+.success-icon {
+  font-size: 88px;
+  color: #0cba64;
+  line-height: 1;
+  margin-bottom: 16px;
+}
+.create-title {
+  font-weight: bold;
+  font-size: 24px;
+  color: var(--epx-text);
+  line-height: 36px;
+  margin-bottom: 10px;
+}
+.create-text {
+  font-size: var(--epx-font-size-l);
+  color: var(--epx-text);
+  line-height: 24px;
+  margin-bottom: 40px;
+}
+.btn-one {
+  margin-bottom: 20px;
+}
+.button-group {
+  margin-top: 20px;
+  margin-left: 140px;
+}
+</style>