Skip to content

jml0128 / xrk-bi

Go to a project
Commit 9ea2ed9b by shangriqiang
Options

feature/数字拜访

1 parent 4360081f
Inline Side-by-side
Showing with 59 additions and 55 deletions
src/packages/task-recored/src/main.vue
...@@ -4,56 +4,56 @@ ...@@ -4,56 +4,56 @@
--> -->
<template> <template>
<div> <div>
<div class="task-log-pdf-title" style="font-size: 29px"> <div class='task-log-pdf-title' style='font-size: 29px'>
{{ executorName }} -- 任务记录 {{ executorName }} -- 任务记录
</div> </div>
<div style="padding:0 29px 29px;background:#fff;"> <div style='padding:0 29px 29px;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 <div
class="panel-cell" class='panel-cell'
style="transform: translateY(1px);display: inline-block;width: 33%;height: 70px;line-height: 70px;color:#9aa2b2;border-bottom:1px solid #f4f4f4" style='transform: translateY(1px);display: inline-block;width: 33%;height: 70px;line-height: 70px;color:#9aa2b2;border-bottom:1px solid #f4f4f4'
v-for="(item, k) in baseInfo" v-for='(item, k) in baseInfo'
:key="k" :key='k'
> >
<span class="panel-cell-label" style="">{{ item.label }}</span> <span class='panel-cell-label' style=''>{{ item.label }}</span>
: :
<span style="color: #2d2d2d">{{ item.value }}</span> <span style='color: #2d2d2d'>{{ item.value }}</span>
</div> </div>
</div> </div>
</div> </div>
<div style="padding:0 29px 29px;background:#fff;margin-top: 20px"> <div style='padding:0 29px 29px;background:#fff;margin-top: 20px'>
<BiTitle index="2" name="任务内容信息"></BiTitle> <BiTitle index='2' name='任务内容信息'></BiTitle>
<div> <div>
<div <div
style="display: inline-block;width: 33%;height: 50px;line-height: 50px;color:#9aa2b2" style='display: inline-block;width: 33%;height: 50px;line-height: 50px;color:#9aa2b2'
v-for="(item, k) in ctxInfo" v-for='(item, k) in ctxInfo'
:key="k" :key='k'
> >
<span class="panel-cell-label" style="">{{ item.label }}</span> <span class='panel-cell-label' style=''>{{ item.label }}</span>
: :
<span style="color: #2d2d2d">{{ item.value }}</span> <span style='color: #2d2d2d'>{{ item.value }}</span>
</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'
> >
<span class="panel-cell-label">拜访信息 ：</span> <span class='panel-cell-label'>拜访信息 ：</span>
<span style="color:#2d2d2d">{{ visitPlanInformation }}</span> <span style='color:#2d2d2d'>{{ visitPlanInformation }}</span>
</div> </div>
</div> </div>
<!-- 传递信息 --> <!-- 传递信息 -->
<div> <div>
<div <div
style="display: inline-block;width: 100%;height: 50px;color:#9aa2b2" style='display: inline-block;width: 100%;height: 50px;color:#9aa2b2'
> >
<p class="panel-cell-label" style="">传递信息 ：</p> <p class='panel-cell-label' style=''>传递信息 ：</p>
<div <div
style="color: #2d2d2d;text-indent: 2em;list-style: circle" style='color: #2d2d2d;text-indent: 2em;list-style: circle'
v-for="(item, k) in cdInfo" v-for='(item, k) in cdInfo'
:key="k" :key='k'
> >
{{ item.informationName }} {{ item.informationName }}
</div> </div>
...@@ -64,26 +64,26 @@ ...@@ -64,26 +64,26 @@
<!-- 图片--> <!-- 图片-->
<div <div
style=" display: flex;background:#fff;padding-left: 29px;overflow: hidden" style=' display: flex;background:#fff;padding-left: 29px;overflow: hidden'
> >
<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="color: #2d2d2d;padding:20px 20px 0 0"> <div style='color: #2d2d2d;padding:20px 20px 0 0'>
<img style="width: 100%;" :src="feedBackUrl" alt="" /> <img style='width: 100%;' :src='feedBackUrl' alt='' />
</div> </div>
</div> </div>
<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="color: #2d2d2d;padding:20px 20px 0 0"> <div style='color: #2d2d2d;padding:20px 20px 0 0'>
<img style="width: 100%;" :src="forward" alt="" /> <img style='width: 100%;' :src='forward' alt='' />
</div> </div>
</div> </div>
</div> </div>
<bi-cover-end title="信息披露"></bi-cover-end> <bi-cover-end title='信息披露'></bi-cover-end>
</div> </div>
</template> </template>
<script> <script>
...@@ -166,13 +166,18 @@ export default { ...@@ -166,13 +166,18 @@ export default {
BiCoverEnd, BiCoverEnd,
BiTitle BiTitle
}, },
getBaseInfo: { props: {
type: Function, getBaseInfo: {
default: () => {} type: Function,
}, default: () => {
getCtxInfo: { }
type: Function, },
default: () => {} getCtxInfo: {
type: Function,
default: () => {
}
},
targetType: String, //目标类型
}, },
data() { data() {
return { return {
...@@ -182,8 +187,7 @@ export default { ...@@ -182,8 +187,7 @@ export default {
visitPlanInformation: '', // 拜访信息 visitPlanInformation: '', // 拜访信息
cdInfo: [], // 传递信息 cdInfo: [], // 传递信息
feedBackUrl: '', //反馈记录 feedBackUrl: '', //反馈记录
forward: '', //转发记录 forward: '' //转发记录
targetType: '' //目标类型
}; };
}, },
computed: { computed: {
...@@ -193,19 +197,19 @@ export default { ...@@ -193,19 +197,19 @@ export default {
}, },
created() { created() {
typeof this.getBaseInfo === 'function' && typeof this.getBaseInfo === 'function' &&
this.getBaseInfo().then(({ data: [data] }) => { this.getBaseInfo().then(({ data: [data] }) => {
this.baseInfo = createCells(2, data); this.baseInfo = createCells(this.targetType, data);
}); });
typeof this.getCtxInfo === 'function' && typeof this.getCtxInfo === 'function' &&
this.getCtxInfo().then(({ data }) => { this.getCtxInfo().then(({ data }) => {
this.cdInfo = data.cdInfo; this.cdInfo = data.cdInfo;
this.feedBackUrl = data.feedBackUrl; this.feedBackUrl = data.feedBackUrl;
this.forward = data.forward; this.forward = data.forward;
this.cdInfo = data.cdInfo; this.cdInfo = data.cdInfo;
this.visitPlanInformation = data.visitPlanInformation; this.visitPlanInformation = data.visitPlanInformation;
this.ctxInfo = createCells(2, data); this.ctxInfo = createCells(this.targetType, data);
}); });
} }
}; };
</script> </script>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!