{"version":3,"sources":["webpack:///./src/assets/imgs/S6500.png","webpack:///./src/assets/imgs/F4000.png","webpack:///./src/assets/imgs/mianyidao2.png","webpack:///./src/assets/imgs/F3999.png","webpack:///./src/assets/imgs/I200.png","webpack:///./src/assets/imgs/I100.png","webpack:///./src/components/title.vue?4db0","webpack:///src/components/title.vue","webpack:///./src/components/title.vue?59be","webpack:///./src/components/title.vue","webpack:///./src/components/title.vue?b478","webpack:///./src/components/Instrument/index.vue?6a89","webpack:///src/components/Instrument/index.vue","webpack:///./src/components/Instrument/index.vue?4e06","webpack:///./src/components/Instrument/index.vue","webpack:///./src/components/Instrument/index.vue?d5a0"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_t","staticRenderFns","component","attrs","slot","_v","rowStyle","headStyle","cellStyle","tableData","small","fit","on","tableRowClick","_e","insTotal","insPageSize","cityInstrumentList","style","liData","_s","value","timeLiData","imgSrc","components","titleText","mounted","kk","data","loading","scrollStyle","height","backgroundColor","color","fontSize","methods","showImg","e","type","columnRandom","instrumentBaseInfo","code","tableAnimation","setTimeout","i","page","pages","pageSize","eCode","codes","row","rowIndex","length","console","log","Math","floor","random","types"],"mappings":"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","file":"js/chunk-19b0e59a.46301ef4.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/S6500.201a62df.png\";","module.exports = __webpack_public_path__ + \"img/F4000.3a34e6e2.png\";","module.exports = __webpack_public_path__ + \"img/mianyidao2.0dfe6e0e.png\";","module.exports = __webpack_public_path__ + \"img/F3999.208293db.png\";","module.exports = __webpack_public_path__ + \"img/I200.0c1b3885.png\";","module.exports = __webpack_public_path__ + \"img/I100.9f824892.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleBox\"},[_vm._t(\"title\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"titleBox\">\r\n    <slot name=\"title\"></slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.titleBox {\r\n  width: 100%;\r\n  height: 5vh;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 2.5vh;\r\n  letter-spacing: 0.4vh;\r\n}\r\n</style>>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./title.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./title.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./title.vue?vue&type=template&id=5f7e88b2&scoped=true&\"\nimport script from \"./title.vue?vue&type=script&lang=js&\"\nexport * from \"./title.vue?vue&type=script&lang=js&\"\nimport style0 from \"./title.vue?vue&type=style&index=0&id=5f7e88b2&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  \"5f7e88b2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./title.vue?vue&type=style&index=0&id=5f7e88b2&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"intrumentBox\"},[_c('div',{staticClass:\"leftContent\"},[_c('title-text',[_c('span',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_vm._v(\"各城市仪器列表详情\")])]),_c('div',{staticClass:\"tableBox\"},[_c('el-table',{attrs:{\"row-style\":_vm.rowStyle,\"header-cell-style\":_vm.headStyle,\"cell-style\":_vm.cellStyle,\"data\":_vm.tableData,\"size\":_vm.small,\"fit\":_vm.fit,\"highlight-current-row\":true},on:{\"row-click\":_vm.tableRowClick}},[_c('template',{slot:\"empty\"},[_c('span')]),_c('el-table-column',{attrs:{\"prop\":\"code\",\"label\":\"序列号\",\"min-width\":\"80\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"type\",\"label\":\"类型\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"aName\",\"label\":\"大区\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"city\",\"label\":\"城市\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"isUsing\",\"label\":\"仪器状态\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"installDate\",\"label\":\"装机时间\",\"align\":\"center\"}})],2),(_vm.loading)?_c('div',{staticClass:\"loading\"},[_c('i',{staticClass:\"el-icon-loading\"})]):_vm._e()],1),_c('div',{staticClass:\"pagesBox\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next,jumper\",\"total\":_vm.insTotal,\"page-size\":_vm.insPageSize},on:{\"current-change\":_vm.cityInstrumentList}})],1)],1),_c('div',{staticClass:\"rightBox\"},[_c('div',{staticClass:\"rightBox2\"},[_c('div',{staticClass:\"leftBox\"},[_c('div',[_c('div',{style:(_vm.liData[0].style)},[_vm._v(\" 周维护次数：\"+_vm._s(_vm.liData[0].value)+\" \")])]),_c('div',[_c('div',{style:(_vm.liData[1].style)},[_vm._v(\" 月维护次数：\"+_vm._s(_vm.liData[1].value)+\" \")])]),_c('div',[_c('div',{style:(_vm.liData[2].style)},[_vm._v(\" 季维护次数：\"+_vm._s(_vm.liData[2].value)+\" \")])])]),_c('div',{staticClass:\"rightBox\"},[_c('div',[_c('div',{style:(_vm.timeLiData[0].style)},[_vm._v(\" 装机时间：\"+_vm._s(_vm.timeLiData[0].value)+\" \")])]),_c('div',[_c('div',{style:(_vm.timeLiData[1].style)},[_vm._v(\" 故障总数：\"+_vm._s(_vm.timeLiData[1].value)+\" \")])])])]),_c('img',{style:(_vm.scrollStyle),attrs:{\"id\":\"tgGoods\",\"src\":_vm.imgSrc,\"alt\":\"产品图片\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"intrumentBox\">\r\n      <div class=\"leftContent\">\r\n        <title-text>\r\n          <span slot=\"title\">各城市仪器列表详情</span>\r\n        </title-text>\r\n        <!-- 表格 -->\r\n        <div class=\"tableBox\">\r\n          <el-table\r\n            @row-click=\"tableRowClick\"\r\n            :row-style=\"rowStyle\"\r\n            :header-cell-style=\"headStyle\"\r\n            :cell-style=\"cellStyle\"\r\n            :data=\"tableData\"\r\n            :size=\"small\"\r\n            :fit=\"fit\"\r\n            :highlight-current-row=\"true\"\r\n          >\r\n            <!-- // 空数据状态的插槽 -->\r\n            <template slot=\"empty\">\r\n              <!-- <i class=\"el-icon-loading\"></i> -->\r\n              <span> </span>\r\n            </template>\r\n            <el-table-column\r\n              prop=\"code\"\r\n              label=\"序列号\"\r\n              min-width=\"80\"\r\n              align=\"center\"\r\n            >\r\n            </el-table-column>\r\n            <el-table-column prop=\"type\" label=\"类型\" align=\"center\">\r\n            </el-table-column>\r\n            <!-- <el-table-column\r\n              prop=\"week\"\r\n              label=\"所在医院\"\r\n            >\r\n            </el-table-column> -->\r\n            <el-table-column prop=\"aName\" label=\"大区\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"city\" label=\"城市\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"isUsing\" label=\"仪器状态\" align=\"center\">\r\n            </el-table-column>\r\n            <el-table-column prop=\"installDate\" label=\"装机时间\" align=\"center\">\r\n            </el-table-column>\r\n          </el-table>\r\n          <!-- 数据请求为获得时加载图标 -->\r\n          <div class=\"loading\" v-if=\"loading\">\r\n            <i class=\"el-icon-loading\"></i>\r\n          </div>\r\n        </div>\r\n        <!-- 分页器 -->\r\n        <div class=\"pagesBox\">\r\n          <el-pagination\r\n            background\r\n            @current-change=\"cityInstrumentList\"\r\n            layout=\"prev, pager, next,jumper\"\r\n            :total=\"insTotal\"\r\n            :page-size=\"insPageSize\"\r\n          >\r\n          </el-pagination>\r\n        </div>\r\n      </div>\r\n      <!-- 仪器图片模块 -->\r\n      <div class=\"rightBox\">\r\n        <!-- 季维护，周维护，月维护，左边 -->\r\n        <!-- <div class=\"leftRandomBox baseRandomBox\">\r\n          <ul :style=\"scrollStyle\">\r\n            <li\r\n              v-for=\"(item, index) in liData\"\r\n              :style=\"item.style\"\r\n              :key=\"index\"\r\n            >\r\n              {{ item.title }}{{ item.value }}\r\n            </li>\r\n          </ul>\r\n        </div> -->\r\n        <!-- 装机时间，故障总数，右边 -->\r\n        <!-- <div class=\"rightRandomBox baseRandomBox\">\r\n          <ul>\r\n            <li\r\n              v-for=\"(item, index) in timeLiData\"\r\n              :style=\"item.style\"\r\n              :key=\"index\"\r\n            >\r\n              {{ item.title }}{{ item.value }}\r\n            </li>\r\n          </ul>\r\n        </div> -->\r\n        <!-- right2绝对定位，置于之上 -->\r\n        <div class=\"rightBox2\">\r\n          <!-- 版二：👇👇👇-->\r\n          <!-- 左边flex -->\r\n          <div class=\"leftBox\">\r\n            <div>\r\n              <div :style=\"liData[0].style\">\r\n                周维护次数：{{ liData[0].value }}\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div :style=\"liData[1].style\">\r\n                月维护次数：{{ liData[1].value }}\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div :style=\"liData[2].style\">\r\n                季维护次数：{{ liData[2].value }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <!-- 右边flex -->\r\n          <div class=\"rightBox\">\r\n            <div>\r\n              <div :style=\"timeLiData[0].style\">\r\n                装机时间：{{ timeLiData[0].value }}\r\n              </div>\r\n            </div>\r\n            <div>\r\n              <div :style=\"timeLiData[1].style\">\r\n                故障总数：{{ timeLiData[1].value }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- 产品图片 -->\r\n        <img id=\"tgGoods\" :src=\"imgSrc\" :style=\"scrollStyle\" alt=\"产品图片\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { cityInstrumentList } from \"@/request/api.js\";\r\nimport { instrumentBaseInfo } from \"@/request/api.js\";\r\n\r\n// 分页器组件\r\n\r\nimport titleText from \"@/components/title.vue\";\r\nimport \"@/assets/base/echartsBaseStyle.css\";\r\nexport default {\r\n  components: {\r\n    titleText,\r\n    cityInstrumentList,\r\n  },\r\n  mounted() {\r\n    this.cityInstrumentList(1);\r\n    this.kk();\r\n  },\r\n  data() {\r\n    return {\r\n      // 左边三个样式，右边两个样式\r\n      // leftstyle1: \"\",\r\n      // leftstyle2: \"\",\r\n      // leftstyle3: \"\",\r\n      // rightstyle1: \"\",\r\n      // rightstyle2: \"\",\r\n      loading: true,\r\n\r\n      scrollStyle: \"\",\r\n      imgSrc: null,\r\n      small: \"small\",\r\n      fit: true,\r\n      headStyle: {\r\n        height: \"5vh\",\r\n        backgroundColor: \"#131428\",\r\n        color: \"#FFFFFF\",\r\n        fontSize: \"1.4vh\",\r\n      },\r\n      cellStyle: {\r\n        height: \"5vh\",\r\n        fontSize: \"1.4vh\",\r\n      },\r\n      tableData: [],\r\n      insTotal: null,\r\n      insPageSize: 15,\r\n      liData: [\r\n        { title: \"周维护次数: \", value: 0, style: \"\", id: \"w\" },\r\n        { title: \"月维护次数: \", value: 0, style: \"\", id: \"m\" },\r\n        { title: \"季维护次数: \", value: 0, style: \"\", id: \"s\" },\r\n      ],\r\n      timeLiData: [\r\n        { title: \"装机时间: \", value: \"2021-10-24\", style: \"\", id: \"w\" },\r\n        { title: \"故障总数: \", value: 39, style: \"\", id: \"m\" },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    //某一行被点击时触发函数\r\n    tableRowClick(e) {\r\n      //行被点击时,根据仪器类型获取图片\r\n      this.showImg(e.type);\r\n      //点击一次，生成一次随机数\r\n      this.columnRandom();\r\n      //发送请求，获取当前仪器的基本数据\r\n      this.instrumentBaseInfo(e.code);\r\n      //将滚动样式赋值\r\n      this.kk();\r\n      //标签动画函数\r\n      this.tableAnimation();\r\n    },\r\n    kk() {\r\n      this.scrollStyle = \"\";\r\n      // this.scrollStyle=\"transform: translate(0px);transition: 1s;\"\r\n      setTimeout(() => {\r\n        this.scrollStyle = \"transform: translate(0px);transition: 1s;\";\r\n      }, 70);\r\n    },\r\n    tableAnimation() {\r\n      setTimeout(() => {\r\n        for (var i = 0; i < this.liData.length; i++) {\r\n          this.liData[i].style = \"\";\r\n          this.liData[i].style =\r\n            \"transform: translate(\" +\r\n            Math.random() * 10 +\r\n            \"vh,\" +\r\n            Math.random() * 10 +\r\n            \"vh);transition: 1s;\";\r\n        }\r\n      }, 70);\r\n      setTimeout(() => {\r\n        for (var i = 0; i < this.timeLiData.length; i++) {\r\n          this.timeLiData[i].style = \"\";\r\n          this.timeLiData[i].style =\r\n            \"transform: translate(\" +\r\n            Math.random() * 10 +\r\n            \"vh,\" +\r\n            Math.random() * 10 +\r\n            \"vh);transition: 1s;\";\r\n        }\r\n      }, 70);\r\n    },\r\n    //各城市仪器列表请求成功接口\r\n    cityInstrumentList(pages) {\r\n      this.loading = true;\r\n      cityInstrumentList({\r\n        page: pages,\r\n        pageSize: \"15\",\r\n      })\r\n        .then((res) => {\r\n          console.log(\"各城市仪器列表请求成功\", res);\r\n          var codes = res.data.rows[0].code;\r\n          var types = res.data.rows[0].type;\r\n\r\n          this.instrumentBaseInfo(codes); //发送请求获取第一行仪器的基本数据\r\n          this.showImg(types); //显示第一行仪器类型的图片\r\n          if (res.data.success) {\r\n            this.tableData = res.data.rows;\r\n            this.insTotal = res.data.total;\r\n            this.loading = false;\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"各城市仪器列表请求失败\", err);\r\n        });\r\n    },\r\n    //仪器基本信息\r\n    instrumentBaseInfo(codes) {\r\n      instrumentBaseInfo({\r\n        eCode: codes,\r\n      })\r\n        .then((res) => {\r\n          console.log(\"仪器基本信息接口成功\", res);\r\n          this.liData[0].value = res.data.WCount;\r\n          this.liData[1].value = res.data.MCount;\r\n          this.liData[2].value = res.data.QCount;\r\n          this.timeLiData[0].value = res.data.InstallDate;\r\n          this.timeLiData[1].value = res.data.ECount;\r\n        })\r\n        .catch((err) => {\r\n          console.log(\"仪器基本信息接口失败\", err);\r\n        });\r\n    },\r\n    //表格斑马线\r\n    rowStyle(row) {\r\n      if (row.rowIndex % 2 === 0) {\r\n        return { backgroundColor: \"#222644\" };\r\n      } else if (row.rowindex % 2 === 1) {\r\n        return { backgroundColor: \"#262b4b\" };\r\n      }\r\n    },\r\n    // 仪器基本数据标签随机生成\r\n    columnRandom() {\r\n      // 随机生成的位置\r\n      for (var i = 0; i < this.liData.length; i++) {\r\n        // 左右，最大12，最小2\r\n        let leftValue = Math.floor(Math.random() * 10 + 2);\r\n        // 上下，最小6，最大16\r\n        let topValue = Math.floor(Math.random() * 10 + 6);\r\n        // var topValue =\r\n        //   Math.floor(Math.random() * 80) - Math.floor(Math.random() * 4);\r\n        // var leftValue = Math.floor(Math.random() * 12);\r\n        this.liData[i].style =\r\n          \"left:\" + leftValue + \"rem;top:\" + topValue + \"rem;\";\r\n      }\r\n      for (var i = 0; i < this.timeLiData.length; i++) {\r\n        let leftValue = Math.floor(Math.random() * 10 + 2);\r\n        let topValue = Math.floor(Math.random() * 10 + 6);\r\n        // var topValue =\r\n        //   Math.floor(Math.random() * 80) - Math.floor(Math.random() * 4);\r\n        // var leftValue = Math.floor(Math.random() * 12);\r\n        this.timeLiData[i].style =\r\n          \"left:\" + leftValue + \"rem;top:\" + topValue + \"rem;\";\r\n      }\r\n      console.log(\"随机数为:\", Math.floor(Math.random() * 12));\r\n    },\r\n    //根据不同仪器，显示不同产品的图片方法\r\n    showImg(types) {\r\n      switch (types) {\r\n        case \"TESMI F3999\":\r\n          this.imgSrc = require(\"@/assets/imgs/F3999.png\");\r\n          break;\r\n        case \"TESMI F4000\":\r\n          this.imgSrc = require(\"@/assets/imgs/F4000.png\");\r\n          break;\r\n        case \"SMART 6500\":\r\n          this.imgSrc = require(\"@/assets/imgs/S6500.png\");\r\n          break;\r\n        case \"TESMI i100\":\r\n          this.imgSrc = require(\"@/assets/imgs/I100.png\");\r\n          break;\r\n        case \"TESMI i200\":\r\n          this.imgSrc = require(\"@/assets/imgs/I200.png\");\r\n          break;\r\n        case \"免疫岛2.0\":\r\n          this.imgSrc = require(\"@/assets/imgs/mianyidao2.png\");\r\n          break;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.intrumentBox {\r\n  width: 100vw;\r\n  height: 94vh; //改代码需要自适应\r\n  flex-direction: row;\r\n  display: flex;\r\n  .rightBox {\r\n    width: 55vw;\r\n    display: flex;\r\n    height: 94vh;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n    // 左右两个公用，季维护，月维护，周维护，装机时间，故障总数\r\n    .baseRandomBox {\r\n      min-width: 30rem;\r\n      height: 80%;\r\n      // background-color: #164230;\r\n      position: absolute;\r\n      z-index: 100;\r\n    }\r\n\r\n    // 左class（原版）\r\n    .leftRandomBox {\r\n      left: 0rem;\r\n      ul {\r\n        position: relative;\r\n        li {\r\n          width: 17rem;\r\n          height: 3rem;\r\n          background: rgb(62, 73, 11);\r\n          border-radius: 6rem;\r\n          position: absolute;\r\n          left: 11vh;\r\n          text-align: center;\r\n          line-height: 3rem;\r\n        }\r\n        li:nth-child(3) {\r\n          top: 0rem;\r\n        }\r\n        li:nth-child(1) {\r\n          top: 6vh;\r\n        }\r\n        li:nth-child(2) {\r\n          top: 77vh;\r\n        }\r\n      }\r\n    }\r\n\r\n    // 右class（原版）\r\n    .rightRandomBox {\r\n      right: 0;\r\n      ul {\r\n        position: relative;\r\n        li {\r\n          min-width: 20rem;\r\n          height: 3rem;\r\n          background: rgb(56, 6, 52);\r\n          border-radius: 6rem;\r\n          position: absolute;\r\n          left: 7vh;\r\n          text-align: center;\r\n          line-height: 3rem;\r\n        }\r\n        li:nth-child(1) {\r\n          top: 6vh;\r\n        }\r\n        li:nth-child(2) {\r\n          top: 77vh;\r\n          background: rgb(128, 48, 2);\r\n        }\r\n      }\r\n    }\r\n\r\n    // rightBox2和rightBox盒子大小一致，绝对定位覆盖之上\r\n    .rightBox2 {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 50;\r\n      display: flex;\r\n      // 新左侧\r\n      .leftBox {\r\n        width: 25vw;\r\n        height: 90vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n        div {\r\n          flex: 1;\r\n          width: 25vw;\r\n          height: 25vh;\r\n          position: relative;\r\n          div {\r\n            width: 10vw;\r\n            height: 3vh;\r\n            background: rgb(62, 73, 11);\r\n            border-radius: 6vh;\r\n            position: absolute;\r\n            text-align: center;\r\n            line-height: 3vh;\r\n            font-size: 1vh;\r\n          }\r\n        }\r\n\r\n        // 第一个\r\n        div:nth-child(1) {\r\n          div {\r\n            top: 8vh;\r\n            left: 3vw;\r\n          }\r\n        }\r\n\r\n        // 第二个\r\n        div:nth-child(2) {\r\n          div {\r\n            top: 2vh;\r\n            left: 1vw;\r\n          }\r\n        }\r\n\r\n        // 第三个\r\n        div:nth-child(3) {\r\n          div {\r\n            top: 9vh;\r\n            left: 2.5vw;\r\n          }\r\n        }\r\n      }\r\n\r\n      .rightBox {\r\n        width: 25vw;\r\n        height: 90vh;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-around;\r\n        div {\r\n          flex: 1;\r\n          width: 25vw;\r\n          height: 40vh;\r\n          position: relative;\r\n          div {\r\n            width: 10vw;\r\n            height: 3vh;\r\n            background: rgb(62, 73, 11);\r\n            border-radius: 6vh;\r\n            position: absolute;\r\n            text-align: center;\r\n            line-height: 3vh;\r\n          }\r\n        }\r\n\r\n        // 第一个\r\n        div:nth-child(1) {\r\n          div {\r\n            top: 10vh;\r\n            right: 3vw;\r\n            background: rgb(56, 6, 52);\r\n            font-size: 0.7vh;\r\n          }\r\n        }\r\n\r\n        // 第二个\r\n        div:nth-child(2) {\r\n          div {\r\n            top: 35vh;\r\n            right: 3vw;\r\n            background: rgb(128, 48, 2);\r\n            font-size: 0.7vh;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    #tgGoods {\r\n      width: 78%;\r\n      height: auto;\r\n      transform: translate(1000px);\r\n      // transition: 1s;\r\n      // transform: translate(0px);\r\n    }\r\n    #tgGoods:hover {\r\n      transform: scale(1.3);\r\n      transition: 1s;\r\n    }\r\n  }\r\n\r\n  .leftContent {\r\n    // flex: 8.6;\r\n    width: 45vw;\r\n    height: 100%;\r\n    background-color: #191931;\r\n    border-radius: 1.4rem;\r\n    border: 0.1rem solid #232341;\r\n    margin-left: 1.7rem;\r\n    padding: 0 2rem;\r\n    .tableBox {\r\n      width: 100%;\r\n      height: 86%;\r\n      position: relative;\r\n      // 加载中\r\n      .loading {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        // background-color: #b2b2b258;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 1000000;\r\n        i {\r\n          font-size: 5vh;\r\n          color: #f9f9f9;\r\n        }\r\n      }\r\n\r\n      // background-color: rgb(99, 25, 80);\r\n    }\r\n    .pagesBox {\r\n      width: 100%;\r\n      height: 7vh;\r\n      // background-color: #1b5f2a;\r\n      margin-top: 1rem;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      // 解决：进入页面后直接切换仪器页面时，分页器前往第几页样式默认仍旧为纯白底\r\n\r\n      // 原因:此页面未使用封装过的分页组件，是单独引用的elementUI组件，用到的是echartsBaseStyle.css\r\n      // echartsBaseStyle.css并未定义.el-input__inner样式\r\n      // 数据中心中，分页器引入的是封装的组件，而该组件中有对el-input_inner的css进行处理\r\n      // （第几页处输入框默认白色背景）\r\n\r\n      // 不解：刷新一次后样式正常。\r\n      // 怀疑：\r\n      // 1.elementUI主题问题，默认>自定义,\r\n      // 2.样式覆盖问题：刷新后纯白底色消失，但仍与数据中心样式不同，其有悬浮边框样式，该样式出现方式与ElementUI自带选择器等相似\r\n      // 3.大致分析：在进入页面后，没有特地设置样式，也没有使用封装后的组件后，其是默认样式（即纯白底色），刷新后主题生效，即黑底，但仍旧没有分页样式\r\n      // 只有默认悬浮效果，不同的是主题颜色更改，而除了第几页后，其他分页之所以样式正常echartsBaseStyle.css中对.el-pager li样式进行了设置\r\n      // 前往第几页的输入框与之样式不等\r\n\r\n      // 改动方式二：在echartsBaseStyle.css中设置亦可\r\n\r\n      // 注意：此处需要/deep/深度作用选择（弃用，在echartsBaseStyle.css中添加样式设置)\r\n      // /deep/.el-input--small {\r\n      //   .el-input__inner {\r\n      //     height: 3vh;\r\n      //     border: 0.1vh solid #f2b9fe;\r\n      //     position: relative;\r\n      //     top: -0.2vh;\r\n      //     color: #eee;\r\n      //     font-size: 1.2vh;\r\n      //     background-color: #0f0f1f;\r\n      //   }\r\n      // }\r\n      // 👆\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=116e8244&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=116e8244&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  \"116e8244\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=116e8244&lang=less&scoped=true&\""],"sourceRoot":""}