布局问题知识库

jero-web/src/common/lang/en-us.js

@@ -1199,4 +1199,14 @@ module.exports = {
   Inthecollection:'In the collection',
   Notatthe:'Not at the',
   Thepercentage:'The Percentage',
+  problemKnowledgeBase:'Problem Knowledge Base',
+  recentHotSpots:'Recent Hot Spots',
+  disseminationMaterials:'Dissemination Materials',
+  informationSafety:'Information Safety',
+  blueBook:'Blue Book',
+  invoiceCollection:'Invoice Collection',
+  productHighlights:'Product Highlights',
+  financialReimbursement:'Financial Reimbursement',
+  classificationMaintenance:'Classification Maintenance',
+  managePublishing:'Manage Publishing',
 }

jero-web/src/common/lang/zh-cn.js

@@ -1302,4 +1302,14 @@ module.exports = {
   Inthecollection: '收集中',
   Notatthe: '未开始',
   Thepercentage: '百分比',
+  problemKnowledgeBase:'问题知识库',
+  recentHotSpots:'近期热点',
+  disseminationMaterials:'传播物料',
+  informationSafety:'信息安全',
+  blueBook:'蓝皮书',
+  invoiceCollection:'发票合集',
+  productHighlights:'产品亮点',
+  financialReimbursement:'财务报销',
+  classificationMaintenance:'分类维护',
+  managePublishing:'管理发布',
 }

jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardList.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+  export default {
+    name: 'countryCardList'
+  }
+</script>
+
+<style scoped>
+
+</style>

jero-web/src/views/businessSupport/problemKnowledgeBase/components/problemKnowledgeBaseList.vue

