From d3c63720894bd25e88b6e3b7094e1bf678da33f3 Mon Sep 17 00:00:00 2001
From: cxc <quantulr@outlook.com>
Date: Mon, 11 Apr 2022 21:20:23 +0800
Subject: [PATCH] bugfix

---
 src/views/components/footer/index.vue |  4 +--
 src/views/home/home.vue               | 52 ++++++++++++++++++++-------
 src/views/index.vue                   | 44 +++++++++++++++++++----
 src/views/portrait.vue                | 12 +++++--
 src/views/result.vue                  | 11 +++++-
 src/views/search.vue                  | 46 ++++++++++++------------
 6 files changed, 120 insertions(+), 49 deletions(-)

diff --git a/src/views/components/footer/index.vue b/src/views/components/footer/index.vue
index 2440359..2a509c3 100644
--- a/src/views/components/footer/index.vue
+++ b/src/views/components/footer/index.vue
@@ -174,8 +174,8 @@ export default {
     .footer_right {
       display: flex;
       .item:nth-child(1) {
-        font-size: 18px;
-        color: #333;
+        // font-size: 18px;
+        // color: #000;
         margin-right: 40px;
         text-align: center;
       }
diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index e8bed22..360a0aa 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -128,8 +128,15 @@
                   @mouseover="
                     (queryParams.labelId = '1415156808053559296'), handleClick()
                   "
-                  @click="jumpToDetails('1415156808053559296')"
-                >政策转发</span>
+                >
+                  <router-link
+                    target="_blank"
+                    :to="{
+                      path: '/portrait',
+                      query: { key: 'policyNotice', val: '公示公告', labelId: '1415156808053559296' },
+                    }"
+                  >政策转发</router-link>
+                </span>
               </el-tab-pane>
               <el-tab-pane name="1415156963146338304">
                 <span
@@ -137,8 +144,15 @@
                   @mouseover="
                     (queryParams.labelId = '1415156963146338304'), handleClick()
                   "
-                  @click="jumpToDetails('1415156963146338304')"
-                >申报通知</span>
+                >
+                  <router-link
+                    target="_blank"
+                    :to="{
+                      path: '/portrait',
+                      query: { key: 'policyNotice', val: '公示公告', labelId: '1415156963146338304' },
+                    }"
+                  >申报通知</router-link>
+                </span>
               </el-tab-pane>
               <el-tab-pane label="政府公示" name="1415157002090450944">
                 <span
@@ -146,8 +160,15 @@
                   @mouseover="
                     (queryParams.labelId = '1415157002090450944'), handleClick()
                   "
-                  @click="jumpToDetails('1415157002090450944')"
-                >公示转发</span>
+                >
+                  <router-link
+                    target="_blank"
+                    :to="{
+                      path: '/portrait',
+                      query: { key: 'policyNotice', val: '公示公告', labelId: '1415157002090450944' },
+                    }"
+                  >公示转发</router-link>
+                </span>
               </el-tab-pane>
               <el-tab-pane label="公告" name="1415157026115424256">
                 <span
@@ -155,8 +176,15 @@
                   @mouseover="
                     (queryParams.labelId = '1415157026115424256'), handleClick()
                   "
-                  @click="jumpToDetails('1415157026115424256')"
-                >公告转发</span>
+                >
+                  <router-link
+                    target="_blank"
+                    :to="{
+                      path: '/portrait',
+                      query: { key: 'policyNotice', val: '公示公告', labelId: '1415157026115424256' },
+                    }"
+                  >公告转发</router-link>
+                </span>
               </el-tab-pane>
               <!-- <el-tab-pane label="其他" name="1415157049267982336">
                 <span
@@ -489,10 +517,10 @@ export default {
       window.open(url, '_blank');
     },
 
