Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
9a8a4b4b by weimo934
Options

style(cxlz):table修改

1 parent d572297f
Inline Side-by-side
Showing 2 changed files with 122 additions and 49 deletions
...@@ -48,14 +48,14 @@ ...@@ -48,14 +48,14 @@
48 </el-row> 48 </el-row>
49 <table border="1"> 49 <table border="1">
50 <tr> 50 <tr>
51 <td>序号</td> 51 <td class="xh">序号</td>
52 <td>操作</td> 52 <td class="zddm">宗地代码</td>
53 <td>宗地代码</td> 53 <td class="bdcdyh">不动产单元号</td>
54 <td>不动产单元号</td> 54 <td class="xmmc">项目名称</td>
55 <td>项目名称</td> 55 <td class="bdcqzh">不动产权证号</td>
56 <td>不动产权证号</td> 56 <td class="qlr">权利人</td>
57 <td>权利人</td> 57 <td class="zl">坐落</td>
58 <td>坐落</td> 58 <td class="cz">操作</td>
59 </tr> 59 </tr>
60 <tr v-if="Data.length==0"> 60 <tr v-if="Data.length==0">
61 <td colspan="8"> 61 <td colspan="8">
...@@ -63,16 +63,16 @@ ...@@ -63,16 +63,16 @@
63 </td> 63 </td>
64 </tr> 64 </tr>
65 <tr v-else v-for="(item,index) in Data" :key="index"> 65 <tr v-else v-for="(item,index) in Data" :key="index">
66 <td>{{index+1}}</td> 66 <td class="xh">{{index+1}}</td>
67 <td @click="select(item)" class="xz"> 67 <td class="zddm" :title="item.zddm">{{item.zddm}}</td>
68 <span>选择</span> 68 <td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
69 <td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
70 <td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
71 <td class="qlr" :title="item.qlr">{{item.qlr}}</td>
72 <td class="zl" :title="item.zl">{{item.zl}}</td>
73 <td @click="saveNotarize(item)" class="cz">
74 <span>落宗</span>
69 </td> 75 </td>
70 <td>{{item.zddm}}</td>
71 <td>{{item.bdcdyh}}</td>
72 <td>{{item.xmmc}}</td>
73 <td>{{item.bdcqzh}}</td>
74 <td>{{item.qlr}}</td>
75 <td>{{item.zl}}</td>
76 </tr> 76 </tr>
77 </table> 77 </table>
78 </div> 78 </div>
...@@ -86,10 +86,6 @@ ...@@ -86,10 +86,6 @@
86 > 86 >
87 </el-pagination> 87 </el-pagination>
88 </div> 88 </div>
89 <div class="footer-button">
90 <el-button type="primary" @click="save">确认</el-button>
91 <el-button type="primary" @click="close">取消</el-button>
92 </div>
93 </el-dialog> 89 </el-dialog>
94 </div> 90 </div>
95 </template> 91 </template>
...@@ -144,13 +140,25 @@ ...@@ -144,13 +140,25 @@
144 created() { 140 created() {
145 }, 141 },
146 methods: { 142 methods: {
143 saveNotarize: function (val) {
144 this.zdbsm = val.glbsm;
145 this.$confirm('将落宗在该宗地上, 是否继续?', '提示', {
146 confirmButtonText: '确定',
147 cancelButtonText: '取消',
148 type: 'warning'
149 }).then(() => {
150 this.save();
151 }).catch(() => {
152 this.$message({
153 type: 'info',
154 message: '已取消'
155 });
156 });
157 },
147 currentChange: function (val) { 158 currentChange: function (val) {
148 this.queryData.pageNo = val; 159 this.queryData.pageNo = val;
149 this.getData(this.queryData); 160 this.getData(this.queryData);
150 }, 161 },
151 select: function (val) {
152 this.zdbsm = val.glbsm
153 },
154 save: function () { 162 save: function () {
155 zrzcxlz({ 163 zrzcxlz({
156 zdBsm: this.zdbsm, 164 zdBsm: this.zdbsm,
...@@ -248,8 +256,38 @@ ...@@ -248,8 +256,38 @@
248 height: 650px; 256 height: 650px;
249 } 257 }
250 258
251 .footer-button { 259 .xh {
252 text-align: center; 260 width: 50px;
253 margin-top: 20px; 261 }
262
263 .zddm {
264 width: 120px;
265 }
266
267 .bdcdyh {
268 width: 180px;
269 }
270
271 .xmmc {
272 width: 100px;
273 }
274
275 .bdcqzh {
276 width: 100px;
277 }
278
279 .qlr {
280 width: 100px;
281 }
282
283 .zl {
284 width: 100px;
285 }
286
287 .cz {
288 width: 50px;
289 span {
290 color: blue;
291 }
254 } 292 }
255 </style> 293 </style>
......
...@@ -41,14 +41,14 @@ ...@@ -41,14 +41,14 @@
41 </el-row> 41 </el-row>
42 <table border="1"> 42 <table border="1">
43 <tr> 43 <tr>
44 <td>序号</td> 44 <td class="xh">序号</td>
45 <td>操作</td> 45 <td class="cz">操作</td>
46 <td>宗地代码</td> 46 <td class="zddm">宗地代码</td>
47 <td>不动产单元号</td> 47 <td class="bdcdyh">不动产单元号</td>
48 <td>项目名称</td> 48 <td class="xmmc">项目名称</td>
49 <td>不动产权证号</td> 49 <td class="bdcqzh">不动产权证号</td>
50 <td>权利人</td> 50 <td class="qlr">权利人</td>
51 <td>坐落</td> 51 <td class="zl">坐落</td>
52 </tr> 52 </tr>
53 <tr v-if="Data.length == 0"> 53 <tr v-if="Data.length == 0">
54 <td colspan="8"> 54 <td colspan="8">
...@@ -56,16 +56,16 @@ ...@@ -56,16 +56,16 @@
56 </td> 56 </td>
57 </tr> 57 </tr>
58 <tr v-else v-for="(item, index) in Data" :key="index"> 58 <tr v-else v-for="(item, index) in Data" :key="index">
59 <td>{{ index + 1 }}</td> 59 <td class="xh">{{ index + 1 }}</td>
60 <td @click="xzzrz(item)" class="xz"> 60 <td @click="xzzrz(item)" class="cz">
61 <span>选择</span> 61 <span>选择</span>
62 </td> 62 </td>
63 <td>{{ item.zddm }}</td> 63 <td class="zddm" :title="item.zddm">{{ item.zddm }}</td>
64 <td>{{ item.bdcdyh }}</td> 64 <td class="bdcdyh" :title="item.bdcdyh">{{ item.bdcdyh }}</td>
65 <td>{{ item.xmmc }}</td> 65 <td class="xmmc" :title="item.xmmc">{{ item.xmmc }}</td>
66 <td>{{ item.bdcqzh }}</td> 66 <td class="bdcqzh" :title="item.bdcqzh ">{{ item.bdcqzh }}</td>
67 <td>{{ item.qlr }}</td> 67 <td class="qlr" :title="item.qlr">{{ item.qlr }}</td>
68 <td>{{ item.zl }}</td> 68 <td class="zl">{{ item.zl }}</td>
69 </tr> 69 </tr>
70 </table> 70 </table>
71 </div> 71 </div>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
107 bdcqzh: "", 107 bdcqzh: "",
108 dylxs: ["zrz"], 108 dylxs: ["zrz"],
109 qlrmc: "", 109 qlrmc: "",
110 qszt: "", 110 qszt: "2",
111 xmmc: "", 111 xmmc: "",
112 zddm: "", 112 zddm: "",
113 zl: "", 113 zl: "",
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
142 bdcqzh: "", 142 bdcqzh: "",
143 dylxs: ["zrz"], 143 dylxs: ["zrz"],
144 qlrmc: "", 144 qlrmc: "",
145 qszt: "", 145 qszt: "2",
146 xmmc: "", 146 xmmc: "",
147 zddm: "", 147 zddm: "",
148 zl: "", 148 zl: "",
...@@ -178,12 +178,16 @@ ...@@ -178,12 +178,16 @@
178 background-color: #fff; 178 background-color: #fff;
179 font-size: 14px; 179 font-size: 14px;
180 width: 100%; 180 width: 100%;
181 } 181 table-layout: fixed;
182 182 td, th {
183 td {
184 text-align: center; 183 text-align: center;
185 height: 36px; 184 height: 36px;
186 min-width: 50px; 185 min-width: 50px;
186 overflow: hidden;
187 white-space: nowrap;
188 -ms-text-overflow: ellipsis;
189 text-overflow: ellipsis;
190 }
187 } 191 }
188 192
189 table:hover { 193 table:hover {
...@@ -198,9 +202,40 @@ ...@@ -198,9 +202,40 @@
198 margin-top: 20px; 202 margin-top: 20px;
199 } 203 }
200 204
201 .xz { 205 .xh {
206 width: 50px;
207 }
208
209 .zddm {
210 width: 120px;
211 }
212
213 .bdcdyh {
214 width: 180px;
215 }
216
217 .xmmc {
218 width: 100px;
219 }
220
221 .bdcqzh {
222 width: 100px;
223 }
224
225 .qlr {
226 width: 100px;
227 }
228
229 .zl {
230 width: 100px;
231 }
232
233 .cz {
234 width: 50px;
235 span {
202 color: blue; 236 color: blue;
203 } 237 }
238 }
204 239
205 .noData { 240 .noData {
206 color: #b2b2b2; 241 color: #b2b2b2;
......