Browse Source

提示组件以及组件引入

wenmenghao321 1 năm trước cách đây
mục cha
commit
5a93dd866f

+ 11 - 2
src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/ent_portrait.js

@@ -4,7 +4,8 @@ var vNode = {
   components: {
     vipComponent: vipComponent,
     hisproComponent: hisproComponent,
-    forwardshare: vmForward
+    forwardshare: vmForward,
+
   },
   data () {
     // 修改柱状条颜色为渐变色
@@ -533,8 +534,16 @@ var vNode = {
         }
       });
     },
+    next_export (obj){
+      console.log(obj)
+      this.onExport('popupClick')
+    },
     //数据导出
-    onExport () {
+    onExport (type) {
+      if(this.topProject.count > 20000 && type !== 'popupClick'){
+        this.$refs.popup_dataExport.show = true
+        return
+      }
       var _this = this
       var storageSet = this.getHighSet()
       var data = {

+ 9 - 1
src/jfw/modules/app/src/web/staticres/jyapp/big-member/js/unit_portrayal.js

@@ -586,12 +586,20 @@ var vNode = {
         location.href = './free_buyer_project_news?entName=' + decodeURIComponent(utils.getParam('entName'))
       }
     },
+    next_export (obj){
+      console.log(obj)
+      this.onExport('popupClick')
+    },
     //数据导出
-    onExport () {
+    onExport (type) {
       if(!this.isLogin) {
         window.location.href = "/jyapp/free/login?to=back";
         return
       }
+      if(this.dt.pageCount > 20000 && type !== 'popupClick'){
+        this.$refs.popup_dataExport.show = true
+        return
+      }
       var storageSet = this.getHighSet()
       // var isMember = this.bigStatus > 0 && this.power.indexOf(5) > -1
       var data = {

+ 3 - 0
src/jfw/modules/app/src/web/templates/big-member/page_ent_portrait.html

@@ -20,6 +20,7 @@
         href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/ent_portrait.css?v={{Msg "seo" "version"}}'/>
   <link rel="stylesheet" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/mainSearch/css/j-icons.css?v={{Msg "seo" "version"}}' />
   <link rel="stylesheet" type="text/css" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/forward-share/css/forward.css?v={{Msg "seo" "version"}}'/>
+  <link rel="stylesheet" type="text/css" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/dataExport/css/popup-data-export.css?v={{Msg "seo" "version"}}'/>
   <!--E-当前页面的css资源-->
 </head>
 <style>
@@ -634,6 +635,7 @@
         </div>
       </div>
     </div>
+    <popup-data-export ref="popup_dataExport" @next="next_export"></popup-data-export>
   </div>
   <div id="jyKeepComponent">
     <keep-component ref="vKeepComponent" @on-change-keep="changeKeepStatus" :bid="nowOpenBid" :first="false"></keep-component>
@@ -665,6 +667,7 @@
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/collection/js/visited.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/keep-tags/keep-tags-template.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/keep-tags/keep-ent-tags-template.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/dataExport/components/popup-data-export.js?v={{Msg "seo" "version"}}'></script>
 <script>
   // 收藏组件
   var vKeepComponent = new Vue({

+ 3 - 0
src/jfw/modules/app/src/web/templates/big-member/page_unit_portrayal.html

@@ -27,6 +27,7 @@
   <link rel="stylesheet"
     href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/big-member/css/unit_portrayal.css?v={{Msg "seo" "version"}}' />
   <link rel="stylesheet" type="text/css" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/forward-share/css/forward.css?v={{Msg "seo" "version"}}'/>
+  <link rel="stylesheet" type="text/css" href='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/dataExport/css/popup-data-export.css?v={{Msg "seo" "version"}}'/>
   <style>
     .skeleton {
       height: 100%;
@@ -683,6 +684,7 @@
           </van-tab>
         </van-tabs>
       </div>
+      <popup-data-export ref="popup_dataExport" @next="next_export"></popup-data-export>
     </div>
     <div id="jyKeepComponent">
       <keep-component ref="vKeepComponent" @on-change-keep="changeKeepStatus" :bid="nowOpenBid" :first="false">
@@ -734,6 +736,7 @@
   <script
     src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/keep-tags/keep-ent-tags-template.js?v={{Msg "seo" "version"}}'>
   </script>
+  <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/dataExport/components/popup-data-export.js?v={{Msg "seo" "version"}}'></script>
   <script>
     // 收藏组件
     var vKeepComponent = new Vue({

+ 3 - 2
src/jfw/modules/app/src/web/templates/dataExport/dataExport.html

@@ -905,7 +905,7 @@
 
                     $(".confirm").hide();
                     $(".resetOne").show();
-                    localStorage.removeItem("date");
+                    // localStorage.removeItem("date"); // 重新选择日期不在移除date 重新访问页面以提交的时间为准回显
                     localStorage.removeItem("index");
                 }
             });
@@ -973,7 +973,7 @@
 
                     $(".confirm").hide();
                     $(".resetOne").show();
-                    localStorage.removeItem("date");
+                    // localStorage.removeItem("date");  // 重新选择日期不在移除date 重新访问页面以提交的时间为准回显
                     localStorage.removeItem("index");
                 }
             });
@@ -1045,6 +1045,7 @@
         }
         //
         if (localStorage.date !== undefined && localStorage.date !== "") {
+            localStorage.setItem('index','-1') // 存在提交的date直接回显时间至具体时间组件
             if (localStorage.index !== "-1") {
                 $(".chooseTime ul li.active").removeClass("active");
                 $(".chooseTime ul li").eq(localStorage.index).addClass("active");

+ 8 - 0
src/web/staticres/big-member/js/unit_portrayal.js

@@ -542,9 +542,17 @@ var vNode = {
             location.href = '/big/wx/page/free_buyer_project_news?entName=' + decodeURIComponent(utils.getParam('entName'))
           }
         },
+        next_export (obj){
+          console.log(obj)
+          this.onExport('popupClick')
+        },
         //数据导出
         onExport(){
           var _this = this
+          if(this.dt.pageCount > 20000 && type !== 'popupClick'){
+            this.$refs.popup_dataExport.show = true
+            return
+          }
           var storageSet = this.getHighSet()
           var data = {
             buyer: decodeURIComponent(utils.getParam('entName')),

+ 10 - 1
src/web/staticres/common-module/collection/js/ent_portrait.js

@@ -537,8 +537,17 @@ var vNode = {
       }
       return urls
     },
+    next_export (obj){
+      console.log(obj)
+      this.onExport('popupClick')
+    },
+    
     //数据导出
-    onExport(){
+    onExport(type){
+      if(this.topProject.count > 20000 && type !== 'popupClick'){
+        this.$refs.popup_dataExport.show = true
+        return
+      }
       var _this = this
       var storageSet = this.getHighSet()
       var data = {

+ 92 - 0
src/web/staticres/common-module/dataExport/components/popup-data-export.js

@@ -0,0 +1,92 @@
+Vue.component('popup-data-export', {
+  delimiters: ['@@', '@@'],
+  template: `
+  <div class="popupDataexport">
+    <van-popup v-model="show">
+      <div class="warm">
+        <div class="close" @click="show = false"></div>
+        <div class="content_box">
+          <p class="title">温馨提示</p>
+          <div class="text_box">您选择的数据超过了导出数据最大值<span class="blue">20,000</span>,请优化条件后导出。您也可联系客服:<span @click="callPhone('400-108-6670')">400-108-6670</span>,或添加<span class="blue">客服微信。</span></div>
+          <div class="qr_box">
+            <img :src="img" alt="">
+          </div>
+          <div class="desc">客服微信</div>
+          <div class="btn_box">
+            <div class="btn"><div :class="choose?'choosed':'nochoose'" @click="btnClick"></div></div>
+            <p class="text">后续不再提醒</p>
+          </div>
+        </div>
+        <div class="footer" @click="next">
+          <span>继续导出20000条</span>
+        </div>
+      </div>
+    </van-popup>  
+  </div>
+  `,
+  props: {
+
+  },
+  data: function () {
+    return {
+      show: false,
+      choose:false,
+      img:''
+
+    }
+  } ,
+  created (){
+    this.getqr()
+
+  },
+  mounted () {
+
+  },
+  computed: {
+
+  },
+  methods: {
+    getqr () {
+      let _this = this
+      $.ajax({
+        type: 'POST',
+        url: '/bigmember/use/isAdd?t=' + Date.now(),
+        success: function (res) { 
+          if(!res.data){return}
+          if(res.data.customers&&res.data.customers.length>0){
+            let list = res.data.customers
+            list.forEach(e => {
+              if(e.remark === '客户经理'){
+                _this.img = e.wxer 
+              }  
+            })
+            if(_this.img == ''){
+              _this.img = customer[0].wxer
+            }
+          }
+         },
+        error: function (error) {
+        }
+      })
+
+    },
+    btnClick(){
+      this.choose = !this.choose
+    },
+    next(){
+        this.$emit('next',{choose:this.choose})
+    },
+    callPhone: function (tel) {
+      if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) { // 微信
+        location.href = 'tel:' + tel
+      } else {
+        try {
+          JyObj.callPhone(tel);
+        } catch (error) {
+          console.log(error)
+        }
+      }
+    },
+   
+  }
+})

+ 105 - 0
src/web/staticres/common-module/dataExport/css/popup-data-export.css

@@ -0,0 +1,105 @@
+.popupDataexport .van-popup {
+  background-color: rgba(0, 0, 0, 0);
+}
+.popupDataexport .warm {
+  width: 6.06rem;
+  height: 8.9rem;
+  background-color: #FFF;
+  border-radius: 0.16rem;
+  position: relative;
+}
+.popupDataexport .warm .close {
+  width: 0.4rem;
+  height: 0.4rem;
+  display: block;
+  position: absolute;
+  right: 0.16rem;
+  top: 0.16rem;
+  z-index: 2;
+  background-image: url(/images/dataExport/close.png);
+  background-size: contain;
+}
+.popupDataexport .warm .content_box {
+  padding: 0.48rem 0.6rem 0.32rem 0.6rem;
+}
+.popupDataexport .warm .content_box .title {
+  font-size: 0.36rem;
+  font-weight: 400;
+  line-height: 0.52rem;
+  text-align: center;
+  color: #171826;
+}
+.popupDataexport .warm .content_box .text_box {
+  font-size: 0.28rem;
+  font-weight: 400;
+  line-height: 0.4rem;
+  color: #5F5E64;
+  margin-top: 0.16rem;
+}
+.popupDataexport .warm .content_box .text_box .blue {
+  color: #2ABED1;
+}
+.popupDataexport .warm .content_box .qr_box {
+  border: 0.02rem solid #0000001A;
+  border-radius: 0.16rem;
+  width: 2.82rem;
+  height:2.82rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: auto;
+  margin-top: 0.48rem;
+}
+.popupDataexport .warm .content_box .qr_box img {
+  width: 2.68rem;
+  height: 2.68rem;
+}
+.popupDataexport .warm .content_box .desc {
+  text-align: center;
+  font-size: 0.28rem;
+  font-weight: 400;
+  line-height: 0.4rem;
+  color: #1B1A2A;
+  margin-top: 0.24rem;
+}
+.popupDataexport .warm .btn_box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 0.48rem;
+}
+.popupDataexport .warm .btn_box .btn {
+  width: 0.48rem;
+  height: 0.48rem;
+  justify-content: center;
+  display: flex;
+  align-items: center;
+}
+.popupDataexport .warm .btn_box .choosed {
+  width: 0.48rem;
+  height: 0.48rem;
+  background-image: url(/images/dataExport/choose_right.png);
+  background-size: contain;
+}
+.popupDataexport .warm .btn_box .nochoose {
+  width: 0.36rem;
+  height: 0.36rem;
+  border-radius: 50%;
+  border: 0.02rem solid #0000001A;
+}
+.popupDataexport .warm .btn_box .text {
+  font-size: 0.24rem;
+  font-weight: 400;
+  line-height: 0.36rem;
+  color: #9B9CA3;
+  margin-left: 0.08rem
+}
+.popupDataexport .warm .footer {
+  border-top: 0.02rem solid #0000001A;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #2ABED1;
+  font-size: 0.36rem;
+  height: 0.9rem;
+}

BIN
src/web/staticres/images/dataExport/choose_right.png


BIN
src/web/staticres/images/dataExport/close.png


BIN
src/web/staticres/images/dataExport/qr.png


+ 3 - 0
src/web/templates/big-member/wx/page_unit_portrayal.html

@@ -37,6 +37,7 @@
     <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/css/unit_portrayal.css?v={{Msg "seo" "version"}}' />
   <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/mainSearch/css/j-icons.css?v={{Msg "seo" "version"}}' />
   <link rel="stylesheet" type="text/css" href='{{Msg "seo" "cdn"}}/common-module/forward-share/css/forward.css?v={{Msg "seo" "version"}}'/>
+  <link rel="stylesheet" type="text/css" href='{{Msg "seo" "cdn"}}/common-module/dataExport/css/popup-data-export.css?v={{Msg "seo" "version"}}'/>
   <style>
         .skeleton{
             height: 100%;
@@ -768,6 +769,7 @@
             </van-tab>
         </van-tabs>
       </div>
+      <popup-data-export ref="popup_dataExport" @next="next_export"></popup-data-export>
     </div>
   <div id="jyKeepComponent">
     <keep-component ref="vKeepComponent" @on-change-keep="changeKeepStatus" :bid="nowOpenBid" :first="false"></keep-component>
@@ -801,6 +803,7 @@
 <script src='{{Msg "seo" "cdn"}}/big-member/js/unit_portrayal.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/keep-tags/keep-tags-template.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/keep-tags/keep-ent-tags-template.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Msg "seo" "cdn"}}/common-module/dataExport/components/popup-data-export.js?v={{Msg "seo" "version"}}'></script>
 <script>
   // 收藏组件
   var vKeepComponent = new Vue({

+ 3 - 0
src/web/templates/frontRouter/wx/collection/sess/ent_portrait.html

@@ -27,6 +27,7 @@
         <link rel="stylesheet" type="text/css" href='{{Msg "seo" "cdn"}}/common-module/forward-share/css/forward.css?v={{Msg "seo" "version"}}'/>
         <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/big-member/weixin/css/ent_portrait.css?v={{Msg "seo" "version"}}' />
         <link rel="stylesheet" href='{{Msg "seo" "cdn"}}/common-module/mainSearch/css/j-icons.css?v={{Msg "seo" "version"}}' />
+        <link rel="stylesheet" type="text/css" href='{{Msg "seo" "cdn"}}/common-module/dataExport/css/popup-data-export.css?v={{Msg "seo" "version"}}'/>
 </head>
 <style>
     .vip_openDialog{
@@ -633,6 +634,7 @@
                 </div>
             </div>
         </div>
+        <popup-data-export ref="popup_dataExport" @next="next_export"></popup-data-export>
     </div>
   <div id="jyKeepComponent">
     <keep-component ref="vKeepComponent" @on-change-keep="changeKeepStatus" :bid="nowOpenBid" :first="false"></keep-component>
@@ -659,6 +661,7 @@
 <script src='{{Msg "seo" "cdn"}}/common-module/collection/js/ent_portrait.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/keep-tags/keep-tags-template.js?v={{Msg "seo" "version"}}'></script>
 <script src='{{Msg "seo" "cdn"}}/common-module/keep-tags/keep-ent-tags-template.js?v={{Msg "seo" "version"}}'></script>
+<script src='{{Msg "seo" "cdn"}}/common-module/dataExport/components/popup-data-export.js?v={{Msg "seo" "version"}}'></script>
 <script>
   // 收藏组件
   var vKeepComponent = new Vue({

+ 1 - 0
src/web/templates/weixin/dataExport/dataExport.html

@@ -1064,6 +1064,7 @@
         }
         //
         if(localStorage.date!==undefined && localStorage.date!==""){
+            localStorage.setItem('index','-1') // 存在提交的date直接回显时间至具体时间组件
             if(localStorage.index !== "-1"){
                 $(".chooseTime ul li.active").removeClass("active");
                 $(".chooseTime ul li").eq(localStorage.index).addClass("active");