Skip to content

jml0128 / xrk-bi

Go to a project
Commit 603cdd2e by shangriqiang
Options

style：该样式

1 parent 13bf41f9
Inline Side-by-side
Showing with 60 additions and 40 deletions
src/packages/task-recored/src/client.js
......@@ -111,8 +111,7 @@ Object.keys(mapping).forEach(k => {
mapping[k].push(i);
});
});
console.log('mapping');
console.log(mapping);
const validTargets = Object.keys(mapping);
/**
......
src/packages/task-recored/src/main.vue
......@@ -3,54 +3,67 @@
* @Date: 2021-12-17 13:04:30
-->
<template>
<div>
<div style="font-size: 14px;">
<div class="task-log-pdf-title" style="font-size: 29px">
{{ baseInfo.fullName }} -- 任务记录
</div>
<div style="padding:0 29px 0px;background:#fff;">
<BiTitle index="1" name="任务基础信息"></BiTitle>
<div style="display: block;overflow: hidden">
<div class="panel-row">
<div class="panel-cell" v-if="+this.search.party !== 1">
<span class="panel-cell-label" style>项目执行人:</span>
<span class="panel-cell-ctx">{{ baseInfo.fullName }}</span>
<span class="panel-cell-label">
项目执行人: {{ baseInfo.fullName }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.fullName }}</span> -->
</div>
<div
class="panel-cell"
:style="{ width: +this.search.party !== 1 ? '30%' : '100%' }"
>
<span class="panel-cell-label">项目名称:</span>
<span class="panel-cell-ctx">{{ baseInfo.projectName }}</span>
<span class="panel-cell-label">
项目名称: {{ baseInfo.projectName }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.projectName }}</span> -->
</div>
<div class="panel-cell" v-if="+this.search.party !== 1">
<span class="panel-cell-label">电话:</span>
<span class="panel-cell-ctx">{{ baseInfo.phone }}</span>
<span class="panel-cell-label">电话: {{ baseInfo.phone }}</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.phone }}</span> -->
</div>
</div>
<div class="panel-row">
<div class="panel-cell">
<span class="panel-cell-label">项目方:</span>
<span class="panel-cell-ctx">
{{ baseInfo.industryEnterpriseName }}
<span class="panel-cell-label">
项目方: {{ baseInfo.industryEnterpriseName }}
</span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.industryEnterpriseName }}
</span> -->
</div>
<div class="panel-cell">
<span class="panel-cell-label" style>服务商:</span>
<span class="panel-cell-ctx">{{ baseInfo.enterpriseName }}</span>
<span class="panel-cell-label">
服务商: {{ baseInfo.enterpriseName }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.enterpriseName }}</span> -->
</div>
<div class="panel-cell">
<span class="panel-cell-label" style>任务提交时间:</span>
<span class="panel-cell-label">
任务提交时间:
</span>
<span class="panel-cell-ctx">{{ baseInfo.createDt }}</span>
</div>
</div>
<div class="panel-row">
<div class="panel-cell">
<span class="panel-cell-label">任务编码:</span>
<span class="panel-cell-ctx">
{{ baseInfo.taskCode }}
<span class="panel-cell-label">
任务编码: {{ baseInfo.taskCode }}
</span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.taskCode }}
</span> -->
</div>
</div>
</div>
......@@ -61,24 +74,23 @@
<div class="panel-row">
<!-- 根据后端返回数据 -->
<div class="panel-cell" v-for="(item, k) in ctxInfo" :key="k">
<span class="panel-cell-label" style>{{ item.label }}:</span>
<span class="panel-cell-ctx">{{ item.value }}</span>
</div>
<!-- &lt;!&ndash; 拜访信息 &ndash;&gt;-->
<!-- <div>-->
<!-- <div-->
<!-- style="display: inline-block;width: 100%;height: 50px;line-height: 50px;color:#9aa2b2"-->
<!-- >-->
<!-- <span class="panel-cell-label">拜访信息 ：</span>-->
<!-- <span style="color:#2d2d2d">{{ visitPlanInformation }}</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- 传递信息 -->
<span
class="panel-cell-label"
:style="{
width: maxLabelWidth
}"
>
{{ item.label }}: {{ item.value }}
</span>
<!-- <span class="panel-cell-ctx">{{ item.value }}</span> -->
</div>
<div>
<div
style="display: inline-block;width: 100%;height: 50px;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>传递信息 ：</p>
<p class="panel-cell-label">
传递信息 ：
</p>
<div
style="text-indent: 2em;line-height: 25px"
v-for="(item, k) in cdInfo"
......@@ -95,7 +107,9 @@
<div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>信息反馈记录:</p>
<p class="panel-cell-label" style>
信息反馈记录:
</p>
<div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="feedBackUrl" alt />
</div>
......@@ -103,7 +117,9 @@
<div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>信息转发记录:</p>
<p class="panel-cell-label" style>
信息转发记录:
</p>
<div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="forwardUrl" alt />
</div>
......@@ -149,7 +165,8 @@ export default {
visitTatgetType: '',
search: {
party: '' //party=1 工业 party=2乙方
}
},
maxLabelWidth: ''
};
},
async mounted() {
......@@ -160,7 +177,9 @@ export default {
this.visitPlanInformation = data.visitPlanInformation;
this.visitTatgetType = data.visitTatgetType;
this.ctxInfo = createCtxInfo(this.visitTatgetType, data);
// this.ctxInfo = data
const labels = this.ctxInfo.map(i => i.label.length);
// this.maxLabelWidth = Math.max.apply(null, labels) * 17 + 'px';
});
let baseInfoFields = [
......@@ -203,22 +222,24 @@ export default {
}
.panel-cell {
display: inline-flex;
min-height: 50px;
display: inline-table;
/* min-height: 50px; */
line-height: 25px;
padding-bottom: 10px;
transform: translateY(1px);
width: 33%;
margin-right: 10px;
width: 30%;
color: #9aa2b2;
}
.panel-cell-label {
color: #a9b0bd;
margin-right: 0.5em;
min-width: 6rem;
}
.panel-cell-ctx {
display: inline-block;
padding-right: 10px;
}
.task-log-pdf-title {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!