zx-文档除1 4 5外

prod
张雄 3 years ago
parent 888a1c9262
commit 36960fd63b

@ -49,7 +49,7 @@ export function getEventsSourceTypeByEventsType0528(params) {
} }
// 品牌数据-数据传播总量 // 品牌数据-数据传播总量
export function getBrandOverviewCount0528(params) { export function getBrandOverviewCount0528(params) {
let obj = Object.assign({action: 'getBrandOverviewCount0528', sType: 'BrandOverview'}, params) let obj = Object.assign({action: 'getBrandOverviewCount0528', sType: 'HotEvent0528'}, params)
return httpService({ return httpService({
url: `/api/v6.ashx`, url: `/api/v6.ashx`,
method: 'post', method: 'post',

@ -49,7 +49,7 @@ export function getEventsSourceTypeByEventsType0528(params) {
} }
// 品牌数据-数据传播总量 // 品牌数据-数据传播总量
export function getBrandOverviewCount0528(params) { export function getBrandOverviewCount0528(params) {
let obj = Object.assign({action: 'getBrandOverviewCount0528', sType: 'BrandOverview'}, params) let obj = Object.assign({action: 'getBrandOverviewCount0528', sType: 'HotEvent0528'}, params)
return httpService({ return httpService({
url: `/api/v6.ashx`, url: `/api/v6.ashx`,
method: 'post', method: 'post',

@ -10,7 +10,7 @@
<div class="bt-outter" v-loading="load"> <div class="bt-outter" v-loading="load">
<v-label-div title="品牌TOP车型"></v-label-div> <v-label-div title="品牌TOP车型"></v-label-div>
<div class="bt-inner"> <div class="bt-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
@ -28,7 +28,7 @@ export default {
token: "", token: "",
sBrand: '奥迪', sBrand: '奥迪',
}, },
opt: {} opt: {},
} }
}, },
created() { created() {
@ -51,6 +51,12 @@ export default {
this.opt = createOpt(dx,ds); this.opt = createOpt(dx,ds);
this.load = false; this.load = false;
}) })
},
clickEchars(data) {
let ele = data[0];
let model = ele.axisValueLabel;
this.setModel({name: model});
this.$router.push("/modelInsight");
} }
} }
} }

@ -11,10 +11,10 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx = [], ds = []) { export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
top: "16px", top: "15%",
left: "16px", left: "3%",
right: "16px", right: "5%",
bottom: "16px", bottom: "3%",
containLabel: true, containLabel: true,
}, },
tooltip: { tooltip: {
@ -42,11 +42,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -11,10 +11,10 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx=[], ds = []) { export default function createOpt(dx=[], ds = []) {
return { return {
grid: { grid: {
top: "16px", top: "15%",
left: "16px", left: "3%",
right: "16px", right: "5%",
bottom: "16px", bottom: "3%",
containLabel: true, containLabel: true,
}, },
tooltip: { tooltip: {
@ -33,11 +33,19 @@ export default function createOpt(dx=[], ds = []) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -10,7 +10,7 @@
<div class="stm-outter" v-loading="load"> <div class="stm-outter" v-loading="load">
<v-label-div title="传播TOP车型" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div> <v-label-div title="传播TOP车型" :showLine="false" :eStyle="{'border-style': 'none'}"></v-label-div>
<div class="stm-inner"> <div class="stm-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
@ -51,7 +51,13 @@ export default {
this.opt = createOpt(dx, ds); this.opt = createOpt(dx, ds);
this.load = false; this.load = false;
}) })
} },
clickEchars(data) {
let ele = data[0];
let model = ele.axisValueLabel;
this.setModel({name: model});
this.$router.push("/modelInsight");
}
} }
} }
</script> </script>

@ -52,7 +52,7 @@ export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
left: '3%', left: '3%',
right: '2%', right: '5%',
bottom: '3%', bottom: '3%',
top: '15%', top: '15%',
containLabel: true containLabel: true
@ -94,11 +94,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -16,8 +16,23 @@
<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> <vue-scroll v-if="labelData.length<=3">
<v-label-ctx v-for="(item,index) in labelData" :key="index" :label="item.key" :cont="item.value" :percentage="(item.value/totalData*100).toFixed(2) +'%'" :color="colors[index]" :eStyle="{ height: '7.6rem' }"></v-label-ctx> <v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key"
:cont="item.value"
:percentage="(item.value/totalData*100).toFixed(2) +'%'"
:color="colors[index]"
:eStyle="{ height: '7.6rem' }">
</v-label-ctx>
</vue-scroll>
<vue-scroll v-if="labelData.length>3">
<v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key"
:cont="item.value"
:percentage="(item.value/totalData*100).toFixed(2) +'%'"
:color="colors[index]"
:eStyle="{ height: '3.8rem' }">
</v-label-ctx>
</vue-scroll> </vue-scroll>
</div> </div>
</div> </div>

