manage-client 3.2.262 → 3.2.264

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

@@ -0,0 +1,100 @@
+<template>
+  <div class="time">
+    <div class="timeHMS">{{ hourMinuteSecond }}</div>
+    <div class="timeYMD">{{ yearMonthDay }}</div>
+<!--    <div class="timeWeek">{{ week }}</div>-->
+
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from "vue-client";
+import '../../../../static/fonts/font.css'
+
+export default {
+  name: "Time",
+  data(){
+    return{
+      nextTime:"",
+      hourMinuteSecond:"",
+      yearMonthDay:"",
+      week:"",
+    }
+  },
+  ready(){
+    this.showTime()
+    // this.getInitData()
+  },
+  methods:{
+    getInitData(){
+      let http = new HttpResetClass()
+      http.load('post','rs/sql/getCallSumData',{}).then((res)=>{
+        console.log("===========",res.data)
+        // this.data = res.data[0]
+      })
+    },
+    showTime() {
+      this.interval = setInterval(() => {
+        //開始运行
+        this.nextTime = ''
+        let dt = new Date();
+        let weekList=new Array('日','一','二','三','四','五','六',);
+        let y = dt.getFullYear();
+        let mt = dt.getMonth() + 1;
+        let day = dt.getDate();
+        let h = dt.getHours(); //获取时
+        let m = dt.getMinutes(); //获取分
+        let s = dt.getSeconds(); //获取秒
+        let week=dt.getDay();
+        let weekStr=weekList[week];
+        //时分秒<10前面拼接0
+        h = this.check(h);
+        m = this.check(m);
+        s = this.check(s);
+        // this.nextTime = h + ":" + m + ":" + s + "   " + y + "/" + mt + "/" + day + "星期"+ weekStr;
+        this.hourMinuteSecond = h + ":" + m + ":" + s;
+        this.yearMonthDay = y + "-" + mt + "-" + day+"星期"+ weekStr;
+        // this.week="星期"+ weekStr;
+
+      }, 1000); //设定定时器，循环运行
+    },
+    //检查时分秒如果<10前面拼接0
+    check(i){
+      let num;
+      i<10?num="0"+i:num=i;
+      return num;
+    },
+  }
+}
+</script>
+
+<style scoped>
+.time {
+  width: 17.625vw;
+  height: 5.222vh;
+  position: absolute;
+  top: -1.389vh;
+  right: 0.365vw;
+  display: flex;
+  font-family: alhy;
+  justify-content: space-around;
+}
+.timeHMS{
+  width: 6vw;
+  height: 5.037vh;
+  font-size: 2.315vh;
+  font-weight: 400;
+  color: #C3DEFF;
+  line-height: 8.796vh;
+}
+.timeYMD {
+  width: 10vw;
+  height: 5.574vh;
+  font-size: 1.667vh;
+  font-weight: 400;
+  color: #C3DEFF;
+  line-height: 8.796vh;
+  opacity: 0.7;
+}
+.timeWeek{}
+</style>

package/src/filiale/ningjin/CallReport/Userinfo.vue

@@ -0,0 +1,69 @@
+<template>
+  <!-- 用户信息 -->
+  <div class="userinfo">
+    <swiper-tools :notice-list="noticeList" :title-list="titleList"></swiper-tools>
+  </div>
+</template>
+
+<script>
+import SwiperTools from "./SwiperTools"
+import {HttpResetClass} from "vue-client";
+export default {
+  name: "Userinfo",
+  components:{
+    SwiperTools
+  },
+  data(){
+    return{
+      noticeList:[],
+      titleList:{
+        date: '派单时间',
+        name:'用户姓名',
+        orderType:'工单类型',
+        address:'用户地址',
+        receptionist:'话务员',
+        state:'工单状态'
+      }
+    }
+  },
+  props:['filialeId'],
+  methods:{
+    getworkuser(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/Workorderinformation',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((ress)=>{
+        console.log("getworkuser"+JSON.stringify(ress.data))
+        this.noticeList = ress.data.data
+        console.log("this.noticeList"+JSON.stringify(this.noticeList))
+      })
+    }
+  },
+  ready(){
+    this.getworkuser()
+    setInterval(() => {
+      this.getworkuser()
+    }, 300000)
+  },
+  watch: {
+    'filialeId'(val){
+      console.log("filialeId>>>=====",val)
+      this.getworkuser()
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.userinfo {
+  width: 71.40625vw;
+  height: 28.426vh;
+  background: rgba(255, 255, 255, .04);
+  position: absolute;
+  right: 1.09375vw;
+  bottom: 3.889vh;
+  padding: 0 1vw;
+}
+</style>

package/src/filiale/ningjin/CallReport/WeatherData.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="weather">
+    <div id="scan" class="weather-icon"></div>
+    <span class="weather-text">
+      {{weatherList.wea}}&nbsp;{{weatherList.tem_night}}℃~{{weatherList.tem_day}}℃&nbsp;&nbsp;风速:{{weatherList.win_meter}}
+     &nbsp;风向:{{weatherList.win}}
+    </span>
+  </div>
+</template>
+
+<script>
+import axios from "axios";
+export default {
+  name: "WeatherData",
+  data(){
+    return{
+      cityid: '',
+      weatherList: {},
+    }
+  },
+  props:['filiale'],
+  ready(){
+    this.serchWeather()
+    setInterval(() => {
+      this.serchWeather()
+    }, 28800000)
+    console.log("ssss"+JSON.stringify(this.filiale))
+
+  },
+  methods: {
+    serchWeather(){
+      // 调用天气接口
+      axios.get('https://www.tianqiapi.com/free/day?appid=85841439&appsecret=EKCDLT4I&cityid=' + this.cityid)
+        .then((response) => {
+          console.log("天气"+JSON.stringify(response.data))
+          this.weatherList = response.data
+          console.log("22222"+JSON.stringify(this.weatherList))
+        })
+    }
+  },
+
+  watch: {
+    'weatherList.wea':{
+      handler(val){
+        if(val=='多云'||val=='阴转多云'){
+          document.getElementById('scan').style.backgroundImage = 'url("../../../../static/images/zhongyi/cloudy.png")'
+        }if(val=='晴'){
+          document.getElementById('scan').style.backgroundImage = 'url("../../../../static/images/zhongyi/天气-晴.png")'
+        }if(val=='霾'){
+          document.getElementById('scan').style.backgroundImage = 'url("../../../../static/images/zhongyi/雾.png")'
+        }if(val=='暴雨'){
+          document.getElementById('scan').style.backgroundImage = 'url("../../../../static/images/zhongyi/暴雨到大暴雨.png")'
+        }
+        this.serchWeather()
+        console.log('f_orgname==>',val)
+      },
+      immediate: true
+    },
+    'filiale': {
+      handler(val){
+        if(val=='山东彤运天燃气有限公司'||val=='临邑中邑燃气有限公司'){
+          this.cityid=101120401
+        }if(val=='夏津中邑燃气有限公司'){
+          this.cityid=101120410
+        }if(val=='庆云浩通天燃气有限公司'){
+          this.cityid=101120407
+        }if(val=='山东中邑燃气有限公司'){
+          this.cityid=101120409
+        }
+        this.serchWeather()
+        console.log('f_orgname==>',val)
+      },
+      immediate: true
+    }
+
+  }
+}
+</script>
+
+<style scoped>
+.weather {
+  width: 24.021vw;
+  height: 2.222vh;
+  position: absolute;
+  top: 0.926vh;
+  left: 1.604vw;
+  display: flex;
+}
+
+.weather-icon {
+  width: 1.667vw;
+  height: 2.037vh;
+  background-image: url("../../../../static/images/zhongyi/cloudy.png");
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-size: contain;
+  margin-top: 0.278vh;
+
+}
+
+.weather-text {
+  font-family: alhy;
+  font-size: 1.9vh;
+  font-weight: 400;
+  color: #C3DEFF;
+  line-height: 3.333vh;
+}
+</style>

package/src/filiale/ningjin/CallReport/WorkOrderPage.vue

@@ -0,0 +1,260 @@
+<template>
+  <!-- 工单模块 -->
+  <div class="left-1">
+    <p><i class="workOrder"></i><span>今日工单统计</span></p>
+    <i class="blueLine"></i>
+    <i class="blueLine blueLine2"></i>
+    <ul>
+      <li><span>工单量</span><span class="orderQuantity">{{ data.orderQuantity }}</span></li>
+      <li><span>在线处理</span><span class="onLineProcessing">{{ data.onLineProcessing }}</span></li>
+      <li><span>派单量</span><span class="sendOrders">{{ data.sendOrders }}</span></li>
+      <li><span>电话派单量</span><span class="orderByTelephone">{{ data.orderByTelephone }}</span></li>
+      <li><span>微信客服派单量</span><span class="orderByWechat">{{ data.orderByWechat }}</span></li>
+    </ul>
+  </div>
+</template>
+
+
+<script>
+import {HttpResetClass} from "vue-client";
+import * as Util from '../../../util'
+
+export default {
+  name: "WorkOrderPage",
+  data(){
+    return{
+      data:{
+        orderQuantity:'',
+        onLineProcessing:'',
+        sendOrders:'',
+        orderByTelephone:'',
+        orderByWechat:'',
+        orderByNetHall:'',
+      },
+    }
+  },
+  props:['filialeId'],
+  methods:{
+    //获取所有工单数量
+    getOrderQuantity(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/TelenumberWorkorders',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        // console.log('获取所有工单数量TelenumberWorkorders',res.data.data[0].wordercont)
+        console.log("所有工单数量"+JSON.stringify(res.data))
+        this.data.orderQuantity = res.data.data[0].wordercont||0
+      })
+    },
+    //获取在线处理
+    getOnLineProcessing(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/Directlyprocessedworkorder',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log("获取在线处理"+JSON.stringify(res.data))
+        this.data.onLineProcessing = res.data.data[0].zaixian||0
+      })
+    },
+    //获取所有下派工单
+    getSendOrders(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/Quantityworkorder',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log("下派工单"+JSON.stringify(res.data))
+        if (res.data.data.length > 0){
+          this.data.sendOrders = res.data.data[0].handlingsum||0
+        }else {
+          this.data.sendOrders=0
+        }
+      })
+    },
+    //获取电话派单量
+    getOrderByTelephone(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/QuantityworkorderNoWeixin',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log("电话派单量"+JSON.stringify(res.data))
+        this.data.orderByTelephone = res.data.data[0].noweixinsums||0
+      })
+    },
+    //获取微信客服派单量
+    getOrderByWechat(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/QuantityworkorderWeixin',{
+        data: {
+          f_orgid: this.filialeId?this.filialeId:23145 // 分公司id
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((res)=>{
+        console.log("微信客服派单量"+JSON.stringify(res.data))
+        this.data.orderByWechat = res.data.data[0].weixinsums||0
+      })
+    },
+  },
+  ready(){
+    this.getOrderQuantity()
+    this.getOnLineProcessing()
+    this.getSendOrders()
+    this.getOrderByTelephone()
+    this.getOrderByWechat()
+    setInterval(() => {
+      this.getOrderQuantity()
+      this.getOnLineProcessing()
+      this.getSendOrders()
+      this.getOrderByTelephone()
+      this.getOrderByWechat()
+    }, 5000*60)
+  },
+  computed:{
+
+  },
+  watch: {
+    'filialeId'(val){
+      this.getOrderQuantity()
+      this.getOnLineProcessing()
+      this.getSendOrders()
+      this.getOrderByTelephone()
+      this.getOrderByWechat()
+    }
+  },
+}
+</script>
+
+<style scoped>
+/* 工单组件样式 */
+.left-1 {
+  width: 23.984375vw;
+  height: 39.815vh;
+  position: relative;
+  top: 6.667vw;
+  left: 1.354vw;
+  background: #0f136c;
+}
+.left-1 p {
+  height: 8.333vh;
+}
+.workOrder {
+  width: 1.51vw;
+  height: 2.778vh;
+  background-image: url("../../../../static/images/zhongyi/workOrder.png");
+  position: absolute;
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-size: cover;
+  top: 2.5vh;
+  left: 1.458vw;
+}
+.blueLine {
+  width: 22.8125vw;
+  height: 0.093vh;
+  background-image: url("../../../../static/images/zhongyi/blueLine.png");
+  position: absolute;
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-size: cover;
+  top: 6.667vh;
+  left: 0.573vw;
+}
+.blueLine2 {
+  top: 6.759vh;
+}
+.left-1 p span {
+  font-size: 2.5vh;
+  color: #fff;
+  position: relative;
+  top: 2.222vh;
+  left: 3.59375vw;
+}
+.left-1 li {
+  list-style: none;
+  width: 22.76vw;
+  height: 4.722vh;
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-size: cover;
+  position: relative;
+  border: 0.093vh dashed #fff;
+  left: 1.09375vw;
+}
+.left-1 li:nth-of-type(1) {
+  background-image: url("../../../../static/images/zhongyi/telephone2.png");
+}
+.left-1 li:nth-of-type(2) {
+  background-image: url("../../../../static/images/zhongyi/phone3.png");
+}
+.left-1 li:nth-of-type(3) {
+  background-image: url("../../../../static/images/zhongyi/phone4.png");
+}
+.left-1 li:nth-of-type(4) {
+  top: 0.926vh;
+  background-image: url("../../../../static/images/zhongyi/phone5.png");
+}
+.left-1 li:nth-of-type(5) {
+  top: 0.833vh;
+  background-image: url("../../../../static/images/zhongyi/weChat.png");
+}
+.left-1 li:nth-of-type(6) {
+  top: 0.926vh;
+  background-image: url("../../../../static/images/zhongyi/netHall.png");
+}
+.left-1 li span:nth-of-type(1) {
+  font-size: 2.037vh;
+  color: #fff;
+  position: relative;
+  top: 1.019vh;
+  left: 3.385vw;
+}
+.left-1 li span:nth-of-type(2) {
+  position: absolute;
+  top: 0.648vh;
+  left: 16.5625vw;
+}
+
+.orderQuantity {
+  color: #FFCD00;
+  font-size: 2.963vh;
+  font-weight: bold;
+}
+
+.onLineProcessing {
+  font-size: 2.963vh;
+  font-weight: bold;
+  color: #FF7E00;
+}
+
+.sendOrders {
+  font-size: 2.963vh;
+  font-weight: bold;
+  color: #00FFEA;
+}
+
+.orderByTelephone {
+  font-size: 2.315vh;
+  font-weight: bold;
+  color: #FFCB0D;
+}
+
+.orderByWechat {
+  font-size: 2.315vh;
+  font-weight: bold;
+  color: #FF7E00;
+}
+
+.orderByNetHall {
+  font-size: 2.315vh;
+  font-weight: bold;
+  color: #00FFEA;
+}
+
+/* 工单模块样式结束 */
+</style>