manage-client 3.2.263 → 3.2.265

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

@@ -0,0 +1,145 @@
+<template>
+  <div class="title-area">
+    <div v-for="value in titleList">{{ value }}</div>
+  </div>
+  <div class="userinfo-data">
+    <div class="swiper-container">
+      <div class="swiper-wrapper">
+        <div class="swiper-slide" v-for="item in noticeList">
+          <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>
+  </div>
+</template>
+
+<script>
+import Swiper from "swiper"
+import 'swiper/css/swiper.min.css'
+export default {
+  name: "SwiperSlide",
+  watch:{
+    noticeList: {
+      immediate: true,
+      deep:true,//深度监听,也是看情况使用
+      handler() {
+        this.$nextTick(()=>{
+          new Swiper ('.swiper-container', {
+            slidesPerView : this.rowSpeed.row,
+            speed:this.rowSpeed.speed*1000,
+            //垂直播放
+            direction: 'vertical',
+            autoplay: {
+              delay: 0,
+              stopOnLastSlide: false,
+              disableOnInteraction: true,
+              // waitForTransition: false,
+            },
+            loop: true // 循环模式选项
+          });
+        })
+      },
+    }
+  },
+  props:{
+    rowSpeed:{
+      /* 行数 row 速度 speed */
+      type:Object,
+      default: {
+        row:6,
+        speed:3
+      }
+    },
+    titleList:{
+      type:Object,
+      default:{
+      }
+    }
+    ,
+    noticeList:{
+      type:Array,
+      default:[
+        {
+          f_created_date: '',
+          f_user_name:'',
+          f_workorder_type:'',
+          f_address:'',
+          f_single_man:'',
+          f_handlings:''
+        },
+      ]
+    }
+  },
+  ready(){
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.title-area {
+  color: #00D2FF;
+  font-size: 2.5vh;
+  display: flex;
+  height: 5.093vh;
+  align-items: center;
+  position: relative;
+  margin-top: 2.407vh;
+  text-align: center;
+  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;
+  pointer-events: none;
+}
+.swiper-slide{
+  display: flex;
+  color: #ffffff;
+  font-size: 22px;
+  line-height: 41px;
+
+  div:nth-of-type(1){
+    width: 260px;
+    text-align: center;
+  }
+  div:nth-of-type(2){
+    width: 180px;
+    text-align: center;
+  }
+  div:nth-of-type(3){
+    width: 170px;
+    text-align: center;
+  }
+  div:nth-of-type(4){
+    height: 100%;
+    width: 400px;
+    text-align: center;
+    div{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+  div:nth-of-type(5){
+    width: 150px;
+    text-align: center;
+  }
+  div:nth-of-type(6){
+    width: 150px;
+    color: #F7DB35;
+    text-align: center;
+  }
+}
+
+</style>

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

@@ -0,0 +1,176 @@
+<template>
+  <div>
+    <table style="width: 100%">
+      <thead>
+        <tr class="title-area" >
+          <td v-for="value in titleList">{{ value }}</td>
+        </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">-->
+<!--        <tr class="swiper-wrapper">-->
+<!--          <td class="swiper-slide" v-for="item in noticeList">-->
+<!--            <span v-for="value in item">{{value}}</span>-->
+<!--          </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>
+
+<script>
+import Swiper from "swiper";
+import 'swiper/css/swiper.min.css'
+export default {
+  name: "SwiperTools2",
+  watch:{
+    noticeList: {
+      immediate: true,
+      deep:true,//深度监听,也是看情况使用
+      handler() {
+        this.$nextTick(()=>{
+          new Swiper ('.swiper-container', {
+            slidesPerView : this.rowSpeed.row,
+            speed:this.rowSpeed.speed*1000,
+            //垂直播放
+            direction: 'vertical',
+            autoplay: {
+              delay: 0,
+              stopOnLastSlide: false,
+              disableOnInteraction: true,
+              // waitForTransition: false,
+            },
+            loop: true // 循环模式选项
+          });
+        })
+      },
+
+    }
+  },
+  props:{
+    rowSpeed:{
+      /* 行数 row 速度 speed */
+      type:Object,
+      default: {
+        row:5,
+        speed:3
+      }
+    },
+    titleList:{
+      type:Object,
+      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:'接听'
+  },
+],
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.title-area {
+  width: 100%;
+  height: 100%;
+  color: #00D2FF;
+  font-size: 2.5vh;
+  /*display: flex;*/
+  /*height: 5.093vh;*/
+  /*flex-direction: row;*/
+  /*align-items: center;*/
+  position: relative;
+  text-align: center;
+}
+
+.userinfo-data {
+  width: 100%;
+  height: 100%;
+  /*position: absolute;*/
+  /*top: 8.148vh;*/
+  /*left: 0.521vw;*/
+  /*width: 71.354vw;*/
+  //pointer-events: none;
+}
+.swiper-slide {
+  /*display: flex;*/
+  width: 100%;
+  color: #ffffff;
+  font-size: 22px;
+  line-height: 41px;
+  text-align: center;
+  /*justify-content: space-evenly;*/
+  height: 20%;
+}
+
+</style>

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>