Merge remote-tracking branch 'origin/master'
Showing
25 changed files
with
703 additions
and
382 deletions
... | @@ -119,4 +119,15 @@ export function submit (data) { | ... | @@ -119,4 +119,15 @@ export function submit (data) { |
119 | method: 'post', | 119 | method: 'post', |
120 | data:data | 120 | data:data |
121 | }) | 121 | }) |
122 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
122 | } | ||
123 | |||
124 | /** | ||
125 | * 添加附件 | ||
126 | */ | ||
127 | export function insertFile(data) { | ||
128 | return request({ | ||
129 | url:'/file', | ||
130 | method:'post', | ||
131 | data:data | ||
132 | }) | ||
133 | } | ... | ... |
src/assets/images/colline1.png
0 → 100644
172 Bytes
src/assets/images/cxlz.png
0 → 100644
9.82 KB
src/assets/images/dbx.png
0 → 100644
10.7 KB
src/assets/images/drlpbmb.png
0 → 100644
6.83 KB
1 | <?xml version="1.0" encoding="UTF-8"?> | 1 | <?xml version="1.0" encoding="UTF-8"?> |
2 | <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 | <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
3 | <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com --> | 3 | <!-- Generator: Sketch 56.3 (81716) - https://sketch.com --> |
4 | <title>icon_files_collapse_</title> | 4 | <title>子</title> |
5 | <desc>Created with Sketch.</desc> | 5 | <desc>Created with Sketch.</desc> |
6 | <g id="报告工作站" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | 6 | <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
7 | <g id="1--报告工作站_书写报告" transform="translate(-100.000000, -217.000000)"> | 7 | <g id="画板" transform="translate(-4.000000, -58.000000)" fill="#FFFFFF" fill-rule="nonzero"> |
8 | <g id="模板" transform="translate(80.000000, 51.000000)"> | 8 | <g id="子" transform="translate(4.000000, 58.000000)"> |
9 | <g id="分组" transform="translate(20.000000, 135.000000)"> | 9 | <path d="M2,0.5 L12,0.5 C12.8284271,0.5 13.5,1.17157288 13.5,2 L13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 L2,13.5 C1.17157288,13.5 0.5,12.8284271 0.5,12 L0.5,2 C0.5,1.17157288 1.17157288,0.5 2,0.5 Z M2,1.5 C1.72385763,1.5 1.5,1.72385763 1.5,2 L1.5,12 C1.5,12.2761424 1.72385763,12.5 2,12.5 L12,12.5 C12.2761424,12.5 12.5,12.2761424 12.5,12 L12.5,2 C12.5,1.72385763 12.2761424,1.5 12,1.5 L2,1.5 Z" id="矩形"></path> |
10 | <g id="icon_files_collapse_" transform="translate(0.000000, 31.000000)"> | 10 | <g id="编组-5" transform="translate(4.000000, 3.500000)"> |
11 | <rect id="矩形-copy-18" fill="#D8D8D8" opacity="0" x="0" y="0" width="17" height="17"></rect> | 11 | <path d="M0,4 L6,4 C6.27614237,4 6.5,3.77614237 6.5,3.5 C6.5,3.22385763 6.27614237,3 6,3 L0,3 C-0.276142375,3 -0.5,3.22385763 -0.5,3.5 C-0.5,3.77614237 -0.276142375,4 0,4 Z" id="直线-3"></path> |
12 | <path d="M5,10 L12,10 L12,11 L5,11 L5,10 Z M16,4 L16,3 L6,3 L6,2 L6,1 L1,1 L1,4 L16,4 Z M16,5 L1,5 L1,16 L16,16 L16,5 Z M17,16 L17,17 L0,17 L0,16 L-3.85312697e-16,1 L0,0 L7,0 L7,1 L7,2 L17,2 L17,3 L17,16 Z" id="合并形状" fill="#7FB9A2"></path> | ||
13 | </g> | ||
14 | </g> | 12 | </g> |
15 | </g> | 13 | </g> |
16 | </g> | 14 | </g> | ... | ... |
1 | <?xml version="1.0" encoding="UTF-8"?> | 1 | <?xml version="1.0" encoding="UTF-8"?> |
2 | <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 | <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
3 | <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com --> | 3 | <!-- Generator: Sketch 56.3 (81716) - https://sketch.com --> |
4 | <title>icon_file_default_</title> | 4 | <title>正</title> |
5 | <desc>Created with Sketch.</desc> | 5 | <desc>Created with Sketch.</desc> |
6 | <g id="报告工作站" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | 6 | <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
7 | <g id="1--报告工作站_书写报告" transform="translate(-127.000000, -246.000000)"> | 7 | <g id="画板" transform="translate(-4.000000, -77.000000)"> |
8 | <g id="模板" transform="translate(80.000000, 51.000000)"> | 8 | <g id="正" transform="translate(4.000000, 77.000000)"> |
9 | <g id="分组" transform="translate(20.000000, 135.000000)"> | 9 | <path d="M2,0.5 L12,0.5 C12.8284271,0.5 13.5,1.17157288 13.5,2 L13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 L2,13.5 C1.17157288,13.5 0.5,12.8284271 0.5,12 L0.5,2 C0.5,1.17157288 1.17157288,0.5 2,0.5 Z M2,1.5 C1.72385763,1.5 1.5,1.72385763 1.5,2 L1.5,12 C1.5,12.2761424 1.72385763,12.5 2,12.5 L12,12.5 C12.2761424,12.5 12.5,12.2761424 12.5,12 L12.5,2 C12.5,1.72385763 12.2761424,1.5 12,1.5 L2,1.5 Z" id="矩形" fill="#FFFFFF" fill-rule="nonzero"></path> |
10 | <g id="icon_file_default_" transform="translate(27.000000, 60.000000)"> | 10 | <g id="编组-5" transform="translate(3.000000, 3.500000)"></g> |
11 | <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="17" height="17"></rect> | ||
12 | <path d="M16,4 L16,3 L6,3 L6,2 L6,1 L1,1 L1,4 L16,4 Z M16,5 L1,5 L1,16 L16,16 L16,5 Z M17,16 L17,17 L0,17 L0,16 L-3.85312697e-16,1 L0,0 L7,0 L7,1 L7,2 L17,2 L17,3 L17,16 Z" id="合并形状" fill="#C3C5C8"></path> | ||
13 | </g> | ||
14 | </g> | ||
15 | </g> | 11 | </g> |
16 | </g> | 12 | </g> |
17 | </g> | 13 | </g> | ... | ... |
1 | <?xml version="1.0" encoding="UTF-8"?> | 1 | <?xml version="1.0" encoding="UTF-8"?> |
2 | <svg width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | 2 | <svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
3 | <!-- Generator: Sketch 55.1 (78136) - https://sketchapp.com --> | 3 | <!-- Generator: Sketch 56.3 (81716) - https://sketch.com --> |
4 | <title>icon_files_expand_</title> | 4 | <title>父</title> |
5 | <desc>Created with Sketch.</desc> | 5 | <desc>Created with Sketch.</desc> |
6 | <g id="报告工作站" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> | 6 | <g id="页面-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> |
7 | <g id="1--报告工作站_书写报告" transform="translate(-100.000000, -187.000000)"> | 7 | <g id="画板" transform="translate(-4.000000, -41.000000)" fill="#FFFFFF" fill-rule="nonzero"> |
8 | <g id="模板" transform="translate(80.000000, 51.000000)"> | 8 | <g id="父" transform="translate(4.000000, 41.000000)"> |
9 | <g id="分组" transform="translate(20.000000, 135.000000)"> | 9 | <path d="M2,0.5 L12,0.5 C12.8284271,0.5 13.5,1.17157288 13.5,2 L13.5,12 C13.5,12.8284271 12.8284271,13.5 12,13.5 L2,13.5 C1.17157288,13.5 0.5,12.8284271 0.5,12 L0.5,2 C0.5,1.17157288 1.17157288,0.5 2,0.5 Z M2,1.5 C1.72385763,1.5 1.5,1.72385763 1.5,2 L1.5,12 C1.5,12.2761424 1.72385763,12.5 2,12.5 L12,12.5 C12.2761424,12.5 12.5,12.2761424 12.5,12 L12.5,2 C12.5,1.72385763 12.2761424,1.5 12,1.5 L2,1.5 Z" id="矩形"></path> |
10 | <g id="icon_files_expand_" transform="translate(0.000000, 1.000000)"> | 10 | <g id="编组-5" transform="translate(4.000000, 3.500000)"> |
11 | <rect id="矩形-copy-17" fill="#D8D8D8" opacity="0" x="0" y="0" width="17" height="17"></rect> | 11 | <path d="M0,4 L6,4 C6.27614237,4 6.5,3.77614237 6.5,3.5 C6.5,3.22385763 6.27614237,3 6,3 L0,3 C-0.276142375,3 -0.5,3.22385763 -0.5,3.5 C-0.5,3.77614237 -0.276142375,4 0,4 Z" id="直线-3"></path> |
12 | <path d="M8,10 L8,7 L9,7 L9,10 L12,10 L12,11 L9,11 L9,14 L8,14 L8,11 L5,11 L5,10 L8,10 Z M16,4 L16,3 L6,3 L6,2 L6,1 L1,1 L1,4 L16,4 Z M16,5 L1,5 L1,16 L16,16 L16,5 Z M17,16 L17,17 L0,17 L0,16 L-3.85312697e-16,1 L0,0 L7,0 L7,1 L7,2 L17,2 L17,3 L17,16 Z" id="合并形状" fill="#C3C5C8"></path> | 12 | <path d="M0,4 L6,4 C6.27614237,4 6.5,3.77614237 6.5,3.5 C6.5,3.22385763 6.27614237,3 6,3 L0,3 C-0.276142375,3 -0.5,3.22385763 -0.5,3.5 C-0.5,3.77614237 -0.276142375,4 0,4 Z" id="直线-3" transform="translate(3.000000, 3.500000) rotate(-270.000000) translate(-3.000000, -3.500000) "></path> |
13 | </g> | ||
14 | </g> | 13 | </g> |
15 | </g> | 14 | </g> |
16 | </g> | 15 | </g> | ... | ... |
src/assets/images/rowline1.png
0 → 100644
171 Bytes
src/assets/images/tjx.png
0 → 100644
7.36 KB
src/assets/images/xbfw.png
0 → 100644
7.02 KB
src/assets/images/zdfg.png
0 → 100644
10 KB
... | @@ -48,11 +48,13 @@ table,td,tr,.el-col,.title{ | ... | @@ -48,11 +48,13 @@ table,td,tr,.el-col,.title{ |
48 | border: none; | 48 | border: none; |
49 | color: #606764; | 49 | color: #606764; |
50 | overflow: visible; | 50 | overflow: visible; |
51 | cursor: text; | ||
52 | text-align: left; | 51 | text-align: left; |
53 | text-indent: 20px; | 52 | text-indent: 20px; |
54 | padding: 0; | 53 | padding: 0; |
55 | } | 54 | } |
55 | input:disabled{ | ||
56 | cursor: not-allowed; | ||
57 | } | ||
56 | .formInput:focus{ | 58 | .formInput:focus{ |
57 | border: 1px solid #A0C5F6!important; | 59 | border: 1px solid #A0C5F6!important; |
58 | } | 60 | } |
... | @@ -121,4 +123,28 @@ ol, ul { list-style:none; } | ... | @@ -121,4 +123,28 @@ ol, ul { list-style:none; } |
121 | } | 123 | } |
122 | .el-tabs__content{ | 124 | .el-tabs__content{ |
123 | position: unset; | 125 | position: unset; |
124 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file |
126 | } | ||
127 | // 自定义右键菜单样式 | ||
128 | .contextmenu { | ||
129 | margin: 0; | ||
130 | background: #fff; | ||
131 | z-index: 3000; | ||
132 | position: absolute; | ||
133 | list-style-type: none; | ||
134 | padding: 5px 0; | ||
135 | border-radius: 4px; | ||
136 | font-size: 12px; | ||
137 | font-weight: 400; | ||
138 | color: #333; | ||
139 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | ||
140 | } | ||
141 | .contextmenu li { | ||
142 | margin: 0; | ||
143 | padding: 7px 16px; | ||
144 | cursor: pointer; | ||
145 | } | ||
146 | |||
147 | .contextmenu li:hover { | ||
148 | background: #eee; | ||
149 | } | ||
150 | // end | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -8,14 +8,19 @@ | ... | @@ -8,14 +8,19 @@ |
8 | <el-row> | 8 | <el-row> |
9 | <el-col :span="16" class="fl"> | 9 | <el-col :span="16" class="fl"> |
10 | <el-radio-group v-model="gyfs"> | 10 | <el-radio-group v-model="gyfs"> |
11 | <el-radio :label="item.bsm" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio> | 11 | <el-radio :label="item.bsm" :disabled="qszt!='0'" :key="item.bsm" v-for="item in $store.state.gyfsList">{{item.mc}}</el-radio> |
12 | </el-radio-group> | 12 | </el-radio-group> |
13 | </el-col> | 13 | </el-col> |
14 | <el-col :span="4" class="fr"> | 14 | <el-col :span="4" class="fr" v-show="qszt=='0'"> |
15 | <span class="span" @click="addRow">新增</span> | 15 | <span class="span" @click="addRow">新增</span> |
16 | <span class="span" @click="changeRow">修改</span> | 16 | <span class="span" @click="changeRow">修改</span> |
17 | <span class="span" @click="delRow">删除</span> | 17 | <span class="span" @click="delRow">删除</span> |
18 | </el-col> | 18 | </el-col> |
19 | <el-col :span="4" class="fr" v-show="qszt!='0'"> | ||
20 | <span class="noEdit" @click="addRow">新增</span> | ||
21 | <span class="noEdit" @click="changeRow">修改</span> | ||
22 | <span class="noEdit" @click="delRow">删除</span> | ||
23 | </el-col> | ||
19 | </el-row> | 24 | </el-row> |
20 | </td> | 25 | </td> |
21 | </tr> | 26 | </tr> |
... | @@ -300,9 +305,9 @@ | ... | @@ -300,9 +305,9 @@ |
300 | 305 | ||
301 | export default { | 306 | export default { |
302 | props: { | 307 | props: { |
303 | widtd: { | 308 | qszt: { |
304 | type: String, | 309 | type: String, |
305 | default: "70%", | 310 | default: "0", |
306 | }, | 311 | }, |
307 | title: { | 312 | title: { |
308 | type: String, | 313 | type: String, |
... | @@ -539,6 +544,11 @@ | ... | @@ -539,6 +544,11 @@ |
539 | margin-right: 10px; | 544 | margin-right: 10px; |
540 | cursor: pointer; | 545 | cursor: pointer; |
541 | } | 546 | } |
547 | .noEdit { | ||
548 | color:#606266; | ||
549 | margin-right: 10px; | ||
550 | cursor: not-allowed; | ||
551 | } | ||
542 | .el-radio { | 552 | .el-radio { |
543 | margin-right: 20px !important; | 553 | margin-right: 20px !important; |
544 | } | 554 | } | ... | ... |
... | @@ -77,7 +77,7 @@ | ... | @@ -77,7 +77,7 @@ |
77 | :default-expand-all="defaultExpandAll" | 77 | :default-expand-all="defaultExpandAll" |
78 | :multiple="multiple" | 78 | :multiple="multiple" |
79 | :placeholder="placeholder" | 79 | :placeholder="placeholder" |
80 | :disabled="disabled" | 80 | :disabled="formData.qszt!='0'" |
81 | :data="$store.state.tdytList" | 81 | :data="$store.state.tdytList" |
82 | :props="treeProps" | 82 | :props="treeProps" |
83 | :check-strictly="checkStrictly" | 83 | :check-strictly="checkStrictly" |
... | @@ -92,7 +92,7 @@ | ... | @@ -92,7 +92,7 @@ |
92 | :default-expand-all="defaultExpandAll" | 92 | :default-expand-all="defaultExpandAll" |
93 | :multiple="multiple" | 93 | :multiple="multiple" |
94 | :placeholder="placeholder" | 94 | :placeholder="placeholder" |
95 | :disabled="disabled" | 95 | :disabled="formData.qszt!='0'" |
96 | :data="$store.state.tdytList" | 96 | :data="$store.state.tdytList" |
97 | :props="treeProps" | 97 | :props="treeProps" |
98 | :check-strictly="checkStrictly" | 98 | :check-strictly="checkStrictly" |
... | @@ -102,6 +102,7 @@ | ... | @@ -102,6 +102,7 @@ |
102 | </li> | 102 | </li> |
103 | <li> | 103 | <li> |
104 | <el-date-picker | 104 | <el-date-picker |
105 | :disabled="formData.qszt!='0'" | ||
105 | v-model="childItem.tdsyqssj" | 106 | v-model="childItem.tdsyqssj" |
106 | type="date" | 107 | type="date" |
107 | value-format="yyyy-MM-dd" | 108 | value-format="yyyy-MM-dd" |
... | @@ -131,6 +132,7 @@ | ... | @@ -131,6 +132,7 @@ |
131 | <li> | 132 | <li> |
132 | <input | 133 | <input |
133 | type="text" | 134 | type="text" |
135 | :disabled="formData.qszt!='0'" | ||
134 | placeholder="请输入" | 136 | placeholder="请输入" |
135 | v-model="childItem.pzytdm" | 137 | v-model="childItem.pzytdm" |
136 | class="formInput" | 138 | class="formInput" |
... | @@ -139,6 +141,7 @@ | ... | @@ -139,6 +141,7 @@ |
139 | <li> | 141 | <li> |
140 | <input | 142 | <input |
141 | type="text" | 143 | type="text" |
144 | :disabled="formData.qszt!='0'" | ||
142 | placeholder="请输入" | 145 | placeholder="请输入" |
143 | v-model="childItem.sjytdm" | 146 | v-model="childItem.sjytdm" |
144 | class="formInput" | 147 | class="formInput" |
... | @@ -147,6 +150,7 @@ | ... | @@ -147,6 +150,7 @@ |
147 | <li> | 150 | <li> |
148 | <input | 151 | <input |
149 | type="text" | 152 | type="text" |
153 | :disabled="formData.qszt!='0'" | ||
150 | placeholder="请输入" | 154 | placeholder="请输入" |
151 | v-model="childItem.syqx" | 155 | v-model="childItem.syqx" |
152 | class="formInput" | 156 | class="formInput" |
... | @@ -174,6 +178,7 @@ | ... | @@ -174,6 +178,7 @@ |
174 | <ul> | 178 | <ul> |
175 | <li> | 179 | <li> |
176 | <el-select | 180 | <el-select |
181 | :disabled="formData.qszt!='0'" | ||
177 | class="formSelect percent30" | 182 | class="formSelect percent30" |
178 | v-model="childItem.pzdjbsm" | 183 | v-model="childItem.pzdjbsm" |
179 | > | 184 | > |
... | @@ -188,6 +193,7 @@ | ... | @@ -188,6 +193,7 @@ |
188 | </li> | 193 | </li> |
189 | <li> | 194 | <li> |
190 | <el-select | 195 | <el-select |
196 | :disabled="formData.qszt!='0'" | ||
191 | class="formSelect percent30" | 197 | class="formSelect percent30" |
192 | v-model="childItem.sjdjbsm" | 198 | v-model="childItem.sjdjbsm" |
193 | > | 199 | > |
... | @@ -202,6 +208,7 @@ | ... | @@ -202,6 +208,7 @@ |
202 | </li> | 208 | </li> |
203 | <li> | 209 | <li> |
204 | <el-date-picker | 210 | <el-date-picker |
211 | :disabled="formData.qszt!='0'" | ||
205 | v-model="childItem.tdsyjssj" | 212 | v-model="childItem.tdsyjssj" |
206 | type="date" | 213 | type="date" |
207 | value-format="yyyy-MM-dd" | 214 | value-format="yyyy-MM-dd" |
... | @@ -216,10 +223,10 @@ | ... | @@ -216,10 +223,10 @@ |
216 | <div class="title"> | 223 | <div class="title"> |
217 | <el-select-tree | 224 | <el-select-tree |
218 | v-if="show" | 225 | v-if="show" |
226 | :disabled="formData.qszt!='0'" | ||
219 | :default-expand-all="defaultExpandAll" | 227 | :default-expand-all="defaultExpandAll" |
220 | :multiple="multiple" | 228 | :multiple="multiple" |
221 | :placeholder="placeholder" | 229 | :placeholder="placeholder" |
222 | :disabled="disabled" | ||
223 | :data="$store.state.qlxzList" | 230 | :data="$store.state.qlxzList" |
224 | :props="treeProps" | 231 | :props="treeProps" |
225 | :check-strictly="checkStrictly" | 232 | :check-strictly="checkStrictly" |
... | @@ -235,10 +242,12 @@ | ... | @@ -235,10 +242,12 @@ |
235 | import { getDdicByMC } from "../../api/common"; | 242 | import { getDdicByMC } from "../../api/common"; |
236 | export default { | 243 | export default { |
237 | props: { | 244 | props: { |
238 | // widtd: { | 245 | formData: { |
239 | // type: String, | 246 | type: Object, |
240 | // default: "70%", | 247 | default: () => { |
241 | // }, | 248 | return {}; |
249 | }, | ||
250 | }, | ||
242 | }, | 251 | }, |
243 | data() { | 252 | data() { |
244 | return { | 253 | return { |
... | @@ -290,6 +299,9 @@ export default { | ... | @@ -290,6 +299,9 @@ export default { |
290 | }; | 299 | }; |
291 | }, | 300 | }, |
292 | created() {}, | 301 | created() {}, |
302 | mounted(){ | ||
303 | console.log(this.formData,'formData'); | ||
304 | }, | ||
293 | methods: { | 305 | methods: { |
294 | //外层操作 | 306 | //外层操作 |
295 | handleClick(ind, type) { | 307 | handleClick(ind, type) { | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | ||
3 | <el-dialog | 2 | <el-dialog |
4 | title="户重新落宗" | 3 | title="户重新落宗" |
5 | :visible.sync="isVisible" | 4 | :visible.sync="isVisible" |
... | @@ -68,7 +67,6 @@ | ... | @@ -68,7 +67,6 @@ |
68 | <query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" | 67 | <query-data :centerDialogVisible="xzzdVisible" @close="xzzdClose" @getData="getZdxx" |
69 | :isZdClose="true"></query-data> | 68 | :isZdClose="true"></query-data> |
70 | </el-dialog> | 69 | </el-dialog> |
71 | </div> | ||
72 | </template> | 70 | </template> |
73 | 71 | ||
74 | <script> | 72 | <script> | ... | ... |
... | @@ -35,7 +35,7 @@ | ... | @@ -35,7 +35,7 @@ |
35 | ></div> | 35 | ></div> |
36 | <div | 36 | <div |
37 | class="layer_text nowrap" | 37 | class="layer_text nowrap" |
38 | @contextmenu.prevent="openMenu($event, item)" | 38 | @contextmenu.prevent="openMenu($event, item,list)" |
39 | :class="{ | 39 | :class="{ |
40 | active_color: item.expand, | 40 | active_color: item.expand, |
41 | }" | 41 | }" |
... | @@ -86,7 +86,8 @@ export default { | ... | @@ -86,7 +86,8 @@ export default { |
86 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 | 86 | // 开启延时器,300ms的间隔区分单击和双击,解决双击时执行两次单击事件 |
87 | clearTimeout(self.time); | 87 | clearTimeout(self.time); |
88 | self.time = setTimeout(() => { | 88 | self.time = setTimeout(() => { |
89 | item.expand = !item.expand; | 89 | |
90 | item.expand = item.expand == undefined? true:!item.expand; | ||
90 | self.$emit("itemClick", item); | 91 | self.$emit("itemClick", item); |
91 | if (!item.children) { | 92 | if (!item.children) { |
92 | self.$emit("valClick", item); | 93 | self.$emit("valClick", item); |
... | @@ -94,10 +95,17 @@ export default { | ... | @@ -94,10 +95,17 @@ export default { |
94 | }, 300); | 95 | }, 300); |
95 | }, | 96 | }, |
96 | // 右键点击事件 | 97 | // 右键点击事件 |
97 | openMenu(e, item) { | 98 | openMenu(e, item,list) { |
99 | console.log(list,'右键list'); | ||
98 | this.$emit("changeTop", e.pageY); | 100 | this.$emit("changeTop", e.pageY); |
99 | this.$emit("changeLeft", e.pageX); | 101 | this.$emit("changeLeft", e.pageX); |
100 | this.$emit("changeZdData",item); | 102 | this.$emit("changeZdData",item); |
103 | //判断所有权类型 | ||
104 | console.log(item.dm,'item.dm '); | ||
105 | if(item.dm == 'G' || item.dm == 'J' ||item.dm == 'Z'){ | ||
106 | this.$emit("changeCreateVisible", true); | ||
107 | } | ||
108 | //判断楼盘类型 | ||
101 | switch (item.type) { | 109 | switch (item.type) { |
102 | case 'zd': | 110 | case 'zd': |
103 | this.$emit("changeIsZD", true); | 111 | this.$emit("changeIsZD", true); |
... | @@ -224,9 +232,10 @@ export default { | ... | @@ -224,9 +232,10 @@ export default { |
224 | position: absolute; | 232 | position: absolute; |
225 | height: 1px; | 233 | height: 1px; |
226 | width: 16px; | 234 | width: 16px; |
227 | left: 9px; | 235 | left: 8px; |
228 | top: 9px; | 236 | top: 8px; |
229 | background: url('../../assets/images/rowline.png'); | 237 | opacity: .5; |
238 | background: url('../../assets/images/rowline1.png'); | ||
230 | background-position-y: center; | 239 | background-position-y: center; |
231 | } | 240 | } |
232 | .third_layer::before { | 241 | .third_layer::before { |
... | @@ -234,9 +243,10 @@ export default { | ... | @@ -234,9 +243,10 @@ export default { |
234 | position: absolute; | 243 | position: absolute; |
235 | height: 1px; | 244 | height: 1px; |
236 | width: 22px; | 245 | width: 22px; |
237 | left: 9px; | 246 | left: 8px; |
238 | top: 9px; | 247 | top: 8px; |
239 | background: url('../../assets/images/rowline.png'); | 248 | opacity: .5; |
249 | background: url('../../assets/images/rowline1.png'); | ||
240 | background-position-y: center; | 250 | background-position-y: center; |
241 | } | 251 | } |
242 | 252 | ||
... | @@ -247,7 +257,8 @@ export default { | ... | @@ -247,7 +257,8 @@ export default { |
247 | width: 1px; | 257 | width: 1px; |
248 | left: 7px; | 258 | left: 7px; |
249 | top: 0px; | 259 | top: 0px; |
250 | background: url('../../assets/images/colline.png'); | 260 | opacity: .5; |
261 | background: url('../../assets/images/colline1.png'); | ||
251 | background-position-x: center; | 262 | background-position-x: center; |
252 | } | 263 | } |
253 | .linkLine_first::after { | 264 | .linkLine_first::after { |
... | @@ -258,7 +269,8 @@ export default { | ... | @@ -258,7 +269,8 @@ export default { |
258 | height: calc(100% + 14px); | 269 | height: calc(100% + 14px); |
259 | width: 1px; | 270 | width: 1px; |
260 | left: 7px; | 271 | left: 7px; |
261 | background: url('../../assets/images/colline.png'); | 272 | opacity: .5; |
273 | background: url('../../assets/images/colline1.png'); | ||
262 | background-position-x: center; | 274 | background-position-x: center; |
263 | } | 275 | } |
264 | // 上半截 | 276 | // 上半截 |
... | @@ -269,7 +281,8 @@ export default { | ... | @@ -269,7 +281,8 @@ export default { |
269 | top: -14px; | 281 | top: -14px; |
270 | width: 1px; | 282 | width: 1px; |
271 | left: 7px; | 283 | left: 7px; |
272 | background: url('../../assets/images/colline.png'); | 284 | opacity: .5; |
285 | background: url('../../assets/images/colline1.png'); | ||
273 | background-position-x: center; | 286 | background-position-x: center; |
274 | } | 287 | } |
275 | .linkLine_last::after { | 288 | .linkLine_last::after { |
... | @@ -279,28 +292,33 @@ export default { | ... | @@ -279,28 +292,33 @@ export default { |
279 | width: 1px; | 292 | width: 1px; |
280 | left: 7px; | 293 | left: 7px; |
281 | top: 0px; | 294 | top: 0px; |
282 | background: url('../../assets/images/colline.png'); | 295 | opacity: .5; |
296 | background: url('../../assets/images/colline1.png'); | ||
283 | background-position-x: center; | 297 | background-position-x: center; |
284 | } | 298 | } |
285 | .reTree_collapse_icon { | 299 | .reTree_collapse_icon { |
300 | opacity: .5; | ||
286 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center | 301 | background: url("../../assets/images/reTree_collapse_.svg") no-repeat center |
287 | center; | 302 | center; |
288 | background-size: contain; | 303 | background-size: contain; |
289 | } | 304 | } |
290 | 305 | ||
291 | .reTree_default_icon { | 306 | .reTree_default_icon { |
307 | opacity: .5; | ||
292 | background: url("../../assets/images/reTree_default_.svg") no-repeat center | 308 | background: url("../../assets/images/reTree_default_.svg") no-repeat center |
293 | center; | 309 | center; |
294 | background-size: contain; | 310 | background-size: contain; |
295 | } | 311 | } |
296 | 312 | ||
297 | .reTree_expand_icon { | 313 | .reTree_expand_icon { |
314 | opacity: .5; | ||
298 | background: url("../../assets/images/reTree_expand_.svg") no-repeat center | 315 | background: url("../../assets/images/reTree_expand_.svg") no-repeat center |
299 | center; | 316 | center; |
300 | background-size: contain; | 317 | background-size: contain; |
301 | } | 318 | } |
302 | 319 | ||
303 | .reTree_focus_icon { | 320 | .reTree_focus_icon { |
321 | opacity: .5; | ||
304 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center | 322 | background: url("../../assets/images/reTree_focus_.svg") no-repeat center |
305 | center; | 323 | center; |
306 | background-size: contain; | 324 | background-size: contain; | ... | ... |
... | @@ -40,6 +40,7 @@ | ... | @@ -40,6 +40,7 @@ |
40 | @changeVisible="changeVisible" | 40 | @changeVisible="changeVisible" |
41 | @changeLpbVisible="changeLpbVisible" | 41 | @changeLpbVisible="changeLpbVisible" |
42 | @changeIsZD="changeIsZD" | 42 | @changeIsZD="changeIsZD" |
43 | @changeCreateVisible="changeCreateVisible" | ||
43 | :list="item.children" | 44 | :list="item.children" |
44 | :visible="visible" | 45 | :visible="visible" |
45 | :size="size" | 46 | :size="size" |
... | @@ -62,13 +63,20 @@ | ... | @@ -62,13 +63,20 @@ |
62 | <li @click="deleteByBsm()">删除</li> | 63 | <li @click="deleteByBsm()">删除</li> |
63 | </ul> | 64 | </ul> |
64 | <ul | 65 | <ul |
66 | v-show="createVisible" | ||
67 | :style="{ left: left + 'px', top: top + 'px' }" | ||
68 | class="contextmenu" | ||
69 | > | ||
70 | <li @click="openCreateDialog">新建宗地</li> | ||
71 | </ul> | ||
72 | <ul | ||
65 | v-show="lpbvisible" | 73 | v-show="lpbvisible" |
66 | :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" | 74 | :style="{ left: lpbleft + 'px', top: lpbtop + 'px' }" |
67 | class="contextmenu" | 75 | class="contextmenu" |
68 | > | 76 | > |
69 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> | 77 | <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> |
70 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> | 78 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> |
71 | <li @click="openLpbDialog('ch')">添加层户</li> | 79 | <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')">添加层户</li> |
72 | </ul> | 80 | </ul> |
73 | <!-- 添加定着物弹框 --> | 81 | <!-- 添加定着物弹框 --> |
74 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> | 82 | <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> |
... | @@ -109,6 +117,8 @@ export default { | ... | @@ -109,6 +117,8 @@ export default { |
109 | lpbvisible: false, | 117 | lpbvisible: false, |
110 | lpbtop: 0, | 118 | lpbtop: 0, |
111 | lpbleft: 0, | 119 | lpbleft: 0, |
120 | //控制新建宗地菜单 | ||
121 | createVisible:false, | ||
112 | }; | 122 | }; |
113 | }, | 123 | }, |
114 | watch: { | 124 | watch: { |
... | @@ -123,12 +133,20 @@ export default { | ... | @@ -123,12 +133,20 @@ export default { |
123 | } else { | 133 | } else { |
124 | document.body.removeEventListener("click", this.closeMenu); | 134 | document.body.removeEventListener("click", this.closeMenu); |
125 | } | 135 | } |
136 | }, | ||
137 | |||
138 | createVisible(value) { | ||
139 | if (value) { | ||
140 | document.body.addEventListener("click", this.closeMenu); | ||
141 | } else { | ||
142 | document.body.removeEventListener("click", this.closeMenu); | ||
143 | } | ||
126 | } | 144 | } |
127 | }, | 145 | }, |
128 | created() { | 146 | created() { |
129 | console.log("lineTree create"); | 147 | console.log("lineTree create"); |
130 | this.preDealData(this.pd); | 148 | // this.preDealData(this.pd); |
131 | this.expandTreeItemById(["6b5af49d803f97baf06afb897de257f5"]); | 149 | // this.expandTreeItemById(["6b5af49d803f97baf06afb897de257f5"]); |
132 | }, | 150 | }, |
133 | 151 | ||
134 | methods: { | 152 | methods: { |
... | @@ -153,9 +171,12 @@ export default { | ... | @@ -153,9 +171,12 @@ export default { |
153 | changeLpbVisible(data) { | 171 | changeLpbVisible(data) { |
154 | this.lpbvisible = data; | 172 | this.lpbvisible = data; |
155 | }, | 173 | }, |
174 | changeCreateVisible(data){ | ||
175 | this.createVisible = true; | ||
176 | }, | ||
156 | //添加定着物 | 177 | //添加定着物 |
157 | openCreateDialog(){ | 178 | openCreateDialog(){ |
158 | this.dialogVisible = true | 179 | this.dialogVisible = true; |
159 | this.$store.state.rightClickZdbsm = this.zdData.zdbsm; | 180 | this.$store.state.rightClickZdbsm = this.zdData.zdbsm; |
160 | }, | 181 | }, |
161 | //关闭添加定着物弹框 | 182 | //关闭添加定着物弹框 |
... | @@ -163,12 +184,8 @@ export default { | ... | @@ -163,12 +184,8 @@ export default { |
163 | this.dialogVisible = false; | 184 | this.dialogVisible = false; |
164 | }, | 185 | }, |
165 | preDealData(list) { | 186 | preDealData(list) { |
166 | list.forEach((x) => { | 187 | //楼盘表目录树没有expand属性 |
167 | if (!x.expand) this.$set(x, "expand", true); | 188 | list[0].expand = list[0].expand == undefined ? true:list[0].expand; |
168 | if (x.children && x.children.length > 0) { | ||
169 | this.preDealData(x.children); | ||
170 | } | ||
171 | }); | ||
172 | return list; | 189 | return list; |
173 | }, | 190 | }, |
174 | // 根据id展开树的具体项 | 191 | // 根据id展开树的具体项 |
... | @@ -189,7 +206,7 @@ export default { | ... | @@ -189,7 +206,7 @@ export default { |
189 | console.log(this.formatData, "this.formatData"); | 206 | console.log(this.formatData, "this.formatData"); |
190 | }, | 207 | }, |
191 | itemClick(item) { | 208 | itemClick(item) { |
192 | item.expand = !item.expand; | 209 | item.expand = item.expand == undefined? true:!item.expand; |
193 | this.$emit("itemClick", item); | 210 | this.$emit("itemClick", item); |
194 | }, | 211 | }, |
195 | // 详情点击 | 212 | // 详情点击 |
... | @@ -202,14 +219,16 @@ export default { | ... | @@ -202,14 +219,16 @@ export default { |
202 | }, | 219 | }, |
203 | //自然幢右键点击事件 | 220 | //自然幢右键点击事件 |
204 | openMenu(e,item){ | 221 | openMenu(e,item){ |
222 | console.log(item,'右键item'); | ||
205 | this.lpbleft = e.pageX; | 223 | this.lpbleft = e.pageX; |
206 | this.lpbtop = e.pageY; | 224 | this.lpbtop = e.pageY; |
207 | this.zdData = item; | 225 | this.zdData = item; |
208 | this.changeLpbVisible(true); | 226 | this.changeLpbVisible(true); |
209 | }, | 227 | }, |
210 | //关闭自然幢右击菜单 | 228 | //关闭右键菜单 |
211 | closeMenu(){ | 229 | closeMenu(){ |
212 | this.lpbvisible = false | 230 | this.lpbvisible = false; |
231 | this.createVisible = false; | ||
213 | }, | 232 | }, |
214 | //楼盘表右键菜单项打开父组件弹框 | 233 | //楼盘表右键菜单项打开父组件弹框 |
215 | openLpbDialog(type){ | 234 | openLpbDialog(type){ |
... | @@ -222,22 +241,7 @@ export default { | ... | @@ -222,22 +241,7 @@ export default { |
222 | }, | 241 | }, |
223 | //右键菜单的删除 | 242 | //右键菜单的删除 |
224 | deleteByBsm(){ | 243 | deleteByBsm(){ |
225 | //let zdBsm = this.zdData.zdbsm; | ||
226 | //let type; | ||
227 | console.log(this.zdData.zdbsm); | 244 | console.log(this.zdData.zdbsm); |
228 | //switch (this.zdData.type){ | ||
229 | // case "zd": | ||
230 | // type="0"; | ||
231 | // break; | ||
232 | // case "zrz": | ||
233 | // type="1"; | ||
234 | // break; | ||
235 | // case "h": | ||
236 | // type="2"; | ||
237 | // break; | ||
238 | // default: | ||
239 | // break; | ||
240 | //} | ||
241 | let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type} | 245 | let params={"bsm":this.zdData.zdbsm,"type":this.zdData.type} |
242 | deleteZdInfoByBsm(params) | 246 | deleteZdInfoByBsm(params) |
243 | .then((res) => { | 247 | .then((res) => { |
... | @@ -260,31 +264,7 @@ export default { | ... | @@ -260,31 +264,7 @@ export default { |
260 | }; | 264 | }; |
261 | </script> | 265 | </script> |
262 | <style lang="less" scoped> | 266 | <style lang="less" scoped> |
263 | // 自定义右键菜单样式 start | ||
264 | .contextmenu { | ||
265 | margin: 0; | ||
266 | background: #fff; | ||
267 | z-index: 3000; | ||
268 | position: absolute; | ||
269 | list-style-type: none; | ||
270 | padding: 5px 0; | ||
271 | border-radius: 4px; | ||
272 | font-size: 12px; | ||
273 | font-weight: 400; | ||
274 | color: #333; | ||
275 | box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3); | ||
276 | } | ||
277 | 267 | ||
278 | .contextmenu li { | ||
279 | margin: 0; | ||
280 | padding: 7px 16px; | ||
281 | cursor: pointer; | ||
282 | } | ||
283 | |||
284 | .contextmenu li:hover { | ||
285 | background: #eee; | ||
286 | } | ||
287 | // end | ||
288 | .content { | 268 | .content { |
289 | height: 100%; | 269 | height: 100%; |
290 | width: 100%; | 270 | width: 100%; | ... | ... |
... | @@ -18,8 +18,8 @@ | ... | @@ -18,8 +18,8 @@ |
18 | <el-header> | 18 | <el-header> |
19 | <div class="header-top"> | 19 | <div class="header-top"> |
20 | <div class="top-items" @click="toggleClick"> | 20 | <div class="top-items" @click="toggleClick"> |
21 | <i class="fa fa-outdent hamburger" v-show="!isActive"></i> | 21 | <i class="fa fa-outdent" v-show="!isActive"></i> |
22 | <i class="fa fa-indent hamburger" v-show="isActive"></i> | 22 | <i class="fa fa-indent" v-show="isActive"></i> |
23 | </div> | 23 | </div> |
24 | <div | 24 | <div |
25 | class="top-items" | 25 | class="top-items" |
... | @@ -163,23 +163,23 @@ export default { | ... | @@ -163,23 +163,23 @@ export default { |
163 | let list = [ | 163 | let list = [ |
164 | { | 164 | { |
165 | name: "新建", | 165 | name: "新建", |
166 | icon: "fa fa-address-card-o", | 166 | icon: "fa fa-plus-square", |
167 | path: "/create", | 167 | path: "/create", |
168 | }, | 168 | }, |
169 | { | 169 | { |
170 | name: "添加", | 170 | name: "添加", |
171 | icon: "fa fa-address-card-o", | 171 | icon: "fa fa-plus-circle", |
172 | path: "/add", | 172 | path: "/add", |
173 | }, | 173 | }, |
174 | { name: "更正", icon: "fa fa-address-card-o", path: "/modify" }, | 174 | { name: "更正", icon: "fa fa-pencil-square", path: "/modify" }, |
175 | { | 175 | { |
176 | name: "变更", | 176 | name: "变更", |
177 | icon: "fa fa-address-card-o", | 177 | icon: "fa fa-exchange", |
178 | path: "/change", | 178 | path: "/change", |
179 | }, | 179 | }, |
180 | { | 180 | { |
181 | name: "综合查询", | 181 | name: "综合查询", |
182 | icon: "fa fa-address-card-o", | 182 | icon: "fa fa-search", |
183 | path: "/search", | 183 | path: "/search", |
184 | }, | 184 | }, |
185 | ]; | 185 | ]; | ... | ... |
... | @@ -75,17 +75,17 @@ export default { | ... | @@ -75,17 +75,17 @@ export default { |
75 | data() { | 75 | data() { |
76 | return { | 76 | return { |
77 | workList: [ | 77 | workList: [ |
78 | { name: "待办箱", img: require("../../assets/images/temp1.png") }, | 78 | { name: "待办箱", img: require("../../assets/images/dbx.png") }, |
79 | { name: "退件箱", img: require("../../assets/images/temp2.png") }, | 79 | { name: "退件箱", img: require("../../assets/images/tjx.png") }, |
80 | ], | 80 | ], |
81 | list: [ | 81 | list: [ |
82 | { name: "宗地分割", img: require("../../assets/images/temp1.png") }, | 82 | { name: "宗地分割", img: require("../../assets/images/zdfg.png") }, |
83 | { | 83 | { |
84 | name: "导入楼盘表模板", | 84 | name: "导入楼盘表模板", |
85 | img: require("../../assets/images/temp2.png"), | 85 | img: require("../../assets/images/drlpbmb.png"), |
86 | }, | 86 | }, |
87 | { name: "新办房屋", img: require("../../assets/images/temp1.png") }, | 87 | { name: "新办房屋", img: require("../../assets/images/xbfw.png") }, |
88 | { name: "重新落宗", img: require("../../assets/images/temp2.png") }, | 88 | { name: "重新落宗", img: require("../../assets/images/cxlz.png") }, |
89 | ], | 89 | ], |
90 | tableData: [ | 90 | tableData: [ |
91 | 91 | ... | ... |
src/views/systemZD/fjcl/fjcl.vue
0 → 100644
1 | <template> | ||
2 | <div class="main"> | ||
3 | <el-upload | ||
4 | class="upload-demo" | ||
5 | action="/api/file/uploadList" | ||
6 | :on-preview="handlePreview" | ||
7 | :on-remove="handleRemove" | ||
8 | :before-remove="beforeRemove" | ||
9 | :on-success="uploadSuccess" | ||
10 | :on-error="uploadError" | ||
11 | multiple | ||
12 | :limit="3" | ||
13 | :on-exceed="handleExceed" | ||
14 | > | ||
15 | <el-button size="small" type="primary">上传</el-button> | ||
16 | </el-upload> | ||
17 | <table border="2"> | ||
18 | <tr> | ||
19 | <th>序号</th> | ||
20 | <th>文件名称</th> | ||
21 | <th>文件类型</th> | ||
22 | <th>操作</th> | ||
23 | </tr> | ||
24 | <tr v-for="(item,index) in list" :key="index"> | ||
25 | <td>{{index+1}}</td> | ||
26 | <td>{{item.wjmc}}</td> | ||
27 | <td>{{item.wjlx}}</td> | ||
28 | <td> | ||
29 | <span>下载</span> | ||
30 | <span>预览</span> | ||
31 | </td> | ||
32 | </tr> | ||
33 | </table> | ||
34 | </div> | ||
35 | </template> | ||
36 | |||
37 | <script> | ||
38 | import {insertFile} from "./../../../api/common" | ||
39 | import {Message} from "element-ui" | ||
40 | export default { | ||
41 | name: "fjcl", | ||
42 | data() { | ||
43 | return { | ||
44 | list: [ | ||
45 | { | ||
46 | wjmc: '调查文档1', | ||
47 | wjlx: 'doc', | ||
48 | url: '' | ||
49 | }, | ||
50 | { | ||
51 | wjmc: '调查文档2', | ||
52 | wjlx: 'doc', | ||
53 | url: '' | ||
54 | }, | ||
55 | { | ||
56 | wjmc: '调查文档3', | ||
57 | wjlx: 'doc', | ||
58 | url: '' | ||
59 | }, | ||
60 | { | ||
61 | wjmc: '调查文档4', | ||
62 | wjlx: 'doc', | ||
63 | url: '' | ||
64 | }, | ||
65 | ], | ||
66 | filesData:{ | ||
67 | dylx: "", | ||
68 | glbsm: "", | ||
69 | list: [ | ||
70 | { | ||
71 | filename: "", | ||
72 | filepostfix: "", | ||
73 | fileurl: "" | ||
74 | } | ||
75 | ] | ||
76 | }, | ||
77 | } | ||
78 | }, | ||
79 | mounted(){ | ||
80 | switch (this.$route.name) { | ||
81 | case "宗地": | ||
82 | this.filesData.dylx='zd'; | ||
83 | this.filesData.glbsm=this.$store.state.zdbsm | ||
84 | break; | ||
85 | case "自然幢": | ||
86 | this.filesData.dylx='zrz'; | ||
87 | this.filesData.glbsm=this.$store.state.zrzbsm | ||
88 | break | ||
89 | default: | ||
90 | break | ||
91 | } | ||
92 | }, | ||
93 | methods: { | ||
94 | uploadError(err,file,fileList){ | ||
95 | console.log("上传文件失败",err) | ||
96 | }, | ||
97 | uploadSuccess(res, file, fileList) { | ||
98 | this.filesData.list = res.result; | ||
99 | console.log(res,"res=========") | ||
100 | insertFile(this.filesData).then(res=>{ | ||
101 | if (res.success) { | ||
102 | Message.warning("上传成功") | ||
103 | }else { | ||
104 | Message.error(res.message) | ||
105 | } | ||
106 | }) | ||
107 | }, | ||
108 | handleRemove(file, fileList) { | ||
109 | console.log(file, fileList); | ||
110 | }, | ||
111 | handlePreview(file) { | ||
112 | console.log(file); | ||
113 | }, | ||
114 | handleExceed(files, fileList) { | ||
115 | console.log(fileList) | ||
116 | this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`); | ||
117 | }, | ||
118 | beforeRemove(file, fileList) { | ||
119 | return this.$confirm(`确定移除 ${ file.name }?`); | ||
120 | } | ||
121 | }, | ||
122 | watch:{ | ||
123 | } | ||
124 | } | ||
125 | </script> | ||
126 | |||
127 | <style scoped lang="less"> | ||
128 | .main { | ||
129 | box-sizing: border-box; | ||
130 | padding: 18px; | ||
131 | height: auto; | ||
132 | width: 80%; | ||
133 | } | ||
134 | |||
135 | table { | ||
136 | margin-top: 10px; | ||
137 | background-color: #fff; | ||
138 | font-size: 14px; | ||
139 | width: 100%; | ||
140 | td, th { | ||
141 | text-align: center; | ||
142 | height: 36px; | ||
143 | min-width: 50px; | ||
144 | } | ||
145 | } | ||
146 | |||
147 | |||
148 | </style> |
... | @@ -7,6 +7,7 @@ | ... | @@ -7,6 +7,7 @@ |
7 | <el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane> | 7 | <el-tab-pane label="界址线" name="jzx"><jzx></jzx></el-tab-pane> |
8 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> | 8 | <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> |
9 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> | 9 | <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> |
10 | <el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane> | ||
10 | </el-tabs> | 11 | </el-tabs> |
11 | </div> | 12 | </div> |
12 | </template> | 13 | </template> |
... | @@ -18,10 +19,11 @@ import jzd from "./jzd"; | ... | @@ -18,10 +19,11 @@ import jzd from "./jzd"; |
18 | import jzx from "./jzx"; | 19 | import jzx from "./jzx"; |
19 | import djb from "./djb"; | 20 | import djb from "./djb"; |
20 | import lshs from "./lshs"; | 21 | import lshs from "./lshs"; |
22 | import fjcl from "./fjcl/fjcl" | ||
21 | export default { | 23 | export default { |
22 | name: "", | 24 | name: "", |
23 | components: { | 25 | components: { |
24 | zddcb,mjftb,jzd,jzx,djb,lshs | 26 | zddcb,mjftb,jzd,jzx,djb,lshs,fjcl |
25 | }, | 27 | }, |
26 | props: {}, | 28 | props: {}, |
27 | data() { | 29 | data() { | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="formMenu"> | 3 | <div class="formMenu"> |
4 | <Qlr ref="qlrxxModule" :bsm="$store.state.zdbsm"></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm="$store.state.zdbsm" :qszt="formData.qszt"></Qlr> |
5 | <!-- <el-button | 5 | <!-- <el-button |
6 | type="primary" | 6 | type="primary" |
7 | class="changeBtn" | 7 | class="changeBtn" |
... | @@ -21,24 +21,30 @@ | ... | @@ -21,24 +21,30 @@ |
21 | <tr> | 21 | <tr> |
22 | <td colspan="2">行政区</td> | 22 | <td colspan="2">行政区</td> |
23 | <td colspan="2"> | 23 | <td colspan="2"> |
24 | <el-select | 24 | <el-form :rules="rules" ref="ruleForm" :inline="true" > |
25 | class="formSelect" | 25 | <el-form-item prop="xzq"> |
26 | v-model="formData.xzqbsm" | 26 | <el-select |
27 | @change="changeXzq(formData.xzqbsm)" | 27 | :disabled="formData.qszt!='0'" |
28 | > | 28 | class="formSelect" |
29 | <el-option | 29 | v-model="formData.xzqbsm" |
30 | v-for="item in $store.state.xzqList" | 30 | @change="changeXzq(formData.xzqbsm)" |
31 | :key="item.bsm" | 31 | > |
32 | :label="item.mc" | 32 | <el-option |
33 | :value="item.bsm" | 33 | v-for="item in $store.state.xzqList" |
34 | > | 34 | :key="item.bsm" |
35 | </el-option> | 35 | :label="item.mc" |
36 | </el-select> | 36 | :value="item.bsm" |
37 | > | ||
38 | </el-option> | ||
39 | </el-select> | ||
40 | </el-form-item> | ||
41 | </el-form> | ||
37 | </td> | 42 | </td> |
38 | <td colspan="2">地籍区</td> | 43 | <td colspan="2">地籍区</td> |
39 | <td colspan="2"> | 44 | <td colspan="2"> |
40 | <el-select | 45 | <el-select |
41 | class="formSelect" | 46 | class="formSelect" |
47 | :disabled="formData.qszt!='0'" | ||
42 | v-model="formData.djqbsm" | 48 | v-model="formData.djqbsm" |
43 | @change="changeDjq(formData.djqbsm)" | 49 | @change="changeDjq(formData.djqbsm)" |
44 | > | 50 | > |
... | @@ -53,7 +59,7 @@ | ... | @@ -53,7 +59,7 @@ |
53 | </td> | 59 | </td> |
54 | <td colspan="2">地籍子区</td> | 60 | <td colspan="2">地籍子区</td> |
55 | <td colspan="2"> | 61 | <td colspan="2"> |
56 | <el-select class="formSelect" v-model="formData.djzqbsm"> | 62 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.djzqbsm"> |
57 | <el-option | 63 | <el-option |
58 | v-for="item in $store.state.djzqList" | 64 | v-for="item in $store.state.djzqList" |
59 | :key="item.bsm" | 65 | :key="item.bsm" |
... | @@ -67,7 +73,7 @@ | ... | @@ -67,7 +73,7 @@ |
67 | <tr> | 73 | <tr> |
68 | <td colspan="2">权利类型</td> | 74 | <td colspan="2">权利类型</td> |
69 | <td colspan="4"> | 75 | <td colspan="4"> |
70 | <el-select class="formSelect" v-model="formData.qllxbsm"> | 76 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qllxbsm"> |
71 | <el-option | 77 | <el-option |
72 | v-for="item in $store.state.qllxList" | 78 | v-for="item in $store.state.qllxList" |
73 | :key="item.bsm" | 79 | :key="item.bsm" |
... | @@ -79,7 +85,7 @@ | ... | @@ -79,7 +85,7 @@ |
79 | </td> | 85 | </td> |
80 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> | 86 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> |
81 | <td colspan="4"> | 87 | <td colspan="4"> |
82 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> | 88 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.zdtzmbsm"> |
83 | <el-option | 89 | <el-option |
84 | v-for="item in $store.state.zdtzmList" | 90 | v-for="item in $store.state.zdtzmList" |
85 | :key="item.bsm" | 91 | :key="item.bsm" |
... | @@ -93,7 +99,7 @@ | ... | @@ -93,7 +99,7 @@ |
93 | <tr> | 99 | <tr> |
94 | <td colspan="2">权利设定方式</td> | 100 | <td colspan="2">权利设定方式</td> |
95 | <td colspan="4"> | 101 | <td colspan="4"> |
96 | <el-select class="formSelect" v-model="formData.qlsdfs"> | 102 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.qlsdfs"> |
97 | <el-option | 103 | <el-option |
98 | v-for="item in $store.state.qlsdfsList" | 104 | v-for="item in $store.state.qlsdfsList" |
99 | :key="item.bsm" | 105 | :key="item.bsm" |
... | @@ -105,7 +111,7 @@ | ... | @@ -105,7 +111,7 @@ |
105 | </td> | 111 | </td> |
106 | <td colspan="2">宗地代码<i class="requisite">*</i></td> | 112 | <td colspan="2">宗地代码<i class="requisite">*</i></td> |
107 | <td colspan="4" class="psr"> | 113 | <td colspan="4" class="psr"> |
108 | <input | 114 | <input :disabled="formData.qszt!='0'" |
109 | type="text" placeholder="请输入" | 115 | type="text" placeholder="请输入" |
110 | class="formInput percent78" | 116 | class="formInput percent78" |
111 | v-model="formData.zddm" | 117 | v-model="formData.zddm" |
... | @@ -118,13 +124,13 @@ | ... | @@ -118,13 +124,13 @@ |
118 | <tr> | 124 | <tr> |
119 | <td colspan="2">地籍号</td> | 125 | <td colspan="2">地籍号</td> |
120 | <td colspan="4"> | 126 | <td colspan="4"> |
121 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.djh" /> | 127 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.djh" /> |
122 | </td> | 128 | </td> |
123 | 129 | ||
124 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> | 130 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> |
125 | <td colspan="4" class="psr"> | 131 | <td colspan="4" class="psr"> |
126 | <input | 132 | <input |
127 | type="text" | 133 | type="text" :disabled="formData.qszt!='0'" |
128 | class="formInput percent78" | 134 | class="formInput percent78" |
129 | v-model="formData.bdcdyh" | 135 | v-model="formData.bdcdyh" |
130 | /> | 136 | /> |
... | @@ -134,11 +140,11 @@ | ... | @@ -134,11 +140,11 @@ |
134 | <tr> | 140 | <tr> |
135 | <td colspan="2">坐落<i class="requisite">*</i></td> | 141 | <td colspan="2">坐落<i class="requisite">*</i></td> |
136 | <td colspan="4"> | 142 | <td colspan="4"> |
137 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.zl" /> | 143 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.zl" /> |
138 | </td> | 144 | </td> |
139 | <td colspan="2">项目名称</td> | 145 | <td colspan="2">项目名称</td> |
140 | <td colspan="4" class="psr"> | 146 | <td colspan="4" class="psr"> |
141 | <input | 147 | <input :disabled="formData.qszt!='0'" |
142 | type="text" placeholder="请输入" | 148 | type="text" placeholder="请输入" |
143 | class="formInput " | 149 | class="formInput " |
144 | v-model="formData.xmmc" | 150 | v-model="formData.xmmc" |
... | @@ -148,7 +154,7 @@ | ... | @@ -148,7 +154,7 @@ |
148 | <tr> | 154 | <tr> |
149 | <td colspan="2">国民经济行业分类</td> | 155 | <td colspan="2">国民经济行业分类</td> |
150 | <td colspan="4"> | 156 | <td colspan="4"> |
151 | <el-select class="formSelect" v-model="formData.gmjjhyflbsm"> | 157 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.gmjjhyflbsm"> |
152 | <el-option | 158 | <el-option |
153 | v-for="item in $store.state.gmjjhyflbsmList" | 159 | v-for="item in $store.state.gmjjhyflbsmList" |
154 | :key="item.bsm" | 160 | :key="item.bsm" |
... | @@ -160,26 +166,26 @@ | ... | @@ -160,26 +166,26 @@ |
160 | </td> | 166 | </td> |
161 | <td colspan="2">价格(元)</td> | 167 | <td colspan="2">价格(元)</td> |
162 | <td colspan="4" class="psr"> | 168 | <td colspan="4" class="psr"> |
163 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.jg" /> | 169 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.jg" /> |
164 | </td> | 170 | </td> |
165 | </tr> | 171 | </tr> |
166 | <tr> | 172 | <tr> |
167 | <td colspan="2" rowspan="2">所在图幅号</td> | 173 | <td colspan="2" rowspan="2">所在图幅号</td> |
168 | <td colspan="2">比例尺</td> | 174 | <td colspan="2">比例尺</td> |
169 | <td colspan="8" class="psr"> | 175 | <td colspan="8" class="psr"> |
170 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.blc" /> | 176 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.blc" /> |
171 | </td> | 177 | </td> |
172 | </tr> | 178 | </tr> |
173 | <tr> | 179 | <tr> |
174 | <td colspan="2">图幅号</td> | 180 | <td colspan="2">图幅号</td> |
175 | <td colspan="8" class="psr"> | 181 | <td colspan="8" class="psr"> |
176 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.tfh" /> | 182 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.tfh" /> |
177 | </td> | 183 | </td> |
178 | </tr> | 184 | </tr> |
179 | <tr> | 185 | <tr> |
180 | <td colspan="2">容积率</td> | 186 | <td colspan="2">容积率</td> |
181 | <td colspan="2"> | 187 | <td colspan="2"> |
182 | <el-select class="formSelect" v-model="formData.jyrjl"> | 188 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyrjl"> |
183 | <el-option | 189 | <el-option |
184 | v-for="item in compareList" | 190 | v-for="item in compareList" |
185 | :key="item.value" | 191 | :key="item.value" |
... | @@ -191,27 +197,27 @@ | ... | @@ -191,27 +197,27 @@ |
191 | </td> | 197 | </td> |
192 | <td colspan="2"> | 198 | <td colspan="2"> |
193 | <input | 199 | <input |
194 | type="text" placeholder="请输入" | 200 | type="text" placeholder="请输入" :disabled="formData.qszt!='0'" |
195 | v-model="rjl" | 201 | v-model="rjl" |
196 | v-show="isInterval(formData.jyrjl)" | 202 | v-show="isInterval(formData.jyrjl)" |
197 | class="formInput percent47" | 203 | class="formInput percent47" |
198 | /> | 204 | /> |
199 | <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> | 205 | <span class="percent4" v-show="isInterval(formData.jyrjl)">-</span> |
200 | <input | 206 | <input |
201 | type="text" placeholder="请输入" | 207 | type="text" placeholder="请输入" :disabled="formData.qszt!='0'" |
202 | v-model="formData.rjl" | 208 | v-model="formData.rjl" |
203 | :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" | 209 | :class="isInterval(formData.jyrjl) ? 'formInput percent47' : 'formInput'" |
204 | /> | 210 | /> |
205 | </td> | 211 | </td> |
206 | <td colspan="2">容积说明</td> | 212 | <td colspan="2">容积说明</td> |
207 | <td colspan="4" class="psr"> | 213 | <td colspan="4" class="psr"> |
208 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.rjsm" /> | 214 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.rjsm" /> |
209 | </td> | 215 | </td> |
210 | </tr> | 216 | </tr> |
211 | <tr> | 217 | <tr> |
212 | <td colspan="2">建筑密度</td> | 218 | <td colspan="2">建筑密度</td> |
213 | <td colspan="2"> | 219 | <td colspan="2"> |
214 | <el-select class="formSelect" v-model="formData.jyjzmd"> | 220 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzmd"> |
215 | <el-option | 221 | <el-option |
216 | v-for="item in compareList" | 222 | v-for="item in compareList" |
217 | :key="item.value" | 223 | :key="item.value" |
... | @@ -224,26 +230,26 @@ | ... | @@ -224,26 +230,26 @@ |
224 | <td colspan="2"> | 230 | <td colspan="2"> |
225 | <input | 231 | <input |
226 | type="text" placeholder="请输入" | 232 | type="text" placeholder="请输入" |
227 | v-model="jzmd" | 233 | v-model="jzmd" :disabled="formData.qszt!='0'" |
228 | v-show="isInterval(formData.jyjzmd)" | 234 | v-show="isInterval(formData.jyjzmd)" |
229 | class="formInput percent47" | 235 | class="formInput percent47" |
230 | /> | 236 | /> |
231 | <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> | 237 | <span class="percent4" v-show="isInterval(formData.jyjzmd)">-</span> |
232 | <input | 238 | <input |
233 | type="text" placeholder="请输入" | 239 | type="text" placeholder="请输入" |
234 | v-model="formData.jzmd" | 240 | v-model="formData.jzmd" :disabled="formData.qszt!='0'" |
235 | :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" | 241 | :class="isInterval(formData.jyjzmd) ? 'formInput percent47' : 'formInput'" |
236 | /> | 242 | /> |
237 | </td> | 243 | </td> |
238 | <td colspan="2">建筑密度说明</td> | 244 | <td colspan="2">建筑密度说明</td> |
239 | <td colspan="4" class="psr"> | 245 | <td colspan="4" class="psr"> |
240 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzmdsm" /> | 246 | <input type="text" :disabled="formData.qszt!='0'" placeholder="请输入" class="formInput" v-model="formData.jzmdsm" /> |
241 | </td> | 247 | </td> |
242 | </tr> | 248 | </tr> |
243 | <tr> | 249 | <tr> |
244 | <td colspan="2">建筑限高</td> | 250 | <td colspan="2">建筑限高</td> |
245 | <td colspan="2"> | 251 | <td colspan="2"> |
246 | <el-select class="formSelect" v-model="formData.jyjzxg"> | 252 | <el-select class="formSelect" :disabled="formData.qszt!='0'" v-model="formData.jyjzxg"> |
247 | <el-option | 253 | <el-option |
248 | v-for="item in compareList" | 254 | v-for="item in compareList" |
249 | :key="item.value" | 255 | :key="item.value" |
... | @@ -255,89 +261,89 @@ | ... | @@ -255,89 +261,89 @@ |
255 | </td> | 261 | </td> |
256 | <td colspan="2"> | 262 | <td colspan="2"> |
257 | <input | 263 | <input |
258 | type="text" placeholder="请输入" | 264 | type="text" placeholder="请输入" :disabled="formData.qszt!='0'" |
259 | v-model="jzxg" | 265 | v-model="jzxg" |
260 | v-show="isInterval(formData.jyjzxg)" | 266 | v-show="isInterval(formData.jyjzxg)" |
261 | class="formInput percent47" | 267 | class="formInput percent47" |
262 | /> | 268 | /> |
263 | <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> | 269 | <span class="percent4" v-show="isInterval(formData.jyjzxg)">-</span> |
264 | <input | 270 | <input |
265 | type="text" placeholder="请输入" | 271 | type="text" placeholder="请输入" :disabled="formData.qszt!='0'" |
266 | v-model="formData.jzxg" | 272 | v-model="formData.jzxg" |
267 | :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" | 273 | :class="isInterval(formData.jyjzxg) ? 'formInput percent47' : 'formInput'" |
268 | /> | 274 | /> |
269 | </td> | 275 | </td> |
270 | <td colspan="2">建筑限高说明</td> | 276 | <td colspan="2">建筑限高说明</td> |
271 | <td colspan="4" class="psr"> | 277 | <td colspan="4" class="psr"> |
272 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzxgsm" /> | 278 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzxgsm" /> |
273 | </td> | 279 | </td> |
274 | </tr> | 280 | </tr> |
275 | <tr> | 281 | <tr> |
276 | <td colspan="2" rowspan="4">宗地四至</td> | 282 | <td colspan="2" rowspan="4">宗地四至</td> |
277 | <td colspan="2">北至<i class="requisite">*</i></td> | 283 | <td colspan="2">北至<i class="requisite">*</i></td> |
278 | <td colspan="8" class="psr"> | 284 | <td colspan="8" class="psr"> |
279 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszb" /> | 285 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszb" /> |
280 | </td> | 286 | </td> |
281 | </tr> | 287 | </tr> |
282 | <tr> | 288 | <tr> |
283 | <td colspan="2">东至<i class="requisite">*</i></td> | 289 | <td colspan="2">东至<i class="requisite">*</i></td> |
284 | <td colspan="8" class="psr"> | 290 | <td colspan="8" class="psr"> |
285 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszd" /> | 291 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszd" /> |
286 | </td> | 292 | </td> |
287 | </tr> | 293 | </tr> |
288 | <tr> | 294 | <tr> |
289 | <td colspan="2">南至<i class="requisite">*</i></td> | 295 | <td colspan="2">南至<i class="requisite">*</i></td> |
290 | <td colspan="8" class="psr"> | 296 | <td colspan="8" class="psr"> |
291 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszn" /> | 297 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszn" /> |
292 | </td> | 298 | </td> |
293 | </tr> | 299 | </tr> |
294 | <tr> | 300 | <tr> |
295 | <td colspan="2">西至<i class="requisite">*</i></td> | 301 | <td colspan="2">西至<i class="requisite">*</i></td> |
296 | <td colspan="8" class="psr"> | 302 | <td colspan="8" class="psr"> |
297 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdszx" /> | 303 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdszx" /> |
298 | </td> | 304 | </td> |
299 | </tr> | 305 | </tr> |
300 | <tr> | 306 | <tr> |
301 | <td colspan="12"> | 307 | <td colspan="12"> |
302 | <Qlxz ref="qlxzModule"></Qlxz> | 308 | <Qlxz ref="qlxzModule" :formData="formData"></Qlxz> |
303 | </td> | 309 | </td> |
304 | </tr> | 310 | </tr> |
305 | <tr> | 311 | <tr> |
306 | <td colspan="2" rowspan="2">批准面积(㎡)</td> | 312 | <td colspan="2" rowspan="2">批准面积(㎡)</td> |
307 | <td colspan="2" rowspan="2"> | 313 | <td colspan="2" rowspan="2"> |
308 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.pzmj" /> | 314 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.pzmj" /> |
309 | </td> | 315 | </td> |
310 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> | 316 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> |
311 | <td colspan="2" rowspan="2"> | 317 | <td colspan="2" rowspan="2"> |
312 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.zdmj" /> | 318 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.zdmj" /> |
313 | </td> | 319 | </td> |
314 | <td colspan="2">建筑占地总面积</td> | 320 | <td colspan="2">建筑占地总面积</td> |
315 | <td colspan="2"> | 321 | <td colspan="2"> |
316 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzdzmj" /> | 322 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzzdzmj" /> |
317 | </td> | 323 | </td> |
318 | </tr> | 324 | </tr> |
319 | <tr> | 325 | <tr> |
320 | <td colspan="2">建筑面积(㎡)</td> | 326 | <td colspan="2">建筑面积(㎡)</td> |
321 | <td colspan="2"> | 327 | <td colspan="2"> |
322 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.jzzmj" /> | 328 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.jzzmj" /> |
323 | </td> | 329 | </td> |
324 | </tr> | 330 | </tr> |
325 | <tr> | 331 | <tr> |
326 | <td colspan="2">共有/共用权利人情况</td> | 332 | <td colspan="2">共有/共用权利人情况</td> |
327 | <td colspan="10"> | 333 | <td colspan="10"> |
328 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.gygyqlrqk" /> | 334 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.gygyqlrqk" /> |
329 | </td> | 335 | </td> |
330 | </tr> | 336 | </tr> |
331 | <tr> | 337 | <tr> |
332 | <td colspan="2" rowspan="2">说明</td> | 338 | <td colspan="2" rowspan="2">说明</td> |
333 | <td colspan="10" rowspan="2"> | 339 | <td colspan="10" rowspan="2"> |
334 | <input type="text" placeholder="请输入" class="formInput" v-model="formData.sm" /> | 340 | <input type="text" placeholder="请输入" :disabled="formData.qszt!='0'" class="formInput" v-model="formData.sm" /> |
335 | </td> | 341 | </td> |
336 | </tr> | 342 | </tr> |
337 | </table> | 343 | </table> |
338 | 344 | ||
339 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | 345 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> |
340 | <el-button type="success" @click="updateZDxx">保存</el-button> | 346 | <el-button type="success" @click="updateZDxx()">保存</el-button> |
341 | <el-button type="primary" @click="submitZDxx">提交</el-button> | 347 | <el-button type="primary" @click="submitZDxx">提交</el-button> |
342 | </div> | 348 | </div> |
343 | </div> | 349 | </div> |
... | @@ -369,6 +375,30 @@ export default { | ... | @@ -369,6 +375,30 @@ export default { |
369 | props: {}, | 375 | props: {}, |
370 | data() { | 376 | data() { |
371 | return { | 377 | return { |
378 | rules: { | ||
379 | hdmc: [ | ||
380 | { required: true, message: '请输入活动名称', trigger: 'blur' }, | ||
381 | { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' } | ||
382 | ], | ||
383 | xzq: [ | ||
384 | { required: true, message: '请选择活行政区', trigger: 'change' } | ||
385 | ], | ||
386 | date1: [ | ||
387 | { type: 'date', required: true, message: '请选择日期', trigger: 'change' } | ||
388 | ], | ||
389 | date2: [ | ||
390 | { type: 'date', required: true, message: '请选择时间', trigger: 'change' } | ||
391 | ], | ||
392 | type: [ | ||
393 | { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' } | ||
394 | ], | ||
395 | resource: [ | ||
396 | { required: true, message: '请选择活动资源', trigger: 'change' } | ||
397 | ], | ||
398 | desc: [ | ||
399 | { required: true, message: '请填写活动形式', trigger: 'blur' } | ||
400 | ] | ||
401 | }, | ||
372 | rjl:'', | 402 | rjl:'', |
373 | jzmd:'', | 403 | jzmd:'', |
374 | jzxg:'', | 404 | jzxg:'', |
... | @@ -442,31 +472,43 @@ export default { | ... | @@ -442,31 +472,43 @@ export default { |
442 | .catch((error) => {}); | 472 | .catch((error) => {}); |
443 | }, | 473 | }, |
444 | //修改宗地基本信息 | 474 | //修改宗地基本信息 |
445 | updateZDxx() { | 475 | updateZDxx(formData) { |
446 | //获取权利性质数据 | 476 | //获取权利性质数据 |
447 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); | 477 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); |
448 | //判断容密高是否为区间值,如果是区间值,则将输入框的值赋予 | 478 | //判断容密高是否为区间值,如果是区间值,则将输入框的值赋予 |
449 | this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; | 479 | this.formData.jyrjl = this.isInterval(this.formData.jyrjl) ? this.rjl : this.formData.jyrjl; |
450 | this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; | 480 | this.formData.jyjzmd = this.isInterval(this.formData.jyjzmd) ? this.jzmd : this.formData.jyjzmd; |
451 | this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; | 481 | this.formData.jyjzxg = this.isInterval(this.formData.jyjzxg) ? this.jzxg : this.formData.jyjzxg; |
452 | updateQjZdjbxx(this.formData) | 482 | |
453 | .then((res) => { | 483 | |
454 | if (res.code == 200) { | 484 | this.$refs['ruleForm'].validate((valid) => { |
455 | console.log(res); | 485 | debugger |
456 | this.$message({ | 486 | if (valid) { |
457 | message: '保存成功', | 487 | alert('submit!'); |
458 | type: "success", | 488 | updateQjZdjbxx(this.formData) |
459 | }); | 489 | .then((res) => { |
460 | // 保存成功再次查询 | 490 | if (res.code == 200) { |
461 | this.getZdjbxxData(); | 491 | console.log(res); |
462 | } else { | 492 | this.$message({ |
463 | this.$message({ | 493 | message: '保存成功', |
464 | message: res.message, | 494 | type: "success", |
465 | type: "warning", | 495 | }); |
466 | }); | 496 | // 保存成功再次查询 |
467 | } | 497 | this.getZdjbxxData(); |
468 | }) | 498 | } else { |
469 | .catch((error) => {}); | 499 | this.$message({ |
500 | message: res.message, | ||
501 | type: "warning", | ||
502 | }); | ||
503 | } | ||
504 | }) | ||
505 | .catch((error) => {}); | ||
506 | } else { | ||
507 | alert("error submit") | ||
508 | return false; | ||
509 | } | ||
510 | }); | ||
511 | |||
470 | }, | 512 | }, |
471 | //提交宗地基本信息 | 513 | //提交宗地基本信息 |
472 | submitZDxx(){ | 514 | submitZDxx(){ |
... | @@ -475,6 +517,7 @@ export default { | ... | @@ -475,6 +517,7 @@ export default { |
475 | status:1, | 517 | status:1, |
476 | type:"zd" | 518 | type:"zd" |
477 | } | 519 | } |
520 | |||
478 | submit(data).then((res)=>{ | 521 | submit(data).then((res)=>{ |
479 | if(res.code===200){ | 522 | if(res.code===200){ |
480 | this.$message.success("提交完成!") | 523 | this.$message.success("提交完成!") |
... | @@ -585,7 +628,6 @@ export default { | ... | @@ -585,7 +628,6 @@ export default { |
585 | font-size: 16px; | 628 | font-size: 16px; |
586 | } | 629 | } |
587 | td { | 630 | td { |
588 | width: 60px; | ||
589 | text-align: center; | 631 | text-align: center; |
590 | height: 36px; | 632 | height: 36px; |
591 | } | 633 | } |
... | @@ -597,7 +639,6 @@ export default { | ... | @@ -597,7 +639,6 @@ export default { |
597 | color: #606764; | 639 | color: #606764; |
598 | overflow: visible; | 640 | overflow: visible; |
599 | text-align: center; | 641 | text-align: center; |
600 | cursor: text; | ||
601 | } | 642 | } |
602 | .percent78 { | 643 | .percent78 { |
603 | width: 78%; | 644 | width: 78%; | ... | ... |
... | @@ -12,9 +12,9 @@ | ... | @@ -12,9 +12,9 @@ |
12 | <table class="chTable" :style="{'top':(ljzzdyHeight-1-zdys.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> | 12 | <table class="chTable" :style="{'top':(ljzzdyHeight-1-zdys.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> |
13 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> | 13 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> |
14 | <!-- 显示层数 --> | 14 | <!-- 显示层数 --> |
15 | <td class="floor">{{cs.sjc}}层</td> | 15 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> |
16 | <!-- 显示户 --> | 16 | <!-- 显示户 --> |
17 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td> | 17 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
18 | </tr> | 18 | </tr> |
19 | </table> | 19 | </table> |
20 | <!-- </div> --> | 20 | <!-- </div> --> |
... | @@ -28,9 +28,9 @@ | ... | @@ -28,9 +28,9 @@ |
28 | <table class="chTable" :style="{'top':(ljzzdyHeight+40-1-ljzs.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0"> | 28 | <table class="chTable" :style="{'top':(ljzzdyHeight+40-1-ljzs.cs.length*65)+'px'}" border="1" cellspacing="0" cellpadding="0"> |
29 | <tr v-for="(cs) in ljzs.cs" :key="cs.bsm"> | 29 | <tr v-for="(cs) in ljzs.cs" :key="cs.bsm"> |
30 | <!-- 显示层数 --> | 30 | <!-- 显示层数 --> |
31 | <td class="floor">{{cs.sjc}}层</td> | 31 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> |
32 | <!-- 显示户 --> | 32 | <!-- 显示户 --> |
33 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td> | 33 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
34 | </tr> | 34 | </tr> |
35 | </table> | 35 | </table> |
36 | </div> | 36 | </div> |
... | @@ -53,9 +53,9 @@ | ... | @@ -53,9 +53,9 @@ |
53 | <table class="chTable" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> | 53 | <table class="chTable" border="1" cellspacing="0" cellpadding="0" v-show="zdys.cs.length>0"> |
54 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> | 54 | <tr v-for="(cs,csIndex) in zdys.cs" :key="csIndex"> |
55 | <!-- 显示层数 --> | 55 | <!-- 显示层数 --> |
56 | <td class="floor">{{cs.sjc}}层</td> | 56 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> |
57 | <!-- 显示户 --> | 57 | <!-- 显示户 --> |
58 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td> | 58 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
59 | </tr> | 59 | </tr> |
60 | </table> | 60 | </table> |
61 | </div> | 61 | </div> |
... | @@ -65,9 +65,9 @@ | ... | @@ -65,9 +65,9 @@ |
65 | <table class="chTable" ref="ch" border="1" cellspacing="0" cellpadding="0" v-show="lpbData.cs != null && lpbData.cs.length>0" > | 65 | <table class="chTable" ref="ch" border="1" cellspacing="0" cellpadding="0" v-show="lpbData.cs != null && lpbData.cs.length>0" > |
66 | <tr v-for="(cs,csIndex) in lpbData.cs" :key="csIndex"> | 66 | <tr v-for="(cs,csIndex) in lpbData.cs" :key="csIndex"> |
67 | <!-- 显示层数 --> | 67 | <!-- 显示层数 --> |
68 | <td class="floor">{{cs.sjc}}层</td> | 68 | <td class="floor" @contextmenu.prevent="openMenu($event, cs,'c')">{{cs.sjc}}层</td> |
69 | <!-- 显示户 --> | 69 | <!-- 显示户 --> |
70 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)">{{hs.shbw}}</td> | 70 | <td v-for="(hs,hsIndex) in cs.hs" :data-bsm="hs.bsm" ref="hBsm" :key="hsIndex" :class="(searchNum == hs.shbw || searchNum == hs.bdcdyh) ? 'tdSelect':''" @click="handleTdClick($event,hs.bsm)" @dblclick="dbclick(hs.bsm)" @contextmenu.prevent="openMenu($event, hs,'h')">{{hs.shbw}}</td> |
71 | </tr> | 71 | </tr> |
72 | </table> | 72 | </table> |
73 | </div> | 73 | </div> |
... | @@ -81,6 +81,18 @@ | ... | @@ -81,6 +81,18 @@ |
81 | > | 81 | > |
82 | {{ lpbData.xmmc }} | 82 | {{ lpbData.xmmc }} |
83 | </div> | 83 | </div> |
84 | <ul | ||
85 | v-show="lpbChVisible" | ||
86 | :style="{ left: lpbChLeft + 'px', top: lpbChTop + 'px' }" | ||
87 | class="contextmenu" | ||
88 | > | ||
89 | <li v-show='rightClickFlag=="h"' @click="handleAddH">添加</li> | ||
90 | <li v-show='rightClickFlag=="h"' @click="handleMoveH">移动</li> | ||
91 | <li v-show='rightClickFlag=="h"' @click="handleDeleteH">删除</li> | ||
92 | <li v-show='rightClickFlag=="h"' @click="handleSyczh">实预测转换</li> | ||
93 | <li v-show='rightClickFlag=="c"' @click="handleAddC">添加</li> | ||
94 | <li v-show='rightClickFlag=="c"' @click="handleDeleteC">删除</li> | ||
95 | </ul> | ||
84 | </div> | 96 | </div> |
85 | </template> | 97 | </template> |
86 | <script> | 98 | <script> |
... | @@ -109,6 +121,12 @@ export default { | ... | @@ -109,6 +121,12 @@ export default { |
109 | searchNum: Math.random(), | 121 | searchNum: Math.random(), |
110 | //接收父组件传入的根据单元状态/房屋性质/房屋用途筛选的户bsmList | 122 | //接收父组件传入的根据单元状态/房屋性质/房屋用途筛选的户bsmList |
111 | choosedList: [], | 123 | choosedList: [], |
124 | lpbChVisible:false, //层户右键菜单显隐 | ||
125 | lpbChLeft:100, | ||
126 | lpbChTop:100, | ||
127 | //右键层户数据 | ||
128 | chData:'', | ||
129 | rightClickFlag:"" | ||
112 | }; | 130 | }; |
113 | }, | 131 | }, |
114 | created() {}, | 132 | created() {}, |
... | @@ -247,7 +265,7 @@ export default { | ... | @@ -247,7 +265,7 @@ export default { |
247 | }, | 265 | }, |
248 | //清除选中户 | 266 | //清除选中户 |
249 | clearChoosedH() { | 267 | clearChoosedH() { |
250 | this.$nextTick(() => { | 268 | // this.$nextTick(() => { |
251 | //将每个选中的户的选中状态清除 | 269 | //将每个选中的户的选中状态清除 |
252 | this.$refs.hBsm.forEach((item) => { | 270 | this.$refs.hBsm.forEach((item) => { |
253 | if (item.className == "tdSelect") { | 271 | if (item.className == "tdSelect") { |
... | @@ -256,8 +274,43 @@ export default { | ... | @@ -256,8 +274,43 @@ export default { |
256 | }); | 274 | }); |
257 | // 清空hbsmList | 275 | // 清空hbsmList |
258 | this.hbsmList = []; | 276 | this.hbsmList = []; |
259 | }); | 277 | // }); |
278 | }, | ||
279 | //户右键点击事件 | ||
280 | openMenu(e,item,type){ | ||
281 | console.log(e,'e'); | ||
282 | this.lpbChLeft = e.pageX; | ||
283 | this.lpbChTop = e.pageY; | ||
284 | this.chData = item; | ||
285 | this.rightClickFlag = type; | ||
286 | this.lpbChVisible = true; | ||
287 | }, | ||
288 | //关闭右键菜单 | ||
289 | closeMenu(){ | ||
290 | this.lpbChVisible = false | ||
291 | }, | ||
292 | //户右键菜单 start | ||
293 | handleAddH(){ | ||
294 | |||
295 | }, | ||
296 | handleMoveH(){ | ||
297 | |||
298 | }, | ||
299 | handleDeleteH(){ | ||
300 | |||
260 | }, | 301 | }, |
302 | handleSyczh(){ | ||
303 | |||
304 | }, | ||
305 | //end | ||
306 | // 层右键菜单 start | ||
307 | handleAddC(){ | ||
308 | |||
309 | }, | ||
310 | handleDeleteC(){ | ||
311 | |||
312 | }, | ||
313 | //end | ||
261 | }, | 314 | }, |
262 | computed: { | 315 | computed: { |
263 | createFlagChange() { | 316 | createFlagChange() { |
... | @@ -298,11 +351,19 @@ export default { | ... | @@ -298,11 +351,19 @@ export default { |
298 | this.$refs.hBsm.forEach((item) => { | 351 | this.$refs.hBsm.forEach((item) => { |
299 | this.choosedList.forEach((i) => { | 352 | this.choosedList.forEach((i) => { |
300 | if (item.dataset.bsm == i) { | 353 | if (item.dataset.bsm == i) { |
354 | console.log(item.dataset.bsm+'----分割线-----'+i); | ||
301 | item.className = "tdSelect"; | 355 | item.className = "tdSelect"; |
302 | } | 356 | } |
303 | }); | 357 | }); |
304 | }); | 358 | }); |
305 | }, | 359 | }, |
360 | lpbChVisible(value) { | ||
361 | if (value) { | ||
362 | document.body.addEventListener("click", this.closeMenu); | ||
363 | } else { | ||
364 | document.body.removeEventListener("click", this.closeMenu); | ||
365 | } | ||
366 | } | ||
306 | }, | 367 | }, |
307 | }; | 368 | }; |
308 | </script> | 369 | </script> |
... | @@ -311,7 +372,6 @@ export default { | ... | @@ -311,7 +372,6 @@ export default { |
311 | width: 100%; | 372 | width: 100%; |
312 | height: 100%; | 373 | height: 100%; |
313 | overflow: hidden; | 374 | overflow: hidden; |
314 | position: relative; | ||
315 | .lpbContent { | 375 | .lpbContent { |
316 | width: 100%; | 376 | width: 100%; |
317 | height: 100%; | 377 | height: 100%; |
... | @@ -438,8 +498,8 @@ export default { | ... | @@ -438,8 +498,8 @@ export default { |
438 | height: 60px; | 498 | height: 60px; |
439 | line-height: 60px; | 499 | line-height: 60px; |
440 | background-color: darkgoldenrod; | 500 | background-color: darkgoldenrod; |
441 | position: absolute; | 501 | position: relative; |
442 | bottom: 6px; | 502 | bottom: 66px; |
443 | text-align: center; | 503 | text-align: center; |
444 | transition: 0.5s; | 504 | transition: 0.5s; |
445 | } | 505 | } | ... | ... |
1 | <template> | 1 | <template> |
2 | <div class="zrz content-form main" v-loading="loading"> | 2 | <div class="main"> |
3 | <el-form ref="form" :model="form" label-width="160px"> | 3 | <div class="formMenu"> |
4 | <Qlr ref="qlrxxModule" :bsm="bsm"></Qlr> | 4 | <Qlr ref="qlrxxModule" :bsm="bsm" :qszt="form.qszt"></Qlr> |
5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> | 5 | <table border="1" width="100%" cellspacing="0" cellpadding="0" class="zrzTable"> |
6 | <tbody> | 6 | <tr> |
7 | <tr height="30"> | 7 | <th colspan="12">自然幢基本信息</th> |
8 | <td colspan="12" align="center" ><font size="4">自然幢基本信息</font></td> | 8 | </tr> |
9 | </tr> | 9 | <tr> |
10 | <tr height="30"> | 10 | <td colspan="2">宗地代码</td> |
11 | <td colspan="2" align="center" >宗地代码</td> | 11 | <td colspan="4" style="min-width:450px"> |
12 | <td colspan="4" > | ||
13 | <input v-model="form.zddm" class="formInput" disabled> | 12 | <input v-model="form.zddm" class="formInput" disabled> |
14 | <input v-show="false" class="formInput" v-model="form.zdbsm"> | 13 | <input v-show="false" :disabled="form.qszt!='0'" class="formInput" v-model="form.zdbsm"> |
15 | </td> | 14 | </td> |
16 | <td colspan="2" align="center" >自然幢号</td> | 15 | <td colspan="2" >自然幢号</td> |
17 | <td colspan="4" > | 16 | <td colspan="4" > |
18 | <input class="formInput" v-model="form.zrzh" style="width: 70%"> | 17 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zrzh" style="width: 70%"> |
19 | <el-button @click.prevent="generatorCode" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> | ||
20 | </td> | 18 | </td> |
21 | </tr> | 19 | </tr> |
22 | <tr height="30"> | 20 | <tr> |
23 | <td colspan="2" align="center" >项目名称</td> | 21 | <td colspan="2" >项目名称</td> |
24 | <td colspan="4" > | 22 | <td colspan="4" > |
25 | <input class="formInput" v-model="form.xmmc"> | 23 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.xmmc"> |
26 | </td> | 24 | </td> |
27 | <td colspan="2" align="center" >不动产单元号</td> | 25 | <td colspan="2" >不动产单元号</td> |
28 | <!-- todo 此处暂时存放的是不动产单元号标识码,而不是不动产单元号--> | 26 | <td colspan="4" > |
29 | <td colspan="4" > | 27 | <input class="formInput percent78" :disabled="form.qszt!='0'" v-model="form.bdcdyh" style="width: 70%"> |
30 | <input class="formInput percent78" v-model="form.bdcdyh" style="width: 70%"> | ||
31 | <input class="formInput percent78" v-show="false" v-model="form.dyhbsm" style="width: 70%"> | 28 | <input class="formInput percent78" v-show="false" v-model="form.dyhbsm" style="width: 70%"> |
32 | <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> | 29 | <el-button @click.prevent="" type="primary" size="mini" style="width:25%;margin-left:3%">生成</el-button> |
33 | </td> | 30 | </td> |
34 | </tr> | 31 | </tr> |
35 | 32 | ||
36 | <tr height="30"> | 33 | <tr> |
37 | <td colspan="2" align="center" >建筑物名称</td> | 34 | <td colspan="2" >建筑物名称</td> |
38 | <td colspan="4" > | 35 | <td colspan="4" > |
39 | <input class="formInput" v-model="form.jzwmc"> | 36 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwmc"> |
40 | </td> | 37 | </td> |
41 | <td colspan="2" align="center" >建筑物基本用途</td> | 38 | <td colspan="2" >建筑物基本用途</td> |
42 | <td colspan="4" > | 39 | <td colspan="4" > |
43 | <input class="formInput" v-model="form.jzwjbyt"> | 40 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwjbyt"> |
44 | </td> | 41 | </td> |
45 | </tr> | 42 | </tr> |
46 | 43 | ||
47 | <tr height="30"> | 44 | <tr> |
48 | <td colspan="2" align="center" >房屋性质</td> | 45 | <td colspan="2" >房屋性质</td> |
49 | <td colspan="4" > | 46 | <td colspan="4" > |
50 | <el-select class="formSelect" v-model="form.fwxzbsm" placeholder="请选择" > | 47 | <el-select class="formSelect" :disabled="form.qszt!='0'" v-model="form.fwxzbsm" placeholder="请选择" > |
51 | <el-option | 48 | <el-option |
52 | v-for="item in $store.state.fwxzOptions" | 49 | v-for="item in $store.state.fwxzOptions" |
53 | :key="item.bsm" | 50 | :key="item.bsm" |
... | @@ -56,9 +53,10 @@ | ... | @@ -56,9 +53,10 @@ |
56 | </el-option> | 53 | </el-option> |
57 | </el-select> | 54 | </el-select> |
58 | </td> | 55 | </td> |
59 | <td colspan="2" align="center" >竣工日期</td> | 56 | <td colspan="2" >竣工日期</td> |
60 | <td colspan="4" > | 57 | <td colspan="4" > |
61 | <el-date-picker | 58 | <el-date-picker |
59 | :disabled="form.qszt!='0'" | ||
62 | v-model="form.jgrq" | 60 | v-model="form.jgrq" |
63 | type="date" | 61 | type="date" |
64 | placeholder="选择日期"> | 62 | placeholder="选择日期"> |
... | @@ -66,65 +64,65 @@ | ... | @@ -66,65 +64,65 @@ |
66 | </td> | 64 | </td> |
67 | </tr> | 65 | </tr> |
68 | 66 | ||
69 | <tr height="30"> | 67 | <tr> |
70 | <td colspan="2" align="center" >建筑物高度(m)</td> | 68 | <td colspan="2" >建筑物高度(m)</td> |
71 | <td colspan="4" > | 69 | <td colspan="4" > |
72 | <input class="formInput" v-model="form.jzwgd"> | 70 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.jzwgd"> |
73 | </td> | 71 | </td> |
74 | <td colspan="2" align="center" >总套数</td> | 72 | <td colspan="2" >总套数</td> |
75 | <td colspan="4" > | 73 | <td colspan="4" > |
76 | <input class="formInput" v-model="form.zts"> | 74 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zts"> |
77 | </td> | 75 | </td> |
78 | </tr> | 76 | </tr> |
79 | 77 | ||
80 | <tr height="30"> | 78 | <tr> |
81 | <td colspan="2" align="center" >幢用地面积(㎡)</td> | 79 | <td colspan="2" >幢用地面积(㎡)</td> |
82 | <td colspan="4" > | 80 | <td colspan="4" > |
83 | <input class="formInput" v-model="form.zydmj"> | 81 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zydmj"> |
84 | </td> | 82 | </td> |
85 | <td colspan="2" align="center" >幢占用地面积(㎡)</td> | 83 | <td colspan="2" >幢占用地面积(㎡)</td> |
86 | <td colspan="4" > | 84 | <td colspan="4" > |
87 | <input class="formInput" v-model="form.zzdmj"> | 85 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zzdmj"> |
88 | </td> | 86 | </td> |
89 | </tr> | 87 | </tr> |
90 | 88 | ||
91 | <tr height="30"> | 89 | <tr> |
92 | <td colspan="2" align="center" >预测建筑面积(㎡)</td> | 90 | <td colspan="2" >预测建筑面积(㎡)</td> |
93 | <td colspan="4" > | 91 | <td colspan="4" > |
94 | <input class="formInput" v-model="form.ycjzmj"> | 92 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.ycjzmj"> |
95 | </td> | 93 | </td> |
96 | <td colspan="2" align="center" >实测建筑面积(㎡)</td> | 94 | <td colspan="2" >实测建筑面积(㎡)</td> |
97 | <td colspan="4" > | 95 | <td colspan="4" > |
98 | <input class="formInput" v-model="form.scjzmj"> | 96 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scjzmj"> |
99 | </td> | 97 | </td> |
100 | </tr> | 98 | </tr> |
101 | 99 | ||
102 | <tr height="30"> | 100 | <tr> |
103 | <td colspan="2" align="center" >地下层数</td> | 101 | <td colspan="2" >地下层数</td> |
104 | <td colspan="4" > | 102 | <td colspan="4" > |
105 | <input class="formInput" v-model="form.dxcs"> | 103 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxcs"> |
106 | </td> | 104 | </td> |
107 | <td colspan="2" align="center" >地上层数</td> | 105 | <td colspan="2" >地上层数</td> |
108 | <td colspan="4" > | 106 | <td colspan="4" > |
109 | <input class="formInput" v-model="form.dscs"> | 107 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dscs"> |
110 | </td> | 108 | </td> |
111 | </tr> | 109 | </tr> |
112 | 110 | ||
113 | <tr height="30"> | 111 | <tr> |
114 | <td colspan="2" align="center" >总层数</td> | 112 | <td colspan="2" >总层数</td> |
115 | <td colspan="4" > | 113 | <td colspan="4" > |
116 | <input class="formInput" v-model="form.zcs"> | 114 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zcs"> |
117 | </td> | 115 | </td> |
118 | <td colspan="2" align="center" >地下深度(m)</td> | 116 | <td colspan="2" >地下深度(m)</td> |
119 | <td colspan="4" > | 117 | <td colspan="4" > |
120 | <input class="formInput" v-model="form.dxsd"> | 118 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dxsd"> |
121 | </td> | 119 | </td> |
122 | </tr> | 120 | </tr> |
123 | 121 | ||
124 | <tr height="30"> | 122 | <tr> |
125 | <td colspan="2" align="center" >产别</td> | 123 | <td colspan="2" >产别</td> |
126 | <td colspan="4" > | 124 | <td colspan="4" > |
127 | <el-select class="formInput" v-model="form.fwcbbsm" placeholder="请选择" > | 125 | <el-select v-model="form.fwcbbsm" :disabled="form.qszt!='0'" placeholder="请选择" > |
128 | <el-option | 126 | <el-option |
129 | v-for="item in $store.state.cbOptions" | 127 | v-for="item in $store.state.cbOptions" |
130 | :key="item.bsm" | 128 | :key="item.bsm" |
... | @@ -133,9 +131,9 @@ | ... | @@ -133,9 +131,9 @@ |
133 | </el-option> | 131 | </el-option> |
134 | </el-select> | 132 | </el-select> |
135 | </td> | 133 | </td> |
136 | <td colspan="2" align="center" >产权来源</td> | 134 | <td colspan="2" >产权来源</td> |
137 | <td colspan="4" > | 135 | <td colspan="4" > |
138 | <el-select class="formInput" v-model="form.fwcqlybsm" placeholder="请选择" > | 136 | <el-select v-model="form.fwcqlybsm" :disabled="form.qszt!='0'" placeholder="请选择" > |
139 | <el-option | 137 | <el-option |
140 | v-for="item in $store.state.cqlyOptions" | 138 | v-for="item in $store.state.cqlyOptions" |
141 | :key="item.bsm" | 139 | :key="item.bsm" |
... | @@ -146,23 +144,23 @@ | ... | @@ -146,23 +144,23 @@ |
146 | </td> | 144 | </td> |
147 | </tr> | 145 | </tr> |
148 | 146 | ||
149 | <tr height="30" v-for="(item1,index) in form.fwytList" :key="index"> | 147 | <tr v-for="(item1,index) in form.fwytList" :key="index"> |
150 | <td v-if="index===0" colspan="2" :rowspan="ytTitleRowspan" align="center" id="ytTitle"> | 148 | <td colspan="2" v-if="index===0" :rowspan="ytTitleRowspan" id="ytTitle"> |
151 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> | 149 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addYtInfo">添加</el-button> |
152 | <span>用途</span> | 150 | <span>用途</span> |
153 | </td> | 151 | </td> |
154 | 152 | ||
155 | <td width="30" colspan="1" align="center" > | 153 | <td colspan="1" style="min-width:120px"> |
156 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> | 154 | <el-button type="info" size="mini" style="" @click="deleteYtInfo(index)" circle>删除</el-button> |
157 | 规划用途 | 155 | 规划用途 |
158 | </td> | 156 | </td> |
159 | <td width="30" colspan="4" align="center" > | 157 | <td colspan="3" > |
160 | <el-select-tree class="formInput" | 158 | <el-select-tree |
161 | v-if="show" | 159 | v-if="show" |
162 | :default-expand-all="defaultExpandAll" | 160 | :default-expand-all="defaultExpandAll" |
163 | :multiple="multiple" | 161 | :multiple="multiple" |
164 | :placeholder="placeholder" | 162 | :placeholder="placeholder" |
165 | :disabled="disabled" | 163 | :disabled="form.qszt!='0'" |
166 | :data="$store.state.tdytList" | 164 | :data="$store.state.tdytList" |
167 | :props="treeProps" | 165 | :props="treeProps" |
168 | :check-strictly="checkStrictly" | 166 | :check-strictly="checkStrictly" |
... | @@ -170,14 +168,14 @@ | ... | @@ -170,14 +168,14 @@ |
170 | v-model="item1.fwytzdbsm" | 168 | v-model="item1.fwytzdbsm" |
171 | ></el-select-tree> | 169 | ></el-select-tree> |
172 | </td> | 170 | </td> |
173 | <td width="30" colspan="1" align="center" >用途</td> | 171 | <td colspan="2" >用途</td> |
174 | <td width="30" colspan="4" align="center" > | 172 | <td colspan="4" > |
175 | <el-select-tree class="formInput" | 173 | <el-select-tree |
176 | v-if="show" | 174 | v-if="show" |
177 | :default-expand-all="defaultExpandAll" | 175 | :default-expand-all="defaultExpandAll" |
178 | :multiple="multiple" | 176 | :multiple="multiple" |
179 | :placeholder="placeholder" | 177 | :placeholder="placeholder" |
180 | :disabled="disabled" | 178 | :disabled="form.qszt!='0'" |
181 | :data="$store.state.tdytList" | 179 | :data="$store.state.tdytList" |
182 | :props="treeProps" | 180 | :props="treeProps" |
183 | :check-strictly="checkStrictly" | 181 | :check-strictly="checkStrictly" |
... | @@ -187,16 +185,16 @@ | ... | @@ -187,16 +185,16 @@ |
187 | </td> | 185 | </td> |
188 | </tr> | 186 | </tr> |
189 | 187 | ||
190 | <tr height="30" v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> | 188 | <tr v-for="(item1,index) in form.fwjgList" :key="'jg'+index"> |
191 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" align="center" > | 189 | <td colspan="2" v-if="index===0" :rowspan="fwjgTitleRowspan" > |
192 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> | 190 | <el-button type="primary" size="mini" style="margin-right: 10px" @click="addFwjgInfo">添加</el-button> |
193 | <span>房屋结构</span> | 191 | <span>房屋结构</span> |
194 | </td> | 192 | </td> |
195 | <td colspan="1" align="center" > | 193 | <td colspan="1" > |
196 | <span @click="deleteFwjgInfo(index)">删除</span> | 194 | <span @click="deleteFwjgInfo(index)">删除</span> |
197 | </td> | 195 | </td> |
198 | <td colspan="9" > | 196 | <td colspan="9" > |
199 | <el-select class="persent78" v-model="item1.fwjgzdbsm" placeholder="请选择" > | 197 | <el-select class="persent78" :disabled="form.qszt!='0'" v-model="item1.fwjgzdbsm" placeholder="请选择" > |
200 | <el-option | 198 | <el-option |
201 | v-for="item in $store.state.jgOptions" | 199 | v-for="item in $store.state.jgOptions" |
202 | :key="item.bsm" | 200 | :key="item.bsm" |
... | @@ -209,54 +207,55 @@ | ... | @@ -209,54 +207,55 @@ |
209 | 207 | ||
210 | <tr> | 208 | <tr> |
211 | <td colspan="12" rowspan="4" align="center"> | 209 | <td colspan="12" rowspan="4" align="center"> |
212 | <Qlxz ref="qlxzModule"></Qlxz> | 210 | <Qlxz ref="qlxzModule" :formData="form"></Qlxz> |
213 | </td> | 211 | </td> |
214 | </tr> | 212 | </tr> |
215 | <tr></tr> | 213 | <tr></tr> |
216 | <tr></tr> | 214 | <tr></tr> |
217 | <tr></tr> | 215 | <tr></tr> |
218 | 216 | ||
219 | <tr height="30"> | 217 | <tr> |
220 | <td colspan="2" align="center" > | 218 | <td colspan="2" > |
221 | <span>坐落</span> | 219 | <span>坐落</span> |
222 | </td> | 220 | </td> |
223 | <td colspan="10" > | 221 | <td colspan="10" > |
224 | <input class="formInput" v-model="form.zl"> | 222 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.zl"> |
225 | </td> | 223 | </td> |
226 | </tr> | 224 | </tr> |
227 | 225 | ||
228 | <tr height="30"> | 226 | <tr> |
229 | <td colspan="2" rowspan="2" align="center" > | 227 | <td colspan="2" rowspan="2" > |
230 | <span>附加说明</span> | 228 | <span>附加说明</span> |
231 | </td> | 229 | </td> |
232 | <td colspan="10" rowspan="2" > | 230 | <td colspan="10" rowspan="2" > |
233 | <input class="formInput" v-model="form.bz" type="textarea"> | 231 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.bz" type="textarea"> |
234 | </td> | 232 | </td> |
235 | </tr> | 233 | </tr> |
236 | <tr height="30"> | 234 | <tr> |
237 | </tr> | 235 | </tr> |
238 | 236 | ||
239 | <tr height="30"> | 237 | <tr> |
240 | <td colspan="2" rowspan="2" align="center" > | 238 | <td colspan="2" rowspan="2" > |
241 | <span>调查意见</span> | 239 | <span>调查意见</span> |
242 | </td> | 240 | </td> |
243 | <td colspan="10" > | 241 | <td colspan="10" > |
244 | <input class="formInput" v-model="form.dcyj"> | 242 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.dcyj"> |
245 | </td> | 243 | </td> |
246 | </tr> | 244 | </tr> |
247 | 245 | ||
248 | <tr height="30"> | 246 | <tr> |
249 | <td colspan="4" rowspan="2" align="right" style="width:8.33%;padding-right:10px"> | 247 | <td colspan="4" rowspan="2"> |
250 | <span>审查员</span> | 248 | <span>审查员</span> |
251 | </td> | 249 | </td> |
252 | <td colspan="2" > | 250 | <td colspan="2" > |
253 | <input class="formInput" v-model="form.scy"> | 251 | <input class="formInput" :disabled="form.qszt!='0'" v-model="form.scy"> |
254 | </td> | 252 | </td> |
255 | <td colspan="2" align="right" style="width:8.33%;padding-right:10px"> | 253 | <td colspan="2"> |
256 | <span>审查日期</span> | 254 | <span>审查日期</span> |
257 | </td> | 255 | </td> |
258 | <td colspan="2" > | 256 | <td colspan="2" > |
259 | <el-date-picker | 257 | <el-date-picker |
258 | :disabled="form.qszt!='0'" | ||
260 | v-model="form.date" | 259 | v-model="form.date" |
261 | type="date" | 260 | type="date" |
262 | style="width: 100%" | 261 | style="width: 100%" |
... | @@ -264,15 +263,14 @@ | ... | @@ -264,15 +263,14 @@ |
264 | </el-date-picker> | 263 | </el-date-picker> |
265 | </td> | 264 | </td> |
266 | </tr> | 265 | </tr> |
267 | </tbody> | 266 | |
268 | </table> | 267 | </table> |
269 | </el-form> | 268 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> |
270 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | 269 | <el-button type="success" @click="onSave">保存</el-button> |
271 | <el-button type="success" @click="onSave">保存</el-button> | 270 | <el-button type="primary" @click="onSubmit">提交</el-button> |
272 | <el-button type="primary" @click="onSubmit">提交</el-button> | 271 | </div> |
273 | </div> | 272 | </div> |
274 | </div> | 273 | </div> |
275 | |||
276 | </template> | 274 | </template> |
277 | 275 | ||
278 | <script> | 276 | <script> |
... | @@ -549,51 +547,75 @@ | ... | @@ -549,51 +547,75 @@ |
549 | } | 547 | } |
550 | </script> | 548 | </script> |
551 | <style rel="stylesheet/less" lang="less" scoped> | 549 | <style rel="stylesheet/less" lang="less" scoped> |
552 | .zrz { | 550 | .main { |
553 | min-height: 200px; | 551 | box-sizing: border-box; |
554 | width: 100%; | 552 | padding: 18px; |
555 | 553 | height: auto; | |
556 | /deep/.el-input__inner{ | 554 | .formMenu { |
557 | width: 100%; | 555 | width: 100%; |
558 | border: 0; | 556 | margin: 0 auto; |
559 | } | 557 | } |
560 | 558 | .zrzTable { | |
561 | /deep/textarea{ | 559 | margin: 10px 0; |
562 | width: 100%; | 560 | background-color: #fff; |
563 | border: 0; | 561 | font-size: 14px; |
564 | } | 562 | width: 100%; |
565 | 563 | th { | |
566 | 564 | height: 36px; | |
567 | .el-form-item{ | 565 | line-height: 36px; |
568 | font-weight: bold; | 566 | font-size: 16px; |
569 | font-size: xx-large | 567 | } |
570 | } | 568 | td { |
571 | 569 | text-align: center; | |
572 | table{ | 570 | height: 36px; |
573 | background: #fff; | 571 | } |
574 | table-layout: fixed; | 572 | /deep/ .el-input__inner { |
575 | } | 573 | margin: 0; |
576 | 574 | height: 36px; | |
577 | td{ | 575 | outline: none; |
578 | //bgcolor:#F1F4FC; | 576 | border: none; |
579 | background-color:#fff; | 577 | color: #606764; |
580 | width:8.33% | 578 | overflow: visible; |
581 | } | 579 | text-align: center; |
582 | 580 | cursor: text; | |
583 | .el-select{ | 581 | } |
584 | display:block; | 582 | .percent78 { |
585 | } | 583 | width: 78%; |
586 | 584 | float: left; | |
587 | table{ | 585 | } |
588 | font-size: 14px; | 586 | .percent68 { |
589 | } | 587 | width: 68% !important; |
590 | 588 | float: left; | |
591 | .zrzTable{ | 589 | position: relative; |
592 | margin-top: 10px; | 590 | top: 7px; |
593 | td{ | 591 | } |
594 | text-align: center; | 592 | .percent47 { |
595 | height: 36px; | 593 | width: 45% !important; |
596 | } | 594 | float: left; |
597 | } | 595 | } |
596 | .percent4 { | ||
597 | height: 20px; | ||
598 | line-height: 20px; | ||
599 | width: 4% !important; | ||
600 | float: left; | ||
601 | } | ||
602 | .percent30 { | ||
603 | width: 30% !important; | ||
604 | float: left; | ||
605 | } | ||
606 | .createBtn { | ||
607 | position: absolute; | ||
608 | width: 50px; | ||
609 | padding: 6px 4px; | ||
610 | right: 4px; | ||
611 | top: 4px; | ||
612 | } | ||
613 | .el-input__icon { | ||
614 | line-height: 37px; | ||
615 | } | ||
616 | .el-select { | ||
617 | width: 100%; | ||
618 | } | ||
619 | } | ||
598 | } | 620 | } |
599 | </style> | 621 | </style> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment