#
whycq
2024-10-12 92c9cc0b1b15a08699739db47797345b6abca3c5
Monitor-APP/pages/home/home.vue
@@ -191,8 +191,8 @@
            <view class="button-right" @click="ejected()"></view>
            <!-- 主体 -->
            <view class="info-main">
               <view class="info-box">
                  <y-box>
               <view class="info-box" style="display: flex;">
                  <y-box v-for="item in infoText">
                     <!-- 文本容器 -->
                     <view class="text-content">
                        <!-- head -->
@@ -309,7 +309,7 @@
      <view class="board">
         <uni-transition ref="ani" custom-class="transition" :mode-class="newModeClass" :show="errorBoardShow">
            <view class="error-board">
               <text v-for="item in carInfo">{{item}}</text>
               <text>{{infoText.error}}</text>
            </view>
         </uni-transition>
      </view>
@@ -317,6 +317,13 @@
      <view style="color: #FFF;position: fixed;bottom: 10px;left: 10px;" v-show="timeOut">
         连接超时: {{times}} s
      </view>
      <!-- 版本号 -->
      <!-- #ifdef APP-PLUS -->
      <view class="version">
         当前版本:{{version}}
      </view>
      <!-- #endif -->
   </view>
</template>
<!-- {"msg":"操作成功","code":200,"data":[{"title":"全板出库","workNo":7460,"staNo":110,"sourceStaNo":null,"locNo":null,"sourceLocNo":"0807102","matDtos":[{"matNo":"50460834","maknx":"200x60桌面","count":26.0}],"emptyMk":false,"ioType":101}]} -->
@@ -326,6 +333,7 @@
   export default {
      data() {
         return {
            version: '1231313',
            newModeClass: 'slide-top',
            errorBoardShow: false,
            carInfo: [],
@@ -386,7 +394,7 @@
            error: null,
            infoType: 0,
            text: '',
            infoText: {
            infoText: [{
               title: '自动仓库WCS监控平台',
               title2: '',
               staNo: "",
@@ -403,13 +411,14 @@
               doneOfUnit: '',
               totalOfUnit: '',
               ctnNo: '1'
            },
            }],
            swiperList: [],
            timeOut: false,
            times: 0,
            currDate: '',
            textred: 'textred',
            opts1: {
               fontSize: 8,
               dataLabel: true,
               fontColor: "#ffffff",
               legend: {
@@ -419,6 +428,7 @@
               xAxis: {
                  disableGrid: true,
                  fontColor: "#ffffff",
                  fontSize: 8,
                  axisLineColor: "#ffffff",
               },
               yAxis: {
@@ -427,7 +437,7 @@
               extra: {
                  column: {
                     type: "group",
                     width: 40,
                     width: 30,
                     activeBgColor: "#000000",
                     activeBgOpacity: 0.08,
                     labelPosition: "center"
@@ -439,12 +449,14 @@
                  "#ea7ccc"
               ],
               fontColor: "#ffffff",
               fontSize: 8,
               padding: [15, 15, 0, 5],
               enableScroll: false,
               legend: {},
               xAxis: {
                  disableGrid: true,
                  fontColor: "#ffffff",
                  fontSize: 8,
                  axisLineColor: "#ffffff",
               },
               yAxis: {
@@ -463,30 +475,20 @@
               },
            },
            opts3: {
               fontSize: 8,
               fontColor: "#ffffff",
               xAxis: {
                  fontColor: "#ffffff",
                  fontSize: 8,
               }
            },
            opts4: {
               fontColor: "#ffffff",
               fontSize: 8,
               legend: {
                  show: true,
                  position: "bottom",
                  fontColor: "#FFFFFF",
               },
               title: {
                  name: "",
                  color: "#666666",
                  offsetX: 0,
                  offsetY: 0
               },
               subtitle: {
                  name: "",
                  fontSize: 25,
                  color: "#7cb5ec",
                  offsetX: 0,
                  offsetY: 0
               },
               extra: {
                  pie: {
@@ -516,23 +518,21 @@
         that.baseCrnId = BaseCrnId
         this.getVersion()
         this.getDate2()
         setTimeout(() => {
            this.getShuttle()
            this.getServerData()
            this.initlineChart()
            this.initPieChart()
            this.getOther()
            setTimeout(() => {
               this.getShuttle()
               this.getServerData()
               this.initlineChart()
               this.initPieChart()
               this.getOther()
               setTimeout(() => {
                  this.getShuttle()
                  this.getServerData()
                  this.initlineChart()
                  this.initPieChart()
                  this.getOther()
               }, 3000)
            }, 1000)
            }, 2000)
         }, 1000)
      },
      onLoad() {
@@ -540,12 +540,12 @@
            this.getServerData()
            this.getDate2()
            this.getUrl()
            this.getInfo()
            this.getError()
            this.getCarInfo()
            // this.getInfo()
            // this.getError()
            // this.getCarInfo()
            // this.getCarInfoTest()
            // this.getInfo2()
            // this.getError2()
            this.getInfo2()
            this.getError2()
            this.controller()
         }, 1000)
@@ -559,8 +559,22 @@
            this.initPieChart()
            this.getOther()
         }, 600000)
         // #ifdef APP-PLUS
            setTimeout(()=>{
               plus.runtime.restart()
            },28800000)
         // #endif
      },
      methods: {
         getVersion() {
            let that = this
            plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
               that.version = wgtinfo.version //客户端版本号
            })
         },
         getShuttleTest() {
            let res = ycqdata.infoData2.data
            this.shuttleInfoModel(res)
@@ -676,22 +690,12 @@
            let that = this
            let result = ycqdata.dataError2
            var res = result.data
            if (res.data && res.data !== "") {
               var errorInfo = res.data
               if (that.infoType == 1) {
                  that.infoType = 3
                  that.infoText.title = "异常"
                  that.infoText.error = errorInfo
                  return
               }
               that.infoType = 2
               that.infoText.title = "异常"
               that.infoText.error = errorInfo
            if (res.code == 200 && res.data != '') {
               that.infoText.title = "其他信息"
               that.infoText.error = res.data
               this.errorBoardShow = true
            } else {
               if (that.infoType == 1) {
                  return
               }
               that.infoType = 0
               this.errorBoardShow = false
            }
         },
         getInfo() {
@@ -745,32 +749,26 @@
         },
         infoModel(res) {
            let that = this
            if (res.data && res.data !== "") {
               if (that.infoType == 2 || that.infoType == 3) {
                  return;
               }
               // infoType1:只有拣料等信息
               that.infoType = 1
               if (res.data[0].ioType === 101) {
                  that.infoText.title = '全板出库'
                  that.infoText.title2 = '全板出库'
               } else if (res.data[0].ioType === 103) {
                  that.infoText.title = '检料出库'
                  that.infoText.title2 = '检料出库'
               } else if (res.data[0].ioType === 107) {
                  that.infoText.title = '盘点出库'
                  that.infoText.title2 = '盘点出库'
               }
               res.data[0].matDtos
               for (let k in res.data[0].matDtos) {
                  if (res.data[0].matDtos[k].count == 0) {
                     res.data[0].matDtos[k]['color'] = 'color: #df741c'
               that.infoText.title = '站点出库'
               that.infoText = res.data
               for (let info of res.data) {
                  console.log(info);
                  res.data[0].matDtos
                  for (let k in res.data[0].matDtos) {
                  }
                  that.infoText.staNo = res.data[0].staNo
                  that.infoText.barcode = res.data[0].barcode
                  that.swiperList = res.data[0].matDtos
               }
               that.infoText.staNo = res.data[0].staNo
               that.infoText.barcode = res.data[0].barcode
               that.swiperList = res.data[0].matDtos
            } else {
               if (that.infoType == 2 || that.infoType == 3) {
                  return;
@@ -1105,7 +1103,15 @@
<style>
   /* @import url("../../static/css/common.css"); */
   @import url("home.css");
   /* 版本号 */
   .version {
      min-width: 100rpx;
      position: fixed;
      right: 20rpx;
      bottom: 10rpx;
      font-size: .1rem;
      color: #909399;
   }
   /* 列 */
   .flex-col {
      display: flex;
@@ -1236,7 +1242,7 @@
   .charts-box-ring {
      width: 50%;
      height: 24vh;
      height: 30vh;
      /* background-color: #00ffff; */
   }
@@ -1470,7 +1476,8 @@
   .error-board {
      margin: .2rem;
      height: 11vh;
      padding: .2rem;
      /* height: 11vh; */
      background-color: #F56C6C;
      box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
      border-radius: .2rem;