manage-client 3.2.171 → 3.2.173

package/src/filiale/zhongyi/CallReport/PercentageComplete.vue

@@ -2,17 +2,26 @@
   <!-- 完成率组件 -->
   <div class="percentageComplete">
     <div class="view">
-      <div class="pending"><i></i><span>待处理</span><span class="pendingNum">{{ data.pendingNum }}</span></div>
-      <div class="beingProcessed"><i></i><span>处理中</span><span class="beingProcessedNum">{{ data.beingProcessedNum }}</span></div>
-      <div class="completed"><i></i><span>已完成</span><span class="completedNum">{{ data.completedNum }}</span></div>
+      <div class="pending"><i></i><span>待处理</span><span class="pendingNum">{{ data.pendingNum ?data.pendingNum:'0' }}</span></div>
+      <div class="beingProcessed"><i></i><span>处理中</span><span class="beingProcessedNum">{{ data.beingProcessedNum?data.beingProcessedNum:'0' }}</span></div>
+      <div class="completed"><i></i><span>已完成</span><span class="completedNum">{{ data.completedNum?data.completedNum:'0' }}</span></div>
       <div class="completedEcharts"></div>
       <div class="percentText">完成率</div>
     </div>
     <div class="data">
       <ul>
-        <li><span>昨日工单</span><span class="day">{{ data.day }}</span><span>日环比</span><div :class="data.daysFrom[1]>'70'?'blueArrows':'yellowArrows'"></div><span :class="data.daysFrom[1]>='70'?'increase':'lower'">{{ data.daysFrom[1] }}%</span></li>
-        <li><span>月度工单量</span><span class="month">{{ data.month }}</span><span>月环比</span><div :class="data.onAMonthlyBasis[1]>'70'?'blueArrows':'yellowArrows'"></div><span :class="data.onAMonthlyBasis[1]>'70'?'increase':'lower'">{{ data.onAMonthlyBasis[1] }}%</span></li>
-        <li><span>年度工单量</span><span class="year">{{ data.year }}</span><span>同比</span><div :class="data.yoy[1]>'70'?'blueArrows':'yellowArrows'"></div><span :class="data.yoy[1]>'70'?'increase':'lower'">{{ data.yoy[1] }}%</span></li>
+        <li><span>昨日工单</span><span class="day">{{ data.day }}</span><span>日环比</span>
+          <div v-show="data.daysFrom != '0%'" :class="data.daysFrom.startsWith('-') ?'yellowArrows':'blueArrows'"></div>
+          <span :class="data.daysFrom.startsWith('-') ?'lower':'increase'">{{ data.daysFrom.startsWith('-') ? data.daysFrom.substring(1) : data.daysFrom }}</span>
+        </li>
+        <li><span>月度工单量</span><span class="month">{{ data.month }}</span><span>月环比</span>
+          <div v-show="data.onAMonthlyBasis != '0%'":class="data.onAMonthlyBasis.startsWith('-') ?'yellowArrows':'blueArrows'"></div>
+          <span :class="data.onAMonthlyBasis.startsWith('-') ?'lower':'increase'">{{ data.onAMonthlyBasis.startsWith('-') ?data.onAMonthlyBasis.substring(1) : data.onAMonthlyBasis }}</span>
+        </li>
+        <li><span>年度工单量</span><span class="year">{{ data.year }}</span><span>同比</span>
+          <div v-show="data.yoy != '0%'" :class="data.yoy.startsWith('-') ?'yellowArrows':'blueArrows'"></div>
+          <span :class="data.yoy.startsWith('-') ?'lower':'increase'">{{ data.yoy.startsWith('-') ? data.yoy.substring(1) : data.yoy}}</span>
+        </li>
       </ul>
     </div>
   </div>
