manage-client 3.2.86-4 → 3.2.86-aode

package/src/components/ManageHomeCS/NewHome/TextTotalsellgas.vue

@@ -4,7 +4,7 @@
     <div class="text-1">
       <div id="texttotalsellgas" style="text-align: left"></div>
     </div>
-    <img class="img-bottom" src="/static/NewManageHome/1.gif" />
+    <img class="img-bottom" src="../../../../static/NewManageHome/1.gif" />
   </div>
 </template>
 
@@ -99,7 +99,7 @@
             type: 'bar',
             barWidth: '30%',
             itemStyle: {
-              barBorderRadius: [16,16,0,0],
+              barBorderRadius: [16*scale,16*scale,0,0],
               color:colors[v],
             },
             // emphasis:{
@@ -117,13 +117,13 @@
           type: 'line',
           symbol: "circle",
           yAxisIndex: 1,
-          symbolSize: 5 ,
+          symbolSize: 5 * scale,
           itemStyle: {
             normal: {
               lineStyle: {
                 width: 1,
-                shadowBlur: 10 ,
-                shadowOffsetY: 15 ,
+                shadowBlur: 10 * scale,
+                shadowOffsetY: 15 * scale,
               }
             }
           },
@@ -138,7 +138,7 @@
           title: {
             text: '',
             textAlign: 'left',
-            textStyle: {color: "#FFFFFF", fontSize: 12 , fontWeight: "normal"}
+            textStyle: {color: "#FFFFFF", fontSize: 12 * scale, fontWeight: "normal"}
           },
           legend: {
             itemGap: 20,
@@ -150,11 +150,11 @@
             y: '0',
             // padding: [0, 25, 0, 0],
             // padding: [0, 25*scale, 0, 0],
-            itemWidth: 20 ,
-            itemHeight: 10 ,
+            itemWidth: 20 * scale,
+            itemHeight: 10 * scale,
             textStyle: {
               padding:[0,10,0,0],
-              fontSize: 14 ,
+              fontSize: 14 * scale,
               color: '#95bad7'          // 图例文字颜色
             },
             formatter: function (params) {
@@ -168,7 +168,7 @@
           grid: {left: '5%', top: "24%",  right: "5%", width: '88%', height: '70%', containLabel: true},
           tooltip: {
               textStyle:{
-                  fontSize:16
+                  fontSize:16*scale
               },
             alwaysShowContent:true,
             position: function(point, params, dom, rect, size) {
@@ -201,10 +201,7 @@
               var result = ''
               params.forEach(function (item) {
                 var s = item.value
-                // console.log('valueresult---------------------------------')
-
                 var sary = s.toString().split('.')
-                // console.log(sary)
                 var l = 3
                 for (var i = sary[0].toString().length - 1; i > -1; i--) {
                   if (sary[0].toString().length - i == l) {
@@ -217,14 +214,14 @@
                 }
                 var valueresult = ''
                 if (sary.length > 1) {
-                  valueresult = sary[0] + '.' + sary[1].substring(0,2)
+                  valueresult = sary[0] + '.' + sary[1]
                 } else {
                   valueresult = sary[0]
                 }
                  if(item.seriesName=='占比'){
-                   result +="<span style='font-weight: normal'>"+ item.marker + " 占&nbsp;&nbsp;&nbsp;&nbsp;比  &nbsp;&nbsp;&nbsp;<span style=\"color:#e1e52a;font-weight: bolder\">" + Math.floor(valueresult * 100) / 100 + "</span></span></br>";
+                   result +="<span style='font-weight: normal'>"+ item.marker + " 占&nbsp;&nbsp;&nbsp;&nbsp;比  &nbsp;&nbsp;&nbsp;<span style=\"color:#e1e52a;font-weight: bolder\">" + valueresult + "</span></span></br>";
                  }else {
-                   result +="<span style=\"text-align: left;font-weight: normal\">"+  item.marker + " " + item.seriesName + "年 &nbsp;&nbsp; <span style=\"color:#e1e52a;font-weight: bolder\">" + valueresult.toString()    + "</span></span></br>";
+                   result +="<span style=\"text-align: left;font-weight: normal\">"+  item.marker + " " + item.seriesName + "年 &nbsp;&nbsp; <span style=\"color:#e1e52a;font-weight: bolder\">" + valueresult + "</span></span></br>";
                  }
               });
               return "<div style='text-align: center;height: 1px;font-weight: normal'>"+params[0].axisValue + '月份</div><br/>' + result
@@ -232,10 +229,10 @@
             backgroundColor:'#01396d',
             // borderColor :'rgba(13, 109, 180)',
             borderWidth:0,
-            hideDelay:100,
+            hideDelay:100*scale,
             triggerOn:'mousemove',
             enterable:true,
-            padding:10,
+            padding:10*scale,
             trigger: 'axis',
             axisPointer: { // 坐标轴指示器，坐标轴触发有效
               type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
@@ -248,12 +245,12 @@
               type: 'category',
               boundaryGap: true,
               nameTextStyle: {
-                fontSize: 12 ,
+                fontSize: 12 * scale,
                 color: '#15dce2',
                 padding: [38, 0, 0, -20],
               },
               axisLine: {show: true, lineStyle: {color: '#04669e', width: 1}},
-              axisLabel: {interval: 0, textStyle: {color: '#95bad7', fontSize: 14 }},
+              axisLabel: {interval: 0, textStyle: {color: '#95bad7', fontSize: 14 * scale}},
               axisTick: {show: false},
               data: xAxisData,
             },
@@ -263,11 +260,11 @@
               name: '金额/元',
               nameTextStyle: {
                 color:'#15dce2',
-                fontSize: 14 ,
-                padding: [0, 35 , 0, 0],
+                fontSize: 14 * scale,
+                padding: [0, 35 * scale, 0, 0],
               },
               axisTick: {show: false},
-              axisLine: {show: true, lineStyle: {color: '#08738e', fontSize: 14 }},
+              axisLine: {show: true, lineStyle: {color: '#08738e', fontSize: 14 * scale}},
               splitLine: {show: true, lineStyle: {type: 'dashed', color: '#004371'}},
               axisLabel: {
                 textStyle: {color: '#95bad7', fontSize: 14 * scale}, formatter: function (params) {
@@ -287,12 +284,12 @@
               position: 'right',
               nameTextStyle: {
                 color:'#15dce2',
-                fontSize: 14 ,
+                fontSize: 14 * scale,
                 padding: [0, 0, 0, 0],
               },
               axisTick: {show: false},
               splitLine: {show: false, lineStyle: {type: 'dashed', color: '#004371'}},
-              axisLine: {show: true, lineStyle: {color: '#08738e', fontSize: 14 }},
+              axisLine: {show: true, lineStyle: {color: '#08738e', fontSize: 14 * scale}},
               axisLabel:{show:true,color:'#95bad7'}
             },
           ],

package/src/components/ManageHomeCS/NewHome/TextUser.vue

@@ -5,9 +5,9 @@
        <div class="text-11">
         <table>
           <tr>
-            <td><span  style="color: #ffff2c;">{{totaluser}}</span> <br/>现有总用户数</td>
-            <td><span  style="color: #66fade;">{{apply}}</span><br/>民用户数</td>
-            <td><span  style="color: #f29961;">{{hiddenuser}}</span><br/>非民用户数</td>
+            <td><span  style="color: #ffff2c;">{{totaluser}}</span> <br/> 现有总客户数</td>
+            <td><span  style="color: #66fade;">{{apply}}</span><br/> 开发客户数</td>
+            <td><span  style="color: #f29961;">{{hiddenuser}}</span><br/> 潜在客户数</td>
           </tr>
         </table>
        </div>
@@ -15,7 +15,7 @@
        <div id="textuser"></div>
        </div>
       </div>
-      <img class="img-bottom" src="/static/NewManageHome/1.gif" />
+      <img class="img-bottom" src="../../../../static/NewManageHome/1.gif" />
     </div>
 </template>
 
@@ -24,9 +24,6 @@
   import co from 'co'
 
     export default {
-      props:[
-        'orgid'
-      ],
         name: "TextUser",
       data() {
         return {
@@ -41,27 +38,24 @@
           resdataapply: 0,  //报建用户数
           apply: '',  //报建用户数
           timer:'',
-          orgid:''
         }
       },
       methods: {
         //绘图
         setBar() {
           this.xc = this.$echarts.init(document.getElementById('textuser'))
-          // var scale=this.$parent.$parent.scale*0.8
+          var scale=this.$parent.$parent.scale*0.8
           DataSql.dataunitarray(this, 'usernum', 'usernumstring')
           var echartData = this.usernum
-          console.log('echartData---------------------dddddddddddddddddddddddddddddddddddddddddddddddd')
-          console.log(echartData)
-          // var echartData1 = this.usernumstring
-          // var rich = {
-          //   blue: {
-          //     color: '#15dce2',
-          //     fontSize: 12 ,
-          //     align: 'center',
-          //     padding: [15, 0, 15, 0]
-          //   }
-          // }
+          var echartData1 = this.usernumstring
+          var rich = {
+            blue: {
+              color: '#15dce2',
+              fontSize: 12 * scale,
+              align: 'center',
+              padding: [15*scale, 0, 15*scale, 0]
+            }
+          }
           var total = 0; //用户总和
           var result = ''
           echartData.forEach(function (value) {
@@ -69,8 +63,6 @@
           });
           var index = total.toString().length
           if (index > 4) {
-            console.log('total---------------------------------')
-            console.log(total)
             var t = total.toString().substring(0, index - 4)
             var s = total.toString().substring(index - 4, index - 3)
             var l = total.toString().substring(index - 3, index - 2)
@@ -82,10 +74,9 @@
               t = eval(t + '+1')
             }
             result = t + '.' + s + '万'
+          } else {
+            result = value
           }
-          // else {
-          //   result=total
-          // }
          var color= ['#6fd9d0', '#ede61f', '#6d9bdc']
           function appendBaseColor(dataList, colorList, opacity){
             const temp = [];
@@ -110,7 +101,7 @@
                 top: '25%',
                 textStyle: {
                   color: '#ffffff',
-                  fontSize: 16 ,
+                  fontSize: 16 * scale,
 
                 }
               },
@@ -118,10 +109,10 @@
                 text: result,
                 left: '45%',
                 top: '35%',
-                padding: [10 , 10 ],
+                padding: [10 * scale, 10 * scale],
                 textStyle: {
                   color: '#00e2ea',
-                  fontSize: 16 ,
+                  fontSize: 16 * scale,
 
                 }
               }],
@@ -131,11 +122,11 @@
               backgroundColor:'#01396d',
               // borderColor :'rgba(13, 109, 180)',
               borderWidth:0,
-              hideDelay:100,
+              hideDelay:100*scale,
               triggerOn:'mousemove',
-              padding:10,
+              padding:10*scale,
                 textStyle:{
-                    fontSize:18
+                    fontSize:18*scale
                 },
               formatter: function (params) {
                   return  params.marker + " <span style=\"font-weight: normal\"> " + params.name + "</span>  <span style=\"color:#e1e52a;font-weight: bolder\">&nbsp;&nbsp;" + params.value + "</span>"
@@ -172,14 +163,14 @@
               icon: 'circle',
               x: 'center',
               bottom: '6%',
-              itemWidth: 20 ,
-              itemHeight: 10 ,
+              itemWidth: 20 * scale,
+              itemHeight: 10 * scale,
               textStyle: {
-                fontSize: 12 ,
-                padding: [0, 0, 0, 4 ],
+                fontSize: 12 * scale,
+                padding: [0, 0, 0, 4 * scale],
                 color: '#ffffff'
               },
-              data: ['民用', '非民用', '其他']
+              data: ['民用', '非民用', '民用锅炉']
             },
             series: [
               {
@@ -234,8 +225,12 @@
         },
         //请求后台数据
         searchdata() {
-          let sqldata = DataSql.getData(this, 'user',{orgid:this.orgid}, 'resdata')
+          let sqldata = DataSql.getData(this, 'user',{}, 'resdata')
           co(sqldata)
+          let sqldatapie = DataSql.getData(this,'useri',{}, 'resdatapie')
+          co(sqldatapie)
+          let sqldataone = DataSql.getData(this,'userapply',{}, 'resdataapply')
+          co(sqldataone)
         },
       },
       beforeDestroy() {
@@ -243,134 +238,59 @@
         clearInterval(this.timer);
       },
       watch: {
-
-        'resdata': {
+        // 监听用户数据并进行绘图
+        'usernum': {
           deep: true,
           handler(val) {
-            clearInterval(this.timer);
-            console.log('进入监听================================')
-            console.log('val',val)
-            this.usernum = []
-            console.log(val.length)
-            if(val.length===0){
-              let result = {}
-              let result2 = {}
-              let result3 = {}
-              result3.name='民用'
-              result3.value=0
-              this.usernum[2]=result3
-              result.name='其他'
-              result.value=0
-              this.usernum[0]=result
-              result2.name='非民用'
-              result2.value=0
-              this.usernum[1]=result2
-            } else
-            if(val[0].f_user_type===null){ // 如果第一个 时null
-              let result = {}
-              let result2 = {}
-              let result3 = {}
-              result.name='其他'
-              result.value=val[0].num
-              this.usernum[0]=result
-              if(val[1]===undefined){ //如果没有第二个  后面两个都给0
-                result2.name='非民用'
-                result2.value=0
-                this.usernum[1]=result2
-                result3.name='民用'
-                result3.value=0
-                this.usernum[2]=result3
-              }else if(val[1].f_user_type==='非民用'){ // 如果第二个是  非民用 是
-                result2.name='非民用'
-                result2.value=val[1].num
-                this.usernum[1]=result2
-                if(val[2]===undefined){ // 如果第三个 没有时
-                  result3.name='民用'
-                  result3.value=0
-                  this.usernum[2]=result3
-                }else{ // 如果 有 就是 民用
-                  result3.name='民用'
-                  result3.value=val[2].num
-                  this.usernum[2]=result3
-                }
-              }else if(val[2]===undefined){ // 如果第三个没有时
-                result3.name='民用'
-                result3.value=0
-                this.usernum[2]=result3
-              }else{
-                result3.name='民用'
-                result3.value=val[2].num
-                this.usernum[2]=result3
-              }
-            }else
-
-            if(val[0].f_user_type==='非民用'){ // 如果第一个值是 非民用 其他就肯定是没有值的 那就给0
-              let result = {}
-              let result2 = {}
-              let result3 = {}
-              result2.name='非民用'
-              result2.value=val[0].num
-              this.usernum[1]=result2
-              result.name='其他'
-              result.value=0
-              this.usernum[0]=result
-              if(val[1]===undefined){ //如果第二值 没有 给0
-                result3.name='民用'
-                result3.value=0
-                this.usernum[2]=result3
-              }else if(val[1].f_user_type==='民用'){
-                result3.name='民用'
-                result3.value=val[1].num
-                this.usernum[2]=result3
-              }
-            }else
-
-            if(val[0].f_user_type==='民用'){ //如果第一个值为民用时 那就是 其他和非民用没值  就给这个两个补0
-              let result = {}
-              let result2 = {}
-              let result3 = {}
-              result3.name='民用'
-              result3.value=val[0].num
-              this.usernum[2]=result3
-              result.name='其他'
-              result.value=0
-              this.usernum[0]=result
-              result2.name='非民用'
-              result2.value=0
-              this.usernum[1]=result2
-            }
-            console.log('-------------------------------------------------------------------------------------------------')
-            console.log("this.usernum=================")
-            console.log(this.usernum)
             var value = this.usernum[0].value + this.usernum[1].value + this.usernum[2].value
-            var value1 = this.usernum[2].value
-            var value2 =this.usernum[1].value
             this.totaluser = DataSql.dataunit(value)
-            this.apply = DataSql.dataunit(value1)
-            this.hiddenuser = DataSql.dataunit(value2)
-
             this.setBar()
+            this.$parent.loaddata++
           }
         },
-        'orgid'(val){
-          console.log('进入orgid监听=======================')
-          console.log(val)
-          // this.orgid
-          clearInterval(this.timer);
-
-          this.searchdata()
+        'resdata': {
+          deep: true,
+          handler(val) {
+            this.usernum = []
+            let result = {}
+            result.name = '民用'
+            result.value = this.resdata[0]['民用']
+            this.usernum.push(result)
+            let result1 = {}
+            result1.name = '非民用'
+            result1.value = this.resdata[0]['非民用']
+            this.usernum.push(result1)
+            let result2 = {}
+            result2.name = '民用锅炉'
+            result2.value = this.resdata[0]['民用锅炉']
+            this.usernum.push(result2)
+          }
+        },
+        'resdatapie': {
+          deep: true,
+          handler(val) {
+            var totalnum = 0
+            for (var i = 1; i < 6; i++) {
+              let item0 = {}
+              totalnum = totalnum + this.resdatapie[i].totalnum
+            }
+            this.hiddenuser = DataSql.dataunit(totalnum / 5,)
+          }
         },
+        'resdataapply': {
+          deep: true,
+          handler(val) {
 
+            this.apply = DataSql.dataunit(this.resdataapply[0].totalnum)
+          }
+        }
       },
 
       ready() {
         // 拼接sql，请求后台
-        // this.searchdata()
-
+        this.searchdata()
       }
     }
-
-
 </script>
 
 <style scoped>