Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
H
hu-shoujijingfen-h5
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
chenweisong
hu-shoujijingfen-h5
Commits
2193009c
Commit
2193009c
authored
Jul 29, 2020
by
chenweisong
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
init
parent
ab0bc293
Show whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
93 additions
and
641 deletions
+93
-641
.gitignore
.gitignore
+15
-22
channel19.png
src/assets/app/channelReport/channel19.png
+0
-0
area.vue
src/components/app/index/area.vue
+0
-441
ChannelMonthlyReport.vue
src/views/app/ChannelMonthlyReport.vue
+61
-102
ToMMT.vue
src/views/app/ToMMT.vue
+1
-1
gridMarketing.vue
src/views/app/gridMarketing.vue
+4
-65
index.vue
src/views/app/index.vue
+1
-1
index1.vue
src/views/app/index1.vue
+1
-1
specialAreaCity.vue
src/views/app/specialAreaCity.vue
+3
-3
workbench.vue
src/views/app/workbench.vue
+7
-5
No files found.
.gitignore
View file @
2193009c
.DS_Store
node_modules
/dist
/kpi
# local env files
### IntelliJ IDEA ###
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.idea
.idea
.vscode
.svn
*.suo
*.iws
*.ntvs*
*.njsproj
*.sln
*.sw?
*.iml
*.iml
*.zip
*.ipr
*.rar
### NetBeans ###
/nbproject/private/
/build/
/nbbuild/
dist/
kpi/
/nbdist/
/.nb-gradle/
node_modules/
\ No newline at end of file
src/assets/app/channelReport/channel19.png
deleted
100644 → 0
View file @
ab0bc293
3.31 KB
src/components/app/index/area.vue
deleted
100644 → 0
View file @
ab0bc293
<
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
View file @
2193009c
...
@@ -15,7 +15,7 @@
...
@@ -15,7 +15,7 @@
class=
"data-block-item"
></white-border-box>
class=
"data-block-item"
></white-border-box>
<img
class=
"data-block-item"
<img
class=
"data-block-item"
src=
"../../assets/app/99-magnifier.gif"
src=
"../../assets/app/99-magnifier.gif"
@
click=
"showSearchBarModal"
/>
@
click=
"showSearchBarModal"
/>
<div
class=
"data-block-tabs"
><a
@
click=
"setType('A')"
<div
class=
"data-block-tabs"
><a
@
click=
"setType('A')"
class=
"data-block-tab "
class=
"data-block-tab "
...
@@ -111,32 +111,28 @@
...
@@ -111,32 +111,28 @@
</div>
</div>
</panel>
</panel>
<panel
height=
"6.78
rem"
<panel
height=
"4.21
rem"
margin=
".16rem 0 0 0"
margin=
".16rem 0 0 0"
:headerStyle=
"
{'height': '.92rem','line-height': '.92rem', 'font-size': '.32rem'}"
:headerStyle=
"
{'height': '.92rem','line-height': '.92rem', 'font-size': '.32rem'}"
:bodyStyle="{'height': '5.84
rem'}">
:bodyStyle="{'height': '3.29
rem'}">
<span
slot=
"title"
>
家庭市场
</span>
<span
slot=
"title"
>
家庭市场
</span>
<div
slot=
"body"
>
<div
slot=
"body"
>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
新增宽带办理量
</li>
<li
class=
"val"
>
{{
result
.
kd_newl_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
kd_newl_cnt
}}
</li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
新增宽带完工量
</li>
<li
class=
"val"
>
{{
result
.
kd_wg_m_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
kd_wg_m_cnt
}}
</li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<ul
class=
"list-pic-item"
>
<li><img
src=
"../../assets/app/channelReport/channel19.png"
/></li>
<li><img
src=
"../../assets/app/channelReport/channel1.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
class=
"name"
>
新增魔百和办理量
</li>
<li
class=
"name"
>
新增魔百和办理量
</li>
<li
class=
"val"
>
{{
result
.
mbh_new_l_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
mbh_new_l_cnt
}}
</li>
</ul>
</ul>
<div
class=
"clearfix"
></div>
<div
class=
"clearfix"
></div>
</div>
</div>
</panel>
</panel>
...
@@ -148,12 +144,12 @@
...
@@ -148,12 +144,12 @@
<span
slot=
"title"
>
和包业务
</span>
<span
slot=
"title"
>
和包业务
</span>
<div
slot=
"body"
>
<div
slot=
"body"
>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
推荐下载量
</li>
<li
class=
"val"
>
{{
result
.
hbtj_l_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
hbtj_l_cnt
}}
</li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
绑卡量
</li>
<li
class=
"val"
>
{{
result
.
hbbk_l_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
hbbk_l_cnt
}}
</li>
</ul>
</ul>
...
@@ -169,17 +165,17 @@
...
@@ -169,17 +165,17 @@
<span
slot=
"title"
>
月累计缴费
</span>
<span
slot=
"title"
>
月累计缴费
</span>
<div
slot=
"body"
>
<div
slot=
"body"
>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
缴费金额
</li>
<li
class=
"val"
>
{{
result
.
pay_l_fee
}}
<span
class=
"unit"
>
(元)
</span></li>
<li
class=
"val"
>
{{
result
.
pay_l_fee
}}
<span
class=
"unit"
>
(元)
</span></li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
缴费客户数
</li>
<li
class=
"val"
>
{{
result
.
pay_l_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
pay_l_cnt
}}
</li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
缴费笔数
</li>
<li
class=
"val"
>
{{
result
.
pay_m_num
}}
</li>
<li
class=
"val"
>
{{
result
.
pay_m_num
}}
</li>
</ul>
</ul>
...
@@ -195,17 +191,17 @@
...
@@ -195,17 +191,17 @@
<span
slot=
"title"
>
月累计业务量
</span>
<span
slot=
"title"
>
月累计业务量
</span>
<div
slot=
"body"
>
<div
slot=
"body"
>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
六项业务累计量
</li>
<li
class=
"val"
>
{{
result
.
hxyw_l_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
hxyw_l_cnt
}}
</li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
累计业务量
</li>
<li
class=
"val"
>
{{
result
.
yw_l_num
}}
</li>
<li
class=
"val"
>
{{
result
.
yw_l_num
}}
</li>
</ul>
</ul>
<ul
class=
"list-pic-item"
>
<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=
"name"
>
累计服务客户数
</li>
<li
class=
"val"
>
{{
result
.
yw_l_cnt
}}
</li>
<li
class=
"val"
>
{{
result
.
yw_l_cnt
}}
</li>
</ul>
</ul>
...
@@ -232,14 +228,13 @@
...
@@ -232,14 +228,13 @@
<div
class=
"icon-box"
<div
class=
"icon-box"
style=
"float: unset;position: absolute;top: 50%; height: .63rem;
style=
"float: unset;position: absolute;top: 50%; height: .63rem;
margin-top: -.315rem;"
>
margin-top: -.315rem;"
>
<img
src=
"../../assets/app/channelReport/channel18.png"
/>
<img
src=
"../../assets/app/channelReport/channel18.png"
/>
</div>
</div>
<div
class=
"item-content"
<div
class=
"item-content"
style=
" margin-left: 1.04rem;"
>
style=
" margin-left: 1.04rem;"
>
<ul
style=
"margin-top: .23rem;"
>
<ul
style=
"margin-top: .23rem;"
>
<li>
{{
result
.
area_name
|
valueFromt
}}
{{
result
.
cnty_name
|
valueFromt
}}
</li>
<li>
{{
result
.
area_name
|
valueFromt
}}
{{
result
.
cnty_name
|
valueFromt
}}
</li>
<li>
{{
result
.
towns_name
|
valueFromt
}}
{{
result
.
village_name
|
valueFromt
}}
<li>
{{
result
.
towns_name
|
valueFromt
}}
{{
result
.
village_name
|
valueFromt
}}
</li>
</li>
<li>
归属区域:
{{
result
.
area_desc
|
valueFromt
}}
</li>
<li>
归属区域:
{{
result
.
area_desc
|
valueFromt
}}
</li>
<li>
地址:
{{
result
.
chnl_addr
|
valueFromt
}}
</li>
<li>
地址:
{{
result
.
chnl_addr
|
valueFromt
}}
</li>
</ul>
</ul>
...
@@ -249,7 +244,7 @@
...
@@ -249,7 +244,7 @@
<div
class=
"b-block-item"
<div
class=
"b-block-item"
style=
"height: 2.52rem"
>
style=
"height: 2.52rem"
>
<div
class=
"icon-box"
>
<div
class=
"icon-box"
>
<img
src=
"../../assets/app/channelReport/channel14.png"
/>
<img
src=
"../../assets/app/channelReport/channel14.png"
/>
</div>
</div>
<div
class=
"item-content"
>
<div
class=
"item-content"
>
<ul
style=
"margin-top: .15rem;"
>
<ul
style=
"margin-top: .15rem;"
>
...
@@ -277,9 +272,9 @@
...
@@ -277,9 +272,9 @@
<!--
</div>
-->
<!--
</div>
-->
<div>
<div>
<img
v-for=
"u in starNum"
<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)"
<img
v-for=
"u in (6 - starNum)"
src=
"../../assets/app/star1.png"
/>
src=
"../../assets/app/star1.png"
/>
</div>
</div>
</li>
</li>
</ul>
</ul>
...
@@ -287,7 +282,7 @@
...
@@ -287,7 +282,7 @@
</div>
</div>
<div
class=
"b-block-item"
>
<div
class=
"b-block-item"
>
<div
class=
"icon-box"
>
<div
class=
"icon-box"
>
<img
src=
"../../assets/app/channelReport/channel12.png"
/>
<img
src=
"../../assets/app/channelReport/channel12.png"
/>
</div>
</div>
<div
class=
"item-content"
>
<div
class=
"item-content"
>
<ul
style=
"margin-top: .37rem;"
>
<ul
style=
"margin-top: .37rem;"
>
...
@@ -298,7 +293,7 @@
...
@@ -298,7 +293,7 @@
</div>
</div>
<div
class=
"b-block-item"
>
<div
class=
"b-block-item"
>
<div
class=
"icon-box"
>
<div
class=
"icon-box"
>
<img
src=
"../../assets/app/channelReport/channel13.png"
/>
<img
src=
"../../assets/app/channelReport/channel13.png"
/>
</div>
</div>
<div
class=
"item-content"
>
<div
class=
"item-content"
>
<ul
style=
"margin-top: .37rem;"
>
<ul
style=
"margin-top: .37rem;"
>
...
@@ -310,7 +305,7 @@
...
@@ -310,7 +305,7 @@
<div
class=
"b-block-item"
>
<div
class=
"b-block-item"
>
<div
class=
"icon-box"
>
<div
class=
"icon-box"
>
<img
src=
"../../assets/app/channelReport/channel15.png"
/>
<img
src=
"../../assets/app/channelReport/channel15.png"
/>
</div>
</div>
<div
class=
"item-content"
>
<div
class=
"item-content"
>
<ul
style=
"margin-top: .37rem;"
>
<ul
style=
"margin-top: .37rem;"
>
...
@@ -329,10 +324,10 @@
...
@@ -329,10 +324,10 @@
<td>
<td>
<img
class=
"right"
<img
class=
"right"
v-show=
"result.if_kfz !== '否'"
v-show=
"result.if_kfz !== '否'"
src=
"../../assets/app/channelReport/channel16.png"
/>
src=
"../../assets/app/channelReport/channel16.png"
/>
<img
class=
"false"
<img
class=
"false"
v-show=
"result.if_kfz === '否'"
v-show=
"result.if_kfz === '否'"
src=
"../../assets/app/channelReport/channel17.png"
/>
src=
"../../assets/app/channelReport/channel17.png"
/>
</td>
</td>
</tr>
</tr>
<tr>
<tr>
...
@@ -340,10 +335,10 @@
...
@@ -340,10 +335,10 @@
<td>
<td>
<img
class=
"right"
<img
class=
"right"
v-show=
"result.if_ls !== '否'"
v-show=
"result.if_ls !== '否'"
src=
"../../assets/app/channelReport/channel16.png"
/>
src=
"../../assets/app/channelReport/channel16.png"
/>
<img
class=
"false"
<img
class=
"false"
v-show=
"result.if_ls === '否'"
v-show=
"result.if_ls === '否'"
src=
"../../assets/app/channelReport/channel17.png"
/>
src=
"../../assets/app/channelReport/channel17.png"
/>
</td>
</td>
</tr>
</tr>
...
@@ -352,10 +347,10 @@
...
@@ -352,10 +347,10 @@
<td>
<td>
<img
class=
"right"
<img
class=
"right"
v-show=
"result.if_zk !== '否'"
v-show=
"result.if_zk !== '否'"
src=
"../../assets/app/channelReport/channel16.png"
/>
src=
"../../assets/app/channelReport/channel16.png"
/>
<img
class=
"false"
<img
class=
"false"
v-show=
"result.if_zk === '否'"
v-show=
"result.if_zk === '否'"
src=
"../../assets/app/channelReport/channel17.png"
/>
src=
"../../assets/app/channelReport/channel17.png"
/>
</td>
</td>
</tr>
</tr>
...
@@ -365,10 +360,10 @@
...
@@ -365,10 +360,10 @@
<img
class=
"right"
<img
class=
"right"
v-show=
"result.if_info !== '否'"
v-show=
"result.if_info !== '否'"
src=
"../../assets/app/channelReport/channel16.png"
/>
src=
"../../assets/app/channelReport/channel16.png"
/>
<img
class=
"false"
<img
class=
"false"
v-show=
"result.if_info === '否'"
v-show=
"result.if_info === '否'"
src=
"../../assets/app/channelReport/channel17.png"
/>
src=
"../../assets/app/channelReport/channel17.png"
/>
</td>
</td>
</tr>
</tr>
...
@@ -378,10 +373,10 @@
...
@@ -378,10 +373,10 @@
<img
class=
"right"
<img
class=
"right"
v-show=
"result.if_shap !== '否'"
v-show=
"result.if_shap !== '否'"
src=
"../../assets/app/channelReport/channel16.png"
/>
src=
"../../assets/app/channelReport/channel16.png"
/>
<img
class=
"false"
<img
class=
"false"
v-show=
"result.if_shap === '否'"
v-show=
"result.if_shap === '否'"
src=
"../../assets/app/channelReport/channel17.png"
/>
src=
"../../assets/app/channelReport/channel17.png"
/>
</td>
</td>
</tr>
</tr>
...
@@ -405,24 +400,24 @@
...
@@ -405,24 +400,24 @@
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
import
{
Indicator
,
Toast
}
from
'mint-ui'
;
import
{
Indicator
,
Toast
}
from
'mint-ui'
;
import
WhiteBorderBox
from
'com/app/channelReport/WhiteBorderBox.vue'
;
import
WhiteBorderBox
from
'com/app/channelReport/WhiteBorderBox.vue'
;
import
Panel
from
'com/app/channelReport/Panel.vue'
;
import
Panel
from
'com/app/channelReport/Panel.vue'
;
import
commonMixin
from
'mixins/common/common.js'
;
import
commonMixin
from
'mixins/common/common.js'
;
import
{
formatDateTime
,
formatDateDay
,
deepCopyObj
}
from
"libs/common/common"
;
import
{
formatDateTime
,
formatDateDay
,
deepCopyObj
}
from
"libs/common/common"
;
import
echarts
from
"echarts/lib/echarts"
;
import
echarts
from
"echarts/lib/echarts"
;
import
ModelDate
from
"com/app/add/modelDate.vue"
;
import
ModelDate
from
"com/app/add/modelDate.vue"
;
import
AreaPicker
from
"com/app/channelReport/areaPicker.vue"
;
import
AreaPicker
from
"com/app/channelReport/areaPicker.vue"
;
import
SearchBar
from
"com/app/channelReport/searchBar.vue"
;
import
SearchBar
from
"com/app/channelReport/searchBar.vue"
;
// 引入图形组件
// 引入图形组件
import
"echarts/lib/chart/bar"
;
import
"echarts/lib/chart/bar"
;
import
"echarts/lib/chart/pie"
;
import
"echarts/lib/chart/pie"
;
// 引入提示框、legend和title组件
// 引入提示框、legend和title组件
import
"echarts/lib/component/tooltip"
;
import
"echarts/lib/component/tooltip"
;
import
"echarts/lib/component/title"
;
import
"echarts/lib/component/title"
;
import
"echarts/lib/component/legend"
;
import
"echarts/lib/component/legend"
;
export
default
{
export
default
{
name
:
'channel-report'
,
name
:
'channel-report'
,
components
:
{
components
:
{
WhiteBorderBox
,
WhiteBorderBox
,
...
@@ -493,7 +488,6 @@
...
@@ -493,7 +488,6 @@
kd_newl_cnt
:
0
,
// -- 月累计新增宽带办理量
kd_newl_cnt
:
0
,
// -- 月累计新增宽带办理量
kd_wg_m_cnt
:
0
,
// -- 月累计新增宽带完工量
kd_wg_m_cnt
:
0
,
// -- 月累计新增宽带完工量
mbh_new_l_cnt
:
0
,
// --月累计新增魔百和办理量
mbh_new_l_cnt
:
0
,
// --月累计新增魔百和办理量
curm_kd_add_accept_num
:
0
,
hbtj_l_cnt
:
0
,
//-- 月和包累计推荐下载量
hbtj_l_cnt
:
0
,
//-- 月和包累计推荐下载量
hbbk_l_cnt
:
0
,
// --月和包累计绑卡量
hbbk_l_cnt
:
0
,
// --月和包累计绑卡量
pay_l_fee
:
0
,
//--月累计缴费金额(元),
pay_l_fee
:
0
,
//--月累计缴费金额(元),
...
@@ -532,7 +526,7 @@
...
@@ -532,7 +526,7 @@
}
}
// 这里需要请求第一个渠道数据
// 这里需要请求第一个渠道数据
let
_this
=
this
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
;
let
data
=
res
.
data
;
if
(
data
.
code
===
200
)
{
if
(
data
.
code
===
200
)
{
let
firstChannel
=
data
.
data
[
0
]
let
firstChannel
=
data
.
data
[
0
]
...
@@ -628,12 +622,12 @@
...
@@ -628,12 +622,12 @@
// option.color = ['#1D9DF7', '#FE3F3F', '#0BD80B']; // 蓝 红 绿
// option.color = ['#1D9DF7', '#FE3F3F', '#0BD80B']; // 蓝 红 绿
if
(
dwk
!==
0
&&
dwkActv
===
0
)
{
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'
];
// 蓝 绿
option
.
color
=
[
'#1D9DF7'
,
'#0BD80B'
];
// 蓝 绿
}
}
if
(
dwk
===
0
&&
dwkActv
!==
0
)
{
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'
];
// 红 绿
option
.
color
=
[
'#FE3F3F'
,
'#0BD80B'
];
// 红 绿
}
}
if
(
dwk
===
0
&&
dwkActv
===
0
)
{
if
(
dwk
===
0
&&
dwkActv
===
0
)
{
...
@@ -641,8 +635,8 @@
...
@@ -641,8 +635,8 @@
}
}
if
(
dwk
!==
0
&&
dwkActv
!==
0
)
{
if
(
dwk
!==
0
&&
dwkActv
!==
0
)
{
option
.
color
=
[
'#1D9DF7'
,
'#FE3F3F'
,
'#0BD80B'
];
option
.
color
=
[
'#1D9DF7'
,
'#FE3F3F'
,
'#0BD80B'
];
option
.
series
[
0
].
data
.
push
({
value
:
dwk
,
name
:
'其中当月18和38大王卡 (不限量套餐)'
})
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
:
dwkActv
,
name
:
'其中当月发展18和38大王 卡日租包激活15次及以上'
});
}
}
option
.
series
[
0
].
data
.
push
({
option
.
series
[
0
].
data
.
push
({
labelLine
:
{
labelLine
:
{
...
@@ -740,7 +734,7 @@
...
@@ -740,7 +734,7 @@
let
data
=
res
.
data
let
data
=
res
.
data
if
(
data
.
code
===
200
)
{
if
(
data
.
code
===
200
)
{
if
(
data
.
data
.
length
!==
0
)
{
if
(
data
.
data
.
length
!==
0
)
{
this
.
result
=
{...
data
.
data
[
0
]
}
this
.
result
=
{
...
data
.
data
[
0
]
}
let
val
=
this
.
result
.
statis_date
;
let
val
=
this
.
result
.
statis_date
;
val
=
val
.
toString
()
val
=
val
.
toString
()
let
dateStr
=
val
.
substring
(
0
,
4
)
+
'-'
+
val
.
substring
(
4
,
6
)
+
'-'
+
val
.
substring
(
6
,
8
)
let
dateStr
=
val
.
substring
(
0
,
4
)
+
'-'
+
val
.
substring
(
4
,
6
)
+
'-'
+
val
.
substring
(
6
,
8
)
...
@@ -790,7 +784,6 @@
...
@@ -790,7 +784,6 @@
kd_newl_cnt
:
0
,
// -- 月累计新增宽带办理量
kd_newl_cnt
:
0
,
// -- 月累计新增宽带办理量
kd_wg_m_cnt
:
0
,
// -- 月累计新增宽带完工量
kd_wg_m_cnt
:
0
,
// -- 月累计新增宽带完工量
mbh_new_l_cnt
:
0
,
// --月累计新增魔百和办理量
mbh_new_l_cnt
:
0
,
// --月累计新增魔百和办理量
curm_kd_add_accept_num
:
0
,
hbtj_l_cnt
:
0
,
//-- 月和包累计推荐下载量
hbtj_l_cnt
:
0
,
//-- 月和包累计推荐下载量
hbbk_l_cnt
:
0
,
// --月和包累计绑卡量
hbbk_l_cnt
:
0
,
// --月和包累计绑卡量
pay_l_fee
:
0
,
//--月累计缴费金额(元),
pay_l_fee
:
0
,
//--月累计缴费金额(元),
...
@@ -853,7 +846,7 @@
...
@@ -853,7 +846,7 @@
beforeDestroy
()
{
beforeDestroy
()
{
},
},
created
()
{
created
()
{
this
.
setTitle
({
'title'
:
'渠道全景视图'
});
this
.
setTitle
({
'title'
:
'渠道全景视图'
});
// 只有第一次进入或者刷新页面后才会执行此钩子函数
// 只有第一次进入或者刷新页面后才会执行此钩子函数
// 使用keep-alive后(2+次)进入不会再执行此钩子函数
// 使用keep-alive后(2+次)进入不会再执行此钩子函数
this
.
isFirstEnter
=
true
;
this
.
isFirstEnter
=
true
;
...
@@ -864,28 +857,25 @@
...
@@ -864,28 +857,25 @@
// 恢复成默认的false,避免isBack一直是true,导致每次都获取新数据
// 恢复成默认的false,避免isBack一直是true,导致每次都获取新数据
this
.
isFirstEnter
=
false
;
this
.
isFirstEnter
=
false
;
}
}
}
}
</
script
>
</
script
>
<
style
lang=
"less"
scoped
>
<
style
lang=
"less"
scoped
>
.container
{
.container
{
background-color
:
#f3f2f0
;
background-color
:
#f3f2f0
;
height
:
100%
;
height
:
100%
;
.data-block
{
.data-block
{
position
:
relative
;
position
:
relative
;
height
:
2.52rem
;
height
:
2.52rem
;
background-color
:
#0384df
;
background-color
:
#0384df
;
width
:
100%
;
width
:
100%
;
text-align
:
center
;
text-align
:
center
;
.data-block-tabs
{
.data-block-tabs
{
position
:
absolute
;
position
:
absolute
;
left
:
50%
;
left
:
50%
;
width
:
4.08rem
;
width
:
4.08rem
;
margin-left
:
-2.04rem
;
margin-left
:
-2.04rem
;
top
:
1rem
;
top
:
1rem
;
.data-block-tab
{
.data-block-tab
{
margin-top
:
0.63rem
;
margin-top
:
0.63rem
;
font-size
:
0.32rem
;
font-size
:
0.32rem
;
...
@@ -895,26 +885,21 @@
...
@@ -895,26 +885,21 @@
height
:
0.46rem
;
height
:
0.46rem
;
float
:
left
;
float
:
left
;
padding-bottom
:
0.08rem
;
padding-bottom
:
0.08rem
;
&:first-child
{
&:first-child
{
margin-right
:
0.8rem
;
margin-right
:
0.8rem
;
}
}
&
.active
{
&
.active
{
border-bottom
:
solid
2px
#ffffff
;
border-bottom
:
solid
2px
#ffffff
;
}
}
}
}
}
}
.data-block-item
{
.data-block-item
{
display
:
inline-block
;
display
:
inline-block
;
&:first-child
{
&:first-child
{
margin-left
:
-0.4rem
;
margin-left
:
-0.4rem
;
margin-right
:
-0.1rem
;
margin-right
:
-0.1rem
;
}
}
}
}
img
.data-block-item
{
img
.data-block-item
{
width
:
0.36rem
;
width
:
0.36rem
;
height
:
0.36rem
;
height
:
0.36rem
;
...
@@ -935,23 +920,19 @@
...
@@ -935,23 +920,19 @@
border-radius
:
0.12rem
;
border-radius
:
0.12rem
;
margin
:
0.32rem
0
;
margin
:
0.32rem
0
;
text-align
:
center
;
text-align
:
center
;
div
{
div
{
font-size
:
0.27rem
;
font-size
:
0.27rem
;
margin-top
:
0.1rem
;
margin-top
:
0.1rem
;
}
}
div
:first-child
{
div
:first-child
{
font-size
:
0.43rem
;
font-size
:
0.43rem
;
margin-top
:
0.23rem
;
margin-top
:
0.23rem
;
}
}
}
}
.g4
{
.g4
{
background-color
:
#0bd80b
;
background-color
:
#0bd80b
;
margin-left
:
0.32rem
;
margin-left
:
0.32rem
;
}
}
.g4plus
{
.g4plus
{
background-color
:
#d8920b
;
background-color
:
#d8920b
;
margin-left
:
0.32rem
;
margin-left
:
0.32rem
;
...
@@ -964,29 +945,24 @@
...
@@ -964,29 +945,24 @@
color
:
#0bd80b
;
color
:
#0bd80b
;
top
:
0.3rem
;
top
:
0.3rem
;
text-align
:
center
;
text-align
:
center
;
.chart-name
{
.chart-name
{
font-size
:
0.27rem
;
font-size
:
0.27rem
;
margin-bottom
:
0.31rem
;
margin-bottom
:
0.31rem
;
}
}
.chart-val
{
.chart-val
{
font-size
:
0.43rem
;
font-size
:
0.43rem
;
}
}
}
}
.list-item
{
.list-item
{
font-size
:
0.32rem
;
font-size
:
0.32rem
;
color
:
#333333
;
color
:
#333333
;
width
:
100%
;
width
:
100%
;
height
:
0.92rem
;
height
:
0.92rem
;
line-height
:
0.92rem
;
line-height
:
0.92rem
;
.name
{
.name
{
float
:
left
;
float
:
left
;
margin-left
:
0.32rem
;
margin-left
:
0.32rem
;
}
}
.val
{
.val
{
float
:
right
;
float
:
right
;
margin-right
:
0.32rem
;
margin-right
:
0.32rem
;
...
@@ -1001,23 +977,18 @@
...
@@ -1001,23 +977,18 @@
padding
:
0
;
padding
:
0
;
color
:
#333333
;
color
:
#333333
;
float
:
left
;
float
:
left
;
li
{
li
{
width
:
100%
;
width
:
100%
;
img
{
img
{
width
:
0.88rem
;
width
:
0.88rem
;
height
:
0.88rem
;
height
:
0.88rem
;
}
}
&
.name
{
&
.name
{
font-size
:
0.27rem
;
font-size
:
0.27rem
;
margin-bottom
:
0.2rem
;
margin-bottom
:
0.2rem
;
}
}
&
.val
{
&
.val
{
font-size
:
0.37rem
;
font-size
:
0.37rem
;
.unit
{
.unit
{
font-size
:
0.24rem
;
font-size
:
0.24rem
;
}
}
...
@@ -1029,32 +1000,26 @@
...
@@ -1029,32 +1000,26 @@
.b-block
{
.b-block
{
height
:
16.16rem
;
height
:
16.16rem
;
width
:
100%
;
width
:
100%
;
.b-block-item
{
.b-block-item
{
padding
:
0
0.4rem
;
padding
:
0
0.4rem
;
height
:
1.84rem
;
height
:
1.84rem
;
background-color
:
#ffffff
;
background-color
:
#ffffff
;
margin-bottom
:
0.03rem
;
margin-bottom
:
0.03rem
;
.item-content,
.item-content,
.icon-box
{
.icon-box
{
display
:
inline-block
;
display
:
inline-block
;
height
:
100%
;
height
:
100%
;
}
}
.item-content
{
.item-content
{
margin-left
:
0.41rem
;
margin-left
:
0.41rem
;
font-size
:
0.32rem
;
font-size
:
0.32rem
;
color
:
#333333
;
color
:
#333333
;
width
:
calc
(
100%
-
0.64rem
-
0.8rem
);
width
:
calc
(
100%
-
0.64rem
-
0.8rem
);
ul
{
ul
{
list-style-type
:
none
;
list-style-type
:
none
;
padding
:
0
;
padding
:
0
;
li
{
li
{
margin-bottom
:
0.27rem
;
margin-bottom
:
0.27rem
;
img
{
img
{
height
:
0.35rem
;
height
:
0.35rem
;
width
:
0.35rem
;
width
:
0.35rem
;
...
@@ -1071,36 +1036,30 @@
...
@@ -1071,36 +1036,30 @@
color
:
#333333
;
color
:
#333333
;
border
:
solid
1px
#dddddd
;
border
:
solid
1px
#dddddd
;
width
:
100%
;
width
:
100%
;
tr
{
tr
{
td
{
td
{
border
:
solid
1px
#dddddd
;
border
:
solid
1px
#dddddd
;
height
:
0.8rem
;
height
:
0.8rem
;
width
:
2.31rem
;
width
:
2.31rem
;
.false
{
.false
{
height
:
0.32rem
;
height
:
0.32rem
;
width
:
0.32rem
;
width
:
0.32rem
;
}
}
.right
{
.right
{
height
:
0.32rem
;
height
:
0.32rem
;
width
:
0.44rem
;
width
:
0.44rem
;
}
}
}
}
td
:first-child
{
td
:first-child
{
width
:
4.53rem
;
width
:
4.53rem
;
}
}
}
}
}
}
}
}
.icon-box
{
.icon-box
{
float
:
left
;
float
:
left
;
position
:
relative
;
position
:
relative
;
width
:
0.63rem
;
width
:
0.63rem
;
img
{
img
{
display
:
inline-block
;
display
:
inline-block
;
position
:
absolute
;
position
:
absolute
;
...
@@ -1112,5 +1071,5 @@
...
@@ -1112,5 +1071,5 @@
}
}
}
}
}
}
}
}
</
style
>
</
style
>
src/views/app/ToMMT.vue
View file @
2193009c
...
@@ -5,7 +5,7 @@
...
@@ -5,7 +5,7 @@
<div
class=
"divb"
>
<div
class=
"divb"
>
<p>
打开前请先安装最新版手机经分APP
</p>
<p>
打开前请先安装最新版手机经分APP
</p>
<p>
<p>
<a
href=
"http
s://emm.cmccbigdata.com:8443
/emm/about"
>
点击安装
</a>
<a
href=
"http
://172.168.20.37:8888
/emm/about"
>
点击安装
</a>
</p>
</p>
<br>
<br>
<div
class=
"button"
>
<div
class=
"button"
>
...
...
src/views/app/gridMarketing.vue
View file @
2193009c
...
@@ -15,10 +15,7 @@
...
@@ -15,10 +15,7 @@
<div
class=
"clearfix"
></div>
<div
class=
"clearfix"
></div>
</div>
</div>
<div
v-show=
"tabActive === 1 && showTime"
class=
"time"
ref=
"timeRef"
>
<div
v-show=
"tabActive === 1 && showTime"
class=
"time"
ref=
"timeRef"
>
{{
showTime
}}
</div>
{{
showTime
}}
</div>
<div
v-if=
"showUpperLevel"
@
click=
"changeUpperLevel"
class=
"upper-level"
>
上一级
</div>
<div
v-if=
"showUpperLevel"
@
click=
"changeUpperLevel"
class=
"upper-level"
>
上一级
</div>
<ModelArea
<ModelArea
:userInfo=
"userInfo"
:userInfo=
"userInfo"
...
@@ -58,15 +55,6 @@
...
@@ -58,15 +55,6 @@
<span
@
click=
"clickTab(2)"
<span
@
click=
"clickTab(2)"
:class=
"
{active : tabActive === 2 }"
:class=
"
{active : tabActive === 2 }"
class="month">月通报
</span>
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>
<div
ref=
"kpiRef"
class=
"kpis"
>
<div
ref=
"kpiRef"
class=
"kpis"
>
<div
class=
"kpi"
:style=
"
{width: kpiWidth}">
<div
class=
"kpi"
:style=
"
{width: kpiWidth}">
...
@@ -157,7 +145,6 @@
...
@@ -157,7 +145,6 @@
import
SelectArea
from
"com/app/add/selectArea.vue"
;
import
SelectArea
from
"com/app/add/selectArea.vue"
;
import
selectDate
from
"com/app/add/selectDate.vue"
;
import
selectDate
from
"com/app/add/selectDate.vue"
;
import
commonMixin
from
"mixins/common/common.js"
;
import
commonMixin
from
"mixins/common/common.js"
;
import
Popup
from
"com/app/common/popup.vue"
;
const
REAL_TIME
=
1
,
const
REAL_TIME
=
1
,
MONTH
=
2
;
MONTH
=
2
;
...
@@ -166,8 +153,7 @@
...
@@ -166,8 +153,7 @@
ModelArea
,
ModelArea
,
ModelDate
,
ModelDate
,
SelectArea
,
SelectArea
,
selectDate
,
selectDate
Popup
},
},
mixins
:
[
commonMixin
],
mixins
:
[
commonMixin
],
computed
:
{
computed
:
{
...
@@ -265,19 +251,7 @@
...
@@ -265,19 +251,7 @@
kpiListOrigin
:
[],
kpiListOrigin
:
[],
currentKpiCode
:
""
,
currentKpiCode
:
""
,
changeUpperLevelIng
:
false
,
changeUpperLevelIng
:
false
,
changeCacheFlag
:
false
,
changeCacheFlag
:
false
popObjMouth
:
{
//口径的数据
title
:
""
,
ind_unit
:
"元"
,
remark
:
""
,
top
:
"0.5rem"
,
right
:
"-0.2rem"
,
topRight
:
"0.15rem"
,
visable
:
false
,
type
:
1
,
activeIndex
:
''
// 当前激活
},
};
};
},
},
filters
:
{
filters
:
{
...
@@ -291,19 +265,6 @@
...
@@ -291,19 +265,6 @@
}
}
},
},
methods
:
{
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
()
{
changeUpperLevel
()
{
this
.
changeUpperLevelIng
=
true
;
this
.
changeUpperLevelIng
=
true
;
let
length
=
this
.
cacheList
.
length
;
let
length
=
this
.
cacheList
.
length
;
...
@@ -907,6 +868,7 @@
...
@@ -907,6 +868,7 @@
.time
{
.time
{
height
:
0.4rem
;
height
:
0.4rem
;
//
padding
:
0.1rem
0
;
padding-left
:
2.5rem
;
padding-left
:
2.5rem
;
font-size
:
0.26rem
;
font-size
:
0.26rem
;
color
:
#fff
;
color
:
#fff
;
...
@@ -957,7 +919,6 @@
...
@@ -957,7 +919,6 @@
font-size
:
0.28rem
;
font-size
:
0.28rem
;
text-align
:
center
;
text-align
:
center
;
/*padding-left: 1.8rem;*/
/*padding-left: 1.8rem;*/
position
:
relative
;
.day,
.day,
.month
{
.month
{
...
@@ -976,27 +937,6 @@
...
@@ -976,27 +937,6 @@
background-color
:
#2b90fa
;
background-color
:
#2b90fa
;
color
:
#fff
;
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
{
.bg
{
...
@@ -1191,6 +1131,5 @@
...
@@ -1191,6 +1131,5 @@
.stars
{
.stars
{
width
:
0.4rem
;
width
:
0.4rem
;
}
}
}
}
</
style
>
</
style
>
src/views/app/index.vue
View file @
2193009c
...
@@ -125,7 +125,7 @@
...
@@ -125,7 +125,7 @@
<
script
>
<
script
>
import
{
Indicator
,
Toast
}
from
'mint-ui'
;
import
{
Indicator
,
Toast
}
from
'mint-ui'
;
import
{
formatDateTime
,
formatDateTimeReg
}
from
"libs/common/common"
;
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
ModelDate
from
"com/app/appUsage/appModelDate.vue"
;
import
CategoryPicker
from
"com/app/index/categoryPicker.vue"
;
import
CategoryPicker
from
"com/app/index/categoryPicker.vue"
;
// import Broadcast from "com/app/index/broadcast.vue";
// import Broadcast from "com/app/index/broadcast.vue";
...
...
src/views/app/index1.vue
View file @
2193009c
...
@@ -155,7 +155,7 @@
...
@@ -155,7 +155,7 @@
<
script
>
<
script
>
import
{
Indicator
,
Toast
}
from
'mint-ui'
;
import
{
Indicator
,
Toast
}
from
'mint-ui'
;
import
{
formatDateTime
,
formatDateTimeReg
,
getTextWidth
}
from
"libs/common/common"
;
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
ModelDate
from
"com/app/appUsage/appModelDate.vue"
;
import
CategoryPicker
from
"com/app/index/categoryPicker.vue"
;
import
CategoryPicker
from
"com/app/index/categoryPicker.vue"
;
import
Popup
from
"com/app/common/popup.vue"
;
import
Popup
from
"com/app/common/popup.vue"
;
...
...
src/views/app/specialAreaCity.vue
View file @
2193009c
...
@@ -59,10 +59,10 @@ export default {
...
@@ -59,10 +59,10 @@ export default {
newHref
+=
i
+
'='
+
query
[
i
]
+
'&'
;
newHref
+=
i
+
'='
+
query
[
i
]
+
'&'
;
}
}
}
}
// let newHref = 'http
s://emm.cmccbigdata.com:8443
/cscm/pages/home?'
// let newHref = 'http
://172.168.20.37:8888
/cscm/pages/home?'
console
.
log
(
'newHref :'
,
newHref
)
console
.
log
(
'newHref :'
,
newHref
)
// http
s://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'
)
{
if
(
query
.
ua
===
'android'
)
{
emm
.
openWebView
(
newHref
)
emm
.
openWebView
(
newHref
)
}
else
if
(
query
.
ua
===
'ios'
)
{
}
else
if
(
query
.
ua
===
'ios'
)
{
...
@@ -77,7 +77,7 @@ export default {
...
@@ -77,7 +77,7 @@ export default {
if
(
data
===
null
)
return
if
(
data
===
null
)
return
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
const
d
=
data
[
i
];
const
d
=
data
[
i
];
d
.
imgUrl
=
'http
s://emm.cmccbigdata.com:8443
/work/'
+
d
.
imagePath
d
.
imgUrl
=
'http
://172.168.20.37:8888
/work/'
+
d
.
imagePath
}
}
this
.
list
=
data
this
.
list
=
data
if
(
!
this
.
list
.
length
)
{
if
(
!
this
.
list
.
length
)
{
...
...
src/views/app/workbench.vue
View file @
2193009c
...
@@ -269,6 +269,8 @@ export default {
...
@@ -269,6 +269,8 @@ export default {
}
}
},
},
applicationClick
(
applicationItem
,
url
,
index
)
{
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
+
'?'
let
href
=
applicationItem
.
pack
+
'?'
const
query
=
this
.
$route
.
query
const
query
=
this
.
$route
.
query
for
(
let
i
in
query
)
{
for
(
let
i
in
query
)
{
...
@@ -323,8 +325,8 @@ export default {
...
@@ -323,8 +325,8 @@ export default {
// this.applicationList = data.applications
// this.applicationList = data.applications
this
.
applicationList
=
data
this
.
applicationList
=
data
this
.
applicationList
.
forEach
(
e
=>
{
this
.
applicationList
.
forEach
(
e
=>
{
// http
s://emm.cmccbigdata.com:8443
/file/1530357218832.png
// http
://172.168.20.37:8888
/file/1530357218832.png
e
.
icon
=
"http
s://emm.cmccbigdata.com:8443
/file/"
+
e
.
icon
e
.
icon
=
"http
://172.168.20.37:8888
/file/"
+
e
.
icon
});
});
},
},
async
getAdvertList
()
{
async
getAdvertList
()
{
...
@@ -336,8 +338,8 @@ export default {
...
@@ -336,8 +338,8 @@ export default {
// console.log('data advertList:', data)
// console.log('data advertList:', data)
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
for
(
let
i
=
0
;
i
<
data
.
length
;
i
++
)
{
const
d
=
data
[
i
];
const
d
=
data
[
i
];
if
(
d
.
filePath
)
d
.
filePath
=
'http
s://emm.cmccbigdata.com:8443
/work/'
+
d
.
filePath
if
(
d
.
filePath
)
d
.
filePath
=
'http
://172.168.20.37:8888
/work/'
+
d
.
filePath
d
.
imagePath
=
'http
s://emm.cmccbigdata.com:8443
/work/'
+
d
.
imagePath
d
.
imagePath
=
'http
://172.168.20.37:8888
/work/'
+
d
.
imagePath
}
}
data
.
sort
((
a
,
b
)
=>
{
data
.
sort
((
a
,
b
)
=>
{
return
a
.
pos
-
b
.
pos
return
a
.
pos
-
b
.
pos
...
@@ -367,7 +369,7 @@ export default {
...
@@ -367,7 +369,7 @@ export default {
doc
.
imgUrl
=
require
(
"../../assets/app/workbench/pdf.png"
)
doc
.
imgUrl
=
require
(
"../../assets/app/workbench/pdf.png"
)
// doc.createdTime = this.formatTime(doc.createdTime)
// doc.createdTime = this.formatTime(doc.createdTime)
doc
.
createdTime
=
doc
.
createdTime
.
slice
(
0
,
10
)
doc
.
createdTime
=
doc
.
createdTime
.
slice
(
0
,
10
)
doc
.
filePath
=
'http
s://emm.cmccbigdata.com:8443
/work/'
+
doc
.
filePath
doc
.
filePath
=
'http
://172.168.20.37:8888
/work/'
+
doc
.
filePath
}
}
data
.
sort
((
a
,
b
)
=>
{
data
.
sort
((
a
,
b
)
=>
{
return
b
.
id
-
a
.
id
return
b
.
id
-
a
.
id
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment