manage-client 3.2.145 → 3.2.148

package/src/filiale/zhongyi/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: 16.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: 8.49vw;
+  height: 5.574vh;
+  font-size: 1.667vh;
+  font-weight: 400;
+  color: #C3DEFF;
+  line-height: 8.796vh;
+  opacity: 0.7;
+}
+.timeWeek{}
+</style>

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

@@ -0,0 +1,97 @@
+<template>
+  <!-- 用户信息 -->
+  <div class="userinfo">
+    <swiper-tools :notice-list="noticeList" :title-list="titleList"></swiper-tools>
+  </div>
+</template>
+
+<script>
+import SwiperTools from "./SwiperTools2"
+export default {
+
+  name: "Userinfo",
+  components:{
+    SwiperTools
+  },
+  data(){
+    return{
+      noticeList:[
+        {
+          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:'接听'
+        },
+      ],
+      titleList:{
+        date: '时间',
+        duration: '来电时长',
+        name:'用户姓名',
+        orderType:'工单类型',
+        address:'用户地址',
+        receptionist:'接待员',
+        state:'状态'
+      }
+    }
+  },
+}
+</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;
+}
+</style>

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

@@ -0,0 +1,44 @@
+<template>
+  <div class="weather">
+    <div class="weather-icon"></div>
+    <span class="weather-text">
+      多云12℃ — 22℃
+    </span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "WeatherData"
+}
+</script>
+
+<style scoped>
+.weather {
+  width: 13.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: 2.315vh;
+  font-weight: 400;
+  color: #C3DEFF;
+  line-height: 3.333vh;
+}
+</style>

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

@@ -0,0 +1,181 @@
+<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>
+      <li><span>网厅预约派单量</span><span class="orderByNetHall">{{ data.orderByNetHall }}</span></li>
+    </ul>
+  </div>
+</template>
+
+
+<script>
+import {HttpResetClass} from "vue-client";
+
+export default {
+  name: "WorkOrderPage",
+  data(){
+    return{
+      data:{
+        orderQuantity:'8740',
+        onLineProcessing:'5487',
+        sendOrders:'8740',
+        orderByTelephone:'8740',
+        orderByWechat:'5487',
+        orderByNetHall:'4723',
+
+
+      }
+    }
+  },
+  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()
+  }
+}
+</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/weChat.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>

package/src/filiale/zhongyi/sale.js

@@ -2,9 +2,42 @@
 let specialComp = {
   // 物联网表用气量统计表
   'use-gas-statistics': (resolve) => { require(['./GasStatistics'], resolve) },
+
+  // 物联网表用气量统计表
+  'call-report-main-page': (resolve) => { require(['./CallReport/CallReportMainPage'], resolve) },
+  // // 物联网表用气量统计表
+  // 'call-report-main-page': (resolve) => { require(['./CallReport/CallReportMainPage'], resolve) },
+  // // 物联网表用气量统计表
+  // 'call-report-main-page': (resolve) => { require(['./CallReport/CallReportMainPage'], resolve) },
   // 异常汇总分析
-  'meter-exception-list': (resolve) => { require(['./MeterExceptionList'], resolve) }
+  'meter-exception-list': (resolve) => { require(['./MeterExceptionList'], resolve) },
+
+  //天气
+  'weather-data': (resolve) => { require(['./CallReport/WeatherData'], resolve) },
+  //时间
+  'time': (resolve) => { require(['./CallReport/Time'], resolve) },
+
+  //工单统计
+  'work-order-page':(resolve) => { require(['./CallReport/WorkOrderPage'], resolve) },
+
+  //完成率
+  'percentage-complete':(resolve) => { require(['./CallReport/PercentageComplete'], resolve) },
+
+  'percentage-complete-echart':(resolve) => { require(['./CallReport/PercentageCompleteEchart'], resolve) },
+  //用户信息
+  'userinfo':(resolve) => { require(['./CallReport/Userinfo'], resolve) },
+
+  //来电统计
+  'incoming-telegram':(resolve) => { require(['./CallReport/IncomingTelegram'], resolve) },
+  //echart图1
+  'rate-top':(resolve) => { require(['./CallReport/RateTop'], resolve) },
+  //echart图2
+  'rate-bottom':(resolve) => { require(['./CallReport/RateBottom'], resolve) },
+
+  //客服状态
+  'service-status':(resolve) => { require(['./CallReport/ServiceStatus'], resolve) },
 
+  //
 }
 exports.specialComp = specialComp
 

package/src/main.js

