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 126 additions and 53 deletions
......@@ -48,14 +48,14 @@
</el-row>
<table border="1">
<tr>
<td>序号</td>
<td>操作</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
<td class="xh">序号</td>
<td class="zddm">宗地代码</td>
<td class="bdcdyh">不动产单元号</td>
<td class="xmmc">项目名称</td>
<td class="bdcqzh">不动产权证号</td>
<td class="qlr">权利人</td>
<td class="zl">坐落</td>
<td class="cz">操作</td>
</tr>
<tr v-if="Data.length==0">
<td colspan="8">
......@@ -63,16 +63,16 @@
</td>
</tr>
<tr v-else v-for="(item,index) in Data" :key="index">
<td>{{index+1}}</td>
<td @click="select(item)" class="xz">
<span>选择</span>
<td class="xh">{{index+1}}</td>
<td class="zddm" :title="item.zddm">{{item.zddm}}</td>
<td class="bdcqdyh" :title="item.bdcdyh">{{item.bdcdyh}}</td>
<td class="xmmc" :title="item.xmmc">{{item.xmmc}}</td>
<td class="bdcqzh" :title="item.bdcqzd">{{item.bdcqzh}}</td>
<td class="qlr" :title="item.qlr">{{item.qlr}}</td>
<td class="zl" :title="item.zl">{{item.zl}}</td>
<td @click="saveNotarize(item)" class="cz">
<span>落宗</span>
</td>
<td>{{item.zddm}}</td>
<td>{{item.bdcdyh}}</td>
<td>{{item.xmmc}}</td>
<td>{{item.bdcqzh}}</td>
<td>{{item.qlr}}</td>
<td>{{item.zl}}</td>
</tr>
</table>
</div>
......@@ -86,10 +86,6 @@
>
</el-pagination>
</div>
<div class="footer-button">
<el-button type="primary" @click="save">确认</el-button>
<el-button type="primary" @click="close">取消</el-button>
</div>
</el-dialog>
</div>
</template>
......@@ -144,13 +140,25 @@
created() {
},
methods: {
saveNotarize: function (val) {
this.zdbsm = val.glbsm;
this.$confirm('将落宗在该宗地上, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.save();
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
},
currentChange: function (val) {
this.queryData.pageNo = val;
this.getData(this.queryData);
},
select: function (val) {
this.zdbsm = val.glbsm
},
save: function () {
zrzcxlz({
zdBsm: this.zdbsm,
......@@ -248,8 +256,38 @@
height: 650px;
}
.footer-button {
text-align: center;
margin-top: 20px;
.xh {
width: 50px;
}
.zddm {
width: 120px;
}
.bdcdyh {
width: 180px;
}
.xmmc {
width: 100px;
}
.bdcqzh {
width: 100px;
}
.qlr {
width: 100px;
}
.zl {
width: 100px;
}
.cz {
width: 50px;
span {
color: blue;
}
}
</style>
......
......@@ -41,14 +41,14 @@
</el-row>
<table border="1">
<tr>
<td>序号</td>
<td>操作</td>
<td>宗地代码</td>
<td>不动产单元号</td>
<td>项目名称</td>
<td>不动产权证号</td>
<td>权利人</td>
<td>坐落</td>
<td class="xh">序号</td>
<td class="cz">操作</td>
<td class="zddm">宗地代码</td>
<td class="bdcdyh">不动产单元号</td>
<td class="xmmc">项目名称</td>
<td class="bdcqzh">不动产权证号</td>
<td class="qlr">权利人</td>
<td class="zl">坐落</td>
</tr>
<tr v-if="Data.length == 0">
<td colspan="8">
......@@ -56,16 +56,16 @@
</td>
</tr>
<tr v-else v-for="(item, index) in Data" :key="index">
<td>{{ index + 1 }}</td>
<td @click="xzzrz(item)" class="xz">
<td class="xh">{{ index + 1 }}</td>
<td @click="xzzrz(item)" class="cz">
<span>选择</span>
</td>
<td>{{ item.zddm }}</td>
<td>{{ item.bdcdyh }}</td>
<td>{{ item.xmmc }}</td>
<td>{{ item.bdcqzh }}</td>
<td>{{ item.qlr }}</td>
<td>{{ item.zl }}</td>
<td class="zddm" :title="item.zddm">{{ item.zddm }}</td>
<td class="bdcdyh" :title="item.bdcdyh">{{ item.bdcdyh }}</td>
<td class="xmmc" :title="item.xmmc">{{ item.xmmc }}</td>
<td class="bdcqzh" :title="item.bdcqzh ">{{ item.bdcqzh }}</td>
<td class="qlr" :title="item.qlr">{{ item.qlr }}</td>
<td class="zl">{{ item.zl }}</td>
</tr>
</table>
</div>
......@@ -107,7 +107,7 @@
bdcqzh: "",
dylxs: ["zrz"],
qlrmc: "",
qszt: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
......@@ -142,7 +142,7 @@
bdcqzh: "",
dylxs: ["zrz"],
qlrmc: "",
qszt: "",
qszt: "2",
xmmc: "",
zddm: "",
zl: "",
......@@ -178,12 +178,16 @@
background-color: #fff;
font-size: 14px;
width: 100%;
}
td {
text-align: center;
height: 36px;
min-width: 50px;
table-layout: fixed;
td, th {
text-align: center;
height: 36px;
min-width: 50px;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
table:hover {
......@@ -198,8 +202,39 @@
margin-top: 20px;
}
.xz {
color: blue;
.xh {
width: 50px;
}
.zddm {
width: 120px;
}
.bdcdyh {
width: 180px;
}
.xmmc {
width: 100px;
}
.bdcqzh {
width: 100px;
}
.qlr {
width: 100px;
}
.zl {
width: 100px;
}
.cz {
width: 50px;
span {
color: blue;
}
}
.noData {
......