-    jumpToDetails(labelId) {
-      // this.$router.push('/portrait?key=policyNotice&val=policyNotice')
-      this.$router.push({ path: '/portrait', query: { key: 'policyNotice', val: 'policyNotice', labelId } })
-    }
+    // jumpToDetails(labelId) {
+    //   // this.$router.push('/portrait?key=policyNotice&val=policyNotice')
+    //   this.$router.push({ path: '/portrait', query: { key: 'policyNotice', val: '公示公告', labelId } })
+    // }
   },
   created() {
     getRotationList({ pageNum: 1, pageSize: 50 }).then(({ data }) => {
diff --git a/src/views/index.vue b/src/views/index.vue
index 56fb853..1df7d15 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -8,10 +8,18 @@
       v-show="item.status == 1"
     >
       <div class="couplet-close pointer" @click="item.status = 0">
-        <img src="../assets/image/close.gif" alt="" />
+        <img src="../assets/image/close.gif" alt />
       </div>
       <div class="c_content">
-        <img :src="item.pic" alt="" />
+        <img
+          :src="item.pic"
+          alt
+          @load="setLink(item)"
+          :data-text="`advimg${item.id}`"
+          :ref="`advimg${item.id}`"
+          :usemap="`#advimg${item.id}`"
+        />
+        <map :name="`advimg${item.id}`" :id="`advimg${item.id}`"></map>
       </div>
     </div>
     <!-- 右侧悬浮 -->
@@ -19,7 +27,7 @@
       <div class="item-box">
         <el-tooltip class="item" effect="dark" placement="left-start">
           <div class="tip_img" slot="content">
-            <img src="@/assets/image/wx.jpg" alt="" />
+            <img src="@/assets/image/wx.jpg" alt />
           </div>
           <div>
             <img src="@/assets/image/weixin.png" />
@@ -30,7 +38,7 @@
       <div class="item-box">
         <el-tooltip class="item" effect="dark" placement="left-start">
           <div class="tip_img" slot="content">
-            <img src="@/assets/image/qq.jpg" alt="" />
+            <img src="@/assets/image/qq.jpg" alt />
           </div>
           <div>
             <img src="@/assets/image/qq.png" />
@@ -47,7 +55,7 @@
     </div>
     <!-- <div class="img_box">
       <img src="@/assets/image/toubu.png" alt="" />
-    </div> -->
+    </div>-->
     <headerPage />
 
     <!-- ul li 列表 -->
@@ -64,7 +72,7 @@
           </li>
         </ul>
       </div>
-    </div> -->
+    </div>-->
     <!-- 路由站位 -->
     <div class="content" style="padding: 10px 0">
       <router-view></router-view>
@@ -133,6 +141,27 @@ export default {
   //   }
   // },
   methods: {
+    setLink(item) {
+      if (!item.url) {
+        return
+      }
+      const imgEl = this.$refs[`advimg${item.id}`][0]
+      console.log(imgEl.offsetHeight);
+      const imgHeight = imgEl.offsetHeight
+      const imgWidth = imgEl.offsetWidth
+      const mapEl = document.querySelector(`#advimg${item.id}`)
+      const urls = item.url.split(',')
+      // console.log(imgEl);
+      urls.forEach((url, index) => {
+        const areaEl = document.createElement('area')
+        areaEl.href = url
+        areaEl.coords = `0 ${imgHeight / urls.length * index}  ${imgWidth} ${imgHeight / (urls.length - index)}`
+        mapEl.appendChild(areaEl)
+      })
+      // console.log(urls);
+      // console.log(mapEl);
+      // console.log(item);
+    },
     toSearch() {
       if (!this.input.length) return this.msgError('请输入搜索关键字');
       this.$router.push({ path: '/search', query: { val: this.input } });
@@ -187,8 +216,9 @@ export default {
   // }
   .couplet {
     position: fixed;
+    z-index: 999;
     top: 30%;
-    width: 100px;
+    width: 120px;
     height: 300px;
     .couplet-close {
       width: 43px;
diff --git a/src/views/portrait.vue b/src/views/portrait.vue
index 6ac6c3a..b249d1c 100644
--- a/src/views/portrait.vue
+++ b/src/views/portrait.vue
@@ -67,7 +67,7 @@
                   id: item.id
                 }
               }"
-            >{{ item.title }}</router-link>
+            >{{ removeBr(item.title) }}</router-link>
             <span class="info">
               <span v-if="type != 'information'">{{ item.listDate }}</span>
               <span v-else>{{ item.createTime }}</span>
@@ -176,6 +176,9 @@ export default {
     ...mapGetters(['token'])
   },
   methods: {
+    removeBr(str) {
+      return str && str.replaceAll('<br>', '')
+    },
     // 获取企业画像数据列表
     getPortraitList() {
       if (this.type == 'policy') {
@@ -240,8 +243,11 @@ export default {
     } else if (key == 'information') {
       this.getPortraitList();
     } else if (key == 'policyNotice') {
-      // this.queryParams.labelId = this.policyNoticeOptions[0].value;
-      this.queryParams.labelId = this.$route.query.labelId
+      if (this.$route.query.labelId) {
+        this.queryParams.labelId = this.$route.query.labelId
+      } else {
+        this.queryParams.labelId = this.policyNoticeOptions[0].value;
+      }
       this.getPortraitList();
     } else {
       this.msgError('非法进入');
diff --git a/src/views/result.vue b/src/views/result.vue
index 509c7f6..0a0d038 100644
--- a/src/views/result.vue
+++ b/src/views/result.vue
@@ -35,7 +35,7 @@
 
     <div class="my_main content p0-100 min_h_285" style="display: flex">
       <div class="l" style="width: 77%; background-color: #fff; padding: 30px">
-        <h2 style="text-align:center">{{ formData.title }}</h2>
+        <h2 style="text-align:center">{{ removeBr(formData.title) }}</h2>
         <div class="info" v-if="type != 'information'">
           <span v-if="type != 'companyNeed' && type != 'scienceResult'">来源：{{ formData.source }}</span>
           <span v-if="type == 'companyNeed'">价格：{{ setNumber(formData.price) }}</span>
@@ -196,6 +196,10 @@ export default {
         this.formData.collected = 0;
         this.msgSuccess('操作成功');
       });
+    },
+    removeBr(str) {
+      console.log(str);
+      return str && str.replaceAll('<br>', '')
     }
   },
   created() {
@@ -227,6 +231,11 @@ export default {
         this.formData = data;
       });
     }
+    // this.$nextTick(() => {
+    //   this.formData.title = this.formData.title.replaceAll('<br>', '')
+    // })
+
+    // console.log(this.formData);
     getRead({ id }).then(({ data }) => {
       this.total = data;
     });
diff --git a/src/views/search.vue b/src/views/search.vue
index c7573ff..5994be8 100644
--- a/src/views/search.vue
+++ b/src/views/search.vue
@@ -18,31 +18,23 @@
                 <router-link
                   target="_blank"
                   :to="{ path: '/result', query: { key, id: item.id } }"
-                  >{{ item.title }}</router-link
-                >
+                >{{ item.title }}</router-link>
               </div>
               <div class="info" v-if="key == 'policy' || key == 'policyRead'">
                 <div>来源：{{ item.source }}</div>
                 <div>发布：{{ item.listDate }}</div>
               </div>
-              <div
-                class="info"
-                style="justify-content: flex-end"
-                v-if="key == 'information'"
-              >
+              <div class="info" style="justify-content: flex-end" v-if="key == 'information'">
                 <div>发布：{{ parseTime(item.listDate, '{y}-{m}-{d}') }}</div>
               </div>
-              <div
-                class="info"
-                v-else-if="key == 'companyNeed' || key == 'scienceResult'"
-              >
+              <div class="info" v-else-if="key == 'companyNeed' || key == 'scienceResult'">
                 <div>
-                  <el-tag type="warning" size="mini" effect="dark">
-                    {{ item.fieldName }}
-                  </el-tag>
-                  <el-tag type="warning" size="mini" effect="dark">
-                    {{ item.typeName || item.labelName }}
-                  </el-tag>
+                  <el-tag type="warning" size="mini" effect="dark">{{ item.fieldName }}</el-tag>
+                  <el-tag
+                    type="warning"
+                    size="mini"
+                    effect="dark"
+                  >{{ item.typeName || item.labelName }}</el-tag>
                 </div>
                 <div>发布：{{ parseTime(item.createTime, '{y}-{m}-{d}') }}</div>
               </div>
@@ -53,10 +45,12 @@
       </div>
       <div v-show="JSON.stringify(list) == '{}'">
         <p style="color: #333;">
-          抱歉，没有找到您查询的“<span style="color:red">{{
-            $route.query.val
-          }}</span
-          >”信息
+          抱歉，没有找到您查询的“
+          <span style="color:red">
+            {{
+              $route.query.val
+            }}
+          </span>”信息
         </p>
         <ol style="padding:0;color:#666;line-height: 2;">
           <td>建议：</td>
@@ -73,7 +67,7 @@
       :type="type"
       :formData="formData"
       @close="dialogVisible = false"
-    /> -->
+    />-->
   </div>
 </template>
 <script>
@@ -107,7 +101,7 @@ export default {
       if (!a) this.formData = {};
     },
     formData: {
-      handler: function() {
+      handler: function () {
         this.$nextTick(() => {
           this.formatRichText(this.formData.downloadUrl);
         });
@@ -119,7 +113,11 @@ export default {
   created() {
     let { val: param } = this.$route.query;
     search({ param }).then(({ data }) => {
-      this.list = data;
+      data.policy = data.policy.map(item => {
+        item.title = item.title.replaceAll('<br>', '')
+        return item
+      })
+      this.list = data
     });
   }
 };