{"version":3,"sources":["webpack:///./src/assets/imgs/ZZT.png","webpack:///./src/views/plant.vue","webpack:///src/views/plant.vue","webpack:///./src/views/plant.vue?bb28","webpack:///./src/views/plant.vue?c0db","webpack:///./src/assets/imgs/ZZT1.png","webpack:///./src/views/plant.vue?7a8c"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","on","$event","jumpHomePage","device1","workShopEnName","workShopName","_v","_s","allModelNum","offLineNum","normalNum","warnNum","alarmNum","useRate","modelMenu","slot","_l","modelList","item","index","key","style","color","customName","modelName","require","backgroundColor","device1StatusColor","PVC_YQQG","jumpModelPage","PVC_JLGT","staticStyle","device2","device2StatusColor","DJ_DJC","DJ_YLCC","staticRenderFns","data","model1Url","timerId","methods","workShopsList","setTitle","title","jumpModelBtn","Message","path","query","homePage","startTimer","stopTimer","clearInterval","created","mounted","destroyed","component"],"mappings":"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","file":"js/chunk-47be2813.28706b66.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ZZT.b3787954.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"containter\"},[_c('lx-header'),_c('br'),_c('br'),_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('div',{staticClass:\"panel plantHeight\"},[_c('div',{staticClass:\"device1\"},[_c('div',{staticClass:\"deviceTitle\",on:{\"click\":function($event){return _vm.jumpHomePage(_vm.device1.workShopEnName,_vm.device1.workShopName)}}},[_vm._v(_vm._s(_vm.device1.workShopName))]),_c('br'),_c('el-row',[_c('el-col',{attrs:{\"span\":14}},[_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.device1.allModelNum))]),_c('li',[_vm._v(_vm._s(_vm.device1.offLineNum))]),_c('li',[_vm._v(_vm._s(_vm.device1.normalNum))]),_c('li',[_vm._v(_vm._s(_vm.device1.warnNum))]),_c('li',[_vm._v(_vm._s(_vm.device1.alarmNum))])])])])],1),_c('el-col',{attrs:{\"span\":6}},[_c('div',{staticClass:\"useRate\"},[_vm._v(\"模型投用率：\"+_vm._s(_vm.device1.useRate)+\"%\")])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',[_c('el-dropdown',{attrs:{\"size\":\"small\"},on:{\"command\":_vm.modelMenu}},[_c('span',{staticClass:\"el-dropdown-link\"},[_vm._v(\" 模型列表\"),_c('i',{staticClass:\"el-icon-arrow-down el-icon--right\"})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},_vm._l((_vm.device1.modelList),function(item,index){return _c('el-dropdown-item',{key:index,style:({color:item.color }),attrs:{\"command\":item}},[_vm._v(\" \"+_vm._s(`${item.customName}(${item.modelName})`)+\" \")])}),1)],1)],1)])],1),_c('br'),_c('img',{staticClass:\"deviceBg\",attrs:{\"src\":require(\"@/assets/imgs/ZZT.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"position model1\"},[_c('div',{staticClass:\"modelBg\",style:({ backgroundColor: _vm.device1StatusColor.PVC_YQQG })}),_c('div',{staticClass:\"cursor modelText\",on:{\"click\":function($event){return _vm.jumpModelPage('PVC_YQQG')}}},[_vm._v(\"乙炔气柜\")])]),_c('div',{staticClass:\"position model2\"},[_c('div',{staticClass:\"modelBg\",style:({ backgroundColor: _vm.device1StatusColor.PVC_JLGT })}),_c('div',{staticClass:\"cursor modelText\",on:{\"click\":function($event){return _vm.jumpModelPage('PVC_JLGT')}}},[_vm._v(\"精馏高塔\")])])],1)])]),_c('el-col',{attrs:{\"span\":12}},[_c('div',{staticClass:\"panel plantHeight device2\"},[_c('div',{staticStyle:{\"text-align\":\"center\",\"font-size\":\"24px\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.device2.workShopName))]),_c('br'),_c('el-row',[_c('el-col',{attrs:{\"span\":14}},[_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.device2.allModelNum))]),_c('li',[_vm._v(_vm._s(_vm.device2.offLineNum))]),_c('li',[_vm._v(_vm._s(_vm.device2.normalNum))]),_c('li',[_vm._v(_vm._s(_vm.device2.warnNum))]),_c('li',[_vm._v(_vm._s(_vm.device2.alarmNum))])])])])],1),_c('el-col',{attrs:{\"span\":6}},[_c('div',{staticClass:\"useRate\"},[_vm._v(\"模型投用率：\"+_vm._s(_vm.device2.useRate)+\"%\")])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',[_c('el-dropdown',{attrs:{\"size\":\"small\"},on:{\"command\":_vm.modelMenu}},[_c('span',{staticClass:\"el-dropdown-link\"},[_vm._v(\" 模型列表\"),_c('i',{staticClass:\"el-icon-arrow-down el-icon--right\"})]),_c('el-dropdown-menu',{attrs:{\"slot\":\"dropdown\"},slot:\"dropdown\"},_vm._l((_vm.device2.modelList),function(item,index){return _c('el-dropdown-item',{key:index,style:({color:item.color }),attrs:{\"disabled\":\"\",\"command\":item}},[_vm._v(\" \"+_vm._s(`${item.customName}(${item.modelName})`)+\" \")])}),1)],1)],1)])],1),_c('br'),_c('img',{staticClass:\"deviceBg\",attrs:{\"src\":require(\"@/assets/imgs/ZZT1.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"position model1\"},[_c('div',{staticClass:\"modelText\"},[_vm._v(\"DJC\")]),_c('div',{staticClass:\"modelBg\",style:({ backgroundColor: _vm.device2StatusColor.DJ_DJC })})]),_c('div',{staticClass:\"position model2\"},[_c('div',{staticClass:\"modelText\"},[_vm._v(\"YLCC\")]),_c('div',{staticClass:\"modelBg\",style:({ backgroundColor: _vm.device2StatusColor.DJ_YLCC })})])],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"containter\">\r\n    <lx-header></lx-header>\r\n    <br />\r\n    <br />\r\n    <el-row>\r\n      <el-col :span=\"12\">\r\n        <div class=\"panel plantHeight\">\r\n          <div class=\"device1\">\r\n            <div class=\"deviceTitle\" @click=\"jumpHomePage(device1.workShopEnName,device1.workShopName)\">{{ device1.workShopName }}</div>\r\n            <br />\r\n            <el-row>\r\n              <el-col :span=\"14\">\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>{{ device1.allModelNum }}</li>\r\n                      <li>{{ device1.offLineNum }}</li>\r\n                      <li>{{ device1.normalNum}}</li>\r\n                      <li>{{ device1.warnNum }}</li>\r\n                      <li>{{ device1.alarmNum }}</li>\r\n                    </ul>\r\n                  </div>\r\n                </el-row>\r\n              </el-col>\r\n              <el-col :span=\"6\">\r\n                <div class=\"useRate\">模型投用率：{{ device1.useRate }}%</div>\r\n              </el-col>\r\n              <el-col :span=\"4\">\r\n                <div >\r\n                  <el-dropdown size=\"small\" @command=\"modelMenu\">\r\n                    <span class=\"el-dropdown-link\">\r\n                      模型列表<i class=\"el-icon-arrow-down el-icon--right\"></i>\r\n                    </span>\r\n                    <el-dropdown-menu slot=\"dropdown\">\r\n                      <el-dropdown-item v-for=\"(item,index) in device1.modelList\" :key=\"index\" :command=\"item\" :style=\"{color:item.color }\" >\r\n                        {{ `${item.customName}(${item.modelName})` }}\r\n                      </el-dropdown-item>\r\n                    </el-dropdown-menu>\r\n                  </el-dropdown>\r\n                </div>\r\n              </el-col>\r\n            </el-row>\r\n            <br />\r\n            <img class=\"deviceBg\" src=\"@/assets/imgs/ZZT.png\" alt=\"\" />\r\n            <!-- <div v-for=\"(item,index) in device1.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 class=\"position model1\">\r\n              <div class=\"modelBg\" v-bind:style=\"{ backgroundColor: device1StatusColor.PVC_YQQG }\"></div>\r\n              <div class=\"cursor modelText\" @click=\"jumpModelPage('PVC_YQQG')\">乙炔气柜</div>\r\n            </div>\r\n            <div class=\"position model2\">\r\n              <div class=\"modelBg\" v-bind:style=\"{ backgroundColor: device1StatusColor.PVC_JLGT }\"></div>\r\n              <div class=\"cursor modelText\" @click=\"jumpModelPage('PVC_JLGT')\">精馏高塔</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </el-col>\r\n      <el-col :span=\"12\">\r\n        <div class=\"panel plantHeight device2\">\r\n          <!-- <div class=\"deviceTitle\"  @click=\"jumpHomePage(device1.workShopEnName,device2.workShopName)\">{{ device2.workShopName }}</div> -->\r\n          <div style=\"text-align: center;font-size: 24px;font-weight: bold;\">{{ device2.workShopName }}</div>\r\n          <br />\r\n          <el-row>\r\n            <el-col :span=\"14\">\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>{{ device2.allModelNum }}</li>\r\n                    <li>{{ device2.offLineNum }}</li>\r\n                    <li>{{ device2.normalNum}}</li>\r\n                    <li>{{ device2.warnNum }}</li>\r\n                    <li>{{ device2.alarmNum }}</li>\r\n                  </ul>\r\n                </div>\r\n              </el-row>\r\n            </el-col>\r\n            <el-col :span=\"6\">\r\n              <div class=\"useRate\">模型投用率：{{ device2.useRate }}%</div>\r\n            </el-col>\r\n            <el-col :span=\"4\">\r\n              <div >\r\n                <el-dropdown size=\"small\" @command=\"modelMenu\">\r\n                  <span class=\"el-dropdown-link\">\r\n                    模型列表<i class=\"el-icon-arrow-down el-icon--right\"></i>\r\n                  </span>\r\n                  <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item disabled v-for=\"(item,index) in device2.modelList\" :key=\"index\" :command=\"item\" :style=\"{color:item.color }\" >\r\n                      {{ `${item.customName}(${item.modelName})` }}\r\n                    </el-dropdown-item>\r\n                  </el-dropdown-menu>\r\n                </el-dropdown>\r\n              </div>\r\n            </el-col> \r\n          </el-row>\r\n          <br />\r\n          <img class=\"deviceBg\" src=\"@/assets/imgs/ZZT1.png\" alt=\"\" />\r\n          <div class=\"position model1\">\r\n            <div class=\"modelText\">DJC</div>\r\n            <div class=\"modelBg\" v-bind:style=\"{ backgroundColor: device2StatusColor.DJ_DJC }\"></div>\r\n          </div>\r\n          <div class=\"position model2\">\r\n            <div class=\"modelText\">YLCC</div>\r\n            <div class=\"modelBg\" v-bind:style=\"{ backgroundColor: device2StatusColor.DJ_YLCC }\"></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 { workShops} from \"@/api/wormBox\"\r\nimport { jumpModelBtn} from \"@/utils/control\"\r\nimport '@/styles/plant.less'\r\nimport {  setTitle } from '@/utils/auth'\r\nexport default {\r\n  data() {\r\n    return {\r\n      device1: {\r\n        allModelNum: 4,\r\n        offLineNum:3,\r\n        normalNum:10,\r\n        warnNum: 1,\r\n        alarmNum: 10,\r\n        model1Url:\"\",\r\n        useRate:null\r\n      },\r\n      device2: {\r\n        allModelNum: 0,\r\n        offLineNum: 0,\r\n        normalNum:0,\r\n        warnNum: 0,\r\n        alarmNum: 0,\r\n        useRate:null\r\n      },\r\n      device1StatusColor:{},\r\n      device2StatusColor:{},\r\n      timerId:null\r\n    };\r\n  },\r\n  methods:{\r\n    async getPlantData(){\r\n      const workShopsList = await workShops()\r\n      if(workShopsList.code == 200){\r\n        workShopsList.resultData.forEach((item,index) => {\r\n          if(item.workShopEnName == \"PVC\"){\r\n            this.device1 = item\r\n            this.device1.modelList.forEach((item) => {\r\n                this.device1StatusColor[item.modelFullName] = item.color\r\n            })\r\n          }else if(item.workShopEnName == \"DJ\"){\r\n            this.device2 = item\r\n            this.device2.modelList.forEach((item) => {\r\n                this.device2StatusColor[item.modelFullName] = item.color\r\n            })\r\n          }\r\n        })\r\n      }\r\n    },\r\n    async jumpModelPage(curPage){\r\n      const homePageName = curPage.split(\"_\")\r\n      const workShopsList = await workShops()\r\n      workShopsList.resultData.forEach((item) => {\r\n        if(homePageName[0] == item.workShopEnName){\r\n          setTitle({title:item.workShopName})\r\n          const modelList = item.modelList\r\n          modelList.forEach((item,index)=>{\r\n            if(curPage == item.modelFullName && item.hasRole == true){\r\n              jumpModelBtn(item.modelUrl,curPage,index+1,homePageName[0])\r\n            }else if(curPage == item.modelFullName && item.hasRole == false){\r\n              Message.error(\"您没有权限进入该模型\")\r\n            }\r\n          })\r\n        }\r\n      })\r\n    },\r\n    async jumpHomePage(workShopEnName,titleName){\r\n      const workShopsList = await workShops()\r\n      workShopsList.resultData.forEach((item) => {\r\n        if(workShopEnName == item.workShopEnName){\r\n          if(item.roleModelList[0].modelEnName == \"HOME\"){\r\n            this.$router.push({path:`/${workShopEnName}`,query:{homePage:workShopEnName , index:0}})\r\n            setTitle({title:titleName})\r\n          }else{\r\n            Message.error(\"您没有权限进入首页\")\r\n          }\r\n        }\r\n      })\r\n    },\r\n    // 定时器方法\r\n    startTimer() {\r\n      this.timerId = setInterval(() => {\r\n        this.getPlantData()\r\n      }, 3000);\r\n    },\r\n    stopTimer() {\r\n      // 停止定时器\r\n      clearInterval(this.timerId);\r\n    },\r\n    async modelMenu( command ){\r\n      const homePageName = command.modelFullName.split(\"_\")\r\n      const workShopsList = await workShops()\r\n      workShopsList.resultData.forEach((item) => {\r\n        if(homePageName[0] == item.workShopEnName){\r\n          setTitle({title:item.workShopName})\r\n          const modelList = item.modelList\r\n          modelList.forEach((item,index)=>{\r\n            if(command.modelFullName == item.modelFullName && item.hasRole == true){\r\n              jumpModelBtn(item.modelUrl,command.modelFullName,index+1,homePageName[0])\r\n            }else if(command.modelFullName == item.modelFullName && item.hasRole == false){\r\n              Message.error(\"您没有权限进入该模型\")\r\n            }\r\n          })\r\n        }\r\n      })\r\n    }\r\n  },\r\n  created(){\r\n    this.getPlantData()\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.containter {\r\n  color: white;\r\n  height: 920px;\r\n  width: 1920px;\r\n  background: url(../assets/imgs/bg.jpg) no-repeat center / cover;\r\n  .plantHeight {\r\n    height: 850px;\r\n  }\r\n  .deviceTitle {\r\n    text-align: center;\r\n    font-size: 24px;\r\n    font-weight: bold;\r\n  }\r\n  .deviceTitle:hover {\r\n    cursor: pointer;\r\n  }\r\n  .cursor:hover{\r\n    cursor: pointer;\r\n  }\r\n  ul {\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  .device1 {\r\n    position: relative;\r\n    .deviceBg {\r\n      width: 900px;\r\n      height: 700px;\r\n    }\r\n  }\r\n  .device2 {\r\n    .deviceBg {\r\n      width: 950px;\r\n      height: 700px;\r\n    }\r\n  }\r\n\r\n  .useRate{\r\n    font-size: 19px;\r\n  }\r\n}\r\n</style>","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!./plant.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!./plant.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./plant.vue?vue&type=template&id=68185f22&scoped=true&\"\nimport script from \"./plant.vue?vue&type=script&lang=js&\"\nexport * from \"./plant.vue?vue&type=script&lang=js&\"\nimport style0 from \"./plant.vue?vue&type=style&index=0&id=68185f22&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  \"68185f22\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ZZT1.69e571b3.png\";","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!./plant.vue?vue&type=style&index=0&id=68185f22&prod&lang=less&scoped=true&\""],"sourceRoot":""}