{"version":3,"file":"214.js","sources":["webpack:///src/views/system/myReport.vue","webpack:///./src/views/system/myReport.vue","webpack:///./src/views/system/myReport.vue?e328","webpack:///./src/assets/images/order.png","webpack:///./src/views/system/myReport.vue?9054","webpack:///./src/views/system/myReport.vue?963a","webpack:///./src/views/system/myReport.vue?b90c","webpack:///./src/views/system/myReport.vue?cd1e"],"sourcesContent":["<template>\n  <div>\n    <el-container>\n      <CommonTree\n        :treeTitle=\"$t('cip.plat.reportcenter.myReport.title.treeTitle')\"\n        :treeData=\"treeData\"\n        :defaultProps=\"defaultProps\"\n        :searchTitle=\"searchTitle\"\n        :isShowdig=\"false\"\n        :showCheckbox=\"false\"\n        :popover-show=\"true\"\n        @getNodeClick=\"treeNodeClick\"\n        @include-down=\"includeDown\"\n      />\n      <el-main>\n        <head-layout\n          :head-title=\"$t('cip.plat.reportcenter.myReport.title.headTitle')\"\n        ></head-layout>\n        <grid-head-layout\n          ref=\"gridHeadLayout\"\n          :grid-head-btn=\"gridHeadBtn\"\n          :search-columns=\"searchColumns\"\n          @grid-head-search=\"gridHeadSearch\"\n          @grid-head-empty=\"gridHeadEmpty\"\n        ></grid-head-layout>\n        <div class=\"cardBigBox\">\n          <div class=\"cardbox\" v-for=\"(item,index) in tableData\" :key=\"index\" @click=\"openIframe(item)\">\n            <div class=\"card\">\n              <div class=\"cardTop\">\n                <div class=\"disflex\">\n                  <img class=\"orderImg\" src=\"@/assets/images/order.png\">\n                  <div class=\"topContent\">\n                    <p>{{ $t('cip.plat.reportcenter.myReport.field.reportName') }}：<span>{{ item.reportName }}</span></p>\n                    <p>{{ $t('cip.plat.reportcenter.myReport.field.reportTypeName') }}：<span>{{ item.reportTypeName }}</span></p>\n                  </div>\n                </div>\n              </div>\n              <div class=\"cardBottom\">\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"block\">\n          <el-pagination background\n            @size-change=\"handleSizeChange\"\n            @current-change=\"handleCurrentChange\"\n            :current-page=\"page.currentPage\"\n            :page-sizes=\"[10, 20, 30, 40, 50, 100]\"\n            :page-size=\"page.pageSize\"\n            layout=\"total, sizes, prev, pager, next, jumper\"\n            :total=\"page.total\">\n          </el-pagination>\n        </div>\n      </el-main>\n    </el-container>\n    <el-dialog\n      :title=\"$t('cip.plat.reportcenter.report.btn.reportView')\"\n      :visible.sync=\"reportViewDialog\"\n      append-to-body\n      width=\"80%\">\n      <iframe\n        ref=\"iframe\"\n        :src=\"iframeUrl\"\n        id=\"iframe\"\n        width=\"100%\"\n        height=\"500\"\n        style=\"text-align: center\"\n      ></iframe>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\n\nimport {getDictionary} from \"@/api/system/dictbiz\";\n\nlet baseUrl = '/api/sinoma-system/dict-biz/dictionary?code='\nimport {mapGetters} from \"vuex\";\nimport {getMyReportList as getList} from \"@/api/system/report\";\nimport {tree} from \"@/api/system/reportCate\";\nimport GridLayout from \"@/views/components/layout/grid-layout\";\nimport CommonTree from \"@/views/components/com_tree/index\";\n\nexport default {\n  name: \"myReport\",\n  components: {\n    GridLayout,\n    CommonTree,\n  },\n  data() {\n    return {\n      reportViewDialog: false,\n      iframeUrl: '',\n      iframeUrls: `${process.env.VUE_APP_BASE_RQREPORTURL}/demo/reportJsp/showReport.jsp?rpx=`,\n      props: {\n        label: \"title\",\n        value: \"id\"\n      },\n      btnLoading: false,\n      settingVisible: false,\n      roleTreeData: [],\n      roleReportObj: [],\n      treeReadOnlyFlag: '',\n      form: {\n        parentId: '',\n      },\n      query: {\n        reportTypeId: \"\",\n      },\n      showTreeDialog: false,\n      fullscreen: false,\n      node: {},   //左侧树node\n      reportTypeId: '', // 点击左侧树的code\n      treeData: [],\n      defaultProps: {\n        label: \"reportCategoryName\",\n        value: \"reportTypeId\",\n        key: \"reportTypeId\"\n      },\n      searchTitle: 'reportCategoryName',\n      tableData: [],\n      reportTypeData: [],\n      dataTotal: null,\n      page: {\n        pageSize: 20,\n        currentPage: 1,\n        total: 0\n      },\n    };\n  },\n  computed: {\n    ...mapGetters([\"permission\", \"userInfo\"]),\n    searchColumns() {\n      return [\n        {\n          prop: \"reportName\",\n          span: 4,\n          maxlength: 20,\n          minlength: 2,\n          placeholder: this.$t(\"cip.plat.reportcenter.report.field.reportName\"),\n        },\n        {\n          prop: \"reportType\",\n          type: 'select',\n          dataType: 'string',\n          span: 4,\n          dicUrl: \"/api/sinoma-system/dict-biz/dictionary?code=REPORT_TYPE\",\n          props: {\n            label: \"dictValue\",\n            value: \"dictKey\",\n          },\n          placeholder: this.$t(`cip.plat.reportcenter.report.field.reportType`)\n        },\n      ]\n    },\n    treeOptions() {\n      return {\n        title: this.$t(`cip.plat.reportcenter.report.title.indexHeadTitle`),\n        defaultExpandAll: true,\n        nodeKey: 'id',\n        size: 'mini',\n        menu: true,\n        lazy: false,\n        dialogType: 'drawer',\n        addBtn: false,\n        editBtn: false,\n        delBtn: false,\n        props: {\n          labelText: this.$t(`cip.plat.reportcenter.report.title.indexHeadTitle`),\n          id: \"id\",\n          label: 'reportTypeId',\n          value: 'id',\n          children: 'children'\n        },\n      };\n    },\n    tableOptions() {\n      return {\n        height: 0,\n        customAddBtn: true,\n        linklabel: \"reportName\",\n        menuWidth: 200,\n        column: [\n          {\n            label: this.$t('cip.plat.reportcenter.report.field.reportName'),\n            prop: 'reportName',\n            overHidden: true,\n          },\n          {\n            label: this.$t('cip.plat.reportcenter.report.field.reportType'),\n            prop: 'reportType',\n            type: 'select',\n            align: \"center\",\n            dataType: \"string\",\n            dicUrl: `${baseUrl}REPORT_TYPE`,\n            props: {\n              label: \"dictValue\",\n              value: \"dictKey\"\n            },\n            overHidden: true,\n          },\n          {\n            label: this.$t('cip.plat.reportcenter.report.field.sort'),\n            prop: 'sort',\n            align: 'right',\n            overHidden: true,\n          },\n          {\n            label: this.$t('cip.plat.reportcenter.report.field.remark'),\n            prop: 'remark',\n            overHidden: true\n          },\n        ],\n      }\n    },\n    gridRowBtn() {\n      let btn = []\n      return btn;\n    },\n    gridHeadBtn() {\n      return []\n    },\n  },\n  methods: {\n    handleSizeChange(val) {\n      this.page.pageSize = val;\n      this.onLoad(this.page)\n    },\n    handleCurrentChange(val) {\n      this.page.currentPage = val;\n      this.onLoad(this.page)\n    },\n    openIframe(e) {\n      this.iframeUrl = this.iframeUrls + e.filePath;\n      this.reportViewDialog = true;\n    },\n    initTree() {\n      tree({parentId: 0}).then(res => {\n        const {data} = res.data;\n        this.treeData = data;\n      });\n    },\n    // 点击左侧树节点\n    treeNodeClick(node) {\n      this.node = node;\n      const {id} = node;\n      this.reportTypeId = id;\n      this.page.total = 0;\n      this.onLoad(this.page, {});\n    },\n    includeDown(e) {\n      this.page.currentPage = 1;\n      this.query.isInclude = e;\n      this.onLoad(this.page);\n    },\n    gridHeadSearch(query) {\n      this.onLoad(this.page, query)\n    },\n    gridHeadEmpty(query) {\n      this.onLoad(this.page, query)\n    },\n    onLoad(page, params = {}) {\n      this.page = page;\n      this.query.reportTypeId = this.reportTypeId;\n      getList(\n        page.currentPage,\n        page.pageSize,\n        Object.assign(params, this.query)\n      ).then(res => {\n        const data = res.data.data;\n        this.page.total = data.total;\n        data.records.forEach((i) => {\n          this.reportTypeData.forEach((e) => {\n            if (i.reportType == e.dictKey) {\n              i.reportTypeName = e.dictValue;\n            }\n          })\n        })\n        console.log(data)\n        this.tableData = data.records;\n      });\n    }\n  },\n  created() {\n    getDictionary({code: 'REPORT_TYPE'}).then((res) => {\n      this.reportTypeData = res.data.data;\n      this.onLoad(this.page, {});\n    })\n    tree()\n      .then((result) => {\n        this.treeData = result.data.data;\n        this.treeLoading = false;\n      })\n      .catch((err) => {\n        this.treeLoading = true;\n      });\n  },\n};\n</script>\n<style scoped lang=\"scss\">\n.common_tree_handle {\n  width: 240px;\n}\n.el-main {\n  border-radius: 4px;\n  background-color: #FFFFFF;\n  position: relative;\n}\n\n.disflex {\n  display: flex;\n}\n\n.cardBigBox {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n\n  .cardbox {\n    width: 33.3%;\n    margin-bottom: 30px;\n    .card {\n      width: 90%;\n      margin: auto;\n      cursor: pointer;\n      .cardTop {\n        width: calc(100% - 26px);\n        padding: 12px;\n        border: 1px solid #DCDFE6;\n\n        .orderImg {\n          width: 35px;\n          height: 35px;\n        }\n\n        .topContent {\n          margin-left: 8px;\n          color: #909399;\n          font-size: 14px;\n          line-height: 25px;\n\n          p {\n            margin: 0;\n          }\n\n          span {\n            color: #333333;\n          }\n        }\n      }\n\n      .cardBottom {\n        width: 100%;\n        background-color: #DCDFE6;\n        height: 25px;\n        font-size: 12px;\n        line-height: 25px;\n        display: flex;\n        flex-direction: row-reverse;\n      }\n    }\n  }\n}\n\n.block {\n  position: absolute;\n  bottom: 0;\n  width: calc(100% - 48px);\n  padding: 12px 24px;\n  background-color: #FFFFFF;\n  display: flex;\n  flex-direction: row-reverse;\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"el-container\",\n        [\n          _c(\"CommonTree\", {\n            attrs: {\n              treeTitle: _vm.$t(\n                \"cip.plat.reportcenter.myReport.title.treeTitle\"\n              ),\n              treeData: _vm.treeData,\n              defaultProps: _vm.defaultProps,\n              searchTitle: _vm.searchTitle,\n              isShowdig: false,\n              showCheckbox: false,\n              \"popover-show\": true,\n            },\n            on: {\n              getNodeClick: _vm.treeNodeClick,\n              \"include-down\": _vm.includeDown,\n            },\n          }),\n          _c(\n            \"el-main\",\n            [\n              _c(\"head-layout\", {\n                attrs: {\n                  \"head-title\": _vm.$t(\n                    \"cip.plat.reportcenter.myReport.title.headTitle\"\n                  ),\n                },\n              }),\n              _c(\"grid-head-layout\", {\n                ref: \"gridHeadLayout\",\n                attrs: {\n                  \"grid-head-btn\": _vm.gridHeadBtn,\n                  \"search-columns\": _vm.searchColumns,\n                },\n                on: {\n                  \"grid-head-search\": _vm.gridHeadSearch,\n                  \"grid-head-empty\": _vm.gridHeadEmpty,\n                },\n              }),\n              _c(\n                \"div\",\n                { staticClass: \"cardBigBox\" },\n                _vm._l(_vm.tableData, function (item, index) {\n                  return _c(\n                    \"div\",\n                    {\n                      key: index,\n                      staticClass: \"cardbox\",\n                      on: {\n                        click: function ($event) {\n                          return _vm.openIframe(item)\n                        },\n                      },\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"card\" }, [\n                        _c(\"div\", { staticClass: \"cardTop\" }, [\n                          _c(\"div\", { staticClass: \"disflex\" }, [\n                            _c(\"img\", {\n                              staticClass: \"orderImg\",\n                              attrs: {\n                                src: require(\"@/assets/images/order.png\"),\n                              },\n                            }),\n                            _c(\"div\", { staticClass: \"topContent\" }, [\n                              _c(\"p\", [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.$t(\n                                      \"cip.plat.reportcenter.myReport.field.reportName\"\n                                    )\n                                  ) + \"：\"\n                                ),\n                                _c(\"span\", [_vm._v(_vm._s(item.reportName))]),\n                              ]),\n                              _c(\"p\", [\n                                _vm._v(\n                                  _vm._s(\n                                    _vm.$t(\n                                      \"cip.plat.reportcenter.myReport.field.reportTypeName\"\n                                    )\n                                  ) + \"：\"\n                                ),\n                                _c(\"span\", [\n                                  _vm._v(_vm._s(item.reportTypeName)),\n                                ]),\n                              ]),\n                            ]),\n                          ]),\n                        ]),\n                        _c(\"div\", { staticClass: \"cardBottom\" }),\n                      ]),\n                    ]\n                  )\n                }),\n                0\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"block\" },\n                [\n                  _c(\"el-pagination\", {\n                    attrs: {\n                      background: \"\",\n                      \"current-page\": _vm.page.currentPage,\n                      \"page-sizes\": [10, 20, 30, 40, 50, 100],\n                      \"page-size\": _vm.page.pageSize,\n                      layout: \"total, sizes, prev, pager, next, jumper\",\n                      total: _vm.page.total,\n                    },\n                    on: {\n                      \"size-change\": _vm.handleSizeChange,\n                      \"current-change\": _vm.handleCurrentChange,\n                    },\n                  }),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.$t(\"cip.plat.reportcenter.report.btn.reportView\"),\n            visible: _vm.reportViewDialog,\n            \"append-to-body\": \"\",\n            width: \"80%\",\n          },\n          on: {\n            \"update:visible\": function ($event) {\n              _vm.reportViewDialog = $event\n            },\n          },\n        },\n        [\n          _c(\"iframe\", {\n            ref: \"iframe\",\n            staticStyle: { \"text-align\": \"center\" },\n            attrs: {\n              src: _vm.iframeUrl,\n              id: \"iframe\",\n              width: \"100%\",\n              height: \"500\",\n            },\n          }),\n        ]\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1739954824348\n      var cssReload = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  ","module.exports = __webpack_public_path__ + \"static/img/order.c83ca324.png\";","import { render, staticRenderFns } from \"./myReport.vue?vue&type=template&id=230bf2b6&scoped=true\"\nimport script from \"./myReport.vue?vue&type=script&lang=js\"\nexport * from \"./myReport.vue?vue&type=script&lang=js\"\nimport style0 from \"./myReport.vue?vue&type=style&index=0&id=230bf2b6&scoped=true&lang=scss\"\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  \"230bf2b6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/var/jenkins_home/workspace/181_hse_web/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('230bf2b6')) {\n      api.createRecord('230bf2b6', component.options)\n    } else {\n      api.reload('230bf2b6', component.options)\n    }\n    module.hot.accept(\"./myReport.vue?vue&type=template&id=230bf2b6&scoped=true\", function () {\n      api.rerender('230bf2b6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/system/myReport.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./myReport.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./myReport.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./myReport.vue?vue&type=style&index=0&id=230bf2b6&scoped=true&lang=scss\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"bdb7defc-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./myReport.vue?vue&type=template&id=230bf2b6&scoped=true\""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA;AAEA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AAAA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACzSA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAOA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AAGA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAEA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAAA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AA0BA;AAAA;AAIA;AAKA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;;;;;;;;;;;;ACrKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACPA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;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;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}