{"remainingRequest":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\src\\component\\workOrder.vue","mtime":1689642397092},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\babel-loader\\lib\\index.js","mtime":1689642388897},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1689642389292},{"path":"E:\\2023\\yancheng0718\\yanchengPowerSupply\\node_modules\\vue-loader\\lib\\index.js","mtime":1689642396086}],"contextDependencies":[],"result":["\r\nimport { getGdtj, getWord } from \"../api/index\";\r\n// import axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\n\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"workOrder\",\r\n  props: [\"orderItem\"],\r\n  data() {\r\n    return {\r\n      workList: null,\r\n      wordShow: false,\r\n      wordTitle: \"\",\r\n      closeShow: false,\r\n\r\n      \r\n    };\r\n  },\r\n  created() {\r\n    //   console.log(this.workId,'id');\r\n    //   查询工单详情\r\n    // if(this.orderItem.gd_type_id==''){\r\n    //   return\r\n    // }\r\n    getGdtj({ action: \"detail\", gd_type_id: this.orderItem.gd_type_id }).then(\r\n      (res) => {\r\n        if(res.state==false){\r\n          return\r\n        }\r\n        // console.log(res.data.data, \"工单详情数据\");\r\n        this.workList = res.data.data;\r\n      }\r\n    );\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$parent.workShow = \"\";\r\n      this.$parent.orderItem = null;\r\n    },\r\n    //   弹出word\r\n    openFile(url, row) {\r\n      // console.log(row,'数据');\r\n      // word标题\r\n      this.wordTitle = row;\r\n      var that = this;\r\n      // console.log(url);\r\n      // console.log(url, \"url路劲\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      //   console.log(url,'路劲');\r\n\r\n      //\r\n\r\n      getWord(url).then(({ data }) => {\r\n        // console.log(data, \"格式\");\r\n\r\n        // console.log(src,'000');\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: false, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              this.wordShow = true;\r\n              that.closeShow = true;\r\n            });\r\n        });\r\n      });\r\n      // 关闭按钮显示\r\n\r\n      //   setTimeout(() => {\r\n      //     that.closeShow = true;\r\n      //   }, 2000);\r\n      //   });\r\n      // });\r\n    },\r\n    // 关闭word\r\n    wordClose() {\r\n      this.wordShow = false;\r\n    },\r\n  },\r\n};\r\n",{"version":3,"sources":["workOrder.vue"],"names":[],"mappings":";AAyEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"workOrder.vue","sourceRoot":"src/component","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"workOrder\" :class=\"wordShow == true ? 'addblur' : ''\">\r\n      <div class=\"top\">\r\n        <div class=\"title\">{{ orderItem.gd_type_name }}详情</div>\r\n        <div class=\"close\">\r\n          <img\r\n            @click=\"handleClose\"\r\n            src=\"@/assets/images/close.png\"\r\n            style=\"cursor: pointer\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"table user_skills\">\r\n        <el-table\r\n          :data=\"workList\"\r\n          style=\"width: 100%; height: 100%\"\r\n          :header-cell-style=\"{ 'text-align': 'center' }\"\r\n          :cell-style=\"{ 'text-align': 'center' }\"\r\n          stripe\r\n        >\r\n          <el-table-column label=\"序号\" align=\"center\" width=\"60\">\r\n            <template slot-scope=\"scope\">\r\n              {{ scope.$index + 1 }}\r\n            </template>\r\n          </el-table-column>\r\n          <el-table-column prop=\"bz\" label=\"班组\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_type_id\" label=\"工单类型\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_zrr\" label=\"工单责任人\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_title\" label=\"工单标题\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"gd_time\" label=\"工单时间\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column prop=\"is_manyi_dsc\" label=\"是否满意\" align=\"center\">\r\n          </el-table-column>\r\n          <el-table-column label=\"资料路径\" align=\"center\">\r\n            <template slot-scope=\"scope\">\r\n              <div\r\n                @click=\"openFile(scope.row.file_url, scope.row.bz)\"\r\n                :class=\"scope.row.file_url ? 'openBtn' : ''\"\r\n              ></div>\r\n              <!-- <el-button type='info'>\r\n              查看详情\r\n            </el-button> -->\r\n            </template>\r\n          </el-table-column>\r\n          <!-- <el-table-column prop=\"phase\" label=\"创建时间\" align=\"center\"> </el-table-column> -->\r\n        </el-table>\r\n      </div>\r\n    </div>\r\n    <!-- word弹窗 -->\r\n    <div class=\"wordDialog\" v-show=\"wordShow\">\r\n      <div class=\"title\">\r\n        {{ wordShow == true ? this.wordTitle+'详情' : \"\" }}\r\n      </div>\r\n      <div class=\"word\" ref=\"word\">\r\n        <div class=\"wordBox\"></div>\r\n      </div>\r\n      <div class=\"wordBtn\">\r\n        <img\r\n          @click=\"wordClose\"\r\n          src=\"@/assets/images/close.png\"\r\n          style=\"cursor: pointer\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getGdtj, getWord } from \"../api/index\";\r\n// import axios from \"axios\";\r\nlet docx = require(\"docx-preview\");\r\n\r\nwindow.JSZip = require(\"jszip\");\r\nexport default {\r\n  name: \"workOrder\",\r\n  props: [\"orderItem\"],\r\n  data() {\r\n    return {\r\n      workList: null,\r\n      wordShow: false,\r\n      wordTitle: \"\",\r\n      closeShow: false,\r\n\r\n      \r\n    };\r\n  },\r\n  created() {\r\n    //   console.log(this.workId,'id');\r\n    //   查询工单详情\r\n    // if(this.orderItem.gd_type_id==''){\r\n    //   return\r\n    // }\r\n    getGdtj({ action: \"detail\", gd_type_id: this.orderItem.gd_type_id }).then(\r\n      (res) => {\r\n        if(res.state==false){\r\n          return\r\n        }\r\n        // console.log(res.data.data, \"工单详情数据\");\r\n        this.workList = res.data.data;\r\n      }\r\n    );\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$parent.workShow = \"\";\r\n      this.$parent.orderItem = null;\r\n    },\r\n    //   弹出word\r\n    openFile(url, row) {\r\n      // console.log(row,'数据');\r\n      // word标题\r\n      this.wordTitle = row;\r\n      var that = this;\r\n      // console.log(url);\r\n      // console.log(url, \"url路劲\");\r\n      var url = \"/\" + url.split(\"/\")[3] + \"/\" + url.split(\"/\")[4];\r\n      //   console.log(url,'路劲');\r\n\r\n      //\r\n\r\n      getWord(url).then(({ data }) => {\r\n        // console.log(data, \"格式\");\r\n\r\n        // console.log(src,'000');\r\n        that.$nextTick(() => {\r\n          // doc.renderAsync(data,that.$refs.word)\r\n          docx\r\n            .renderAsync(data, that.$refs.word, null, {\r\n              className: \"docx\", //默认和文档样式类的类名/前缀\r\n              inWrapper: true, //启用围绕文档内容呈现包装器\r\n              ignoreWidth: true, //禁用页面的渲染宽度\r\n              ignoreHeight: true, //禁用页面的渲染高度\r\n              ignoreFonts: false, //禁用字体渲染\r\n              breakPages: true, //在分页符上启用分页\r\n              ignoreLastRenderedPageBreak: true, //在lastRenderedPageBreak元素上禁用分页\r\n              experimental: false, //启用实验功能（制表符停止计算）\r\n              trimXMLDeclaration: true, //如果为true，则在解析之前将从xml文档中删除xml声明\r\n              useBase64URL: false, //如果为true，图像、字体等将转换为base 64 URL，否则使用URL.createObjectURL\r\n              useMathMLPolyfill: false, //包括用于铬、边等的MathML多填充。\r\n              showChanges: false, //启用文档更改的实验渲染（插入/删除）\r\n              debug: false, //启用额外的日志记录\r\n            })\r\n            .then((res) => {\r\n              this.wordShow = true;\r\n              that.closeShow = true;\r\n            });\r\n        });\r\n      });\r\n      // 关闭按钮显示\r\n\r\n      //   setTimeout(() => {\r\n      //     that.closeShow = true;\r\n      //   }, 2000);\r\n      //   });\r\n      // });\r\n    },\r\n    // 关闭word\r\n    wordClose() {\r\n      this.wordShow = false;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang='less'>\r\n.openBtn {\r\n  width: 128px;\r\n  height: 37px;\r\n  background-image: url(\"../assets/images/detailBtn.png\");\r\n  background-size: 100% 100%;\r\n  margin: 0 auto;\r\n}\r\n/deep/.el-table {\r\n  font-size: 20px !important;\r\n}\r\n/deep/.el-table tr {\r\n  height: 70px;\r\n}\r\n.user_skills {\r\n  /**\r\n  表格有滚动效果但是不显示滚动条\r\n  */\r\n  /deep/ .is-scrolling-none {\r\n    overflow: hidden;\r\n    overflow-y: auto;\r\n    overflow-x: scroll;\r\n    height: calc(100% - 70px);\r\n  }\r\n  /deep/ .is-scrolling-none::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-y ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/.el-table--scrollable-x ::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n  /deep/ .el-table {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table th {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table__header {\r\n    height: 48px;\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ .el-table__header th {\r\n    border: none;\r\n    padding: 0;\r\n    height: 40px;\r\n    .cell {\r\n      height: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-around;\r\n    }\r\n    &.el-table__cell.is-leaf {\r\n      border: none !important;\r\n    }\r\n  }\r\n  /deep/ .el-table tr {\r\n    background-color: transparent !important;\r\n  }\r\n  /deep/ .el-table--enable-row-transition .el-table__body td,\r\n  .el-table .cell {\r\n    background-color: transparent !important;\r\n    border: none;\r\n    color: #ffffff;\r\n  }\r\n  /deep/ .el-table__body td .cell {\r\n    white-space: nowrap !important;\r\n    // word-break: break-all;\r\n  }\r\n  /deep/ .el-table th.el-table__cell > .cell {\r\n    color: rgb(86, 254, 226);\r\n  }\r\n  /deep/.el-table .el-table__cell {\r\n    padding: 5px 0;\r\n  }\r\n  &::before {\r\n    //去除底部白线\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 100%;\r\n    height: 0px;\r\n  }\r\n}\r\n.el-table::before {\r\n  background-color: transparent;\r\n}\r\n::v-deep .el-table .el-table__body tr.el-table__row td {\r\n  background: rgba(79, 218, 255, 0.1) !important;\r\n}\r\n::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td {\r\n  background: rgba(79, 218, 255, 0.06) !important;\r\n}\r\n.addblur {\r\n  filter: blur(5px);\r\n  // background-color: #000;\r\n}\r\n.workOrder {\r\n  width: 1332px;\r\n  height: 693px;\r\n  position: relative;\r\n  background: url(\"../assets/images/ringMain.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n  -webkit-animation: fadeInDown 0.3s;\r\n  animation: fadeInDown 0.3s;\r\n  padding: 15px 25px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-content: space-between;\r\n  .top {\r\n    height: 4%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    .close{\r\n      position: absolute;\r\n      top: 3%;\r\n      right: 2%;\r\n    }\r\n    .title {\r\n      font-size: 28px;\r\n      font-weight: 700;\r\n      color: transparent;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      background-image: linear-gradient(\r\n        to bottom,\r\n        rgb(255, 255, 255),\r\n        rgb(86, 244, 254)\r\n      );\r\n    }\r\n  }\r\n  .table {\r\n    width: 100%;\r\n    height: 95%;\r\n    // border: 1px solid red;\r\n    background: url(\"../assets/images/intervalFrame.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    padding: 15px 20px;\r\n  }\r\n}\r\n.wordDialog {\r\n  width: 1511px;\r\n  height: 1071px;\r\n  position: fixed;\r\n  top: 0px;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  z-index: 999;\r\n  background: url(\"../assets/images/ringMainUnitKuang.png\") no-repeat;\r\n  // background: url(\"../assets/images/wordBg.png\") no-repeat;\r\n  background-size: 100% 100%;\r\n}\r\n.title {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: transparent;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  background-image: -webkit-gradient(\r\n    linear,\r\n    left top,\r\n    left bottom,\r\n    from(#ffffff),\r\n    to(#56f4fe)\r\n  );\r\n  background-image: linear-gradient(to bottom, #ffffff, #56f4fe);\r\n  position: absolute;\r\n  top: 1%;\r\n  left: 1%;\r\n}\r\n//   去除滚动条\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n//   word\r\n.word {\r\n  width: 100%;\r\n  // height: 50%;\r\n  height: 94%;\r\n  margin-top: 4%;\r\n  overflow-y: scroll;\r\n\r\n  // background-color: chartreuse;\r\n}\r\n.wordBtn {\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 39px;\r\n  z-index: 1000;\r\n  // width: 100%;\r\n  // height: 4%;\r\n  // background-color: darkgray;\r\n  // img {\r\n  //   position: absolute;\r\n  //   top: 34%;\r\n  //   right: 1%;\r\n  // }\r\n}\r\n\r\n/deep/ .docx span {\r\n  // font-size: 25px !important;\r\n  color: #fff !important;\r\n}\r\n/deep/ .docx-wrapper {\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  // background-image: url(\"../assets/images/wordBg1.png\");\r\n  background-size: 100% 100%;\r\n}\r\n/deep/ .docx {\r\n  width: 100% !important;\r\n  background-color: transparent !important;\r\n  box-shadow: none !important;\r\n  padding: unset !important;\r\n}\r\n// /deep/ .docx table td {\r\n//   width: 60px !important;\r\n//   border-style: none !important;\r\n// }\r\n// /deep/ .docx-wrapper > section.docx {\r\n//   // background-color: transparent !important;\r\n// }\r\n/deep/ .docx table {\r\n  width: 100% !important;\r\n  /deep/ tr:nth-of-type(1) {\r\n    background: url(\"../assets/images/intervalTable.png\") no-repeat !important;\r\n    background-size: 100% 100%;\r\n  }\r\n  /deep/ td {\r\n    border-style: unset !important;\r\n    font-size: 20px;\r\n  }\r\n  /deep/ tr:nth-child(2n) {\r\n    background: rgba(79, 218, 255, 0.06) !important;\r\n  }\r\n  /deep/ tr {\r\n    background: rgba(79, 218, 255, 0.1) !important;\r\n    height: 48px !important;\r\n  }\r\n}\r\n\r\n// /deep/ .docx p {\r\n//   text-align: center !important;\r\n// }\r\n// /deep/ p.docx_a3 {\r\n//   border-bottom: none !important;\r\n// }\r\n/deep/ .docx p {\r\n  // text-align: unset !important;\r\n  line-height: unset !important;\r\n  text-align: unset !important;\r\n  // text-indent: unset !important;\r\n}\r\n/dee/ .docx img {\r\n  margin: 0 auto !important;\r\n}\r\n/deep/ .docx_normalcharacter > div {\r\n  margin: 0 auto !important;\r\n  text-align: unset !important;\r\n}\r\n</style>"]}]}