feat(fxdr):属性导入
Showing
5 changed files
with
161 additions
and
4 deletions
... | @@ -67,7 +67,7 @@ | ... | @@ -67,7 +67,7 @@ |
67 | <li @click="exportToShp">ESRI Shape</li> | 67 | <li @click="exportToShp">ESRI Shape</li> |
68 | </ul> | 68 | </ul> |
69 | </li> | 69 | </li> |
70 | <li v-show="isZD">导入属性</li> | 70 | <li v-show="isZD" @click="drsx">导入属性</li> |
71 | <li v-show="!isZD">导入楼盘</li> | 71 | <li v-show="!isZD">导入楼盘</li> |
72 | <li>重叠分析</li> | 72 | <li>重叠分析</li> |
73 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> | 73 | <li v-show="isZD && (zdQszt == '1' || zdQszt == '2')" @click="openCreateDialog">添加定着物</li> |
... | @@ -108,6 +108,7 @@ | ... | @@ -108,6 +108,7 @@ |
108 | <el-dialog title="新建" :visible.sync="dialogVisible" width="48%"> | 108 | <el-dialog title="新建" :visible.sync="dialogVisible" width="48%"> |
109 | <Create @closeDialog="closeDialog" :auth="true"></Create> | 109 | <Create @closeDialog="closeDialog" :auth="true"></Create> |
110 | </el-dialog> | 110 | </el-dialog> |
111 | <sxdr :sxdr-visible="sxdrVisible" @close="sxdrClose" :dylx="zdData.type" :bsm="zdData.bsm"></sxdr> | ||
111 | </div> | 112 | </div> |
112 | </template> | 113 | </template> |
113 | <script> | 114 | <script> |
... | @@ -119,6 +120,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils"; | ... | @@ -119,6 +120,7 @@ import geoUtils from "@components/lineTree/tx/js/geoUtils"; |
119 | import featureUpdate from "@libs/map/featureUpdate"; | 120 | import featureUpdate from "@libs/map/featureUpdate"; |
120 | import {deleteLjz,deleteZdy} from "./../../api/lpb" | 121 | import {deleteLjz,deleteZdy} from "./../../api/lpb" |
121 | import exportTemJson from '@/assets/json/exportTemplate.json' | 122 | import exportTemJson from '@/assets/json/exportTemplate.json' |
123 | import sxdr from './../../components/sxdr/sxdr' | ||
122 | export default { | 124 | export default { |
123 | inheritAttrs: false, | 125 | inheritAttrs: false, |
124 | props: { | 126 | props: { |
... | @@ -132,10 +134,11 @@ export default { | ... | @@ -132,10 +134,11 @@ export default { |
132 | default: false, | 134 | default: false, |
133 | } | 135 | } |
134 | }, | 136 | }, |
135 | components: { lineItem,Create,ImportGeo }, | 137 | components: { lineItem,Create,ImportGeo,sxdr }, |
136 | mixins:[geoUtils,featureUpdate], | 138 | mixins:[geoUtils,featureUpdate], |
137 | data() { | 139 | data() { |
138 | return { | 140 | return { |
141 | sxdrVisible:false, | ||
139 | selectedDetail: {}, | 142 | selectedDetail: {}, |
140 | timer: {}, | 143 | timer: {}, |
141 | formatData: [], | 144 | formatData: [], |
... | @@ -195,6 +198,12 @@ export default { | ... | @@ -195,6 +198,12 @@ export default { |
195 | }, | 198 | }, |
196 | 199 | ||
197 | methods: { | 200 | methods: { |
201 | drsx(){ | ||
202 | this.sxdrVisible=true; | ||
203 | }, | ||
204 | sxdrClose(){ | ||
205 | this.sxdrVisible=false; | ||
206 | }, | ||
198 | loading(){ | 207 | loading(){ |
199 | this.$emit("loading") | 208 | this.$emit("loading") |
200 | }, | 209 | }, | ... | ... |
src/components/sxdr/sxdr.vue
0 → 100644
1 | <template> | ||
2 | <div> | ||
3 | <el-dialog | ||
4 | title="属性导入" | ||
5 | :visible.sync="isVisible" | ||
6 | width="30%" | ||
7 | :before-close="close"> | ||
8 | <div class="main-button"> | ||
9 | <el-upload | ||
10 | class="upload-demo" | ||
11 | :action="uploadUrl" | ||
12 | :data="sxdrData" | ||
13 | :on-success="uploadSuccess" | ||
14 | :show-file-list="false" | ||
15 | multiple | ||
16 | > | ||
17 | <el-button type="primary">上传</el-button> | ||
18 | <el-button type="primary" @click="downloadTemplate">下载模板</el-button> | ||
19 | </el-upload> | ||
20 | </div> | ||
21 | <ul> | ||
22 | <li v-for="(item,index) in errorData" :key="index">{{item}}</li> | ||
23 | </ul> | ||
24 | <span slot="footer" class="dialog-footer"> | ||
25 | <el-button @click="dialogVisible = false">取 消</el-button> | ||
26 | <el-button type="primary" @click="dialogVisible = false">确 定</el-button> | ||
27 | </span> | ||
28 | </el-dialog> | ||
29 | </div> | ||
30 | </template> | ||
31 | |||
32 | <script> | ||
33 | |||
34 | export default { | ||
35 | name: "sxdr", | ||
36 | props: { | ||
37 | sxdrVisible: { | ||
38 | type: Boolean, | ||
39 | default: false | ||
40 | }, | ||
41 | dylx: { | ||
42 | type: String, | ||
43 | }, | ||
44 | bsm: { | ||
45 | type: String | ||
46 | } | ||
47 | }, | ||
48 | data() { | ||
49 | return { | ||
50 | uploadUrl: '', | ||
51 | isVisible: false, | ||
52 | sxdrData: { | ||
53 | bsm: '' | ||
54 | }, | ||
55 | errorData:[] | ||
56 | } | ||
57 | }, | ||
58 | mounted(){ | ||
59 | this.$store.state.sxdrType=''; | ||
60 | }, | ||
61 | methods: { | ||
62 | loading(){ | ||
63 | debugger | ||
64 | switch (this.dylx) { | ||
65 | case "zd": | ||
66 | this.$store.state.sxdrType='zd'; | ||
67 | break; | ||
68 | case "dz": | ||
69 | this.$store.state.sxdrType='dz'; | ||
70 | break; | ||
71 | case "zrz": | ||
72 | this.$store.state.sxdrType='zrz'; | ||
73 | break; | ||
74 | case "h": | ||
75 | this.$store.state.sxdrType="h"; | ||
76 | break; | ||
77 | default: | ||
78 | break; | ||
79 | } | ||
80 | }, | ||
81 | reset(){ | ||
82 | this.errorData=[]; | ||
83 | this.uploadUrl=''; | ||
84 | this.sxdrData={bsm:''}; | ||
85 | this.$store.state.sxdrType=''; | ||
86 | }, | ||
87 | close() { | ||
88 | this.$emit('close') | ||
89 | this.reset(); | ||
90 | }, | ||
91 | downloadTemplate() { | ||
92 | window.open(`/api/tx/excelGeo/zdTemplate?type=`+this.dylx); | ||
93 | }, | ||
94 | uploadSuccess(res, file, fileList) { | ||
95 | if (res.success) { | ||
96 | this.$message.success("上传成功") | ||
97 | this.loading(); | ||
98 | this.close() | ||
99 | } else { | ||
100 | this.$message.error("上传失败") | ||
101 | this.errorData=res.result | ||
102 | } | ||
103 | } | ||
104 | }, | ||
105 | watch: { | ||
106 | sxdrVisible(val) { | ||
107 | this.isVisible = val; | ||
108 | }, | ||
109 | dylx(val) { | ||
110 | switch (val) { | ||
111 | case "zd": | ||
112 | this.uploadUrl = "/api/tx/excelGeo/Zdimport"; | ||
113 | break; | ||
114 | default: | ||
115 | break; | ||
116 | } | ||
117 | }, | ||
118 | bsm(val) { | ||
119 | this.sxdrData.bsm = val; | ||
120 | } | ||
121 | } | ||
122 | } | ||
123 | </script> | ||
124 | |||
125 | <style scoped lang="less"> | ||
126 | .main-button{ | ||
127 | display: -webkit-flex; | ||
128 | display: flex; | ||
129 | flex-direction: column-reverse; | ||
130 | flex-wrap:nowrap; | ||
131 | } | ||
132 | ul{ | ||
133 | margin-top: 20px; | ||
134 | li{ | ||
135 | line-height: 15px; | ||
136 | color: red; | ||
137 | } | ||
138 | } | ||
139 | </style> |
... | @@ -15,6 +15,7 @@ const store = new Vuex.Store({ | ... | @@ -15,6 +15,7 @@ const store = new Vuex.Store({ |
15 | zdmj: '', // 宗地面积 | 15 | zdmj: '', // 宗地面积 |
16 | zdzl: '', // 宗地坐落 | 16 | zdzl: '', // 宗地坐落 |
17 | rightClickZdbsm:'', //右键菜单传入的zdbsm | 17 | rightClickZdbsm:'', //右键菜单传入的zdbsm |
18 | sxdrType:'', // zd/zrz/dz/h 导入属性刷新数据 | ||
18 | tdytList:[], | 19 | tdytList:[], |
19 | tddjList:[], | 20 | tddjList:[], |
20 | qlxzList:[], | 21 | qlxzList:[], | ... | ... |
... | @@ -766,7 +766,7 @@ export default { | ... | @@ -766,7 +766,7 @@ export default { |
766 | }); | 766 | }); |
767 | } | 767 | } |
768 | }) | 768 | }) |
769 | 769 | ||
770 | 770 | ||
771 | } | 771 | } |
772 | 772 | ||
... | @@ -885,7 +885,14 @@ export default { | ... | @@ -885,7 +885,14 @@ export default { |
885 | zdbsm:function (val) { | 885 | zdbsm:function (val) { |
886 | this.getZdjbxxData(val) | 886 | this.getZdjbxxData(val) |
887 | this.curZdbsm = val; | 887 | this.curZdbsm = val; |
888 | } | 888 | }, |
889 | "$store.state.sxdrType": function (val) { | ||
890 | debugger | ||
891 | this.$message.success(val); | ||
892 | if (val==='zd'){ | ||
893 | this.getZdjbxxData(this.$store.state.zdbsm) | ||
894 | } | ||
895 | }, | ||
889 | }, | 896 | }, |
890 | }; | 897 | }; |
891 | </script> | 898 | </script> | ... | ... |
-
Please register or sign in to post a comment