@@ -1,66 +1,66 @@
-import Vue from 'vue'
-import App from './App'
-import { all } from 'vue-client'
-
-// import { sale } from 'sale-client'
-import { system } from 'system-clients'
-import { ldap } from 'ldap-clients'
-import saleManage from './saleManage'
-import webmeterManage from './webmeterManage'
-import reportManage from './reportManage'
-import newmanage from './newmanage'
-import ManageHome from './ManageHome'
-import echarts from 'echarts'
-import AMap from 'vue-amap'
-
-Vue.config.silent = true
-// Vue.mmType = 'AES'
-
-Vue.use(AMap);
-
-// 初始化vue-amap
-AMap.initAMapApiLoader({
-  // 高德key
-  key: '3cec9ae8e2349207f7ac29279e3f4abe',
-  // 插件集合 （插件按需引入）
-  plugin: [
-    "AMap.Autocomplete", //输入提示插件
-    "AMap.PlaceSearch", //POI搜索插件
-    "AMap.Scale", //右下角缩略图插件 比例尺
-    "AMap.OverView", //地图鹰眼插件
-    "AMap.ToolBar", //地图工具条0
-    "AMap.MapType", //类别切换控件，实现默认图层与卫星图、实施交通图层之间切换的控制
-    "AMap.PolyEditor", //编辑 折线多，边形
-    "AMap.CircleEditor", //圆形编辑器插件
-    "AMap.Geolocation" //定位控件，用来获取和展示用户主机所在的经纬度位置
-  ],
-  uiVersion: "1.0"
-});
-/** **************************通用组件******************************/
-
-Vue.prototype.$echarts = echarts
-all()
-// sale()
-ldap()
-system(false)
-
-saleManage()
-webmeterManage()
-ManageHome()
-newmanage()
-reportManage()
-require('system-clients/src/styles/less/bootstrap.less')
-require('./components/qinhua/Style/qinhuaStyle.less')
-// require('./bootstrap/less/manageStyle/manageChile.less')
-// require('./bootstrap/less/manageStyle/safeStyle.less')
-
-//大屏展示要放开的样式
-// require('system-clients/src/styles/less/manageStyle/manageChile.less')
-// require('system-clients/src/styles/less/manageStyle/safeStyle.less')
-// require('system-clients/src/styles/less/manageStyle/manageStyle.less')
-
-new Vue({
-  el: 'body',
-  components: { App }
-})
-
+import Vue from 'vue'
+import App from './App'
+import { all } from 'vue-client'
+
+// import { sale } from 'sale-client'
+import { system } from 'system-clients'
+import { ldap } from 'ldap-clients'
+import saleManage from './saleManage'
+import webmeterManage from './webmeterManage'
+import reportManage from './reportManage'
+import newmanage from './newmanage'
+import ManageHome from './ManageHome'
+import echarts from 'echarts'
+import AMap from 'vue-amap'
+
+Vue.config.silent = true
+// Vue.mmType = 'AES'
+
+Vue.use(AMap);
+
+// 初始化vue-amap
+AMap.initAMapApiLoader({
+  // 高德key
+  key: '3cec9ae8e2349207f7ac29279e3f4abe',
+  // 插件集合 （插件按需引入）
+  plugin: [
+    "AMap.Autocomplete", //输入提示插件
+    "AMap.PlaceSearch", //POI搜索插件
+    "AMap.Scale", //右下角缩略图插件 比例尺
+    "AMap.OverView", //地图鹰眼插件
+    "AMap.ToolBar", //地图工具条0
+    "AMap.MapType", //类别切换控件，实现默认图层与卫星图、实施交通图层之间切换的控制
+    "AMap.PolyEditor", //编辑 折线多，边形
+    "AMap.CircleEditor", //圆形编辑器插件
+    "AMap.Geolocation" //定位控件，用来获取和展示用户主机所在的经纬度位置
+  ],
+  uiVersion: "1.0"
+});
+/** **************************通用组件******************************/
+
+Vue.prototype.$echarts = echarts
+all()
+// sale()
+ldap()
+system(false)
+
+saleManage("qianneng")
+webmeterManage()
+ManageHome()
+newmanage()
+reportManage()
+require('system-clients/src/styles/less/bootstrap.less')
+require('./components/qinhua/Style/qinhuaStyle.less')
+// require('./bootstrap/less/manageStyle/manageChile.less')
+// require('./bootstrap/less/manageStyle/safeStyle.less')
+
+//大屏展示要放开的样式
+// require('system-clients/src/styles/less/manageStyle/manageChile.less')
+// require('system-clients/src/styles/less/manageStyle/safeStyle.less')
+// require('system-clients/src/styles/less/manageStyle/manageStyle.less')
+
+new Vue({
+  el: 'body',
+  components: { App }
+})
+

package/src/reportManage.js

@@ -81,6 +81,9 @@ export default function (filiale) {
   Vue.component('bank-manager', (resolve) => {
     require(['./components/SellReport/BankManager'], resolve)
   })
+  Vue.component('test', (resolve) => {
+    require(['./components/SellReport/Test'], resolve)
+  })
   // 各管理站气量金额散列图
   Vue.component('site-manager', (resolve) => {
     require(['./components/SellReport/SiteManager'], resolve)
@@ -609,6 +612,7 @@ export default function (filiale) {
   Vue.component('card-applys-gas', (resolve) => {
     require(['./components/SellReport/Cardapplysgas'], resolve)
   })
+
   if (filiale) {
     let filialeComp = require(`./filiale/${filiale}/reportManage`).specialComp
     Vue.filialeInfo = Vue.prototype.$filialeInfo = filiale

package/static/fonts/font.css

@@ -0,0 +1,6 @@
+@font-face {
+  font-family: "alhy";
+  src: url('阿里汉仪智能黑体.TTF') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}