@ -11,10 +11,10 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx = [], ds = []) { export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
top: "16px", top: "15%",
left: "16px", left: "3%",
right: "16px", right: "5%",
bottom: "16px", bottom: "3%",
containLabel: true, containLabel: true,
}, },
tooltip: { tooltip: {
@ -42,11 +42,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -7,6 +7,7 @@
* @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
*/ */
import * as echarts from "echarts"; import * as echarts from "echarts";
import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx=[], ds=[],sTimeType = 20) { export default function createOpt(dx=[], ds=[],sTimeType = 20) {
return { return {
@ -71,6 +72,12 @@ export default function createOpt(dx=[], ds=[],sTimeType = 20) {
color: "#fff", color: "#fff",
}, },
}, },
axisLabel: {
formatter: (value) => {
let str = bigNumberTransform(value);
return str;
}
},
splitLine: { splitLine: {
lineStyle: { lineStyle: {
type: "dashed", // y轴分割线类型 type: "dashed", // y轴分割线类型

@ -18,7 +18,7 @@
{{this.form.sBrand}} {{this.form.sBrand}}
</div> </div>
<div class="d2"> <div class="d2">
洞察分析{{msg}} 洞察分析<span v-html="msg"></span>
</div> </div>
</div> </div>
</div> </div>

@ -13,7 +13,7 @@ export default function createOptD1(dx = [], ds = []) {
grid: { grid: {
top: "16px", top: "16px",
left: "16px", left: "16px",
right: "16px", right: "20px",
bottom: "16px", bottom: "16px",
containLabel: true, containLabel: true,
}, },
@ -42,11 +42,19 @@ export default function createOptD1(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -43,7 +43,7 @@ export default function createOptD2(dx = [], ds = []) {
return { return {
grid: { grid: {
left: 16, left: 16,
right: 16, right: 20,
bottom: 16, bottom: 16,
top: 50, top: 50,
containLabel: true containLabel: true
@ -81,11 +81,19 @@ export default function createOptD2(dx = [], ds = []) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -16,8 +16,11 @@
</div> </div>
</vLabel-div> </vLabel-div>
<div class="tl-bd"> <div class="tl-bd">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
</div> </div>
<a-modal title="提示" :visible="visible" @ok="handleOk" @cancel="handleCancel">
<p>{{ ModalText }}</p>
</a-modal>
</div> </div>
</template> </template>
@ -33,7 +36,10 @@ export default {
sQueryType: 1 sQueryType: 1
}, },
opt: {}, opt: {},
pdata: [] pdata: [],
visible: false,
ModalText: ""
} }
}, },
created() { created() {
@ -67,7 +73,30 @@ export default {
ds.push(value) ds.push(value)
}); });
this.opt = createOpt(dy,ds); this.opt = createOpt(dy,ds);
} },
handleCancel() {
this.visible = false;
},
handleOk() {
this.$router.push('/login')
},
clickEchars(data) {
if (!this.getToken) {
this.visible = true;
this.ModalText = "您还未登录,是否前往登录"
return;
}
let ele = data[0];
if(this.type === 1) {
let model = ele.axisValueLabel
this.setModel({name: model});
this.$router.push("/modelInsight");
} else {
let brand = ele.axisValueLabel;
this.setBrand({brandname: brand});
this.$router.push("/brandInsight");
}
}
} }
}; };
</script> </script>

@ -11,7 +11,7 @@
<v-label-div title="品牌销量榜TOP10排行"> <v-label-div title="品牌销量榜TOP10排行">
</v-label-div> </v-label-div>
<div class="bsrt-inner"> <div class="bsrt-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
@ -53,6 +53,12 @@ export default {
this.load = false; this.load = false;
}); });
}, },
clickEchars(data) {
let ele = data[0];
let brand = ele.axisValueLabel;
this.setBrand({brandname: brand});
this.$router.push("/brandInsight");
}
}, },
}; };
</script> </script>

