{"version":3,"file":"18.js","sources":["webpack:///src/views/business/jobSlip/jobTicketList/components/region.vue","webpack:///./src/views/business/jobSlip/jobTicketList/components/region.vue","webpack:///./src/views/business/jobSlip/jobTicketList/components/region.vue?10a4","webpack:///./src/views/business/jobSlip/jobTicketList/components/region.vue?98ad","webpack:///./src/views/business/jobSlip/jobTicketList/components/region.vue?1c1f","webpack:///./src/views/business/jobSlip/jobTicketList/components/region.vue?3aa0","webpack:///./src/views/business/jobSlip/jobTicketList/components/region.vue?9f50"],"sourcesContent":["<template>\n  <!-- 项目区域 -->\n  <el-dialog class=\"region\" :visible.sync=\"dialogVisible\" width=\"60%\" v-if=\"dialogVisible\" title=\"区域选择\">\n  <el-container style=\"height: 100%\">\n    <CommonTree\n      ref=\"commonTreeCore\"\n      treeTitle=\"区域分类\"\n      :treeData=\"treeData\"\n      nodeKey=\"id\"\n      searchTitle=\"typeName\"\n      :defaultProps=\"{ label: 'typeName' }\"\n      :expandOnClickNode=\"false\"\n      @getNodeClick=\"handleNodeClick\"\n    />\n    <el-main>\n      <grid-head-layout\n        ref=\"gridHeadLayout\"\n        :search-columns=\"searchColumns\"\n        @grid-head-search=\"gridHeadSearch\"\n        @grid-head-empty=\"gridHeadEmpty\"\n      ></grid-head-layout>\n      <!--  -->\n      <grid-layout\n        class=\"itemListGrid\"\n        ref=\"gridLayOut\"\n        :table-options=\"tableOptions\"\n        :table-data=\"tableData\"\n        :table-loading=\"tableLoading\"\n        :data-total=\"page.total\"\n        :page=\"page\"\n        @page-current-change=\"handleCurrentChange\"\n        @page-size-change=\"handleSizeChange\"\n        @page-refresh-change=\"onLoad\"\n        @gird-handle-select-click=\"selectionChange\"\n      >\n        <template #customBtn=\"{ row }\">\n          <el-button type=\"text\" size=\"small\" @click=\"rowSelect(row)\">选择\n          </el-button>\n        </template>\n      </grid-layout>\n      <div style=\"display: flex;justify-content: center\" v-if=\"chooseType == 'multiple'\">\n        <el-button size=\"medium\" type=\"primary\" @click=\"confirm\" style=\"margin-right: 24px\">确认</el-button>\n        <el-button size=\"medium\" @click=\"closeDialog\">取消</el-button>\n      </div>\n    </el-main>\n  </el-container>\n  </el-dialog>\n\n</template>\n\n<script>\nimport CommonTree from \"@/views/components/com_tree/index.vue\";\nimport HeadLayout from \"@/views/components/layout/head-layout.vue\";\nimport GridLayout from \"@/views/components/layout/grid-layout.vue\";\n\nimport {\n  getAreaClassTree,getAreaClassPage\n} from \"@/api/safe/projectArea\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  components: {\n    CommonTree,\n    HeadLayout,\n    GridLayout,\n  },\n  props:{\n    chooseType: {\n      type: Boolean,\n      default: 'multiple'\n    }\n  },\n  data() {\n    return {\n      dialogVisible:false,\n      treeData: [],\n      treeForm: {\n        typeName: \"\",\n        parentId: \"\",\n        id: \"\",\n        prjId: \"\",\n      },\n      treeDialogLoading: false,\n      nodeData: {},\n      tableData: [],\n      tableLoading: false,\n      page: {\n        pageSize: 20,\n        currentPage: 1,\n        total: 0,\n      },\n      query: {},\n\n      treeParentData: [],\n      prjId: \"\", // 项目id\n      selectionList: [],\n      searchColumns: [\n        {\n          label: \"\",\n          prop: \"areaName\",\n          span: 4,\n          placeholder: \"请输入区域名称\",\n        },\n      ],\n    };\n  },\n\n  computed: {\n    ...mapGetters([\"permission\", \"userInfo\"]),\n    tableOptions() {\n      return {\n        menu: this.chooseType != 'multiple',\n        selection: this.chooseType == 'multiple',\n        column: [\n          {\n            label: \"区域名称\",\n            prop: \"areaName\",\n            align: \"left\",\n            minWidth: 200,\n            overHidden: true,\n          },\n          {\n            label: \"区域编码\",\n            prop: \"areaCode\",\n            align: \"center\",\n            minWidth: 120,\n            overHidden: true,\n          },\n          {\n            label: \"工作范围\",\n            prop: \"remark\",\n            align: \"center\",\n            minWidth: 200,\n            overHidden: true,\n          },\n          {\n            label: \"更新时间\",\n            prop: \"updateTime\",\n            align: \"center\",\n            minWidth: 170,\n            overHidden: true,\n          },\n          {\n            label: \"创建人\",\n            prop: \"createUserName\",\n            align: \"center\",\n            minWidth: 120,\n            overHidden: true,\n          },\n          {\n            label: \"创建人单位\",\n            prop: \"createDeptName\",\n            align: \"left\",\n            minWidth: 200,\n            overHidden: true,\n          },\n        ],\n      };\n    },\n  },\n\n  methods: {\n    init() {\n      this.dialogVisible=true\n      this.prjId = this.userInfo.dept_id;\n      this.treeForm.prjId = this.userInfo.dept_id;\n      this.getTreeData();\n      this.query = {};\n      this.onLoad(this.page);\n    },\n    /** 左侧列表操作 */\n    getTreeData() {\n      getAreaClassTree({ prjId: this.prjId }).then((res) => {\n        this.treeData = res.data.data;\n      });\n    },\n    handleNodeClick(data, node) {\n      this.nodeData = data;\n      this.query.typeId = data.id;\n\n      this.page.currentPage = 1;\n      this.onLoad(this.page);\n    },\n\n    gridHeadSearch(searchForm) {\n      this.page.currentPage = 1;\n      this.onLoad(this.page, searchForm);\n    },\n    // 清空\n    gridHeadEmpty(searchForm) {\n      this.page.currentPage = 1;\n      this.onLoad(this.page);\n    },\n    /** 右侧表格操作 */\n    onLoad(page, params = {}) {\n      this.tableLoading = true;\n      this.page = page;\n      params.prjId = this.prjId;\n      getAreaClassPage(\n        page.currentPage,\n        page.pageSize,\n        Object.assign(page.currentPage, page.pageSize, params, this.query)\n      ).then((res) => {\n        const data = res.data.data;\n        this.$refs.gridLayOut.page.total = data.total;\n        this.tableData = data.records;\n        this.tableLoading = false;\n        //重新渲染表格，解决勾选框错行问题\n        this.$nextTick(() => {\n          this.$refs.gridLayOut.$refs.grid.$refs.table.doLayout();\n        });\n        this.$refs.gridLayOut.selectionClear();\n      });\n    },\n    //页数改变\n    handleCurrentChange(e) {\n      this.page.currentPage = e.currentPage;\n      this.onLoad(this.page);\n    },\n    //size改变\n    handleSizeChange(e) {\n      this.page.currentPage = 1;\n      this.page.pageSize = e.pageSize;\n      this.onLoad(this.page);\n    },\n    // 选择列表数据\n    selectionChange(list) {\n      this.selectionList = list;\n    },\n    closeDialog(){\n      this.dialogVisible=false;\n      this.selectionList=[]\n    },\n    confirm () {\n      if(this.selectionList.length == 0)return this.$message.error('请选择对应区域数据')\n      this.$emit('callback',this.selectionList)\n      this.closeDialog();\n    },\n    rowSelect(row) {\n      this.$emit('areaSelect', row)\n      this.closeDialog();\n    }\n  },\n};\n</script>\n\n<style lang=\"scss\" >\n.region{\n  .itemListGrid .avue-crud .el-table {\n    height: 450px !important;\n    max-height: 450px !important;\n    box-sizing: border-box;\n  }\n  .el-dialog__body{\n    height: 600px;\n  }\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.dialogVisible\n    ? _c(\n        \"el-dialog\",\n        {\n          staticClass: \"region\",\n          attrs: {\n            visible: _vm.dialogVisible,\n            width: \"60%\",\n            title: \"区域选择\",\n          },\n          on: {\n            \"update:visible\": function ($event) {\n              _vm.dialogVisible = $event\n            },\n          },\n        },\n        [\n          _c(\n            \"el-container\",\n            { staticStyle: { height: \"100%\" } },\n            [\n              _c(\"CommonTree\", {\n                ref: \"commonTreeCore\",\n                attrs: {\n                  treeTitle: \"区域分类\",\n                  treeData: _vm.treeData,\n                  nodeKey: \"id\",\n                  searchTitle: \"typeName\",\n                  defaultProps: { label: \"typeName\" },\n                  expandOnClickNode: false,\n                },\n                on: { getNodeClick: _vm.handleNodeClick },\n              }),\n              _c(\n                \"el-main\",\n                [\n                  _c(\"grid-head-layout\", {\n                    ref: \"gridHeadLayout\",\n                    attrs: { \"search-columns\": _vm.searchColumns },\n                    on: {\n                      \"grid-head-search\": _vm.gridHeadSearch,\n                      \"grid-head-empty\": _vm.gridHeadEmpty,\n                    },\n                  }),\n                  _c(\"grid-layout\", {\n                    ref: \"gridLayOut\",\n                    staticClass: \"itemListGrid\",\n                    attrs: {\n                      \"table-options\": _vm.tableOptions,\n                      \"table-data\": _vm.tableData,\n                      \"table-loading\": _vm.tableLoading,\n                      \"data-total\": _vm.page.total,\n                      page: _vm.page,\n                    },\n                    on: {\n                      \"page-current-change\": _vm.handleCurrentChange,\n                      \"page-size-change\": _vm.handleSizeChange,\n                      \"page-refresh-change\": _vm.onLoad,\n                      \"gird-handle-select-click\": _vm.selectionChange,\n                    },\n                    scopedSlots: _vm._u(\n                      [\n                        {\n                          key: \"customBtn\",\n                          fn: function ({ row }) {\n                            return [\n                              _c(\n                                \"el-button\",\n                                {\n                                  attrs: { type: \"text\", size: \"small\" },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.rowSelect(row)\n                                    },\n                                  },\n                                },\n                                [_vm._v(\"选择\\n        \")]\n                              ),\n                            ]\n                          },\n                        },\n                      ],\n                      null,\n                      false,\n                      1147017903\n                    ),\n                  }),\n                  _vm.chooseType == \"multiple\"\n                    ? _c(\n                        \"div\",\n                        {\n                          staticStyle: {\n                            display: \"flex\",\n                            \"justify-content\": \"center\",\n                          },\n                        },\n                        [\n                          _c(\n                            \"el-button\",\n                            {\n                              staticStyle: { \"margin-right\": \"24px\" },\n                              attrs: { size: \"medium\", type: \"primary\" },\n                              on: { click: _vm.confirm },\n                            },\n                            [_vm._v(\"确认\")]\n                          ),\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: { size: \"medium\" },\n                              on: { click: _vm.closeDialog },\n                            },\n                            [_vm._v(\"取消\")]\n                          ),\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1739954863278\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  ","import { render, staticRenderFns } from \"./region.vue?vue&type=template&id=5b22a4be\"\nimport script from \"./region.vue?vue&type=script&lang=js\"\nexport * from \"./region.vue?vue&type=script&lang=js\"\nimport style0 from \"./region.vue?vue&type=style&index=0&id=5b22a4be&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  null,\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('5b22a4be')) {\n      api.createRecord('5b22a4be', component.options)\n    } else {\n      api.reload('5b22a4be', component.options)\n    }\n    module.hot.accept(\"./region.vue?vue&type=template&id=5b22a4be\", function () {\n      api.rerender('5b22a4be', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/business/jobSlip/jobTicketList/components/region.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!./region.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!./region.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!./region.vue?vue&type=style&index=0&id=5b22a4be&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!./region.vue?vue&type=template&id=5b22a4be\""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA;AACA;AACA;AAEA;AAGA;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;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAKA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACnPA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAAA;AACA;AAIA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAMA;AAKA;AACA;AACA;AACA;AACA;AAKA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAMA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAiBA;AACA;AACA;;;;;;;;;;;;ACrIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;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":""}