manage-client 3.2.160 → 3.2.162

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

@@ -1,64 +1,70 @@
 <template>
   <div class="main-basic">
-
-
-
 <!--    <basic-page ></basic-page>-->
-
 <!--    &lt;!&ndash;左侧内容模块&ndash;&gt;-->
 <!--    <template v-slot:contentLeft>-->
 <!--      <left-content-page></left-content-page>-->
 <!--    </template>-->
 <!--    &lt;!&ndash;右侧&ndash;&gt;-->
-
+    <!--分公司下拉框-->
+    <drop-down-box @select="selectIndex"></drop-down-box>
     <weather-data></weather-data>
     <time></time>
     <div class="content-header">中邑燃气</div>
-    <div class="inform"><span><i></i>{{ data.inform }}</span></div>
+    <div class="inform" v-if="false"><span><i></i>{{ data.inform }}</span></div>
     <!--工单模块-->
-    <work-order-page></work-order-page>
+    <work-order-page :filiale-id="filiale"></work-order-page>
     <!--完成率模块-->
-    <percentage-complete></percentage-complete>
+    <percentage-complete :filiale-id="filiale"></percentage-complete>
     <!--完成率echart-->
     <percentage-complete-echart></percentage-complete-echart>
     <!--用户模块-->
     <userinfo></userinfo>
     <!--来电统计模块-->
     <incoming-telegram :row="model"></incoming-telegram>
-
     <!---->
-
-    <rate-top></rate-top>-->
-    <rate-bottom></rate-bottom>-->
+<!--    <rate-top></rate-top>-->
+<!--    <rate-bottom></rate-bottom>-->
     <!--客服状态模块-->
     <service-status></service-status>
-
-
-
-
   </div>
-
-
 </template>
 
 <script>
 import WorkOrderPage from "./WorkOrderPage";
+// import Select from "./Select";
+import {HttpResetClass} from "vue-client";
 import PercentageComplete from "./PercentageComplete";
+import PercentageCompleteEchart from "./PercentageCompleteEchart";
+import RateTop from "./RateTop";
 import RateBottom from "./RateBottom";
 import WeatherData from "./WeatherData";
+import ServiceStatus from "./ServiceStatus";
+import IncomingTelegram from "./IncomingTelegram";
+import DropDownBox from "./DropDownBox";
 export default {
-  components: {WeatherData, RateBottom, PercentageComplete, WorkOrderPage},
+  components: {ServiceStatus,IncomingTelegram,DropDownBox, WeatherData, PercentageComplete,PercentageCompleteEchart, WorkOrderPage,RateTop,RateBottom},
   title:'CallReportMainPage',
   data() {
     return {
       // model:"初入数据",
       data:{
         inform:'2022.3.7号停气',
-        // inform:'2022.3.7号停气2022.3.7号停气',
-      }
+      },
+      filiale:23145,
     }
   },
-  name: "CallReportMainPage"
+  name: "CallReportMainPage",
+  methods:{
+    selectIndex(val){
+      // console.log("这里是父组件",val)
+      this.filiale=val
+    }},
+  watch: {
+    'filiale'(val){
+      // console.log('toOrgid=====filiale===>',val)
+    }
+  }
 }
 </script>
 