@ -12,7 +12,7 @@
<v-btn @click="goPath"></v-btn> <v-btn @click="goPath"></v-btn>
</v-label-div> </v-label-div>
<div class="bvt-inner"> <div class="bvt-inner">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt" @getData="clickEchars"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
@ -57,6 +57,12 @@ export default {
goPath() { goPath() {
this.$router.push({path: "/mcIndex"}) this.$router.push({path: "/mcIndex"})
}, },
clickEchars(data) {
let ele = data[0];
let brand = ele.axisValueLabel;
this.setBrand({brandname: brand});
this.$router.push("/brandInsight");
}
}, },
}; };
</script> </script>

@ -36,11 +36,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -13,9 +13,9 @@
</v-label-div> </v-label-div>
<div class="mfdh-inner"> <div class="mfdh-inner">
<div class="mfdh-in-d1"> <div class="mfdh-in-d1">
{{this.form.sBrand|doStr(4)}} {{this.form.sSeriesName|doStr(8)}}
</div> </div>
<span class="mfdh-in-d2">{{this.form.sSeriesName|doStr(8)}}</span> <span class="mfdh-in-d2"> </span>
<div class="mfdh-in-d3" style="width: 20rem"> <div class="mfdh-in-d3" style="width: 20rem">
<img class="mfdh-m1" src="../../../assets/images/ModelInsight/ic_cbsj.png" /> <img class="mfdh-m1" src="../../../assets/images/ModelInsight/ic_cbsj.png" />
<div class="mfdh-data"> <div class="mfdh-data">

@ -9,7 +9,7 @@
<template> <template>
<div class="mbd-outter" v-loading="load"> <div class="mbd-outter" v-loading="load">
<v-label-div title="品牌数据"></v-label-div> <v-label-div title="车型数据"></v-label-div>
<div class="mbd-inner"> <div class="mbd-inner">
<div class="mbd-d1"> <div class="mbd-d1">
<div class="d1"> <div class="d1">

