rj

embed_applications/app/front/vues/pages/policylist/policylist.css

@@ -2,6 +2,14 @@
         width: 100%;
         height: 100%;
 }
+.policy-loading{
+        width: 100%;
+        height: 100%;
+        position: fixed;
+        top: 0;
+        left: 0;
+        z-index: 999;
+}
 .policylist-warpper > .policylist {
         width: 100%;
         height: 100%;

embed_applications/app/front/vues/pages/policylist/policylist.html

 <div class="policylist-warpper">
+        <div class="policy-loading" v-if="loading" v-loading="true"></div>
         <div class="policylist" v-if="detailPageType">
                 <div class="policylist-header" style="border:none;">
                         <div class="header-left" @click="LookHome">区域政策<span v-if="!listPageType" > > <span style="color: #484848">全部企业</span></span></div>
@@ -42,8 +43,8 @@
                 </div>
                 <div class="policylist-portrayal">
                         <div class="portrayal-left">企业画像</div>
-                        <div class="portrayal-right">
-                                <div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key" :style="rgb()">{{item}}</div>
+                        <div class="portrayal-right" ref="qyhx">
+                                <div class="portrayal-right-list" v-for="(item,key) in portrayalArr" :key="key">{{item}}</div>
                         </div>
                 </div>
                 <div class="policylist-recommend">
@@ -63,9 +64,9 @@
                         </div>
                         
                 </div>
-                <div class="policylist-content">
+                <div class="policylist-content" ref="item">
                         <div class="policylist-content-list" v-for="(i,k) in recommendationsArr">
-                                <div class="policylist-conten-title" @click="articleDetails(i)">{{i.name}} <span :style="color16()">{{i.label}}</span></div>
+                                <div class="policylist-conten-title" @click="articleDetails(i)">{{i.name}} <span>{{i.label}}</span></div>
                                 <div class="policylist-conten-text">{{i.text}}</div>
                                 <div class="policylist-conten-items"><span>来源：{{i.source}}</span><span>日期：{{i.date}}</span><span> <i class="el-icon-view"></i> {{i.count}}</span></div>
                         </div>

embed_applications/app/front/vues/pages/policylist/policylist.js

@@ -1409,13 +1409,26 @@
         },{
             bgColor:"#E8F7F9",
             fontColor:"#30BBCE"
-        }]
+        }],
+        loading: false
       }
     },
 
   methods: {
     search() {
+      if(this.zctext){
         this.zcPost();
+      };
+    },
+    colorChild1(){
+      for (let i = 0; i < this.$refs.qyhx.children.length; i++) {
+        this.$refs.qyhx.children[i].style = this.rgb();
+      };
+    },
+    colorChild2(){
+      for (let i = 0; i < this.$refs.item.children.length; i++) {
+        this.$refs.item.children[i].children[0].children[0].style = this.color16();
+      };
     },
     handleCurrentChange(val) {
       this.zcPost(val)
@@ -1442,13 +1455,16 @@
       scrollTo(0,0);
       this.recommendationsObj = obj;
       this.zccompanyPost();
+      this.loading=true;
       axios.post('http://43.247.184.92:8018/gsb/api/zcdetailcount',{
         "ID": obj.ID,
         "count":0
       }).then( d => {
         console.log(d,'=================================');
+        this.loading=false;
         var data = d.data.data;
         this.portrayalArr = d.data.company_keys;
+        this.arrList = this.recommendationsArr;
         this.recommendationsArr = data
       });
     },
@@ -1508,34 +1524,46 @@
       }
     },
     zccompanyNamePost() {
+      this.loading=true;
       axios.post('http://43.247.184.92:8018/gsb/api/zccompany_name',{
         "company_name": this.zcoName
       }).then( d => {
         console.log(d,'=================================');
+        this.loading=false;
         var data = d.data.data;
         this.portrayalArr = d.data.company_keys;
+        this.arrList = this.recommendationsArr;
         this.recommendationsArr = data
       })
     },
     zcPost(size) {
       console.log(123);
       /*http://43.247.184.92:8018/gsb/api/zc*/
+      this.loading=true;
       axios.post('http://43.247.184.92:8018/gsb/api/zc',{
         "zctext": this.zctext,
         "currentpage": size || 1,
         "pagesize":10
       }).then( d => {
         console.log(d,'---------------------------------');
+        this.loading=false;
         var data = d.data.data;
+        this.arrList = this.recommendationsArr;
         this.recommendationsArr = data;
-        this.total = d.data.total
+        this.total = d.data.total;
+        this.colorChild2();
       })
     },
     zccompanyPost() {
+      this.loading=true;
       axios.post('http://43.247.184.92:8018/gsb/api/zccompany',{}).then( d => {
-        console.log(d);
+        console.log(d,'123452345678');
         var data = d.data.data;
-        this.portrayalArr = data
+        this.portrayalArr = data;
+        this.loading=false;
+        setTimeout(()=>{
+          this.colorChild1();
+        },100)
       })
     },
     getCompanyListPost() {
@@ -1558,20 +1586,18 @@
           data[i]['logo'] = data[i].name.substr(0, 4);
           that.policyArr.push(data[i]);
         };
-        console.log(that.policyArr)
+        console.log(that.policyArr,"809767899")
       }).catch(function (e) {
         console.log(`操作失败，请刷新页面后重新操作`);
       });
     }
   },
   mounted: function() {
+    this.arrList = this.recommendationsArr;
     this.recommendationsArr = this.recommendationsArr1;
-    /*for (let i = 0; i < this.portrayalArr.length; i++) {
-      this.portrayalArr[i].col = this.rgb();
-    };*/
     this.zcPost();
     this.zccompanyPost();
-    this.getCompanyListPost()
+    this.getCompanyListPost();
   },
   vname: "gsb-policylist"
 }

embed_applications/app/front/vues/pages/wins/wins.js

@@ -319,7 +319,6 @@
         changeIcon(){
             let icon = document.querySelector('.wins-main-form-box .el-icon-arrow-down');
             icon.setAttribute("class", "el-icon-caret-bottom el-icon--right");
-            console.log(icon, `xxxxxxxxxzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz`);
         },
 
     },