Commit b658ec7f by 刘泽奇

123

parent 3d23c489
......@@ -198,9 +198,36 @@ module.exports = {
"label": "登录",
"isctl": "no"
},
{
"code": "OAjdcompany",
"icon": "fa fa-power-off",
"path": ":channel/OAjdcompany",
"isMenu": false,
"label": "登录",
"isctl": "no"
},
{
"code": "OAjdlist",
"icon": "fa fa-power-off",
"path": ":channel/OAjdlist",
"isMenu": false,
"label": "登录",
"isctl": "no"
},
{
"code": "OAjddetails",
"icon": "fa fa-power-off",
"path": ":channel/OAjddetails",
"isMenu": false,
"label": "登录",
"isctl": "no"
},
],
},
"bizs": {
"OAjdcompany": { "title": "后台首页", "config": null, "path": "/:channel/OAjdcompany", "comname": "OAjdcompany" },
"OAjdlist": { "title": "后台首页", "config": null, "path": "/:channel/OAjdlist", "comname": "OAjdlist" },
"OAjddetails": { "title": "后台首页", "config": null, "path": "/:channel/OAjddetails", "comname": "OAjddetails" },
"proxy": { "title": "后台首页", "config": null, "path": "/:channel/proxy", "comname": "proxy" },
"companydetail": { "title": "后台首页", "config": null, "path": "/:channel/companydetail", "comname": "companydetail" },
"push": { "title": "后台首页", "config": null, "path": "/:channel/push", "comname": "push" },
......
......@@ -21,7 +21,7 @@
<script src="/js/ele/ele2.12.0.js"></script>
<script src="/js/vue/axios.min.js"></script>
<!-- 京东公共头部和尾部js链接 -->
<!-- <script src="http://www.jdcloud.com/public/js/portalBar.js"></script> -->
<script src="http://www.jdcloud.com/public/js/portalBar.js"></script>
<script>
var appinfo = JSON.parse(unescape('<%=appinfo?appinfo:null%>'));
//缓存当前的基础组件列表
......
......@@ -2911,10 +2911,7 @@
background: #F5F7FA
}
.el-table th,
.el-table tr {
background-color: #FFF
}
.el-table td,
.el-table th {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
<div class="companydetail-warpper">
<div class="jdindentlist-header">
<div>京东云商标</div>
<div>
<span><i class="el-icon-user"></i></span>
<span>1366*565445</span>
</div>
</div>
<div>
<div style="display:flex;height: 60px;align-items: center;">
<div style="background:#ffffff;
border:3px solid #3071fe;
width:6px;
height:6px;
border-radius:100%;margin: 0 10px 0 20px;">
</div>
<div style="font-size: 16px;">
北京蜀天下科技有限公司详情
</div>
</div>
</div>
<div class="jdindentdetail">
<!-- <div class="jdindentdetail-nav">
<span>当前位置:</span>
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="listPath">交付中心
</el-breadcrumb-item>
<el-breadcrumb-item>订单详情</el-breadcrumb-item>
</el-breadcrumb>
</div> -->
<div class="jdindentdetail-main-title">
交付流程
</div>
<div class="jdindentdetail-flow">
<div class="jdindentdetail-main-step-col">
<el-steps :active="currentStep" align-center process-status="process">
<!-- <el-step v-show="itemCode" title="方案不通过"></el-step> -->
<el-step title="已下单"></el-step>
<el-step title="已提交材料"></el-step>
<el-step title="初审通过"></el-step>
<el-step title="工商审核通过"></el-step>
<el-step title="刻章完成"></el-step>
<el-step title="证件已邮寄"></el-step>
<el-step title="已签收"></el-step>
</el-steps>
</div>
</div>
<div class="jdindentdetail-main-title">
企业信息
</div>
<div class="companydetail-name">
<el-table :data="companyData" style="width: 940px;margin:0 auto"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="公司名称" width="180">
</el-table-column>
<el-table-column prop="name" label="备选名称" width="180">
</el-table-column>
<el-table-column prop="address" label="公司类型">
</el-table-column>
<el-table-column prop="address" label="组织形式">
</el-table-column>
<el-table-column prop="address" label="注册地区">
</el-table-column>
<el-table-column prop="address" label="行业分类">
</el-table-column>
</el-table>
</div>
<div class="jdindentdetail-main-title">
企业信息
</div>
<div class="companydetail-info">
<table>
<tr style="background: #f6f9ff;">
<td rowspan="7" width="50" style="text-align:center;background: #f6f9ff;"><br>
<br><br><br>/<br><br><br><br>
</td>
<td colspan="2">注册资金(万元)100</td>
<td colspan="2">经营期限(年)20</td>
<td colspan="2">注册资本实缴日期(年)20</td>
</tr>
<tr>
<td>法人股东姓名</td>
<td>出资金额(万)</td>
<td>出资比例</td>
<td>身份证号</td>
<td>联系电话/手机</td>
<td>联系地址</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>法人股东姓名</td>
<td>出资金额(万)</td>
<td>出资比例</td>
<td>身份证号</td>
<td>联系电话/手机</td>
<td>联系地址</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>法人股东姓名</td>
<td>出资金额(万)</td>
<td>出资比例</td>
<td>身份证号</td>
<td>联系电话/手机</td>
<td>联系地址</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div class="jdindentdetail-main-title">
基本信息
</div>
<div class="companydetail-baseinfo">
<el-table :data="companyData" style="width: 940px;margin:0 auto"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="任职信息" width="180">
</el-table-column>
<el-table-column prop="name" label="姓名" width="180">
</el-table-column>
<el-table-column prop="address" label="手机">
</el-table-column>
<el-table-column prop="address" label="固话">
</el-table-column>
<el-table-column prop="address" label="住宅地址">
</el-table-column>
<el-table-column prop="address" label="邮箱">
</el-table-column>
</el-table>
<el-table :data="companyData" style="width: 940px;margin:0 auto;margin-top: 30px;"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="纳税人类别" width="180">
</el-table-column>
<el-table-column prop="name" label="公积金缴存比例(%)" width="180">
</el-table-column>
<el-table-column prop="address" label="公司经营范围">
</el-table-column>
</el-table>
</div>
<div class="jdindentdetail-main-title">
交官材料
</div>
<div class="companydetail-official">
<div>
<p>
<img src="" alt="">
</p>
<p>法人身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>法人身份证</p>
<p>反面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(1)身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(1)身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(2)身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(2)身份证</p>
<p>正面</p>
</div>
</div>
<div class="jdindentdetail-main-title">
官方回执
</div>
<div class="companydetail-reply">
<div>
<p>
<img src="" alt="">
</p>
<p>营业执照</p>
</div>
</div>
<div class="jdindentdetail-main-title">
收件人信息
</div>
<div class="companydetail-consignee">
<el-table :data="companyData" style="width: 940px;margin:0 auto;margin-top: 30px;"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="收件人" width="180">
</el-table-column>
<el-table-column prop="name" label="收件人地址" width="180">
</el-table-column>
<el-table-column prop="address" label="收件人联系方式">
</el-table-column>
<el-table-column prop="address" label="收件人邮箱">
</el-table-column>
</el-table>
</div>
</div>
</div>
\ No newline at end of file
{
template: '${tmpl}',
data: function() {
return {
listPath: { path: '/1688/jdindentlist', query: {} },
currentStep:1,
companyData:[],
}
},
mounted: function() {
},
created: function() {
},
methods: {
},
vname: "gsb-OAjdcompany"
}
......@@ -3,22 +3,25 @@
}
.companydetail-warpper>.jdindentdetail{
.companydetail-warpper>.jdindentdetail {
margin: 0 auto;
}
.companydetail-warpper .jdindentdetail-flow {
border: 0;
}
.companydetail-warpper .jdindentdetail-main-title{
.companydetail-warpper .jdindentdetail-main-title {
margin: 20px 0;
}
.companydetail-info table {
display: block;
height: 295px;
width: 940px;
border-collapse: collapse;
margin: 0 auto;
}
.companydetail-info table tr td {
......@@ -27,14 +30,57 @@
width: 144px;
border: 1px solid #e7eaf3;
}
.companydetail-info table tr:nth-child(1){
.companydetail-info table tr:nth-child(1) {
height: 48px;
}
.companydetail-info table tr:nth-child(1)>td:nth-child(1) {
width: 48px;
}
.companydetail-info table tr:nth-of-type(even){
.companydetail-info table tr:nth-of-type(even) {
background: rgb(246, 249, 255);
color: #777777;
}
\ No newline at end of file
}
.companydetail-name-header {
background: #eef2fb !important;
}
.companydetail-official {
display: flex;
font-size: 12px;
}
.companydetail-official>div{
margin-right: 20px;
}
.companydetail-official>div>p{
text-align: center;
}
.companydetail-official>div>p:nth-child(1) {
border: 1px solid #dee0eb;
width: 89px;
height: 89px;
display: flex;
align-items: center;
}
.companydetail-reply {
display: flex;
font-size: 12px;
}
.companydetail-reply>div{
margin-right: 20px;
}
.companydetail-reply>div>p{
text-align: center;
}
.companydetail-reply>div>p:nth-child(1) {
border: 1px solid #dee0eb;
width: 89px;
height: 89px;
display: flex;
align-items: center;
}
......@@ -36,30 +36,45 @@
<el-steps :active="currentStep" align-center process-status="process">
<!-- <el-step v-show="itemCode" title="方案不通过"></el-step> -->
<el-step title="待审核"></el-step>
<el-step title="待审核"></el-step>
<el-step title="待审核"></el-step>
<el-step title="待审核"></el-step>
<el-step title="待递交"></el-step>
<el-step title="已递交"></el-step>
<el-step title="已完成"></el-step>
<el-step title="已下单"></el-step>
<el-step title="已提交材料"></el-step>
<el-step title="初审通过"></el-step>
<el-step title="工商审核通过"></el-step>
<el-step title="刻章完成"></el-step>
<el-step title="证件已邮寄"></el-step>
<el-step title="已签收"></el-step>
</el-steps>
</div>
</div>
<div class="jdindentdetail-main-title">
企业信息
</div>
<div class="companydetail-name">
<el-table :data="companyData" style="width: 940px;margin:0 auto"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="公司名称" width="180">
</el-table-column>
<el-table-column prop="name" label="备选名称" width="180">
</el-table-column>
<el-table-column prop="address" label="公司类型">
</el-table-column>
<el-table-column prop="address" label="组织形式">
</el-table-column>
<el-table-column prop="address" label="注册地区">
</el-table-column>
<el-table-column prop="address" label="行业分类">
</el-table-column>
</el-table>
</div>
<div class="jdindentdetail-main-title">
企业信息
</div>
<div class="companydetail-name">
</div>
<div class="companydetail-info">
<table>
<tr style="background: #f6f9ff;">
<td rowspan="7" width="50" style="text-align:center;background: #f6f9ff;"><br><br><br><br>/<br><br><br><br>
<td rowspan="7" width="50" style="text-align:center;background: #f6f9ff;"><br>
<br><br><br>/<br><br><br><br>
</td>
<td colspan="2">注册资金(万元)100</td>
<td colspan="2">经营期限(年)20</td>
......@@ -113,22 +128,113 @@
<td></td>
<td></td>
</tr>
</table>
</div>
<div class="jdindentdetail-main-title">
基本信息
</div>
<div class="companydetail-baseinfo">
<el-table :data="companyData" style="width: 940px;margin:0 auto"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="任职信息" width="180">
</el-table-column>
<el-table-column prop="name" label="姓名" width="180">
</el-table-column>
<el-table-column prop="address" label="手机">
</el-table-column>
<el-table-column prop="address" label="固话">
</el-table-column>
<el-table-column prop="address" label="住宅地址">
</el-table-column>
<el-table-column prop="address" label="邮箱">
</el-table-column>
</el-table>
<el-table :data="companyData" style="width: 940px;margin:0 auto;margin-top: 30px;"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="纳税人类别" width="180">
</el-table-column>
<el-table-column prop="name" label="公积金缴存比例(%)" width="180">
</el-table-column>
<el-table-column prop="address" label="公司经营范围">
</el-table-column>
</el-table>
</div>
<div class="jdindentdetail-main-title">
交官材料
</div>
<div class="companydetail-official">
<div>
<p>
<img src="" alt="">
</p>
<p>法人身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>法人身份证</p>
<p>反面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(1)身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(1)身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(2)身份证</p>
<p>正面</p>
</div>
<div>
<p>
<img src="" alt="">
</p>
<p>自然人(2)身份证</p>
<p>正面</p>
</div>
</div>
<div class="jdindentdetail-main-title">
官方回执
</div>
<div class="companydetail-reply">
<div>
<p>
<img src="" alt="">
</p>
<p>营业执照</p>
</div>
</div>
<div class="jdindentdetail-main-title">
收件人信息
</div>
<div class="companydetail-consignee">
<el-table :data="companyData" style="width: 940px;margin:0 auto;margin-top: 30px;"
header-row-class-name="companydetail-name-header">
<el-table-column prop="date" label="收件人" width="180">
</el-table-column>
<el-table-column prop="name" label="收件人地址" width="180">
</el-table-column>
<el-table-column prop="address" label="收件人联系方式">
</el-table-column>
<el-table-column prop="address" label="收件人邮箱">
</el-table-column>
</el-table>
</div>
</div>
</div>
\ No newline at end of file
......@@ -4,6 +4,7 @@
return {
listPath: { path: '/1688/jdindentlist', query: {} },
currentStep:1,
companyData:[],
}
},
mounted: function() {
......
......@@ -50,7 +50,6 @@
.jdindentdetail {
/* padding: 30px 30px 30px; */
background: #F9F9F9;
padding: 0 20px;
}
......
......@@ -71,19 +71,19 @@
/* 上面是公共部分 */
.jdindentlist {
padding: 20px 20px 30px;
padding: 0px 20px 30px;
background: #F9F9F9;
}
.jdindentlist-inquire {
width: 100%;
height: 110px;
height: 150px;
display: flex;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
/* padding-top: 40px;
padding-left: 40px; */
padding-top: 30px;
padding-left: 40px;
}
.jdindentlist-inquire>div:nth-child(2) {
......@@ -146,7 +146,7 @@
}
.jdindentlist-list {
margin-top: 25px;
margin-top: 0px;
background: #ffffff;
max-height: 30%;
box-sizing: border-box;
......
......@@ -12,7 +12,7 @@
<div>
<input type="text" v-model="searchValue" placeholder="请输入您想检索的商标名称,申请号,申请人等信息">
<div @mouseenter="typeListShow = !typeListShow">全部类别 <i class="el-icon-arrow-down"></i></div>
<div @mouseleave="typeListShow = !typeListShow" class="jdtrademark-typelist" v-show="!typeListShow">
<div @mouseleave="typeListShow = !typeListShow" class="jdtrademark-typelist" v-show="typeListShow">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
</el-checkbox>
<div style="margin: 15px 0;"></div>
......
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