fix：pc选择样例报告调整

apps/bigmember_pc/src/components/zhima/Example.vue → apps/bigmember_pc/src/components/zhima/select-example.vue

@@ -48,15 +48,22 @@ export default {
     }
   },
   methods: {
-    getType (type) {
-      const typeList = [null, '项目分析报告', '竞争对手分析报告', '采购单位分析报告']
-      const index = typeList.findIndex(v => type.indexOf(v) !== -1)
+    getType(type) {
+      const typeList = [
+        null,
+        '项目分析报告',
+        '竞争对手分析报告',
+        '采购单位分析报告'
+      ]
+      const index = typeList.findIndex((v) => type.indexOf(v) !== -1)
       return index
     },
     goExample({ url, name }) {
       // window.open(url)
       window.open(
-        `/swordfish/page_big_pc/report/analysis/detail?example=1&type=${this.getType(name)}&name=${this.name}&url=${encodeURIComponent(url)}`,
+        `/swordfish/page_big_pc/report/analysis/detail?example=1&type=${this.getType(
+          name
+        )}&name=${this.name}&url=${encodeURIComponent(url)}`,
         `_blank`
       )
     }
@@ -86,7 +93,7 @@ export default {
 ::v-deep {
   .report-example-popover {
     padding: 0;
-    margin-top: -10px;
+    margin-top: 0;
   }
 }
 </style>

apps/bigmember_pc/src/views/order/components/analysis-report/title.vue

@@ -19,16 +19,17 @@
       </div>
     </div>
     <div>
-      <ReportExample placement="left-end">
-        <el-button slot="reference"  class="header-guide-button" size="small">报告样例</el-button>
+      <ReportExample placement="bottom-end">
+        <el-button slot="reference" class="header-guide-button" size="small"
+          >报告样例</el-button
+        >
       </ReportExample>
-
     </div>
   </div>
 </template>
 
 <script>
-import ReportExample from '@/components/zhima/Example.vue'
+import ReportExample from '@/components/zhima/select-example.vue'
 
 const titleMaps = {
   project: '项目分析报告',

apps/bigmember_pc/src/views/reportDownload/record.vue

@@ -409,7 +409,7 @@
 import Empty from '@/components/common/Empty.vue'
 import { mapGetters } from 'vuex'
 import { getPDFDownloadRecord, getPDFPackBalance } from '@/api/modules'
-import ReportExample from '@/components/zhima/Example.vue'
+import ReportExample from '@/components/zhima/select-example.vue'
 import {
   formatIndustry,
   formatBuyerClass,
@@ -1051,4 +1051,9 @@ $char_color: #1d1d1d;
     }
   }
 }
+::v-deep {
+  .report-example-popover {
+    margin-top: -28px;
+  }
+}
 </style>

apps/mobile/src/components/select-report-example/index.vue

@@ -1,8 +1,13 @@
 <template>
-  <div class='select-report-example-container'>
-    <common-dialog-select v-model='show' :title='title' :list='list' @select='doSelect'>
+  <div class="select-report-example-container">
+    <common-dialog-select
+      v-model="show"
+      :title="title"
+      :list="list"
+      @select="doSelect"
+    >
     </common-dialog-select>
-    <div class='select-report-example-slot' @click='doShow(true)'>
+    <div class="select-report-example-slot" @click="doShow(true)">
       <slot></slot>
     </div>
   </div>
@@ -13,36 +18,56 @@ import CommonDialogSelect from '@/ui/dialog-select/select.vue'
 import { ajaxGetReportExample } from '@/api/modules'
 export default {
   name: 'select-report-example',
+  props: {
+    name: {
+      type: String,
+      default: ''
+    }
+  },
   components: {
-    CommonDialogSelect,
+    CommonDialogSelect
   },
-  data () {
+  data() {
     return {
       show: false,
       title: '请选择报告样例类型',
       list: []
     }
   },
-  mounted () {
+  mounted() {
     this.doInit()
+    console.log(this.name)
   },
   methods: {
-    async doInit () {
+    async doInit() {
       const { error_code: code, data } = await ajaxGetReportExample()
       if (code === 0 && data) {
         this.list = data
       }
     },
-    doSelect (item) {
-      console.log('item', item)
+    doSelect(item) {
       this.goExample(item)
     },
-    doShow (type) {
-      this.show = type
+    doShow(type) {
+      if (this.name && this.list.length) {
+        const item = this.list.find((v) => v.name.includes(this.name))
+        if (item) {
+          this.doSelect(item)
+        } else {
+          this.show = type
+        }
+      } else {
+        this.show = type
+      }
     },
-    getType (type) {
-      const typeList = [null, '项目分析报告', '竞争对手分析报告', '采购单位分析报告']
-      const index = typeList.findIndex(v => type.indexOf(v) !== -1)
+    getType(type) {
+      const typeList = [
+        null,
+        '项目分析报告',
+        '竞争对手分析报告',
+        '采购单位分析报告'
+      ]
+      const index = typeList.findIndex((v) => type.indexOf(v) !== -1)
       return index
     },
     goExample({ url, name }) {
@@ -60,6 +85,4 @@ export default {
 }
 </script>
 
-<style scoped lang='scss'>
-
-</style>
+<style scoped lang="scss"></style>