张雄 3 years ago
parent 43cbd4ea14
commit 64faafee9d

@ -84,7 +84,7 @@ export default {
sEndTime: "", sEndTime: "",
}, },
selDatas: [], selDatas: [],
offsetDays: 86400000 * 30, //7 //offsetDays: 86400000 * 30, //7
timeShow: true timeShow: true
}; };
}, },
@ -141,7 +141,7 @@ export default {
if (this.form.sTimeType != 4) { if (this.form.sTimeType != 4) {
this.form.sStartTime = ""; this.form.sStartTime = "";
this.form.sEndTime = ""; this.form.sEndTime = "";
this.setCommTime({sTimeType: this.form.sTimeType}); this.setCommTime({sTimeType: this.form.sTimeType}); //
this.selTime = null; this.selTime = null;
this.reload(); this.reload();
} }
@ -193,26 +193,7 @@ export default {
}, },
/// ///
disabledDate(current) { disabledDate(current) {
if (this.selectPriceDate) { return current > moment();
let selectV = moment(
this.selectPriceDate,
"YYYY-MM-DD"
).valueOf();
return (
current >
moment(
new Date(selectV + this.offsetDays),
"YYYY-MM-DD"
) ||
current <
moment(
new Date(selectV - this.offsetDays),
"YYYY-MM-DD"
)
);
} else {
return false;
}
}, },
}, },
}; };

@ -121,9 +121,9 @@ export default {
.bd-inner { .bd-inner {
width: 100%; width: 100%;
height: calc(100% - 48px); height: calc(100% - 48px);
margin-left: 18px; margin-left: -24px;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
} }
} }

@ -125,10 +125,10 @@ export default {
} }
.wtc-inner { .wtc-inner {
width: 100%; width: 100%;
margin-left: 18px;
height: calc(100% - 48px); height: calc(100% - 48px);
margin-left: -24px;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
} }
} }

