Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
801eff78 by 杨威
Options

新建弹框样式修改

1 parent daa7fe4f
Inline Side-by-side
Showing 4 changed files with 170 additions and 83 deletions
...@@ -140,6 +140,9 @@ ol, ul { list-style:none; } ...@@ -140,6 +140,9 @@ ol, ul { list-style:none; }
140 .el-dialog__body{ 140 .el-dialog__body{
141 padding-bottom: 25px!important; 141 padding-bottom: 25px!important;
142 } 142 }
143 .el-dialog__header{
144 border-bottom: 1px solid #F1F1F1;
145 }
143 // 自定义右键菜单样式 146 // 自定义右键菜单样式
144 .contextmenu { 147 .contextmenu {
145 margin: 0; 148 margin: 0;
...@@ -218,4 +221,25 @@ ol, ul { list-style:none; } ...@@ -218,4 +221,25 @@ ol, ul { list-style:none; }
218 border: 1px solid #FA6400!important; 221 border: 1px solid #FA6400!important;
219 background-color: #fff!important; 222 background-color: #fff!important;
220 color: #FA6400!important; 223 color: #FA6400!important;
224 }
225 .import{
226 background-color: #00CACD!important;
227 border-color: #00CACD!important;
228 }
229 .cancel{
230 background-color: #F79700!important;
231 border-color: #F79700!important;
232 }
233 .creat{
234 background-color: #0091FF!important;
235 border-color: #0091FF!important;
236 }
237 .import:hover:focus{
238 opacity: .8!important;
239 }
240 .cancel:hover:focus{
241 opacity: .8!important;
242 }
243 .creat:hover:focus{
244 opacity: .8!important;
221 } 245 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -89,15 +89,15 @@ ...@@ -89,15 +89,15 @@
89 <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li> 89 <li v-show="zdData.type == 'zrz'" @click="openLpbDialog('ljz')">添加逻辑幢</li>
90 <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li> 90 <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz'" @click="openLpbDialog('zdy')">添加幢单元</li>
91 <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')">添加层户</li> 91 <li v-show="zdData.type == 'zrz' || zdData.type == 'ljz' || zdData.type == 'zdy'" @click="openLpbDialog('ch')">添加层户</li>
92 <li v-show="zdData.type == 'ljz'" @click="deleteLjz">删除逻辑幢</li> 92 <li v-show="zdData.type == 'ljz'" @click="deleteLjz">删除</li>
93 <li v-show="zdData.type == 'zdy'" @click="deleteZdy">删除幢单元</li> 93 <li v-show="zdData.type == 'zdy'" @click="deleteZdy">删除</li>
94 </ul> 94 </ul>
95 95
96 <el-dialog title="导入图形" :visible.sync="improtDialog"> 96 <el-dialog title="导入图形" :visible.sync="improtDialog">
97 <import-geo :property-info="zdData" :geo-info="currentClickZdGeo" @closeImportDialog="closeImportDialog"></import-geo> 97 <import-geo :property-info="zdData" :geo-info="currentClickZdGeo" @closeImportDialog="closeImportDialog"></import-geo>
98 </el-dialog> 98 </el-dialog>
99 <!-- 添加定着物弹框 --> 99 <!-- 添加定着物弹框 -->
100 <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> 100 <el-dialog title="新建" :visible.sync="dialogVisible" width="48%">
101 <Create @closeDialog="closeDialog" :auth="true"></Create> 101 <Create @closeDialog="closeDialog" :auth="true"></Create>
102 </el-dialog> 102 </el-dialog>
103 </div> 103 </div>
......
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
40 <!-- <div class="header-bottom"> 40 <!-- <div class="header-bottom">
41 <Navigation ref="navigation"></Navigation> 41 <Navigation ref="navigation"></Navigation>
42 </div> --> 42 </div> -->
43 <el-dialog title="新建" :visible.sync="dialogVisible" width="40%"> 43 <el-dialog title="新建" :visible.sync="dialogVisible" width="48%">
44 <Create @closeDialog="closeDialog" :auth="false"></Create> 44 <Create @closeDialog="closeDialog" :auth="false"></Create>
45 </el-dialog> 45 </el-dialog>
46 </el-header> 46 </el-header>
......
...@@ -8,48 +8,56 @@ ...@@ -8,48 +8,56 @@
8 @tab-click="handleClick"> 8 @tab-click="handleClick">
9 <el-tab-pane class="eltabspane" v-if="!auth" label="宗地" name="zd"> 9 <el-tab-pane class="eltabspane" v-if="!auth" label="宗地" name="zd">
10 <el-form :inline="true" :rules="rules" :model="ruleForm" ref="ruleForm" class="demo-form-inline"> 10 <el-form :inline="true" :rules="rules" :model="ruleForm" ref="ruleForm" class="demo-form-inline">
11 <el-form-item label="行政区划" required prop="xzqbsm"> 11 <el-form-item label="行政区划" class="w100" required prop="xmmc">
12 <el-select v-model="ruleForm.xzqbsm" style="width:100px;" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(ruleForm.xzqbsm)"> 12 <el-col :span="7">
13 <el-option 13 <el-form-item required prop="xzqbsm">
14 v-for="item in xzq" 14 <el-select v-model="ruleForm.xzqbsm" value-key="xzqbsm" placeholder="行政区" @change="changeXzq(ruleForm.xzqbsm)">
15 :key="item.bsm" 15 <el-option
16 :label="item.mc" 16 v-for="item in xzq"
17 :value="item.bsm"> 17 :key="item.bsm"
18 </el-option> 18 :label="item.mc"
19 </el-select> 19 :value="item.bsm">
20 </el-form-item> 20 </el-option>
21 <el-form-item prop="djqbsm"> 21 </el-select>
22 <el-select v-model="ruleForm.djqbsm" style="width:130px;" placeholder="地籍区" @change="changeDjq(ruleForm.djqbsm)"> 22 </el-form-item>
23 <el-option 23 </el-col>
24 v-for="item in djq" 24 <el-col :span="1">&nbsp;</el-col>
25 :key="item.bsm" 25 <el-col :span="7">
26 :label="item.mc" 26 <el-form-item prop="djqbsm">
27 :value="item.bsm"> 27 <el-select v-model="ruleForm.djqbsm" placeholder="地籍区" @change="changeDjq(ruleForm.djqbsm)">
28 </el-option> 28 <el-option
29 </el-select> 29 v-for="item in djq"
30 :key="item.bsm"
31 :label="item.mc"
32 :value="item.bsm">
33 </el-option>
34 </el-select>
35 </el-form-item>
36 </el-col>
37 <el-col :span="1">&nbsp;</el-col>
38 <el-col :span="8">
39 <el-form-item prop="djzqbsm" style="margin-right:0">
40 <el-select v-model="ruleForm.djzqbsm" placeholder="地籍子区">
41 <el-option
42 v-for="item in djzq"
43 :key="item.bsm"
44 :label="item.mc"
45 :value="item.bsm">
46 </el-option>
47 </el-select>
48 </el-form-item>
49 </el-col>
30 </el-form-item> 50 </el-form-item>
31 <el-form-item prop="djzqbsm"> 51 <el-form-item label="项目名称" class="w100" required prop="xmmc">
32 <el-select v-model="ruleForm.djzqbsm" style="width:150px;" placeholder="地籍子区">
33 <el-option
34 v-for="item in djzq"
35 :key="item.bsm"
36 :label="item.mc"
37 :value="item.bsm">
38 </el-option>
39 </el-select>
40 </el-form-item>
41 <el-form-item label="项目名称" required prop="xmmc">
42 <el-input 52 <el-input
43 v-model="ruleForm.xmmc" 53 v-model="ruleForm.xmmc"
44 placeholder="项目名称" 54 placeholder="项目名称"
45 style="width:400px;"
46 ></el-input> 55 ></el-input>
47 </el-form-item> 56 </el-form-item>
48 <el-form-item label="所有权类型" required prop="syqlxbsm"> 57 <el-form-item label="所有权类型" class="w100" required prop="syqlxbsm">
49 <el-select 58 <el-select
50 v-model="ruleForm.syqlxbsm" 59 v-model="ruleForm.syqlxbsm"
51 placeholder="所有权类型" 60 placeholder="所有权类型"
52 style="width:300px;"
53 > 61 >
54 <el-option 62 <el-option
55 v-for="item in syqlx" 63 v-for="item in syqlx"
...@@ -60,11 +68,10 @@ ...@@ -60,11 +68,10 @@
60 </el-option> 68 </el-option>
61 </el-select> 69 </el-select>
62 </el-form-item> 70 </el-form-item>
63 <el-form-item label="特征码" required prop="zdtzmbsm"> 71 <el-form-item label="特征码" class="w100" required prop="zdtzmbsm">
64 <el-select 72 <el-select
65 v-model="ruleForm.zdtzmbsm" 73 v-model="ruleForm.zdtzmbsm"
66 placeholder="宗地特征码" 74 placeholder="宗地特征码"
67 style="width:200px;"
68 > 75 >
69 <el-option 76 <el-option
70 v-for="item in $store.state.zdtzmList" 77 v-for="item in $store.state.zdtzmList"
...@@ -75,16 +82,22 @@ ...@@ -75,16 +82,22 @@
75 </el-option> 82 </el-option>
76 </el-select> 83 </el-select>
77 </el-form-item> 84 </el-form-item>
78 <el-form-item class="handleBtn">
79 <el-button type="primary">导入图形</el-button>
80 <el-button type="primary" @click="newZd">创建</el-button>
81 <el-button type="primary" @click="close">取消</el-button>
82 </el-form-item>
83 </el-form> 85 </el-form>
86 <div class="handleBtn">
87 <el-button type="primary" class="w98 import">导入图形</el-button>
88 <el-button type="primary" class="w98 creat" @click="newZd">创建</el-button>
89 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
90 </div>
91 </el-tab-pane>
92 <el-tab-pane class="eltabspane" v-if="!auth" label="宗海" name="zh">
93 <div class="handleBtn">
94 <el-button type="primary" class="w98 import">导入图形</el-button>
95 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
96 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
97 </div>
84 </el-tab-pane> 98 </el-tab-pane>
85 <!-- <el-tab-pane class="eltabspane" v-if="!auth" label="宗海" name="zh">宗海</el-tab-pane> -->
86 <el-tab-pane class="eltabspane" label="自然幢" name="zrz"> 99 <el-tab-pane class="eltabspane" label="自然幢" name="zrz">
87 <el-form :inline="true" :rules="rules1" :model="ruleForm1" ref="ruleForm1" class="zrzProject"> 100 <el-form :inline="true" :rules="rules1" :model="ruleForm1" ref="ruleForm1" class="demo-form-inline">
88 <el-form-item label="项目名称" prop="xmmc"> 101 <el-form-item label="项目名称" prop="xmmc">
89 <el-input 102 <el-input
90 v-model="ruleForm1.xmmc" 103 v-model="ruleForm1.xmmc"
...@@ -92,15 +105,15 @@ ...@@ -92,15 +105,15 @@
92 style="width:400px;" 105 style="width:400px;"
93 ></el-input> 106 ></el-input>
94 </el-form-item> 107 </el-form-item>
95 <el-form-item class="handleBtn">
96 <el-button type="primary">导入图形</el-button>
97 <el-button type="primary" @click="newZrz">创建</el-button>
98 <el-button type="primary" @click="close">取消</el-button>
99 </el-form-item>
100 </el-form> 108 </el-form>
109 <div class="handleBtn">
110 <el-button type="primary" class="w98 import">导入图形</el-button>
111 <el-button type="primary" class="w98 creat" @click="newZrz">创建</el-button>
112 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
113 </div>
101 </el-tab-pane> 114 </el-tab-pane>
102 <el-tab-pane class="eltabspane" label="多幢" name="dz"> 115 <el-tab-pane class="eltabspane" label="多幢" name="dz">
103 <el-form :inline="true" :rules="rules2" :model="ruleForm2" ref="ruleForm2" class="dzProject"> 116 <el-form :inline="true" :rules="rules2" :model="ruleForm2" ref="ruleForm2" class="demo-form-inline">
104 <el-form-item label="项目名称" prop="xmmc"> 117 <el-form-item label="项目名称" prop="xmmc">
105 <el-input 118 <el-input
106 v-model="ruleForm2.xmmc" 119 v-model="ruleForm2.xmmc"
...@@ -108,15 +121,27 @@ ...@@ -108,15 +121,27 @@
108 style="width:400px;" 121 style="width:400px;"
109 ></el-input> 122 ></el-input>
110 </el-form-item> 123 </el-form-item>
111 <el-form-item class="handleBtn">
112 <el-button type="primary">导入图形</el-button>
113 <el-button type="primary" @click="newDz">创建</el-button>
114 <el-button type="primary" @click="close">取消</el-button>
115 </el-form-item>
116 </el-form> 124 </el-form>
125 <div class="handleBtn">
126 <el-button type="primary" class="w98 import">导入图形</el-button>
127 <el-button type="primary" class="w98 creat" @click="newDz">创建</el-button>
128 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
129 </div>
130 </el-tab-pane>
131 <el-tab-pane class="eltabspane" label="林权" name="lq">
132 <div class="handleBtn">
133 <el-button type="primary" class="w98 import">导入图形</el-button>
134 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
135 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
136 </div>
137 </el-tab-pane>
138 <el-tab-pane class="eltabspane" label="构筑物" name="gzw">
139 <div class="handleBtn">
140 <el-button type="primary" class="w98 import">导入图形</el-button>
141 <el-button type="primary" class="w98 creat" @click="todo">创建</el-button>
142 <el-button type="primary" class="w98 cancel" @click="close">取消</el-button>
143 </div>
117 </el-tab-pane> 144 </el-tab-pane>
118 <!-- <el-tab-pane class="eltabspane" label="林权" name="lq">林权</el-tab-pane>
119 <el-tab-pane class="eltabspane" label="构筑物" name="gzw">构筑物</el-tab-pane> -->
120 </el-tabs> 145 </el-tabs>
121 </template> 146 </template>
122 <script> 147 <script>
...@@ -324,6 +349,12 @@ export default { ...@@ -324,6 +349,12 @@ export default {
324 }); 349 });
325 350
326 }, 351 },
352 todo(){
353 this.$message({
354 message: "待开发",
355 type: "warning",
356 });
357 },
327 getXzqList() { 358 getXzqList() {
328 getAllList() 359 getAllList()
329 .then((res) => { 360 .then((res) => {
...@@ -382,33 +413,65 @@ export default { ...@@ -382,33 +413,65 @@ export default {
382 .eltabs { 413 .eltabs {
383 height: 366px; 414 height: 366px;
384 width: 100%; 415 width: 100%;
385 } 416 position: relative;
386 .eltabspane { 417 margin-left: 20px;
387 height: 100%; 418 margin-top: 20px;
388 width: 100%; 419 .eltabspane {
389 padding: 20px; 420 height: 100%;
390 .el-form--inline .el-form-item__label{ 421 width: 100%;
391 width: 100px; 422 .el-form--inline .el-form-item__label{
423 width: 100px;
424 }
425 .el-form-item{
426 margin-bottom: 20px;
427 }
428 .w100{
429 width: calc(100% - 40px);
430 .el-form-item{
431 margin-bottom: 0!important;
432 .el-form-item__content{
433 width: 100%;
434 }
435 }
436 .el-form-item__content{
437 width: calc(100% - 100px);
438 .el-select{
439 width: 100%;
440 }
441 }
442 }
443 .handleBtn{
444 width: 314;
445 position: absolute;
446 bottom: 0;
447 left: 50%;
448 margin-left: -250px;
449 .w98{
450 width: 98px;
451 }
452 }
453 .el-form{
454 margin-top: 10px;
455 box-sizing: border-box;
456 padding-left: 40px;
457 }
392 } 458 }
393 .el-form-item{ 459 .el-tabs__content{
394 margin-bottom: 20px; 460 height: 100%;
395 } 461 }
396 .handleBtn{ 462 /deep/.el-tabs__item {
397 width: 90%; 463 font-size: 16px !important;
398 .el-form-item__content{ 464 color: #333;
399 float: right; 465 width: 140px;
400 } 466 height: 50px;
467 line-height: 50px;
468 text-align: center!important;
469 border-color: #E4E4E4!important;
470 }
471 /deep/ .is-active{
472 background-color: #E5F4FF;
473 color: #358BFF;
401 } 474 }
402 } 475 }
403 476
404 #tabs .el-tabs__item {
405 font-size: 18px !important;
406 color: #333;
407 width: 100px;
408 height: 60px;
409 line-height: 80px;
410 }
411 .zrzProject {
412 margin-top: 80px;
413 }
414 </style> 477 </style>
......