@ -53,7 +53,7 @@ export default function createOpt(dx=[], ds=[]) {
return { return {
grid: { grid: {
left: '3%', left: '3%',
right: '2%', right: '5%',
bottom: '3%', bottom: '3%',
top: '15%', top: '15%',
containLabel: true containLabel: true
@ -94,11 +94,19 @@ export default function createOpt(dx=[], ds=[]) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -13,7 +13,7 @@ export default function createOpt(dx=[], ds=[]) {
grid: { grid: {
top: "16px", top: "16px",
left: "16px", left: "16px",
right: "16px", right: "5%",
bottom: "16px", bottom: "16px",
containLabel: true, containLabel: true,
}, },
@ -42,11 +42,19 @@ export default function createOpt(dx=[], ds=[]) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -42,11 +42,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -16,8 +16,21 @@
<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> <vue-scroll v-if="labelData.length<=3">
<v-label-ctx v-for="(item,index) in labelData" :key="index" :label="item.key" :cont="item.value" :percentage="(item.value/totalData*100).toFixed(2) +'%'" :color="colors[index]" :eStyle="{ height: '7.6rem' }"></v-label-ctx> <v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key"
:cont="item.value"
:percentage="(item.value/totalData*100).toFixed(2) +'%'"
:color="colors[index]" :eStyle="{ height: '7.6rem' }">
</v-label-ctx>
</vue-scroll>
<vue-scroll v-if="labelData.length>3">
<v-label-ctx v-for="(item,index) in labelData"
:key="index" :label="item.key"
:cont="item.value"
:percentage="(item.value/totalData*100).toFixed(2) +'%'"
:color="colors[index]" :eStyle="{ height: '3.8rem' }">
</v-label-ctx>
</vue-scroll> </vue-scroll>
</div> </div>
</div> </div>

@ -13,7 +13,7 @@ export default function createOpt(dx = [], ds = []) {
grid: { grid: {
top: "16px", top: "16px",
left: "16px", left: "16px",
right: "16px", right: "5%",
bottom: "16px", bottom: "16px",
containLabel: true, containLabel: true,
}, },
@ -42,11 +42,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel : { axisLabel : {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -11,10 +11,10 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx = [], ds = []) { export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
top: "16px", top: "15%",
left: "16px", left: "3%",
right: "16px", right: "5%",
bottom: "16px", bottom: "3%",
containLabel: true, containLabel: true,
}, },
tooltip: { tooltip: {
@ -42,11 +42,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -15,11 +15,11 @@
</v-label-div> </v-label-div>
<div class="tid-d1-bd"> <div class="tid-d1-bd">
<div class="d1"> <div class="d1">
{{form.sBrand|doStr(4)}} {{form.sSeriesName|doStr(8)}}
</div> </div>
<span class="ss1">{{form.sSeriesName|doStr(8)}}</span> <span class="sModel"></span>
<div class="d2"> <div class="d2">
洞察分析{{msg}} 洞察分析<span v-html="msg"></span>
</div> </div>
</div> </div>
</div> </div>

@ -34,7 +34,7 @@ export default {
form: { form: {
sBrand: "", sBrand: "",
sQingGan: 2, sQingGan: 2,
iSize: 4, iSize: 6,
token: "", token: "",
sSeriesName: "" sSeriesName: ""
}, },

@ -35,7 +35,7 @@ export default {
form: { form: {
sBrand: "", sBrand: "",
sQingGan: 1, sQingGan: 1,
iSize: 4, iSize: 6,
token: "", token: "",
sSeriesName: "" sSeriesName: ""
}, },

@ -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> <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"
:key="index" :key="index"
@ -32,6 +32,17 @@
:eStyle="{ height: '8.54rem' }" :eStyle="{ height: '8.54rem' }"
></v-label-ctx> ></v-label-ctx>
</vue-scroll> </vue-scroll>
<vue-scroll v-if="labelArr.length>3">
<v-label-ctx
v-for="(item, index) in labelArr"
:key="index"
:label="item.key"
:cont="item.value"
:percentage="((item.value / total) * 100).toFixed(2) + '%'"
:color="colors[index]"
:eStyle="{ height: '4.27rem' }"
></v-label-ctx>
</vue-scroll>
</div> </div>
</div> </div>
</div> </div>

@ -36,11 +36,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -15,9 +15,9 @@
</v-label-div> </v-label-div>
<div class="wd-d1-bd"> <div class="wd-d1-bd">
<div class="d1"> <div class="d1">
{{ form.sBrand | doStr(8) }} {{form.sSeriesName| doStr(8)}}
</div> </div>
<span class="sModel">{{form.sSeriesName| doStr(8)}}</span> <span class="sModel"></span>
<div class="d2" style="margin-left: 8rem"> <div class="d2" style="margin-left: 8rem">
<img <img
class="dd1" class="dd1"

@ -18,7 +18,7 @@
{{this.form.sBrand}} {{this.form.sBrand}}
</div> </div>
<div class="d2"> <div class="d2">
洞察分析{{msg}} 洞察分析<span v-html="msg"></span>
</div> </div>
</div> </div>
</div> </div>

@ -106,14 +106,14 @@ export default {
created() { created() {
this.form.token = this.getToken; this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || "奥迪"; this.form.sBrand = this.getBrand.brandname || "奥迪";
this.getUserSeriesName().then(() => { this.getSeriesName().then(() => {
this.getData(); this.getData();
}); });
}, },
methods: { methods: {
// //
getUserSeriesName() { getSeriesName() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let obj = { let obj = {
token: this.getToken, token: this.getToken,

@ -11,10 +11,10 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx = [], ds = []) { export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
top: "16px", top: "15%",
left: "16px", left: "3%",
right: "16px", right: "5%",
bottom: "16px", bottom: "3%",
containLabel: true, containLabel: true,
}, },
tooltip: { tooltip: {
@ -42,11 +42,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

@ -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> <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"
:key="index" :key="index"
@ -32,6 +32,17 @@
:eStyle="{ height: '8.54rem' }" :eStyle="{ height: '8.54rem' }"
></v-label-ctx> ></v-label-ctx>
</vue-scroll> </vue-scroll>
<vue-scroll v-if="labelArr.length>3">
<v-label-ctx
v-for="(item, index) in labelArr"
:key="index"
:label="item.key"
:cont="item.value"
:percentage="((item.value / total) * 100).toFixed(2) + '%'"
:color="colors[index]"
:eStyle="{ height: '4.27rem' }"
></v-label-ctx>
</vue-scroll>
</div> </div>
</div> </div>
</div> </div>

@ -36,11 +36,19 @@ export default function createOpt(dx = [], ds = []) {
axisLabel: { axisLabel: {
formatter: (value) => { formatter: (value) => {
let rex = "00:00:00"; let rex = "00:00:00";
let str = ""; let isCont = false;
if(value.indexOf(rex) === -1) { let str = value;
for(let i = 0;i<dx.length-1;i++){
//连续两条带小时
if(dx[i].indexOf(rex) === -1 && dx[i+1].indexOf(rex) === -1){
isCont = true;
break;
}
}
if(isCont == true) {
str = value.substring(10, 16) str = value.substring(10, 16)
} else { } else {
str = value.substring(0, 10) str = value.substring(5, 10)
} }
return str; return str;
} }

Loading…
Cancel
Save