Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
5c795645 by weimo934
Options

feat(bjlp):引入批量室号

1 parent e9cd3f2e
Inline Side-by-side
Showing 4 changed files with 98 additions and 96 deletions
1 <template> 1 <template>
2 <div> 2 <div>
3 <el-dialog 3 <el-dialog
4 title="新增" 4 title="批量层"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="50%" 6 width="50%"
7 @close="close" 7 @close="close"
...@@ -162,14 +162,13 @@ ...@@ -162,14 +162,13 @@
162 } 162 }
163 163
164 .inputtitle { 164 .inputtitle {
165 line-height: 40px; 165 line-height: 41px;
166 width: 95%; 166 width: 95%;
167 border: none; 167 border: none;
168 height: 98%;
169 outline: none;
168 } 170 }
169 171
170 /* .inputtitle:focus {
171 outline: none;
172 }*/
173 172
174 .shop { 173 .shop {
175 margin-top: 20px; 174 margin-top: 20px;
......
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 <tr> 50 <tr>
51 <td colspan="2">户型</td> 51 <td colspan="2">户型</td>
52 <td colspan="2"> 52 <td colspan="2">
53 <el-select> 53 <el-select class="selectTitle">
54 <el-option 54 <el-option
55 v-for="i in hx" 55 v-for="i in hx"
56 :key="i.key" 56 :key="i.key"
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
61 </td> 61 </td>
62 <td colspan="2">户型结构</td> 62 <td colspan="2">户型结构</td>
63 <td> 63 <td>
64 <el-select> 64 <el-select class="selectTitle">
65 <el-option 65 <el-option
66 v-for="i in hx" 66 v-for="i in hx"
67 :key="i.key" 67 :key="i.key"
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
82 <td colspan="2"><input type="text" class="inputtitle"/></td> 82 <td colspan="2"><input type="text" class="inputtitle"/></td>
83 <td colspan="2">房屋类型</td> 83 <td colspan="2">房屋类型</td>
84 <td> 84 <td>
85 <el-select> 85 <el-select class="selectTitle">
86 <el-option 86 <el-option
87 v-for="i in hx" 87 v-for="i in hx"
88 :key="i.key" 88 :key="i.key"
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
95 <tr> 95 <tr>
96 <td colspan="2">产别</td> 96 <td colspan="2">产别</td>
97 <td colspan="2"> 97 <td colspan="2">
98 <el-select> 98 <el-select class="selectTitle">
99 <el-option 99 <el-option
100 v-for="i in hx" 100 v-for="i in hx"
101 :key="i.key" 101 :key="i.key"
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
112 <tr> 112 <tr>
113 <td colspan="2">房屋性质</td> 113 <td colspan="2">房屋性质</td>
114 <td colspan="2"> 114 <td colspan="2">
115 <el-select> 115 <el-select class="selectTitle">
116 <el-option 116 <el-option
117 v-for="i in hx" 117 v-for="i in hx"
118 :key="i.key" 118 :key="i.key"
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
127 <tr> 127 <tr>
128 <td colspan="2">房屋结构</td> 128 <td colspan="2">房屋结构</td>
129 <td colspan="5"> 129 <td colspan="5">
130 <el-select> 130 <el-select class="selectTitle">
131 <el-option 131 <el-option
132 v-for="i in hx" 132 v-for="i in hx"
133 :key="i.key" 133 :key="i.key"
...@@ -255,17 +255,23 @@ ...@@ -255,17 +255,23 @@
255 cursor: pointer; 255 cursor: pointer;
256 } 256 }
257 257
258 .el-select {
259 width: 98%;
260 }
261
262 .inputtitle { 258 .inputtitle {
263 line-height: 40px; 259 line-height: 40px;
264 width: 95%; 260 width: 95%;
265 border: none; 261 border: none;
266 outline: none; 262 outline: none;
263 height: 95%;
264 }
265 .selectTitle{
266 width: 100%;
267 border-radius: 0;
268 -webkit-appearance: none;
269 -moz-appearance: none;
270 appearance: none;
271 border: none;
272 position: relative;
273 display: block;
267 } 274 }
268
269 .shop { 275 .shop {
270 text-align: center; 276 text-align: center;
271 margin-top: 20px; 277 margin-top: 20px;
......
1 <template> 1 <template>
2 <div class="main"> 2 <div class="main">
3 <el-dialog 3 <el-dialog
4 title="新增" 4 title="批量室号"
5 :visible.sync="isVisible" 5 :visible.sync="isVisible"
6 width="70%" 6 width="50%"
7 @close="close" 7 @close="close"
8 :modal-append-to-body="false" 8 :modal-append-to-body="false"
9 center> 9 center>
10 <div> 10 <div>
11 <el-checkbox>层号自动补0</el-checkbox>
12 <el-checkbox>层号之前增加分割符</el-checkbox>
13 <el-checkbox>室号之前增加分割符</el-checkbox>
14 <span class="xl" @click="xl">祥例</span> 11 <span class="xl" @click="xl">祥例</span>
15 <table border="1"> 12 <table border="1">
16 <tr> 13 <tr>
17 <td rowspan="2" @click="addRow">+</td>
18 <td rowspan="2">序号</td>
19 <td rowspan="2">单元名称</td>
20 <td rowspan="2">起始层</td>
21 <td rowspan="2">结束层</td>
22 <td rowspan="2">每层户数</td>
23 <td colspan="6" class="gz">
24 室号规则：[单元号][分割符A][层号][分割符A][室号前缀][室号][室号后缀]
25 </td>
26 </tr>
27 <tr>
28 <td>单元号</td>
29 <td>层号</td>
30 <td>室号前缀</td> 14 <td>室号前缀</td>
31 <td>分割符</td> 15 <td>单元号</td>
32 <td>起始室号</td> 16 <td>分割符A</td>
17 <td>层号前自动补0</td>
18 <td>层</td>
19 <td>分割符B</td>
20 <td>户号</td>
33 <td>室号后缀</td> 21 <td>室号后缀</td>
34 </tr> 22 </tr>
35 <tr v-for="item in 10" :key="item"> 23 <tr>
36 <td @click="delRow(item)">-</td>
37 <td>{{item}}</td>
38 <td>
39 <el-select>
40 <el-option
41 v-for="i in cs"
42 :key="i"
43 :label="i"
44 :value="i"
45 ></el-option>
46 </el-select>
47 </td>
48 <td>
49 <el-select>
50 <el-option
51 v-for="i in cs"
52 :key="i"
53 :label="i"
54 :value="i"
55 ></el-option>
56 </el-select>
57 </td>
58 <td> 24 <td>
59 <el-select> 25 <input type="text" class="inputtitle" v-model="plshData.shqz"/>
60 <el-option
61 v-for="i in cs"
62 :key="i"
63 :label="i"
64 :value="i"
65 ></el-option>
66 </el-select>
67 </td> 26 </td>
68 <td> 27 <td>
69 <input type="text" class="inputtitle"/> 28 <el-checkbox v-model="plshData.isSelectDyh"></el-checkbox>
70 </td> 29 </td>
71 <td> 30 <td>
72 <input type="text" class="inputtitle"/> 31 <input type="text" class="inputtitle" v-model="plshData.fgfA"/>
73 </td> 32 </td>
74 <td> 33 <td>
75 <input type="text" class="inputtitle"/> 34 <el-checkbox v-model="plshData.isChqbl"></el-checkbox>
76 </td> 35 </td>
77 <td> 36 <td>
78 <input type="text" class="inputtitle"/> 37 <el-select v-model="plshData.c">
38 <el-option
39 v-for="i in cs"
40 :key="i.key"
41 :label="i.label"
42 :value="i.value"
43 ></el-option>
44 </el-select>
79 </td> 45 </td>
80 <td> 46 <td>
81 <input type="text" class="inputtitle"/> 47 <input type="text" class="inputtitle" v-model="plshData.fghB"/>
82 </td> 48 </td>
83 <td> 49 <td>
84 <input type="text" class="inputtitle"/> 50
85 </td> 51 </td>
86 <td> 52 <td>
87 <input type="text" class="inputtitle"/> 53 <input type="text" class="inputtitle" v-model="plshData.shhz"/>
88 </td> 54 </td>
89 </tr> 55 </tr>
90 </table> 56 </table>
57 <div class="gz">
58 <span>室号规则：[单元号][分割符A][层号][分割符A][室号前缀][室号][室号后缀]</span>
59 </div>
91 </div> 60 </div>
92 <div> 61 <div>
93 <el-dialog 62 <el-dialog
...@@ -130,40 +99,59 @@ ...@@ -130,40 +99,59 @@
130 type: Boolean, 99 type: Boolean,
131 default: false 100 default: false
132 }, 101 },
133 // 单元名称下拉框数据 102 bsms: {
134 dys: {
135 type: Array 103 type: Array
136 },
137 // 层数
138 cs: {
139 type: Number
140 } 104 }
141 }, 105 },
142 data() { 106 data() {
143 return { 107 return {
144 isVisible: false, 108 isVisible: false,
145 xlVisible: false 109 xlVisible: false,
110 plshData: {
111 shqz: '',
112 isSelectDyh: false,
113 fgfA: '',
114 isChqbl: false,
115 c: '',
116 fghB: '',
117 shhz: ''
118 },
119 cs: [
120 {
121 key: '1',
122 label: '明义层',
123 value: '明义层'
124 }, {
125 key: '2',
126 label: '实际层',
127 value: '实际层'
128 }
129 ]
146 } 130 }
147 }, 131 },
148 methods: { 132 methods: {
149 xl: function () { 133 xl: function () {
150 this.xlVisible = true; 134 this.xlVisible = true;
151 }, 135 },
152 addRow: function () {
153
154 },
155 delRow: function (index) {
156 console.log(index)
157 },
158 close: function () { 136 close: function () {
159 this.$emit("close") 137 this.$emit("close")
160 this.isVisible = false 138 this.isVisible = false
139 this.result();
161 }, 140 },
162 result: function () { 141 result: function () {
163 142 this.plshData = {
143 shqz: '',
144 isSelectDyh: false,
145 fgfA: '',
146 isChqbl: false,
147 c: '',
148 fghB: '',
149 shhz: ''
150 }
164 }, 151 },
165 save: function () { 152 save: function () {
166 153 this.plshData['bsms'] = this.bsms
154 console.log(this.plshData)
167 }, 155 },
168 cancel: function () { 156 cancel: function () {
169 this.close() 157 this.close()
...@@ -197,9 +185,10 @@ ...@@ -197,9 +185,10 @@
197 .xl { 185 .xl {
198 color: blue; 186 color: blue;
199 float: right; 187 float: right;
200 :hover {
201 cursor: pointer;
202 } 188 }
189
190 .xl:hover {
191 cursor: pointer;
203 } 192 }
204 193
205 .inputtitle { 194 .inputtitle {
...@@ -217,12 +206,14 @@ ...@@ -217,12 +206,14 @@
217 .gz { 206 .gz {
218 color: #b2b2b2; 207 color: #b2b2b2;
219 font-size: 12px; 208 font-size: 12px;
209 margin-top: 40px;
220 } 210 }
221 .xlgz{ 211
222 span{ 212 .xlgz {
213 span {
223 font-size: 16px; 214 font-size: 16px;
224 line-height: 22px; 215 line-height: 22px;
225 span{ 216 span {
226 color: red; 217 color: red;
227 } 218 }
228 } 219 }
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <el-button class="radioBtn" label="2" border>实预测转换</el-button> 23 <el-button class="radioBtn" label="2" border>实预测转换</el-button>
24 <el-button class="radioBtn" label="3" border>批量户</el-button> 24 <el-button class="radioBtn" label="3" border>批量户</el-button>
25 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button> 25 <el-button class="radioBtn" label="4" border @click="plcVisible=true">批量层</el-button>
26 <el-button class="radioBtn" label="5" border>批量室号</el-button> 26 <el-button class="radioBtn" label="5" border @click="plShVisible=true">批量室号</el-button>
27 <el-button class="radioBtn" label="6" border>批量坐落</el-button> 27 <el-button class="radioBtn" label="6" border>批量坐落</el-button>
28 <el-button class="radioBtn" label="7" border>批量单元号</el-button> 28 <el-button class="radioBtn" label="7" border>批量单元号</el-button>
29 </div> 29 </div>
...@@ -107,11 +107,13 @@ ...@@ -107,11 +107,13 @@
107 </div> 107 </div>
108 </el-dialog> 108 </el-dialog>
109 <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c> 109 <pl-c :plc-visible="plcVisible" :bsms="bsms" @close="plcClose"></pl-c>
110 <pl-sh :plShVisible="plShVisible" :bsms="bsms" @close="plshClose"></pl-sh>
110 </div> 111 </div>
111 </template> 112 </template>
112 113
113 <script> 114 <script>
114 import PlC from "./../../../../components/plc/plC" 115 import PlC from "./../../../../components/plc/plC"
116 import PlSh from "./../../../../components/plsh/plSh"
115 import LineTree from "../../../../components/lineTree/lineTree"; 117 import LineTree from "../../../../components/lineTree/lineTree";
116 import addLjz from "./ljz/index"; 118 import addLjz from "./ljz/index";
117 import addZdy from "./zdy/index"; 119 import addZdy from "./zdy/index";
...@@ -121,12 +123,13 @@ import { getLpbMenuTree } from "../../../../api/lpb"; ...@@ -121,12 +123,13 @@ import { getLpbMenuTree } from "../../../../api/lpb";
121 123
122 export default { 124 export default {
123 name: "", 125 name: "",
124 components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC }, 126 components: { LineTree, addLjz, addZdy, addCh, lpbContent,PlC,PlSh },
125 props: {}, 127 props: {},
126 data() { 128 data() {
127 return { 129 return {
128 bsms:["123","321","231"], 130 bsms:["123","321","231"],
129 plcVisible:false, 131 plcVisible:false,
132 plShVisible:false,
130 radio1: "", 133 radio1: "",
131 radio2: "", 134 radio2: "",
132 createFlag: false, 135 createFlag: false,
...@@ -218,6 +221,9 @@ export default { ...@@ -218,6 +221,9 @@ export default {
218 plcClose(){ 221 plcClose(){
219 this.plcVisible=false; 222 this.plcVisible=false;
220 }, 223 },
224 plshClose(){
225 this.plShVisible=false
226 },
221 //获取高度计算lpb内容区高度 227 //获取高度计算lpb内容区高度
222 getHeight() { 228 getHeight() {
223 this.lpbContentHight = window.innerHeight - 340; 229 this.lpbContentHight = window.innerHeight - 340;
......