@@ -29,71 +38,120 @@ export default {
       f_orgid: '',
       data:{
         //待处理
-        pendingNum:'29',
+        pendingNum:'',
         // 处理中
-        beingProcessedNum:'16',
+        beingProcessedNum:'',
         //已完成
-        completedNum:'37',
+        completedNum:'',
         //昨日工单
-        day:'154',
+        day:'',
         //月度工单量
-        month:'5149',
+        month:'',
         //年度工单量
-        year:'145784',
+        year:'',
         //日环比、月环比、同比第一个参数，0为降，1为增长
         //日环比
-        daysFrom:['0','44.18'],
+        daysFrom:'',
         //月环比
-        onAMonthlyBasis:['1','71.12'],
+        onAMonthlyBasis:'',
         //同比
-        yoy:['1','95.07'],
-
-
+        yoy:''
       }
     }
   },
   props:['filialeId'],
   methods:{
-    //获取昨日工单
-    getDay(){
+    //获取完成
+    getWorkorder(){
       let http = new HttpResetClass()
-      http.load('post','rs/logic/Dayworkorderstatistics',{
+      http.load('post','rs/logic/WorkorderCompletionInformation',{
         data: {
-          month_start: Util.toStandardDateString(), // 开始时间
-          month_end: Util.toStandardDateString(), // 结束时间
-          f_orgid: this.filialeId?this.filialeId:this.$login.f.orgid // 分公司id
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((ress)=>{
+        console.log("完成"+JSON.stringify(ress.data))
+        this.data.completedNum = ress.data.data.yiwancheng||0
+        this.data.pendingNum = ress.data.data.daichuli||0
+        this.data.beingProcessedNum = ress.data.data.chulizhong||0
+        console.log(" this.data"+JSON.stringify(this.data))
+        this.$emit('wanchenglv',ress.data.data.wanchenglv)
+      })
+    },
+    //获取环比
+    gettongyu(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/AnnulusStatistics',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
         }
       },{rejectMsg:null,resolveMsg:null}).then((res)=>{
-        console.log(res.data)
-        this.day = res.data.daysum
+        console.log("gettongyu"+JSON.stringify(res.data))
+        this.data.daysFrom = res.data.data[0].rihuanbi||0
+        this.data.onAMonthlyBasis = res.data.data[0].yuehuanbi||0
+        this.data.yoy = res.data.data[0].nianhuanbi||0
       })
     },
-    //获取月工单
-    getMonth(){
+    //获取月工单数量环
+    getmonthworkoreder(){
       let http = new HttpResetClass()
       http.load('post','rs/logic/Monthlyworkorderstatistics',{
         data: {
-          month_start: Util.toStandardDateString(), // 开始时间
-          month_end: Util.toStandardDateString(), // 结束时间
-          f_orgid: this.filialeId?this.filialeId:0 // 分公司id
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log("getmonthworkoreder"+JSON.stringify(res.data))
+        this.data.month = res.data.data[0].monthsum||0
+      })
+    },
+    //获取天工单数量环
+    getdayworkoreder(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/Dayworkorderstatistics',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
         }
       },{rejectMsg:null,resolveMsg:null}).then((res)=>{
-        console.log(res.data)
-        this.month = res.data.monthsum
+        console.log("getdayworkoreder"+JSON.stringify(res.data))
+        this.data.day = res.data.data[0].daysum||0
       })
     },
+    //获取年度工单数量环
+    getyearworkoreder(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/Yearworkorderstatistics',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log("year"+JSON.stringify(res.data))
+        this.data.year = res.data.data[0].yearsum||0
+      })
+    }
   },
   ready(){
-    this.getDay()
-    this.getMonth()
+    this.getWorkorder()
+    this.gettongyu()
+    this.getmonthworkoreder()
+    this.getdayworkoreder()
+    this.getyearworkoreder()
+    setInterval(() => {
+    this.getWorkorder()
+    this.gettongyu()
+    this.getmonthworkoreder()
+    this.getdayworkoreder()
+    this.getyearworkoreder()
+    }, 300000)
   },
   watch: {
     'filialeId'(val){
       console.log("filialeId>>>=====",val)
-      this.getDay()
-      this.getMonth()
+      this.getWorkorder()
+      this.gettongyu()
+      this.getmonthworkoreder()
+      this.getdayworkoreder()
+      this.getyearworkoreder()
     }
-  },
+  }
 }
 </script>
 

