对接问题知识库

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

@@ -8,6 +8,12 @@
            </span>
           {{$t('applicableInstructionsMarketList')}}
         </div>
+        <div class="doc-detail-right">
+          <div @click="forwardClick" class="operator-text-text" :title="$t('forward')">
+            <a-icon type="reload"/>
+            {{$t('forward')}}
+          </div>
+        </div>
       </div>
       <div style="padding-top: 68px;background: #fff">
         <div class="detail-content" style="padding: 24px">
@@ -77,18 +83,21 @@
       </div>
     </div>
     <viewFileModel ref="viewFileModelRef"/>
+    <SelectedBy ref="SelectedByRef" :title="$t('forward')" @SelectedByForm="SelectedByForm"></SelectedBy>
   </div>
 </template>
 
 <script>
   import viewFileModel from '@/components/viewFileModel/index'
+  import SelectedBy from '@/components/SelectedBy/index'
   import { getAction, postAction, downloadFile, putAction } from '@/api/manage'
   import { mapGetters } from 'vuex'
 
   export default {
     name: 'problemKnowledgeBaseView',
     components: {
-      viewFileModel
+      viewFileModel,
+      SelectedBy
     },
     data() {
       return {
@@ -140,6 +149,9 @@
     },
     methods: {
       ...mapGetters(['userInfo']),
+      SelectedByForm() {
+
+      },
       queryById() {
         let query = {
           id: this.$route.query.id
@@ -251,6 +263,9 @@
             this.loading = false
           }
         })
+      },
+      forwardClick() {
+        this.$refs.SelectedByRef.getPush()
       }
     }
   }
@@ -454,4 +469,28 @@
   .header-btn {
     height: 38px;
   }
+
+  .doc-detail-right {
+    width: 800px;
+    line-height: 68px;
+    display: flex;
+    justify-content: end;
+    padding-right: 30px;
+
+    .doc-detail-btn {
+      margin-right: 20px;
+    }
+  }
+
+  .operator-text-text {
+    cursor: pointer;
+    font-size: 14px;
+    font-weight: 400;
+    color: #040B29;
+    display: inline-block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    text-align: right;
+  }
 </style>