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 => { ...@@ -111,8 +111,7 @@ Object.keys(mapping).forEach(k => {
mapping[k].push(i); mapping[k].push(i);
}); });
}); });
console.log('mapping');
console.log(mapping);
const validTargets = Object.keys(mapping); const validTargets = Object.keys(mapping);
/** /**
......
src/packages/task-recored/src/main.vue
...@@ -3,54 +3,67 @@ ...@@ -3,54 +3,67 @@
* @Date: 2021-12-17 13:04:30 * @Date: 2021-12-17 13:04:30
--> -->
<template> <template>
<div> <div style="font-size: 14px;">
<div class="task-log-pdf-title" style="font-size: 29px"> <div class="task-log-pdf-title" style="font-size: 29px">
{{ baseInfo.fullName }} -- 任务记录 {{ baseInfo.fullName }} -- 任务记录
</div> </div>
<div style="padding:0 29px 0px;background:#fff;"> <div style="padding:0 29px 0px;background:#fff;">
<BiTitle index="1" name="任务基础信息"></BiTitle> <BiTitle index="1" name="任务基础信息"></BiTitle>
<div style="display: block;overflow: hidden"> <div style="display: block;overflow: hidden">
<div class="panel-row"> <div class="panel-row">
<div class="panel-cell" v-if="+this.search.party !== 1"> <div class="panel-cell" v-if="+this.search.party !== 1">
<span class="panel-cell-label" style>项目执行人:</span> <span class="panel-cell-label">
<span class="panel-cell-ctx">{{ baseInfo.fullName }}</span> 项目执行人: {{ baseInfo.fullName }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.fullName }}</span> -->
</div> </div>
<div <div
class="panel-cell" class="panel-cell"
:style="{ width: +this.search.party !== 1 ? '30%' : '100%' }" :style="{ width: +this.search.party !== 1 ? '30%' : '100%' }"
> >
<span class="panel-cell-label">项目名称:</span> <span class="panel-cell-label">
<span class="panel-cell-ctx">{{ baseInfo.projectName }}</span> 项目名称: {{ baseInfo.projectName }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.projectName }}</span> -->
</div> </div>
<div class="panel-cell" v-if="+this.search.party !== 1"> <div class="panel-cell" v-if="+this.search.party !== 1">
<span class="panel-cell-label">电话:</span> <span class="panel-cell-label">电话: {{ baseInfo.phone }}</span>
<span class="panel-cell-ctx">{{ baseInfo.phone }}</span> <!-- <span class="panel-cell-ctx">{{ baseInfo.phone }}</span> -->
</div> </div>
</div> </div>
<div class="panel-row"> <div class="panel-row">
<div class="panel-cell"> <div class="panel-cell">
<span class="panel-cell-label">项目方:</span> <span class="panel-cell-label">
<span class="panel-cell-ctx"> 项目方: {{ baseInfo.industryEnterpriseName }}
{{ baseInfo.industryEnterpriseName }}
</span> </span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.industryEnterpriseName }}
</span> -->
</div> </div>
<div class="panel-cell"> <div class="panel-cell">
<span class="panel-cell-label" style>服务商:</span> <span class="panel-cell-label">
<span class="panel-cell-ctx">{{ baseInfo.enterpriseName }}</span> 服务商: {{ baseInfo.enterpriseName }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.enterpriseName }}</span> -->
</div> </div>
<div class="panel-cell"> <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> <span class="panel-cell-ctx">{{ baseInfo.createDt }}</span>
</div> </div>
</div> </div>
<div class="panel-row"> <div class="panel-row">
<div class="panel-cell"> <div class="panel-cell">
<span class="panel-cell-label">任务编码:</span> <span class="panel-cell-label">
<span class="panel-cell-ctx"> 任务编码: {{ baseInfo.taskCode }}
{{ baseInfo.taskCode }}
</span> </span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.taskCode }}
</span> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -61,24 +74,23 @@ ...@@ -61,24 +74,23 @@
<div class="panel-row"> <div class="panel-row">
<!-- 根据后端返回数据 --> <!-- 根据后端返回数据 -->
<div class="panel-cell" v-for="(item, k) in ctxInfo" :key="k"> <div class="panel-cell" v-for="(item, k) in ctxInfo" :key="k">
<span class="panel-cell-label" style>{{ item.label }}:</span> <span
<span class="panel-cell-ctx">{{ item.value }}</span> class="panel-cell-label"
</div> :style="{
<!-- &lt;!&ndash; 拜访信息 &ndash;&gt;--> width: maxLabelWidth
<!-- <div>--> }"
<!-- <div--> >
<!-- style="display: inline-block;width: 100%;height: 50px;line-height: 50px;color:#9aa2b2"--> {{ item.label }}: {{ item.value }}
<!-- >--> </span>
<!-- <span class="panel-cell-label">拜访信息 ：</span>--> <!-- <span class="panel-cell-ctx">{{ item.value }}</span> -->
<!-- <span style="color:#2d2d2d">{{ visitPlanInformation }}</span>--> </div>
<!-- </div>-->
<!-- </div>-->
<!-- 传递信息 -->
<div> <div>
<div <div
style="display: inline-block;width: 100%;height: 50px;line-height: 50px;color:#9aa2b2" 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 <div
style="text-indent: 2em;line-height: 25px" style="text-indent: 2em;line-height: 25px"
v-for="(item, k) in cdInfo" v-for="(item, k) in cdInfo"
...@@ -95,7 +107,9 @@ ...@@ -95,7 +107,9 @@
<div <div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2" 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"> <div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="feedBackUrl" alt /> <img style="width: 100%;" :src="feedBackUrl" alt />
</div> </div>
...@@ -103,7 +117,9 @@ ...@@ -103,7 +117,9 @@
<div <div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2" 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"> <div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="forwardUrl" alt /> <img style="width: 100%;" :src="forwardUrl" alt />
</div> </div>
...@@ -149,7 +165,8 @@ export default { ...@@ -149,7 +165,8 @@ export default {
visitTatgetType: '', visitTatgetType: '',
search: { search: {
party: '' //party=1 工业 party=2乙方 party: '' //party=1 工业 party=2乙方
} },
maxLabelWidth: ''
}; };
}, },
async mounted() { async mounted() {
...@@ -160,7 +177,9 @@ export default { ...@@ -160,7 +177,9 @@ export default {
this.visitPlanInformation = data.visitPlanInformation; this.visitPlanInformation = data.visitPlanInformation;
this.visitTatgetType = data.visitTatgetType; this.visitTatgetType = data.visitTatgetType;
this.ctxInfo = createCtxInfo(this.visitTatgetType, data); 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 = [ let baseInfoFields = [
...@@ -203,22 +222,24 @@ export default { ...@@ -203,22 +222,24 @@ export default {
} }
.panel-cell { .panel-cell {
display: inline-flex; display: inline-table;
min-height: 50px; /* min-height: 50px; */
line-height: 25px; line-height: 25px;
padding-bottom: 10px;
transform: translateY(1px); transform: translateY(1px);
width: 33%; margin-right: 10px;
width: 30%;
color: #9aa2b2; color: #9aa2b2;
} }
.panel-cell-label { .panel-cell-label {
color: #a9b0bd; color: #a9b0bd;
margin-right: 0.5em; margin-right: 0.5em;
min-width: 6rem;
} }
.panel-cell-ctx { .panel-cell-ctx {
display: inline-block; display: inline-block;
padding-right: 10px;
} }
.task-log-pdf-title { .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!