{"version":3,"sources":["webpack:///./src/views/fzis/modules/JEditableTable/ThreeLinkage.vue","webpack:///src/views/fzis/modules/JEditableTable/ThreeLinkage.vue","webpack:///./src/views/fzis/modules/JEditableTable/ThreeLinkage.vue?86ee","webpack:///./src/views/fzis/modules/JEditableTable/ThreeLinkage.vue?94e0"],"names":["render","_vm","this","_c","_self","attrs","columns","dataSource","on","handleValueChange","staticRenderFns","name","components","JEditableTable","data","title","key","type","FormTypes","select","width","options","placeholder","mockData","label","value","parent","mounted","request","methods","parentId","filter","i","event","row","column","target","setValues","rowKey","id","values","s2","s3","component"],"mappings":"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","file":"js/chunk-2d0db228.368d256e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('j-editable-table',{attrs:{\"columns\":_vm.columns,\"dataSource\":_vm.dataSource,\"rowNumber\":true,\"actionButton\":true,\"rowSelection\":true,\"maxHeight\":400},on:{\"valueChange\":_vm.handleValueChange}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <j-editable-table\r\n    :columns=\"columns\"\r\n    :dataSource=\"dataSource\"\r\n    :rowNumber=\"true\"\r\n    :actionButton=\"true\"\r\n    :rowSelection=\"true\"\r\n    :maxHeight=\"400\"\r\n    @valueChange=\"handleValueChange\"\r\n  />\r\n</template>\r\n\r\n<script>\r\n  import { FormTypes } from '@/utils/JEditableTableUtil'\r\n  import JEditableTable from '@/components/fzis/JEditableTable'\r\n\r\n  export default {\r\n    name: 'ThreeLinkage',\r\n    components: { JEditableTable },\r\n    data() {\r\n      return {\r\n        columns: [\r\n          {\r\n            title: '省/直辖市/自治区',\r\n            key: 's1',\r\n            type: FormTypes.select,\r\n            width: '240px',\r\n            options: [],\r\n            placeholder: '请选择${title}'\r\n          },\r\n          {\r\n            title: '市',\r\n            key: 's2',\r\n            type: FormTypes.select,\r\n            width: '240px',\r\n            options: [],\r\n            placeholder: '请选择${title}'\r\n          },\r\n          {\r\n            title: '县/区',\r\n            key: 's3',\r\n            type: FormTypes.select,\r\n            width: '240px',\r\n            options: [],\r\n            placeholder: '请选择${title}'\r\n          }\r\n        ],\r\n        dataSource: [],\r\n\r\n        mockData: [\r\n          { label: '北京市', value: '110000', parent: null },\r\n          { label: '天津市', value: '120000', parent: null },\r\n          { label: '河北省', value: '130000', parent: null },\r\n          { label: '上海市', value: '310000', parent: null },\r\n\r\n          { label: '北京市', value: '110100', parent: '110000' },\r\n          { label: '天津市市', value: '120100', parent: '120000' },\r\n          { label: '石家庄市', value: '130100', parent: '130000' },\r\n          { label: '唐山市', value: '130200', parent: '130000' },\r\n          { label: '秦皇岛市', value: '130300', parent: '130000' },\r\n          { label: '上海市', value: '310100', parent: '310000' },\r\n\r\n          { label: '东城区', value: '110101', parent: '110100' },\r\n          { label: '西城区', value: '110102', parent: '110100' },\r\n          { label: '朝阳区', value: '110105', parent: '110100' },\r\n          { label: '和平区', value: '120101', parent: '120000' },\r\n          { label: '河东区', value: '120102', parent: '120000' },\r\n          { label: '河西区', value: '120103', parent: '120000' },\r\n          { label: '黄浦区', value: '310101', parent: '310100' },\r\n          { label: '徐汇区', value: '310104', parent: '310100' },\r\n          { label: '长宁区', value: '310105', parent: '310100' },\r\n          { label: '长安区', value: '130102', parent: '130100' },\r\n          { label: '桥西区', value: '130104', parent: '130100' },\r\n          { label: '新华区', value: '130105', parent: '130100' },\r\n          { label: '路南区', value: '130202', parent: '130200' },\r\n          { label: '路北区', value: '130203', parent: '130200' },\r\n          { label: '古冶区', value: '130204', parent: '130200' },\r\n          { label: '海港区', value: '130302', parent: '130300' },\r\n          { label: '山海关区', value: '130303', parent: '130300' },\r\n          { label: '北戴河区', value: '130304', parent: '130300' },\r\n        ]\r\n      }\r\n    },\r\n    mounted() {\r\n      // 初始化数据\r\n      this.columns[0].options = this.request(null)\r\n    },\r\n    methods: {\r\n\r\n      request(parentId) {\r\n        return this.mockData.filter(i => i.parent === parentId)\r\n      },\r\n\r\n      /** 当选项被改变时，联动其他组件 */\r\n      handleValueChange(event) {\r\n        const { type, row, column, value, target } = event\r\n\r\n        if (type === FormTypes.select) {\r\n\r\n          // 第一列\r\n          if (column.key === 's1') {\r\n            // 设置第二列的 options\r\n            this.columns[1].options = this.request(value)\r\n            // 清空后两列的数据\r\n            target.setValues([{\r\n              rowKey: row.id,\r\n              values: { s2: '', s3: '' }\r\n            }])\r\n            this.columns[2].options = []\r\n          } else\r\n          // 第二列\r\n          if (column.key === 's2') {\r\n            this.columns[2].options = this.request(value)\r\n            target.setValues([{\r\n              rowKey: row.id,\r\n              values: { s3: '' }\r\n            }])\r\n          }\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\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!./ThreeLinkage.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!./ThreeLinkage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ThreeLinkage.vue?vue&type=template&id=1e51eba7&scoped=true\"\nimport script from \"./ThreeLinkage.vue?vue&type=script&lang=js\"\nexport * from \"./ThreeLinkage.vue?vue&type=script&lang=js\"\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  \"1e51eba7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}