|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="head-stdinfo card-head-body-spin">
|
|
|
<div class="stdinfo-item" v-for="(info, index) in fields" :key="index">
|
|
|
- <span :style="paramStyle">{{ info.name }}</span>
|
|
|
+ <span :style="paramStyle" v-html="info.contentHtml"></span>
|
|
|
<span>:</span>
|
|
|
<span>{{ fieldInfos[info.code] }}</span>
|
|
|
</div>
|
|
@@ -22,12 +22,12 @@ export default {
|
|
|
fields: [],
|
|
|
paramStyle: {},
|
|
|
lenWidths: {
|
|
|
- 3: 44,
|
|
|
+ 3: 45,
|
|
|
4: 62,
|
|
|
- 5: 72,
|
|
|
- 6: 86,
|
|
|
- 7: 100,
|
|
|
- 8: 114,
|
|
|
+ 5: 75,
|
|
|
+ 6: 90,
|
|
|
+ 7: 105,
|
|
|
+ 8: 120,
|
|
|
},
|
|
|
};
|
|
|
},
|
|
@@ -36,10 +36,16 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
init() {
|
|
|
- this.fields = [
|
|
|
- ...this.data.requiredFields,
|
|
|
- ...this.data.extendFields,
|
|
|
- ].filter((item) => item.enable);
|
|
|
+ this.fields = [...this.data.requiredFields, ...this.data.extendFields]
|
|
|
+ .filter((item) => item.enable)
|
|
|
+ .map((item) => {
|
|
|
+ // 兼容wkhtmltopdf 汉字两端对齐的问题
|
|
|
+ item.contentHtml = item.name
|
|
|
+ .split("")
|
|
|
+ .map((str) => `<i>${str}</i>`)
|
|
|
+ .join(" ");
|
|
|
+ return item;
|
|
|
+ });
|
|
|
const nameNums = this.fields.map((item) => item.name.length);
|
|
|
const maxNameLen = Math.max.apply(null, nameNums);
|
|
|
const num = maxNameLen < 3 ? 3 : maxNameLen > 8 ? 8 : maxNameLen;
|