Skip to content

Z
zhichan
Commit f99b22ec by 宋毅
Options

gMerge branch 'igirl-channel-jdweb' of gitlab.gongsibao.com:jiangyong/zhichan… 

gMerge branch 'igirl-channel-jdweb' of gitlab.gongsibao.com:jiangyong/zhichan into igirl-channel-jdweb
parents e252e881 e03addd1
Showing with 1019 additions and 696 deletions
igirl-channel-jdweb/app/front/entry/public/css/pagecom.css
This source diff could not be displayed because it is too large. You can view the blob instead.
igirl-channel-jdweb/app/front/vues/pages/OAjddetails/OAjddetails.html
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<span>1366*565445</span> <span>1366*565445</span>
</div> </div>
</div> </div>
<div> <!-- <div>
<div style="display:flex;height: 60px;align-items: center;"> <div style="display:flex;height: 60px;align-items: center;">
<div style="background:#ffffff; <div style="background:#ffffff;
border:3px solid #3071fe; border:3px solid #3071fe;
...@@ -26,11 +26,19 @@ ...@@ -26,11 +26,19 @@
订单详情 订单详情
</div> </div>
</div> </div>
</div> </div> -->
<div class="jdindentdetail"> <div class="jdindentdetail">
<div class="jdindentdetail-nav"> <div class="jdindentdetail-nav">
<!-- <span>当前位置：</span> --> <div style="background:#ffffff;
border:3px solid #3071fe;
width:6px;
height:6px;
border-radius:100%;
margin: 0 10px 0 0;
display: inline-block;">
</div>
<span>当前位置：</span>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="listPath">交付中心 <el-breadcrumb-item :to="listPath">交付中心
</el-breadcrumb-item> </el-breadcrumb-item>
...@@ -44,7 +52,7 @@ ...@@ -44,7 +52,7 @@
<div class="jdindentdetail-flow"> <div class="jdindentdetail-flow">
<div class="jdindentdetail-main-step-col"> <div class="jdindentdetail-main-step-col">
<el-steps :active="currentStep" align-center process-status="process"> <el-steps :active="currentStep" align-center process-status="process" id="steps">
<el-step v-if="itemCode" title="待上传材料" description=""></el-step> <el-step v-if="itemCode" title="待上传材料" description=""></el-step>
<el-step v-if="!itemCode" title="待确认方案"></el-step> <el-step v-if="!itemCode" title="待确认方案"></el-step>
<!-- <el-step v-show="itemCode" title="方案不通过"></el-step> --> <!-- <el-step v-show="itemCode" title="方案不通过"></el-step> -->
......
igirl-channel-jdweb/app/front/vues/pages/OAjdlist/OAjdlist.css
.el-table__header-wrapper{
background: #eef2fb;
}
#el-drawer__title{
padding: 10px 20px;
background: #f6f9ff;
}
.jdc-footer{
display: none;
}
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/OAjdlist/OAjdlist.html
...@@ -71,7 +71,8 @@ ...@@ -71,7 +71,8 @@
</div> --> </div> -->
</div> </div>
<div> <div>
<el-button @click="find()">查询</el-button> <el-button @click="find()" style="background:#3071fe;border:1px solid #3071fe;color:#fff;">查询
</el-button>
<el-button @click="reset()">重置</el-button> <el-button @click="reset()">重置</el-button>
</div> </div>
</div> </div>
...@@ -84,26 +85,92 @@ ...@@ -84,26 +85,92 @@
<div class="jdindentlist-list" v-else> <div class="jdindentlist-list" v-else>
<el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%"> <el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%">
<el-table-column prop="channelServiceNo" label="订单编号"> <el-table-column prop="channelServiceNo" label="订单编号">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.channelServiceNo">
<p solt="content">{{scope.row.channelServiceNo}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="deliveryOrderNo" label="交付单号"> <el-table-column prop="deliveryOrderNo" label="交付单号">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.deliveryOrderNo">
<p solt="content">{{scope.row.deliveryOrderNo}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="itemName" label="业务类型"> <el-table-column prop="itemName" label="业务类型">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.itemName">
<p solt="content">{{scope.row.itemName}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="tmName" label="商标名称"> <el-table-column prop="tmName" label="商标名称">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.tmName">
<p solt="content">{{scope.row.tmName}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="nclOneCodes" label="商标类别"> <el-table-column prop="nclOneCodes" label="商标类别">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.nclOneCodes">
<p solt="content">{{scope.row.nclOneCodes}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="nclOneCount" label="商标件数"> <el-table-column prop="nclOneCount" label="商标件数">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.nclOneCount">
<p solt="content">{{scope.row.nclOneCount}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="申请人"> <el-table-column prop="name" label="申请人">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.name">
<p solt="content">{{scope.row.name}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="totalSum" label="订单金额"> <el-table-column prop="totalSum" label="订单金额">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.totalSum">
<p solt="content">{{scope.row.totalSum}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl"> <el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.deliveryStatusName">
<p solt="content">{{scope.row.deliveryStatusName}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="CreateDate" label="下单时间"> <el-table-column prop="CreateDate" label="下单时间">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.CreateDate">
<p solt="content">{{scope.row.CreateDate}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="submitTime" label="递交时间" class-name="subtime"> <el-table-column prop="submitTime" label="递交时间" class-name="subtime">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.submitTime">
<p solt="content">{{scope.row.submitTime}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<!-- <el-table-column prop="address" label="操作"> <!-- <el-table-column prop="address" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -123,11 +190,12 @@ ...@@ -123,11 +190,12 @@
</el-table-column> --> </el-table-column> -->
</el-table> </el-table>
<div class="jdindentlist-list-page"> <div class="jdindentlist-list-page">
<el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()" :current-page.sync="currentPage" <el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()"
:page-size="10" background layout="prev, pager, next,jumper" :total="countPage"> :current-page.sync="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10" background
layout="prev, pager, next,jumper" :total="countPage">
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
</div> </div>
<el-drawer title="上传材料" custom-class="jdindentdetail-drawer" size="58.3333%" <el-drawer title="上传材料" custom-class="jdindentdetail-drawer" size="58.3333%"
...@@ -413,8 +481,9 @@ ...@@ -413,8 +481,9 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="jdindentlist-list-page"> <div class="jdindentlist-list-page">
<el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()" :current-page.sync="currentPage" <el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()"
:page-size="10" background layout="prev, pager, next,jumper" :total="countPage"> :current-page.sync="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10" background
layout="prev, pager, next,jumper" :total="countPage">
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
......
igirl-channel-jdweb/app/front/vues/pages/jdindentdetail/jdindentdetail.css
.jdindentdetail-warpper { .wrapper-bg{
width: 100%; width: 100%;
background: rgb(236, 238, 243);
}
.jdindentdetail-warpper {
background: #fff;
max-width:1320px;
margin: 0 auto;
} }
.jdindentdetail-header { .jdindentdetail-header {
...@@ -54,9 +60,8 @@ ...@@ -54,9 +60,8 @@
} }
.jdindentdetail-nav { .jdindentdetail-nav {
height: 70px;
box-sizing: border-box; box-sizing: border-box;
padding: 1.42% 2.64% 2.7% 3.28%; padding-top: 17px;
} }
.jdindentdetail-nav .el-breadcrumb { .jdindentdetail-nav .el-breadcrumb {
...@@ -67,7 +72,7 @@ ...@@ -67,7 +72,7 @@
width: 100%; width: 100%;
background: #fff; background: #fff;
box-sizing: border-box; box-sizing: border-box;
padding: 1.42% 2.64% 2.7% 3.28%; padding: 1.42% 0 2.7% 0;
overflow: hidden; overflow: hidden;
} }
...@@ -235,12 +240,12 @@ ...@@ -235,12 +240,12 @@
height: 0px; height: 0px;
background: #E1E1E1; background: #E1E1E1;
width: 100%; width: 100%;
margin-top: 56px; margin-top: 20px;
margin-bottom: 48px; margin-bottom: 28px;
} }
.jdindentdetail-info { .jdindentdetail-info {
margin-top: 39px; margin-top: 20px;
} }
.jdindentdetail-info::after { .jdindentdetail-info::after {
...@@ -253,8 +258,7 @@ ...@@ -253,8 +258,7 @@
.jdindentdetail-info>div:nth-child(2) { .jdindentdetail-info>div:nth-child(2) {
float: left; float: left;
margin-top: 24px; padding: 28px 10px 0 20px;
margin-right: 47px;
} }
.jdindentdetail-info>div:nth-child(3) { .jdindentdetail-info>div:nth-child(3) {
...@@ -284,6 +288,7 @@ ...@@ -284,6 +288,7 @@
width: 100px; width: 100px;
text-align: center; text-align: center;
color: #B2B2B2; color: #B2B2B2;
margin-top: 5px;
} }
.jdindentdetail-info>div:nth-child(2)>p:nth-child(1)>img { .jdindentdetail-info>div:nth-child(2)>p:nth-child(1)>img {
...@@ -507,9 +512,6 @@ ...@@ -507,9 +512,6 @@
color: rgba(130, 130, 130, 1); color: rgba(130, 130, 130, 1);
} }
/* 弹框部分 */ /* 弹框部分 */
...@@ -538,3 +540,31 @@ ...@@ -538,3 +540,31 @@
width: 100%; width: 100%;
padding: 0 20px; padding: 0 20px;
} }
#steps{
display: block;
}
#steps>div{
width: 170px;
}
.btnBottom>span{
position: absolute;
bottom: 0px;
left: 0px;
padding: 10px 20px 20px;
background: #fff;
margin-top: 5px;
box-sizing: border-box;
border-top: 1px solid #dee0ed;
z-index: 9999;
}
.btnBottom>span>button{
border-radius: 100px !important;
}
.el-dialog__wrapper{
cursor: pointer;
}
igirl-channel-jdweb/app/front/vues/pages/jdindentdetail/jdindentdetail.html
<div class="jdindentdetail-warpper"> <div class="wrapper-bg">
<!-- <div class="jdindentdetail-header"> <div class="jdindentdetail-warpper">
<!-- <div class="jdindentdetail-header">
<div>个人中心</div> <div>个人中心</div>
<div> <div>
<span>欢迎</span> <span>欢迎</span>
...@@ -7,422 +9,470 @@ ...@@ -7,422 +9,470 @@
<span>退出</span> <span>退出</span>
</div> </div>
</div> --> </div> -->
<div class="jdindentlist-header"> <div class="jdindentlist-header">
<div>京东云商标</div> <div>京东云商标</div>
<div> <div>
<span><i class="el-icon-user"></i></span> <span><i class="el-icon-user"></i></span>
<span>1366*565445</span> <span>1366*565445</span>
</div>
</div> </div>
</div> <div>
<div> <!-- <div style="display:flex;height: 60px;align-items: center;">
<div style="display:flex;height: 60px;align-items: center;"> <div style="background:#ffffff;
<div style="background:#ffffff;
border:3px solid #3071fe; border:3px solid #3071fe;
width:6px; width:6px;
height:6px; height:6px;
border-radius:100%;margin: 0 10px 0 20px;"> 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">
<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-if="itemCode" title="待上传材料" description=""></el-step>
<el-step v-if="!itemCode" title="待确认方案"></el-step>
<!-- <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-steps>
</div> </div>
<div class="jdindentdetail-main-hr"> <div style="font-size: 16px;">
订单详情
</div> </div>
<div class="jdindentdetail-main-step-row"> </div> -->
<div> </div>
<el-steps direction="vertical" :active="currentStep">
<el-step v-for="(item, index) in orderFlow" <div class="jdindentdetail">
:title="item.createDate +\' \' +item.opContent"></el-step> <div class="jdindentdetail-nav">
</el-steps> <div style="background:#ffffff;
</div> border:3px solid #3071fe;
width:6px;
height:6px;
border-radius:100%;
margin: 0 10px 0 0;
display: inline-block;">
</div> </div>
<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>
<div class="jdindentdetail-main">
<div class="jdindentdetail-info">
<div class="jdindentdetail-main-title"> <div class="jdindentdetail-main-title">
商标信息 <span v-show="itemCode" @click="showDialog(1)"><i class="el-icon-edit"></i> 修改</span> 交付流程
</div>
<div>
<p>
<img :src="deliveryInfo.colorizedPicUrl" alt="">
</p>
<p>商标图样</p>
</div>
<div>
<p>商标名称：<span>{{deliveryInfo.tmName?deliveryInfo.tmName:\"-\"}}</span></p>
<p>商标类型：<span>{{brandType?brandType:\"-\"}}</span></p>
<p>商标说明：<span>{{deliveryInfo.notes?deliveryInfo.notes:\"-\"}}</span></p>
</div> </div>
<div class="jdindentdetail-flow">
<div class="jdindentdetail-main-step-col">
<el-steps :active="currentStep" align-center process-status="process" id="steps">
<el-step v-if="itemCode" title="待上传材料" description="">
</el-step>
<el-step v-if="!itemCode" title="待确认方案"></el-step>
<!-- <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-steps>
</div>
<div class="jdindentdetail-main-hr">
</div> </div>
<div class="jdindentdetail-main-step-row">
<div>
<el-steps direction="vertical" :active="currentStep">
<el-step v-for="(item, index) in orderFlow"
:title="item.createDate +\' \' +item.opContent">
</el-step>
</el-steps>
</div>
</div>
</div>
<div class="jdindentdetail-main-infohr"></div> <div class="jdindentdetail-info">
<div class="jdindentdetail-main-type-box" v-for="(item, index) in nclInfo" :key="index">
<div class="jdindentdetail-main-type">
<div class="jdindentdetail-main-title"> <div class="jdindentdetail-main-title">
商标类别 商标信息 <span v-show="itemCode" @click="showDialog(1)"><i class="el-icon-edit"></i>
修改</span>
</div> </div>
<div class="jdindentdetail-main-type-title"> <div>
{{item.nclOneCodes}} <p>
<span>{{item.tmRegistNum}}</span> <img :src="deliveryInfo.colorizedPicUrl" alt="">
<span>{{item.officialTypeName}}</span> </p>
<span v-show="itemCode" @click="showDialog(2,index)"><i class="el-icon-edit"></i> 修改</span> <p>商标图样</p>
</div> </div>
<div class="jdindentdetail-main-type-services"> <div>
<p>商品服务项目：</p> <p>商标名称：<span>{{deliveryInfo.tmName?deliveryInfo.tmName:\"-\"}}</span>
<ul> </p>
<li v-for="(item, index) in item.nclSmallCodes" :key="index">{{item.pcode}}{{item.name}} <p>商标类型：<span>{{brandType?brandType:\"-\"}}</span></p>
</li> <p>商标说明：<span>{{deliveryInfo.notes?deliveryInfo.notes:\"-\"}}</span>
</ul> </p>
</div> </div>
</div> </div>
<div class="jdindentdetail-main-receipt">
官方回执文件: <div class="jdindentdetail-main-infohr"></div>
<span v-for="(el, index) in item.tmOfficials" <div class="jdindentdetail-main-type-box" v-for="(item, index) in nclInfo" :key="index">
:key="item.officialType">{{el.officialTypeName}}</span> <div class="jdindentdetail-main-type">
<div class="jdindentdetail-main-title">
商标类别
</div>
<div class="jdindentdetail-main-type-title">
第{{item.nclOneCodes}}类
<span>{{item.tmRegistNum}}</span>
<span>{{item.officialTypeName}}</span>
<span v-show="itemCode" @click="showDialog(2,index)"><i class="el-icon-edit"></i> 修改</span>
</div>
<div class="jdindentdetail-main-type-services">
<p>商品服务项目：</p>
<ul>
<li v-for="(item, index) in item.nclSmallCodes" :key="index">
{{item.pcode}}{{item.name}}
</li>
</ul>
</div>
</div>
<div class="jdindentdetail-main-receipt">
官方回执文件:
<span v-for="(el, index) in item.tmOfficials"
:key="item.officialType">{{el.officialTypeName}}</span>
<p v-if="item.tmOfficials.length==0" style="display:inline-block;marginLeft:20px;">暂无</p>
</div>
</div> </div>
</div> <div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-official"> <div class="jdindentdetail-main-official">
<div class="jdindentdetail-main-title"> <div class="jdindentdetail-main-title">
交官文件 <span v-show="itemCode" @click="showDialog(3)"><i class="el-icon-edit"></i> 修改</span> 交官文件 <span v-show="itemCode" @click="showDialog(3)"><i class="el-icon-edit"></i>
</div> 修改</span>
<div class="jdindentdetail-main-official-img"> </div>
<div> <div class="jdindentdetail-main-official-img">
<div class="license-uploader"> <div>
<img v-if="imageUrl" :src="imageUrl" class="license"> <div class="license-uploader">
<div class="license-uploader-icon" v-else> <img v-if="imageUrl" :src="imageUrl" class="license">
<img :src="applyInfo.businessLicensePic ? applyInfo.businessLicensePic : \'/imgs/indent/materialNull.png\'" <div class="license-uploader-icon" v-else>
alt="" @click="openPdf(applyInfo.businessLicensePdf)"> <img :src="applyInfo.businessLicensePic ? applyInfo.businessLicensePic : \'/imgs/indent/materialNull.png\'"
alt="" @click="openPdf(applyInfo.businessLicensePdf)">
</div>
</div> </div>
<p>营业执照</p>
</div> </div>
<p>营业执照</p> <div>
</div> <div class="license-uploader">
<div> <img v-if="imageUrl" :src="imageUrl" class="license">
<div class="license-uploader"> <div class="license-uploader-icon" v-else>
<img v-if="imageUrl" :src="imageUrl" class="license"> <img :src="deliveryInfo.gzwtsUrl?deliveryInfo.gzwtsUrl:\'/imgs/indent/materialNull.png\'"
<div class="license-uploader-icon" v-else> alt="" @click="openPdf(deliveryInfo.gzwtsUrl)">
<img :src="deliveryInfo.gzwtsUrl?deliveryInfo.gzwtsUrl:\'/imgs/indent/materialNull.png\'" </div>
alt="" @click="openPdf(deliveryInfo.gzwtsUrl)">
</div> </div>
<p>委托书</p>
<!-- <p style="color:#2692FF;">生成委托书</p> -->
</div> </div>
<p>委托书</p> <div>
<!-- <p style="color:#2692FF;">生成委托书</p> --> <div class="license-uploader">
</div> <img v-if="imageUrl" :src="imageUrl" class="license">
<div> <div class="license-uploader-icon" v-else>
<div class="license-uploader"> <img :src="deliveryInfo.smwjUrl?deliveryInfo.smwjUrl:\'/imgs/indent/materialNull.png\'"
<img v-if="imageUrl" :src="imageUrl" class="license"> alt="" @click="openPdf(deliveryInfo.smwjUrl)">
<div class="license-uploader-icon" v-else> </div>
<img :src="deliveryInfo.smwjUrl?deliveryInfo.smwjUrl:\'/imgs/indent/materialNull.png\'"
alt="" @click="openPdf(deliveryInfo.smwjUrl)">
</div> </div>
<p>优先权证明</p>
</div> </div>
<p>优先权证明</p> <div v-if=" applyInfo.customerType==\'person\'">
</div> <div class="license-uploader">
<div v-if=" applyInfo.customerType==\'person\'"> <img v-if="imageUrl" :src="imageUrl" class="license">
<div class="license-uploader"> <div class="license-uploader-icon" v-else>
<img v-if="imageUrl" :src="imageUrl" class="license"> <img :src="applyInfo.identityCardPic?applyInfo.identityCardPic:\'/imgs/indent/materialNull.png\'"
<div class="license-uploader-icon" v-else> alt="" @click="openPdf(applyInfo.identityCardPic)">
<img :src="applyInfo.identityCardPic?applyInfo.identityCardPic:\'/imgs/indent/materialNull.png\'" </div>
alt="" @click="openPdf(applyInfo.identityCardPic)">
</div> </div>
<p>身份证</p>
</div> </div>
<p>身份证</p>
</div> </div>
</div> </div>
</div> <div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-infohr"></div> <div class="jdindentdetail-main-applicant">
<div class="jdindentdetail-main-applicant"> <div class="jdindentdetail-main-title">
<div class="jdindentdetail-main-title"> 申请人信息-（中国大陆-{{applyInfo.customerType == \"person\"?\"个体户\":\"企业"}}）
申请人信息-（中国大陆-{{applyInfo.customerType == \"person\"?\"个体户\":\"企业"}}） <span v-show="itemCode" <span v-show="itemCode" @click="showDialog(4)"><i class="el-icon-edit"></i>
@click="showDialog(4)"><i class="el-icon-edit"></i> 修改</span> 修改</span>
</div> </div>
<ul> <ul>
<li><span>公司名称：</span><span>{{applyInfo.name?applyInfo.name:\"-\"}}</span></li> <li><span>公司名称：</span><span>{{applyInfo.name?applyInfo.name:\"-\"}}</span>
<li><span>统一社会信用代码：</span><span>{{applyInfo.code?applyInfo.code:\'-\'}}</span></li> </li>
<li><span>公司地址：</span><span>{{applyInfo.applyAddr?applyInfo.applyAddr:\"-\"}}</span></li> <li><span>统一社会信用代码：</span><span>{{applyInfo.code?applyInfo.code:\'-\'}}</span>
<li><span>邮编地址：</span><span>{{applyInfo.zipCode?applyInfo.zipCode:\'-\'}}</span></li> </li>
</ul> <li><span>公司地址：</span><span>{{applyInfo.applyAddr?applyInfo.applyAddr:\"-\"}}</span>
</div> </li>
<div class="jdindentdetail-main-infohr"></div> <li><span>邮编地址：</span><span>{{applyInfo.zipCode?applyInfo.zipCode:\'-\'}}</span>
<div class="jdindentdetail-main-contact"> </li>
<div class="jdindentdetail-main-title"> </ul>
订单联系人 <span v-show="itemCode" @click="showDialog(5)"><i class="el-icon-edit"></i> 修改</span>
</div> </div>
<ul> <div class="jdindentdetail-main-infohr"></div>
<li><span>联系人：</span><span>{{applyInfo.contacts?applyInfo.contacts:\'-\'}}</span></li> <div class="jdindentdetail-main-contact">
<li><span>手机号码：</span><span>{{applyInfo.mobile?applyInfo.mobile:\'-\'}}</span></li> <div class="jdindentdetail-main-title">
<li><span>电子邮箱：</span><span>{{applyInfo.email?applyInfo.email:\'-\'}}</span></li> 订单联系人 <span v-show="itemCode" @click="showDialog(5)"><i class="el-icon-edit"></i> 修改</span>
<li><span>座机号码：</span><span>{{applyInfo.tel?applyInfo.tel:\'-\'}}</span></li> </div>
</ul> <ul>
</div> <li><span>联系人：</span><span>{{applyInfo.contacts?applyInfo.contacts:\'-\'}}</span>
<div class="jdindentdetail-main-infohr"></div> </li>
<div class="jdindentdetail-main-payment"> <li><span>手机号码：</span><span>{{applyInfo.mobile?applyInfo.mobile:\'-\'}}</span>
<div class="jdindentdetail-main-title"> </li>
付款信息 <li><span>电子邮箱：</span><span>{{applyInfo.email?applyInfo.email:\'-\'}}</span>
</li>
<li><span>座机号码：</span><span>{{applyInfo.tel?applyInfo.tel:\'-\'}}</span>
</li>
</ul>
</div> </div>
<div> <div class="jdindentdetail-main-infohr"></div>
<span>实付金额： <span>¥{{receiptVoucher.totalSum?receiptVoucher.totalSum:\' -\'}}</span></span> <div class="jdindentdetail-main-payment">
<!-- <span>官费：<span>¥300.00</span></span> <div class="jdindentdetail-main-title">
付款信息
</div>
<div>
<span>实付金额：
<span>¥{{receiptVoucher.totalSum?receiptVoucher.totalSum:\' -\'}}</span></span>
<!-- <span>官费：<span>¥300.00</span></span>
<span>服务费：<span>¥213</span></span> --> <span>服务费：<span>¥213</span></span> -->
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 修改弹窗 --> <!-- 修改弹窗 -->
<div class="jdindentdetail-diag"> <div class="jdindentdetail-diag">
<el-drawer :title="headerInfo" custom-class="jdindentdetail-drawer" size="58.3333%" <el-drawer :title="\'修改\'+headerInfo" custom-class="jdindentdetail-drawer" size="58.3333%"
:visible.sync="dialogTableVisible" center> :visible.sync="dialogTableVisible" center>
<div v-show="headerInfo==\'商标信息\'"> <div v-show="headerInfo==\'商标信息\'">
<el-form v-show="step==1" ref="form" :rules="rules" label-position="left" :model="form" <el-form v-show="step==1" ref="form" :rules="rules" label-position="left" :model="form"
class="demo-ruleForm" label-width="120px"> class="demo-ruleForm" label-width="120px">
<div class="selftmreg_main"> <div class="selftmreg_main">
<div class="categoryFrom"> <div class="categoryFrom">
<el-form-item label="商标类型" style="float:left;padding-right:10px;" prop="tmFormType"> <el-form-item label="商标类型" style="float:left;padding-right:10px;" prop="tmFormType">
<el-radio-group style="display:inline-block;" v-model="form.tmFormType"> <el-radio-group style="display:inline-block;" v-model="form.tmFormType">
<el-radio :label="3">文字</el-radio> <el-radio :label="3">文字
<el-radio :label="4">图形</el-radio> </el-radio>
<el-radio :label="5">文字及图形</el-radio> <el-radio :label="4">图形
</el-radio-group> </el-radio>
<div class="categoryFrom-jieshao" @click="announcementsType = true">如何选择商标类型？ <el-radio :label="5">文字及图形
</div> </el-radio>
</el-form-item> </el-radio-group>
<div style="clear:both;"></div> <div class="categoryFrom-jieshao" @click="announcementsType = true">
<el-form-item label="商标名称" style="width:845px;float:left" prop="tmName" 如何选择商标类型？
v-if="form.tmFormType != 4"> </div>
<el-input v-model="form.tmName" style="width:330px" placeholder="请输入商标名称"> </el-form-item>
</el-input> <div style="clear:both;"></div>
<span v-if="form.tmFormType == 5" <el-form-item label="商标名称" style="width:845px;float:left" prop="tmName"
style="font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(99,101,105,1);margin-left: 10px">及图</span> v-if="form.tmFormType != 4">
</el-form-item> <el-input v-model="form.tmName" style="width:330px" placeholder="请输入商标名称">
<!-- <div style="float:left;padding-left:10px;padding-block-start:0" v-if="form.tmFormType==3"> </el-input>
<span v-if="form.tmFormType == 5"
style="font-size:14px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(99,101,105,1);margin-left: 10px">及图</span>
</el-form-item>
<!-- <div style="float:left;padding-left:10px;padding-block-start:0" v-if="form.tmFormType==3">
<el-button @click="word2pic" >生成黑白图样</el-button> <el-button @click="word2pic" >生成黑白图样</el-button>
</div> --> </div> -->
<div style="clear:both;"></div> <div style="clear:both;"></div>
<el-form-item class="generated-icon" style="width:860px;float:left" label="商标图样" <el-form-item class="generated-icon" style="width:860px;float:left" label="商标图样"
prop="picUrl"> prop="picUrl">
<gsb-upload v-if="form.tmFormType == 3" style="float:left;" flag="picUrl" ref="picUrl" <gsb-upload v-if="form.tmFormType == 3" style="float:left;" flag="picUrl"
:d="d" @setKey="setKey" :action="action" filetype="image/jpeg" :ifshowlist="false" ref="picUrl" :d="d" @setKey="setKey" :action="action" filetype="image/jpeg"
@uploadsuccess="uploadsuccess" @error="error"> :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
<el-button size="mini" style="border-radius:100px;color: #666666;">手动上传 <el-button size="mini" style="border-radius:100px;color: #666666;">
</el-button> 手动上传
</gsb-upload> </el-button>
<gsb-upload v-if="form.tmFormType == 4 || form.tmFormType == 5" style="float:left;" </gsb-upload>
flag="picUrl" ref="picUrl" :d="d" @setKey="setKey" :action="action" <gsb-upload v-if="form.tmFormType == 4 || form.tmFormType == 5" style="float:left;"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" flag="picUrl" ref="picUrl" :d="d" @setKey="setKey" :action="action"
@error="error"> filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
<div style="margin-top:15px;width: 120px;" v-loading="loading"> @error="error">
<div style="margin-top:15px;width: 120px;" v-loading="loading">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/sctp.png" />
</div>
</gsb-upload>
<div style="float:left;margin-left:10px;" v-if="form.tmFormType == 3">
<el-button @click="word2pic" style="border-radius:100px;color: #666666;"
size="mini">
自动生成
</el-button>
</div>
<div style="clear:both;"></div>
<div style="margin-top:15px;width: 120px;" v-loading="loading"
v-if="form.tmFormType == 3">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" <img width="120px" height="120px" style="border:2px dashed #e9e9e9"
v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" /> v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/sctp.png" /> src="/imgs/zwtp.png" />
</div> </div>
</gsb-upload> <div class="categoryFrom-imgjieshao"
<div style="float:left;margin-left:10px;" v-if="form.tmFormType == 3"> v-if="form.tmFormType == 4 || form.tmFormType == 5">
<el-button @click="word2pic" style="border-radius:100px;color: #666666;" size="mini"> <div><i class="el-icon-warning"
自动生成 style="margin-right:6px;"></i>上传黑白图样，注册后可以更换商标颜色使用；
</el-button> </div>
</div> <div style="padding-left:17px">
<div style="clear:both;"></div> 上传彩色图样，注册后只能按照该彩色图样使用，并在委托书商标名称后方增加文字“（指定颜色）”；
<div style="margin-top:15px;width: 120px;" v-loading="loading" </div>
v-if="form.tmFormType == 3"> <div style="padding-left:17px">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" 上传的彩色图样需与黑白图样的样式一致。
v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" /> </div>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else <div style="padding-left:17px;color:#0F8EE9;cursor: pointer;"
src="/imgs/zwtp.png" /> @click="announcementsImgType = true">
</div> 查看上传商标图样注意事项</div>
<div class="categoryFrom-imgjieshao"
v-if="form.tmFormType == 4 || form.tmFormType == 5">
<div><i class="el-icon-warning" style="margin-right:6px;"></i>上传黑白图样，注册后可以更换商标颜色使用；
</div> </div>
<div style="padding-left:17px"> <div class="categoryFrom-namejieshao" v-if="form.tmFormType == 3"><i
上传彩色图样，注册后只能按照该彩色图样使用，并在委托书商标名称后方增加文字“（指定颜色）”；</div> class="el-icon-warning"
<div style="padding-left:17px">上传的彩色图样需与黑白图样的样式一致。</div> style="margin-right: 6px;"></i>自动生成的商标图样默认以“宋体字样自左向右排列”递交官方；
<div style="padding-left:17px;color:#0F8EE9;cursor: pointer;" </div>
@click="announcementsImgType = true"> </el-form-item>
查看上传商标图样注意事项</div> <div style="clear:both;"></div>
</div> </div>
<div class="categoryFrom-namejieshao" v-if="form.tmFormType == 3"><i <el-drawer title="如何选择商标类型？" :visible.sync="announcementsType" append-to-body>
class="el-icon-warning" <img style="width:100%;margin-top: 30px;" src="/imgs/jdt/shuoming.png" alt="">
style="margin-right: 6px;"></i>自动生成的商标图样默认以“宋体字样自左向右排列”递交官方； </el-drawer>
<el-drawer :visible.sync="announcementsImgType" width="60%" append-to-body>
<h1 style="width:100%;text-align: center;">
上传商标图样注意事项
</h1>
<div class="popannouncementsText">
图样文件格式应为jpg，图形应清晰，图样文件大小应小于“<span>200KB</span>”，且图形像素介于“<span>600X600
-
1500X1500</span>”之间，如果通过扫描获得图样的，应按
<span>24</span>位彩色，<span>300dpi</span>分辨率扫描符合《商标法》及其实施条例规定的图形（图形清晰，大于5X5厘米且小于10X10厘米），申请人（或代理人）应确保扫描后的图
形与原图形的色彩深浅（或灰度）一致，否则，可能影响《商标注册证》上图形的清晰度）如上传图样为黑白，取得注册后，可以更换商标颜色使用；<span>如上传图样为彩色，取得注册后只能按
照该彩色图样使用；如确认提交彩色图样，需在委托书商标名称后方增加以下文字“（指定颜色）”</span>
</div> </div>
</el-form-item> </el-drawer>
<div style="clear:both;"></div>
</div>
<el-drawer title="如何选择商标类型？" :visible.sync="announcementsType" append-to-body>
<img style="width:100%;margin-top: 30px;" src="/imgs/jdt/shuoming.png" alt="">
</el-drawer>
<el-drawer :visible.sync="announcementsImgType" width="60%" append-to-body>
<h1 style="width:100%;text-align: center;">上传商标图样注意事项</h1>
<div class="popannouncementsText">
图样文件格式应为jpg，图形应清晰，图样文件大小应小于“<span>200KB</span>”，且图形像素介于“<span>600X600 -
1500X1500</span>”之间，如果通过扫描获得图样的，应按
<span>24</span>位彩色，<span>300dpi</span>分辨率扫描符合《商标法》及其实施条例规定的图形（图形清晰，大于5X5厘米且小于10X10厘米），申请人（或代理人）应确保扫描后的图
形与原图形的色彩深浅（或灰度）一致，否则，可能影响《商标注册证》上图形的清晰度）如上传图样为黑白，取得注册后，可以更换商标颜色使用；<span>如上传图样为彩色，取得注册后只能按
照该彩色图样使用；如确认提交彩色图样，需在委托书商标名称后方增加以下文字“（指定颜色）”</span></div>
</el-drawer>
<div>
<div> <div>
<el-cascader v-if="form.selecttype==\'智能推荐\'" expand-trigger="hover" :options="bigtype" <div>
v-model="selectedOptions" style="float:left;padding-left:10px" <el-cascader v-if="form.selecttype==\'智能推荐\'" expand-trigger="hover"
placeholder="请选择所属行业"> :options="bigtype" v-model="selectedOptions"
</el-cascader> style="float:left;padding-left:10px" placeholder="请选择所属行业">
<div style="float:left;padding-left:10px;" v-if="form.selecttype==\'智能推荐\'"> </el-cascader>
<el-button @click="aiadive" round>推荐</el-button> <div style="float:left;padding-left:10px;" v-if="form.selecttype==\'智能推荐\'">
<el-button @click="aiadive" round>推荐
</el-button>
</div>
</div> </div>
</div> <div style="clear:both;"></div>
<div style="clear:both;"></div>
</div>
</div> </div>
</div> <div style="clear:both;"></div>
<div style="clear:both;"></div> </el-form>
</el-form>
</div> </div>
<div v-show="headerInfo==\'商标类别\'"> <div v-show="headerInfo==\'商标类别\'">
<el-container style="height: 600px;background-color:white; border: 1px solid #D6DAEB;"> <el-container style="height: 600px;background-color:white; border: 1px solid #D6DAEB;">
<el-aside width="35%" style="text-align:center;background-color:white;position: relative;"> <el-aside width="35%" style="text-align:center;background-color:white;position: relative;">
<div class="selftmreg_Stickie"> <div class="selftmreg_Stickie">
<el-button size="small" style="border-radius:0;" @click="checkClick">分类</el-button> <el-button size="small" style="border-radius:0;" @click="checkClick">分类</el-button>
<el-input @blur="searchInputBlur" style="width:60%;height:31px;margin: 0" <el-input @blur="searchInputBlur" style="width:60%;height:31px;margin: 0"
placeholder="输入关键字进行过滤" @keyup.enter.native="nclSearch" suffix-icon="el-icon-search" placeholder="输入关键字进行过滤" @keyup.enter.native="nclSearch" suffix-icon="el-icon-search"
v-model="filterText"> v-model="filterText">
<i slot="suffix" style="position:relative;top:8%;right:5%;z-index:1" <i slot="suffix" style="position:relative;top:8%;right:5%;z-index:1"
class="el-input__icon" @click="nclSearch"> class="el-input__icon" @click="nclSearch">
<span><i class="tool-query" style="font-size : 1.5em;"></i></span> <span><i class="tool-query" style="font-size : 1.5em;"></i></span>
</i> </i>
</el-input> </el-input>
<el-button style="padding: 12px 5px;color:#0989C5; " type="text" @click="clearNclText">取消 <el-button style="padding: 12px 5px;color:#0989C5; " type="text" @click="clearNclText">
</el-button> 取消
</div> </el-button>
<el-card v-if="showSelectedNclList" </div>
style="z-index: 1000;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:100%;margin:0 2%;"> <el-card v-if="showSelectedNclList"
<div style="margin-bottom:10px;"> style="z-index: 1000;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:100%;margin:0 2%;">
<div style="float:left;width:50%;"> <div style="margin-bottom:10px;">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" <div style="float:left;width:50%;">
@change="handleCheckAllChange"> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll"
全选 @change="handleCheckAllChange">
</el-checkbox> 全选
</div> </el-checkbox>
<div style="float:left;text-align:right;width:50%;"> </div>
<el-button type="text" style="padding: 0 10px;color:#828282;" @click="checkConfirm"> <div style="float:left;text-align:right;width:50%;">
确定 <el-button type="text" style="padding: 0 10px;color:#828282;"
</el-button> @click="checkConfirm">
</div> 确定
<div style="clear:both"> </el-button>
</div>
<div style="clear:both">
</div>
</div> </div>
</div>
<el-checkbox-group v-model="checkedNcl" @change="handleCheckedNclChange"> <el-checkbox-group v-model="checkedNcl" @change="handleCheckedNclChange">
<ul style="list-style:none; padding:0;margin:0;text-align:left;"> <ul style="list-style:none; padding:0;margin:0;text-align:left;">
<li v-for="n in ncl" :key="n" style="float:left;width:33.33%"> <li v-for="n in ncl" :key="n" style="float:left;width:33.33%">
<el-checkbox :label="n">{{n}}</el-checkbox> <el-checkbox :label="n">
</li> {{n}}
</ul> </el-checkbox>
</el-checkbox-group> </li>
</el-card> </ul>
<div style="height:100%;overflow: hidden;" v-loading="nclSearchLoading"> </el-checkbox-group>
<el-tree class="gsb_tree" class="selftmreg_filter-tree" :data="ncldata" </el-card>
:props="defaultProps" node-key="name" default-expand-all show-checkbox accordion <div style="height:100%;overflow: hidden;" v-loading="nclSearchLoading">
@check-change="handleCheckChange" @node-click="nodeClick" <el-tree class="gsb_tree" class="selftmreg_filter-tree" :data="ncldata"
:filter-node-method="filterNode" ref="tree"> :props="defaultProps" node-key="name" default-expand-all show-checkbox accordion
</el-tree> @check-change="handleCheckChange" @node-click="nodeClick"
</div> :filter-node-method="filterNode" ref="tree">
</el-aside> </el-tree>
<el-container width="60%"> </div>
<!-- <el-header v-if="false" </el-aside>
<el-container width="60%">
<!-- <el-header v-if="false"
style="text-align: right; font-size: 12px;background-color:white;padding-top:10px;"> style="text-align: right; font-size: 12px;background-color:white;padding-top:10px;">
<el-button style="float:right" type="primary">导入Contact</el-button> <el-button style="float:right" type="primary">导入Contact</el-button>
<el-input style="float:right;width:40%" placeholder="请输入历史订单号" clearable></el-input> <el-input style="float:right;width:40%" placeholder="请输入历史订单号" clearable></el-input>
</el-header> --> </el-header> -->
<el-main style="background-color: white; padding:0px;position: relative;"> <el-main style="background-color: white; padding:0px;position: relative;">
<div class="selftmreg_title">已选择的商品/服务项 <div class="selftmreg_title">已选择的商品/服务项
<span class="selftmreg_qingchu" @click="removeAll"> <span class="selftmreg_qingchu" @click="removeAll">
<i class="el-icon-delete"></i> <i class="el-icon-delete"></i>
清除全部</span> 清除全部</span>
</div> </div>
<div v-if="nclOne.length != 0" <div v-if="nclOne.length != 0"
style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;"> style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;">
<div v-for="(nclone,index) in nclOne" <div v-for="(nclone,index) in nclOne"
style="text-align: left;padding-left:5px;padding-bottom:5px;"> style="text-align: left;padding-left:5px;padding-bottom:5px;">
<span style="font-size:16px"><b>{{nclone.code}} {{nclone.name}}</b></span> <span style="font-size:16px"><b>{{nclone.code}}
<span style="font-size:16px;float:right"><b>已选择<span {{nclone.name}}</b></span>
style="color:#0F8EE9;">{{nclone.nclThree.length}}</span>项</b> <span style="font-size:16px;float:right"><b>已选择<span
<!-- <span style="color:#FF2E22;">￥{{nclone.price}}</span> --> style="color:#0F8EE9;">{{nclone.nclThree.length}}</span>项</b>
&nbsp;&nbsp;&nbsp; <!-- <span style="color:#FF2E22;">￥{{nclone.price}}</span> -->
<span @click="removeNclOne(index,nclone)" style="cursor: pointer;"><i &nbsp;&nbsp;&nbsp;
class="el-icon-delete" style="font-size : 1.2em;"></i></span> <span @click="removeNclOne(index,nclone)" style="cursor: pointer;"><i
</span> class="el-icon-delete" style="font-size : 1.2em;"></i></span>
</span>
<br />
<br /> <br />
<span v-for="(nclThree,index2) in nclone.nclThree"> <br />
<el-tag key="nclThree.code" closable="true" <span v-for="(nclThree,index2) in nclone.nclThree">
@close="closeTag(nclThree,index,index2)"> <el-tag key="nclThree.code" closable="true"
{{nclThree.code}} {{nclThree.name}} @close="closeTag(nclThree,index,index2)">
</el-tag> {{nclThree.code}}
&nbsp; {{nclThree.name}}
</span> </el-tag>
&nbsp;
</span>
</div>
</div> </div>
</div> <div v-else
<div v-else style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;text-align: center;">
style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;text-align: center;"> <img src="/imgs/kong-2.png" style="margin-top: 124px;" alt="">
<img src="/imgs/kong-2.png" style="margin-top: 124px;" alt=""> <div style="color: #828282;text-align: center;">
<div style="color: #828282;text-align: center;">请点击左侧选择商标类别 请点击左侧选择商标类别
</div>
</div> </div>
</div>
</el-main> </el-main>
</el-container>
</el-container> </el-container>
</el-container>
</div> </div>
<div v-show="headerInfo==\'交官文件\'"> <div v-show="headerInfo==\'交官文件\'">
<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>交官文件</h4> --> <!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>交官文件</h4> -->
<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm" <el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply"
label-width="120px"> class="demo-ruleForm" label-width="120px">
<!-- 头部 --> <!-- 头部 -->
<!-- <el-form-item label-width="140px" label="申请人类型" <!-- <el-form-item label-width="140px" label="申请人类型"
style="width:493px;float:left;padding-right:50px;" prop="customerType"> style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="applyInfo.customerType" <div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'" :style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
...@@ -433,9 +483,283 @@ ...@@ -433,9 +483,283 @@
@click="applyInfo.customerType = \'person\'">个体户<img @click="applyInfo.customerType = \'person\'">个体户<img
v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div> v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
</el-form-item> --> </el-form-item> -->
<div style="clear:both;"></div> <div style="clear:both;"></div>
<div class="selftmreg_main" style="padding:0;"> <div class="selftmreg_main" style="padding:0;">
<div style="width: 100%;text-align: left;box-sizing: border-box;"> <div style="width: 100%;text-align: left;box-sizing: border-box;">
<el-form-item class="gsb_items" label="">
<div class="title special">上传材料：营业执照
</div>
<div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')"
@mouseleave="mouseLeaveDemo(1,\'a\')">
<img class="upload-applyimg" v-if="editApply.businessLicensePic"
:src="editApply.businessLicensePic?editApply.businessLicensePic:\'/imgs/sbzc/yyzzD.png\'" />
<gsb-upload v-else flag="yyzz" ref="yyzz" :d="d" @setKey="setKey"
:action="action" filetype="image/jpeg" :ifshowlist="false"
@uploadsuccess="uploadsuccess" @error="error">
<div class="upload-button" @click="loadingKey = 0">
<div><i class="el-icon-plus"></i>
</div>
<div>(需盖公章)
</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editApply.businessLicensePic && toViewImgKey == \'a\'">
<div @click="window.open(editApply.businessLicensePic)">
查看大图
</div>
<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 0">
重新上传
</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(1)"
@mouseleave="mouseLeaveDemo(1)">
<img
:src="applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" />
<div v-if="toViewImgKey == 1" class="toViewImg"
@click="toViewImg(applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')">
查看大图</div>
</div>
</el-form-item>
<el-form-item class="gsb_items" v-if="editApply.customerType==\'person\'" label="">
<div class="title special">上传材料：身份证明
</div>
<div class="upload-box" v-loading="loading1" @mouseover="mouseOverDemo(4,\'d\')"
@mouseleave="mouseLeaveDemo(4,\'d\')">
<img @click="window.open(editApply.identityCardPic)" class="upload-applyimg"
v-if="editApply.identityCardPic"
:src="editApply.identityCardPic?editApply.identityCardPic:\'/imgs/sbzc/pdf.png\'" />
<gsb-upload v-else flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 1">
<div><i class="el-icon-plus"></i>
</div>
<div>(需盖公章)
</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editApply.identityCardPic && toViewImgKey == \'d\'">
<div @click="window.open(editApply.identityCardPic)">
查看大图</div>
<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 1">
重新上传
</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(4)"
@mouseleave="mouseLeaveDemo(4)">
<img src="/imgs/sbzc/sfz.png" />
<div v-if="toViewImgKey == 4" class="toViewImg"
@click="toViewImg(\'/imgs/sbzc/sfzD.png\')">
查看大图</div>
</div>
<div class="text"> <i class="el-icon-warning"></i>
格式为<span>PDF</span> 或
<span>JPG</span>，大小不能超过<span>10M</span>
</div>
</el-form-item>
<el-form-item class="gsb_items">
<div class="title special">上传材料：代理委托书
<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/igirl_channel_tmwtsdemo001.doc"
style="color:#0F8EE9;font-size:13px;cursor:pointer;position: absolute;top: 70%;left: 51%;line-height: 0px;border-bottom: 1px solid #0F8EE9;height: 5px;">生成委托书</a>
</div>
<div class="upload-box" v-loading="loading2" @mouseover="mouseOverDemo(2,\'b\')"
@mouseleave="mouseLeaveDemo(2,\'b\')">
<img @click="window.open(editDeliveryInfo.gzwtsUrl)" class="upload-applyimg"
v-if="editDeliveryInfo.gzwtsUrl" :src="editDeliveryInfo.gzwtsUrl" />
<gsb-upload v-else flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 2">
<div><i class="el-icon-plus"></i>
</div>
<div>(需盖公章)
</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editDeliveryInfo.gzwtsUrl && toViewImgKey == \'b\'">
<div @click="window.open(editDeliveryInfo.gzwtsUrl)">
查看大图</div>
<gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 2">
重新上传
</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(2)"
@mouseleave="mouseLeaveDemo(2)">
<img
:src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/wts1.png\' : \'imgs/sbzc/wts.png\'" />
<div v-if="toViewImgKey == 2" class="toViewImg"
@click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/wtsD1.png\' : \'imgs/sbzc/wtsD.png\')">
查看大图</div>
</div>
</el-form-item>
<el-form-item class="gsb_items" label="">
<div class="title">上传材料：优先权证明
<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/yzq_201908281849646526xujnsedjnqwdoni.doc"
style="width:95px;color:#0F8EE9;font-size:13px;cursor:pointer;position: absolute;top: 70%;left: 37%;line-height: 0px;border-bottom: 1px solid #0F8EE9;height: 5px;">下载优先权证明</a>
</div>
<div class="upload-box" v-loading="loading3" @mouseover="mouseOverDemo(3,\'c\')"
@mouseleave="mouseLeaveDemo(3,\'c\')">
<img @click="window.open(editDeliveryInfo.smwjUrl)" class="upload-applyimg"
v-if="editDeliveryInfo.smwjUrl" :src="editDeliveryInfo.smwjUrl" />
<gsb-upload v-else flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 3">
<div><i class="el-icon-plus"></i>
</div>
<div>(需盖公章)
</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editDeliveryInfo.smwjUrl && toViewImgKey == \'c\'">
<div @click="window.open(editDeliveryInfo.smwjUrl)">
查看大图</div>
<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 3">
重新上传
</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(3)"
@mouseleave="mouseLeaveDemo(3)">
<img src="/imgs/sbzc/yxq.png" />
<div v-if="toViewImgKey == 3" class="toViewImg"
@click="toViewImg(\'/imgs/sbzc/yxqD.png\')">
查看大图</div>
</div>
</el-form-item>
<div style="clear:both;"></div>
<el-dialog title="" :visible.sync="toViewImgType" center width="72%" append-to-body>
<img :src="toViewImgSrc" style="max-width:100%;display: block;margin: 0 auto;"
alt="">
</el-dialog>
</div>
</div>
</el-form>
</div>
<div v-show="headerInfo==\'申请人信息\'">
<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply"
class="demo-ruleForm" label-width="120px">
<div class="selftmreg_main">
<div style="clear:both;"></div>
<div style="width:100%;box-sizing: border-box;">
<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>申请人信息</h4> -->
<el-form-item label-width="140px" label="申请人类型"
style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="editApply.customerType"
:style="editApply.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="editApply.customerType = \'ent\'">
企业<img v-if="editApply.customerType==\'ent\'" src="/imgs/sjd.png" alt="">
</div>
<div class="selftmregType" v-model="editApply.customerType"
:style="editApply.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="editApply.customerType = \'person\'">
个体户<img v-if="editApply.customerType==\'person\'" src="/imgs/sjd.png" alt="">
</div>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'ent\'" label-width="140px" label="公司名称"
style="width:493px;float:left;padding-right:50px;" prop="name">
<gsb-selectentjd v-if="currentUser" @historychange="historyapplierchange"
allowcreate="true" showhistory="false" @change="applierChange" size="medium"
v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
valueField="entName" style="position:relative;width:100%;"
placeHolder="请输入选择公司名称">
</gsb-selectentjd>
<gsb-selectentjd v-if="!currentUser" @historychange="historyapplierchange"
frombrowser="true" allowcreate="true" showhistory="false"
@change="applierChange" size="medium" v-model="editApply.name"
refMethod="getCompanyInfoByLikeName" autoComplete="true" isFilter="true"
refModel="tool" labelField="entName" valueField="entName"
style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
</gsb-selectentjd>
</el-form-item>
<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="姓名"
style="width:493px;float:left;padding-right:50px;" prop="name">
<gsb-selectperson v-if="currentUser" @input="selectpersoninput" allowcreate="true"
showhistory="true" @historychange="historyapplierchange" size="medium"
v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
valueField="entName" style="position:relative;width:100%;"
placeHolder="请输入身份证姓名">
</gsb-selectperson>
<gsb-selectperson v-if="!currentUser" frombrowser="true" @input="selectpersoninput"
allowcreate="true" showhistory="true" @historychange="historyapplierchange"
size="medium" v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
valueField="entName" style="position:relative;width:100%;"
placeHolder="请输入身份证姓名">
</gsb-selectperson>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px"
label="身份证号码" style="width:493px;float:left;padding-right:50px;"
prop="identityCardNo">
<el-input placeHolder="请输入身份证号码" v-model="editApply.identityCardNo">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px"
label="身份证住址" style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
<el-input placeHolder="请输入身份证住址" v-model="editApply.applyAddr">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="统一社会信用代码"
style="width:493px;float:left;padding-right:50px;" prop="code">
<el-input placeHolder="请输入统一社会信用代码" v-model="editApply.code">
</el-input>
<div class="floatBox-right">
<i class="el-icon-question" @mouseover="mouseOverDemo(99)"
@mouseleave="mouseLeaveDemo(99)"></i>
<div id="floatBox-demo" v-show="floatBoxDemo">
由于官方商标注册增加“统一社会信用代码”的填写，企业申请必填，个体工商户申请可不填此项，请仔细核对营业执照填写。
</div>
</div>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'ent\'" label-width="140px" label="执照详细地址"
style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
<el-input placeHolder="请输入执照详细地址" v-model="editApply.applyAddr">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="邮政编码"
style="width:493px;float:left;padding-right:50px;" prop="zipCode">
<el-input placeHolder="请输入邮政编码" v-model="editApply.zipCode">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
</div>
<el-form-item class="gsb_items" label=""> <el-form-item class="gsb_items" label="">
<div class="title special">上传材料：营业执照</div> <div class="title special">上传材料：营业执照</div>
<div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')" <div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')"
...@@ -446,26 +770,28 @@ ...@@ -446,26 +770,28 @@
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error"> @error="error">
<div class="upload-button" @click="loadingKey = 0"> <div class="upload-button" @click="loadingKey = 0">
<div><i class="el-icon-plus"></i></div> <div><i class="el-icon-plus"></i>
</div>
<div>(需盖公章)</div> <div>(需盖公章)</div>
</div> </div>
</gsb-upload> </gsb-upload>
<div class="upload-dialog" <div class="upload-dialog"
v-show="editApply.businessLicensePic && toViewImgKey == \'a\'"> v-show="editApply.businessLicensePic && toViewImgKey == \'a\'">
<div @click="window.open(editApply.businessLicensePic)">查看大图 <div @click="window.open(editApply.businessLicensePic)">
</div> 查看大图</div>
<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action" <gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error"> @error="error">
<div @click="loadingKey = 0">重新上传</div> <div @click="loadingKey = 0">
重新上传</div>
</gsb-upload> </gsb-upload>
</div> </div>
</div> </div>
<div class="upload-img" @mouseover="mouseOverDemo(1)" @mouseleave="mouseLeaveDemo(1)"> <div class="upload-img" @mouseover="mouseOverDemo(1)" @mouseleave="mouseLeaveDemo(1)">
<img <img
:src="applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" /> :src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" />
<div v-if="toViewImgKey == 1" class="toViewImg" <div v-if="toViewImgKey == 1" class="toViewImg"
@click="toViewImg(applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')"> @click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')">
查看大图</div> 查看大图</div>
</div> </div>
...@@ -481,264 +807,43 @@ ...@@ -481,264 +807,43 @@
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error"> @error="error">
<div class="upload-button" @click="loadingKey = 1"> <div class="upload-button" @click="loadingKey = 1">
<div><i class="el-icon-plus"></i></div> <div><i class="el-icon-plus"></i>
</div>
<div>(需盖公章)</div> <div>(需盖公章)</div>
</div> </div>
</gsb-upload> </gsb-upload>
<div class="upload-dialog" <div class="upload-dialog"
v-show="editApply.identityCardPic && toViewImgKey == \'d\'"> v-show="applyInfo.identityCardPic && toViewImgKey == \'d\'">
<div @click="window.open(editApply.identityCardPic)">查看大图</div> <div @click="window.open(applyInfo.identityCardPic)">
查看大图</div>
<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action" <gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error"> @error="error">
<div @click="loadingKey = 1">重新上传</div> <div @click="loadingKey = 1">
重新上传</div>
</gsb-upload> </gsb-upload>
</div> </div>
</div> </div>
<div class="upload-img" @mouseover="mouseOverDemo(4)" @mouseleave="mouseLeaveDemo(4)"> <div class="upload-img" @mouseover="mouseOverDemo(4)" @mouseleave="mouseLeaveDemo(4)">
<img src="/imgs/sbzc/sfz.png" /> <img src="/imgs/sbzc/sfz.png" />
<div v-if="toViewImgKey == 4" class="toViewImg" <div v-if="toViewImgKey == 4" class="toViewImg"
@click="toViewImg(\'/imgs/sbzc/sfzD.png\')">查看大图</div> @click="toViewImg(\'/imgs/sbzc/sfzD.png\')">
</div> 查看大图
<div class="text"> <i class="el-icon-warning"></i> 格式为<span>PDF</span> 或
<span>JPG</span>，大小不能超过<span>10M</span></div>
</el-form-item>
<el-form-item class="gsb_items">
<div class="title special">上传材料：代理委托书
<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/igirl_channel_tmwtsdemo001.doc"
style="color:#0F8EE9;font-size:13px;cursor:pointer;position: absolute;top: 70%;left: 51%;line-height: 0px;border-bottom: 1px solid #0F8EE9;height: 5px;">生成委托书</a>
</div>
<div class="upload-box" v-loading="loading2" @mouseover="mouseOverDemo(2,\'b\')"
@mouseleave="mouseLeaveDemo(2,\'b\')">
<img @click="window.open(editDeliveryInfo.gzwtsUrl)" class="upload-applyimg"
v-if="editDeliveryInfo.gzwtsUrl" :src="editDeliveryInfo.gzwtsUrl" />
<gsb-upload v-else flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 2">
<div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editDeliveryInfo.gzwtsUrl && toViewImgKey == \'b\'">
<div @click="window.open(editDeliveryInfo.gzwtsUrl)">查看大图</div>
<gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 2">重新上传</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(2)" @mouseleave="mouseLeaveDemo(2)">
<img
:src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/wts1.png\' : \'imgs/sbzc/wts.png\'" />
<div v-if="toViewImgKey == 2" class="toViewImg"
@click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/wtsD1.png\' : \'imgs/sbzc/wtsD.png\')">
查看大图</div>
</div>
</el-form-item>
<el-form-item class="gsb_items" label="">
<div class="title">上传材料：优先权证明
<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/yzq_201908281849646526xujnsedjnqwdoni.doc"
style="width:95px;color:#0F8EE9;font-size:13px;cursor:pointer;position: absolute;top: 70%;left: 37%;line-height: 0px;border-bottom: 1px solid #0F8EE9;height: 5px;">下载优先权证明</a>
</div>
<div class="upload-box" v-loading="loading3" @mouseover="mouseOverDemo(3,\'c\')"
@mouseleave="mouseLeaveDemo(3,\'c\')">
<img @click="window.open(editDeliveryInfo.smwjUrl)" class="upload-applyimg"
v-if="editDeliveryInfo.smwjUrl" :src="editDeliveryInfo.smwjUrl" />
<gsb-upload v-else flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 3">
<div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editDeliveryInfo.smwjUrl && toViewImgKey == \'c\'">
<div @click="window.open(editDeliveryInfo.smwjUrl)">查看大图</div>
<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 3">重新上传</div>
</gsb-upload>
</div> </div>
</div> </div>
<div class="upload-img" @mouseover="mouseOverDemo(3)" @mouseleave="mouseLeaveDemo(3)"> <div class="text"> <i class="el-icon-warning"></i>
<img src="/imgs/sbzc/yxq.png" /> 格式为<span>PDF</span> 或
<div v-if="toViewImgKey == 3" class="toViewImg" <span>JPG</span>，大小不能超过<span>10M</span>
@click="toViewImg(\'/imgs/sbzc/yxqD.png\')">查看大图</div>
</div> </div>
</el-form-item> </el-form-item>
<div style="clear:both;"></div>
<el-dialog title="" :visible.sync="toViewImgType" center width="72%" append-to-body>
<img :src="toViewImgSrc" style="max-width:100%;display: block;margin: 0 auto;" alt="">
</el-dialog>
</div> </div>
</div>
</el-form>
</div>
<div v-show="headerInfo==\'申请人信息\'">
<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm"
label-width="120px">
<div class="selftmreg_main">
<div style="clear:both;"></div>
<div style="width:100%;box-sizing: border-box;">
<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>申请人信息</h4> -->
<el-form-item label-width="140px" label="申请人类型"
style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="editApply.customerType" </el-form>
:style="editApply.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'" </div>
@click="editApply.customerType = \'ent\'">企业<img <div v-show="headerInfo==\'订单联系人\'">
v-if="editApply.customerType==\'ent\'" src="/imgs/sjd.png" alt=""></div> <el-form ref="apply" label-position="left" :rules="applyrules" :model="apply" class="demo-ruleForm"
<div class="selftmregType" v-model="editApply.customerType" label-width="120px">
:style="editApply.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'" <!-- <div class="selftmreg_main">
@click="editApply.customerType = \'person\'">个体户<img
v-if="editApply.customerType==\'person\'" src="/imgs/sjd.png" alt="">
</div>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'ent\'" label-width="140px" label="公司名称"
style="width:493px;float:left;padding-right:50px;" prop="name">
<gsb-selectentjd v-if="currentUser" @historychange="historyapplierchange"
allowcreate="true" showhistory="false" @change="applierChange" size="medium"
v-model="editApply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
isFilter="true" refModel="tool" labelField="entName" valueField="entName"
style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
</gsb-selectentjd>
<gsb-selectentjd v-if="!currentUser" @historychange="historyapplierchange"
frombrowser="true" allowcreate="true" showhistory="false" @change="applierChange"
size="medium" v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
valueField="entName" style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
</gsb-selectentjd>
</el-form-item>
<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="姓名"
style="width:493px;float:left;padding-right:50px;" prop="name">
<gsb-selectperson v-if="currentUser" @input="selectpersoninput" allowcreate="true"
showhistory="true" @historychange="historyapplierchange" size="medium"
v-model="editApply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
isFilter="true" refModel="tool" labelField="entName" valueField="entName"
style="position:relative;width:100%;" placeHolder="请输入身份证姓名"></gsb-selectperson>
<gsb-selectperson v-if="!currentUser" frombrowser="true" @input="selectpersoninput"
allowcreate="true" showhistory="true" @historychange="historyapplierchange"
size="medium" v-model="editApply.name" refMethod="getCompanyInfoByLikeName"
autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
valueField="entName" style="position:relative;width:100%;" placeHolder="请输入身份证姓名">
</gsb-selectperson>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="身份证号码"
style="width:493px;float:left;padding-right:50px;" prop="identityCardNo">
<el-input placeHolder="请输入身份证号码" v-model="editApply.identityCardNo"> </el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'person\'" label-width="140px" label="身份证住址"
style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
<el-input placeHolder="请输入身份证住址" v-model="editApply.applyAddr"></el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="统一社会信用代码"
style="width:493px;float:left;padding-right:50px;" prop="code">
<el-input placeHolder="请输入统一社会信用代码" v-model="editApply.code"></el-input>
<div class="floatBox-right">
<i class="el-icon-question" @mouseover="mouseOverDemo(99)"
@mouseleave="mouseLeaveDemo(99)"></i>
<div id="floatBox-demo" v-show="floatBoxDemo">
由于官方商标注册增加“统一社会信用代码”的填写，企业申请必填，个体工商户申请可不填此项，请仔细核对营业执照填写。 </div>
</div>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="editApply.customerType==\'ent\'" label-width="140px" label="执照详细地址"
style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
<el-input placeHolder="请输入执照详细地址" v-model="editApply.applyAddr"></el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="邮政编码"
style="width:493px;float:left;padding-right:50px;" prop="zipCode">
<el-input placeHolder="请输入邮政编码" v-model="editApply.zipCode"></el-input>
</el-form-item>
<div style="clear:both;"></div>
</div>
<el-form-item class="gsb_items" label="">
<div class="title special">上传材料：营业执照</div>
<div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')"
@mouseleave="mouseLeaveDemo(1,\'a\')">
<img class="upload-applyimg" v-if="editApply.businessLicensePic"
:src="editApply.businessLicensePic?editApply.businessLicensePic:\'/imgs/sbzc/yyzzD.png\'" />
<gsb-upload v-else flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 0">
<div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</div>
</div>
</gsb-upload>
<div class="upload-dialog"
v-show="editApply.businessLicensePic && toViewImgKey == \'a\'">
<div @click="window.open(editApply.businessLicensePic)">查看大图</div>
<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 0">重新上传</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(1)" @mouseleave="mouseLeaveDemo(1)">
<img
:src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" />
<div v-if="toViewImgKey == 1" class="toViewImg"
@click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')">
查看大图</div>
</div>
</el-form-item>
<el-form-item class="gsb_items" v-if="editApply.customerType==\'person\'" label="">
<div class="title special">上传材料：身份证明</div>
<div class="upload-box" v-loading="loading1" @mouseover="mouseOverDemo(4,\'d\')"
@mouseleave="mouseLeaveDemo(4,\'d\')">
<img @click="window.open(editApply.identityCardPic)" class="upload-applyimg"
v-if="editApply.identityCardPic"
:src="editApply.identityCardPic?editApply.identityCardPic:\'/imgs/sbzc/pdf.png\'" />
<gsb-upload v-else flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div class="upload-button" @click="loadingKey = 1">
<div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</div>
</div>
</gsb-upload>
<div class="upload-dialog" v-show="applyInfo.identityCardPic && toViewImgKey == \'d\'">
<div @click="window.open(applyInfo.identityCardPic)">查看大图</div>
<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 1">重新上传</div>
</gsb-upload>
</div>
</div>
<div class="upload-img" @mouseover="mouseOverDemo(4)" @mouseleave="mouseLeaveDemo(4)">
<img src="/imgs/sbzc/sfz.png" />
<div v-if="toViewImgKey == 4" class="toViewImg"
@click="toViewImg(\'/imgs/sbzc/sfzD.png\')">查看大图</div>
</div>
<div class="text"> <i class="el-icon-warning"></i> 格式为<span>PDF</span> 或
<span>JPG</span>，大小不能超过<span>10M</span></div>
</el-form-item>
</div>
</el-form>
</div>
<div v-show="headerInfo==\'订单联系人\'">
<el-form ref="apply" label-position="left" :rules="applyrules" :model="apply" class="demo-ruleForm"
label-width="120px">
<!-- <div class="selftmreg_main">
<h4 style="color:#535353"><i class="selftmreg_shuxian"></i>申请人信息</h4> <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>申请人信息</h4>
<div style="clear:both;"></div> <div style="clear:both;"></div>
<div style="width:100%;padding-left: 30px;box-sizing: border-box;"> <div style="width:100%;padding-left: 30px;box-sizing: border-box;">
...@@ -819,74 +924,82 @@ ...@@ -819,74 +924,82 @@
</div> </div>
</div> --> </div> -->
<div class="selftmreg_main"> <div class="selftmreg_main">
<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>订单联系人</h4> --> <!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>订单联系人</h4> -->
<div style="clear:both;"></div>
<div style="width:100%;box-sizing: border-box;">
<el-form-item label-width="140px" label="客户联系人"
style="width:493px;float:left;padding-right:50px;" prop="contacts">
<el-input v-model="editApply.contacts" placeHolder="此信息很重要，官方文件送达需与您联系">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="联系电话"
style="width:493px;float:left;padding-right:50px;" prop="mobile">
<el-input v-model="editApply.mobile" placeHolder="请填写11位手机号码"></el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="电子邮箱"
style="width:493px;float:left;padding-right:50px;" prop="email">
<el-input v-model="editApply.email" placeHolder="重要官文会通过邮件通知，请注意查收并及时回复">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="座机"
style="width:493px;float:left;padding-right:50px;">
<el-input v-model="editApply.tel" placeHolder="区号-座机号码"> </el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="传真"
style="width:493px;float:left;padding-right:50px;">
<el-input v-model="editApply.fax" placeHolder="请输入传真号"> </el-input>
</el-form-item>
<div style="clear:both;"></div>
<div style="clear:both;"></div> <div style="clear:both;"></div>
<div style="width:100%;box-sizing: border-box;">
<el-form-item label-width="140px" label="客户联系人"
style="width:493px;float:left;padding-right:50px;" prop="contacts">
<el-input v-model="editApply.contacts" placeHolder="此信息很重要，官方文件送达需与您联系">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="联系电话"
style="width:493px;float:left;padding-right:50px;" prop="mobile">
<el-input v-model="editApply.mobile" placeHolder="请填写11位手机号码">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="电子邮箱"
style="width:493px;float:left;padding-right:50px;" prop="email">
<el-input v-model="editApply.email" placeHolder="重要官文会通过邮件通知，请注意查收并及时回复">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="座机"
style="width:493px;float:left;padding-right:50px;">
<el-input v-model="editApply.tel" placeHolder="区号-座机号码">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label-width="140px" label="传真"
style="width:493px;float:left;padding-right:50px;">
<el-input v-model="editApply.fax" placeHolder="请输入传真号">
</el-input>
</el-form-item>
<div style="clear:both;"></div>
<div style="clear:both;"></div>
</div>
</div> </div>
</div> </el-form>
</el-form>
</div>
<el-dialog title="提示" :visible.sync="showConfrim" width="30%" style="z-Index:9999;" append-to-body>
<div v-for="(item, index) in nclOne" :key="index" style="margin-bottom:10px;">
{{item.code}}类{{item.name}}，商品/服务项目<span
style="color:red;">不足10项</span>，已选{{item.nclThree.length}}项，还可选{{10-item.nclThree.length}}个小项</span>
</div> </div>
<div style="margin-top: 10px;"> <el-dialog title="提示" :visible.sync="showConfrim" width="30%" style="z-Index:9999;" append-to-body>
<span class="dialog-footer"> <div v-for="(item, index) in nclOne" :key="index" style="margin-bottom:10px;">
<el-button style="background:#66b1ff;border-color: #66b1ff;color: #FFF;" {{item.code}}类{{item.name}}，商品/服务项目<span
@click="closeConfrim()">修 改 style="color:red;">不足10项</span>，已选{{item.nclThree.length}}项，还可选{{10-item.nclThree.length}}个小项</span>
</el-button> </div>
<el-button style="background:#fff;border-color: #DCDFE6;color: #606266;" type="primary" <div style="margin-top: 10px;">
@click="submitEdit(\'商标类别\',true)">确 定</el-button> <span class="dialog-footer">
<el-button style="background:#66b1ff;border-color: #66b1ff;color: #FFF;"
@click="closeConfrim()">修 改
</el-button>
<el-button style="background:#fff;border-color: #DCDFE6;color: #606266;" type="primary"
@click="submitEdit(\'商标类别\',true)">确 定
</el-button>
</span>
</div>
</el-dialog>
<div class="btnBottom">
<span class="dialog-footer" style="margin-top:5px;">
<el-button @click="dialogTableVisible = false;"
style="width:140px;height:36px;border:1px solid rgba(38,146,255,1);border-radius:4px;">
取消</el-button>
<el-button @click="submitEdit(headerInfo)"
style="width:140px;height:36px;background:rgba(38,146,255,1);border-radius:4px;color:#fff;">
提交</el-button>
</span> </span>
</div> </div>
</el-dialog> </el-drawer>
<div style="text-align:center;"> </div>
<span class="dialog-footer" style="margin-top:5px;">
<el-button @click="submitEdit(headerInfo)"
style="width:140px;height:36px;background:rgba(38,146,255,1);border-radius:4px;color:#fff;">
提交</el-button>
</span>
</div>
</el-drawer> <!-- -->
<transition name="message">
<div class="selftmreg-message" v-if="message.show">
<i class="el-icon-warning"></i>
{{message.info}}
</div>
</transition>
</div> </div>
<!-- -->
<transition name="message">
<div class="selftmreg-message" v-if="message.show">
<i class="el-icon-warning"></i>
{{message.info}}
</div>
</transition>
</div> </div>
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.css
...@@ -53,10 +53,12 @@ ...@@ -53,10 +53,12 @@
.jdindentlist-warpper .el-tabs__header { .jdindentlist-warpper .el-tabs__header {
box-sizing: border-box; box-sizing: border-box;
padding: 0 20px; /* padding: 0 20px; */
background: #eef2fb; background: #eef2fb;
} }
.jdindentlist-warpper .el-tabs--top{
padding: 0 20px;
}
.jdindentlist-warpper .el-tabs__nav-scroll { .jdindentlist-warpper .el-tabs__nav-scroll {
margin: 0; margin: 0;
} }
...@@ -71,7 +73,7 @@ ...@@ -71,7 +73,7 @@
/* 上面是公共部分 */ /* 上面是公共部分 */
.jdindentlist { .jdindentlist {
padding: 0px 20px 30px; /* padding: 0px 20px 30px; */
background: #F9F9F9; background: #F9F9F9;
} }
...@@ -150,11 +152,17 @@ ...@@ -150,11 +152,17 @@
background: #ffffff; background: #ffffff;
max-height: 30%; max-height: 30%;
box-sizing: border-box; box-sizing: border-box;
padding: 32px 25px 25px; /* padding: 32px 25px 25px; */
}
.el-table .cell{
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
} }
.jdindentlist-list .el-table th>.cell { .jdindentlist-list .el-table th>.cell {
text-align: left; text-align: center;
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
...@@ -172,7 +180,7 @@ ...@@ -172,7 +180,7 @@
} }
.jdindentlist-list .subtime { .jdindentlist-list .subtime {
padding-right: 25px; /* padding-right: 25px; */
} }
.jdindentlist-list .dsqcl { .jdindentlist-list .dsqcl {
...@@ -197,7 +205,24 @@ ...@@ -197,7 +205,24 @@
justify-content: space-around; justify-content: space-around;
} }
.dailogButton{
width: 100%;
text-align:left;
padding:10px 20px 20px;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
border-top: 1px solid #dee0eb;
}
.dailogButton>button{
border-radius: 100px;
padding: 6px 28px;
}
.jdindentlist-warpper .jdindentlist-list-header{ .el-table_1_column_12>.cell{
background: #f6f9ff; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} }
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.html
...@@ -71,7 +71,8 @@ ...@@ -71,7 +71,8 @@
</div> --> </div> -->
</div> </div>
<div> <div>
<el-button @click="find()">查询</el-button> <el-button @click="find()" style="border: #3071fe;background: #3071fe; color: #fff;">查询
</el-button>
<el-button @click="reset()">重置</el-button> <el-button @click="reset()">重置</el-button>
</div> </div>
</div> </div>
...@@ -84,26 +85,92 @@ ...@@ -84,26 +85,92 @@
<div class="jdindentlist-list" v-else> <div class="jdindentlist-list" v-else>
<el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%"> <el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%">
<el-table-column prop="channelServiceNo" label="订单编号"> <el-table-column prop="channelServiceNo" label="订单编号">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.channelServiceNo">
<p solt="content">{{scope.row.channelServiceNo}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="deliveryOrderNo" label="交付单号"> <el-table-column prop="deliveryOrderNo" label="交付单号">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.deliveryOrderNo">
<p solt="content">{{scope.row.deliveryOrderNo}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="itemName" label="业务类型"> <el-table-column prop="itemName" label="业务类型">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.itemName">
<p solt="content">{{scope.row.itemName}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="tmName" label="商标名称"> <el-table-column prop="tmName" label="商标名称">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.tmName">
<p solt="content">{{scope.row.tmName}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="nclOneCodes" label="商标类别"> <el-table-column prop="nclOneCodes" label="商标类别">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.nclOneCodes">
<p solt="content">{{scope.row.nclOneCodes}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="nclOneCount" label="商标件数"> <el-table-column prop="nclOneCount" label="商标件数">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.nclOneCount">
<p solt="content">{{scope.row.nclOneCount}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="name" label="申请人"> <el-table-column prop="name" label="申请人">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.name">
<p solt="content">{{scope.row.name}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="totalSum" label="订单金额"> <el-table-column prop="totalSum" label="订单金额">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.totalSum">
<p solt="content">{{scope.row.totalSum}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl"> <el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.deliveryStatusName">
<p solt="content">{{scope.row.deliveryStatusName}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="CreateDate" label="下单时间"> <el-table-column prop="CreateDate" label="下单时间">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.CreateDate">
<p solt="content">{{scope.row.CreateDate}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="submitTime" label="递交时间" class-name="subtime"> <el-table-column prop="submitTime" label="递交时间" class-name="subtime">
<template slot-scope="scope">
<el-tooltip placement="top" :content="scope.row.submitTime">
<p solt="content">{{scope.row.submitTime}}
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column prop="address" label="操作"> <el-table-column prop="address" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
...@@ -124,7 +191,7 @@ ...@@ -124,7 +191,7 @@
</el-table> </el-table>
<div class="jdindentlist-list-page"> <div class="jdindentlist-list-page">
<el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()" <el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()"
:current-page.sync="currentPage" :page-size="10" background :current-page.sync="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10" background
layout="prev, pager, next,jumper" :total="countPage"> layout="prev, pager, next,jumper" :total="countPage">
</el-pagination> </el-pagination>
</div> </div>
...@@ -300,8 +367,8 @@ ...@@ -300,8 +367,8 @@
</div> </div>
</el-form> </el-form>
<div style="text-align:center;padding:50px 0;"> <div class="dailogButton">
<el-button @click="hideUploadStuff">取消</el-button> <el-button @click="hideUploadStuff" style="border: 1px solid #409eff;">取消</el-button>
<el-button type="primary" @click="uploadStuffs">确认</el-button> <el-button type="primary" @click="uploadStuffs">确认</el-button>
</div> </div>
<div style="clear:both"></div> <div style="clear:both"></div>
...@@ -415,7 +482,7 @@ ...@@ -415,7 +482,7 @@
</el-table> </el-table>
<div class="jdindentlist-list-page"> <div class="jdindentlist-list-page">
<el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()" <el-pagination :hide-on-single-page="hidePage" @current-change="handleSizeChange()"
:current-page.sync="currentPage" :page-size="10" background :current-page.sync="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="10" background
layout="prev, pager, next,jumper" :total="countPage"> layout="prev, pager, next,jumper" :total="countPage">
</el-pagination> </el-pagination>
</div> </div>
......
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.js
...@@ -594,6 +594,7 @@ ...@@ -594,6 +594,7 @@
this.$root.loading = false; this.$root.loading = false;
console.log(d.data); console.log(d.data);
if (d.status == 0 && d.data) { if (d.status == 0 && d.data) {
console.log(d.data,"12313213");
this.tableData = d.data; this.tableData = d.data;
/* 没有分页参数 需要重新改*/ /* 没有分页参数 需要重新改*/
this.countPage = d.dataCount; this.countPage = d.dataCount;
......
igirl-channel-jdweb/app/front/vues/pages/selftmreg/index.css → igirl-channel-jdweb/app/front/vues/pages/selftmreg/selftmreg.css
...@@ -231,7 +231,7 @@ ...@@ -231,7 +231,7 @@
text-align: right; text-align: right;
box-sizing: border-box; box-sizing: border-box;
background: #EFF0F7; background: #EFF0F7;
z-index: 299; z-index: 2999;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
......
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