Explorar el Código

fix: 标讯详情三级页,摘要部分-数据导出和企业模块样式修改

zhangsiya hace 11 meses
padre
commit
ba4adf50c2

+ 1 - 5
apps/mobile/src/views/article/components/ContentAbstractEntList.vue

@@ -1,5 +1,5 @@
 <template>
-  <section class="abstract-ent-list bg-white">
+  <section class="abstract-ent-list">
     <AbstractEnt
       class="abstract-ent-item"
       v-for="(ent, index) in entDetailList"
@@ -126,14 +126,10 @@ export default {
 
 <style lang="scss" scoped>
 .abstract-ent-list {
-  border-top: 0.5px solid rgba(0, 0, 0, 0.05);
-  padding: 12px 12px 8px;
   .abstract-ent-item {
     background: #fafafa;
     border-radius: 8px;
     border: 0.5px solid rgba(0, 0, 0, 0.05);
-  }
-  .abstract-ent-item:not(:last-of-type) {
     margin-bottom: 8px;
   }
 }

+ 32 - 27
apps/mobile/src/views/article/content.vue

@@ -36,13 +36,15 @@
                   class="content-abstract-module"
                   :beforeLeavePage="beforeLeavePage"
                 />
-                <ContentAbstractEntList
-                  v-if="!IsCustomTopNet"
-                  class="content-abstract-ent-list-module"
-                  :beforeLeavePage="beforeLeavePage"
-                />
-                <section class="data-export-banner-module bg-white" :class="{ borderTop: IsCustomTopNet}">
-                  <DataExportBanner :beforeLeavePage="beforeLeavePage" />
+                <section class="content-abstract-other bg-white">
+                  <ContentAbstractEntList
+                    v-if="!IsCustomTopNet"
+                    class="content-abstract-ent-list-module"
+                    :beforeLeavePage="beforeLeavePage"
+                  />
+                  <section class="data-export-banner-module">
+                    <DataExportBanner :beforeLeavePage="beforeLeavePage" />
+                  </section>
                 </section>
               </div>
             </van-tab>
@@ -52,7 +54,11 @@
                 class="tab-module"
                 :beforeLeavePage="beforeLeavePage"
               />
-              <NpsCard class="nps-module" ref="npsCard" v-if="canShowNpsModule" />
+              <NpsCard
+                class="nps-module"
+                ref="npsCard"
+                v-if="canShowNpsModule"
+              />
             </van-tab>
             <!-- 进度 -->
             <van-tab
@@ -123,7 +129,7 @@
       </div>
     </van-skeleton>
     <!--    客服-->
-    <customer-corner :scroll-status="scrollStatus" bottom-position="12%"/>
+    <customer-corner :scroll-status="scrollStatus" bottom-position="12%" />
     <ThirdPartyVerifyPopup
       v-model="popup.thirdPartyVerify"
       :beforeLeavePage="beforeLeavePage"
@@ -176,7 +182,10 @@ import CustomerCorner from '@/components/customer/index'
 import Error from '@/views/article/components/Error.vue'
 import { throttle } from 'lodash'
 import { mapState, mapMutations, mapActions, mapGetters } from 'vuex'
-import { getArticleShareInfo, getContentShareEncrypt } from '@/api/modules/article'
+import {
+  getArticleShareInfo,
+  getContentShareEncrypt
+} from '@/api/modules/article'
 import { LINKS } from '@/data'
 import { openAppOrWxPage } from '@/utils/'
 import setPageTdk from '@/utils/mixins/modules/set-tdk'
@@ -291,7 +300,7 @@ export default {
       expandModel: (state) => state.article.expandModel,
       otherModel: (state) => state.article.otherModel
     }),
-    IsCustomTopNet()  {
+    IsCustomTopNet() {
       return this.content.IsCustomTopNet || false
     },
     openid() {
@@ -307,7 +316,7 @@ export default {
     canRead() {
       return this.content.isCanRead
     },
-    canShowNpsModule () {
+    canShowNpsModule() {
       if (this.IsCustomTopNet) {
         return false
       }
@@ -318,7 +327,9 @@ export default {
     },
     advancedModuleShow() {
       return Object.assign({}, this.expandModel.moduleShow, {
-        tbService: this.IsCustomTopNet ? false : this.expandModel.moduleShow.tbService
+        tbService: this.IsCustomTopNet
+          ? false
+          : this.expandModel.moduleShow.tbService
       })
     },
     // 客户推荐模块是否展示
@@ -353,7 +364,7 @@ export default {
   methods: {
     ...mapMutations('article', [
       'setOtherModelChild',
-      'setMainContentModelChild',
+      'setMainContentModelChild'
     ]),
     ...mapActions('article', [
       'pageStateReset',
@@ -598,10 +609,10 @@ export default {
       if (id) {
         try {
           const data = await getContentShareEncrypt({ id })
-          if(data.flag === 'T'){
+          if (data.flag === 'T') {
             encryptid = data.sid_openid
             this.wxShareCache.encryptid = encryptid
-            var add1 = subhref.substring(0,subhref.indexOf('/content/'))
+            var add1 = subhref.substring(0, subhref.indexOf('/content/'))
             var add2 = subhref.substring(subhref.indexOf('.html'))
             subhref = add1 + '/content/' + encryptid + add2
             this.wxShareCache.subhref = subhref
@@ -616,17 +627,16 @@ export default {
       } else {
         link = window.location.href
       }
-      if (link.indexOf('?') === -1){
+      if (link.indexOf('?') === -1) {
         link += '?'
       } else {
         link += '&'
       }
-      if(!encryptid){
+      if (!encryptid) {
         link += `openid=${openid}&`
       }
       link += 'source=wx_infocontentshare'
 
-
       this.shareConf.title = title
       this.shareConf.content = content
       this.shareConf.link = link
@@ -761,15 +771,10 @@ export default {
 
 .content-abstract-ent-list-module + .data-export-banner-module {
   padding-top: 0;
-
 }
-
-.data-export-banner-module {
-  padding: 8px 12px 12px;
-  &.borderTop{
-    border-top: 0.5px solid rgba(0, 0, 0, 0.05);
-    padding-top:12px;
-  }
+.content-abstract-other {
+  border-top: 0.5px solid rgba(0, 0, 0, 0.05);
+  padding: 12px;
 }
 
 .share-subtitle-container {