@@ -79,6 +85,8 @@ export default {
   top: 1.389vh;
   left: 45.99vw;
   line-height: 3.333vh;
+  font-weight: bolder;
+  font-family: '黑体';
 }
 .inform {
   width: 35.833vw;
@@ -113,4 +121,17 @@ export default {
   left: -2.604vw;
   top: 1.111vh;
 }
+.filiale{
+  width: 300px;
+  height: 50px;
+  position: absolute;
+  top: 75px;
+  left: 31px;
+}
+.font_normal_body{
+  color: #fff;
+}
+/*.default.focus,default.focus,dropdown-menu{*/
+/*  background: #0f136c;*/
+/*}*/
 </style>

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

@@ -0,0 +1,74 @@
+<template>
+<!-- 分公司下拉框 -->
+  <div class="col-sm-3 form-group form-input-group drop-down-box" style="width: 20%">
+    <label class="font_normal_body" style="color: #fff;">分公司</label>
+    <v-select
+      placeholder='请选择分公司'
+      :value-single="true"
+      v-model='f_orgstr'
+      :value.sync="f_orgstr"
+      :options='orgstrs'
+      close-on-select clear-button>
+    </v-select>
+  </div>
+
+
+</template>
+
+<script>
+import {HttpResetClass} from "vue-client";
+
+export default {
+  name: "DropDownBox",
+  data(){
+    return{
+      f_orgstr:'',
+      orgstrs:[
+        {label: '德州中邑燃气有限责任公司', value: '21125'},
+        {label: '夏津中邑燃气有限公司', value: '21131'},
+        {label: '临邑中邑燃气有限公司', value: '21137'},
+        {label: '山东彤运天燃气有限公司', value: '21143'},
+        {label: '庆云中邑燃气有限公司', value: '21149'},
+        {label: '庆云浩通天燃气有限公司', value: '21155'},
+        {label: '宁津天科燃气有限公司', value: '21161'},
+        {label: '山东中邑燃气有限公司', value: '23145'},
+        {label: '铜川', value: '47003'},
+      ]
+    }
+  },
+  computed:{
+  },
+  ready(){
+    // this.getfengongsi()
+  },
+  methods:{
+    // 获取县域分公司内容
+    // getfengongsi(){
+    //   // console.log("this.$login.f.id:",this.$login.f.orgid,this.$login)
+    //   let val = {source: 'this.getParentByType($organization$).getSpecialResByType($organization$)', userid: `${this.$login.f.id}`}
+    //   let http = new HttpResetClass()
+    //   http.load('POST', '/rs/search', {data: val}, {resolveMsg: null, rejectMsg: null}).then((res) => {
+    //     // console.log("res.data",res.data)
+    //     // localStorage.setItem('dataConfig',JSON.stringify(res.data))
+    //     // console.log("res.data.id",JSON.parse(localStorage.getItem('dataConfig')))
+    //     res.data.forEach((item) => {
+    //       this.orgstrs.push({label: item.name, value: item.id})
+    //     })
+    //   })
+    // },
+  },
+  watch: {
+    'f_orgstr'(val){
+      // console.log('f_orgstr========>',val)
+      this.$emit('select',val)
+    }
+  },
+}
+</script>
+
+<style scoped>
+.drop-down-box{
+  position: absolute;
+  top: 76px;
+}
+</style>

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

@@ -5,16 +5,16 @@
     <i></i><i></i>
     <div class="incoming-telegram-div">
       <span>{{ data.netAppointment}}</span><br>
-      <span>年度网厅预约话务(次)</span>
+      <span>日统计来电数量</span>
     </div>
     <div class="incoming-telegram-div">
       <span>{{ data.hotLine }}</span><br>
-      <span>年度热线服务话务(次)</span>
+      <span>月统计来电数量</span>
     </div>
-    <span class="text1">接通率</span>
-    <span class="text2">接通率</span>
-    <div class="blueLadder"></div>
-    <div class="yellowLadder"></div>
+<!--    <span class="text1">接通率</span>-->
+<!--    <span class="text2">接通率</span>-->
+<!--    <div class="blueLadder"></div>-->
+<!--    <div class="yellowLadder"></div>-->
 
 
   </div>
@@ -37,16 +37,8 @@ export default {
     }
   },
   methods:{
-    getInitData(){
-      let http = new HttpResetClass()
-      http.load('post','rs/sql/getCallSumData',{}).then((res)=>{
-        console.log(res.data)
-        // this.data = res.data[0]
-      })
-    }
   },
   ready(){
-    // this.getInitData()
   }
 
 
