Commit a05a0337 by 任建

rj

parent 60e40a44
import Vue from "vue";
import VueRouter from "vue-router";
import Vue from 'vue';
import VueRouter from 'vue-router';
import { getCookie } from "@/utils/getToken.js";
import { getCookie } from '@/utils/getToken.js';
Vue.use(VueRouter);
const routes = [
{
path: "/jdbycquerytm",
name: "jdbycquerytm",
component: () => import("@/views/pages/jdbycquerytm")
path: '/icpfillmaterials',
name: 'icpfillmaterials',
component: () => import('@/views/icplicense/fillmaterials')
},
{
path: "/home",
name: "home",
component: () => import("@/views/pages/home")
path: '/icpconfirmation',
name: 'icpconfirmation',
component: () => import('@/views/icplicense/confirmation')
},
{
path: "/companyinformation",
name: "companyinformation",
component: () => import("@/views/pages/companyinformation")
path: '/icpproductdetails',
name: 'icpproductdetails',
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: "/",
// redirect: "/home"
// },
{
path: "/",
redirect: "/user"
path: '/',
redirect: '/user'
},
{
path: "/user",
name: "user",
redirect: "/user/login",
component: () => import("@/views/pages/user"),
path: '/user',
name: 'user',
redirect: '/user/login',
component: () => import('@/views/pages/user'),
children: [
{
path: "login",
name: "login",
component: () => import("@/views/pages/user/login")
path: 'login',
name: 'login',
component: () => import('@/views/pages/user/login')
},
{
path: "register",
name: "register",
component: () => import("@/views/pages/user/register")
path: 'register',
name: 'register',
component: () => import('@/views/pages/user/register')
},
{
path: "forgetpassword",
name: "forgetpassword",
component: () => import("@/views/pages/user/forgetPassword")
path: 'forgetpassword',
name: 'forgetpassword',
component: () => import('@/views/pages/user/forgetPassword')
}
]
},
{
path: "/cashier",
name: "cashier",
component: () => import("@/views/pages/cashier")
path: '/cashier',
name: 'cashier',
component: () => import('@/views/pages/cashier')
},
{
path: "/productdetails",
name: "productdetails",
component: () => import("@/views/pages/productdetails")
path: '/productdetails',
name: 'productdetails',
component: () => import('@/views/pages/productdetails')
},
{
path: "/successfulpayment",
name: "successfulpayment",
component: () => import("@/views/pages/successfulpayment")
path: '/successfulpayment',
name: 'successfulpayment',
component: () => import('@/views/pages/successfulpayment')
},
{
path: "/placeorder",
name: "placeorder",
component: () => import("@/views/pages/placeorder")
path: '/placeorder',
name: 'placeorder',
component: () => import('@/views/pages/placeorder')
},
{
path: "/jdbycdetailtm",
name: "jdbycdetailtm",
component: () => import("@/views/pages/jdbycdetailtm")
path: '/jdbycdetailtm',
name: 'jdbycdetailtm',
component: () => import('@/views/pages/jdbycdetailtm')
},
{
path: "/companydetail",
name: "companydetail",
component: () => import("@/views/pages/companydetail")
path: '/companydetail',
name: 'companydetail',
component: () => import('@/views/pages/companydetail')
},
{
path: "/jdindentlist",
name: "jdindentlist",
component: () => import("@/views/pages/jdindentlist")
path: '/jdindentlist',
name: 'jdindentlist',
component: () => import('@/views/pages/jdindentlist')
},
{
path: "/jdindentdetail",
name: "jdindentdetail",
component: () => import("@/views/pages/jdindentdetail")
path: '/jdindentdetail',
name: 'jdindentdetail',
component: () => import('@/views/pages/jdindentdetail')
},
/////////
{
path: "/jdtrademark",
name: "jdtrademark",
component: () => import("@/views/pages/jdtrademark/Jdtrademark")
path: '/jdtrademark',
name: 'jdtrademark',
component: () => import('@/views/pages/jdtrademark/Jdtrademark')
},
{
path: "/selftmreg",
name: "selftmreg",
component: () => import("@/views/pages/selftmreg/Selftmreg")
path: '/selftmreg',
name: 'selftmreg',
component: () => import('@/views/pages/selftmreg/Selftmreg')
},
{
path: "/guaranteereg",
name: "guaranteereg",
component: () => import("@/views/pages/guaranteereg/Guaranteereg")
path: '/guaranteereg',
name: 'guaranteereg',
component: () => import('@/views/pages/guaranteereg/Guaranteereg')
},
// 公告查询 十二期公告 首页
{
path: "/bycnoticetm",
name: "bycnoticetm",
component: () => import("@/views/pages/bycnoticetm/Bycnoticetm")
path: '/bycnoticetm',
name: 'bycnoticetm',
component: () => import('@/views/pages/bycnoticetm/Bycnoticetm')
},
// 公告查询 查询页面 查询页
{
path: "/bycnoticeindex",
name: "bycnoticeindex",
component: () => import("@/views/pages/bycnoticeindex/Bycnoticeindex")
path: '/bycnoticeindex',
name: 'bycnoticeindex',
component: () => import('@/views/pages/bycnoticeindex/Bycnoticeindex')
},
// 公告查询 公告详情页
{
path: "/bycnoticedetail",
name: "bycnoticedetail",
component: () => import("@/views/pages/bycnoticedetail/Bycnoticedetail")
path: '/bycnoticedetail',
name: 'bycnoticedetail',
component: () => import('@/views/pages/bycnoticedetail/Bycnoticedetail')
},
///// 政策后台页面
{
path: "/policyadmin",
name: "policyadmin",
component: () => import("@/views/pages/policyadmin/policyadmin.vue")
path: '/policyadmin',
name: 'policyadmin',
component: () => import('@/views/pages/policyadmin/policyadmin.vue')
},
///// 公司列表页
{
path: "/comapnylist",
name: "comapnylist",
component: () => import("@/views/fqembed/comapnylist.vue")
},
path: '/comapnylist',
name: 'comapnylist',
component: () => import('@/views/fqembed/comapnylist.vue')
}
];
const router = new VueRouter({
routes,
......
<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>
<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>
......@@ -213,7 +213,7 @@
@current-change="handleCurrentChange"
>
</el-pagination>
</div>
</div>
<!-- 暂无数据 -->
<div class="notData" v-if="dataList.length == 0">
<img src="@/assets/imgs/wushuju.png" alt="" />
......@@ -701,6 +701,7 @@ export default {
left: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 111;
display: none;
.imgUpload-main {
width: 600px;
margin: 150px auto;
......
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