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

package/src/views/I18nWorkbench.vue

@@ -0,0 +1,508 @@
+<template>
+  <div class="i18n-workbench">
+    <div class="i18n-workbench__toolbar">
+      <el-select
+        v-model="filters.localeCode"
+        class="i18n-workbench__language"
+        :placeholder="text('target language', '目标语言')"
+        @change="handleLocaleChange"
+      >
+        <el-option
+          v-for="language in targetLanguages"
+          :key="language.code"
+          :label="language.name"
+          :value="language.code"
+        ></el-option>
+      </el-select>
+      <el-select
+        v-model="filters.resourceTypes"
+        class="i18n-workbench__types"
+        multiple
+        collapse-tags
+        clearable
+        :placeholder="text('resource type', '资源类型')"
+      >
+        <el-option
+          v-for="type in resourceTypeOptions"
+          :key="type.value"
+          :label="type.label"
+          :value="type.value"
+        ></el-option>
+      </el-select>
+      <el-select
+        v-model="filters.translationStatus"
+        class="i18n-workbench__status"
+        clearable
+        :placeholder="text('translation status', '翻译状态')"
+      >
+        <el-option :label="text('missing', '缺失')" value="MISSING"></el-option>
+        <el-option :label="text('source updated', '原文已更新')" value="STALE"></el-option>
+        <el-option :label="text('translated', '已翻译')" value="TRANSLATED"></el-option>
+      </el-select>
+      <el-input
+        v-model.trim="filters.keyword"
+        class="i18n-workbench__keyword"
+        clearable
+        :placeholder="text('search resource key or source text', '搜索资源标识或原文')"
+        @keyup.enter="handleSearch"
+      ></el-input>
+      <el-button type="primary" icon="el-icon-search" :disabled="!filters.localeCode" @click="handleSearch">{{ text('search', '查询') }}</el-button>
+      <el-button @click="resetFilters">{{ text('reset', '重置') }}</el-button>
+      <div class="i18n-workbench__toolbar-spacer"></div>
+      <el-button type="primary" icon="el-icon-refresh" :loading="syncing" @click="syncResources">{{ text('sync all resources', '统一同步资源') }}</el-button>
+      <el-button
+        type="warning"
+        icon="el-icon-magic-stick"
+        :loading="aiTaskStarting"
+        :disabled="!filters.localeCode || isAiTaskActive"
+        @click="startAiTranslationTask"
+      >{{ aiTranslationButtonText }}</el-button>
+      <el-button
+        v-if="isAiTaskActive"
+        type="danger"
+        plain
+        icon="el-icon-video-pause"
+        :loading="aiTaskPausing || aiTask.status === 'PAUSE_REQUESTED'"
+        :disabled="!canPauseAiTask || aiTaskPausing"
+        @click="pauseAiTranslationTask"
+      >{{ text('pause AI translation', '暂停 AI 翻译') }}</el-button>
+      <el-button
+        icon="el-icon-time"
+        :disabled="!filters.localeCode"
+        @click="historyDialogVisible = true"
+      >{{ text('translation task history', '历史任务') }}</el-button>
+      <el-button
+        type="success"
+        icon="el-icon-s-promotion"
+        :disabled="!filters.localeCode"
+        @click="publishDialogVisible = true"
+      >{{ text('validate and publish', '校验与发布') }}</el-button>
+    </div>
+    <el-alert
+      v-if="targetLanguages.length === 0"
+      class="i18n-workbench__alert"
+      :title="text('No target translation language is enabled. Configure supported languages in customer settings first.', '客户未启用可翻译的目标语言，请先在客户设置中配置统一支持语言。')"
+      type="warning"
+      :closable="false"
+      show-icon
+    ></el-alert>
+    <div v-if="aiTask" class="i18n-workbench__ai-task">
+      <el-alert
+        :title="aiTaskTitle"
+        :description="aiTaskDescription"
+        :type="aiTaskAlertType"
+        :closable="false"
+        show-icon
+      ></el-alert>
+      <el-progress
+        v-if="isAiTaskActive || (aiTask.totalCount || 0) > 0"
+        :percentage="aiTaskProgress"
+        :status="aiTaskProgressStatus"
+      ></el-progress>
+    </div>
+
+    <div class="i18n-workbench__summary">
+      <span>{{ text('current filtered list total', '当前筛选列表总数') }}：<strong>{{ listTotal }}</strong></span>
+      <span v-if="aiTask">
+        {{ text('current AI task eligible total', '本次 AI 任务待处理总数') }}：<strong>{{ aiTask.totalCount || 0 }}</strong>
+      </span>
+    </div>
+    <i18n-translation-list
+      ref="translationList"
+      class="i18n-workbench__list"
+      :locale-code="filters.localeCode"
+      :resource-types="filters.resourceTypes"
+      :translation-status="filters.translationStatus"
+      :keyword="filters.keyword"
+      @save="saveTranslation"
+      @loaded="handleListLoaded"
+    ></i18n-translation-list>
+
+    <i18n-publish-dialog
+      v-model:visible="publishDialogVisible"
+      :locale-code="filters.localeCode"
+      :language-name="currentLanguageName"
+    ></i18n-publish-dialog>
+    <i18n-ai-task-history-dialog
+      v-model:visible="historyDialogVisible"
+      :locale-code="filters.localeCode"
+      :language-name="currentLanguageName"
+    ></i18n-ai-task-history-dialog>
+  </div>
+</template>
+
+<script>
+import I18nAiTaskHistoryDialog from './i18n/I18nAiTaskHistoryDialog.vue'
+import I18nPublishDialog from './i18n/I18nPublishDialog.vue'
+import I18nTranslationList from './i18n/I18nTranslationList.vue'
+import workbenchText from './i18n/i18n-workbench-text'
+
+export default {
+  name: 'epx-i18n-workbench',
+  components: { I18nAiTaskHistoryDialog, I18nPublishDialog, I18nTranslationList },
+  data () {
+    return {
+      filters: {
+        localeCode: '',
+        resourceTypes: [],
+        translationStatus: '',
+        keyword: ''
+      },
+      aiTask: null,
+      aiTaskStarting: false,
+      aiTaskPausing: false,
+      aiTaskPollTimer: null,
+      syncing: false,
+      publishDialogVisible: false,
+      historyDialogVisible: false,
+      listTotal: 0,
+      resourceTypeOptions: [
+        { value: 'ENTITY', label: workbenchText(this, 'object name', '对象名称') },
+        { value: 'FIELD', label: workbenchText(this, 'field name', '字段名称') },
+        { value: 'CODE_TABLE', label: workbenchText(this, 'code table name', '码表名称') },
+        { value: 'CODE_ITEM', label: workbenchText(this, 'code item name', '码项名称') },
+        { value: 'MENU', label: workbenchText(this, 'menu title', '菜单标题') },
+        { value: 'PAGE', label: workbenchText(this, 'page configuration text', '页面配置文案') },
+        { value: 'FORM_REPORT', label: workbenchText(this, 'form report', '表单报表') },
+        { value: 'WORKFLOW', label: workbenchText(this, 'workflow text', '业务流程文案') },
+        { value: 'LOGIC', label: workbenchText(this, 'logic orchestration text', '逻辑编排文案') },
+        { value: 'CLIENT', label: workbenchText(this, 'client text', '客户文案') },
+        { value: 'SYSTEM', label: workbenchText(this, 'system text', '系统文案') },
+        { value: 'APP', label: workbenchText(this, 'application text', '应用文案') },
+        { value: 'MESSAGE_TEMPLATE', label: workbenchText(this, 'message template', '消息模板') },
+        { value: 'UI_MESSAGE', label: workbenchText(this, 'page message', '页面文案') }
+      ]
+    }
+  },
+  computed: {
+    clientConfig () {
+      return this.$store.state.config.clientConfig || {}
+    },
+    targetLanguages () {
+      const {
+        LANGUAGES: languageCodes = '',
+        'LANGUAGES#': languageNames = '',
+        LANGUAGE_DEFAULT: defaultLanguage = ''
+      } = this.clientConfig
+      const names = languageNames.split(',')
+      return languageCodes.split(',')
+        .map((code, index) => ({
+          code: code.trim(),
+          name: (names[index] || code).trim()
+        }))
+        .filter(language => language.code && language.code !== defaultLanguage)
+    },
+    currentLanguageName () {
+      const language = this.targetLanguages.find(item => item.code === this.filters.localeCode)
+      return language ? `${language.name}（${language.code}）` : this.filters.localeCode
+    },
+    isAiTaskActive () {
+      return Boolean(this.aiTask && ['QUEUED', 'RUNNING', 'PAUSE_REQUESTED'].includes(this.aiTask.status))
+    },
+    canPauseAiTask () {
+      return Boolean(this.aiTask && ['QUEUED', 'RUNNING'].includes(this.aiTask.status))
+    },
+    aiTranslationButtonText () {
+      return this.aiTask && ['PAUSED', 'INTERRUPTED'].includes(this.aiTask.status)
+        ? this.text('continue AI translation', '继续 AI 翻译')
+        : this.text('AI translate all missing values', 'AI 翻译全部空值')
+    },
+    aiTaskProgress () {
+      if (!this.aiTask) return 0
+      const total = Number(this.aiTask.totalCount) || 0
+      if (total === 0) return this.isAiTaskActive ? 0 : 100
+      return Math.min(100, Math.round((Number(this.aiTask.processedCount) || 0) * 100 / total))
+    },
+    aiTaskProgressStatus () {
+      if (!this.aiTask) return undefined
+      if (this.aiTask.status === 'FAILED') return 'exception'
+      if (['COMPLETED', 'COMPLETED_WITH_ERRORS'].includes(this.aiTask.status)) return 'success'
+      return undefined
+    },
+    aiTaskAlertType () {
+      if (!this.aiTask) return 'info'
+      if (this.aiTask.status === 'FAILED') return 'error'
+      if (this.aiTask.status === 'COMPLETED_WITH_ERRORS') return 'warning'
+      if (['PAUSE_REQUESTED', 'PAUSED', 'INTERRUPTED'].includes(this.aiTask.status)) return 'warning'
+      if (this.aiTask.status === 'COMPLETED') return 'success'
+      return 'info'
+    },
+    aiTaskTitle () {
+      if (!this.aiTask) return ''
+      return {
+        QUEUED: this.text('AI translation task queued', 'AI 翻译任务已排队'),
+        RUNNING: this.text('AI is translating all missing values in the background', 'AI 正在后台翻译全部空值'),
+        PAUSE_REQUESTED: this.text('AI translation task is pausing after the current batch', 'AI 翻译任务正在暂停，将在当前批次完成后停止'),
+        PAUSED: this.text('AI translation task paused; it can be continued manually', 'AI 翻译任务已暂停，可手动继续'),
+        INTERRUPTED: this.text('AI translation task interrupted; it can be continued manually', 'AI 翻译任务已中断，可手动继续'),
+        COMPLETED: this.text('AI translation task completed', 'AI 翻译任务已完成'),
+        COMPLETED_WITH_ERRORS: this.text('AI translation task completed with some unsuccessful resources', 'AI 翻译任务已完成，部分资源未成功'),
+        FAILED: this.text('AI translation task failed', 'AI 翻译任务执行失败')
+      }[this.aiTask.status] || this.aiTask.status
+    },
+    aiTaskDescription () {
+      if (!this.aiTask) return ''
+      const scope = this.text('Scope: objects, fields, code tables, code items, menus, page configurations, and page messages.', '范围：对象、字段、码表、码项、菜单、页面配置、页面文案。')
+      const summary = [
+        `${this.text('eligible total', '待处理总数')} ${this.aiTask.totalCount || 0}`,
+        `${this.text('processed', '已处理')} ${this.aiTask.processedCount || 0}`,
+        `${this.text('succeeded', '成功')} ${this.aiTask.successCount || 0}`,
+        `${this.text('skipped', '跳过')} ${this.aiTask.skippedCount || 0}`,
+        `${this.text('failed', '失败')} ${this.aiTask.failedCount || 0}`
+      ].join(this.text(', ', '，'))
+      const latestIssue = `${this.text('latest issue', '最近问题')}：${this.aiTask.lastError}`
+      return this.aiTask.lastError ? `${scope} ${summary}. ${latestIssue}` : `${scope} ${summary}`
+    }
+  },
+  watch: {
+    targetLanguages: {
+      immediate: true,
+      handler (languages) {
+        if (languages.some(language => language.code === this.filters.localeCode)) return
+        this.filters.localeCode = languages.length > 0 ? languages[0].code : ''
+        if (this.filters.localeCode) this.$nextTick(this.handleLocaleChange)
+      }
+    }
+  },
+  beforeUnmount () {
+    this.stopAiTaskPolling()
+  },
+  methods: {
+    text (key, zhText) {
+      return workbenchText(this, key, zhText)
+    },
+    isUnfinishedAiTask (task) {
+      return Boolean(task && [
+        'QUEUED',
+        'RUNNING',
+        'PAUSE_REQUESTED',
+        'PAUSED',
+        'INTERRUPTED'
+      ].includes(task.status))
+    },
+    handleListLoaded ({ total = 0 } = {}) {
+      this.listTotal = Number(total) || 0
+    },
+    request (action, params = {}, options = {}) {
+      return this.$http.$request({
+        action,
+        entityId: 'FM_I18N_RESOURCE',
+        ...params
+      }, {
+        method: 'post',
+        ...options
+      })
+    },
+    loadTranslations (resetPage = false) {
+      if (!this.filters.localeCode) return
+      this.$nextTick(() => {
+        if (this.$refs.translationList) {
+          this.$refs.translationList.reload(resetPage)
+        }
+      })
+    },
+    handleLocaleChange () {
+      this.stopAiTaskPolling()
+      this.aiTask = null
+      this.loadTranslations(true)
+      this.loadAiTaskStatus()
+    },
+    handleSearch () {
+      this.loadTranslations(true)
+    },
+    resetFilters () {
+      this.filters.resourceTypes = []
+      this.filters.translationStatus = ''
+      this.filters.keyword = ''
+      this.handleSearch()
+    },
+    startAiTranslationTask () {
+      if (!this.filters.localeCode || this.aiTaskStarting || this.isAiTaskActive) return
+      const localeCode = this.filters.localeCode
+      this.aiTaskStarting = true
+      this.request('startAiTranslationTask', {
+        localeCode,
+        modelId: ''
+      })
+        .then(task => {
+          if (localeCode !== this.filters.localeCode) return
+          this.aiTask = task
+          this.$message.success(this.text('AI translation is running in the background; you can continue using the workbench', 'AI 翻译任务已进入后台执行，可继续使用工作台'))
+          this.scheduleAiTaskPolling()
+        })
+        .catch(error => this.$message.error(error.message || this.text('failed to start AI translation task', '启动 AI 翻译任务失败')))
+        .finally(() => {
+          this.aiTaskStarting = false
+        })
+    },
+    pauseAiTranslationTask () {
+      if (!this.filters.localeCode || !this.aiTask || !this.canPauseAiTask || this.aiTaskPausing) return
+      const localeCode = this.filters.localeCode
+      const taskId = this.aiTask.id
+      this.aiTaskPausing = true
+      this.request('pauseAiTranslationTask', {
+        localeCode,
+        taskId
+      })
+        .then(task => {
+          if (!task || localeCode !== this.filters.localeCode || taskId !== task.id) return
+          this.aiTask = task
+          if (task.status === 'PAUSED') {
+            this.$message.success(this.text('AI translation task paused; click Continue AI translation when needed', 'AI 翻译任务已暂停，需要时可点击“继续 AI 翻译”'))
+          } else {
+            this.$message.info(this.text('Pause requested; the task will stop after the current batch', '已请求暂停，任务将在当前批次完成后停止'))
+          }
+          this.scheduleAiTaskPolling()
+        })
+        .catch(error => this.$message.error(error.message || this.text('failed to pause AI translation task', '暂停 AI 翻译任务失败')))
+        .finally(() => {
+          this.aiTaskPausing = false
+        })
+    },
+    loadAiTaskStatus () {
+      const localeCode = this.filters.localeCode
+      if (!localeCode) return
+      const previousActive = this.isAiTaskActive
+      this.request('aiTranslationTaskStatus', {
+        localeCode,
+        taskId: this.aiTask ? this.aiTask.id : ''
+      })
+        .then(task => {
+          if (localeCode !== this.filters.localeCode) return
+          this.aiTask = this.isUnfinishedAiTask(task) ? task : null
+          if (this.isAiTaskActive) {
+            this.scheduleAiTaskPolling()
+          } else {
+            this.stopAiTaskPolling()
+            if (previousActive) {
+              this.loadTranslations()
+              if (task && task.status === 'COMPLETED') {
+                this.$message.success(this.text('AI translation completed; translations are saved as pending publication', 'AI 翻译全部空值任务已完成，译文已保存为待发布状态'))
+              } else if (task && task.status === 'COMPLETED_WITH_ERRORS') {
+                this.$message.warning(this.text('AI translation completed with errors; view task history for details', 'AI 翻译任务已完成，部分资源未成功，可在历史任务中查看详情'))
+              } else if (task && task.status === 'FAILED') {
+                this.$message.error(this.text('AI translation task failed; view task history for details', 'AI 翻译任务执行失败，可在历史任务中查看详情'))
+              } else if (task && task.status === 'PAUSED') {
+                this.$message.warning(this.text('AI translation task paused; click Continue AI translation to resume', 'AI 翻译任务已暂停，可点击“继续 AI 翻译”恢复任务'))
+              } else if (task && task.status === 'INTERRUPTED') {
+                this.$message.warning(this.text('AI translation was interrupted; click Continue AI translation to resume', 'AI 翻译任务已中断，可点击“继续 AI 翻译”恢复任务'))
+              }
+            }
+          }
+        })
+        .catch(() => {
+          if (this.isAiTaskActive) this.scheduleAiTaskPolling()
+        })
+    },
+    scheduleAiTaskPolling () {
+      this.stopAiTaskPolling()
+      if (!this.isAiTaskActive) return
+      this.aiTaskPollTimer = window.setTimeout(this.loadAiTaskStatus, 2500)
+    },
+    stopAiTaskPolling () {
+      if (this.aiTaskPollTimer) {
+        window.clearTimeout(this.aiTaskPollTimer)
+        this.aiTaskPollTimer = null
+      }
+    },
+    saveTranslation (row) {
+      if (row.saving) return
+      row.saving = true
+      this.request('saveTranslation', {
+        resourceId: row.resourceId,
+        localeCode: this.filters.localeCode,
+        value: row.value || ''
+      })
+        .then(data => {
+          Object.assign(row, data, { saving: false })
+          this.$message.success(this.text('translation saved and awaiting publication', '译文已保存，等待统一发布后生效'))
+        })
+        .catch(error => {
+          row.saving = false
+          this.$message.error(error.message || this.text('failed to save translation', '保存译文失败'))
+        })
+    },
+    syncResources () {
+      if (this.syncing) return
+      this.syncing = true
+      this.request('syncResources', {
+        resourceTypes: this.filters.resourceTypes.join(',')
+      })
+        .then(result => {
+          const summary = `${this.text('scanned', '扫描')} ${result.scanned || 0}，` +
+            `${this.text('created', '新增')} ${result.created || 0}，` +
+            `${this.text('source updated', '原文更新')} ${result.sourceChanged || 0}，` +
+            `${this.text('deactivated', '停用')} ${result.deactivated || 0}`
+          this.$message.success(`${this.text('sync completed', '同步完成')}：${summary}`)
+          this.handleSearch()
+        })
+        .catch(error => this.$message.error(error.message || this.text('failed to sync translation resources', '同步翻译资源失败')))
+        .finally(() => {
+          this.syncing = false
+        })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.i18n-workbench {
+  box-sizing: border-box;
+  height: 100%;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+
+  &__toolbar {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 10px;
+    margin-bottom: 12px;
+  }
+
+  &__list {
+    flex: 1;
+    min-height: 0;
+  }
+
+  &__toolbar-spacer {
+    flex: 1;
+  }
+
+  &__language {
+    width: 160px;
+  }
+
+  &__types {
+    width: 210px;
+  }
+
+  &__status {
+    width: 150px;
+  }
+
+  &__keyword {
+    width: 260px;
+  }
+
+  &__alert {
+    margin-bottom: 12px;
+  }
+
+  &__summary {
+    display: flex;
+    gap: 24px;
+    margin-bottom: 8px;
+    color: #606266;
+  }
+
+  &__ai-task {
+    margin-bottom: 12px;
+
+    .el-progress {
+      margin-top: 8px;
+    }
+  }
+}
+</style>

package/src/views/ImportFilePage.vue

@@ -0,0 +1,19 @@
+<script>
+import BasePageVue from '@epxing/components/src/base-page/BasePage.vue'
+export default {
+  name: 'epx-import-file-page',
+  extends: BasePageVue,
+  items: [
+    {
+      id: 'nav',
+      title: '导航',
+      contentType: 'header'
+    },
+    {
+      id: 'import',
+      title: '导入附件',
+      contentType: 'import-file'
+    }
+  ]
+}
+</script>

package/src/views/ImportPage.vue

@@ -0,0 +1,19 @@
+<script>
+import BasePageVue from '@epxing/components/src/base-page/BasePage.vue'
+export default {
+  name: 'epx-import-page',
+  extends: BasePageVue,
+  items: [
+    {
+      id: 'nav',
+      title: '导航',
+      contentType: 'header'
+    },
+    {
+      id: 'import',
+      title: '导入',
+      contentType: 'import'
+    }
+  ]
+}
+</script>

package/src/views/MEntityListPage.vue

@@ -0,0 +1,83 @@
+<script>
+import BasePageVue from '@epxing/components/src/base-page/BasePage.vue'
+export default {
+  name: 'epx-m-entity-list-page',
+  extends: BasePageVue,
+  searchComponent: '',
+  readonly: false,
+  items: [],
+  methods: {
+    beforeCreateComponent () {
+
+    }
+  },
+  created () {
+    const { searchComponent, readonly } = this.$configs
+    const { items = [] } = this.$component
+    if (items.length === 0) {
+      if (this.openType !== '2') {
+        const navItem = {
+          title: '导航',
+          id: 'nav',
+          contentType: 'header'
+        }
+        const navConfig = {
+          operates: [
+            {
+              text: '新增',
+              handler: 'goPage',
+              ui: 'primary',
+              num: 0,
+              component: 'entity-add-page',
+              pageType: 'ADD',
+              openMode: '3'
+            }
+          ]
+        }
+        if (!readonly) {
+          navItem.configs = navConfig
+        }
+        items.push(navItem)
+      }
+      items.push(
+        {
+          title: '列表区域',
+          id: 'm_list',
+          contentType: 'm-entity-list',
+          configs: {
+          }
+        })
+      this.$component.items = items
+    }
+    if (searchComponent) {
+      items.forEach(item => {
+        if (item.id === 'search') item.contentType = searchComponent
+      })
+    }
+  },
+  mounted () {
+    // this.$epxOn('search', (...params) => {
+    //   function broadcastAllCom (eventName, params) {
+    //     if (!this.$children) return
+    //     this.$children.forEach(child => {
+    //       if (child.$options.componentType === 'component') {
+    //         child.$emit.apply(child, [eventName].concat(params))
+    //       }
+    //       broadcastAllCom.apply(child, [eventName].concat([params]))
+    //     })
+    //   }
+    //   broadcastAllCom.apply(this, ['getData'].concat([params]))
+    // })
+
+    this.$epxOn('listData', params => {
+      // 根据id获取子组件
+      this.$broadcastCom('search-filter', 'setListData', [params])
+      this.$broadcastCom('m-search', 'setListData', [params])
+    })
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/views/MEntitySubListPage.vue

@@ -0,0 +1,44 @@
+<script>
+import EntityListPage from '@epxing/components/src/entity-list-page/EntityListPage.vue'
+export default {
+  name: 'epx-m-entity-sub-list-page',
+  extends: EntityListPage,
+  searchComponent: '',
+  items: [
+  ],
+  itemConfigs: {},
+  methods: {
+    initComponents () {
+      const { searchComponent } = this.$configs
+      const { items = [] } = this.$component
+      if (items.length === 0) {
+        if (this.openType !== '2') {
+          items.push({
+            title: '导航',
+            id: 'nav',
+            contentType: 'header'
+          })
+        }
+        items.push(
+          {
+            title: '列表区域',
+            id: 'list',
+            contentType: 'm-entity-sublist',
+            configs: {
+            }
+          })
+        this.$component.items = items
+      }
+      if (searchComponent) {
+        items.forEach(item => {
+          if (item.id === 'search') item.contentType = searchComponent
+        })
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

package/src/views/MinePage.vue

@@ -0,0 +1,18 @@
+<script>
+import BasePage from '@epxing/components/src/base-page'
+export default {
+  name: 'epx-mine-page',
+  extends: BasePage,
+  items: [
+    {
+      id: 'mine',
+      title: '我的',
+      contentType: 'mine'
+    }
+  ]
+}
+</script>
+
+<style>
+
+</style>