@@ -0,0 +1,323 @@
+<template>
+  <div class="box">
+    <div class="search-detail-wrap">
+      <div class="box-title-text">
+        <div class="title-text" :title="$t('searchContent')">
+          <span>{{$t('searchContent')}}</span>
+        </div>
+        <a-input class="box-input" :placeholder="$t('PleaseEnter')+$t('searchContent')"
+                 v-model="searchContent"></a-input>
+        <a-button class="box-button" type="primary" @click="onSearch">{{$t('query')}}</a-button>
+        <a-button class="box-button" style="margin-left: 8px" @click="ResetSearch">{{$t('reset')}}</a-button>
+      </div>
+    </div>
+    <div class="box-content">
+      <div class="box-content-left">
+        <span class="box-content-left-text">{{$t('recentHotSpots')}}</span>
+        <span class="box-content-left-text">{{$t('disseminationMaterials')}}</span>
+        <span class="box-content-left-text">{{$t('informationSafety')}}</span>
+        <span class="box-content-left-text">{{$t('blueBook')}}</span>
+        <span class="box-content-left-text">{{$t('invoiceCollection')}}</span>
+        <span class="box-content-left-text">{{$t('productHighlights')}}</span>
+        <span class="box-content-left-text">{{$t('financialReimbursement')}}</span>
+      </div>
+      <div class="box-content-right">
+        <div @click="classificationClick" class="operator-text" v-has="'virtual:set:creater'">
+          <a-icon type="setting"/>
+          {{$t('classificationMaintenance')}}
+        </div>
+        <div @click="managePublishingClick" class="operator-text" v-has="'virtual:set:creater'">
+          <a-icon type="setting"/>
+          {{$t('managePublishing')}}
+        </div>
+        <div @click="newlyAddedClick" class="operator-text" v-has="'virtual:set:creater'">
+          <a-icon type="setting"/>
+          {{$t('newlyAdded')}}
+        </div>
+      </div>
+    </div>
+    <div v-if="conList.length > 0" style="margin-top: 58px;height: calc(100vh - 260px);overflow:auto;">
+      <li v-for="(item,index) in conList" :key="item.id">
+        <div style="margin-bottom: 10px;position: relative">
+          <!--          <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>-->
+          <div class="text-text-right"
+               :class="{ 'null-input':item.checked }">
+            <div class="text-header" @click="titleClick(item)">
+              <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
+                <template slot="title">
+                  <span v-html="item.module_type"></span>
+                </template>
+                <span class="text-header-text" style="cursor: pointer" v-html="item.module_type"></span>
+                <template slot="title">
+                  <span v-html="item.serial_number"></span>
+                </template>
+                <span style="cursor: pointer"
+                      class="text-header-text"
+                      v-html="item.serial_number"></span>
+                <template slot="title">
+                  <span v-html="item.title"></span>
+                </template>
+                <span class="text-header-text" style="cursor: pointer" v-html="item.title"></span>
+                <template slot="title">
+                  <span v-html="item.file_name"></span>
+                </template>
+                <span class="text-header-text" style="cursor: pointer" v-html="item.file_name"></span>
+              </a-tooltip>
+              <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
+              </a-tooltip>
+            </div>
+            <a-tooltip placement="topLeft" :mouseEnterDelay="0.5">
+              <template slot="title">
+                <span v-html="item.content"></span>
+              </template>
+              <div class="text-content" v-html="item.content">
+              </div>
+            </a-tooltip>
+          </div>
+        </div>
+      </li>
+    </div>
+    <div class="noData" v-else>
+      暂无数据
+    </div>
+    <div class="page" v-if="conList.length > 0">
+      <a-pagination
+        :show-total="total => $t('total')+` ${total} `+$t('strip')"
+        show-quick-jumper
+        show-size-changer
+        :page-size.sync="pageSize"
+        :total="total"
+        :current="pageNo"
+        @change="pageOnChange"
+        @showSizeChange="SizeChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+  import { getAction, postAction, downloadFile } from '@/api/manage'
+
+  export default {
+    name: 'problemKnowledgeBaseList',
+    data() {
+      return {
+        searchContent: '',
+        checkboxText: [],
+        conList: [],
+        total: 0,
+        pageSize: 10,
+        downLoadFileUrl: window._CONFIG['domianPreviewURL'] + '/sys/common/download',
+        pageNo: 1,
+        url: {
+          getInfoList: 'search/document/getFullTextInfoList'
+        }
+      }
+    },
+    mounted() {
+      this.getList()
+    },
+    methods: {
+      onSearch() {
+
+      },
+      ResetSearch() {
+
+      },
+      classificationClick() {
+
+      },
+      managePublishingClick() {
+
+      },
+      newlyAddedClick() {
+
+      },
+      pageOnChange(page, pageSize) {
+        this.pageNo = page
+        this.getList()
+      },
+      SizeChange(page, pageSize) {
+        this.pageNo = 1
+        this.pageSize = pageSize
+        this.getList()
+      },
+      getList() {
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize
+        }
+        postAction(this.url.getInfoList, query).then((res) => {
+          if (res.success) {
+            this.conList = res.result.records
+            this.total = res.result.total
+          } else {
+            this.conList = []
+          }
+        })
+      },
+      titleClick(item) {
+        let newUrl = this.$router.resolve({
+          path: '/docManage/library/detail',
+          query: {
+            id: item.id.slice(0, 32),
+            title: item.title,
+            serial_number: item.serial_number
+          }
+        })
+        window.open(newUrl.href, '_blank')
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .search-detail-wrap {
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  .box-title-text {
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    text-align: center;
+    justify-content: center;
+  }
+
+  .title-text {
+    width: 110px;
+    color: #000F16;
+    display: inline-block;
+    font-weight: 500;
+    font-size: 14px;
+    margin-right: 16px;
+    margin-top: 3px;
+    text-align: right;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .box-input {
+    /*min-width: 200px;*/
+    display: inline-block;
+    width: 50%;
+    height: 38px;
+    margin-top: 2px;
+    margin-right: 16px;
+  }
+
+  .box-button {
+    height: 38px;
+  }
+
+  .box-content-left {
+    width: 60%;
+    float: left;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    margin-top: 20px;
+  }
+
+  .box-content-right {
+    width: 40%;
+    float: left;
+    display: inline-block;
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .operator-text {
+    cursor: pointer;
+    margin-right: 53px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    display: inline-block;
+  }
+
+  .operator-text:last-child {
+    margin-right: 13px;
+  }
+
+  .box-content-left-text {
+    margin-right: 30px;
+    cursor: pointer;
+  }
+
+  .box {
+    padding: 0 0 0 18px;
+    box-sizing: border-box;
+  }
+
+  .checkbox-left {
+    float: left;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .text-text-right {
+    padding: 19px 0;
+    box-sizing: border-box;
+    /*margin-left: 38px;*/
+  }
+
+  .null-input {
+    background-color: #F2F4F8;
+  }
+
+  .search-text-title {
+    margin-bottom: 22px;
+  }
+
+  .text-header {
+    margin-bottom: 11px;
+
+    .text-header-text {
+      margin-right: 52px;
+      font-size: 16px;
+      font-weight: bold;
+      color: #040B29;
+      display: inline-block;
+      max-width: 180px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+
+    /*span {*/
+    /*  margin-right: 52px;*/
+    /*  font-size: 16px;*/
+    /*  font-weight: bold;*/
+    /*  color: #040B29;*/
+    /*  display: inline-block;*/
+    /*  max-width: 500px;*/
+    /*  text-overflow: ellipsis;*/
+    /*  white-space: nowrap;*/
+    /*  overflow: hidden;*/
+    /*}*/
+  }
+
+  .text-content {
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    opacity: 0.7;
+  }
+
+  .page {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .noData {
+    width: 100%;
+    text-align: center;
+    line-height: 10;
+  }
+</style>