Skip to content

H
hu-shoujijingfen-h5
Commit 2193009c by chenweisong
Options

init

parent ab0bc293
Showing with 93 additions and 641 deletions
.gitignore
.DS_Store
node_modules
/dist
/kpi
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
### IntelliJ IDEA ###
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
.svn
*.iws
*.iml
*.zip
*.rar
*.ipr
### NetBeans ###
/nbproject/private/
/build/
/nbbuild/
dist/
kpi/
/nbdist/
/.nb-gradle/
node_modules/
\ No newline at end of file
src/components/app/index/area.vue deleted 100644 → 0
<template>
<transition name="slide-fade">
<div v-show="modelVisible"
class="models">
<mt-header title="地区选择">
<span icon="back"
@click="hideModel"
slot="right">×</span>
</mt-header>
<div class="content">
<div class="items">
<!-- // 等级 ，0 是省，1 是市，2 是区或者分公司，3 网格 4 渠道-->
<!-- 省账号进来可以选 省 市 区 -->
<div v-if="userInfo.level == 0">
<div>
<div class="items-header">省份</div>
<div class="items-body">
<div @click="changeProvince()"
class="items-body-item items-body-item-active">全省
</div>
<div class="clearfix"></div>
</div>
<div class="bg-height"></div>
</div>
<div>
<div class="items-header">地市</div>
<div class="items-body items-bodyd-2">
<div v-for="(c,i) in cityList"
:key="c.id"
@click="change(c.level, c.id,c.name)"
:class="{'items-body-item-active':c.id == areaId}"
class="items-body-item">{{c.name | valueFromt}}
</div>
<div class="clearfix"></div>
</div>
<div class="bg-height"></div>
</div>
<div v-show="showArea">
<div class="items-header">区县</div>
<div class="items-body items-body-2">
<div v-if="!areaList.length"
class="no-message">暂无区县数据
</div>
<div v-for="(c,i) in areaList"
:key="c.id"
@click="change(c.level, c.id,c.name)"
:class="{'items-body-item-active':c.id == areaId}"
class="items-body-item">{{c.name | valueFromt}}
</div>
<div class="clearfix"></div>
</div>
<div class="bg-height"></div>
</div>
</div>
<!-- 市账号进来可以选 区 、网格、渠道 -->
<div v-if="userInfo.level == 1">
<div>
<div class="items-header">地市</div>
<div class="items-body items-body-2">
<div @click="changeCity"
class="items-body-item items-body-item-active">{{ userInfo.area | valueFromt}}
</div>
<div class="clearfix"></div>
</div>
<div class="bg-height"></div>
</div>
<div v-show="showArea">
<div class="items-header">区县</div>
<div class="items-body items-body-2">
<div v-if="!areaList.length"
class="no-message">暂无区县数据
</div>
<div v-for="(c,i) in areaList"
:key="c.id"
@click="change(c.level, c.id,c.name)"
:class="{'items-body-item-active':c.id == areaId}"
class="items-body-item">{{c.name | valueFromt}}
</div>
<div class="clearfix"></div>
</div>
<div class="bg-height"></div>
</div>
</div>
<!-- 区 账号进来可以选 网格、渠道 -->
<div v-if="userInfo.level == 2">
<div v-show="showArea">
<div class="items-header">区县</div>
<div class="items-body items-body-2">
<div @click="changeArea"
class="items-body-item items-body-item-active">{{ userInfo.area | valueFromt}}
</div>
<div class="clearfix"></div>
</div>
<div class="bg-height"></div>
</div>
</div>
</div>
</div>
<div class="footer">
<div @click="reset"
class="left">重置
</div>
<div @click="submit"
class="right">确定
</div>
</div>
</div>
</transition>
</template>
<script>
import {Toast, Indicator} from "mint-ui";
export default {
components: {},
props: {
// 是否展示 model
showModel: {
type: Boolean,
default: false
},
// 是否展示 区县
showArea: {
type: Boolean,
default: true
},
// 选中的值
selectArea: {
type: Object,
default() {
return {
// 层级 ，用户身份接口的： 0 是省，1 是市，2 是区或者分公司-
// 478 地区筛选接口的是：省是1 地市是2 区县是3 网格是4 渠道是5
level: 1, // 地区层级
areaId: '', // 731, //地区id
selectAreaName: '' //选择了的地区的名字
}
}
}
},
filters: {
// 去掉数值前面的字母
valueFromt: function (value) {
if (!value) return "";
if (value.includes("_") && value[1] == '_') {
return value.slice(2);
} else {
return value;
}
}
},
data() {
return {
// firstTimes: true,
modelVisible: false,
areas: [],
cityList: [], // 市的 list
areaList: [], //区的 list
areaId: "", // 提交的选择的 id
// 层级 ，用户身份接口的： 0 是省，1 是市，2 是区或者分公司-
// 478 地区接口的是：省是1 地市是2 区县是3 网格是4 渠道是5
level: "", // 提交的选择的 level
selectAreaName: "全省", //选择了的名字
userInfo: {
account: this.$route.query.account, // "XUSHENG1",
aid: this.$route.query.aid, // 18411, //地区id
areaId: this.$route.query.areaId, // 731, //地区id
area: this.$route.query.area, // "A_长沙", 地区名
id: this.$route.query.id, // "OCxusheng1", 用户id
level: parseInt(this.$route.query.level), // 等级 ，0 是省，1 是市，2 是区或者分公司
phone: this.$route.query.phone, // "13873110056",
pid: this.$route.query.pid, // 0, 上级id
username: this.$route.query.username, // "徐胜", 用户名
}
};
},
watch: {
showModel(value) {
this.modelVisible = value;
},
selectArea: {
handler(value, oldVal) {
if (value) {
console.log(value)
this.change(Number(value.level), value.areaId, value.selectAreaName)
}
},
deep: true
}
},
methods: {
submit() {
let obj = {
level: this.level,
areaId: this.areaId,
selectAreaName: this.selectAreaName
};
this.$emit("ok", obj);
this.modelVisible = false;
this.$emit("hide", 1);
},
reset() {
if (this.userInfo.level === 0) {
this.changeProvince();
} else {
this.areaId = this.userInfo.aid
}
},
hideModel(type) {
this.modelVisible = false;
this.$emit("hide", 1);
},
change(level, id, name) {
let userLevel = this.userInfo.level;
this.$emit("changeLevel", level, id, name);
this.areaId = id;
this.level = level;
this.selectAreaName = name;
if (userLevel === 0) {
if (level === 1) {
let cur = this.areas.find((a) => {
return a.id === id
});
console.log(cur)
this.areaList = cur.children;
}
} else if (userLevel === 1) {
if (level === 2) {
}
}
},
changeProvince() {
this.areaId = 0;
this.level = 0;
this.selectAreaName = "全省";
},
changeCity() {
this.areaId = this.userInfo.aid;
this.level = Number(this.userInfo.level);
this.selectAreaName = this.userInfo.area;
},
changeArea() {
this.areaId = this.userInfo.aid;
this.level = Number(this.userInfo.level);
this.selectAreaName = this.userInfo.area;
},
getData(level, id) {
console.log('level :', level)
if (level > 2) {
return
}
Indicator.open();
this.$http
.post(this.$urls.areaList, {})
.then(res => {
Indicator.close();
if (res.data.code === 200) {
let areas = res.data.data.children;
console.log("areas", areas)
this.areas = JSON.parse(JSON.stringify(areas))
if (level === 0) {
this.cityList = areas;
if (areas.length && areas[0].children.length) {
this.areaList = areas[0].children;
}
} else if (level === 1) {
this.areaList = areas;
} else if (level === 2) {
}
} else {
Toast(res.data.message);
}
})
.catch(error => {
console.error(error);
});
}
},
created() {
this.getData(this.userInfo.level, this.userInfo.aid);
},
mounted() {
}
};
</script>
<style lang="less" scoped>
.font-family-fn(@family) {
font-family: @family;
}
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
transition: all 0.15s ease;
}
.slide-fade-leave-active {
transition: all 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
transform: translateX(10px);
opacity: 0;
}
.no-message {
font-size: 0.26rem;
text-align: center;
}
.models .mint-header {
background-color: #f4f4f4;
color: #333;
}
.models .mint-header-button > span {
font-size: 0.5rem;
color: inherit;
text-decoration: none;
}
.models {
color: #2f2f2f;
width: 100%;
height: auto;
z-index: 99999999;
background: #fff;
padding-bottom: 1rem;
position: fixed;
top: 0;
bottom: 0;
overflow-y: scroll;
overflow-x: hidden;
.bg-height {
height: 0.2rem;
width: 100%;
background-color: #f4f4f4;
}
.mint-header .mint-button {
padding-right: 0.3rem;
}
.mint-popup-right {
width: 100%;
min-height: 100%;
border-radius: 0;
}
.content {
overflow: scroll;
font-size: 0.3rem;
min-height: 13rem;
padding-bottom: 1.4rem;
.items {
.items-header {
padding: 0 0.3rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: left;
}
.items-body {
margin-bottom: 0.2rem;
padding: 0 0.3rem;
.items-body-item {
font-size: 0.26rem;
text-align: center;
width: 1.92rem;
margin-top: 0.2rem;
float: left;
padding: 0.1rem 0.1rem;
border: 1px solid #eee;
margin-right: 0.2rem;
}
.items-body-item-grid {
height: 0.7rem;
// line-height: 0.7rem;
}
.items-body-item-channel {
height: 1rem;
}
.items-body-item-channel-center {
// line-height: 0.7rem;
}
.items-body-item:nth-child(3n) {
margin-right: 0rem;
}
.items-body-item-active {
background-color: #f4f4f4;
}
}
.items-body {
min-width: 4rem;
}
}
}
.footer {
position: fixed;
bottom: 0;
left: 0;
font-size: 0.3rem;
height: 1rem;
width: 100%;
.left,
.right {
float: left;
width: 50%;
text-align: center;
line-height: 1rem;
background-color: #fff;
border-top: 1px solid #eee;
}
.right {
color: #fff;
background-color: #0384df;
border-top: 1px solid #0384df;
}
}
}
</style>
src/views/app/ChannelMonthlyReport.vue
......@@ -15,7 +15,7 @@
class="data-block-item"></white-border-box>
<img class="data-block-item"
src="../../assets/app/99-magnifier.gif"
@click="showSearchBarModal"/>
@click="showSearchBarModal" />
<div class="data-block-tabs"><a @click="setType('A')"
class="data-block-tab "
......@@ -111,32 +111,28 @@
</div>
</panel>
<panel height="6.78rem"
<panel height="4.21rem"
margin=".16rem 0 0 0"
:headerStyle="{'height': '.92rem','line-height': '.92rem', 'font-size': '.32rem'}"
:bodyStyle="{'height': '5.84rem'}">
:bodyStyle="{'height': '3.29rem'}">
<span slot="title">家庭市场</span>
<div slot="body">
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel8.png"/></li>
<li><img src="../../assets/app/channelReport/channel8.png" /></li>
<li class="name">新增宽带办理量</li>
<li class="val">{{result.kd_newl_cnt}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel4.png"/></li>
<li><img src="../../assets/app/channelReport/channel4.png" /></li>
<li class="name">新增宽带完工量</li>
<li class="val">{{result.kd_wg_m_cnt}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel19.png"/></li>
<li class="name">宽带新增受理量</li>
<li class="val">{{result.curm_kd_add_accept_num || '-'}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel1.png"/></li>
<li><img src="../../assets/app/channelReport/channel1.png" /></li>
<li class="name">新增魔百和办理量</li>
<li class="val">{{result.mbh_new_l_cnt}}</li>
</ul>
<div class="clearfix"></div>
</div>
</panel>
......@@ -148,12 +144,12 @@
<span slot="title">和包业务</span>
<div slot="body">
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel11.png"/></li>
<li><img src="../../assets/app/channelReport/channel11.png" /></li>
<li class="name">推荐下载量</li>
<li class="val">{{result.hbtj_l_cnt}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel6.png"/></li>
<li><img src="../../assets/app/channelReport/channel6.png" /></li>
<li class="name">绑卡量</li>
<li class="val">{{result.hbbk_l_cnt}}</li>
</ul>
......@@ -169,17 +165,17 @@
<span slot="title">月累计缴费</span>
<div slot="body">
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel9.png"/></li>
<li><img src="../../assets/app/channelReport/channel9.png" /></li>
<li class="name">缴费金额</li>
<li class="val">{{result.pay_l_fee}}<span class="unit">(元)</span></li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel5.png"/></li>
<li><img src="../../assets/app/channelReport/channel5.png" /></li>
<li class="name">缴费客户数</li>
<li class="val">{{result.pay_l_cnt}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel2.png"/></li>
<li><img src="../../assets/app/channelReport/channel2.png" /></li>
<li class="name">缴费笔数</li>
<li class="val">{{result.pay_m_num}}</li>
</ul>
......@@ -195,17 +191,17 @@
<span slot="title">月累计业务量</span>
<div slot="body">
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel10.png"/></li>
<li><img src="../../assets/app/channelReport/channel10.png" /></li>
<li class="name">六项业务累计量</li>
<li class="val">{{result.hxyw_l_cnt}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel7.png"/></li>
<li><img src="../../assets/app/channelReport/channel7.png" /></li>
<li class="name">累计业务量</li>
<li class="val">{{result.yw_l_num}}</li>
</ul>
<ul class="list-pic-item">
<li><img src="../../assets/app/channelReport/channel3.png"/></li>
<li><img src="../../assets/app/channelReport/channel3.png" /></li>
<li class="name">累计服务客户数</li>
<li class="val">{{result.yw_l_cnt}}</li>
</ul>
......@@ -232,14 +228,13 @@
<div class="icon-box"
style="float: unset;position: absolute;top: 50%; height: .63rem;
margin-top: -.315rem;">
<img src="../../assets/app/channelReport/channel18.png"/>
<img src="../../assets/app/channelReport/channel18.png" />
</div>
<div class="item-content"
style=" margin-left: 1.04rem;">
<ul style="margin-top: .23rem;">
<li>{{result.area_name | valueFromt}}&nbsp;&nbsp;&nbsp;{{result.cnty_name | valueFromt}}</li>
<li>{{result.towns_name | valueFromt}}&nbsp;&nbsp;&nbsp;{{result.village_name | valueFromt}}
</li>
<li>{{result.towns_name | valueFromt}}&nbsp;&nbsp;&nbsp;{{result.village_name | valueFromt}}</li>
<li>归属区域:&nbsp;&nbsp;&nbsp;{{result.area_desc | valueFromt}}</li>
<li>地址:&nbsp;&nbsp;&nbsp;{{result.chnl_addr | valueFromt}}</li>
</ul>
......@@ -249,7 +244,7 @@
<div class="b-block-item"
style="height: 2.52rem">
<div class="icon-box">
<img src="../../assets/app/channelReport/channel14.png"/>
<img src="../../assets/app/channelReport/channel14.png" />
</div>
<div class="item-content">
<ul style="margin-top: .15rem;">
......@@ -277,9 +272,9 @@
<!--</div>-->
<div>
<img v-for="u in starNum"
src="../../assets/app/channelReport/star.png"/>
src="../../assets/app/channelReport/star.png" />
<img v-for="u in (6 - starNum)"
src="../../assets/app/star1.png"/>
src="../../assets/app/star1.png" />
</div>
</li>
</ul>
......@@ -287,7 +282,7 @@
</div>
<div class="b-block-item">
<div class="icon-box">
<img src="../../assets/app/channelReport/channel12.png"/>
<img src="../../assets/app/channelReport/channel12.png" />
</div>
<div class="item-content">
<ul style="margin-top: .37rem;">
......@@ -298,7 +293,7 @@
</div>
<div class="b-block-item">
<div class="icon-box">
<img src="../../assets/app/channelReport/channel13.png"/>
<img src="../../assets/app/channelReport/channel13.png" />
</div>
<div class="item-content">
<ul style="margin-top: .37rem;">
......@@ -310,7 +305,7 @@
<div class="b-block-item">
<div class="icon-box">
<img src="../../assets/app/channelReport/channel15.png"/>
<img src="../../assets/app/channelReport/channel15.png" />
</div>
<div class="item-content">
<ul style="margin-top: .37rem;">
......@@ -329,10 +324,10 @@
<td>
<img class="right"
v-show="result.if_kfz !== '否'"
src="../../assets/app/channelReport/channel16.png"/>
src="../../assets/app/channelReport/channel16.png" />
<img class="false"
v-show="result.if_kfz === '否'"
src="../../assets/app/channelReport/channel17.png"/>
src="../../assets/app/channelReport/channel17.png" />
</td>
</tr>
<tr>
......@@ -340,10 +335,10 @@
<td>
<img class="right"
v-show="result.if_ls !== '否'"
src="../../assets/app/channelReport/channel16.png"/>
src="../../assets/app/channelReport/channel16.png" />
<img class="false"
v-show="result.if_ls === '否'"
src="../../assets/app/channelReport/channel17.png"/>
src="../../assets/app/channelReport/channel17.png" />
</td>
</tr>
......@@ -352,10 +347,10 @@
<td>
<img class="right"
v-show="result.if_zk !== '否'"
src="../../assets/app/channelReport/channel16.png"/>
src="../../assets/app/channelReport/channel16.png" />
<img class="false"
v-show="result.if_zk === '否'"
src="../../assets/app/channelReport/channel17.png"/>
src="../../assets/app/channelReport/channel17.png" />
</td>
</tr>
......@@ -365,10 +360,10 @@
<img class="right"
v-show="result.if_info !== '否'"
src="../../assets/app/channelReport/channel16.png"/>
src="../../assets/app/channelReport/channel16.png" />
<img class="false"
v-show="result.if_info === '否'"
src="../../assets/app/channelReport/channel17.png"/>
src="../../assets/app/channelReport/channel17.png" />
</td>
</tr>
......@@ -378,10 +373,10 @@
<img class="right"
v-show="result.if_shap !== '否'"
src="../../assets/app/channelReport/channel16.png"/>
src="../../assets/app/channelReport/channel16.png" />
<img class="false"
v-show="result.if_shap === '否'"
src="../../assets/app/channelReport/channel17.png"/>
src="../../assets/app/channelReport/channel17.png" />
</td>
</tr>
......@@ -405,24 +400,24 @@
</div>
</template>
<script>
import {Indicator, Toast} from 'mint-ui';
import WhiteBorderBox from 'com/app/channelReport/WhiteBorderBox.vue';
import Panel from 'com/app/channelReport/Panel.vue';
import commonMixin from 'mixins/common/common.js';
import {formatDateTime, formatDateDay, deepCopyObj} from "libs/common/common";
import echarts from "echarts/lib/echarts";
import ModelDate from "com/app/add/modelDate.vue";
import AreaPicker from "com/app/channelReport/areaPicker.vue";
import SearchBar from "com/app/channelReport/searchBar.vue";
// 引入图形组件
import "echarts/lib/chart/bar";
import "echarts/lib/chart/pie";
// 引入提示框、legend和title组件
import "echarts/lib/component/tooltip";
import "echarts/lib/component/title";
import "echarts/lib/component/legend";
export default {
import { Indicator, Toast } from 'mint-ui';
import WhiteBorderBox from 'com/app/channelReport/WhiteBorderBox.vue';
import Panel from 'com/app/channelReport/Panel.vue';
import commonMixin from 'mixins/common/common.js';
import { formatDateTime, formatDateDay, deepCopyObj } from "libs/common/common";
import echarts from "echarts/lib/echarts";
import ModelDate from "com/app/add/modelDate.vue";
import AreaPicker from "com/app/channelReport/areaPicker.vue";
import SearchBar from "com/app/channelReport/searchBar.vue";
// 引入图形组件
import "echarts/lib/chart/bar";
import "echarts/lib/chart/pie";
// 引入提示框、legend和title组件
import "echarts/lib/component/tooltip";
import "echarts/lib/component/title";
import "echarts/lib/component/legend";
export default {
name: 'channel-report',
components: {
WhiteBorderBox,
......@@ -493,7 +488,6 @@
kd_newl_cnt: 0, // -- 月累计新增宽带办理量
kd_wg_m_cnt: 0, // -- 月累计新增宽带完工量
mbh_new_l_cnt: 0, // --月累计新增魔百和办理量
curm_kd_add_accept_num: 0,
hbtj_l_cnt: 0, //-- 月和包累计推荐下载量
hbbk_l_cnt: 0, // --月和包累计绑卡量
pay_l_fee: 0, //--月累计缴费金额(元),
......@@ -532,7 +526,7 @@
}
// 这里需要请求第一个渠道数据
let _this = this
this.$http.post(this.$urls.data428, {area_id: id}).then((res) => {
this.$http.post(this.$urls.data428, { area_id: id }).then((res) => {
let data = res.data;
if (data.code === 200) {
let firstChannel = data.data[0]
......@@ -628,12 +622,12 @@
// option.color = ['#1D9DF7', '#FE3F3F', '#0BD80B']; // 蓝 红 绿
if (dwk !== 0 && dwkActv === 0) {
option.series[0].data.push({value: dwk, name: '其中当月18和38大王卡 (不限量套餐)'})
option.series[0].data.push({ value: dwk, name: '其中当月18和38大王卡 (不限量套餐)' })
option.color = ['#1D9DF7', '#0BD80B']; // 蓝 绿
}
if (dwk === 0 && dwkActv !== 0) {
option.series[0].data.push({value: dwkActv, name: '其中当月发展18和38大王 卡日租包激活15次及以上'});
option.series[0].data.push({ value: dwkActv, name: '其中当月发展18和38大王 卡日租包激活15次及以上' });
option.color = ['#FE3F3F', '#0BD80B']; // 红 绿
}
if (dwk === 0 && dwkActv === 0) {
......@@ -641,8 +635,8 @@
}
if (dwk !== 0 && dwkActv !== 0) {
option.color = ['#1D9DF7', '#FE3F3F', '#0BD80B'];
option.series[0].data.push({value: dwk, name: '其中当月18和38大王卡 (不限量套餐)'})
option.series[0].data.push({value: dwkActv, name: '其中当月发展18和38大王 卡日租包激活15次及以上'});
option.series[0].data.push({ value: dwk, name: '其中当月18和38大王卡 (不限量套餐)' })
option.series[0].data.push({ value: dwkActv, name: '其中当月发展18和38大王 卡日租包激活15次及以上' });
}
option.series[0].data.push({
labelLine: {
......@@ -740,7 +734,7 @@
let data = res.data
if (data.code === 200) {
if (data.data.length !== 0) {
this.result = {...data.data[0]}
this.result = { ...data.data[0] }
let val = this.result.statis_date;
val = val.toString()
let dateStr = val.substring(0, 4) + '-' + val.substring(4, 6) + '-' + val.substring(6, 8)
......@@ -790,7 +784,6 @@
kd_newl_cnt: 0, // -- 月累计新增宽带办理量
kd_wg_m_cnt: 0, // -- 月累计新增宽带完工量
mbh_new_l_cnt: 0, // --月累计新增魔百和办理量
curm_kd_add_accept_num: 0,
hbtj_l_cnt: 0, //-- 月和包累计推荐下载量
hbbk_l_cnt: 0, // --月和包累计绑卡量
pay_l_fee: 0, //--月累计缴费金额(元),
......@@ -853,7 +846,7 @@
beforeDestroy() {
},
created() {
this.setTitle({'title': '渠道全景视图'});
this.setTitle({ 'title': '渠道全景视图' });
// 只有第一次进入或者刷新页面后才会执行此钩子函数
// 使用keep-alive后（2+次）进入不会再执行此钩子函数
this.isFirstEnter = true;
......@@ -864,28 +857,25 @@
// 恢复成默认的false，避免isBack一直是true，导致每次都获取新数据
this.isFirstEnter = false;
}
}
}
</script>
<style lang="less" scoped>
.container {
.container {
background-color: #f3f2f0;
height: 100%;
.data-block {
position: relative;
height: 2.52rem;
background-color: #0384df;
width: 100%;
text-align: center;
.data-block-tabs {
position: absolute;
left: 50%;
width: 4.08rem;
margin-left: -2.04rem;
top: 1rem;
.data-block-tab {
margin-top: 0.63rem;
font-size: 0.32rem;
......@@ -895,26 +885,21 @@
height: 0.46rem;
float: left;
padding-bottom: 0.08rem;
&:first-child {
margin-right: 0.8rem;
}
&.active {
border-bottom: solid 2px #ffffff;
}
}
}
.data-block-item {
display: inline-block;
&:first-child {
margin-left: -0.4rem;
margin-right: -0.1rem;
}
}
img.data-block-item {
width: 0.36rem;
height: 0.36rem;
......@@ -935,23 +920,19 @@
border-radius: 0.12rem;
margin: 0.32rem 0;
text-align: center;
div {
font-size: 0.27rem;
margin-top: 0.1rem;
}
div:first-child {
font-size: 0.43rem;
margin-top: 0.23rem;
}
}
.g4 {
background-color: #0bd80b;
margin-left: 0.32rem;
}
.g4plus {
background-color: #d8920b;
margin-left: 0.32rem;
......@@ -964,29 +945,24 @@
color: #0bd80b;
top: 0.3rem;
text-align: center;
.chart-name {
font-size: 0.27rem;
margin-bottom: 0.31rem;
}
.chart-val {
font-size: 0.43rem;
}
}
.list-item {
font-size: 0.32rem;
color: #333333;
width: 100%;
height: 0.92rem;
line-height: 0.92rem;
.name {
float: left;
margin-left: 0.32rem;
}
.val {
float: right;
margin-right: 0.32rem;
......@@ -1001,23 +977,18 @@
padding: 0;
color: #333333;
float: left;
li {
width: 100%;
img {
width: 0.88rem;
height: 0.88rem;
}
&.name {
font-size: 0.27rem;
margin-bottom: 0.2rem;
}
&.val {
font-size: 0.37rem;
.unit {
font-size: 0.24rem;
}
......@@ -1029,32 +1000,26 @@
.b-block {
height: 16.16rem;
width: 100%;
.b-block-item {
padding: 0 0.4rem;
height: 1.84rem;
background-color: #ffffff;
margin-bottom: 0.03rem;
.item-content,
.icon-box {
display: inline-block;
height: 100%;
}
.item-content {
margin-left: 0.41rem;
font-size: 0.32rem;
color: #333333;
width: calc(100% - 0.64rem - 0.8rem);
ul {
list-style-type: none;
padding: 0;
li {
margin-bottom: 0.27rem;
img {
height: 0.35rem;
width: 0.35rem;
......@@ -1071,36 +1036,30 @@
color: #333333;
border: solid 1px #dddddd;
width: 100%;
tr {
td {
border: solid 1px #dddddd;
height: 0.8rem;
width: 2.31rem;
.false {
height: 0.32rem;
width: 0.32rem;
}
.right {
height: 0.32rem;
width: 0.44rem;
}
}
td:first-child {
width: 4.53rem;
}
}
}
}
.icon-box {
float: left;
position: relative;
width: 0.63rem;
img {
display: inline-block;
position: absolute;
......@@ -1112,5 +1071,5 @@
}
}
}
}
}
</style>
src/views/app/ToMMT.vue
......@@ -5,7 +5,7 @@
<div class="divb">
<p>打开前请先安装最新版手机经分APP</p>
<p>
<a href="https://emm.cmccbigdata.com:8443/emm/about">点击安装</a>
<a href="http://172.168.20.37:8888/emm/about">点击安装</a>
</p>
<br>
<div class="button">
......
src/views/app/gridMarketing.vue
......@@ -15,10 +15,7 @@
<div class="clearfix"></div>
</div>
<div v-show="tabActive === 1 && showTime" class="time" ref="timeRef">
{{showTime}}
</div>
<div v-show="tabActive === 1 && showTime" class="time" ref="timeRef">{{showTime}}</div>
<div v-if="showUpperLevel" @click="changeUpperLevel" class="upper-level">上一级</div>
<ModelArea
:userInfo="userInfo"
......@@ -58,15 +55,6 @@
<span @click="clickTab(2)"
:class="{active : tabActive === 2 }"
class="month">月通报</span>
<div @click.prevent.stop="boreShow "
class="bore"
>
<span class="caliber">口径</span>
<span class="question"> ? </span>
<Popup @hide="hidePop"
v-if="popObjMouth.visable"
:obj="popObjMouth"></Popup>
</div>
</div>
<div ref="kpiRef" class="kpis">
<div class="kpi" :style="{width: kpiWidth}">
......@@ -157,7 +145,6 @@
import SelectArea from "com/app/add/selectArea.vue";
import selectDate from "com/app/add/selectDate.vue";
import commonMixin from "mixins/common/common.js";
import Popup from "com/app/common/popup.vue";
const REAL_TIME = 1,
MONTH = 2;
......@@ -166,8 +153,7 @@
ModelArea,
ModelDate,
SelectArea,
selectDate,
Popup
selectDate
},
mixins: [commonMixin],
computed: {
......@@ -265,19 +251,7 @@
kpiListOrigin: [],
currentKpiCode: "",
changeUpperLevelIng: false,
changeCacheFlag: false,
popObjMouth: {
//口径的数据
title: "",
ind_unit: "元",
remark: "",
top: "0.5rem",
right: "-0.2rem",
topRight: "0.15rem",
visable: false,
type: 1,
activeIndex: '' // 当前激活
},
changeCacheFlag: false
};
},
filters: {
......@@ -291,19 +265,6 @@
}
},
methods: {
hidePop(type) {
this.popObjMouth.visable = false;
this.popObjMouth.remark = "";
},
boreShow() {
// console.log(this.activeKpiItem)
this.popObjMouth.remark = this.activeKpiItem.remarks;
if (this.popObjMouth.remark) {
this.popObjMouth.visable = true;
} else {
Toast("该指标下没有口径说明 ！");
}
},
changeUpperLevel() {
this.changeUpperLevelIng = true;
let length = this.cacheList.length;
......@@ -907,6 +868,7 @@
.time {
height: 0.4rem;
// padding: 0.1rem 0;
padding-left: 2.5rem;
font-size: 0.26rem;
color: #fff;
......@@ -957,7 +919,6 @@
font-size: 0.28rem;
text-align: center;
/*padding-left: 1.8rem;*/
position: relative;
.day,
.month {
......@@ -976,27 +937,6 @@
background-color: #2b90fa;
color: #fff;
}
.bore {
position: absolute;
top: 0.3rem;
right: .35rem;
height: 0.5rem;
color: #999;
.question {
display: inline-block;
width: 0.2rem;
height: 0.2rem;
overflow: hidden;
line-height: 0.2rem;
border-radius: 50%;
color: #999;
text-align: center;
border: 1px solid #999;
}
}
}
.bg {
......@@ -1191,6 +1131,5 @@
.stars {
width: 0.4rem;
}
}
</style>
src/views/app/index.vue
......@@ -125,7 +125,7 @@
<script>
import { Indicator, Toast } from 'mint-ui';
import { formatDateTime, formatDateTimeReg } from "libs/common/common";
import ModelArea from "com/app/index/area.vue";
import ModelArea from "com/app/gridMarketing/area.vue";
import ModelDate from "com/app/appUsage/appModelDate.vue";
import CategoryPicker from "com/app/index/categoryPicker.vue";
// import Broadcast from "com/app/index/broadcast.vue";
......
src/views/app/index1.vue
......@@ -155,7 +155,7 @@
<script>
import {Indicator, Toast} from 'mint-ui';
import {formatDateTime, formatDateTimeReg, getTextWidth} from "libs/common/common";
import ModelArea from "com/app/index/area.vue";
import ModelArea from "com/app/gridMarketing/area.vue";
import ModelDate from "com/app/appUsage/appModelDate.vue";
import CategoryPicker from "com/app/index/categoryPicker.vue";
import Popup from "com/app/common/popup.vue";
......
src/views/app/specialAreaCity.vue
......@@ -59,10 +59,10 @@ export default {
newHref += i + '=' + query[i] + '&';
}
}
// let newHref = 'https://emm.cmccbigdata.com:8443/cscm/pages/home?'
// let newHref = 'http://172.168.20.37:8888/cscm/pages/home?'
console.log('newHref :', newHref)
// https://emm.cmccbigdata.com:8443/cscm/pages/home?id=OCxusheng1&phone=13873110056&level=1&areaId=731&aid=18411&area=A_%E9%95%BF%E6%B2%99&xid=633f47589186780e4d534ef743915005&token=b43eb37f48ec38054507cb0695a3787f&ua=pc&
// http://172.168.20.37:8888/cscm/pages/home?id=OCxusheng1&phone=13873110056&level=1&areaId=731&aid=18411&area=A_%E9%95%BF%E6%B2%99&xid=633f47589186780e4d534ef743915005&token=b43eb37f48ec38054507cb0695a3787f&ua=pc&
if (query.ua === 'android') {
emm.openWebView(newHref)
} else if (query.ua === 'ios') {
......@@ -77,7 +77,7 @@ export default {
if (data === null) return
for (let i = 0; i < data.length; i++) {
const d = data[i];
d.imgUrl = 'https://emm.cmccbigdata.com:8443/work/' + d.imagePath
d.imgUrl = 'http://172.168.20.37:8888/work/' + d.imagePath
}
this.list = data
if (!this.list.length) {
......
src/views/app/workbench.vue
......@@ -269,6 +269,8 @@ export default {
}
},
applicationClick(applicationItem, url, index) {
// applicationItem.pack = String(applicationItem.pack).replace("https://emm.cmccbigdata.com:8443", "http://172.168.20.37:8888");
// applicationItem.pack = applicationItem.pack.replace("file/order", "file/order1");
let href = applicationItem.pack + '?'
const query = this.$route.query
for (let i in query) {
......@@ -323,8 +325,8 @@ export default {
// this.applicationList = data.applications
this.applicationList = data
this.applicationList.forEach(e => {
// https://emm.cmccbigdata.com:8443/file/1530357218832.png
e.icon = "https://emm.cmccbigdata.com:8443/file/" + e.icon
// http://172.168.20.37:8888/file/1530357218832.png
e.icon = "http://172.168.20.37:8888/file/" + e.icon
});
},
async getAdvertList() {
......@@ -336,8 +338,8 @@ export default {
// console.log('data advertList:', data)
for (let i = 0; i < data.length; i++) {
const d = data[i];
if (d.filePath) d.filePath = 'https://emm.cmccbigdata.com:8443/work/' + d.filePath
d.imagePath = 'https://emm.cmccbigdata.com:8443/work/' + d.imagePath
if (d.filePath) d.filePath = 'http://172.168.20.37:8888/work/' + d.filePath
d.imagePath = 'http://172.168.20.37:8888/work/' + d.imagePath
}
data.sort((a, b) => {
return a.pos - b.pos
......@@ -367,7 +369,7 @@ export default {
doc.imgUrl = require("../../assets/app/workbench/pdf.png")
// doc.createdTime = this.formatTime(doc.createdTime)
doc.createdTime = doc.createdTime.slice(0, 10)
doc.filePath = 'https://emm.cmccbigdata.com:8443/work/' + doc.filePath
doc.filePath = 'http://172.168.20.37:8888/work/' + doc.filePath
}
data.sort((a, b) => {
return b.id - a.id
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment