Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcdj-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
5cdd90f1
authored
2023-08-28 15:35:31 +0800
by
renchao@pashanhoo.com
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
style:证书打印
1 parent
5680bd2e
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
357 additions
and
128 deletions
src/styles/index.scss
src/utils/filter.js
src/views/system/dymbgl/components/editDialog.vue
src/views/workflow/components/dialog/zsdy.vue
src/views/workflow/components/dialog/zslq.vue
src/views/workflow/components/dialog/zsyl.vue
src/views/ywbl/dbx/dbxdata.js
src/views/ywbl/ybx/ybxdata.js
src/styles/index.scss
View file @
5cdd90f
...
...
@@ -220,6 +220,18 @@ aside {
margin
:
0
auto
;
}
.ellipsis-table
{
display
:
inline-block
;
word-break
:
break-all
;
text-overflow
:
ellipsis
;
display
:
-
webkit-box
;
-webkit-box-orient
:
vertical
;
-webkit-line-clamp
:
2
;
/* 这里是超出几行省略 */
overflow
:
hidden
;
margin
:
0
auto
;
}
.tooltip-width
{
max-width
:
300px
;
}
...
...
src/utils/filter.js
View file @
5cdd90f
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-0
7-17 13:31:39
* @LastEditTime: 2023-0
8-28 15:31:31
*/
import
store
from
'@/store'
// table 内部过滤器 由于过滤器只能在模板中使用 所以 就有了 jsx内部方法过滤器
...
...
src/views/system/dymbgl/components/editDialog.vue
View file @
5cdd90f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-28
09:02:00
* @LastEditTime: 2023-08-28
10:34:21
-->
<
template
>
<el-form
ref=
"ruleForm"
:model=
"ruleForm"
label-width=
"100px"
:rules=
"rules"
>
...
...
@@ -183,11 +183,13 @@
);
setTimeout
(()
=>
{
that
.
ruleForm
.
tmpcontent
=
document
.
getElementById
(
"S1"
).
value
;
debugger
if
(
that
.
ruleForm
.
tmpno
==
'zsdy'
)
{
LODOP
.
ADD_PRINT_SETUP_BKIMG
(
"<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcqzs2.jpg'>"
);
LODOP
.
SET_SHOW_MODE
(
"BKIMG_PRINT"
,
1
);
//打印包含背景图
LODOP
.
SET_PRINT_PAGESIZE
(
1
,
0
,
0
,
"B4"
);
}
else
if
(
that
.
ruleForm
.
tmpno
==
'zmdy'
)
{
LODOP
.
ADD_PRINT_SETUP_BKIMG
(
"<img border='0' src='http://192.168.2.38:9000/bdcdj/zhengshu_image/bdcdjzm.jpg'>"
);
LODOP
.
SET_SHOW_MODE
(
"BKIMG_PRINT"
,
1
);
//打印包含背景图
}
that
.
loadStatus
=
'2'
;
},
1000
);
...
...
src/views/workflow/components/dialog/zsdy.vue
View file @
5cdd90f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-2
5 16:25:57
* @LastEditTime: 2023-08-2
8 14:14:09
-->
<
template
>
<div>
...
...
@@ -22,8 +22,17 @@
</el-select>
</el-form-item>
</el-form>
<div
class=
"zs-content"
>
<canvas
ref=
"zs"
width=
"1000"
class=
"zsyl"
height=
"700"
></canvas>
<el-tabs
v-model=
"activeName"
@
tab-click=
"handleClick"
v-if=
"headTabBdcqz.length >1"
>
<el-tab-pane
:label=
"item.qlr + (item.bdcqzh !== null ? '(' + item.bdcqzh + ')' : '')"
:name=
"item.bsmBdcqz"
v-for=
"(item, index) in headTabBdcqz"
:key=
"index"
>
</el-tab-pane>
</el-tabs>
<el-empty
description=
"暂无数据"
v-if=
"headTabBdcqz.length == 0 && noData"
></el-empty>
<div
class=
"zs-content"
style=
"width:1180px;"
>
<canvas
ref=
"zs"
width=
"1000"
v-show=
"headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx==1"
height=
"700"
></canvas>
<canvas
ref=
"zm"
width=
"1180"
v-show=
"headTabBdcqz[0]&&headTabBdcqz[0].bdcqzlx!=1"
height=
"780"
></canvas>
</div>
</div>
<!-- 打印模板需要此模块 -->
...
...
@@ -54,14 +63,21 @@
},
data
()
{
return
{
key
:
0
,
// 不动产证书图片地址
noData
:
false
,
imgSrc
:
require
(
'@/image/bdcqz/bdcqzs2.jpg'
),
bdczmSrc
:
require
(
'@/image/bdcqz/bdczm.jpg'
),
loading
:
false
,
bdcqz
:
[],
//印刷序列号集合
ysxlh
:
[],
//列名称对象
columns
:
[],
//tab切换栏数组
headTabBdcqz
:
[],
//tab选择绑定值
activeName
:
''
,
ruleForm
:
{
bsmBdcqz
:
""
,
szmc
:
"不动产权证书"
,
...
...
@@ -83,7 +99,6 @@
this
.
getHeadTabBdcqz
()
},
methods
:
{
//获取印刷序列号列表
/**
* @description: 获取印刷序列号列表
* @author: renchao
...
...
@@ -103,15 +118,36 @@
this
.
loading
=
true
getSlsqBdcqzList
({
bsmSlsq
:
this
.
formData
.
bsmSlsq
}).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
this
.
noData
=
true
if
(
res
.
result
&&
res
.
result
.
length
>
0
)
{
this
.
activeName
=
res
.
result
[
0
].
bsmBdcqz
this
.
bdcqz
=
res
.
result
[
0
]
this
.
drawTextOnImage
()
this
.
headTabBdcqz
=
res
.
result
if
(
res
.
result
[
0
].
bdcqzlx
==
1
)
{
this
.
drawTextOnImage
()
}
else
{
this
.
drawTextzmImage
()
}
}
}
this
.
loading
=
false
})
},
/**
* @description: tab表头切换方法
* @param {*} e
* @author: renchao
*/
handleClick
(
e
)
{
this
.
bdcqz
=
this
.
headTabBdcqz
[
e
.
index
-
0
]
this
.
activeName
=
this
.
headTabBdcqz
.
bsmBdcqz
if
(
this
.
bdcqz
.
bdcqzlx
==
1
)
{
this
.
drawTextOnImage
()
}
else
{
this
.
drawTextzmImage
()
}
},
/**
* @description: 不动产证书
* @author: renchao
*/
...
...
@@ -198,6 +234,7 @@
const
maxWidth
=
332
;
// 最大宽度限制
let
lines
=
this
.
bdcqz
.
qlqtzk
?
this
.
bdcqz
.
qlqtzk
.
split
(
'\n'
)
:
[];
for
(
let
i
=
0
;
i
<
lines
.
length
;
i
++
)
{
let
num
=
Math
.
ceil
(
getByteLen
(
lines
[
i
])
/
41
)
if
(
getByteLen
(
lines
[
i
])
>
41
)
{
let
currentLine
=
''
;
let
arr
=
[];
...
...
@@ -212,11 +249,21 @@
}
}
arr
.
push
(
currentLine
);
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
129
,
490
+
(
28
*
(
i
-
1
))
+
(
index
*
14
));
// 调整行高
})
if
(
i
>
0
)
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
129
,
490
+
(
28
*
(
i
-
1
))
+
5
*
num
+
(
index
*
14
));
// 调整行高
})
}
else
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
129
,
490
+
(
28
*
(
i
-
1
))
+
(
index
*
14
));
// 调整行高
})
}
}
else
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
129
,
495
+
(
30
*
(
i
-
1
)));
if
(
i
>
0
)
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
129
,
495
+
5
*
num
+
(
30
*
(
i
-
1
)));
}
else
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
129
,
495
+
(
30
*
(
i
-
1
)));
}
}
}
...
...
@@ -329,6 +376,128 @@
image
.
src
=
this
.
imgSrc
},
/**
* @description: 不动产证明
* @author: renchao
*/
drawTextzmImage
()
{
function
getByteLen
(
val
)
{
var
len
=
0
;
for
(
var
i
=
0
;
i
<
val
.
length
;
i
++
)
{
var
length
=
val
.
charCodeAt
(
i
);
if
(
length
>=
0
&&
length
<=
128
)
{
len
+=
1
;
}
else
{
len
+=
2
;
}
}
return
len
;
}
const
canvas
=
this
.
$refs
.
zm
;
const
context
=
canvas
.
getContext
(
'2d'
);
const
image
=
new
Image
();
image
.
onload
=
()
=>
{
context
.
drawImage
(
image
,
0
,
0
);
context
.
font
=
'16px 楷体'
;
context
.
fillStyle
=
'#000000'
;
// ysxlh
context
.
fillText
(
this
.
bdcqz
.
ysxlh
?
this
.
bdcqz
.
ysxlh
:
''
,
280
,
712
);
// djsj
if
(
this
.
bdcqz
.
djsj
)
{
let
djsjList
=
this
.
bdcqz
.
djsj
.
split
(
' '
)[
0
].
split
(
'/'
)
context
.
fillText
(
djsjList
[
0
]
?
djsjList
[
0
]
:
''
,
327
,
580
);
context
.
fillText
(
djsjList
[
1
]
?
djsjList
[
1
]
:
''
,
393
,
580
);
context
.
fillText
(
djsjList
[
2
]
?
djsjList
[
2
]
:
''
,
443
,
580
);
}
context
.
fillText
(
this
.
bdcqz
.
sjjc
?
this
.
bdcqz
.
sjjc
:
''
,
620
,
125
);
context
.
fillText
(
this
.
bdcqz
.
djnd
?
this
.
bdcqz
.
djnd
:
''
,
665
,
125
);
context
.
fillText
(
this
.
bdcqz
.
sxqc
?
this
.
bdcqz
.
sxqc
:
''
,
750
,
125
);
context
.
fillText
(
this
.
bdcqz
.
sxh
?
this
.
bdcqz
.
sxh
:
''
,
960
,
123
);
context
.
fillText
(
this
.
bdcqz
.
zmqlhsx
?
this
.
bdcqz
.
zmqlhsx
:
''
,
775
,
180
);
context
.
fillText
(
this
.
bdcqz
.
qlr
?
this
.
bdcqz
.
qlr
:
''
,
775
,
228
);
// 义务人
context
.
fillText
(
this
.
bdcqz
.
ywr
?
this
.
bdcqz
.
ywr
:
''
,
775
,
275
);
context
.
fillText
(
this
.
bdcqz
.
zl
?
this
.
bdcqz
.
zl
:
''
,
775
,
325
);
// bdcdyh
this
.
bdcdyh
=
this
.
bdcqz
.
bdcdyh
.
slice
(
0
,
6
)
+
' '
+
this
.
bdcqz
.
bdcdyh
.
slice
(
6
,
12
)
+
' '
+
this
.
bdcqz
.
bdcdyh
.
slice
(
12
,
19
)
+
' '
+
this
.
bdcqz
.
bdcdyh
.
slice
(
19
,
this
.
bdcqz
.
bdcdyh
.
length
)
context
.
fillText
(
this
.
bdcdyh
?
this
.
bdcdyh
:
''
,
775
,
373
);
// qlqtzk
const
maxWidth
=
295
;
// 最大宽度限制
let
lines
=
this
.
bdcqz
.
qlqtzk
?
this
.
bdcqz
.
qlqtzk
.
split
(
'\n'
)
:
[];
for
(
let
i
=
0
;
i
<
lines
.
length
;
i
++
)
{
let
num
=
Math
.
ceil
(
getByteLen
(
lines
[
i
])
/
41
)
if
(
getByteLen
(
lines
[
i
])
>
41
)
{
let
currentLine
=
''
;
let
arr
=
[];
for
(
let
word
of
lines
[
i
])
{
const
testLine
=
currentLine
+
word
;
const
lineWidth
=
context
.
measureText
(
testLine
).
width
;
if
(
lineWidth
<=
maxWidth
)
{
currentLine
=
testLine
;
}
else
{
arr
.
push
(
currentLine
);
currentLine
=
word
;
}
}
arr
.
push
(
currentLine
);
if
(
i
>
0
)
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
438
+
(
23
*
(
i
-
1
))
+
5
*
num
+
(
index
*
16
));
// 调整行高
})
}
else
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
438
+
(
23
*
(
i
-
1
))
+
(
index
*
16
));
// 调整行高
})
}
}
else
{
if
(
i
>
0
)
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
770
,
450
+
5
*
num
+
(
23
*
(
i
-
1
)));
}
else
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
770
,
450
+
(
23
*
(
i
-
1
)));
}
}
}
// fj
let
lines1
=
this
.
bdcqz
.
fj
?
this
.
bdcqz
.
fj
.
split
(
'\n'
)
:
[];
for
(
let
i
=
0
;
i
<
lines1
.
length
;
i
++
)
{
let
num
=
Math
.
ceil
(
getByteLen
(
lines1
[
i
])
/
41
)
if
(
getByteLen
(
lines1
[
i
])
>
41
)
{
let
currentLine
=
''
;
let
arr
=
[];
for
(
let
word
of
lines1
[
i
])
{
const
testLine
=
currentLine
+
word
;
const
lineWidth
=
context
.
measureText
(
testLine
).
width
;
if
(
lineWidth
<=
maxWidth
)
{
currentLine
=
testLine
;
}
else
{
arr
.
push
(
currentLine
);
currentLine
=
word
;
}
}
arr
.
push
(
currentLine
);
if
(
i
>
0
)
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
610
+
(
25
*
(
i
-
1
))
+
5
*
num
+
(
index
*
15
));
// 调整行高
})
}
else
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
610
+
(
25
*
(
i
-
1
))
+
(
index
*
15
));
// 调整行高
})
}
}
else
{
if
(
i
>
0
)
{
context
.
fillText
(
lines1
[
i
]
?
lines1
[
i
]
:
''
,
770
,
610
+
5
*
num
+
(
23
*
(
i
-
1
)));
}
else
{
context
.
fillText
(
lines1
[
i
]
?
lines1
[
i
]
:
''
,
770
,
610
+
(
23
*
(
i
-
1
)));
}
}
}
}
image
.
src
=
this
.
bdczmSrc
;
},
/**
* @description: handleSubmit
* @author: renchao
*/
...
...
@@ -347,31 +516,61 @@
certificate
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
that
.
$popupCacel
()
// this.$message.success("提交成功")
getPrintTemplateByCode
({
tmpno
:
'zsdy'
}).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
getSlsqBdcqzList
({
bsmSlsq
:
this
.
formData
.
bsmSlsq
}).
then
(
infoRes
=>
{
if
(
infoRes
.
code
==
200
)
{
if
(
infoRes
.
result
&&
infoRes
.
result
.
length
>
0
)
{
//打开模板设计
let
LODOP
=
getLodop
(
document
.
getElementById
(
'LODOP_OB'
),
document
.
getElementById
(
'LODOP_EM'
));
LODOP
.
ADD_PRINT_DATA
(
"ProgramData"
,
res
.
result
.
tmpcontent
);
//装载模板
if
(
this
.
bdcqz
.
bdcqzlx
==
1
)
{
getPrintTemplateByCode
({
tmpno
:
'zsdy'
}).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
getSlsqBdcqzList
({
bsmSlsq
:
this
.
formData
.
bsmSlsq
}).
then
(
infoRes
=>
{
if
(
infoRes
.
code
==
200
)
{
if
(
infoRes
.
result
&&
infoRes
.
result
.
length
>
0
)
{
//打开模板设计
let
LODOP
=
getLodop
(
document
.
getElementById
(
'LODOP_OB'
),
document
.
getElementById
(
'LODOP_EM'
));
LODOP
.
ADD_PRINT_DATA
(
"ProgramData"
,
res
.
result
.
tmpcontent
);
//装载模板
infoRes
.
result
[
0
].
bdcdyh1
=
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
0
,
6
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
6
,
12
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
12
,
19
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
19
,
infoRes
.
result
[
0
].
bdcdyh
.
length
)
//todo 调取后端接口获取数据 循环set
for
(
let
key
in
infoRes
.
result
[
0
])
{
LODOP
.
SET_PRINT_STYLEA
(
key
,
"CONTENT"
,
infoRes
.
result
[
0
][
key
]);
infoRes
.
result
[
0
].
bdcdyh1
=
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
0
,
6
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
6
,
12
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
12
,
19
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
19
,
infoRes
.
result
[
0
].
bdcdyh
.
length
)
//todo 调取后端接口获取数据 循环set
for
(
let
key
in
infoRes
.
result
[
0
])
{
LODOP
.
SET_PRINT_STYLEA
(
key
,
"CONTENT"
,
infoRes
.
result
[
0
][
key
]);
}
LODOP
.
PREVIEW
();
that
.
$popupCacel
()
}
LODOP
.
PREVIEW
();
that
.
$popupCacel
()
}
}
})
}
else
{
this
.
$message
.
error
(
res
.
message
)
}
})
})
}
else
{
this
.
$message
.
error
(
res
.
message
)
}
})
}
else
{
getPrintTemplateByCode
({
tmpno
:
'zmdy'
}).
then
(
res
=>
{
if
(
res
.
code
==
200
)
{
getSlsqBdcqzList
({
bsmSlsq
:
this
.
formData
.
bsmSlsq
}).
then
(
infoRes
=>
{
if
(
infoRes
.
code
==
200
)
{
if
(
infoRes
.
result
&&
infoRes
.
result
.
length
>
0
)
{
//打开模板设计
let
LODOP
=
getLodop
(
document
.
getElementById
(
'LODOP_OB'
),
document
.
getElementById
(
'LODOP_EM'
));
LODOP
.
ADD_PRINT_DATA
(
"ProgramData"
,
res
.
result
.
tmpcontent
);
//装载模板
// 年月日
infoRes
.
result
[
0
].
nian
=
infoRes
.
result
[
0
].
djsj
.
split
(
' '
)[
0
].
split
(
'/'
)[
0
]
infoRes
.
result
[
0
].
yue
=
infoRes
.
result
[
0
].
djsj
.
split
(
' '
)[
0
].
split
(
'/'
)[
1
]
infoRes
.
result
[
0
].
ri
=
infoRes
.
result
[
0
].
djsj
.
split
(
' '
)[
0
].
split
(
'/'
)[
1
]
infoRes
.
result
[
0
].
bdcdyh1
=
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
0
,
6
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
6
,
12
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
12
,
19
)
+
' '
+
infoRes
.
result
[
0
].
bdcdyh
.
slice
(
19
,
infoRes
.
result
[
0
].
bdcdyh
.
length
)
//todo 调取后端接口获取数据 循环set
for
(
let
key
in
infoRes
.
result
[
0
])
{
LODOP
.
SET_PRINT_STYLEA
(
key
,
"CONTENT"
,
infoRes
.
result
[
0
][
key
]);
}
LODOP
.
PREVIEW
();
that
.
$popupCacel
()
}
}
})
}
else
{
this
.
$message
.
error
(
res
.
message
)
}
})
}
//刷新列表
store
.
dispatch
(
'user/reWorkFresh'
,
true
)
...
...
src/views/workflow/components/dialog/zslq.vue
View file @
5cdd90f
<!--
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-2
2 16:58:24
* @LastEditTime: 2023-08-2
8 12:53:50
-->
<
template
>
<el-form
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
label-width=
"100px"
>
...
...
src/views/workflow/components/dialog/zsyl.vue
View file @
5cdd90f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-2
5 14:10:54
* @LastEditTime: 2023-08-2
8 13:57:58
-->
<
template
>
<div
class=
"from-clues loadingtext"
v-Loading=
"loading"
element-loading-text=
"拼命加载中..."
style=
"height:720px;text-align: center;"
>
...
...
@@ -204,26 +204,8 @@
// 权利其他状态
const
maxWidth
=
332
;
// 最大宽度限制
let
lines
=
this
.
bdcqz
.
qlqtzk
?
this
.
bdcqz
.
qlqtzk
.
split
(
'\n'
)
:
[];
// lines.forEach((line, index) => {
// const y = 463 + (index * 33); // 每行文本的垂直位置
// let currentLine = '';
// let arr = [];
// for (let word of line) {
// const testLine = currentLine + word;
// const lineWidth = context.measureText(testLine).width;
// if (lineWidth <= maxWidth) {
// currentLine = testLine;
// } else {
// arr.push(currentLine);
// currentLine = word;
// }
// }
// arr.push(currentLine);
// arr.forEach((line, index) => {
// context.fillText(line, 129, y + (index * 17)); // 调整行高
// })
// })
for
(
let
i
=
0
;
i
<
lines
.
length
;
i
++
)
{
let
num
=
Math
.
ceil
(
getByteLen
(
lines
[
i
])
/
41
)
if
(
getByteLen
(
lines
[
i
])
>
41
)
{
let
currentLine
=
''
;
let
arr
=
[];
...
...
@@ -238,11 +220,21 @@
}
}
arr
.
push
(
currentLine
);
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
129
,
485
+
(
28
*
(
i
-
1
))
+
(
index
*
14
));
// 调整行高
})
if
(
i
>
0
)
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
129
,
485
+
(
28
*
(
i
-
1
))
+
5
*
num
+
(
index
*
14
));
// 调整行高
})
}
else
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
129
,
485
+
(
28
*
(
i
-
1
))
+
(
index
*
14
));
// 调整行高
})
}
}
else
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
129
,
495
+
(
25
*
(
i
-
1
)));
if
(
i
>
0
)
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
129
,
495
+
5
*
num
+
(
25
*
(
i
-
1
)));
}
else
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
129
,
495
+
(
25
*
(
i
-
1
)));
}
}
}
...
...
@@ -404,12 +396,12 @@
// qlqtzk
const
maxWidth
=
295
;
// 最大宽度限制
let
lines
=
this
.
bdcqz
.
qlqtzk
?
this
.
bdcqz
.
qlqtzk
.
split
(
'\n'
)
:
[];
if
(
lines
[
0
]
)
{
l
ines
[
0
].
split
(
' '
).
forEach
((
line
,
index
)
=>
{
const
y
=
415
+
(
index
*
30
);
// 每行文本的垂直位置
for
(
let
i
=
0
;
i
<
lines
.
length
;
i
++
)
{
l
et
num
=
Math
.
ceil
(
getByteLen
(
lines
[
i
])
/
41
)
if
(
getByteLen
(
lines
[
i
])
>
41
)
{
let
currentLine
=
''
;
let
arr
=
[];
for
(
let
word
of
line
)
{
for
(
let
word
of
line
s
[
i
]
)
{
const
testLine
=
currentLine
+
word
;
const
lineWidth
=
context
.
measureText
(
testLine
).
width
;
if
(
lineWidth
<=
maxWidth
)
{
...
...
@@ -420,52 +412,58 @@
}
}
arr
.
push
(
currentLine
);
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
775
,
y
+
(
index
*
14
));
// 调整行高
});
});
}
lines
.
slice
(
1
).
forEach
((
line
,
index
)
=>
{
const
y
=
((
parseInt
(
lines
[
0
].
length
)
/
19
)
*
22
)
+
415
+
(
index
*
20
);
// 每行文本的垂直位置
let
currentLine
=
''
;
let
arr
=
[];
for
(
let
word
of
line
)
{
const
testLine
=
currentLine
+
word
;
const
lineWidth
=
context
.
measureText
(
testLine
).
width
;
if
(
lineWidth
<=
maxWidth
)
{
currentLine
=
testLine
;
if
(
i
>
0
)
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
438
+
(
23
*
(
i
-
1
))
+
5
*
num
+
(
index
*
16
));
// 调整行高
})
}
else
{
arr
.
push
(
currentLine
);
currentLine
=
word
;
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
438
+
(
23
*
(
i
-
1
))
+
(
index
*
16
));
// 调整行高
})
}
}
else
{
if
(
i
>
0
)
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
770
,
450
+
5
*
num
+
(
23
*
(
i
-
1
)));
}
else
{
context
.
fillText
(
lines
[
i
]
?
lines
[
i
]
:
''
,
770
,
450
+
(
23
*
(
i
-
1
)));
}
}
arr
.
push
(
currentLine
);
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
775
,
y
+
(
index
*
16
));
// 调整行高
})
})
}
// fj
let
lines1
=
this
.
bdcqz
.
fj
?
this
.
bdcqz
.
fj
.
split
(
'\n'
)
:
[];
lines1
.
forEach
((
line
,
index
)
=>
{
const
y
=
590
+
(
index
*
27
);
// 每行文本的垂直位置
let
currentLine
=
''
;
let
arr
=
[];
for
(
let
word
of
line
)
{
const
testLine
=
currentLine
+
word
;
const
lineWidth
=
context
.
measureText
(
testLine
).
width
;
if
(
lineWidth
<=
maxWidth
)
{
currentLine
=
testLine
;
for
(
let
i
=
0
;
i
<
lines1
.
length
;
i
++
)
{
let
num
=
Math
.
ceil
(
getByteLen
(
lines1
[
i
])
/
41
)
if
(
getByteLen
(
lines1
[
i
])
>
41
)
{
let
currentLine
=
''
;
let
arr
=
[];
for
(
let
word
of
lines1
[
i
])
{
const
testLine
=
currentLine
+
word
;
const
lineWidth
=
context
.
measureText
(
testLine
).
width
;
if
(
lineWidth
<=
maxWidth
)
{
currentLine
=
testLine
;
}
else
{
arr
.
push
(
currentLine
);
currentLine
=
word
;
}
}
arr
.
push
(
currentLine
);
if
(
i
>
0
)
{
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
610
+
(
25
*
(
i
-
1
))
+
5
*
num
+
(
index
*
15
));
// 调整行高
})
}
else
{
arr
.
push
(
currentLine
);
currentLine
=
word
;
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
770
,
610
+
(
25
*
(
i
-
1
))
+
(
index
*
15
));
// 调整行高
})
}
}
else
{
if
(
i
>
0
)
{
context
.
fillText
(
lines1
[
i
]
?
lines1
[
i
]
:
''
,
770
,
610
+
5
*
num
+
(
23
*
(
i
-
1
)));
}
else
{
context
.
fillText
(
lines1
[
i
]
?
lines1
[
i
]
:
''
,
770
,
610
+
(
23
*
(
i
-
1
)));
}
}
arr
.
push
(
currentLine
);
arr
.
forEach
((
line
,
index
)
=>
{
context
.
fillText
(
line
,
775
,
y
+
(
index
*
20
));
// 调整行高
})
})
}
}
image
.
src
=
this
.
bdczmSrc
;
...
...
src/views/ywbl/dbx/dbxdata.js
View file @
5cdd90f
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-2
3 15:06:21
* @LastEditTime: 2023-08-2
8 15:33:05
*/
import
filter
from
'@/utils/filter.js'
let
vm
=
null
...
...
@@ -30,11 +30,11 @@ class data extends filter {
{
prop
:
"ywlymc"
,
label
:
"业务来源"
,
w
idth
:
'100'
minW
idth
:
'100'
},
{
label
:
"流程状态"
,
w
idth
:
'80'
,
minW
idth
:
'80'
,
render
:
(
h
,
scope
)
=>
{
if
(
scope
.
row
.
cfgqzt
==
'1'
)
{
return
<
div
class
=
'suspend'
>
查封挂起
<
/div
>
...
...
@@ -48,12 +48,12 @@ class data extends filter {
{
prop
:
"zbhj"
,
label
:
"在办环节"
,
w
idth
:
'80'
minW
idth
:
'80'
},
{
label
:
'业务号'
,
align
:
'center'
,
w
idth
:
'100'
,
minW
idth
:
'100'
,
render
:
(
h
,
scope
)
=>
{
return
<
el
-
button
type
=
"text"
onClick
=
{()
=>
{
vm
.
ywhClick
(
scope
.
row
)
}}
>
{
scope
.
row
.
ywh
}
<
/el-button
>
}
...
...
@@ -61,30 +61,49 @@ class data extends filter {
{
prop
:
"sqywmc"
,
label
:
"申请业务名称"
,
w
idth
:
'220'
minW
idth
:
'220'
},
{
prop
:
"bdcdyh"
,
label
:
"不动产单元号"
,
w
idth
:
'170'
,
minW
idth
:
'170'
,
},
{
prop
:
"qlrmc"
,
label
:
"权利人"
,
width
:
'120'
,
showOverflowTooltip
:
true
render
:
(
h
,
scope
)
=>
{
return
(
<
div
>
<
el
-
tooltip
effect
=
"dark"
content
=
{
scope
.
row
.
qlrmc
}
placement
=
"top"
popper
-
class
=
"tooltip-width "
>
<
span
class
=
"ellipsis-table"
>
{
scope
.
row
.
qlrmc
}
<
/span
>
<
/el-tooltip
>
<
/div
>
)
}
},
{
prop
:
"ywrmc"
,
label
:
"义务人"
,
width
:
'120'
,
showOverflowTooltip
:
true
render
:
(
h
,
scope
)
=>
{
return
(
<
div
>
<
el
-
tooltip
effect
=
"dark"
content
=
{
scope
.
row
.
ywrmc
}
placement
=
"top"
popper
-
class
=
"tooltip-width "
>
<
span
class
=
"ellipsis-table"
>
{
scope
.
row
.
ywrmc
}
<
/span
>
<
/el-tooltip
>
<
/div
>
)
}
},
{
prop
:
"zl"
,
label
:
"坐落"
,
width
:
'150'
,
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
>
)
}
},
{
prop
:
"slsj"
,
...
...
@@ -95,21 +114,14 @@ class data extends filter {
{
prop
:
"slry"
,
label
:
"受理人员"
,
minW
idth
:
'80'
w
idth
:
'80'
},
{
label
:
"转入时间"
,
sortable
:
'custom'
,
prop
:
'fromstepdate'
,
width
:
'140'
},
// {
// label: '操作',
// width: '80',
// render: (h, scope) => {
// return <el-button type="text" icon="el-icon-delete" onClick={() => { vm.del(scope.row) }}>删除</el-button>
// }
// }
}
]
}
}
...
...
src/views/ywbl/ybx/ybxdata.js
View file @
5cdd90f
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-2
3 15:04:35
* @LastEditTime: 2023-08-2
8 15:33:57
*/
import
filter
from
'@/utils/filter.js'
let
vm
=
null
...
...
@@ -73,10 +73,15 @@ class data extends filter {
label
:
"义务人"
,
},
{
prop
:
"zl"
,
label
:
"坐落"
,
showOverflowTooltip
:
true
,
minWidth
:
'130'
width
:
'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
:
"slsj"
,
...
...
@@ -87,6 +92,7 @@ class data extends filter {
{
prop
:
"slry"
,
label
:
"受理人员"
,
width
:
'80'
},
{
label
:
"转出时间"
,
...
...
Please
register
or
sign in
to post a comment