package/src/filiale/zhongyi/CallReport/PercentageCompleteEchart.vue

@@ -9,22 +9,27 @@ import echarts from "echarts";
 export default {
   name: "PercentageCompleteEchart",
   // components: {},
-  // props:['row','dat1'],
+  props:['wanchengLv'],
   data(){
     return {
-      percentageComplete:66,
+      percentageComplete:this.wanchengLv?this.wanchengLv:'0%',
     }
   },
   ready(){
     this.percentageCompleteEchart()
+
   },
   mounted(){
+    this.percentageCompletel()
   },
   methods:{
-
+    percentageCompletel(){
+      this.percentageComplete=this.wanchengLv?this.wanchengLv:'0%'
+    },
     percentageCompleteEchart(){
       let myChart = echarts.init(document.getElementById("echart"));
-      let value = this.percentageComplete;
+      let value = parseInt(this.percentageComplete.substring(0, this.percentageComplete.length - 1));
+      console.log("value"+value)
       let option = {
 // backgroundColor:"#061740",
         title: {
@@ -122,6 +127,12 @@ export default {
 
     },
 
+  },
+  watch: {
+    'wanchengLv'(val){
+     this.percentageCompletel();
+     this.percentageCompleteEchart();
+    }
   }
 
 }

package/src/filiale/zhongyi/CallReport/ServiceStatus.vue

@@ -1,85 +1,21 @@
 <template>
   <!-- 客服状态组件 -->
   <div class="service-status">
-    <div>
-      <div>
-
-        <div v-if="service[0].name!=='离线'"><i class="service1"></i></div>
-        <div v-if="service[0].name==='离线'"><i class="service2"></i></div>
-
-        <div v-if="service[0].state==='振铃'"><i class="status1"></i></div>
-        <div v-if="service[0].state==='接听'"><i class="status2"></i></div>
-        <div v-if="service[0].state==='等待'"><i class="status3"></i></div>
-        <div v-if="service[0].state==='离线'"><i class="status4"></i></div>
-
-        <span>{{ service[0].name }}</span>
+    <div v-for="serviceData in service" >
+      <div v-if="serviceData.aState!=='未登录'">
+        <i class="service1"></i>
+        <span>{{ serviceData.aName || '未登录' }}</span>
       </div>
-      <div>
-
-        <div v-if="service[1].name!=='离线'"><i class="service1"></i></div>
-        <div v-if="service[1].name==='离线'"><i class="service2"></i></div>
-
-        <div v-if="service[1].state==='振铃'"><i class="status1"></i></div>
-        <div v-if="service[1].state==='接听'"><i class="status2"></i></div>
-        <div v-if="service[1].state==='等待'"><i class="status3"></i></div>
-        <div v-if="service[1].state==='离线'"><i class="status4"></i></div>
-
-        <span>{{ service[1].name }}</span>
-      </div>
-      <div>
-
-        <div v-if="service[2].name!=='离线'"><i class="service1"></i></div>
-        <div v-if="service[2].name==='离线'"><i class="service2"></i></div>
-
-        <div v-if="service[2].state==='振铃'"><i class="status1"></i></div>
-        <div v-if="service[2].state==='接听'"><i class="status2"></i></div>
-        <div v-if="service[2].state==='等待'"><i class="status3"></i></div>
-        <div v-if="service[2].state==='离线'"><i class="status4"></i></div>
-
-        <span>{{ service[2].name }}</span>
+      <div v-if="serviceData.aState==='未登录'">
+        <i class="service2"></i>
+        <span>{{ serviceData.aName || '未登录' }}</span>
       </div>
+      <div v-if="serviceData.aState==='正在振铃'"><i class="status1"></i></div>
+      <div v-if="['忙','正在保存', '回访通话','通话中'].indexOf(serviceData.aState) >= 0"><i class="status2"></i></div>
+      <div v-if="serviceData.aState==='空闲'"><i class="status3"></i></div>
+      <div v-if="serviceData.aState==='未登录'"><i class="status4"></i></div>
     </div>
-    <div class="move-down">
-      <div>
-
-        <div v-if="service[3].name!=='离线'"><i class="service1"></i></div>
-        <div v-if="service[3].name==='离线'"><i class="service2"></i></div>
-
-        <div v-if="service[3].state==='振铃'"><i class="status1"></i></div>
-        <div v-if="service[3].state==='接听'"><i class="status2"></i></div>
-        <div v-if="service[3].state==='等待'"><i class="status3"></i></div>
-        <div v-if="service[3].state==='离线'"><i class="status4"></i></div>
-
-        <span>{{ service[3].name }}</span>
-      </div>
-      <div>
-
-        <div v-if="service[4].name!=='离线'"><i class="service1"></i></div>
-        <div v-if="service[4].name==='离线'"><i class="service2"></i></div>
-
-        <div v-if="service[4].state==='振铃'"><i class="status1"></i></div>
-        <div v-if="service[4].state==='接听'"><i class="status2"></i></div>
-        <div v-if="service[4].state==='等待'"><i class="status3"></i></div>
-        <div v-if="service[4].state==='离线'"><i class="status4"></i></div>
-
-        <span>{{ service[4].name }}</span>
-      </div>
-      <div>
-
-        <div v-if="service[5].name!=='离线'"><i class="service1"></i></div>
-        <div v-if="service[5].name==='离线'"><i class="service2"></i></div>
-
-        <div v-if="service[5].state==='振铃'"><i class="status1"></i></div>
-        <div v-if="service[5].state==='接听'"><i class="status2"></i></div>
-        <div v-if="service[5].state==='等待'"><i class="status3"></i></div>
-        <div v-if="service[5].state==='离线'"><i class="status4"></i></div>
-
-        <span>{{ service[5].name }}</span>
-      </div>
-    </div>
-
   </div>
-
   <div class="status-count">
     <div>
       <i class="answer"></i>
@@ -107,6 +43,8 @@
 
 <script>
 import {HttpResetClass} from "vue-client";
+import * as Util from "../../../Util";
+import axios from "axios";
 
 export default {
 
@@ -117,36 +55,87 @@ export default {
   data(){
     return{
       data:{
-        answerNum:'2',
-        awaitNum:'1',
-        ringNum:'2',
-        offLineNum:'1',
+        answerNum:0,
+        awaitNum:0,
+        ringNum:0,
+        offLineNum:0,
 
       },
-      service:[
-        {name:'刘竹凡',state:'振铃'},//振铃，接听，等待，离线
-        {name:'马静静',state:'接听'},
-        {name:'刘竹凡',state:'振铃'},
-        {name:'李云玉',state:'接听'},
-        {name:'张思雨',state:'等待'},
-        {name:'离线',state:'离线'},
-      ],
+      service:[],
 
 
     }
   },
 
   ready(){
-    // this.getInitData()
+    this.getRecordwork()
+    setInterval(() => {
+      this.getRecordwork()
+    }, 2000)
   },
-
   methods:{
-    getInitData(){
+    getRecordwork(){
       let http = new HttpResetClass()
-      http.load('post','rs/sql/getCallSumData',{}).then((res)=>{
-        console.log(res.data)
-        // this.data = res.data[0]
+      http.load('GET', '/Dual/GetALLAttendant', {}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+        //tag
+        console.log("getRecordwork"+JSON.stringify(res.data))
+        this.data.answerNum = 0
+        this.data.awaitNum = 0
+        this.data.ringNum = 0
+        this.data.offLineNum = 0
+        this.service=res.data.packets
+        console.log('this.service='+JSON.stringify(this.service));
+        for (const serviceData of this.service) {
+          switch (serviceData.aState) {
+            case '未登录':
+              this.data.offLineNum ++
+              break
+
+            case '忙':
+            // case '回访通话':
+            case '通话中':
+              this.data.answerNum ++
+              break
+            case '空闲':
+              this.data.awaitNum ++
+              break
+            case '正在振铃':
+            case '正在保存':
+              this.data.ringNum ++
+              break
+          }
+        }
       })
+      // axios.get('/Dual/GetALLAttendant')
+      //   .then((response) => {
+      //     console.log("getRecordwork"+JSON.stringify(response.data))
+      //     this.data.answerNum = 0
+      //     this.data.awaitNum = 0
+      //     this.data.ringNum = 0
+      //     this.data.offLineNum = 0
+      //     this.service=response.data.packets
+      //     console.log('this.service='+JSON.stringify(this.service));
+      //     for (const serviceData of this.service) {
+      //       switch (serviceData.aState) {
+      //         case '未登录':
+      //           this.data.offLineNum ++
+      //           break
+      //
+      //         case '忙':
+      //         // case '回访通话':
+      //         case '通话中':
+      //           this.data.answerNum ++
+      //           break
+      //         case '空闲':
+      //           this.data.awaitNum ++
+      //           break
+      //         case '正在振铃':
+      //         case '正在保存':
+      //           this.data.ringNum ++
+      //           break
+      //       }
+      //     }
+      //   })
     },
 
 
@@ -162,15 +151,16 @@ export default {
   height: 31.944vh;
   position: absolute;
   top: 23.241vh;
-  left: 31.927vw;
+  left: 36vw;
   /* background: rgba(255, 255, 255, .04); */
-
+  display: flex;
+  flex-flow: row wrap;
 }
 
 .service-status div {
   height: 15.741vh;
   display: flex;
-  justify-content: space-between;
+  width: 200px;
 }
 
 .move-down {
@@ -217,7 +207,6 @@ export default {
   background-position: 0 0;
   background-size: contain;
   position: absolute;
-  right: 0.052vw;
   bottom: 0.185vh;
 }
 
@@ -229,7 +218,6 @@ export default {
   background-position: 0 0;
   background-size: contain;
   position: absolute;
-  right: 0.052vw;
   bottom: 0.104vw;
 }
 
@@ -241,7 +229,6 @@ export default {
   background-position: 0 0;
   background-size: contain;
   position: absolute;
-  right: 0.052vw;
   bottom: 0.185vh;
 }
 
@@ -253,7 +240,6 @@ export default {
   background-position: 0 0;
   background-size: contain;
   position: absolute;
-  right: 0.052vw;
   bottom: 0.185vh;
 }
 

package/src/filiale/zhongyi/CallReport/SwiperTools.vue

@@ -3,26 +3,16 @@
     <div v-for="value in titleList">{{ value }}</div>
   </div>
   <div class="userinfo-data">
-<!--    <table>-->
-<!--      <thead>-->
-<!--          <tr class="title-area" >-->
-<!--            <td v-for="value in titleList">{{ value }}</td>-->
-<!--          </tr>-->
-<!--      </thead>-->
-<!--      <tbody class="swiper-container">-->
-<!--          <tr class="swiper-wrapper"  v-for="item in noticeList">-->
-<!--            <template v-for="value in item">-->
-<!--              <td class="swiper-slide">{{value}}&emsp;</td>-->
-<!--            </template>-->
-<!--          </tr>-->
-<!--      </tbody>-->
-<!--    </table>-->
     <div class="swiper-container">
       <div class="swiper-wrapper">
         <div class="swiper-slide" v-for="item in noticeList">
-            <div v-for="value in item">
-              <div>{{value}}&emsp;</div>
-            </div>
+          <div>{{item.f_created_date||'无'}}</div>
+          <div>{{item.f_user_name||'无'}}</div>
+          <div>{{item.f_workorder_type||'无'}}</div>
+          <div>{{item.f_address||'无'}}</div>
+          <div>{{item.f_single_man||'无'}}</div>
+          <div v-if="item.f_workorder_type=='报修单'||item.f_workorder_type=='置换通气单'">{{'下派'}}</div>
+          <div v-else>{{item.f_handlings||'无'}}</div>
         </div>
       </div>
     </div>
@@ -62,7 +52,7 @@ export default {
       /* 行数 row 速度 speed */
       type:Object,
       default: {
-        row:5,
+        row:6,
         speed:3
       }
     },
@@ -76,16 +66,17 @@ export default {
       type:Array,
       default:[
         {
-          date: '',
-          // duration:'',
-          name:'',
-          orderType:'',
-          address:'',
-          receptionist:'',
-          state:''
+          f_created_date: '',
+          f_user_name:'',
+          f_workorder_type:'',
+          f_address:'',
+          f_single_man:'',
+          f_handlings:''
         },
       ]
     }
+  },
+  ready(){
   }
 }
 </script>
@@ -100,28 +91,16 @@ export default {
   position: relative;
   margin-top: 2.407vh;
   text-align: center;
-  //div:nth-of-type(1){width: 25%;}
-  //div:nth-of-type(2){width: 8%;}
-  //div:nth-of-type(3){width: 15%;}
-  //div:nth-of-type(4){width: 8%;}
-  //div:nth-of-type(5){width: 21%;}
-  //div:nth-of-type(6){width: 10%;}
-  //div:nth-of-type(7){width: 11%;}
-  div:nth-of-type(1){width: 100px; margin-left: 142px;}
-  div:nth-of-type(2){width: 109px; margin-left: 142px;}
-  div:nth-of-type(3){width: 109px; margin-left: 52px;}
-  div:nth-of-type(4){width: 110px; margin-left: 107px;}
-  div:nth-of-type(5){width: 109px; margin-left: 177px;}
-  div:nth-of-type(6){width: 100px; margin-left: 49px;}
-  //div:nth-of-type(7){width: 100px;margin-left: 37px}
+  div:nth-of-type(1){width: 260px}
+  div:nth-of-type(2){width: 180px}
+  div:nth-of-type(3){width: 170px}
+  div:nth-of-type(4){width: 400px}
+  div:nth-of-type(5){width: 150px}
+  div:nth-of-type(6){width: 150px}
 }
 
 .userinfo-data {
   height: 19.63vh;
-  position: absolute;
-  top: 8.148vh;
-  left: 0.521vw;
-  width: 71.354vw;
   pointer-events: none;
 }
 .swiper-slide{
@@ -129,25 +108,23 @@ export default {
   color: #ffffff;
   font-size: 22px;
   line-height: 41px;
-  justify-content: space-evenly;
 
   div:nth-of-type(1){
-    width: 230px;
+    width: 260px;
+    text-align: center;
   }
-  //div:nth-of-type(2){
-  //  width: 70px;
-  //}
   div:nth-of-type(2){
-    width: 100px;
+    width: 180px;
+    text-align: center;
   }
   div:nth-of-type(3){
-    width: 22px;
+    width: 170px;
+    text-align: center;
   }
   div:nth-of-type(4){
     height: 100%;
-    width: 266px;
-    //text-align: center;
-    margin-left: 40px;
+    width: 400px;
+    text-align: center;
     div{
       overflow: hidden;
       text-overflow: ellipsis;
@@ -155,11 +132,13 @@ export default {
     }
   }
   div:nth-of-type(5){
-    width: 90px;
+    width: 150px;
+    text-align: center;
   }
   div:nth-of-type(6){
-    width: 66px;
+    width: 150px;
     color: #F7DB35;
+    text-align: center;
   }
 }