@ -66,7 +66,7 @@ export default {
}); });
this.darr = arr2; this.darr = arr2;
this.config = { this.config = {
headerBGC: "#1b4062", headerBGC: "rgba(16,33,59)",
oddRowBGC: "#173b6d", oddRowBGC: "#173b6d",
evenRowBGC: "rgba(69, 149, 244, 0)", evenRowBGC: "rgba(69, 149, 244, 0)",
columnWidth: [440, 120, 120], columnWidth: [440, 120, 120],

@ -16,7 +16,7 @@
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
<div class="wp-in-d2"> <div class="wp-in-d2">
<vue-scroll v-if="labelData.length<=3"> <div v-if="labelData.length<=3">
<v-label-ctx v-for="(item,index) in labelData" <v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key" :key="index" :label="item.key"
:cont="item.value" :cont="item.value"
@ -24,7 +24,7 @@
:color="colors[index]" :color="colors[index]"
:eStyle="{ height: '7.6rem' }"> :eStyle="{ height: '7.6rem' }">
</v-label-ctx> </v-label-ctx>
</vue-scroll> </div>
<vue-scroll v-if="labelData.length>3"> <vue-scroll v-if="labelData.length>3">
<v-label-ctx v-for="(item,index) in labelData" <v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key" :key="index" :label="item.key"

@ -116,11 +116,7 @@ export default {
// 导出弹框 // 导出弹框
handlerExport() { handlerExport() {
this.getToExcelField(this.form.sType, this.form.token).then(() => { this.getToExcelField(this.form.sType, this.form.token).then(() => {
// if(this.secIds.length===0 || this.secIds.length===1){ this.execlForm.sFileName = this.form.sBrand + this.form.sSeriesName + '事件洞察' + this.getDatetimeSs();
// this.execlForm.sFileName = '事件洞察' + this.getDatetimeSs();
// } else {
this.execlForm.sFileName = this.form.sBrand + this.form.sSeriesName + '事件洞察' + this.getDatetimeSs();
// }
this.execlForm.sCheckedIds = this.tableAll ? '' : this.secIds.toString(); this.execlForm.sCheckedIds = this.tableAll ? '' : this.secIds.toString();
this.execlForm.iNum = this.tableAll ? this.totalNum : this.secIds.length; this.execlForm.iNum = this.tableAll ? this.totalNum : this.secIds.length;
this.modalObj.visible = true; this.modalObj.visible = true;
@ -277,25 +273,23 @@ export default {
}, },
//根据选择的开始时间/结束时间,动态渲染要禁用的日期 //根据选择的开始时间/结束时间,动态渲染要禁用的日期
disabledDate(current) { disabledDate(current) {
if (this.selectPriceDate) { return current > moment();
let selectV = moment( // if (this.selectPriceDate) {
this.selectPriceDate, // let selectV = moment(
"YYYY-MM-DD" // this.selectPriceDate,
).valueOf(); // "YYYY-MM-DD"
return ( // ).valueOf();
current > // return (
moment( // current >
new Date(selectV + this.offsetDays), // moment() ||
"YYYY-MM-DD" // current <
) || // moment(
current < // new Date(selectV - this.offsetDays),
moment( // "YYYY-MM-DD"
new Date(selectV - this.offsetDays), // )
"YYYY-MM-DD" // );
) // } else {
); // return false;
} else { // }
return false;
}
}, },
} }

@ -11,7 +11,7 @@
<v-label-div title="切换车型"> <v-label-div title="切换车型">
<v-btn @click="goback"></v-btn> <v-btn @click="goback"></v-btn>
</v-label-div> </v-label-div>
<div class="mccm-inner" style="margin-left:1.7rem"> <div class="mccm-inner">
<template v-for="(item, index) in list"> <template v-for="(item, index) in list">
<div :key="index" style="display: flex; justify-content: flex-start"> <div :key="index" style="display: flex; justify-content: flex-start">
<div class="mccm-item"> <div class="mccm-item">
@ -22,7 +22,7 @@
<div> <div>
<a-form-model <a-form-model
:label-col="labelCol" :label-col="labelCol"
:wrapper-col="wrapperCol"
style="width: 100%" style="width: 100%"
> >
<a-form-model-item label="开始时间"> <a-form-model-item label="开始时间">
@ -32,9 +32,9 @@
type="date" type="date"
placeholder="开始时间" placeholder="开始时间"
valueFormat="YYYY-MM-DD HH:mm:ss" valueFormat="YYYY-MM-DD HH:mm:ss"
style="width: 100%" style="width: 82%; margin-left:18px"
@change="handlerTime(item)" @change="handlerTime(item)"
><a-icon slot="suffixIcon" type="{null}" /></a-date-picker> ></a-date-picker>
</a-form-model-item> </a-form-model-item>
<a-form-model-item label="结束时间"> <a-form-model-item label="结束时间">
<a-date-picker <a-date-picker
@ -43,9 +43,9 @@
type="date" type="date"
placeholder="结束时间" placeholder="结束时间"
valueFormat="YYYY-MM-DD HH:mm:ss" valueFormat="YYYY-MM-DD HH:mm:ss"
style="width: 100%" style="width: 82%; margin-left:18px"
@change="handlerTime(item)" @change="handlerTime(item)"
><a-icon slot="suffixIcon" type="{null}" /></a-date-picker> ></a-date-picker>
</a-form-model-item> </a-form-model-item>
</a-form-model> </a-form-model>
</div> </div>
@ -253,16 +253,17 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.mccm-outter { .mccm-outter {
width: 1888px; width: 1888px;
height: 276px; height: 376px;
border: 2px solid #0f2a4d; border: 2px solid #0f2a4d;
.mccm-inner { .mccm-inner {
width: 100%; width: 100%;
height: calc(100% - 48px); height: calc(100% - 48px);
margin-left:1.7rem;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
.mccm-item { .mccm-item {
width: 240px; width: 240px;
height: 200px; height: 290px;
background: linear-gradient(180deg, #003a62 0%, #001c43 100%); background: linear-gradient(180deg, #003a62 0%, #001c43 100%);
border: 2px solid #0e5193; border: 2px solid #0e5193;
margin-top: 13px; margin-top: 13px;

@ -126,8 +126,9 @@ export default {
.bd-inner { .bd-inner {
width: 100%; width: 100%;
height: calc(100% - 48px); height: calc(100% - 48px);
margin-left: -24px;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
} }
} }

@ -131,9 +131,9 @@ export default {
.wtc-inner { .wtc-inner {
width: 100%; width: 100%;
height: calc(100% - 48px); height: calc(100% - 48px);
margin-left: 18px; margin-left: -24px;
display: flex; display: flex;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
} }
} }

@ -69,7 +69,7 @@ export default {
UserTo10.forEach((ele) => { UserTo10.forEach((ele) => {
let a = [ let a = [
`<span>用户名:${ele.key}</span>`, `<span>用户名:${ele.key}</span>`,
`<span>发帖量${ele.value}</span>`, `<span>影响力${ele.value}</span>`,
]; ];
list.push(a); list.push(a);
}); });
@ -78,7 +78,7 @@ export default {
oddRowBGC: "#173b6d", oddRowBGC: "#173b6d",
evenRowBGC: "rgba(69, 149, 244, 0)", evenRowBGC: "rgba(69, 149, 244, 0)",
rowNum: 9, rowNum: 9,
header: ["TOP10发帖用户"], header: ["TOP用户"],
data: list, data: list,
}; };
this.load = false; this.load = false;

@ -68,7 +68,7 @@ export default {
UserTo10.forEach((ele) => { UserTo10.forEach((ele) => {
let a = [ let a = [
`<span>用户名:${ele.key}</span>`, `<span>用户名:${ele.key}</span>`,
`<span>发帖量${ele.value}</span>`, `<span>影响力${ele.value}</span>`,
]; ];
list.push(a); list.push(a);
}); });
@ -77,7 +77,7 @@ export default {
oddRowBGC: "#173b6d", oddRowBGC: "#173b6d",
evenRowBGC: "rgba(69, 149, 244, 0)", evenRowBGC: "rgba(69, 149, 244, 0)",
rowNum: 9, rowNum: 9,
header: ["TOP10发帖用户"], header: ["TOP用户"],
data: list, data: list,
}; };
this.load = false; this.load = false;

@ -92,7 +92,7 @@ export default {
token: this.getToken, token: this.getToken,
action: "getList", action: "getList",
sType: "BrandData", sType: "BrandData",
brand: this.form.sBrand, //brand: this.form.sBrand,
seriesName: this.form.sSeriesName, seriesName: this.form.sSeriesName,
title: "车型-行业数据", title: "车型-行业数据",
}, },

@ -74,7 +74,7 @@ export default {
}); });
this.darr = arr2; this.darr = arr2;
this.config = { this.config = {
headerBGC: "#1b4062", headerBGC: "rgba(16,33,59)",
oddRowBGC: "#173b6d", oddRowBGC: "#173b6d",
evenRowBGC: "rgba(69, 149, 244, 0)", evenRowBGC: "rgba(69, 149, 244, 0)",
columnWidth: [400], columnWidth: [400],

@ -16,20 +16,20 @@
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
<div class="wp-in-d2"> <div class="wp-in-d2">
<vue-scroll v-if="labelData.length<=3"> <div v-if="labelData.length<=3">
<v-label-ctx v-for="(item,index) in labelData" <v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key" :key="index" :label="item.key"
:cont="item.value" :cont="item.value"
:percentage="(item.value/totalData*100).toFixed(2) +'%'" :percentage="(item.value/totalData*100).toFixed(2) +'%'"
:color="colors[index]" :eStyle="{ height: '7.6rem' }"> :color="colors[index]" :eStyle="{ height: '7.6rem' }">
</v-label-ctx> </v-label-ctx>
</vue-scroll> </div>
<vue-scroll v-if="labelData.length>3"> <vue-scroll v-if="labelData.length>3">
<v-label-ctx v-for="(item,index) in labelData" <v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key" :key="index" :label="item.key"
:cont="item.value" :cont="item.value"
:percentage="(item.value/totalData*100).toFixed(2) +'%'" :percentage="(item.value/totalData*100).toFixed(2) +'%'"
:color="colors[index]" :eStyle="{ height: '3.8rem' }"> :color="colors[index]" :eStyle="{ height: '4.56rem' }">
</v-label-ctx> </v-label-ctx>
</vue-scroll> </vue-scroll>
</div> </div>

@ -21,7 +21,7 @@
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
<div class="d2"> <div class="d2">
<vue-scroll v-if="labelArr.length<=3"> <div v-if="labelArr.length<=3">
<v-label-ctx <v-label-ctx
v-for="(item, index) in labelArr" v-for="(item, index) in labelArr"
:key="index" :key="index"
@ -31,7 +31,7 @@
:color="colors[index]" :color="colors[index]"
:eStyle="{ height: '8.54rem' }" :eStyle="{ height: '8.54rem' }"
></v-label-ctx> ></v-label-ctx>
</vue-scroll> </div>
<vue-scroll v-if="labelArr.length>3"> <vue-scroll v-if="labelArr.length>3">
<v-label-ctx <v-label-ctx
v-for="(item, index) in labelArr" v-for="(item, index) in labelArr"

@ -21,7 +21,7 @@
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
<div class="d2"> <div class="d2">
<vue-scroll v-if="labelArr.length<=3"> <div v-if="labelArr.length<=3">
<v-label-ctx <v-label-ctx
v-for="(item, index) in labelArr" v-for="(item, index) in labelArr"
:key="index" :key="index"
@ -31,7 +31,7 @@
:color="colors[index]" :color="colors[index]"
:eStyle="{ height: '8.54rem' }" :eStyle="{ height: '8.54rem' }"
></v-label-ctx> ></v-label-ctx>
</vue-scroll> </div>
<vue-scroll v-if="labelArr.length>3"> <vue-scroll v-if="labelArr.length>3">
<v-label-ctx <v-label-ctx
v-for="(item, index) in labelArr" v-for="(item, index) in labelArr"

Loading…
Cancel
Save