feat: 客户意见反馈

project/src/components/document/feedback.js

@@ -0,0 +1,20 @@
+const img1 = require('./img/feedback1.jpg')
+const img2 = require('./img/feedback2.jpg')
+const img3 = require('./img/feedback3.jpg')
+const img4 = require('./img/feedback4.jpg')
+const img5 = require('./img/feedback5.jpg')
+const img6 = require('./img/feedback6.png')
+
+export default `
+  <h1 style="padding-top:0">意见反馈</h1>
+  <h4 style="margin-top:0">如何配置意见反馈链接</h4>
+  <p>1、企微管理员在企微微信后台开启对外信息显示,配置展示内容</p>
+  <img src="${img1}" style="width: 375px;" />
+  <img src="${img2}" style="width: 375px;" />
+  <img src="${img3}" style="width: 375px;" />
+  <img src="${img4}" style="width: 375px;" />
+  <p class="p_margin">2.客服从猎羽系统中获取各自的链接内容</p>
+  <img src="${img6}"/>
+  <p class="p_margin">3.将复制好的链接配置到各自客服(每个企微下的每个客服的链接均不相同,确认好后再使用)</p>
+  <img src="${img5}" style="width: 375px;" />
+`

project/src/components/document/index.js

@@ -14,6 +14,8 @@ import employee_bulk_messaging_log from './employee_bulk_messaging_log'
 import welcomeMsg from './welcomeMsg'
 import dataAnnotations from './dataAnnotations'
 import dataBindingRelationship from './dataBindingRelationship'
+import feedback from './feedback'
+
 export default {
   home,
   customManage,
@@ -30,5 +32,6 @@ export default {
   employee_bulk_messaging_log,
   welcomeMsg,
   dataAnnotations,
-  dataBindingRelationship
+  dataBindingRelationship,
+  feedback,
 }

project/src/components/document/index.vue

@@ -153,6 +153,16 @@
             ]
           },
           {
+            title: '系统管理',
+            icon: 'iconfont icon-xitongguanli_icon',
+            children: [
+              {
+                name: '意见反馈',
+                path: 'feedback'
+              },
+            ]
+          },
+          {
             title: '数据看版',
             icon: 'iconfont icon-kanban_icon',
             children: [

project/src/components/feedback/detailDialog.vue

@@ -28,8 +28,9 @@
         <div class="image-wrap" v-if="detail.attachments && detail.attachments.length">
           <el-image
             class="image"
-            v-for="imageUrl in detail.attachments"
+            v-for="(imageUrl, idx) in detail.attachments"
             v-lazy="imageUrl"
+            :key="idx"
             :src="imageUrl"
             :preview-src-list="detail.attachments">
           </el-image>

project/src/components/feedback/getUserLinkDialog.vue

@@ -76,8 +76,6 @@ export default {
     },
 
     onChangeCorpUserList({ res_format_1, res_format_2 }) {
-      console.log('res_format_1 => ', res_format_1)
-      console.log('res_format_2 => ', res_format_2)
       if (res_format_1 && res_format_1.length) {
         this.userList = [...res_format_1]
         this.handleGetUserLink()
@@ -156,8 +154,8 @@ export default {
       }
       .tips {
         margin-left: 10px;
-        font-size: 12px;
-        color: #666;
+        font-size: 13px;
+        color:#f9a527;
       }
     }
   }

project/src/components/feedback/index.vue

@@ -1,19 +1,13 @@
 <template>
   <div v-loading="loading" class="feedback-wrap">
-    <div class="self-hint">
-      <i class="el-icon-message-solid" />
-      <div>
-        <p>意见反馈使用说明1mock</p>
-        <p>意见反馈使用说明22mock</p>
-        <p>意见反馈使用说明333mock</p>
-      </div>
-    </div>
     <div class="screenBox">
       <div class="filter-wrap">
         <!-- 客服 -->
         <customerServiceCorpV2 title="客服" @customerDefine="onChangeMultiCorpUsers" />
       </div>
       <el-button type="primary" size="mini" @click="onClickGetUserLink">获取反馈链接</el-button>
+      <!-- 使用说明 -->
+      <instructions doc="feedback" style="margin-left:20px;"></instructions>
     </div>
     <el-table :height="height" :data="list" tooltip-effect="dark" style="width: 100%;margin-top:10px">
       <el-table-column label="客服" prop="user_name" min-width="160" align="center" fixed="left" />