manage-client 3.2.263 → 3.2.265

package/src/filiale/kelai/sale.js

@@ -3,6 +3,7 @@ import Vue from 'vue'
 export default function () {
   // 用户查询
   Vue.component('user-query', (resolve) => { require(['./UserQuery'], resolve) })
-  // 收费查询
   Vue.component('area-charge-query', (resolve) => { require(['./AreaChargeQuery'], resolve) })
+  // 收费查询
+  Vue.component('charge-query', (resolve) => { require(['./ChargeQuery'], resolve) })
 }

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

@@ -0,0 +1,146 @@
+<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 :filiale.sync="f_orgname" ></weather-data>
+    <time></time>
+    <div class="content-header">{{ f_orgname }}</div>
+    <div class="inform" v-if="false"><span><i></i>{{ data.inform }}</span></div>
+    <!--工单模块-->
+    <work-order-page :filiale-id.sync="filiale"></work-order-page>
+    <!--完成率模块-->
+    <percentage-complete :filiale-id.sync="filiale" @wanchenglv="wanchenglvs" ></percentage-complete>
+    <!--echart-->
+    <percentage-complete-echart :wancheng-lv.sync="wanchenglvss" ></percentage-complete-echart>
+    <!--用户模块-->
+    <userinfo :filiale-id.sync="filiale"></userinfo>
+    <!--来电统计模块-->
+    <incoming-telegram></incoming-telegram>
+    <!---->
+<!--    <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: {ServiceStatus,IncomingTelegram,DropDownBox, WeatherData, PercentageComplete,PercentageCompleteEchart, WorkOrderPage,RateTop,RateBottom},
+  title:'CallReportMainPage',
+  data() {
+    return {
+      // model:"初入数据",
+      data:{
+        inform:'2022.3.7号停气',
+      },
+      f_orgname:'',
+      filiale:'',
+      wanchenglvss:'',
+    }
+  },
+  name: "CallReportMainPage",
+  methods:{
+    wanchenglvs(val){
+      console.log("这里是父组件",val)
+      this.wanchenglvss=val
+      console.log("wanchenglvss",this.wanchenglvss)
+    },
+    selectIndex(val){
+      console.log("selectIndex",val)
+      this.filiale=val.value
+      this.f_orgname=val.label
+    }
+    },
+  watch: {
+    'filiale'(val){
+      console.log('toOrgid=====filiale===>',val)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.main-basic{
+  /* margin: 0; */
+  width: 100vw;
+  height: 100vh;
+  background-image: url("../../../../static/images/zhongyi/background.png");
+  background-repeat: no-repeat;
+}
+.content-header {
+  width: 25.333vw;
+  height: 3.519vh;
+  font-size: 2.704vh;
+  color: #fff;
+  position: absolute;
+  top: 1.389vh;
+  left: 42.6vw;
+  line-height: 3.333vh;
+  font-weight: bolder;
+  font-family: '黑体';
+}
+.inform {
+  width: 35.833vw;
+  height: 6.019vh;
+  background-image: url("../../../../static/images/zhongyi/orangebg.png");
+  background-repeat: no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+  position: absolute;
+  top: 11.204vh;
+  left: 31.458vw;
+  text-align: center;
+}
+
+.inform span {
+  font-size: 40px;
+  font-weight: bold;
+  color: #FFFFFF;
+  line-height: 33px;
+  position: relative;
+  top: 1.204vh;
+}
+
+.inform i {
+  width: 2.03125vw;
+  height: 2.87vh;
+  background-image: url("../../../../static/images/zhongyi/trumpet.png");
+  background-repeat: no-repeat;
+  background-position: 0px 0px;
+  background-size: cover;
+  position: absolute;
+  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/ningjin/CallReport/DropDownBox.vue

@@ -0,0 +1,64 @@
+<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>
+
+export default {
+  name: "DropDownBox",
+  data(){
+    return{
+      f_orgstr: '23145',
+      orgstrs:[
+        {label: '夏津中邑燃气有限公司', value: '21131'},
+        {label: '临邑中邑燃气有限公司', value: '21137'},
+        {label: '山东彤运天燃气有限公司', value: '21143'},
+        {label: '庆云浩通天燃气有限公司', value: '21155'},
+        {label: '山东中邑燃气有限公司', value: '23145'}
+      ]
+    }
+  },
+  computed:{
+  },
+  ready(){
+
+  },
+  methods:{
+
+  },
+  watch: {
+    'f_orgstr': {
+      handler(val){
+        for (const orgstr of this.orgstrs) {
+          if (orgstr.value == val){
+            this.$emit('select',orgstr)
+            break
+          }
+        }
+
+      },
+      immediate: true
+    }
+  },
+}
+</script>
+
+<style scoped>
+.drop-down-box{
+  position: absolute;
+  top: 76px;
+}
+</style>

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

@@ -0,0 +1,187 @@
+<template>
+  <!-- 来电模块 -->
+  <div class="incoming-telegram">
+    <p><i></i><span>来电数量统计</span></p>
+    <i></i><i></i>
+    <div class="incoming-telegram-div">
+      <span>{{ data.netAppointment}}</span><br>
+      <span>日统计来电数量</span>
+    </div>
+    <div class="incoming-telegram-div">
+      <span>{{ data.hotLine }}</span><br>
+      <span>月统计来电数量</span>
+    </div>
+<!--    <span class="text1">接通率</span>-->
+<!--    <span class="text2">接通率</span>-->
+<!--    <div class="blueLadder"></div>-->
+<!--    <div class="yellowLadder"></div>-->
+
+
+  </div>
+</template>
+
+<script>
+import echarts from "echarts";
+import {HttpResetClass} from "vue-client";
+export default {
+  name: "IncomingTelegram",
+
+  data(){
+    return{
+      data:{
+        netAppointment:'', //日统计
+        hotLine:'' //月统计
+
+
+      }
+    }
+  },
+  methods:{
+    getrecords(){
+      let http = new HttpResetClass()
+      http.load('post','rs/logic/RecordQuantity',{
+        data: {
+        }
+      },{rejectMsg:null,resolveMsg:null}).then((ress)=>{
+        console.log("完成"+JSON.stringify(ress.data))
+        this.data.netAppointment = ress.data.data.rishuliang||0
+        this.data.hotLine = ress.data.data.yueshuliang||0
+      })
+    }
+  },
+  ready(){
+    this.getrecords()
+    setInterval(() => {
+      this.getrecords()
+    }, 5000*60)
+  }
+
+
+}
+</script>
+
+<style scoped>
+
+/* 来电统计样式 */
+.incoming-telegram {
+  width: 23.4375vw;
+  height: 51.667vh;
+  background: rgba(255, 255, 255, .04);
+  position: absolute;
+  top: 12.315vh;
+  right: 1.198vw;
+}
+
+.incoming-telegram p i {
+  width: 1.458vw;
+  height: 2.593vh;
+  background-image: url('../../../../static/images/zhongyi/chart-2@2x.png');
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: 0 0;
+  position: absolute;
+  top: 2.315vh;
+  left: 1.51vw;
+}
+
+.incoming-telegram i {
+  width: 22.8125vw;
+  height: 0.093vh;
+  background-image: url('../../../../static/images/zhongyi/blueLine.png');
+  background-repeat: no-repeat;
+  background-size: cover;
+  position: absolute;
+  top: 6.852vh;
+  left: 1.09375vw;
+}
+
+.incoming-telegram i:nth-of-type(2) {
+  top: 6.667vh;
+}
+
+.incoming-telegram p span {
+  font-size: 2.5vh;
+  color: #FFFFFF;
+  position: absolute;
+  top: 1.852vh;
+  left: 3.698vw;
+}
+
+
+.incoming-telegram-div {
+  position: absolute;
+  top: 13vh;
+  left: 8.042vw;
+  height: 13.889vh;
+}
+
+.incoming-telegram div:nth-of-type(2) {
+  top: 34.185vh;
+}
+
+.incoming-telegram div span:nth-of-type(1) {
+  font-size: 5vh;
+  font-weight: bold;
+  color: #FFCD00;
+  display: block;
+  text-align: center;
+  margin-bottom: -2.222vh;
+}
+
+.incoming-telegram div:nth-of-type(2) span:nth-of-type(1) {
+  color: #00FFEA;
+}
+
+.incoming-telegram div span:nth-of-type(2) {
+  font-size: 2.037vh;
+  /* font-weight: bold; */
+  color: #FFFEFE;
+}
+
+.rate-top{
+  width: 45%;
+  height: 30% !important;
+  margin: 0.093vh 0.052vw 0.093vh 11.458vw;
+}
+.rate-bottom{
+  width: 45%;
+  height: 30% !important;
+  margin: 22.222vh 0.052vw 0.093vh 11.458vw;
+}
+
+.text1 {
+  font-size: 2.037vh;
+  font-weight: bold;
+  color: #FFFEFE;
+  position: absolute;
+  top: 20.722vh;
+  right: 3.59375vw;
+}
+.text2 {
+  font-size: 2.037vh;
+  font-weight: bold;
+  color: #FFFEFE;
+  position: absolute;
+  top: 42.185vh;
+  right: 3.59375vw;
+}
+.blueLadder{
+  width: 4.948vw;
+  height: 0.37vh;
+  background: url('../../../../static/images/zhongyi/blueLadder.png') no-repeat;
+  background-size: cover;
+  position: absolute;
+  top: 45.556vh;
+  right: 2.76vw;
+}
+.yellowLadder{
+  width: 4.948vw;
+  height: 0.37vh;
+  background: url('../../../../static/images/zhongyi/yellowLadder.png') no-repeat;
+  background-size: cover;
+  position: absolute;
+  top: 24.167vh;
+  right: 2.76vw;
+}
+/* 来电统计样式结束 */
+</style>