{"version":3,"sources":["webpack:///./src/views/PVC.vue?2f4c","webpack:///./src/views/PVC.vue","webpack:///src/views/PVC.vue","webpack:///./src/views/PVC.vue?92d8","webpack:///./src/views/PVC.vue?e975"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","_s","resultData","useRate","allModelNum","offLineNum","normalNum","warnNum","alarmNum","style","background","sysStatus","comStatus","backgroundColor","modelStatusColor","PVC_YQQG","on","$event","jumpModelPage","PVC_JLGT","staticRenderFns","data","updateInterval","timerStart","modelList","params","startTime","endTime","workShopName","timerId","computed","methods","getData","startTimer","stopTimer","clearInterval","jumpModelBtn","Message","created","mounted","destroyed","component"],"mappings":"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","file":"js/chunk-e3365536.f70d5862.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PVC.vue?vue&type=style&index=0&id=30547316&prod&lang=less&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('el-row',[_c('el-col',{attrs:{\"span\":5}},[_c('span',{staticClass:\"icon iconfont\"},[_vm._v(\"\")]),_c('span',{staticClass:\"smallTile\"},[_vm._v(\"运行模态\")])])],1),_c('el-row',[_c('el-col',{attrs:{\"offset\":5,\"span\":4}},[_c('el-row',[_c('div',{staticClass:\"modUtilRate\"},[_vm._v(\"模型投用率：\"+_vm._s(_vm.resultData.useRate)+\"%\")])])],1),_c('el-col',{attrs:{\"span\":10}},[_c('el-row',[_c('div',{staticClass:\"state_sta\"},[_c('ul',[_c('li'),_c('li'),_c('li'),_c('li'),_c('li')])])]),_c('el-row',[_c('div',[_c('ul',[_c('li',[_vm._v(\"模型总量\")]),_c('li',[_vm._v(\"离线或停产\")]),_c('li',[_vm._v(\"正常\")]),_c('li',[_vm._v(\"预警\")]),_c('li',[_vm._v(\"报警\")])])])]),_c('el-row',[_c('div',[_c('ul',[_c('li',[_vm._v(_vm._s(_vm.resultData.allModelNum))]),_c('li',[_vm._v(_vm._s(_vm.resultData.offLineNum))]),_c('li',[_vm._v(_vm._s(_vm.resultData.normalNum))]),_c('li',[_vm._v(_vm._s(_vm.resultData.warnNum))]),_c('li',[_vm._v(_vm._s(_vm.resultData.alarmNum))])])])])],1),_c('el-col',{attrs:{\"span\":2}},[_c('el-row',[_c('div',[_vm._v(\"系统状态 ：\")]),_c('div',[_vm._v(\"通讯状态 ：\")])])],1),_c('el-col',{attrs:{\"span\":3}},[_c('el-row',[_c('div',{staticClass:\"sysStatus\",style:({background: _vm.resultData.sysStatus == 1 ? 'rgb(32, 223, 32)' : 'yellow',})})]),_c('el-row',[_c('div',{staticClass:\"comStatus\",style:({background: _vm.resultData.comStatus == 1 ? 'rgb(32, 223, 32)' : 'yellow',})})])],1)],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"devicePic\"},[_c('div',{staticClass:\"deviceBg\"},[_c('div',{staticClass:\"model_bg\",style:({ backgroundColor: _vm.modelStatusColor.PVC_YQQG })}),_c('div',{staticClass:\"model_name cursor\",on:{\"click\":function($event){return _vm.jumpModelPage('PVC_JLGT')}}},[_vm._v(\" 精馏高塔 \")]),_c('div',{staticClass:\"mode2_bg\",style:({ backgroundColor: _vm.modelStatusColor.PVC_JLGT })}),_c('div',{staticClass:\"mode2_name cursor\",on:{\"click\":function($event){return _vm.jumpModelPage('PVC_YQQG')}}},[_vm._v(\" 乙炔气柜 \")])])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <el-row>\r\n      <el-col :span=\"5\">\r\n        <span class=\"icon iconfont\">&#xe67f;</span>\r\n        <span class=\"smallTile\">运行模态</span>\r\n      </el-col>\r\n    </el-row>\r\n    <el-row>\r\n      <el-col :offset=\"5\" :span=\"4\">\r\n        <el-row>\r\n          <div class=\"modUtilRate \">模型投用率：{{resultData.useRate}}%</div>\r\n        </el-row>\r\n      </el-col>\r\n      <el-col :span=\"10\">\r\n        <el-row>\r\n          <div class=\"state_sta\">\r\n            <ul>\r\n              <li></li>\r\n              <li></li>\r\n              <li></li>\r\n              <li></li>\r\n              <li></li>\r\n            </ul>\r\n          </div>\r\n        </el-row>\r\n        <el-row>\r\n          <div>\r\n            <ul>\r\n              <li>模型总量</li>\r\n              <li>离线或停产</li>\r\n              <li>正常</li>\r\n              <li>预警</li>\r\n              <li>报警</li>\r\n            </ul>\r\n          </div>\r\n        </el-row>\r\n        <el-row>\r\n          <div>\r\n            <ul>\r\n              <li>{{ resultData.allModelNum }}</li>\r\n              <li>{{ resultData.offLineNum }}</li>\r\n              <li>{{ resultData.normalNum }}</li>\r\n              <li>{{ resultData.warnNum }}</li>\r\n              <li>{{ resultData.alarmNum }}</li>\r\n            </ul>\r\n          </div>\r\n        </el-row>\r\n      </el-col>\r\n      <el-col :span=\"2\">\r\n        <el-row>\r\n          <div>系统状态 ：</div>\r\n          <div>通讯状态 ：</div>\r\n        </el-row>\r\n      </el-col>\r\n      <el-col :span=\"3\">\r\n        <el-row>\r\n          <div class=\"sysStatus\" :style=\"{background: resultData.sysStatus == 1 ? 'rgb(32, 223, 32)' : 'yellow',}\"></div>\r\n        </el-row>\r\n        <el-row>\r\n          <div class=\"comStatus\" :style=\"{background: resultData.comStatus == 1 ? 'rgb(32, 223, 32)' : 'yellow',}\"></div>\r\n        </el-row>\r\n      </el-col>\r\n    </el-row>\r\n    <el-row>\r\n      <el-col :span=\"24\">\r\n        <div class=\"devicePic\">\r\n          <div class=\"deviceBg\">\r\n            <div\r\n              class=\"model_bg\"\r\n              v-bind:style=\"{ backgroundColor: modelStatusColor.PVC_YQQG }\"\r\n            ></div>\r\n            <div class=\"model_name cursor\" @click=\"jumpModelPage('PVC_JLGT')\">\r\n              精馏高塔\r\n            </div>\r\n            <div\r\n              class=\"mode2_bg\"\r\n              v-bind:style=\"{ backgroundColor: modelStatusColor.PVC_JLGT }\"\r\n            ></div>\r\n            <div class=\"mode2_name cursor\" @click=\"jumpModelPage('PVC_YQQG')\">\r\n              乙炔气柜\r\n            </div>\r\n\r\n            <!-- <div v-for=\"(item,index) in resultData.modelList\" :key=\"index\" :class=\"['position', `model${index + 1 }`]\">\r\n              <div class=\"modelBg\" v-bind:style=\"{ backgroundColor: item.color }\"></div>\r\n              <div class=\"cursor modelText\" @click=\"jumpModelPage(item.modelFullName)\">{{ item.customName }}</div>\r\n            </div> -->\r\n          </div>\r\n        </div>\r\n      </el-col>\r\n    </el-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Message } from \"element-ui\";\r\nimport { homePage } from \"@/api/wormBox\"\r\nimport { jumpModelBtn} from \"@/utils/control\"\r\nimport { mapState ,mapMutations} from \"vuex\"\r\nimport '@/styles/PVC.less'\r\nexport default {\r\n  data() {\r\n    return {\r\n      updateInterval: 10000,\r\n      timerStart: 0,\r\n      resultData:{\r\n        allModelNum:0,\r\n        offLineNum:0,\r\n        normalNum:0,\r\n        warnNum:0,\r\n        alarmNum:0,\r\n        comStatus:1,\r\n        sysStatus:1,\r\n        modelList:[],\r\n        useRate:null\r\n      },\r\n      modelStatusColor:{},\r\n      // 传参数\r\n      params:{\r\n        startTime:null,\r\n        endTime:null,\r\n        workShopName:\"\"\r\n      },\r\n      timerId: null\r\n    };\r\n  },\r\n  computed:{\r\n    ...mapState([\"hisParams\",\"isHis\",\"homePageRunStateInfo\"]),\r\n  },\r\n  methods:{\r\n    ...mapMutations([\"setIsHis\"]),\r\n    getData(){\r\n      // const params = {\r\n      //   workShopName: this.$route.query.homePage,\r\n      //   startTime: this.hisParams.startTime,\r\n      //   endTime: this.hisParams.endTime\r\n      // }\r\n      // const {code , resultData} =  await homePage(params)\r\n      // if(code == \"200\"){\r\n      //   this.resultData = resultData.runStateInfo\r\n      //   this.resultData.modelList.forEach((item) => {\r\n      //     this.modelStatusColor[item.modelFullName] = item.color\r\n      //   })\r\n      // }\r\n      if(this.homePageRunStateInfo != null){\r\n        this.resultData = this.homePageRunStateInfo\r\n        this.resultData.modelList.forEach((item) => {\r\n          this.modelStatusColor[item.modelFullName] = item.color\r\n        })\r\n      }\r\n    },\r\n     // 定时器方法\r\n     startTimer() {\r\n      this.timerId = setInterval(() => {\r\n        this.getData()\r\n      }, 3000);\r\n    },\r\n    stopTimer() {\r\n      // 停止定时器\r\n      clearInterval(this.timerId);\r\n    },\r\n    jumpModelPage(curPage){\r\n      this.resultData.modelList.forEach((item,index) => {\r\n        if(curPage == item.modelFullName && item.hasRole == true){\r\n          jumpModelBtn(item.modelUrl,curPage,index+1,this.$route.query.homePage)\r\n        }else if(curPage == item.modelFullName && item.hasRole == false){\r\n          Message.error(\"您没有权限进入该模型\")\r\n        }\r\n      })\r\n      this.isHis == 2 ? this.setIsHis(0) : this.setIsHis(1)\r\n    },\r\n  },\r\n  created() {\r\n    this.getData()\r\n  },\r\n  mounted(){\r\n    this.startTimer()\r\n  },\r\n  destroyed(){\r\n    this.stopTimer()\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.cursor {\r\n  cursor: pointer\r\n}\r\nul {\r\n  margin: 5px 5px;\r\n  li {\r\n    float: left;\r\n    list-style: none;\r\n    width: 90px;\r\n    text-align: center;\r\n    font-size: 18px;\r\n    height: 20px;\r\n    line-height: 20px;\r\n  }\r\n}\r\n.state_sta {\r\n  ul {\r\n    :nth-child(1) {\r\n      border: 1px solid grey;\r\n      border-top-left-radius: 3px;\r\n      border-bottom-left-radius: 3px;\r\n      height: 8px;\r\n    }\r\n    :nth-child(2) {\r\n      background: grey;\r\n      height: 10px;\r\n    }\r\n    :nth-child(3) {\r\n      background: rgb(32, 223, 32);\r\n      height: 10px;\r\n    }\r\n    :nth-child(4) {\r\n      background: yellow;\r\n      height: 10px;\r\n    }\r\n    :nth-child(5) {\r\n      background: red;\r\n      border-top-right-radius: 3px;\r\n      border-bottom-right-radius: 3px;\r\n      height: 10px;\r\n    }\r\n  }\r\n}\r\n.smallTile{\r\n  font-size: 25px;\r\n}\r\n.devicePic {\r\n  position: relative;\r\n  .deviceBg,\r\n  .model_bg,\r\n  .mode2_bg,\r\n  .sys_statusBg,\r\n  .com_statusBg {\r\n    position: absolute;\r\n  }\r\n  .deviceBg {\r\n    background: url(~@/assets/imgs/ZZT.png) no-repeat center;\r\n    background-size: 90% 100%;\r\n    height: 420px;\r\n    width: 80%;\r\n    padding-left: 200px;\r\n    top: -50px;\r\n  }\r\n  .model_bg {\r\n    width: 36px;\r\n    height: 15px;\r\n    border-radius: 50%;\r\n    //background: red;\r\n    left: 740px;\r\n    top: 180px;\r\n  }\r\n  .model_name,\r\n  .mode2_name,\r\n  .sys_status,\r\n  .com_status {\r\n    position: absolute;\r\n    font-size: 15px;\r\n  }\r\n  .model_name {\r\n    left: 815px;\r\n    top: 165px;\r\n    color: white;\r\n    font-weight: 700;\r\n    background-color: rgb(128, 126, 126);\r\n  }\r\n  .mode2_bg {\r\n    width: 35px;\r\n    height: 15px;\r\n    border-radius: 50%;\r\n    // background: rgb(32, 223, 32);\r\n    left:780px;\r\n    top: 180px;\r\n  }\r\n  .mode2_name {\r\n    left: 705px;\r\n    top: 160px;\r\n    color: white;\r\n    font-weight: 700;\r\n    background-color: rgb(128, 126, 126);\r\n  }\r\n}\r\n\r\n.modUtilRate{\r\n  font-size: 18px;\r\n}\r\n.sysStatus , .comStatus{\r\n  width: 15px;\r\n  height: 15px;\r\n  border-radius: 50%;\r\n  margin-top: 5px;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PVC.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PVC.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PVC.vue?vue&type=template&id=30547316&scoped=true&\"\nimport script from \"./PVC.vue?vue&type=script&lang=js&\"\nexport * from \"./PVC.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PVC.vue?vue&type=style&index=0&id=30547316&prod&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"30547316\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}