Skip to content

jml0128 / xrk-bi

Go to a project
Commit 134333f6 by web
Options

Merge branch 'feature/数字问卷' into 'release' 

Feature/数字问卷

See merge request !14
2 parents acccc3ae c14a8ff4
Expand all
Inline Side-by-side
Showing with 1676 additions and 346 deletions
1.pdf deleted 100644 → 0
No preview for this file type
2.pdf deleted 100644 → 0
No preview for this file type
3.pdf deleted 100644 → 0
No preview for this file type
package-lock.json
{
"name": "xrk-bi",
"version": "0.1.11",
"version": "0.2.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
......@@ -1266,6 +1266,21 @@
"integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=",
"dev": true
},
"axios": {
"version": "0.26.1",
"resolved": "https://registry.npmjs.org/axios/-/axios-0.26.1.tgz",
"integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
"requires": {
"follow-redirects": "^1.14.8"
},
"dependencies": {
"follow-redirects": {
"version": "1.14.9",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.9.tgz",
"integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w=="
}
}
},
"babel-code-frame": {
"version": "6.26.0",
"resolved": "https://registry.npm.taobao.org/babel-code-frame/download/babel-code-frame-6.26.0.tgz",
......@@ -2169,6 +2184,12 @@
"resolved": "https://registry.nlark.com/bytes/download/bytes-3.1.0.tgz",
"integrity": "sha1-9s95M6Ng4FiPqf3oVlHNx/gF0fY=",
"dev": true
},
"qs": {
"version": "6.7.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
"integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
"dev": true
}
}
},
......@@ -2427,7 +2448,6 @@
"version": "1.0.2",
"resolved": "https://registry.nlark.com/call-bind/download/call-bind-1.0.2.tgz",
"integrity": "sha1-sdTonmiBGcPJqQOtMKuy9qkZvjw=",
"dev": true,
"requires": {
"function-bind": "^1.1.1",
"get-intrinsic": "^1.0.2"
......@@ -4359,6 +4379,12 @@
"resolved": "https://registry.npm.taobao.org/array-flatten/download/array-flatten-1.1.1.tgz",
"integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
"dev": true
},
"qs": {
"version": "6.7.0",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.7.0.tgz",
"integrity": "sha512-VCdBRNFTX1fyE7Nb6FYoURo/SPe62QCaAyzJvUjwRaIsc+NePBEniHlvxFmmX56+HZphIGtV0XeCirBtpDrTyQ==",
"dev": true
}
}
},
......@@ -4884,8 +4910,7 @@
"function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npm.taobao.org/function-bind/download/function-bind-1.1.1.tgz",
"integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=",
"dev": true
"integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0="
},
"functional-red-black-tree": {
"version": "1.0.1",
......@@ -4941,7 +4966,6 @@
"version": "1.1.1",
"resolved": "https://registry.npm.taobao.org/get-intrinsic/download/get-intrinsic-1.1.1.tgz?cache=0&sync_timestamp=1612364352840&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fget-intrinsic%2Fdownload%2Fget-intrinsic-1.1.1.tgz",
"integrity": "sha1-FfWfN2+FXERpY5SPDSTNNje0q8Y=",
"dev": true,
"requires": {
"function-bind": "^1.1.1",
"has": "^1.0.3",
......@@ -5106,7 +5130,6 @@
"version": "1.0.3",
"resolved": "https://registry.nlark.com/has/download/has-1.0.3.tgz?cache=0&sync_timestamp=1618847173393&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fhas%2Fdownload%2Fhas-1.0.3.tgz",
"integrity": "sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=",
"dev": true,
"requires": {
"function-bind": "^1.1.1"
}
......@@ -5135,8 +5158,7 @@
"has-symbols": {
"version": "1.0.2",
"resolved": "https://registry.nlark.com/has-symbols/download/has-symbols-1.0.2.tgz",
"integrity": "sha1-Fl0wcMADCXUqEjakeTMeOsVvFCM=",
"dev": true
"integrity": "sha1-Fl0wcMADCXUqEjakeTMeOsVvFCM="
},
"has-unicode": {
"version": "2.0.1",
......@@ -7845,8 +7867,7 @@
"object-inspect": {
"version": "1.10.3",
"resolved": "https://registry.nlark.com/object-inspect/download/object-inspect-1.10.3.tgz?cache=0&sync_timestamp=1620446150016&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fobject-inspect%2Fdownload%2Fobject-inspect-1.10.3.tgz",
"integrity": "sha1-wqp9LQn1DJk3VwT3oK3yTFeC02k=",
"dev": true
"integrity": "sha1-wqp9LQn1DJk3VwT3oK3yTFeC02k="
},
"object-is": {
"version": "1.1.5",
......@@ -9087,10 +9108,12 @@
"dev": true
},
"qs": {
"version": "6.7.0",
"resolved": "https://registry.npm.taobao.org/qs/download/qs-6.7.0.tgz?cache=0&sync_timestamp=1616385328325&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fqs%2Fdownload%2Fqs-6.7.0.tgz",
"integrity": "sha1-QdwaAV49WB8WIXdr4xr7KHapsbw=",
"dev": true
"version": "6.10.3",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.10.3.tgz",
"integrity": "sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==",
"requires": {
"side-channel": "^1.0.4"
}
},
"query-string": {
"version": "4.3.4",
......@@ -10041,6 +10064,16 @@
"integrity": "sha1-Z6fQLHbJ2iT5nSCAj8re0ODgS+I=",
"dev": true
},
"side-channel": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.4.tgz",
"integrity": "sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==",
"requires": {
"call-bind": "^1.0.0",
"get-intrinsic": "^1.0.2",
"object-inspect": "^1.9.0"
}
},
"signal-exit": {
"version": "3.0.3",
"resolved": "https://registry.nlark.com/signal-exit/download/signal-exit-3.0.3.tgz",
......
package.json
{
"name": "xrk-bi",
"version": "0.2.0",
"version": "0.3.0-beta.10",
"description": "xrk-bi",
"author": "xrk",
"main": "dist/bundler.js",
......@@ -20,9 +20,11 @@
"fix": "eslint --fix ./src --ext .js,.vue "
},
"dependencies": {
"axios": "^0.26.1",
"echarts": "^5.1.2",
"element-ui": "^2.15.2",
"html2canvas": "^1.1.4",
"qs": "^6.10.3",
"swiper": "^6.7.0",
"uuid": "^8.3.2",
"vue": "^2.5.11",
......@@ -32,7 +34,6 @@
},
"devDependencies": {
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/composition-api": "^1.0.0-rc.11",
"@vue/eslint-config-prettier": "^6.0.0",
"babel-core": "^6.26.0",
......
src/App.vue
......@@ -12,6 +12,7 @@
:print="isPrint"
:projectType="projectType"
></component>
<!-- <XrkTaskRecordPdf :projectType="20" :taskId="1209388" :from="1" /> -->
</div>
<!-- <ul class="pervie">
<li name="任务记录">
......@@ -35,7 +36,7 @@
<script>
import { getQueryVariable } from './packages/bi/src/chart-type/common';
// import { XrkTaskRecordPdf } from './packages/task-recored/index';
export default {
name: 'App',
data() {
......
src/lib/index.js
......@@ -4,9 +4,12 @@
* @Date: 2021-01-28 23:29:19
*/
import Bi from '../packages/bi/index.js';
import XrkTaskRecord from '../packages/task-recored/index.js';
import {
XrkTaskRecord,
XrkTaskRecordPdf
} from '../packages/task-recored/index.js';
const components = [Bi, XrkTaskRecord];
const components = [Bi, XrkTaskRecord, XrkTaskRecordPdf];
const install = function(Vue) {
components.forEach(component => {
......@@ -21,5 +24,6 @@ if (typeof window !== 'undefined' && window.Vue) {
export default {
install,
Bi,
XrkTaskRecord
XrkTaskRecord,
XrkTaskRecordPdf
};
src/packages/bi/src/chart-type/map/createMap.js
......@@ -3,7 +3,6 @@
* @Date: 2021-06-20 01:16:17
*/
export const createMap = (Vue, chartData) => {
console.log(chartData);
return {
visualMap: {
borderColor: '#fff',
......@@ -65,7 +64,6 @@ export const createMap = (Vue, chartData) => {
};
export const createMapScatter = (Vue, chartData) => {
console.log(chartData);
return {
geo: [
{
......
src/packages/bi/src/chart-type/types.js
......@@ -119,5 +119,12 @@ export default {
sort: 1,
icon: '',
create: createMapScatter
},
// 表格
15: {
name: 'article',
cnName: '图文',
sort: 1,
icon: 'http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/biaoge.svg'
}
};
src/packages/bi/src/commonComponents/article.vue 0 → 100644
<!--
* @Description: file content
* @Author: jml
* @Date: 2021-03-24 10:22:27
* @LastEditors: Please set LastEditors
* @LastEditTime: 2022-04-27 20:29:19
-->
<template>
<div>
<BiBlank height="40" :usePrint="true"></BiBlank>
<div class="bi-article" v-html="content"></div>
<BiBlank height="40" :usePrint="true"></BiBlank>
</div>
</template>
<script>
import BiBlank from './blank.vue';
export default {
name: 'bi-sex-icon',
components: { BiBlank },
props: {
title: {
type: String,
default: ''
},
content: {
type: String,
default: ''
}
},
data() {
return {
option: {}
};
},
created() {}
};
</script>
<style lang="scss">
.bi-article {
line-height: 1.5;
width: 1000px;
margin: 0 auto;
img,
video {
width: 100%;
object-fit: contain;
height: 100%;
}
}
</style>
src/packages/bi/src/commonComponents/chart-base.vue
......@@ -93,13 +93,14 @@ export default {
this.myChart = init(document.getElementById(this.uuid));
}
const { option, myChart } = this;
const maxLength = option.series[0].data.length;
const cloneArr = [...option.series[0].data];
const f = (option.series || [])[0] || { data: [] };
const maxLength = f.data.length;
const cloneArr = [...f.data];
if (maxLength > 200) {
const setData = (_myChart, startIndex) => {
const endIndex = startIndex + 200;
if (startIndex == 0) {
option.series[0].data = cloneArr.slice(startIndex, endIndex);
f.data = cloneArr.slice(startIndex, endIndex);
_myChart.setOption(option);
} else {
_myChart.appendData({
......
src/packages/bi/src/commonComponents/chart-block.vue
......@@ -3,7 +3,7 @@
* @Author: jml
* @Date: 2021-03-24 10:22:27
* @LastEditors: Please set LastEditors
* @LastEditTime: 2021-07-28 21:17:43
* @LastEditTime: 2022-04-20 15:36:43
-->
<template>
<div style="position:relative;" class="bi-chart-block">
......@@ -44,6 +44,7 @@
}"
></BiTable>
<BiSexIcon v-else-if="chart.type == 12" v-bind="chart"></BiSexIcon>
<BiArticle v-else-if="chart.type == 15" v-bind="baseInfo"></BiArticle>
<BiChart :showGuide="showGuide" v-else v-bind="chart"></BiChart>
</template>
<BiChartLegend
......@@ -78,6 +79,7 @@ import BiTable from './table.vue';
import BiSexIcon from './sex-icon.vue';
import BiChartLegend from './chart-legend.vue';
import BiChartDesc from './chart-desc.vue';
import BiArticle from './article.vue';
import BiChartChoiceMinxinToggleAxis from './chart-choice-mixin-toggle-axis.vue';
import BiChartChoiceMinxinAnalysis from './chart-choice-mixin-analysis.vue';
......@@ -89,6 +91,7 @@ export default {
BiChart,
BiTable,
BiSexIcon,
BiArticle,
BiChartDesc,
BiChartLegend,
BiChartChoiceMinxinToggleAxis,
......@@ -108,6 +111,9 @@ export default {
analysisDesc() {
return this.chartConfig.analysisDesc || {};
},
baseInfo() {
return this.chartConfig.baseInfo || {};
},
chart() {
return this.chartConfig.chart || {};
},
......
src/packages/bi/src/commonComponents/chart.vue
......@@ -3,7 +3,7 @@
* @Author: jml
* @Date: 2021-03-24 10:22:27
* @LastEditors: Please set LastEditors
* @LastEditTime: 2021-07-28 21:34:18
* @LastEditTime: 2022-04-20 13:35:29
-->
<template>
<div :style="{ height: `${(cHeight + 80) * zoom}px`, zoom: 1 / zoom }">
......
src/packages/bi/src/components/singleChoice.vue
......@@ -15,6 +15,7 @@
<div ref="print-area">
<div
class="print-item"
:class="item.className"
v-for="(item, index) in scaleDomsInfo.items"
:key="index"
:style="{
......@@ -114,6 +115,8 @@ import eventBus from '../eventBus/index';
import mixin from '../mixin/index';
import { getQueryVariable } from '../chart-type/common';
const baseHeight = 1697;
const baseScale = 1.1;
export default {
name: 'bi-single-choice',
mixins: [mixin],
......@@ -133,6 +136,7 @@ export default {
type: Array,
default: () => []
},
printInfo: Boolean,
pageWrap: Boolean,
disabled: Boolean
},
......@@ -177,80 +181,63 @@ export default {
this.drag = false;
this.$emit('sort', this.copySingleChoice);
},
getPageSize() {
const topDom = (this.$slots.default || [{}])[0].elm || {
offsetHeight: 0
};
const domArr = [
{
$el: topDom
},
...(this.$refs['bi-single-choice_item'] || []).map(item => {
let height = 0;
item.pervPage = item.$children.reduce((pre, { $el }) => {
const { offsetHeight } = $el;
if ($el.className != 'bi-blank' && !this.Bi.isPrint) {
height += offsetHeight;
}
if (height >= 1697) {
pre += 1;
height = offsetHeight;
}
return pre;
}, 0);
return item;
})
];
const pageSizeInfo = {
pervHeight: 0,
pervPage: 0,
height: 0,
page: this.pageWrap ? 0 : 1
};
const catalogueInfoArr = [];
domArr.forEach(({ $el, title, pervPage = 0 }, index) => {
const offsetHeight = $el.offsetHeight - (this.Bi.isPrint ? 0 : 56);
pageSizeInfo.height += offsetHeight;
if (this.pageWrap) {
if (index == 1) {
// 遍历到第二个时，如果存在顶部标题，则将两个高度相加（汇总标题和表格不做强制分页）
pageSizeInfo.pervHeight = offsetHeight + topDom.offsetHeight;
if (offsetHeight + topDom.offsetHeight > 1697) {
pageSizeInfo.page += 1;
}
getArticleHeight(startHeight, parentElement) {
const blankDoms = parentElement.querySelectorAll('div.bi-blank');
const titleDom = parentElement.querySelector('div.bi-chart-title');
const contentDoms = parentElement.querySelectorAll('div.bi-article>div');
const { totalHeight } = [
blankDoms[0],
titleDom,
blankDoms[1],
...contentDoms,
blankDoms[2],
blankDoms[3]
].reduce(
(pre, cur) => {
if (pre.height + cur.offsetHeight < baseHeight * baseScale) {
pre.height += cur.offsetHeight;
} else {
pageSizeInfo.page += pageSizeInfo.pervPage + 1;
pageSizeInfo.pervPage = pervPage;
pre.height = cur.offsetHeight;
pre.totalHeight +=
baseHeight * baseScale -
(pre.totalHeight % (baseHeight * baseScale));
}
} else if (pageSizeInfo.height >= 1697) {
pageSizeInfo.page += 1;
pageSizeInfo.height = offsetHeight;
pre.totalHeight += cur.offsetHeight;
return pre;
},
{
totalHeight: startHeight,
height: startHeight
}
catalogueInfoArr.push({
name: (title || {}).name,
page: pageSizeInfo.page
});
});
console.log(111, pageSizeInfo.page, catalogueInfoArr);
this.$emit('page', {
pageSize: pageSizeInfo.page,
info: catalogueInfoArr
});
);
return totalHeight;
},
dealDomForScale() {
const topDom = (this.$slots.default || [{}])[0].elm || {
offsetHeight: 0
};
const baseHeight = 1697;
const baseScale = 1.1;
const cScale = height => {
return Math.min(baseHeight / height, 1);
};
const newDom = (this.$refs['bi-single-choice_item'] || []).reduce(
(pre, cur) => {
(pre, cur, index) => {
const { $el } = cur;
const { offsetHeight } = $el;
let { offsetHeight } = $el;
let className = 'print-item';
if (cur.chart.type == 15) {
if (index == 0) {
offsetHeight = this.getArticleHeight(topDom.offsetHeight, $el);
className = 'print-item nowarp child-nowarp';
} else {
offsetHeight = this.getArticleHeight(0, $el);
pre.totalPage += offsetHeight > baseHeight * baseScale ? 1 : 0; // 玄学
className = 'print-item child-nowarp';
}
}
const domUsePage = parseInt(offsetHeight / (baseHeight * baseScale));
if (this.printInfo) {
// console.log(topDom, cur);
}
if (pre.height + offsetHeight < baseHeight * baseScale) {
// 当前dom高度加上历史高度 小于 A4纸高度的1.15倍
if (pre.height === 0) {
......@@ -271,12 +258,21 @@ export default {
pre.totalPage += Math.max(domUsePage, 1);
pre.height = offsetHeight;
pre.items.push({
className,
allHeight: offsetHeight,
scale: domUsePage === 0 ? cScale(offsetHeight) : 1,
chartConfigs: [cur.chartConfig]
});
}
// console.log(
// cur.chartConfig.title.name,
// pre.height,
// offsetHeight,
// pre.totalPage,
// domUsePage
// );
pre.catalogueInfoArr.push({
showInCatalogue: cur.chartConfig.showInCatalogue,
name: (cur.chartConfig.title || {}).name,
page: pre.totalPage - domUsePage
});
......@@ -299,13 +295,14 @@ export default {
catalogueInfoArr: []
}
);
if (this.printInfo) {
console.log(newDom);
}
this.scaleDomsInfo = newDom;
this.$emit('page', {
pageSize: newDom.totalPage,
info: newDom.catalogueInfoArr
});
console.log(newDom);
// this.$refs['print-area'].innerHTML = 'xxxx';
}
},
mounted() {
......@@ -329,6 +326,18 @@ export default {
}
};
</script>
<style lang="scss">
.print-item {
&.child-nowarp {
.bi-chart-block {
background: #fff;
& > div {
page-break-inside: inherit;
}
}
}
}
</style>
<style lang="scss" scoped>
.print-item {
......@@ -339,6 +348,9 @@ export default {
// page-break-before: auto;
// page-break-inside: avoid;
// }
&.nowarp {
page-break-before: inherit;
}
}
.bi-single-choice {
// page-break-before: always;
......
src/packages/bi/src/components/singleChoiceInfo.vue
......@@ -69,10 +69,11 @@ export default {
z-index: 2;
color: #ddeeff;
font-size: 14px;
text-align: center;
text-align: left;
padding-left: 130px;
&.one {
padding-left: 60px;
padding-top: 23px;
text-align: left;
& > div {
width: inherit;
& + div {
......
src/packages/bi/src/main.vue
......@@ -3,7 +3,7 @@
* @Author: jml
* @Date: 2021-02-26 15:38:10
* @LastEditors: Please set LastEditors
* @LastEditTime: 2021-09-08 15:00:42
* @LastEditTime: 2022-04-20 13:26:04
-->
<template>
<div class="xrk-components-bi bi" :class="{ 'bi-print': print }">
......@@ -18,6 +18,9 @@
<BiZoneMobile v-if="mobile"></BiZoneMobile>
<BiZone v-else></BiZone>
</template>
<template v-if="projectType == 21">
<BiDigitalQuestionnaire></BiDigitalQuestionnaire>
</template>
<template v-if="projectType == 2" name="otc拜访">
<BiOtc></BiOtc>
</template>
......@@ -39,6 +42,7 @@ import BiZoneMobile from './project/6-zone-mobile.vue';
import BiOtc from './project/2-otc.vue';
import BiJcyl from './project/10-jcyl.vue';
import BiGradeHospital from './project/9-gradeHospital.vue';
import BiDigitalQuestionnaire from './project/21-digitalQuestionnaire.vue';
export default {
name: 'XrkBi',
......@@ -91,7 +95,8 @@ export default {
BiZoneMobile,
BiOtc,
BiJcyl,
BiGradeHospital
BiGradeHospital,
BiDigitalQuestionnaire
},
methods: {
setFontSize() {
......
src/packages/bi/src/mock/index.js
......@@ -68,6 +68,7 @@ export const chartConfig = () => {
return {
createConfig: (arr, options = {}) => {
const {
showInCatalogue,
blockTitle,
hideTitle,
hideColor,
......@@ -122,6 +123,7 @@ export const chartConfig = () => {
);
});
return {
showInCatalogue,
isDelete: isDelete || 0,
sort: showSort || 0,
chart: {
......
src/packages/bi/src/project/tools.js
......@@ -16,7 +16,7 @@ const dealStr = (str, unit = '') => {
export const dealAxis = (arr = [], unit = '', lastUnit = '') => {
return arr.map((item, index) => {
const isLast = index === arr.length - 1;
const xName = item.genderType || item.xTopicName;
const xName = item.genderType || item.xTopicName || item.optionName;
return {
x: xName ? dealStr(xName, isLast ? lastUnit : unit) : '-',
y: item.yTopicName,
......
src/packages/task-recored/index.js
......@@ -2,10 +2,15 @@
* @Description:
* @Date: 2021-12-17 13:04:12
*/
import XrkTaskRecord from './src/main';
import XrkTaskRecord from './src/digital-promotion.vue';
import XrkTaskRecordPdf from './src/main.vue';
XrkTaskRecord.install = function(Vue) {
Vue.component(XrkTaskRecord.name, XrkTaskRecord);
};
export default XrkTaskRecord;
XrkTaskRecordPdf.install = function(Vue) {
Vue.component(XrkTaskRecordPdf.name, XrkTaskRecordPdf);
};
export { XrkTaskRecord, XrkTaskRecordPdf };
src/packages/task-recored/src/api/index.js 0 → 100644
/*
* @Description:
* @Date: 2022-03-23 16:47:37
*/
import { post } from '@/utils/http';
const basePath = '/rest/saas/crm/xcx';
// 获取任务详情
// 可配置和调研
export const makeSceneTaskInfo = data =>
post(`${basePath}/pdf/ms/makeSceneTaskInfo`, data);
// 数字问卷
export const numQuestTaskInfo = data =>
post(`${basePath}/pdf/nq/numQuestTaskInfo`, data);
src/packages/task-recored/src/components/base/configurable.vue 0 → 100644
<template>
<div>
<div v-if="+projectType === 20" class="block_box">
<div class="bi_title">
<div class="bi_title_text">
<div class="bi_title_text_content">
<div class="bi_title_text_index">02</div>
目标基础信息
</div>
<img
src="//cdn.yxvzb.com/WEB/SaaS/images/bi/svg/title.png"
alt
class="bi_title_text_icon"
width="62"
/>
</div>
</div>
<div class="info">
<div
class="info-item"
style="display: inline-block; vertical-align: top; width: 550px"
>
<div>{{ resData.targetTitle }}</div>
<div style="margin-top: 40px">{{ resData.customerName }}</div>
</div>
<div
class="info-item"
style="display: inline-block; vertical-align: top"
>
<div>{{ resData.timeTitle }}</div>
<div style="margin-top: 40px">
{{ `${dateFormat(resData.startDt)}-${dateFormat(resData.endDt)}` }}
</div>
</div>
</div>
<div class="info">
<div class="info-item" style="display: inline-block; width: 100%">
<div>{{ resData.locationTitle }}</div>
<img
style="
width: 530px;
height: 265px;
display: block;
margin-top: 40px;
"
width="530"
height="265"
:src="resData.addressWatermarkPicUrl"
alt="img"
/>
</div>
</div>
</div>
<div class="block_box">
<div class="bi_title">
<div class="bi_title_text">
<div class="bi_title_text_content">
<!-- 任务内容信息标题顺序 可配置是03 调研是02 -->
<div class="bi_title_text_index">
{{ +projectType === 20 ? '03' : '02' }}
</div>
任务内容信息
</div>
<img
src="//cdn.yxvzb.com/WEB/SaaS/images/bi/svg/title.png"
alt
class="bi_title_text_icon"
width="62"
/>
</div>
</div>
<slot name="information"></slot>
<div v-for="(item, index) in resData.contentTitleList" :key="index">
<!-- 单选题/多选/投票题 -->
<div v-if="[1, 2, 3].includes(item.type)" class="question-item">
<div class="question-item-title">
<span>{{ `${index + 1}.${item.title}` }}</span>
<span>{{ titleMap(item.type) }}</span>
<div>
此条任务收集的选择项为：{{ isMultiple(item.type, item.answer) }}
</div>
</div>
<div
v-for="(cItem, cIndex) in item.options"
:key="cIndex"
:class="`question-item-option${item.type == 2 ? ' checkbox' : ''}`"
>
{{ cItem }}
</div>
<div
style="color: #666666; font-size: 14px; margin-top: 30px"
v-if="item.remark"
>
备注：{{ item.remark }}
</div>
</div>
<!-- 单填空/多填空/数字填空/打分/时间/月度/描述 -->
<div
v-else-if="[4, 5, 6, 7, 19, 14, 15, 17, 18].includes(item.type)"
class="question-item"
>
<div class="question-item-title">
<span>{{ `${index + 1}.${item.title}` }}</span>
<span>{{ titleMap(item.type) }}</span>
</div>
<div class="question-item-answer">
{{
item.type == 5 || item.type == 18
? item.answer.join(',')
: item.type == 6
? item.answer + '分'
: item.answer
}}
</div>
<div
style="color: #666666; font-size: 14px; margin-top: 30px"
v-if="item.remark"
>
备注：{{ item.remark }}
</div>
</div>
<!-- 图片题/签名题/定位题 -->
<div v-else-if="[20, 13, 16].includes(item.type)" class="question-item">
<div class="question-item-title">
<span>{{ `${index + 1}.${item.title}` }}</span>
<span>{{ titleMap(item.type) }}</span>
</div>
<img
v-if="item.type === 20 || item.type === 16"
style="margin-top: 10px"
width="180"
:src="item.type === 20 ? item.answer : item.addressPicUrl"
alt="img"
/>
<img
v-else
v-for="file in item.answer"
:key="file"
style="margin-top: 10px"
width="180"
:src="file"
alt="img"
/>
<div
style="color: #666666; font-size: 14px; margin-top: 30px"
v-if="item.remark"
>
备注：{{ item.remark }}
</div>
</div>
<!-- 文件题 -->
<div
v-else-if="[8, 9, 10, 11, 12].includes(item.type)"
class="question-item"
>
<div class="question-item-title">
<span>{{ `${index + 1}.${item.title}` }}</span>
<span>{{ titleMap(item.type) }}</span>
</div>
<div
v-for="file in item.answer"
:key="file"
class="question-item-answer"
>
{{ file }}
</div>
<div
style="color: #666666; font-size: 14px; margin-top: 30px"
v-if="item.remark"
>
备注：{{ item.remark }}
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import dateFormat from '@/utils/dateFormat';
const qustionMap = {
1: '【单选题】',
2: '【多选题】',
3: '【单选投票题】',
4: '【单项填空题】',
5: '【多项填空题】',
6: '【打分题】',
7: '【地址题】',
8: '【上传附件】',
9: '【上传pdf】',
10: '【上传word】',
11: '【上传excel】',
12: '【上传ppt】',
13: '【图片题】',
14: '【时间题】',
15: '【月度题】',
16: '【定位题】',
17: '【描述题】',
18: '【描述题】',
19: '【数字填空题】',
20: '【图片题】',
22: '【姓名填空题】'
};
export default {
props: {
resData: Object,
projectType: [String, Number]
},
data() {
return {};
},
methods: {
dateFormat(e) {
return dateFormat(e);
},
isMultiple(type, answer) {
if (type == 2) {
if (Array.isArray(answer)) {
return answer.join(',');
} else {
try {
return JSON.parse(answer).join(',');
} catch (error) {
return answer;
}
}
} else {
return answer;
}
},
titleMap(type) {
return qustionMap[type];
}
}
};
</script>
<style lang="scss" scoped></style>
src/packages/task-recored/src/components/base/footer.vue 0 → 100644
<template>
<div class="content">
<div class="content-title">
<span class="left-bar">
<img
src="//cdn.yxvzb.com/WEB/SaaS/images/bi/personal/line-left.png"
alt=""
/>
</span>
<span class="content-title-text">信息披露</span>
<span class="right-bar">
<img
src="//cdn.yxvzb.com/WEB/SaaS/images/bi/personal/line-right.png"
alt=""
/>
</span>
</div>
<div class="content-body">
<div class="static-content-module">
<div class="content-body-title">服务公司声明</div>
<div class="content-body-text">
本公司以勤勉的职业态度，独立、客观地出具本报告。本报告所采用的数据和信息均来自项目执行采集，本公司不保证该等信息的准确性或完整性。分析逻辑基于团队的职业理解，清晰准确地反映了本公司的观点，结论不受任何第三方的授意或影响，特此声明。
</div>
</div>
<div class="static-content-module">
<div class="content-body-title">法律声明</div>
<div class="content-body-text">
本报告仅供本公司的客户使用。本公司不会因接收人收到本报告而视其为本公司的当然客户。
<br />
本报告所载的资料仅反映本公司截止发布本报告当日的判断。在不同时期，本公司可发出与本报告所载资料不一致的报告。
<br />
本报告的版权归本公司所有，未经书面许可，任何机构和个人不得以任何形式翻版、复制、发表或引用，或再次分发给任何其他人，或以任何侵犯本公司版权的其他方式使用。
<br />
向日葵将尽商业上合理水平的技能和注意义务为平台用户提供稳定的技术服务，但不对服务内容本身承担责任。
</div>
</div>
</div>
</div>
</template>
<script>
export default {};
</script>
<style></style>
src/packages/task-recored/src/components/base/header.vue 0 → 100644
<!--
* @Description:
* @Date: 2022-03-23 16:47:37
-->
<template>
<div>
<div class="title" v-if="+from === 2">
{{ resData.fullName }}—任务记录数据报表
</div>
<div class="block_box">
<div class="bi_title">
<div class="bi_title_text">
<div class="bi_title_text_content">
<div class="bi_title_text_index">01</div>
任务基础信息
</div>
<img
src="//cdn.yxvzb.com/WEB/SaaS/images/bi/svg/title.png"
alt=""
class="bi_title_text_icon"
width="62"
/>
</div>
</div>
<div class="info">
<div v-if="+from === 2" class="info-item">
<span>项目执行人：</span>
<span>{{ resData.fullName }}</span>
</div>
<div class="info-item">
<span>项目名称：</span>
<span>{{ resData.projectName }}</span>
</div>
<div v-if="+from === 2" class="info-item">
<span>电话：</span>
<span>{{ resData.phone }}</span>
</div>
<div v-if="resData.gongyeNameIsShow == 1" class="info-item">
<span>项目方：</span>
<span>
{{ resData.gongyeName }}
</span>
</div>
<div class="info-item">
<span>{{ resData.enterpriseTitle }}：</span>
<span>{{ resData.enterpriseName }}</span>
</div>
<div class="info-item">
<span>任务提交时间：</span>
<span>{{ dateFormat(resData.finishDt) }}</span>
</div>
<div class="info-item">
<span>任务编码：</span>
<span>{{ resData.taskCode }}</span>
</div>
<!-- 数字问卷没有审核人，自动通过的 -->
<div
v-if="resData.isAuditGongye > 0 && projectType !== 21"
class="info-item"
>
<span>服务商审核人：</span>
<span>{{ resData.csoAuditUser }}</span>
</div>
</div>
</div>
</div>
</template>
<script>
import dateFormat from '@/utils/dateFormat';
export default {
props: {
from: String || Number,
resData: Object,
projectType: {
type: [Number, String]
}
},
methods: {
dateFormat(e) {
return dateFormat(e);
}
}
};
</script>
<style></style>
src/packages/task-recored/src/digital-promotion.vue 0 → 100644
<!--
* @Description: 老的-需改为新组件
* @Date: 2021-12-17 13:04:30
-->
<template>
<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">
项目执行人: {{ 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">
项目名称: {{ 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">电话: {{ 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">
项目方: {{ baseInfo.industryEnterpriseName }}
</span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.industryEnterpriseName }}
</span> -->
</div>
<div class="panel-cell">
<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">
任务提交时间: {{ baseInfo.createDt }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.createDt }}</span> -->
</div>
</div>
<div class="panel-row">
<div class="panel-cell">
<span class="panel-cell-label">
任务编码: {{ baseInfo.taskCode }}
</span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.taskCode }}
</span> -->
</div>
</div>
</div>
</div>
<div style="padding:0 29px 29px;background:#fff;margin-top: 20px">
<BiTitle index="2" name="任务内容信息"></BiTitle>
<div class="panel-row">
<!-- 根据后端返回数据 -->
<div class="panel-cell" v-for="(item, k) in ctxInfo" :key="k">
<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">
传递信息 ：
</p>
<div
style="text-indent: 2em;line-height: 25px"
v-for="(item, k) in cdInfo"
:key="k"
>
{{ item.informationName }}
</div>
</div>
</div>
<!-- 图片-->
<div
style=" display: flex;background:#fff;overflow: hidden;margin-top: 10px"
>
<div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>
信息反馈记录:
</p>
<div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="feedBackUrl" alt />
</div>
</div>
<div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>
信息转发记录:
</p>
<div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="forwardUrl" alt />
</div>
</div>
</div>
</div>
</div>
<bi-cover-end title="信息披露"></bi-cover-end>
</div>
</template>
<script>
/* eslint-disable */
import BiTitle from './components/title.vue';
import BiCoverEnd from './components/cover-end';
import createCtxInfo from './client.js';
export default {
name: 'XrkTaskRecord',
components: {
BiCoverEnd,
BiTitle
},
props: {
getBaseInfo: {
type: Function,
default: () => {}
},
getCtxInfo: {
type: Function,
default: () => {}
}
},
data() {
return {
baseInfo: [], //基础信息
ctxInfo: [], //内容信息
visitPlanInformation: '', // 拜访信息
cdInfo: [], // 传递信息
feedBackUrl: '', //反馈记录
forwardUrl: '', //转发记录
visitTargetType: '',
search: {
party: '' //party=1 工业 party=2乙方
},
maxLabelWidth: ''
};
},
async mounted() {
await this.getCtxInfo().then(({ data: { data } }) => {
this.cdInfo = data.cdInfo;
this.feedBackUrl = data.feedBackUrl;
this.forwardUrl = data.forwardUrl;
this.visitPlanInformation = data.visitPlanInformation;
this.visitTargetType = data.visitTargetType;
this.ctxInfo = createCtxInfo(this.visitTargetType, data);
// const labels = this.ctxInfo.map(i => i.label.length);
// this.maxLabelWidth = Math.max.apply(null, labels) * 17 + 'px';
});
let baseInfoFields = [
{ label: '项目执行人', key: 'fullName', value: '' },
{ label: '项目名称', key: 'projectName', value: '' },
{ label: '电话', key: 'phone', value: '' },
{ label: '发行单位', key: 'industryEnterpriseName', value: '' },
{ label: '服务商', key: 'enterpriseName', value: '' },
{ label: '任务提交时间', key: 'createDt', value: '' },
{ label: '任务编码', key: 'taskCode', value: '' }
];
this.$nextTick(() => {
this.getBaseInfo().then(({ data: { data } }) => {
let res = {};
baseInfoFields.map(i => {
res[i.key] = data[i.key];
});
this.baseInfo = res;
});
});
const search = window.location.search
.slice(1)
.split('&')
.reduce((acc, cur) => {
let [key, val] = cur.split('=');
acc[key] = val;
return acc;
}, {});
this.search = search;
}
};
</script>
<style scoped>
.panel-row {
margin-top: 25px;
line-break: auto;
}
.panel-row:not(:last-child) {
border-bottom: 1px solid #f4f4f4;
}
.panel-cell {
display: inline-table;
/* min-height: 50px; */
line-height: 25px;
padding-bottom: 10px;
transform: translateY(1px);
margin-right: 10px;
width: 30%;
color: #9aa2b2;
}
.panel-cell-label {
color: #a9b0bd;
margin-right: 0.5em;
}
.panel-cell-ctx {
display: inline-block;
padding-right: 10px;
}
.task-log-pdf-title {
position: relative;
/*padding-left: 29px;*/
text-indent: 12px;
margin-bottom: 20px;
/*background: #fff;*/
}
.task-log-pdf-title::before {
content: '';
display: block;
width: 5px;
height: 100%;
background: #1989fa;
position: absolute;
left: 0;
top: 0;
}
</style>
src/packages/task-recored/src/main.vue
<!--
* @Description:
* @Date: 2021-12-17 13:04:30
* @Date: 2022-03-23 16:47:37
-->
<template>
<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">
项目执行人: {{ 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">
项目名称: {{ 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">电话: {{ 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">
项目方: {{ baseInfo.industryEnterpriseName }}
</span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.industryEnterpriseName }}
</span> -->
</div>
<div class="panel-cell">
<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">
任务提交时间: {{ baseInfo.createDt }}
</span>
<!-- <span class="panel-cell-ctx">{{ baseInfo.createDt }}</span> -->
</div>
</div>
<div class="panel-row">
<div class="panel-cell">
<span class="panel-cell-label">
任务编码: {{ baseInfo.taskCode }}
</span>
<!-- <span class="panel-cell-ctx">
{{ baseInfo.taskCode }}
</span> -->
</div>
</div>
</div>
</div>
<div style="padding:0 29px 29px;background:#fff;margin-top: 20px">
<BiTitle index="2" name="任务内容信息"></BiTitle>
<div class="panel-row">
<!-- 根据后端返回数据 -->
<div class="panel-cell" v-for="(item, k) in ctxInfo" :key="k">
<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">
传递信息 ：
</p>
<div
style="text-indent: 2em;line-height: 25px"
v-for="(item, k) in cdInfo"
:key="k"
>
{{ item.informationName }}
</div>
</div>
</div>
<!-- 图片-->
<div
style=" display: flex;background:#fff;overflow: hidden;margin-top: 10px"
>
<div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>
信息反馈记录:
</p>
<div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="feedBackUrl" alt />
</div>
</div>
<div
style="display: inline-block;width: 33%;line-height: 50px;color:#9aa2b2"
>
<p class="panel-cell-label" style>
信息转发记录:
</p>
<div style="padding:20px 20px 0 0">
<img style="width: 100%;" :src="forwardUrl" alt />
</div>
</div>
</div>
</div>
</div>
<bi-cover-end title="信息披露"></bi-cover-end>
</div>
<component
:is="componentName"
:resData="resData"
:projectType="projectType"
:from="from"
:taskId="taskId"
></component>
</template>
<script>
/* eslint-disable */
import BiTitle from './components/title.vue';
import BiCoverEnd from './components/cover-end';
import createCtxInfo from './client.js';
<script>
import EditScene from './project-scene/edit-scene.vue';
import DigitalQuestionnaire from './project-scene/digital-questionnaire.vue';
export default {
name: 'XrkTaskRecord',
components: {
BiCoverEnd,
BiTitle
},
name: 'XrkTaskRecordPdf',
props: {
getBaseInfo: {
type: Function,
default: () => {}
from: {
type: [Number, String],
default: '2'
},
getCtxInfo: {
type: Function,
default: () => {}
}
projectType: {
type: [Number, String]
},
data() {
return {
baseInfo: [], //基础信息
ctxInfo: [], //内容信息
visitPlanInformation: '', // 拜访信息
cdInfo: [], // 传递信息
feedBackUrl: '', //反馈记录
forwardUrl: '', //转发记录
visitTargetType: '',
search: {
party: '' //party=1 工业 party=2乙方
taskId: {
type: [String, Number],
default: ''
},
maxLabelWidth: ''
};
componentName: {
type: String,
default: 'DigitalQuestionnaire'
}
},
async mounted() {
await this.getCtxInfo().then(({ data: { data } }) => {
this.cdInfo = data.cdInfo;
this.feedBackUrl = data.feedBackUrl;
this.forwardUrl = data.forwardUrl;
this.visitPlanInformation = data.visitPlanInformation;
this.visitTargetType = data.visitTargetType;
this.ctxInfo = createCtxInfo(this.visitTargetType, data);
// const labels = this.ctxInfo.map(i => i.label.length);
// this.maxLabelWidth = Math.max.apply(null, labels) * 17 + 'px';
});
let baseInfoFields = [
{ label: '项目执行人', key: 'fullName', value: '' },
{ label: '项目名称', key: 'projectName', value: '' },
{ label: '电话', key: 'phone', value: '' },
{ label: '发行单位', key: 'industryEnterpriseName', value: '' },
{ label: '服务商', key: 'enterpriseName', value: '' },
{ label: '任务提交时间', key: 'createDt', value: '' },
{ label: '任务编码', key: 'taskCode', value: '' }
];
this.$nextTick(() => {
this.getBaseInfo().then(({ data: { data } }) => {
let res = {};
baseInfoFields.map(i => {
res[i.key] = data[i.key];
});
this.baseInfo = res;
});
});
const search = window.location.search
.slice(1)
.split('&')
.reduce((acc, cur) => {
let [key, val] = cur.split('=');
acc[key] = val;
return acc;
}, {});
this.search = search;
components: {
EditScene,
DigitalQuestionnaire
}
};
</script>
<style scoped>
.panel-row {
margin-top: 25px;
line-break: auto;
}
.panel-row:not(:last-child) {
border-bottom: 1px solid #f4f4f4;
}
.panel-cell {
display: inline-table;
/* min-height: 50px; */
line-height: 25px;
padding-bottom: 10px;
transform: translateY(1px);
margin-right: 10px;
width: 30%;
color: #9aa2b2;
}
.panel-cell-label {
color: #a9b0bd;
margin-right: 0.5em;
}
.panel-cell-ctx {
display: inline-block;
padding-right: 10px;
}
.task-log-pdf-title {
position: relative;
/*padding-left: 29px;*/
text-indent: 12px;
margin-bottom: 20px;
/*background: #fff;*/
}
.task-log-pdf-title::before {
content: '';
display: block;
width: 5px;
height: 100%;
background: #1989fa;
position: absolute;
left: 0;
top: 0;
<style scoped>
@import url('./style/index.css');
.template-container {
text-align: left;
}
</style>
src/packages/task-recored/src/project-scene/digital-questionnaire.vue 0 → 100644
<!--
* @Description:
* @Date: 2022-03-23 16:47:37
-->
<template>
<div class="template-container">
<Header :from="from" :projectType="projectType" :resData="resData"></Header>
<Configurable :resData="resData" :projectType="projectType">
<template v-slot:information>
<div>
<!-- <div class="information">
<img :src="resData.channelInformation.picUrl" />
<div style="margin:10px">
<span>资讯标题：</span>
<strong>
{{ resData.channelInformation.title }}
</strong>
</div>
</div> -->
<div
class="information-content"
v-html="resData.channelInformation.content"
></div>
</div>
</template>
</Configurable>
<Footer></Footer>
</div>
</template>
<script>
import Footer from '../components/base/footer.vue';
import Header from '../components/base/header.vue';
import Configurable from '../components/base/configurable.vue';
import { numQuestTaskInfo } from '../api';
export default {
name: 'digital-questionnaire',
props: {
from: {
type: String,
default: '2'
},
projectType: {
type: [Number, String]
},
taskId: {
type: [String, Number],
default: ''
}
},
components: {
Footer,
Header,
Configurable
},
data() {
return {
resData: {}
};
},
created() {
numQuestTaskInfo({ taskId: this.taskId }).then(res => {
this.resData = res.data;
});
}
};
</script>
<style scoped lang="scss">
@import url('../style/index.css');
.template-container {
text-align: left;
}
.information {
display: flex;
align-items: center;
margin: 15px;
img {
width: 300px;
height: 150px;
}
&-content {
margin: 0 auto;
width: 1000px;
video {
width: 100%;
object-fit: contain;
height: 100%;
}
}
}
</style>
<style lang="scss">
.information-content {
img {
width: 1000px;
object-fit: contain;
height: 100%;
}
p {
line-height: 1.5 !important;
}
}
</style>
src/packages/task-recored/src/project-scene/edit-scene.vue 0 → 100644
<!--
* @Description:
* @Date: 2022-03-23 16:47:37
-->
<template>
<div class="template-container">
<Header :from="from" :projectType="projectType" :resData="resData"></Header>
<Configurable
:resData="resData"
:projectType="projectType"
:from="from"
:taskId="taskId"
></Configurable>
<Footer></Footer>
</div>
</template>
<script>
import Footer from '../components/base/footer.vue';
import Header from '../components/base/header.vue';
import Configurable from '../components/base/configurable.vue';
import { makeSceneTaskInfo } from '../api';
export default {
name: 'editScene',
props: {
from: {
type: [Number, String],
default: '2'
},
projectType: {
type: [Number, String]
},
taskId: {
type: [String, Number],
default: ''
}
},
components: {
Footer,
Header,
Configurable
},
data() {
return {
resData: {}
};
},
created() {
makeSceneTaskInfo({ taskId: this.taskId }).then(res => {
this.resData = res.data;
});
}
};
</script>
<style scoped>
@import url('../style/index.css');
.template-container {
text-align: left;
}
</style>
src/packages/task-recored/src/style/index.css 0 → 100644
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: >1%,last 2 versions
*/
@page {
size: A4;
margin: 20px 15px 20px 10px;
}
* {
font-family: SimSun;
}
body,
div,
p {
margin: 0;
padding: 0;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
/* background-color: #f9fafc; */
background-color: #fff;
/* padding-top: 50px; */
}
.title {
margin: 0 auto 0 auto;
width: 1190px;
font-size: 25px;
font-weight: bold;
position: relative;
/* height: 44px; */
line-height: 44px;
padding-left: 12px;
padding-top: 50px;
padding-bottom: 22px;
background-color: #f9fafc;
}
.title::before {
content: '';
width: 5px;
height: 26px;
background: #1989fa;
position: absolute;
left: 0;
top: 59px;
/* -webkit-transform: translateY(-50%);
transform: translateY(-50%); */
}
.block_box {
margin: 0 auto;
width: 1190px;
padding: 14px 14px 34px 14px;
background-color: #fff;
}
.block_box + .block_box {
/* margin-top: 36px; */
border-top: 36px solid #f9fafc;
}
.bi_title {
line-height: 0;
height: 70px;
border-bottom: 1px solid #efefef;
page-break-inside: avoid;
}
.bi_title_text {
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
padding-top: 20px;
}
.bi_title_text_content {
height: 33px;
font-size: 22px;
position: relative;
background: #1989fa;
width: 237px;
padding-left: 60px;
line-height: 33px;
display: inline-block;
vertical-align: top;
}
.bi_title_text_index {
position: absolute;
width: 35px;
height: 35px;
background: #ffffff;
border: 2px solid #1989fa;
border-radius: 4px;
font-size: 22px;
line-height: 33px;
color: #1989fa;
text-align: center;
left: 16px;
top: -7px;
}
.bi_title_text_icon {
/* position: absolute;
right: -61px;
top: 0; */
/* margin-left: -9px; */
display: inline-block;
vertical-align: bottom;
position: absolute;
left: 237px;
top: 20px;
}
.info {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 1px;
line-height: 0;
border-bottom: 1px solid #efefef;
overflow: hidden;
}
.info-item {
display: inline-block;
font-size: 16px;
line-height: 1.5;
color: #6f7a91;
padding-right: 30px;
/* display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; */
word-break: break-all;
padding: 50px 0;
/* border-top: 1px solid #efefef; */
vertical-align: top;
padding-left: 10px;
padding-bottom: 200px;
margin-bottom: -150px;
position: relative;
}
.info-item::after {
content: '';
width: 9999px;
height: 1px;
position: absolute;
left: 0;
top: 0;
background-color: #efefef;
}
.info-item:nth-child(1)::after,
.info-item:nth-child(2)::after,
.info-item:nth-child(3)::after {
height: 0;
}
.info-item.warp {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.info-item.warp img {
width: 180px;
height: 180px;
display: block;
margin: 5px 0;
}
.info-item > span:first-child {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.info-item:nth-child(3n + 1) {
width: 390px;
}
.info-item:nth-child(3n + 2) {
width: 400px;
}
.info-item:nth-child(3n + 3) {
-ms-flex-negative: 1;
flex-shrink: 1;
width: 360px;
padding-right: 70px;
margin-right: 10px;
}
.info-item > div:nth-child(2) {
line-height: 1.5;
}
.info-item > div:nth-child(2) > img {
height: 265px;
}
.question-item {
margin-top: 22px;
padding: 27px 35px;
background: #f9fafc;
page-break-inside: avoid;
}
.question-item-title {
width: 100%;
font-size: 18px;
color: #2a3558;
line-height: 30px;
}
.question-item-title > div {
background: #ffffff;
border: 1px solid #cecece;
padding: 4px 30px 4px 18px;
font-size: 18px;
float: right;
display: inline;
margin-right: 50px;
width: 400px;
}
.question-item-option {
font-size: 18px;
color: #2a3558;
margin-top: 30px;
line-height: 1.3;
}
.question-item-option + .question-item-option {
margin-top: 40px;
}
.question-item-option::before {
content: '';
width: 40px;
height: 20px;
background-image: url('http://cdn.yxvzb.com/WEB/SaaS/template/images/bi-s.png?v=1');
background-size: 20px 20px;
background-repeat: no-repeat;
/* border: 1px solid #707070; */
/* border-radius: 18px; */
display: inline-block;
/* margin-right: 18px; */
}
.question-item-option.checkbox::before {
content: '';
width: 40px;
height: 20px;
background-image: url('http://cdn.yxvzb.com/WEB/SaaS/template/images/bi-s-1.png?v=1');
background-size: 20px 20px;
background-repeat: no-repeat;
/* border: 1px solid #707070; */
/* border-radius: 18px; */
display: inline-block;
/* margin-right: 18px; */
}
.question-item-answer {
font-size: 22px;
color: #2a3558;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.question-item-answer img {
-o-object-fit: cover;
object-fit: cover;
width: 180px;
height: 180px;
margin: 5px;
}
.question-item-11 {
border-bottom: 1px solid #efefef;
padding-top: 50px;
padding-bottom: 50px;
}
.question-item-11-title {
font-size: 20px;
font-weight: bold;
color: #2a3558;
}
.question-item-11-options {
margin-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
line-height: 1.5;
color: #6f7a91;
}
.question-item-11-options > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.question-item-11-options > div > div {
margin-top: 30px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.question-item-11-options > div > div > img {
width: 180px;
margin: 5px;
border: 1px solid #efefef;
}
.question-item-6 {
padding-top: 50px;
padding-bottom: 0;
}
.question-item-6-title {
font-size: 26px;
color: #2a3558;
}
.question-item-6-options {
margin-top: 60px;
font-size: 21px;
color: #6f7a91;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
page-break-inside: avoid;
}
.question-item-6-options > p {
line-height: 1.5;
}
.question-item-6-options > img {
width: 181px;
height: 181px;
margin-right: 39px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.question-item-11 .info {
border: none;
padding: 60px 0 0 0;
}
.question-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.question-info .info-item {
padding-top: 55px;
}
.question-info .info-item .img-inline {
/* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; */
font-size: 12px;
}
.question-info .info-item .img-inline img {
display: inline-block;
}
.question-info .info-item img {
width: 180px;
margin: 5px;
border: 1px solid #efefef;
}
.question-info .info-item.block1 {
width: 100% !important;
}
.question-info .info-item:nth-child(3n + 1) {
width: 390px;
}
.question-info .info-item:nth-child(3n + 2) {
width: 400px;
}
.content-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.left-bar {
line-height: 136px;
}
.content-title-text {
letter-spacing: 4px;
margin: 0 30px;
font-size: 28px;
font-family: SimSun;
font-weight: 600;
color: #000000;
line-height: 136px;
}
.content-body-span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.right-bar {
line-height: 136px;
}
.content-body {
width: 1190px;
padding: 11px;
background-color: #ffffff;
margin: 0 auto;
}
.content-body-title {
text-align: left;
font-size: 16px;
font-family: SimSun;
font-weight: 600;
color: #333333;
line-height: 32px;
}
.content-body-text {
text-align: left;
font-size: 14px;
font-family: SimSun;
font-weight: 400;
color: #666666;
line-height: 28px;
white-space: normal;
word-break: break-all;
word-wrap: break-word;
}
.content-body-img {
text-align: left;
}
.content-body-div {
font-family: SimSun;
display: inline-block;
width: 15%;
margin: 0 -3px;
height: 50px;
border: 1px solid #000;
line-height: 25px;
}
.content-body-content {
text-align: left;
font-size: 12px;
color: #666666;
}
.content-module {
border: 1px solid rgba(169, 199, 228, 0.19);
padding: 15px;
}
.static-content-module {
border: 1px solid rgba(169, 199, 228, 0.19);
padding: 8px 25px;
}
src/utils/dateFormat.js 0 → 100644
/*
* @Description:
* @Date: 2019-08-02 15:05:16
*/
export default (date, fmt = 'YYYY-MM-DD HH:mm:ss') => {
if (!date) {
return '';
}
if (typeof date === 'string') {
date = new Date(date.replace(/-/g, '/'));
}
if (typeof date === 'number') {
date = new Date(date);
}
var o = {
'M+': date.getMonth() + 1,
'D+': date.getDate(),
'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12,
'H+': date.getHours(),
'm+': date.getMinutes(),
's+': date.getSeconds(),
'q+': Math.floor((date.getMonth() + 3) / 3),
S: date.getMilliseconds()
};
var week = {
'0': '\u65e5',
'1': '\u4e00',
'2': '\u4e8c',
'3': '\u4e09',
'4': '\u56db',
'5': '\u4e94',
'6': '\u516d'
};
if (/(Y+)/.test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
(date.getFullYear() + '').substr(4 - RegExp.$1.length)
);
}
if (/(E+)/.test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
(RegExp.$1.length > 1
? RegExp.$1.length > 2
? '\u661f\u671f'
: '\u5468'
: '') + week[date.getDay() + '']
);
}
for (var k in o) {
if (new RegExp('(' + k + ')').test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
);
}
}
return fmt;
};
src/utils/http.js 0 → 100644
/*
* @Description:
* @Date: 2022-03-23 16:47:37
*/
import axios from 'axios';
import qs from 'qs';
const envMappings = {
development: 'https://saas-crm-wx.jimijiayuan.cn',
development106: 'https://saas-crm-wx-1.jimijiayuan.cn',
preProduction: 'https://saas-crm-wx-1.myxrk.cn',
production: 'https://crm-wx.yxvzb.com',
'dev-105': '//saas-crm-wx.jimijiayuan.cn',
'dev-106': '//saas-crm-wx-1.jimijiayuan.cn',
'dev-hw105': '//hw105-crm-wx.jimijiayuan.cn',
'dev-hw106': '//hw106-crm-wx.jimijiayuan.cn',
pre: '//saas-crm-wx-1.myxrk.cn',
pro: '//crm-wx.yxvzb.com'
};
const env = qs.parse(location.href.split('?')[1]).env;
const service = axios.create({
baseURL: envMappings[env || 'pro'],
timeout: 1000 * 60 * 5
});
console.log(envMappings[env || 'pro'], env, 'bi component');
export function get(url, params) {
return new Promise((resolve, reject) => {
service
.get(url, {
params: params
})
.then(res => {
resolve(res.data);
})
.catch(err => {
reject(err.data);
});
});
}
export function post(url, params) {
return new Promise((resolve, reject) => {
service
.post(url, qs.stringify(params))
.then(res => {
resolve(res.data);
})
.catch(err => {
reject(err.data);
});
});
}
webpack.config.js
......@@ -6,7 +6,9 @@
const path = require('path');
const webpack = require('webpack');
const os = require('os');
function resolve(dir) {
return path.join(__dirname, dir);
}
///获取本机ipV4地址
function getIPAdress() {
var interfaces = os.networkInterfaces();
......@@ -76,7 +78,8 @@ module.exports = {
},
resolve: {
alias: {
vue$: 'vue/dist/vue.esm.js'
vue$: 'vue/dist/vue.esm.js',
'@': resolve('src')
},
extensions: ['*', '.js', '.vue', '.json']
},
......@@ -86,8 +89,10 @@ module.exports = {
noInfo: true,
overlay: true,
proxy: {
'/relaCustomer': {
target: 'http://172.28.61.8:8888/'
'/rest': {
target: 'https://saas-crm-wx.jimijiayuan.cn',
changeOrigin: true,
secure: false
}
}
},
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!