Commit a05a0337 by 任建

rj

parent 60e40a44
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,
......
<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 @@ ...@@ -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;
......
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