@@ -103,13 +95,13 @@ export default {
 
 .incoming-telegram-div {
   position: absolute;
-  top: 11vh;
-  left: 1.042vw;
+  top: 13vh;
+  left: 8.042vw;
   height: 13.889vh;
 }
 
 .incoming-telegram div:nth-of-type(2) {
-  top: 32.185vh;
+  top: 34.185vh;
 }
 
 .incoming-telegram div span:nth-of-type(1) {

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

@@ -10,9 +10,9 @@
     </div>
     <div class="data">
       <ul>
-        <li><span>昨日工单</span><span class="day">{{ data.day }}</span><span>日环比</span><div :class="data.daysFrom[0]==='1'?'blueArrows':'yellowArrows'"></div><span :class="data.daysFrom[0]==='1'?'increase':'lower'">{{ data.daysFrom[1] }}</span></li>
-        <li><span>月度工单量</span><span class="month">{{ data.month }}</span><span>月环比</span><div :class="data.onAMonthlyBasis[0]==='1'?'blueArrows':'yellowArrows'"></div><span :class="data.onAMonthlyBasis[0]==='1'?'increase':'lower'">{{ data.onAMonthlyBasis[1] }}</span></li>
-        <li><span>年度工单量</span><span class="year">{{ data.year }}</span><span>同比</span><div :class="data.yoy[0]==='1'?'blueArrows':'yellowArrows'"></div><span :class="data.yoy[0]==='1'?'increase':'lower'">{{ data.yoy[1] }}</span></li>
+        <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>
       </ul>
     </div>
   </div>
@@ -20,11 +20,13 @@
 
 <script>
 import {HttpResetClass} from "vue-client";
+import * as Util from '../../../util'
 
 export default {
   name: "PercentageComplete",
   data(){
     return{
+      f_orgid: '',
       data:{
         //待处理
         pendingNum:'29',
@@ -40,27 +42,58 @@ export default {
         year:'145784',
         //日环比、月环比、同比第一个参数，0为降，1为增长
         //日环比
-        daysFrom:['0','44.18%'],
+        daysFrom:['0','44.18'],
         //月环比
-        onAMonthlyBasis:['1','71.12%'],
+        onAMonthlyBasis:['1','71.12'],
         //同比
-        yoy:['1','95.07%'],
+        yoy:['1','95.07'],
 
 
       }
     }
   },
+  props:['filialeId'],
   methods:{
-    getInitData(){
+    //获取昨日工单
+    getDay(){
       let http = new HttpResetClass()
-      http.load('post','rs/sql/getCallSumData',{}).then((res)=>{
+      http.load('post','rs/logic/Dayworkorderstatistics',{
+        data: {
+          month_start: Util.toStandardDateString(), // 开始时间
+          month_end: Util.toStandardDateString(), // 结束时间
+          f_orgid: this.filialeId?this.filialeId:this.$login.f.orgid // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
         console.log(res.data)
+        this.day = res.data.daysum
       })
-    }
+    },
+    //获取月工单
+    getMonth(){
+      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
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log(res.data)
+        this.month = res.data.monthsum
+      })
+    },
   },
   ready(){
-    // this.getInitData()
-  }
+    this.getDay()
+    this.getMonth()
+  },
+  watch: {
+    'filialeId'(val){
+      console.log("filialeId>>>=====",val)
+      this.getDay()
+      this.getMonth()
+    }
+  },
 }
 </script>
 

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

@@ -16,7 +16,6 @@ export default {
     }
   },
   ready(){
-    // console.log(this.row)
     this.percentageCompleteEchart()
   },
   mounted(){
@@ -41,7 +40,7 @@ export default {
           type: 'pie',
           radius: ['58%', '45%'],
           silent: true,
-          clockwise: true,
+          clockwise: false,
           startAngle: 90,
           z: 0,
           zlevel: 0,

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

@@ -88,12 +88,12 @@
     </div>
     <div>
       <i class="await"></i>
-      <span class="await-text">等待接听</span>
+      <span class="await-text">闲置</span>
       <span class="await-num">{{ data.awaitNum }}</span>
     </div>
     <div>
       <i class="ring"></i>
-      <span class="ring-text">振铃</span>
+      <span class="ring-text">响铃中</span>
       <span class="ring-num">{{ data.ringNum }}</span>
     </div>
     <div>
@@ -325,7 +325,7 @@ export default {
   color: #FFCD00;
   position: absolute;
   top: 1.204vh;
-  left: 19.271vw;
+  left: 17.271vw;
 }
 
 .ring{
@@ -337,12 +337,12 @@ export default {
   background-size: contain;
   position: absolute;
   top: 1.389vh;
-  left: 22.396vw;
+  left: 21vw;
 }
 .ring-text{
   position: absolute;
   top: 1.852vh;
-  left: 25.78125vw;
+  left: 24vw;
 }
 .ring-num{
   font-size: 2.593vh;

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

@@ -77,7 +77,7 @@ export default {
       default:[
         {
           date: '',
-          duration:'',
+          // duration:'',
           name:'',
           orderType:'',
           address:'',
@@ -96,12 +96,10 @@ export default {
   font-size: 2.5vh;
   display: flex;
   height: 5.093vh;
-  flex-direction: row;
   align-items: center;
   position: relative;
   margin-top: 2.407vh;
   text-align: center;
-  justify-content: space-evenly;
   //div:nth-of-type(1){width: 25%;}
   //div:nth-of-type(2){width: 8%;}
   //div:nth-of-type(3){width: 15%;}
@@ -109,6 +107,13 @@ export default {
   //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}
 }
 
 .userinfo-data {
@@ -126,36 +131,36 @@ export default {
   line-height: 41px;
   justify-content: space-evenly;
 
-  //div:nth-of-type(1){
-  //  width: 230px;
-  //}
+  div:nth-of-type(1){
+    width: 230px;
+  }
   //div:nth-of-type(2){
   //  width: 70px;
   //}
-  //div:nth-of-type(3){
-  //  width: 100px;
-  //}
-  //div:nth-of-type(4){
-  //  width: 22px;
-  //}
-  //div:nth-of-type(5){
-  //  height: 100%;
-  //  width: 266px;
-  //  //text-align: center;
-  //  margin-left: 40px;
-  //  div{
-  //    overflow: hidden;
-  //    text-overflow: ellipsis;
-  //    white-space: nowrap;
-  //  }
-  //}
-  //div:nth-of-type(6){
-  //  width: 90px;
-  //}
-  //div:nth-of-type(7){
-  //  width: 66px;
-  //  color: #F7DB35;
-  //}
+  div:nth-of-type(2){
+    width: 100px;
+  }
+  div:nth-of-type(3){
+    width: 22px;
+  }
+  div:nth-of-type(4){
+    height: 100%;
+    width: 266px;
+    //text-align: center;
+    margin-left: 40px;
+    div{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  div:nth-of-type(5){
+    width: 90px;
+  }
+  div:nth-of-type(6){
+    width: 66px;
+    color: #F7DB35;
+  }
 }
 
 </style>

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

@@ -7,13 +7,13 @@
         </tr>
       </thead>
 <!--      显示不出来-->
-<!--      <tbody class="swiper-container">-->
-<!--        <template class="swiper-wrapper">-->
-<!--          <tr class="swiper-slide" v-for="item in noticeList">-->
-<!--            <td v-for="value in item">{{value}}</td>-->
-<!--          </tr>-->
-<!--        </template>-->
-<!--      </tbody>-->
+      <tbody class="swiper-container">
+        <template class="swiper-wrapper">
+          <tr class="swiper-slide" v-for="item in noticeList">
+            <td v-for="value in item">{{value}}</td>
+          </tr>
+        </template>
+      </tbody>
 <!--      格式不对-->
 <!--      <tbody class="swiper-container">-->
 <!--        <tr class="swiper-wrapper">-->
@@ -23,11 +23,11 @@
 <!--        </tr>-->
 <!--      </tbody>-->
 <!--      动不了的-->
-      <tbody class="swiper-container">
-        <tr class="swiper-slide" v-for="item in noticeList">
-          <td v-for="value in item">{{value}}</td>
-        </tr>
-      </tbody>
+<!--      <tbody class="swiper-container">-->
+<!--        <tr class="swiper-slide" v-for="item in noticeList">-->
+<!--          <td v-for="value in item">{{value}}</td>-->
+<!--        </tr>-->
+<!--      </tbody>-->
     </table>
   </div>
 </template>
@@ -58,26 +58,9 @@ export default {
           });
         })
       },
-      // addScroll() {
-      //   let tBody = document.getElementsByClassName('zyl-tBody');
-      //   if (tBody) {
-      //     tBody.addEventListener('scroll', this.handleScroll);
-      //   }
-      //
-      // }
 
     }
   },
-  // ready(){
-  //   this.show1()
-  // },
-  // methods:{
-  //   show1(){
-  //     let temp = document.getElementsByTagName("template");
-  //     let clon = temp.content.cloneNode(true);
-  //     document.body.appendChild(clon);
-  //   }
-  // },
   props:{
     rowSpeed:{
       /* 行数 row 速度 speed */
@@ -96,9 +79,61 @@ export default {
     noticeList:{
       type:Array,
       default:[
-        {
-        },
-      ]
+  {
+    date: "2022-09-01 10:25:06",
+    duration:'2min',
+    name:'赵王莉1',
+    orderType:'报修',
+    address:'建设小区21号112室',
+    receptionist:'候倩楠',
+    state:'接听'
+  },
+  {
+    date: "2022-09-01 10:25:06",
+    duration:'2min',
+    name:'林妹妹1',
+    orderType:'报修',
+    address:'建设小区21号112室',
+    receptionist:'候倩楠',
+    state:'接听'
+  },
+  {
+    date: "2022-09-01 10:25:06",
+    duration:'2min',
+    name:'赵王莉2',
+    orderType:'报修',
+    address:'建设小区21号112室',
+    receptionist:'候倩楠',
+    state:'接听'
+  },
+  {
+    date: "2022-09-01 10:25:06",
+    duration:'2min',
+    name:'林妹妹2',
+    orderType:'报修',
+    address:'建设小区21号112室',
+    receptionist:'候倩楠',
+    state:'接听'
+  },
+  {
+    date: "2022-09-01 10:25:06",
+    duration:'2min',
+    name:'赵王莉3',
+    orderType:'报修',
+    address:'建设小区21号112室',
+    receptionist:'候倩楠',
+    state:'接听'
+  },
+  {
+    date: "2022-09-01 10:25:06",
+    duration:'2min',
+    name:'林妹妹3',
+    orderType:'报修',
+    address:'建设小区21号112室',
+    receptionist:'候倩楠',
+    state:'接听'
+  },
+],
     }
   }
 }
@@ -115,9 +150,7 @@ export default {
   /*flex-direction: row;*/
   /*align-items: center;*/
   position: relative;
-  /*margin-top: 2.407vh;*/
   text-align: center;
-  /*justify-content: space-evenly;*/
 }
 
 .userinfo-data {

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

@@ -70,7 +70,7 @@ export default {
 
 <style scoped>
 .time {
-  width: 16.625vw;
+  width: 17.625vw;
   height: 5.222vh;
   position: absolute;
   top: -1.389vh;
@@ -88,7 +88,7 @@ export default {
   line-height: 8.796vh;
 }
 .timeYMD {
-  width: 8.49vw;
+  width: 10vw;
   height: 5.574vh;
   font-size: 1.667vh;
   font-weight: 400;