Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
Z
zhichan
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
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
蒋勇
zhichan
Commits
a05a0337
Commit
a05a0337
authored
Mar 17, 2020
by
任建
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
rj
parent
60e40a44
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
941 additions
and
77 deletions
+941
-77
channel-access/src/assets/imgs/icplicense/Rectangle 2@2x.png
+0
-0
channel-access/src/assets/imgs/icplicense/u3.png
+0
-0
channel-access/src/router/index.js
+91
-76
channel-access/src/views/icplicense/confirmation/index.vue
+129
-0
channel-access/src/views/icplicense/fillmaterials/index.vue
+182
-0
channel-access/src/views/icplicense/productdetails/index.vue
+537
-0
channel-access/src/views/pages/jdbycquerytm/index.vue
+2
-1
No files found.
channel-access/src/assets/imgs/icplicense/Rectangle 2@2x.png
0 → 100644
View file @
a05a0337
384 KB
channel-access/src/assets/imgs/icplicense/u3.png
0 → 100644
View file @
a05a0337
70.2 KB
channel-access/src/router/index.js
View file @
a05a0337
import
Vue
from
"vue"
;
import
Vue
from
'vue'
;
import
VueRouter
from
"vue-router"
;
import
VueRouter
from
'vue-router'
;
import
{
getCookie
}
from
"@/utils/getToken.js"
;
import
{
getCookie
}
from
'@/utils/getToken.js'
;
Vue
.
use
(
VueRouter
);
Vue
.
use
(
VueRouter
);
const
routes
=
[
const
routes
=
[
{
{
path
:
"/jdbycquerytm"
,
path
:
'/icpfillmaterials'
,
name
:
"jdbycquerytm"
,
name
:
'icpfillmaterials'
,
component
:
()
=>
import
(
"@/views/pages/jdbycquerytm"
)
component
:
()
=>
import
(
'@/views/icplicense/fillmaterials'
)
},
},
{
{
path
:
"/home"
,
path
:
'/icpconfirmation'
,
name
:
"home"
,
name
:
'icpconfirmation'
,
component
:
()
=>
import
(
"@/views/pages/home"
)
component
:
()
=>
import
(
'@/views/icplicense/confirmation'
)
},
},
{
{
path
:
"/companyinformation"
,
path
:
'/icpproductdetails'
,
name
:
"companyinformation"
,
name
:
'icpproductdetails'
,
component
:
()
=>
import
(
"@/views/pages/companyinformation"
)
component
:
()
=>
import
(
'@/views/icplicense/productdetails'
)
},
{
path
:
'/jdbycquerytm'
,
name
:
'jdbycquerytm'
,
component
:
()
=>
import
(
'@/views/pages/jdbycquerytm'
)
},
{
path
:
'/home'
,
name
:
'home'
,
component
:
()
=>
import
(
'@/views/pages/home'
)
},
{
path
:
'/companyinformation'
,
name
:
'companyinformation'
,
component
:
()
=>
import
(
'@/views/pages/companyinformation'
)
},
},
// {
// {
// path: "/",
// path: "/",
// redirect: "/home"
// redirect: "/home"
// },
// },
{
{
path
:
"/"
,
path
:
'/'
,
redirect
:
"/user"
redirect
:
'/user'
},
},
{
{
path
:
"/user"
,
path
:
'/user'
,
name
:
"user"
,
name
:
'user'
,
redirect
:
"/user/login"
,
redirect
:
'/user/login'
,
component
:
()
=>
import
(
"@/views/pages/user"
),
component
:
()
=>
import
(
'@/views/pages/user'
),
children
:
[
children
:
[
{
{
path
:
"login"
,
path
:
'login'
,
name
:
"login"
,
name
:
'login'
,
component
:
()
=>
import
(
"@/views/pages/user/login"
)
component
:
()
=>
import
(
'@/views/pages/user/login'
)
},
},
{
{
path
:
"register"
,
path
:
'register'
,
name
:
"register"
,
name
:
'register'
,
component
:
()
=>
import
(
"@/views/pages/user/register"
)
component
:
()
=>
import
(
'@/views/pages/user/register'
)
},
},
{
{
path
:
"forgetpassword"
,
path
:
'forgetpassword'
,
name
:
"forgetpassword"
,
name
:
'forgetpassword'
,
component
:
()
=>
import
(
"@/views/pages/user/forgetPassword"
)
component
:
()
=>
import
(
'@/views/pages/user/forgetPassword'
)
}
}
]
]
},
},
{
{
path
:
"/cashier"
,
path
:
'/cashier'
,
name
:
"cashier"
,
name
:
'cashier'
,
component
:
()
=>
import
(
"@/views/pages/cashier"
)
component
:
()
=>
import
(
'@/views/pages/cashier'
)
},
},
{
{
path
:
"/productdetails"
,
path
:
'/productdetails'
,
name
:
"productdetails"
,
name
:
'productdetails'
,
component
:
()
=>
import
(
"@/views/pages/productdetails"
)
component
:
()
=>
import
(
'@/views/pages/productdetails'
)
},
},
{
{
path
:
"/successfulpayment"
,
path
:
'/successfulpayment'
,
name
:
"successfulpayment"
,
name
:
'successfulpayment'
,
component
:
()
=>
import
(
"@/views/pages/successfulpayment"
)
component
:
()
=>
import
(
'@/views/pages/successfulpayment'
)
},
},
{
{
path
:
"/placeorder"
,
path
:
'/placeorder'
,
name
:
"placeorder"
,
name
:
'placeorder'
,
component
:
()
=>
import
(
"@/views/pages/placeorder"
)
component
:
()
=>
import
(
'@/views/pages/placeorder'
)
},
},
{
{
path
:
"/jdbycdetailtm"
,
path
:
'/jdbycdetailtm'
,
name
:
"jdbycdetailtm"
,
name
:
'jdbycdetailtm'
,
component
:
()
=>
import
(
"@/views/pages/jdbycdetailtm"
)
component
:
()
=>
import
(
'@/views/pages/jdbycdetailtm'
)
},
},
{
{
path
:
"/companydetail"
,
path
:
'/companydetail'
,
name
:
"companydetail"
,
name
:
'companydetail'
,
component
:
()
=>
import
(
"@/views/pages/companydetail"
)
component
:
()
=>
import
(
'@/views/pages/companydetail'
)
},
},
{
{
path
:
"/jdindentlist"
,
path
:
'/jdindentlist'
,
name
:
"jdindentlist"
,
name
:
'jdindentlist'
,
component
:
()
=>
import
(
"@/views/pages/jdindentlist"
)
component
:
()
=>
import
(
'@/views/pages/jdindentlist'
)
},
},
{
{
path
:
"/jdindentdetail"
,
path
:
'/jdindentdetail'
,
name
:
"jdindentdetail"
,
name
:
'jdindentdetail'
,
component
:
()
=>
import
(
"@/views/pages/jdindentdetail"
)
component
:
()
=>
import
(
'@/views/pages/jdindentdetail'
)
},
},
/////////
/////////
{
{
path
:
"/jdtrademark"
,
path
:
'/jdtrademark'
,
name
:
"jdtrademark"
,
name
:
'jdtrademark'
,
component
:
()
=>
import
(
"@/views/pages/jdtrademark/Jdtrademark"
)
component
:
()
=>
import
(
'@/views/pages/jdtrademark/Jdtrademark'
)
},
},
{
{
path
:
"/selftmreg"
,
path
:
'/selftmreg'
,
name
:
"selftmreg"
,
name
:
'selftmreg'
,
component
:
()
=>
import
(
"@/views/pages/selftmreg/Selftmreg"
)
component
:
()
=>
import
(
'@/views/pages/selftmreg/Selftmreg'
)
},
},
{
{
path
:
"/guaranteereg"
,
path
:
'/guaranteereg'
,
name
:
"guaranteereg"
,
name
:
'guaranteereg'
,
component
:
()
=>
import
(
"@/views/pages/guaranteereg/Guaranteereg"
)
component
:
()
=>
import
(
'@/views/pages/guaranteereg/Guaranteereg'
)
},
},
// 公告查询 十二期公告 首页
// 公告查询 十二期公告 首页
{
{
path
:
"/bycnoticetm"
,
path
:
'/bycnoticetm'
,
name
:
"bycnoticetm"
,
name
:
'bycnoticetm'
,
component
:
()
=>
import
(
"@/views/pages/bycnoticetm/Bycnoticetm"
)
component
:
()
=>
import
(
'@/views/pages/bycnoticetm/Bycnoticetm'
)
},
},
// 公告查询 查询页面 查询页
// 公告查询 查询页面 查询页
{
{
path
:
"/bycnoticeindex"
,
path
:
'/bycnoticeindex'
,
name
:
"bycnoticeindex"
,
name
:
'bycnoticeindex'
,
component
:
()
=>
import
(
"@/views/pages/bycnoticeindex/Bycnoticeindex"
)
component
:
()
=>
import
(
'@/views/pages/bycnoticeindex/Bycnoticeindex'
)
},
},
// 公告查询 公告详情页
// 公告查询 公告详情页
{
{
path
:
"/bycnoticedetail"
,
path
:
'/bycnoticedetail'
,
name
:
"bycnoticedetail"
,
name
:
'bycnoticedetail'
,
component
:
()
=>
import
(
"@/views/pages/bycnoticedetail/Bycnoticedetail"
)
component
:
()
=>
import
(
'@/views/pages/bycnoticedetail/Bycnoticedetail'
)
},
},
///// 政策后台页面
///// 政策后台页面
{
{
path
:
"/policyadmin"
,
path
:
'/policyadmin'
,
name
:
"policyadmin"
,
name
:
'policyadmin'
,
component
:
()
=>
import
(
"@/views/pages/policyadmin/policyadmin.vue"
)
component
:
()
=>
import
(
'@/views/pages/policyadmin/policyadmin.vue'
)
},
},
///// 公司列表页
///// 公司列表页
{
{
path
:
"/comapnylist"
,
path
:
'/comapnylist'
,
name
:
"comapnylist"
,
name
:
'comapnylist'
,
component
:
()
=>
import
(
"@/views/fqembed/comapnylist.vue"
)
component
:
()
=>
import
(
'@/views/fqembed/comapnylist.vue'
)
}
,
}
];
];
const
router
=
new
VueRouter
({
const
router
=
new
VueRouter
({
routes
,
routes
,
...
...
channel-access/src/views/icplicense/confirmation/index.vue
0 → 100644
View file @
a05a0337
<
template
>
<div
class=
"confirmation"
>
<div
class=
"confirmationTitle"
>
<div>
确认订单
</div>
</div>
<div
class=
"confirmationMsg"
>
<div
class=
"confirmationMsg-main"
>
<div
class=
"main-top"
>
<p>
产品名称
</p>
<p>
配置详情
</p>
<p>
付费方式
</p>
<p>
数量
</p>
<p>
优惠
</p>
<p>
资费
</p>
</div>
<div
class=
"main-top main-msg"
>
<p>
ICP许可证办理
</p>
<p>
ICP许可证产品分类:自助办理
</p>
<p>
预付款
</p>
<p>
1
</p>
<p>
¥0.00
</p>
<p>
¥1000.00
</p>
</div>
</div>
<div
class=
"confirmationMsg-bottom"
>
<div>
<p>
总计费用:
<span>
¥1000.00
</span></p>
<button>
确认购买
</button>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{};
</
script
>
<
style
lang=
"scss"
scoped
>
.confirmation
{
width
:
100%
;
background
:
#f5f5f6
;
padding
:
0
0
50px
0
;
.confirmationTitle
{
width
:
100%
;
padding
:
20px
0
;
background
:
#fff
;
div
{
width
:
1200px
;
margin
:
0
auto
;
font-size
:
20px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
0
,
0
,
0
,
0.85
);
line-height
:
20px
;
}
}
.confirmationMsg
{
width
:
1200px
;
margin
:
30px
auto
;
}
}
.confirmationMsg-main
{
width
:
100%
;
background
:
#fff
;
padding
:
20px
20px
30px
20px
;
border-radius
:
2px
;
margin-bottom
:
50px
;
.main-top
{
display
:
flex
;
padding
:
10px
20px
;
border
:
1px
solid
rgba
(
235
,
236
,
236
,
1
);
margin-bottom
:
20px
;
p
{
flex
:
1
;
font-size
:
12px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
0
,
0
,
0
,
0.85
);
line-height
:
17px
;
}
p
:nth-child
(
2
)
{
width
:
260px
;
flex
:
none
;
}
}
.main-msg
{
width
:
100%
;
padding
:
16px
20px
;
background
:
rgba
(
245
,
245
,
246
,
1
);
}
}
.confirmationMsg-bottom
{
width
:
100%
;
padding
:
27px
32px
;
background
:
#fff
;
text-align
:
right
;
div
{
display
:
flex
;
justify-content
:
flex-end
;
p
{
margin-right
:
40px
;
font-size
:
14px
;
font-family
:
HelveticaNeue
;
color
:
rgba
(
0
,
0
,
0
,
0.85
);
line-height
:
16px
;
span
{
font-size
:
26px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
255
,
138
,
1
,
1
);
line-height
:
36px
;
margin-left
:
10px
;
}
}
button
{
width
:
154px
;
height
:
36px
;
background
:
rgba
(
255
,
138
,
1
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
22px
;
border
:
none
;
}
}
}
</
style
>
channel-access/src/views/icplicense/fillmaterials/index.vue
0 → 100644
View file @
a05a0337
<
template
>
<div
class=
"fillmaterials"
>
<div
class=
"fillmaterialsTitle"
>
<div
class=
"fillmaterialsTitle-wrap"
>
<el-breadcrumb
separator=
"|"
>
<el-breadcrumb-item
:to=
"
{ path: '/' }"
>
<i
class=
"el-icon-arrow-left"
></i>
返回
</el-breadcrumb-item
>
<el-breadcrumb-item>
填写材料
</el-breadcrumb-item>
</el-breadcrumb>
</div>
</div>
<div
class=
"fillmaterialsMsg"
>
<div
class=
"fillmaterialsMsg-step"
>
<li
v-for=
"(item, index) in stepList"
:key=
"index"
:class=
"actived(index)"
>
<p>
<em
class=
"before"
></em>
<span>
{{
item
}}
</span>
<i></i>
</p>
</li>
</div>
<div></div>
</div>
</div>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
stepList
:
[
'申请人信息'
,
'实时计划'
,
'企业人员情况'
,
'股东情况'
,
'其他材料'
],
activedIndex
:
2
};
},
methods
:
{
actived
(
index
)
{
if
(
index
==
this
.
activedIndex
)
{
return
'actived'
;
}
else
if
(
index
<
this
.
activedIndex
)
{
return
'finish'
;
}
else
{
return
''
;
}
}
}
};
</
script
>
<
style
lang=
"scss"
>
.fillmaterials
{
width
:
100%
;
background
:
#f5f5f6
;
.fillmaterialsTitle
{
width
:
100%
;
padding
:
19px
0
;
background
:
#fff
;
.fillmaterialsTitle-wrap
{
width
:
1200px
;
margin
:
0
auto
;
.el-breadcrumb__item
{
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
line-height
:
22px
;
}
.is-link
{
color
:
rgba
(
255
,
106
,
0
,
1
);
}
}
}
.fillmaterialsMsg
{
width
:
1200px
;
margin
:
0
auto
;
}
}
.fillmaterialsMsg-step
{
width
:
100%
;
margin
:
30px
0
20px
0
;
display
:
flex
;
li
{
width
:
24%
;
display
:
list-item
;
text-align
:
center
;
float
:
left
;
margin-right
:
8px
;
background
:
#ebecec
;
border-top
:
1px
solid
#ebecec
;
height
:
40px
;
position
:
relative
;
p
{
display
:
block
;
padding
:
8px
0
;
cursor
:
pointer
;
height
:
40px
;
box-sizing
:
border-box
;
span
{
vertical-align
:
middle
;
font-size
:
12px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#9ea1a2
;
line-height
:
17px
;
display
:
inline-block
;
overflow
:
hidden
;
text-align
:
center
;
width
:
75%
;
}
i
{
float
:
right
;
width
:
28px
;
height
:
28px
;
margin
:
3px
0px
0px
3.5px
;
top
:
2px
;
transform
:
rotate
(
45deg
);
-webkit-transform
:
rotate
(
45deg
);
background
:
#ebecec
;
-moz-transform
:
rotate
(
45deg
);
-ms-transform
:
rotate
(
45deg
);
position
:
absolute
;
z-index
:
22
;
}
em
.before
{
width
:
28px
;
height
:
28px
;
transform
:
rotate
(
45deg
);
-webkit-transform
:
rotate
(
45deg
);
float
:
left
;
margin
:
-3px
10px
0px
-14.5px
;
top
:
2px
;
background
:
#f5f5f6
;
z-index
:
2
;
}
}
}
li
:first-child
{
em.before
{
background
:
none
;
}
}
li
:last-child
{
margin-right
:
0
;
i
{
background
:
none
!important
;
}
}
.finish
{
border-top
:
1px
solid
#ffb35d
;
border-bottom
:
1px
solid
#ffb35d
;
background
:
#ffb35d
!important
;
color
:
#fff
;
span
{
color
:
#fff
;
}
i
{
background
:
#ffb35d
!important
;
}
}
.actived
{
border-top
:
1px
solid
#ff8a01
;
border-bottom
:
1px
solid
#ff8a01
;
background
:
#ff8a01
!important
;
color
:
#fff
;
span
{
color
:
#fff
;
}
i
{
background
:
#ff8a01
!important
;
}
}
}
</
style
>
channel-access/src/views/icplicense/productdetails/index.vue
0 → 100644
View file @
a05a0337
<
template
>
<div
class=
"productdetails"
>
<div
class=
"productdetailsMsg"
>
<div
class=
"productdetailsToP"
>
<div
class=
"productdetailsToP-right"
>
<img
src=
"../../../assets/imgs/icplicense/u3.png"
alt=
""
/>
<h4>
ICP许可证
</h4>
<p>
助力企业资质安全 合规合法经营
</p>
</div>
<div
class=
"productdetailsToP-left"
>
<h1>
互联网信息经营(ICP)许可证办理
</h1>
<h2>
ICP许可证 / ICP牌照 / 互联网经营许可证 / 互联网信息服务业务许可证
</h2>
<div
class=
"priceMsg"
>
<div
class=
"priceMsgLeft"
>
<p>
价格:
<span>
¥1000
</span></p>
<p>
折扣价格:
<b>
¥1000
</b></p>
</div>
<div
class=
"priceMsgRight"
>
<p>
42人正在使用
</p>
<el-rate
v-model=
"countXin"
disabled
text-color=
"#FFCC01"
>
</el-rate>
</div>
</div>
<div
class=
"typeJiao"
>
<p><b>
交付方式
</b><span>
线上交付
</span></p>
</div>
<div
class=
"typeJiaoFu"
>
<p>
<b>
规格
</b
><span
v-for=
"(item, index) in typeList"
:key=
"index"
@
click=
"typeClick(index)"
:class=
"typeIndex == index ? 'active' : ''"
>
{{
item
}}
</span
>
</p>
</div>
<button>
立即购买
</button>
</div>
</div>
<div
class=
"productdetailsMain"
>
<div
class=
"productdetailsMain-tabs"
>
<p
:class=
"index == tabsIndex ? 'actived' : ''"
v-for=
"(item, index) in tabsList"
:key=
"index"
@
click=
"tabsClick(index)"
>
{{
item
}}
</p>
</div>
<div
class=
"productdetailsMain-title"
>
<p>
办理须知
</p>
</div>
<div
class=
"productdetailsMain-items"
>
<div
class=
"itemmsg"
>
<div
class=
"items"
>
<div></div>
<h3>
行业
</h3>
<p>
如网站中含有前置审批(特殊行业)内容,则需要首先通过行业前置审批后才可以申请
</p>
</div>
<div
class=
"items"
>
<div></div>
<h3>
地域
</h3>
<p>
ICP许可证由企业注册所在地的通信管理局审批,各地区政策有区别。
</p>
</div>
<div
class=
"items"
>
<div></div>
<h3>
盈利模式
</h3>
<p>
在线盈利模式包括互联网有偿信息服务,包括在线销售、在线支付、广告招商、会员收费、企业合作、项目投标等。
</p>
</div>
</div>
</div>
<div
class=
"productdetailsMain-title"
>
<p>
办理条件
</p>
</div>
<div
class=
"productdetailsMain-items"
>
<div
class=
"conditions"
>
<p
v-for=
"(item, index) in conditionsList"
:key=
"index"
>
<span>
{{
index
+
1
}}
</span
>
{{
item
}}
</p>
</div>
</div>
<div
class=
"productdetailsMain-title"
>
<p>
办理流程
</p>
</div>
<div
class=
"productdetailsMain-items"
>
<div
class=
"flow"
>
<div
class=
"line"
></div>
<div
class=
"flowItem"
>
<div></div>
<p>
提交资料
</p>
</div>
<div
class=
"flowItem"
>
<div></div>
<p>
提交资料
</p>
</div>
<div
class=
"flowItem"
>
<div></div>
<p>
提交资料
</p>
</div>
<div
class=
"flowItem"
>
<div></div>
<p>
提交资料
</p>
</div>
</div>
</div>
<div
class=
"productdetailsMain-title"
>
<p>
所需材料
</p>
</div>
<div
class=
"productdetailsMain-items"
>
<div
class=
"materials"
>
<div
class=
"materialsMain"
>
<p
v-for=
"(item, index) in materialsList"
:key=
"index"
>
<span>
{{
index
+
1
}}
.
</span>
{{
item
}}
</p>
</div>
</div>
</div>
<div
class=
"productdetailsMain-title"
>
<p>
服务优势
</p>
</div>
<div
class=
"productdetailsMain-items"
>
<div
class=
"advantages"
></div>
</div>
</div>
</div>
</div>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
countXin
:
5.0
,
tabsIndex
:
0
,
typeIndex
:
0
,
typeList
:
[
'自助注册'
,
'专家辅助注册'
],
tabsList
:
[
'产品内容'
,
'办理须知'
,
'办理条件'
,
'办理流程'
,
'所需材料'
,
'服务优势'
],
conditionsList
:
[
'经营者为依法设立的公司,注册资金大于等于100万的内资公司;'
,
'有与开发经营活动相适应的资金和专业人员;'
,
'有业务发展计划及相关技术方案;'
,
'有为用户提供长期服务的荣誉或者能力;'
,
'健全的网络与信息安全保障措施,包括网站安全保障措施、信息安全保密管理制度、用户信息安全管理制度;'
,
'涉及到ICP管理办法中规定需要前置审批的信息服务内容的,已取得有关主管部门同意的文件;'
,
'国家规定的其他条件。'
],
materialsList
:
[
'营业执照副本原件彩色扫描件 '
,
'公司法人、股东为自然人,准备其身份证原件扫描件; '
,
'公司股东为企业法人,提交其企信网截图, 申请公司为上市公司的,需提供其十大股东截图,并提供其十大股东中的自然人身份证彩色扫描 件或企业法人的企信网截图; '
,
'3名社保人员身份证原件彩色扫描件(身份证正反面都扫描)及近期一个月社保证明; '
,
'托管协议原件彩色扫描件及托管商IDC证书复印件; '
,
'域名注册证书原件彩色扫描件(域名所有人必须公司全称); '
]
};
},
methods
:
{
tabsClick
(
index
)
{
this
.
tabsIndex
=
index
;
},
typeClick
(
index
)
{
this
.
typeIndex
=
index
;
}
}
};
</
script
>
<
style
lang=
"scss"
scoped
>
.productdetails
{
width
:
100%
;
.productdetailsMsg
{
width
:
1314px
;
margin
:
0
auto
;
background
:
#fff
;
}
}
.productdetailsToP
{
padding
:
30px
17px
;
display
:
flex
;
.productdetailsToP-right
{
width
:
450px
;
height
:
330px
;
position
:
relative
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
img
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
}
h4
{
position
:
relative
;
z-index
:
3
;
font-size
:
40px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
56px
;
letter-spacing
:
3px
;
text-shadow
:
0px
2px
4px
rgba
(
237
,
100
,
15
,
1
);
margin-bottom
:
56px
;
}
p
{
position
:
relative
;
z-index
:
3
;
width
:
176px
;
height
:
60px
;
font-size
:
22px
;
font-family
:
ArialMT
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
40px
;
text-align
:
center
;
}
}
.productdetailsToP-left
{
flex
:
1
;
padding-left
:
34px
;
h1
{
font-size
:
20px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
28px
;
margin-bottom
:
10px
;
}
h2
{
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
22px
;
margin-bottom
:
20px
;
}
.priceMsg
{
width
:
100%
;
height
:
110px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
border-radius
:
1px
;
display
:
flex
;
padding
:
11px
0
9px
;
.priceMsgLeft
{
flex
:
1
;
padding
:
10px
11px
0
11px
;
p
{
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
22px
;
margin-bottom
:
18px
;
span
{
color
:
#616669
;
text-decoration
:
line-through
;
}
b
{
font-size
:
30px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
254
,
106
,
1
,
1
);
}
}
}
.priceMsgRight
{
width
:
160px
;
border-left
:
1px
solid
#d6d6d6
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
p
{
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
22px
;
margin-bottom
:
10px
;
}
}
}
.typeJiao
{
margin-top
:
16px
;
p
{
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
b
{
color
:
rgba
(
155
,
158
,
160
,
1
);
line-height
:
20px
;
display
:
inline-block
;
width
:
78px
;
}
span
{
color
:
#fe6a01
;
display
:
inline-block
;
padding
:
7px
29px
;
border
:
1px
solid
rgba
(
254
,
106
,
1
,
1
);
}
}
}
.typeJiaoFu
{
margin-top
:
16px
;
p
{
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
b
{
color
:
rgba
(
155
,
158
,
160
,
1
);
line-height
:
20px
;
display
:
inline-block
;
width
:
78px
;
}
span
{
color
:
#7f8285
;
display
:
inline-block
;
padding
:
7px
29px
;
border
:
1px
solid
#dddddd
;
margin-right
:
30px
;
cursor
:
pointer
;
}
.active
{
color
:
#fe6a01
;
border
:
1px
solid
rgba
(
254
,
106
,
1
,
1
);
}
}
}
button
{
margin-top
:
35px
;
width
:
158px
;
height
:
47px
;
background
:
rgba
(
254
,
106
,
1
,
1
);
border
:
none
;
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
22px
;
}
}
}
.productdetailsMain
{
width
:
100%
;
.productdetailsMain-tabs
{
width
:
100%
;
border-bottom
:
1px
solid
#d7d8d9
;
display
:
flex
;
p
{
padding
:
20px
0
;
margin
:
0
20px
;
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
#373d41
;
line-height
:
22px
;
cursor
:
pointer
;
}
.actived
{
border-bottom
:
2px
solid
#fe6a01
;
color
:
#fe6a01
;
}
}
.productdetailsMain-title
{
width
:
100%
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
p
{
padding
:
20px
0
10px
0
;
font-size
:
28px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
54
,
60
,
64
,
1
);
line-height
:
40px
;
border-bottom
:
2px
solid
rgba
(
254
,
106
,
1
,
1
);
}
}
.productdetailsMain-items
{
width
:
100%
;
padding
:
40px
0
50px
;
.itemmsg
{
padding
:
0
40px
;
display
:
flex
;
justify-content
:
space-between
;
.items
{
width
:
275px
;
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
flex-direction
:
column
;
div
{
width
:
64px
;
height
:
64px
;
background
:
#ccc
;
margin-bottom
:
45px
;
}
h3
{
font-size
:
22px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
30px
;
margin-bottom
:
18px
;
}
p
{
height
:
110px
;
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
22px
;
text-align
:
center
;
}
}
}
.conditions
{
width
:
100%
;
padding
:
0
40px
;
p
{
font-size
:
18px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
89
,
95
,
111
,
1
);
line-height
:
24px
;
letter-spacing
:
1px
;
display
:
flex
;
margin-bottom
:
23px
;
span
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
width
:
25px
;
height
:
25px
;
background
:
rgba
(
254
,
106
,
1
,
1
);
border-radius
:
50px
;
font-size
:
16px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
22px
;
margin-right
:
15px
;
}
}
}
.flow
{
width
:
100%
;
position
:
relative
;
display
:
flex
;
justify-content
:
space-evenly
;
align-items
:
center
;
.line
{
position
:
absolute
;
top
:
45px
;
left
:
0
;
margin-top
:
-1px
;
width
:
100%
;
height
:
2px
;
background
:
linear-gradient
(
90deg
,
rgba
(
255
,
255
,
255
,
1
)
0%
,
rgba
(
254
,
106
,
1
,
1
)
49%
,
rgba
(
255
,
255
,
255
,
1
)
100%
);
border-radius
:
1px
;
z-index
:
1
;
}
.flowItem
{
width
:
90px
;
position
:
relative
;
z-index
:
2
;
div
{
width
:
90px
;
height
:
90px
;
background
:
#fff
;
border-radius
:
100px
;
margin-bottom
:
20px
;
box-shadow
:
0px
0px
8px
0px
rgba
(
249
,
111
,
13
,
0.42
);
}
p
{
font-size
:
22px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
55
,
61
,
65
,
1
);
line-height
:
30px
;
}
}
}
.materials
{
padding
:
0
30px
;
.materialsMain
{
width
:
100%
;
background
:
#f9f9f9
;
padding
:
40px
47px
;
p
{
font-size
:
18px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
64
,
69
,
73
,
1
);
line-height
:
22px
;
margin-bottom
:
23px
;
display
:
flex
;
span
{
margin-right
:
10px
;
display
:
block
;
}
}
}
}
.advantages
{
width
:
100%
;
height
:
470px
;
}
}
}
</
style
>
channel-access/src/views/pages/jdbycquerytm/index.vue
View file @
a05a0337
...
@@ -213,7 +213,7 @@
...
@@ -213,7 +213,7 @@
@
current-change=
"handleCurrentChange"
@
current-change=
"handleCurrentChange"
>
>
</el-pagination>
</el-pagination>
</div>
</div>
<!-- 暂无数据 -->
<!-- 暂无数据 -->
<div
class=
"notData"
v-if=
"dataList.length == 0"
>
<div
class=
"notData"
v-if=
"dataList.length == 0"
>
<img
src=
"@/assets/imgs/wushuju.png"
alt=
""
/>
<img
src=
"@/assets/imgs/wushuju.png"
alt=
""
/>
...
@@ -701,6 +701,7 @@ export default {
...
@@ -701,6 +701,7 @@ export default {
left
:
0
;
left
:
0
;
background
:
rgba
(
0
,
0
,
0
,
0.3
);
background
:
rgba
(
0
,
0
,
0
,
0.3
);
z-index
:
111
;
z-index
:
111
;
display
:
none
;
.imgUpload-main
{
.imgUpload-main
{
width
:
600px
;
width
:
600px
;
margin
:
150px
auto
;
margin
:
150px
auto
;
...
...
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