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

package/src/components/viewport/ViewScope.vue

@@ -0,0 +1,112 @@
+<template>
+  <div>
+  <div class="scope-container">
+      <div class="scope-lable">视图范围：</div>
+      <div class="scope-input" @click="clickScope">
+        <el-input
+        :model-value="getChineseValue()"
+        type="textarea"
+        :disabled="pageType==='DETAIL'"
+        readonly
+        :rows="5"
+      />
+    </div>
+    </div>
+    <epx-scope-drawer v-model:visible="filterDrawer" ref="filterDrawer" :modeType="true" :metaId="viewMetaId" v-model="scopeParams" :params="scopeParams" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'epx-view-scope',
+  props: {
+    formData: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    pageType: String
+  },
+  computed: {
+    viewMetaId () {
+      const { ENTITY: viewMetaId = '' } = this.formData
+      return viewMetaId
+    },
+    getChineseValue () {
+      return () => {
+        let scopeText = ''
+        if (this.scopeValue) {
+          const scope = JSON.parse(this.scopeValue)
+          if (scope.scopeText) {
+            scopeText = scope.scopeText
+          }
+          return scopeText
+        }
+      }
+    }
+  },
+  watch: {
+    scopeParams: {
+      deep: true,
+      handler (v) {
+        this.setValue()
+      }
+    },
+    viewMetaId (v) {
+      this.scopeValue = ''
+      this.scopeParams = []
+    }
+  },
+  data () {
+    return {
+      scopeValue: '',
+      scopeParams: [],
+      filterDrawer: false
+    }
+  },
+  methods: {
+    setValue () {
+      const scopeParamsObj = {
+        scopeParams: [],
+        scopeText: ''
+      }
+      scopeParamsObj.scopeParams = this.scopeParams
+      this.scopeParams.forEach(item => {
+        scopeParamsObj.scopeText += item.text
+      })
+      this.scopeValue = JSON.stringify(scopeParamsObj)
+    },
+    clickScope () {
+      if (this.pageType === 'DETAIL') return
+      if (!this.viewMetaId) {
+        this.$message.error('请选择视图主对象')
+        return
+      }
+      this.filterDrawer = true
+    }
+  },
+  created () {
+    const value = JSON.parse(this.formData.SCOPE)
+    if (value.scopeParams) {
+      this.scopeParams = value.scopeParams
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.scope-container{
+  display: flex;
+  margin-bottom: 20px;
+}
+.scope-lable{
+   width: 120px;
+  text-align: right;
+  color:var(--epx-text);
+  margin-right: 8px;
+}
+.scope-input{
+  width: 80%;
+}
+</style>

package/src/components/wiki-workbench/WikiCites.vue

@@ -0,0 +1,234 @@
+<template>
+  <div class="epx-wiki-cites" v-loading="loading">
+    <el-tabs v-model="activeTab">
+      <el-tab-pane label="被引用情况" name="pages">
+        <div class="epx-wiki-cites__h">
+          <span class="sub">问答每引用一次这里 +1；点开原文另计</span>
+          <el-button type="text" class="r" @click="load">刷新</el-button>
+        </div>
+        <el-table :data="pages" size="small" empty-text="还没有页被引用过">
+          <el-table-column label="页" min-width="220">
+            <template v-slot="s">
+              <div class="epx-wiki-cites__nm">{{ s.row.title || s.row.path }}</div>
+              <div class="epx-wiki-cites__pt">{{ s.row.path }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="被引用" width="90" align="right" prop="cite"></el-table-column>
+          <el-table-column label="浏览" width="80" align="right" prop="view"></el-table-column>
+          <el-table-column label="状态" width="90">
+            <template v-slot="s">
+              <el-tag :type="s.row.state === 'draft' ? 'warning' : 'success'" size="small">
+                {{ pageLabels[s.row.state] || s.row.state }}
+              </el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="80">
+            <template v-slot="s">
+              <el-button type="text" @click="$emit('open', s.row.path)">打开</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          class="epx-wiki-cites__pager"
+          layout="total, sizes, prev, pager, next"
+          :current-page="page"
+          :page-size="pageSize"
+          :page-sizes="PAGE_SIZES"
+          :total="pageTotal"
+          @current-change="changePage"
+          @size-change="changePageSize"
+        ></el-pagination>
+      </el-tab-pane>
+
+      <el-tab-pane label="用户反馈" name="feedback">
+        <div class="epx-wiki-cites__h">
+          <span class="sub">来自问答页的点踩与未命中</span>
+          <el-button type="text" class="r" @click="load">刷新</el-button>
+        </div>
+        <el-table :data="feedback" size="small" empty-text="还没有反馈">
+          <el-table-column label="页" width="220">
+            <template v-slot="s">{{ s.row.path || '无页覆盖' }}</template>
+          </el-table-column>
+          <el-table-column label="反馈" min-width="180" prop="kind"></el-table-column>
+          <el-table-column label="原问题" min-width="220" prop="question" show-overflow-tooltip></el-table-column>
+          <el-table-column label="时间" width="160" prop="createTime"></el-table-column>
+          <el-table-column label="状态" width="90">
+            <template v-slot="s">
+              <el-tag :type="TODO_TYPE[s.row.state] || 'info'" size="small">
+                {{ todoLabels[s.row.state] || s.row.state }}
+              </el-tag>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          class="epx-wiki-cites__pager"
+          layout="total, sizes, prev, pager, next"
+          :current-page="feedbackPage"
+          :page-size="feedbackPageSize"
+          :page-sizes="PAGE_SIZES"
+          :total="feedbackTotal"
+          @current-change="changeFeedbackPage"
+          @size-change="changeFeedbackPageSize"
+        ></el-pagination>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import { codeLabelsAll } from './codes'
+
+// 状态中文名读代码表（FM_AI_WIKI_PAGE_STATE / FM_AI_WIKI_TODO_STATE）。
+// 待办有四态（待处理/处理中/已完成/已忽略），按「open 与非 open」两分会把
+// 「已忽略」显示成「已处理」——那两件事完全不同
+const TODO_TYPE = { open: 'warning', doing: 'primary', done: 'success', ignored: 'info' }
+const PAGE_SIZES = [10, 20, 50]
+
+/**
+ * 工作台「引用与反馈」页签。
+ *
+ * 引用次数说明哪几页在被答案用，反馈说明哪几页用得不对。两者归在同一工作台页签下，
+ * 再用子页签切换，避免数据多时上下两张长表互相挤占空间。
+ *
+ * 只收 source=feedback 的待办：体检产生的死链在维护中心看，
+ * 混进来的话「用户说这页写错了」会被几十条死链淹掉。
+ */
+export default {
+  name: 'epx-wiki-cites',
+  props: {
+    wikiId: { type: String, default: '' },
+    metaId: { type: String, default: 'FM_AI_WIKI' }
+  },
+  data () {
+    return {
+      loading: false,
+      activeTab: 'pages',
+      pages: [],
+      page: 1,
+      pageSize: 10,
+      pageTotal: 0,
+      feedback: [],
+      feedbackPage: 1,
+      feedbackPageSize: 10,
+      feedbackTotal: 0,
+      pageLabels: {},
+      todoLabels: {},
+      TODO_TYPE,
+      PAGE_SIZES
+    }
+  },
+  watch: {
+    wikiId: 'resetAndLoad'
+  },
+  created () {
+    this.load()
+    codeLabelsAll(this.$http, { page: 'FM_AI_WIKI_PAGE_STATE', todo: 'FM_AI_WIKI_TODO_STATE' })
+      .then(m => {
+        this.pageLabels = m.page
+        this.todoLabels = m.todo
+      })
+  },
+  methods: {
+    load () {
+      if (!this.wikiId) return
+      this.loading = true
+      this.$http.get({
+        action: 'cites',
+        entityId: this.metaId,
+        wikiId: this.wikiId,
+        page: this.page,
+        pageSize: this.pageSize,
+        feedbackPage: this.feedbackPage,
+        feedbackPageSize: this.feedbackPageSize
+      })
+        .then(d => {
+          this.pages = (d && d.pages) || []
+          this.pageTotal = Number(d && d.pageTotal) || 0
+          this.feedback = (d && d.feedback) || []
+          this.feedbackTotal = Number(d && d.feedbackTotal) || 0
+        })
+        .catch(() => {
+          this.pages = []
+          this.pageTotal = 0
+          this.feedback = []
+          this.feedbackTotal = 0
+        })
+        .finally(() => { this.loading = false })
+    },
+
+    resetAndLoad () {
+      this.page = 1
+      this.feedbackPage = 1
+      this.load()
+    },
+
+    changePage (page) {
+      this.page = page
+      this.load()
+    },
+
+    changePageSize (size) {
+      this.pageSize = size
+      this.page = 1
+      this.load()
+    },
+
+    changeFeedbackPage (page) {
+      this.feedbackPage = page
+      this.load()
+    },
+
+    changeFeedbackPageSize (size) {
+      this.feedbackPageSize = size
+      this.feedbackPage = 1
+      this.load()
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+@include b(wiki-cites) {
+  padding: 16px;
+  overflow-y: auto;
+  @include scroll-bar;
+
+  @include e(sec) {
+    margin-bottom: 24px;
+  }
+
+  @include e(h) {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 12px;
+    font-size: $--font-size-base;
+    font-weight: 600;
+    color: var(--color-text-title);
+
+    .sub {
+      font-size: $--font-size-extra-small;
+      font-weight: 400;
+      color: var(--color-text-assistant);
+    }
+
+    .r {
+      margin-left: auto;
+    }
+  }
+
+  @include e(nm) {
+    color: var(--color-text-title);
+  }
+
+  @include e(pt) {
+    font-size: $--font-size-extra-small;
+    color: var(--color-text-assistant);
+  }
+
+  @include e(pager) {
+    margin-top: 12px;
+    text-align: right;
+  }
+}
+</style>