Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6f57d50a by renchao@pashanhoo.com
Options

style:table 列表修改

1 parent 9ab106f9
Inline Side-by-side
Showing 13 changed files with 203 additions and 74 deletions
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28 17:22:23
* @LastEditTime: 2023-08-29 13:11:05
-->
<template>
<div>
......@@ -154,6 +154,7 @@
drawTextOnImage () {
function getByteLen (val) {
var len = 0;
if (!val) return len;
for (var i = 0; i < val.length; i++) {
var length = val.charCodeAt(i);
if (length >= 0 && length <= 128) {
......@@ -382,6 +383,7 @@
drawTextzmImage () {
function getByteLen (val) {
var len = 0;
if (!val) return len;
for (var i = 0; i < val.length; i++) {
var length = val.charCodeAt(i);
if (length >= 0 && length <= 128) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 09:56:47
* @LastEditTime: 2023-08-29 13:10:53
-->
<template>
<div class="from-clues loadingtext" v-Loading="loading" element-loading-text="拼命加载中..." style="height:720px;text-align: center;">
......@@ -354,6 +354,7 @@
drawTextzmImage () {
function getByteLen (val) {
var len = 0;
if (!val) return len;
for (var i = 0; i < val.length; i++) {
var length = val.charCodeAt(i);
if (length >= 0 && length <= 128) {
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-29 09:31:15
* @LastEditTime: 2023-08-29 10:03:25
-->
<template>
<div class="szxx">
......@@ -136,9 +136,9 @@
store.dispatch('user/reWorkFresh', false)
if (type == 1) {
//证书预览
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "70%", true);
this.$popupDialog("证书预览", "workflow/components/dialog/zsyl", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
} else {
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "75%", true);
this.$popupDialog("证书证明打印", "workflow/components/dialog/zsdy", { bdcqz: item, bsmSlsq: this.$route.query.bsmSlsq }, "76%", true);
}
},
//再次打印
......@@ -294,8 +294,8 @@
justify-content: flex-end;
}
}
.box-card{
.szxx_header{
.box-card {
.szxx_header {
color: #303133;
}
// 证书背景色
......@@ -303,9 +303,9 @@
background-color: #e2dfe0;
}
}
.bg-red{
.szxx_header{
color: #FFF;
.bg-red {
.szxx_header {
color: #fff;
}
/deep/.el-card__header {
background-color: rgb(198, 67, 83);
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 10:00:18
* @LastEditTime: 2023-08-29 12:55:07
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -40,10 +40,15 @@ class data extends filter {
}
},
{
prop: "qllx",
label: "权利类型",
width: '100',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qllx} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qllx}</span>
</el-tooltip>
)
}
},
{
prop: "ysxlh",
......@@ -64,16 +69,26 @@ class data extends filter {
label: "义务人"
},
{
prop: "mj",
label: "面积（㎡）",
width: '100',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.mj}</span>
</el-tooltip>
)
}
},
{
prop: "zl",
label: "坐落",
width: '100',
showOverflowTooltip: true
minWidth: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
prop: "fzsj",
......@@ -130,10 +145,15 @@ class data extends filter {
label: "义务人"
},
{
prop: "mj",
label: "面积（㎡）",
width: '100',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.mj} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.mj}</span>
</el-tooltip>
)
}
},
{
prop: "zl",
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-25 09:06:19
* @LastEditTime: 2023-08-29 13:04:29
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -57,10 +57,15 @@ class data extends filter {
width: '112'
},
{
prop: "cznr",
label: "操作内容",
width: '500',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.cznr} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.cznr}</span>
</el-tooltip>
)
}
},
{
label: '操作',
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 14:51:40
* @LastEditTime: 2023-08-29 13:04:44
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -46,10 +46,15 @@ class data extends filter {
}
},
{
prop: "bdcqzh",
label: "不动产证明号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "bdcdyh",
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-14 11:21:48
* @LastEditTime: 2023-08-29 13:05:13
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -50,20 +50,30 @@ class data extends filter {
label: "土地证号",
},
{
prop: "qllxmc",
showOverflowTooltip: true,
width: '100',
label: "权利类型",
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qllxmc} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.qllxmc}</span>
</el-tooltip>
)
}
},
{
prop: "xmmc",
label: "项目名称",
},
{
prop: "zrzh",
label: "自然幢号",
width: '90',
showOverflowTooltip: true,
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zrzh} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.zrzh}</span>
</el-tooltip>
)
}
},
{
prop: "jzwmc",
......@@ -112,10 +122,16 @@ class data extends filter {
width: '70',
},
{
prop: "zl",
label: "自然幢坐落",
minWidth: '120',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
label: '操作',
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 14:56:57
* @LastEditTime: 2023-08-29 13:06:12
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -45,22 +45,37 @@ class data extends filter {
}
},
{
prop: "qllxmc",
label: "权利类型",
width: '120',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qllxmc} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.qllxmc}</span>
</el-tooltip>
)
}
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.bdcdyh}</span>
</el-tooltip>
)
}
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "gyqk",
......@@ -97,10 +112,15 @@ class data extends filter {
label: "用途",
},
{
prop: "zl",
label: "坐落",
width: '130',
showOverflowTooltip: true
minWidth: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
label: '操作',
......
......@@ -78,16 +78,26 @@ class data extends filter {
width: '90',
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcdyh}</span>
</el-tooltip>
)
}
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "qlrmc",
......@@ -108,10 +118,15 @@ class data extends filter {
minWidth: '130'
},
{
prop: "zl",
label: "坐落",
width: '150',
showOverflowTooltip: true
minWidth: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
label: '操作',
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-24 11:00:16
* @LastEditTime: 2023-08-29 13:08:08
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -54,20 +54,30 @@ class data extends filter {
minWidth: '130'
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "gyqk",
label: "共有情况",
},
{
prop: "qlrmc",
label: "权利人",
width: '120',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qlrmc}</span>
</el-tooltip>
)
}
},
{
prop: "qlrzjhm",
......@@ -78,20 +88,30 @@ class data extends filter {
label: "权利性质",
},
{
prop: "qlytmc",
label: "用途",
width: '120',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.qlytmc} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.qlytmc}</span>
</el-tooltip>
)
}
},
{
prop: "qlmjmc",
label: "面积",
},
{
prop: "zl",
label: "坐落",
width: '130',
showOverflowTooltip: true
minWidth: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.zl}</span>
</el-tooltip>
)
}
},
{
label: '操作',
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-10 15:35:50
* @LastEditTime: 2023-08-29 13:09:15
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -54,10 +54,15 @@ class data extends filter {
minWidth: '150'
},
{
prop: "bdcqzh",
label: "不动产权证号",
showOverflowTooltip: true,
width: '150'
width: '150',
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "gyqk",
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 14:49:24
* @LastEditTime: 2023-08-29 13:09:45
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -44,16 +44,26 @@ class data extends filter {
label: "权利类型",
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcdyh}</span>
</el-tooltip>
)
}
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "qlrmc",
......
/*
* @Description: 土地所有权对象处理
* @Autor: ssq
* @LastEditTime: 2023-07-14 17:00:11
* @LastEditTime: 2023-08-29 13:10:12
*/
import filter from '@/utils/filter.js'
let vm = null
......@@ -49,16 +49,26 @@ class data extends filter {
label: "权利类型",
},
{
prop: "bdcdyh",
label: "不动产单元号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcdyh}</span>
</el-tooltip>
)
}
},
{
prop: "bdcqzh",
label: "不动产权证号",
width: '150',
showOverflowTooltip: true
render: (h, scope) => {
return (
<el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
<span class="ellipsis-table"> {scope.row.bdcqzh}</span>
</el-tooltip>
)
}
},
{
prop: "gyqk",
......