Skip to content

Z
zhichan
Commit b658ec7f by 刘泽奇
Options

123

parent 3d23c489
Showing with 3898 additions and 31 deletions
igirl-channel-jdweb/app/base/db/metadata/apps/platform.js
......@@ -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" },
......
igirl-channel-jdweb/app/front/entry/index.ejs
......@@ -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%>'));
//缓存当前的基础组件列表
......
igirl-channel-jdweb/app/front/entry/public/css/ele/ele2.12.0.css
......@@ -2911,10 +2911,7 @@
background: #F5F7FA
}
.el-table th,
.el-table tr {
background-color: #FFF
}
.el-table td,
.el-table th {
......
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/OAjdcompany/OAjdcompany.html 0 → 100644
<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
igirl-channel-jdweb/app/front/vues/pages/OAjdcompany/OAjdcompany.js 0 → 100644
{
template: '${tmpl}',
data: function() {
return {
listPath: { path: '/1688/jdindentlist', query: {} },
currentStep:1,
companyData:[],
}
},
mounted: function() {
},
created: function() {
},
methods: {
},
vname: "gsb-OAjdcompany"
}
igirl-channel-jdweb/app/front/vues/pages/OAjddetails/OAjddetails.html 0 → 100644
<div class="jdindentdetail-warpper">
<!-- <div class="jdindentdetail-header">
<div>个人中心</div>
<div>
<span>欢迎</span>
<span>1366*565445</span>
<span>退出</span>
</div>
</div> -->
<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">
<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 class="jdindentdetail-main-hr">
</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-info">
<div class="jdindentdetail-main-title">
商标信息 <span v-show="1" @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-main-infohr"></div>
<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>
<div class="jdindentdetail-main-type-title">
{{item.nclOneCodes}}
<span>{{item.tmRegistNum}}</span>
<span>{{item.officialTypeName}}</span>
<span v-show="1" @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>
</div>
</div>
<div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-official">
<div class="jdindentdetail-main-title">
交官文件 <span v-show="1" @click="showDialog(3)"><i class="el-icon-edit"></i> 修改</span>
</div>
<div class="jdindentdetail-main-official-img">
<div>
<div class="license-uploader">
<img v-if="imageUrl" :src="imageUrl" class="license">
<div class="license-uploader-icon" v-else>
<img :src="applyInfo.businessLicensePic ? applyInfo.businessLicensePic : \'/imgs/indent/materialNull.png\'"
alt="" @click="openPdf(applyInfo.businessLicensePdf)">
</div>
</div>
<p>营业执照</p>
</div>
<div>
<div class="license-uploader">
<img v-if="imageUrl" :src="imageUrl" class="license">
<div class="license-uploader-icon" v-else>
<img :src="deliveryInfo.gzwtsUrl?deliveryInfo.gzwtsUrl:\'/imgs/indent/materialNull.png\'"
alt="" @click="openPdf(deliveryInfo.gzwtsUrl)">
</div>
</div>
<p>委托书</p>
<!-- <p style="color:#2692FF;">生成委托书</p> -->
</div>
<div>
<div class="license-uploader">
<img v-if="imageUrl" :src="imageUrl" class="license">
<div class="license-uploader-icon" v-else>
<img :src="deliveryInfo.smwjUrl?deliveryInfo.smwjUrl:\'/imgs/indent/materialNull.png\'"
alt="" @click="openPdf(deliveryInfo.smwjUrl)">
</div>
</div>
<p>优先权证明</p>
</div>
<div v-if=" applyInfo.customerType==\'person\'">
<div class="license-uploader">
<img v-if="imageUrl" :src="imageUrl" class="license">
<div class="license-uploader-icon" v-else>
<img :src="applyInfo.identityCardPic?applyInfo.identityCardPic:\'/imgs/indent/materialNull.png\'"
alt="" @click="openPdf(applyInfo.identityCardPic)">
</div>
</div>
<p>身份证</p>
</div>
</div>
</div>
<div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-applicant">
<div class="jdindentdetail-main-title">
申请人信息-（中国大陆-{{applyInfo.customerType == \"person\"?\"个体户\":\"企业"}}） <span v-show="1"
@click="showDialog(4)"><i class="el-icon-edit"></i> 修改</span>
</div>
<ul>
<li><span>公司名称：</span><span>{{applyInfo.name?applyInfo.name:\"-\"}}</span></li>
<li><span>统一社会信用代码：</span><span>{{applyInfo.code?applyInfo.code:\'-\'}}</span></li>
<li><span>公司地址：</span><span>{{applyInfo.applyAddr?applyInfo.applyAddr:\"-\"}}</span></li>
<li><span>邮编地址：</span><span>{{applyInfo.zipCode?applyInfo.zipCode:\'-\'}}</span></li>
</ul>
</div>
<div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-contact">
<div class="jdindentdetail-main-title">
订单联系人 <span v-show="1" @click="showDialog(5)"><i class="el-icon-edit"></i> 修改</span>
</div>
<ul>
<li><span>联系人：</span><span>{{applyInfo.contacts?applyInfo.contacts:\'-\'}}</span></li>
<li><span>手机号码：</span><span>{{applyInfo.mobile?applyInfo.mobile:\'-\'}}</span></li>
<li><span>电子邮箱：</span><span>{{applyInfo.email?applyInfo.email:\'-\'}}</span></li>
<li><span>座机号码：</span><span>{{applyInfo.tel?applyInfo.tel:\'-\'}}</span></li>
</ul>
</div>
<div class="jdindentdetail-main-infohr"></div>
<div class="jdindentdetail-main-payment">
<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> -->
</div>
</div>
</div>
</div>
<!-- 修改弹窗 -->
<div class="jdindentdetail-diag">
<el-drawer :title="headerInfo" custom-class="jdindentdetail-drawer" size="58.3333%"
:visible.sync="dialogTableVisible" center>
<div v-show="headerInfo==\'商标信息\'">
<el-form v-show="step==1" ref="form" :rules="rules" label-position="left" :model="form"
class="demo-ruleForm" label-width="120px">
<div class="selftmreg_main">
<div class="categoryFrom">
<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 :label="3">文字</el-radio>
<el-radio :label="4">图形</el-radio>
<el-radio :label="5">文字及图形</el-radio>
</el-radio-group>
<div class="categoryFrom-jieshao" @click="announcementsType = true">如何选择商标类型？
</div>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item label="商标名称" style="width:845px;float:left" prop="tmName"
v-if="form.tmFormType != 4">
<el-input v-model="form.tmName" style="width:330px" placeholder="请输入商标名称">
</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>
</div> -->
<div style="clear:both;"></div>
<el-form-item class="generated-icon" style="width:860px;float:left" label="商标图样"
prop="picUrl">
<gsb-upload v-if="form.tmFormType == 3" style="float:left;" flag="picUrl" ref="picUrl"
:d="d" @setKey="setKey" :action="action" filetype="image/jpeg" :ifshowlist="false"
@uploadsuccess="uploadsuccess" @error="error">
<el-button size="mini" style="border-radius:100px;color: #666666;">手动上传
</el-button>
</gsb-upload>
<gsb-upload v-if="form.tmFormType == 4 || form.tmFormType == 5" style="float:left;"
flag="picUrl" ref="picUrl" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@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"
v-if="form.colorizedPicUrl" :src="form.colorizedPicUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwtp.png" />
</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 style="padding-left:17px">
上传彩色图样，注册后只能按照该彩色图样使用，并在委托书商标名称后方增加文字“（指定颜色）”；</div>
<div style="padding-left:17px">上传的彩色图样需与黑白图样的样式一致。</div>
<div style="padding-left:17px;color:#0F8EE9;cursor: pointer;"
@click="announcementsImgType = true">
查看上传商标图样注意事项</div>
</div>
<div class="categoryFrom-namejieshao" v-if="form.tmFormType == 3"><i
class="el-icon-warning"
style="margin-right: 6px;"></i>自动生成的商标图样默认以“宋体字样自左向右排列”递交官方；
</div>
</el-form-item>
<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>
<el-cascader v-if="form.selecttype==\'智能推荐\'" expand-trigger="hover" :options="bigtype"
v-model="selectedOptions" style="float:left;padding-left:10px"
placeholder="请选择所属行业">
</el-cascader>
<div style="float:left;padding-left:10px;" v-if="form.selecttype==\'智能推荐\'">
<el-button @click="aiadive" round>推荐</el-button>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;"></div>
</el-form>
</div>
<div v-show="headerInfo==\'商标类别\'">
<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;">
<div class="selftmreg_Stickie">
<el-button size="small" style="border-radius:0;" @click="checkClick">分类</el-button>
<el-input @blur="searchInputBlur" style="width:60%;height:31px;margin: 0"
placeholder="输入关键字进行过滤" @keyup.enter.native="nclSearch" suffix-icon="el-icon-search"
v-model="filterText">
<i slot="suffix" style="position:relative;top:8%;right:5%;z-index:1"
class="el-input__icon" @click="nclSearch">
<span><i class="tool-query" style="font-size : 1.5em;"></i></span>
</i>
</el-input>
<el-button style="padding: 12px 5px;color:#0989C5; " type="text" @click="clearNclText">取消
</el-button>
</div>
<el-card v-if="showSelectedNclList"
style="z-index: 1000;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:100%;margin:0 2%;">
<div style="margin-bottom:10px;">
<div style="float:left;width:50%;">
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll"
@change="handleCheckAllChange">
全选
</el-checkbox>
</div>
<div style="float:left;text-align:right;width:50%;">
<el-button type="text" style="padding: 0 10px;color:#828282;" @click="checkConfirm">
确定
</el-button>
</div>
<div style="clear:both">
</div>
</div>
<el-checkbox-group v-model="checkedNcl" @change="handleCheckedNclChange">
<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%">
<el-checkbox :label="n">{{n}}</el-checkbox>
</li>
</ul>
</el-checkbox-group>
</el-card>
<div style="height:100%;overflow: hidden;" v-loading="nclSearchLoading">
<el-tree class="gsb_tree" class="selftmreg_filter-tree" :data="ncldata"
:props="defaultProps" node-key="name" default-expand-all show-checkbox accordion
@check-change="handleCheckChange" @node-click="nodeClick"
:filter-node-method="filterNode" ref="tree">
</el-tree>
</div>
</el-aside>
<el-container width="60%">
<!-- <el-header v-if="false"
style="text-align: right; font-size: 12px;background-color:white;padding-top:10px;">
<el-button style="float:right" type="primary">导入Contact</el-button>
<el-input style="float:right;width:40%" placeholder="请输入历史订单号" clearable></el-input>
</el-header> -->
<el-main style="background-color: white; padding:0px;position: relative;">
<div class="selftmreg_title">已选择的商品/服务项
<span class="selftmreg_qingchu" @click="removeAll">
<i class="el-icon-delete"></i>
清除全部</span>
</div>
<div v-if="nclOne.length != 0"
style="overflow: auto;height: 100%;padding: 60px 20px 0px;box-sizing: border-box;">
<div v-for="(nclone,index) in nclOne"
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;float:right"><b>已选择<span
style="color:#0F8EE9;">{{nclone.nclThree.length}}</span>项</b>
<!-- <span style="color:#FF2E22;">￥{{nclone.price}}</span> -->
&nbsp;&nbsp;&nbsp;
<span @click="removeNclOne(index,nclone)" style="cursor: pointer;"><i
class="el-icon-delete" style="font-size : 1.2em;"></i></span>
</span>
<br />
<br />
<span v-for="(nclThree,index2) in nclone.nclThree">
<el-tag key="nclThree.code" closable="true"
@close="closeTag(nclThree,index,index2)">
{{nclThree.code}} {{nclThree.name}}
</el-tag>
&nbsp;
</span>
</div>
</div>
<div v-else
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="">
<div style="color: #828282;text-align: center;">请点击左侧选择商标类别
</div>
</div>
</el-main>
</el-container>
</el-container>
</div>
<div v-show="headerInfo==\'交官文件\'">
<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>交官文件</h4> -->
<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm"
label-width="120px">
<!-- 头部 -->
<!-- <el-form-item label-width="140px" label="申请人类型"
style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="applyInfo.customerType = \'ent\'">企业<img v-if="applyInfo.customerType==\'ent\'"
src="/imgs/sjd.png" alt=""></div>
<div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="applyInfo.customerType = \'person\'">个体户<img
v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
</el-form-item> -->
<div style="clear:both;"></div>
<div class="selftmreg_main" style="padding:0;">
<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="">
<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>
<div style="clear:both;"></div>
<div style="width:100%;padding-left: 30px;box-sizing: border-box;">
<el-form-item label-width="140px" label="申请人类型"
style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="applyInfo.customerType = \'ent\'">企业<img v-if="applyInfo.customerType==\'ent\'"
src="/imgs/sjd.png" alt=""></div>
<div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="applyInfo.customerType = \'person\'">个体户<img
v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="applyInfo.customerType==\'ent\'" label-width="140px" label="公司名称"
style="width:493px;float:left;padding-right:50px;" prop="name">
<gsb-selectent v-if="currentUser" allowcreate="true" showhistory="true"
@historychange="historyapplierchange" @change="applierChange" size="medium"
v-model="apply.name" refMethod="getCompanyInfoByLikeName" autoComplete="true"
isFilter="true" refModel="tool" labelField="entName" valueField="entName"
style="position:relative;width:100%;" placeHolder="请输入选择公司名称"></gsb-selectent>
<gsb-selectent v-if="!currentUser" frombrowser="true" allowcreate="true"
showhistory="true" @historychange="historyapplierchange" @change="applierChange"
size="medium" v-model="apply.name" refMethod="getCompanyInfoByLikeName"
autoComplete="true" isFilter="true" refModel="tool" labelField="entName"
valueField="entName" style="position:relative;width:100%;" placeHolder="请输入选择公司名称">
</gsb-selectent>
</el-form-item>
<el-form-item v-if="applyInfo.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="apply.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="apply.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="applyInfo.customerType==\'person\'" label-width="140px" label="身份证号码"
style="width:493px;float:left;padding-right:50px;" prop="identityCardNo">
<el-input placeHolder="请输入身份证号码" v-model="apply.identityCardNo"> </el-input>
</el-form-item>
<div style="clear:both;"></div>
<el-form-item v-if="applyInfo.customerType==\'person\'" label-width="140px" label="身份证住址"
style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
<el-input placeHolder="请输入身份证住址" v-model="apply.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="apply.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="applyInfo.customerType==\'ent\'" label-width="140px" label="执照详细地址"
style="width:493px;float:left;padding-right:50px;" prop="applyAddr">
<el-input placeHolder="请输入执照详细地址" v-model="apply.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="apply.zipCode"></el-input>
</el-form-item>
<div style="clear:both;"></div>
</div>
</div> -->
<div class="selftmreg_main">
<!-- <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>
</div>
</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 style="margin-top: 10px;">
<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 style="text-align:center;">
<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>
</div>
<!-- -->
<transition name="message">
<div class="selftmreg-message" v-if="message.show">
<i class="el-icon-warning"></i>
{{message.info}}
</div>
</transition>
</div>
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/OAjddetails/OAjddetails.js 0 → 100644
{
template: '${tmpl}',
data: function() {
var validateAddr = (rule, value, callback) => {
var x = /(([省])|([中][国])|([中][华][人][民][共][和][国])|([北][京][市])|([上][海][市])|([天][津][市])|([重][庆][市])|([内][蒙][古])|([广][西])|([宁][夏])|([新][疆])|([西][藏])|([内][蒙][古][自][治][区])|([新][疆][维][吾][尔][自][治][区])|([广][西][壮][族][自][治][区])|([宁][夏][回][族][自][治][区])|([西][藏][自][治][区]))/g.test(value);
if (!x) {
callback(new Error('请核对地址，必须写所在省份名称！'));
} else {
callback();
}
};
var mobileValidator = (rule, value, callback) => {
var x = /((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)/g.test(value);
if (!x) {
callback(new Error('联系电话格式错误！'));
} else {
callback();
}
};
var emailValidator = (rule, value, callback) => {
var x = /^([a-zA-Z0-9._-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/.test(value);
if (!x) {
callback(new Error('电子邮箱格式错误！'));
} else {
callback();
}
};
var colorizedtm = (rule, value, callback) => {
if ((this.form.tmFormType == "7" || this.form.tmFormType == "6") && value == "") {
callback(new Error('请上传彩色商标图样'));
} else {
callback();
}
};
var validateIdCard = (rule, value, callback) => {
if (this.form.type == "person") {
if (value == "") {
callback(new Error('请输入身份证号码'));
} else {
var x = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value);
if (!x) {
callback(new Error('身份证格式错误'));
} else {
callback();
}
}
} else {
callback();
}
};
var validateSFZ = (rule, value, callback) => {
if (this.apply.customerType == "person" && value == "") {
callback(new Error('身份证明不能为空'));
} else {
callback();
}
};
var code = (rule, value, callback) => {
if (this.apply.customerType == "ent" && !this.apply.code) {
callback(new Error('请输入信用代码'));
} else {
callback();
}
};
return {
/*注册副本 */
announcementsImgType: false,
announcementsType: false,
nclSearchLoading: false,
updatePriceType: false,
loading: false,
loading1: false,
loading2: false,
loading3: false,
loadingKey: 0,
tm_form_type: { "1": "立体", "3": "文字图标", "4": "图形商标", "5": "图形及文字商标", "6": "颜色", "7": "彩色" },
showSelectedNclList: false,
fkey: 0,
isIndeterminate: false,
checkAll: false,
checkedNcl: [],
ncl: ["01", "02", "03", "04", "05", "06", "07", "08", "09",
"10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24",
"25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38",
"39", "40", "41", "42", "43", "44", "45"
],
nclOptions: ["01", "02", "03", "04", "05", "06", "07", "08", "09",
"10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24",
"25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38",
"39", "40", "41", "42", "43", "44", "45"
],
isIndeterminate: false,
itemPrice: 0,
refbizcode: '',
bizCode: '',
filterText: '',
status: "",
data2: [{
id: 1,
label: '一级 1',
children: []
}],
ppnclArr: null,
ncldata: [
{ code: "01", name: "化学原料", type: 1 }, { code: "02", name: "颜料油漆", type: 1 }, { code: "03", name: "日化用品", type: 1 }, { code: "04", name: "燃料油脂", type: 1 }, { code: "05", name: "医药", type: 1 },
{ code: "06", name: "金属材料", type: 1 }, { code: "07", name: "机械设备", type: 1 }, { code: "08", name: "手工器械", type: 1 }, { code: "09", name: "科学仪器", type: 1 }, { code: "10", name: "医疗器械", type: 1 },
{ code: "11", name: "灯具空调", type: 1 }, { code: "12", name: "运输工具", type: 1 }, { code: "13", name: "军火烟火", type: 1 }, { code: "14", name: "珠宝钟表", type: 1 }, { code: "15", name: "乐器", type: 1 },
{ code: "16", name: "办公用品", type: 1 }, { code: "17", name: "橡胶制品", type: 1 }, { code: "18", name: "皮革皮具", type: 1 }, { code: "19", name: "建筑材料", type: 1 }, { code: "20", name: "家具", type: 1 },
{ code: "21", name: "厨房洁具", type: 1 }, { code: "22", name: "绳网袋篷", type: 1 }, { code: "23", name: "纱线丝", type: 1 }, { code: "24", name: "布料床单", type: 1 }, { code: "25", name: "服装鞋帽", type: 1 },
{ code: "26", name: "纽扣拉链", type: 1 }, { code: "27", name: "地毯席垫", type: 1 }, { code: "28", name: "健身器材", type: 1 }, { code: "29", name: "食品", type: 1 }, { code: "30", name: "方便食品", type: 1 },
{ code: "31", name: "饲料种籽", type: 1 }, { code: "32", name: "啤酒饮料", type: 1 }, { code: "33", name: "酒", type: 1 }, { code: "34", name: "烟草烟具", type: 1 }, { code: "35", name: "广告销售", type: 1 },
{ code: "36", name: "金融物管", type: 1 }, { code: "37", name: "建筑修理", type: 1 }, { code: "38", name: "通讯服务", type: 1 }, { code: "39", name: "运输贮藏", type: 1 }, { code: "40", name: "材料加工", type: 1 },
{ code: "41", name: "教育娱乐", type: 1 }, { code: "42", name: "网站服务", type: 1 }, { code: "43", name: "餐饮住宿", type: 1 }, { code: "44", name: "医疗园艺", type: 1 }, { code: "45", name: "社会服务", type: 1 }
],
bigtype: [{
value: '人工智能', label: '人工智能',
children: [{ value: '技术研究', label: '技术研究', }, { value: '智能办公', label: '智能办公', }, { value: '智能驾驶', label: '智能驾驶', }, { value: '智能教育', label: '智能教育', }, { value: '智能穿戴', label: '智能穿戴', }]
},
{
value: '文教娱|传媒、教育、文化、娱乐', label: '文教娱|传媒、教育、文化、娱乐',
children: [{ value: '影视', label: '影视', }, { value: '教育培训', label: '教育培训', }, { value: '文化娱乐', label: '文化娱乐', }, { value: '旅游服务', label: '旅游服务', }]
},
{
value: '服务业|餐饮、修理安装', label: '服务业|餐饮、修理安装',
children: [{ value: '餐饮', label: '餐饮', }, { value: '修理安装', label: '修理安装', }]
},
{
value: '商业服务|广告、金融、法律财务人力服务', label: '商业服务|广告、金融、法律财务人力服务',
children: [{ value: '广告、会展', label: '广告、会展', }, { value: '人力资源', label: '人力资源', }, { value: '创业孵化器', label: '创业孵化器', }, { value: '金融财务', label: '金融财务', }, { value: '商业咨询', label: '商业咨询', }, { value: '法律服务', label: '法律服务', }]
},
{
value: '房产建材|建筑工程监理物管', label: '房产建材|建筑工程监理物管',
children: [{ value: '装饰装潢', label: '装饰装潢', }, { value: '家具家居', label: '家具家居', }, { value: '建材', label: '建材', }, { value: '建筑、监理', label: '建筑、监理', }]
},
{
value: '交通物流|运输、仓储、物流、快递、车辆养护', label: '交通物流|运输、仓储、物流、快递、车辆养护',
children: [{ value: '物流运输、快递', label: '物流运输、快递', }, { value: '车辆养护、维修', label: '车辆养护、维修', }, { value: '物流仓储', label: '物流仓储', }]
},
{
value: '医药保健化工能源', label: '医药保健化工能源',
children: [{ value: '化工能源', label: '化工能源', }, { value: '眼镜面罩', label: '眼镜面罩', }, { value: '医疗保健', label: '医疗保健', }, { value: '医疗器械', label: '医疗器械', }, { value: '药品', label: '药品', }, { value: '医疗服务', label: '医疗服务', }]
},
{
value: '食品饮料|生鲜、保健产品、烟酒糖茶', label: '食品饮料|生鲜、保健产品、烟酒糖茶',
children: [{ value: '烟酒糖茶、饮料', label: '烟酒糖茶、饮料', }, { value: '营养产品', label: '营养产品', }, { value: '生鲜食品、糕点', label: '生鲜食品、糕点', }, { value: '珠宝钟表', label: '珠宝钟表', }, { value: '美容、化妆品', label: '美容、化妆品', }, { value: '服装、配饰', label: '服装、配饰', }]
},
{
value: 'IT、互联网||通信、电子、互联网', label: 'IT、互联网||通信、电子、互联网',
children: [{ value: '在线服务', label: '在线服务', }, { value: '游戏', label: '游戏', }, { value: '社交、论坛', label: '社交、论坛', }, { value: '电商平台', label: '电商平台', }, { value: '软件开发运营', label: '软件开发运营', }, { value: '家电产品', label: '家电产品', }, { value: '计算机及周边', label: '计算机及周边', }, { value: '通信', label: '通信', }]
},
{
value: '农业|农、林、牧、渔等', label: '农业|农、林、牧、渔等',
children: [{ value: '化肥、饲料', label: '化肥、饲料', }, { value: '农产品加工', label: '农产品加工', }]
},
{
value: '机械制造|机械车辆五金工具', label: '机械制造|机械车辆五金工具',
children: [{ value: '五金器械', label: '五金器械', }, { value: '车船航空器制造', label: '车船航空器制造', }, { value: '机械、加工制造', label: '机械、加工制造', }]
},
],
selectedOptions: [],
defaultProps: {
children: 'children',
label: function (data, node) {
if (data.code == null || data.code == null) {
return data.name;
} else {
return data.code + " " + data.name;
}
}
},
form: {
tmFormType: 3,
tmName: "",
picUrl: "",
colorizedPicUrl: "",
selecttype: "自主选择",
totalPublicExpense: 0,
totalTaxes: 0,
totalSum: 0,
totalDiscounts: 0,
totalServiceCharge: 0,
totalProfitSum: 0,
remark: "",
sveItemRateConfig: "",
},
apply: {
customerType: "ent",
name: "",
code: "",
identityCardNo: "",
applyAddr: "",
applyArea: "",
zipCode: "",
contacts: "",
mobile: "",
email: "",
tel: "",
fax: "",
businessLicensePic: "",
businessLicensePdf: "",
identityCardPic: "",
gzwtsUrl: "",
smwjUrl: "",
notes: "",
},
rules: {
tmName: [
{ required: true, message: '请输入商标名称' }
],
picUrl: [
{ required: true, message: '请上传商标图样' }
],
colorizedPicUrl: [
{ validator: colorizedtm, trigger: 'blur' }
],
tmFormType: [
{ required: true, message: '请选择商标类型' }
],
},
nclOne: [],
d: {},
action: "",
invoiceTaxRate: 10,
step: "1",
isRead: false,
steps: [
{ title: "填写基本信息" },
{ title: "填写申请人信息" },
{ title: "确认提交订单" },
{ title: "支付订单" }
],
beforeapply: {},
applyrules: {
customerType: [
{ type: 'string', required: true, message: '请选择申请类型', trigger: 'change' }
],
name: [
{ required: true, message: '请输入公司/申请人名称' }
],
code: [
{ required: true, message: '请输入信用代码' },
{ validator: code, trigger: 'blur' }
],
identityCardNo: [
{ required: true, message: '请输入身份证号码' },
{ validator: validateIdCard, trigger: 'blur' }
],
zipCode: [
{ required: true, message: '请输入邮政编码' }
],
applyAddr: [
{ required: true, message: '请输入执照详细地址' },
{ validator: validateAddr, trigger: 'blur' }
],
contacts: [
{ required: true, message: '请输入客户联系人' }
],
mobile: [
{ required: true, message: '请输入联系电话' },
{ validator: mobileValidator, trigger: 'blur' }
],
email: [
{ required: true, message: '请输入电子邮箱' },
{ validator: emailValidator, trigger: 'blur' }
],
},
order: {},
qrcode: "",
qrCodeJumpUrl: "",
pay: {
offlinePayDocument: "",
paymentPlatformType: "wx"
},
payconfirm: false,
tradeKey: "",
interval: null,
itemCode: "",
totalDiscountsRate: 0,
serviceCharge: 0,
publicExpense: 0,
company: {},
serviceitem: {},
floatBoxDemo: false,
toViewImgKey: null,
toViewImgType: false,
toViewImgSrc: null,
/**订单图片 */
imageUrl: '',
/*当前状态 */
active: 1,
/*弹窗标题*/
headerInfo: '',
dialogTableVisible: false,
innerVisible: false,
/**订单编号 */
deliveryOrderNo: '',
deliveryInfo: { 'colorizedPicUrl': "" },
applyInfo: {},
nclInfo: [],
/* */
orderFlow: {},
currentStep: null,
channelUserId: "",
itemName: '',
deliveryStatus: "",
/*大类下标 */
nclIndex: "",
editNcl: {},
editDeliveryInfo: {},
editApply: {
customerType:'ent',
},
message: {
info: "",
show: false,
},
listPath: {
path: '/1688/jdindentlist',
query: {
channelUserId: this.$route.query.channelUserId,
deliveryOrderNo: this.deliveryOrderNo,
}
},
showConfrim: false,
agree: false,
brandType: "",
/*修改验证 对应表单的值 */
popupValue: "",
/**订单付款信息 */
receiptVoucher: {},
}
},
mounted: function() {
var that = this;
console.log(this.$route.query.channelUserId, this.deliveryOrderNo, 'ggggggggggggggggggggggggggggggggggg');
var obj = this.$root.copyParams("", "getOssConfig", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then(function (d) {
that.d["key"] = "key";
that.d["Bucket"] = d.data.Bucket;
that.d["OSSAccessKeyId"] = d.data.OSSAccessKeyId;
that.d["Signature"] = d.data.Signature;
that.d["policy"] = d.data.policy;
that.d["success_action_status"] = d.data.success_action_status;
that.action = d.data.url;
});
console.log(this.$route.query, '11111111111', this.form.tmFormType);
if (this.$route.query.deliveryOrderNo != "" && this.$route.query.channelUserId != "") {
this.deliveryOrderNo = this.$route.query.deliveryOrderNo;
this.channelUserId = this.$root.channelUserId = this.$route.query.channelUserId;
this.initIndent();
}
if (this.$route.query.deliveryStatus != "") {
this.deliveryStatus = this.$route.query.deliveryStatus;
console.log(this.deliveryStatus, this.currentStep, `llllllllllllllllllll`);
switch (this.deliveryStatus) {
case "dsccl":
this.currentStep = 0;
break;
case "dqrfa":
this.currentStep = 0;
break;
case "dsh":
this.currentStep = 1;
break;
case "ddj":
this.currentStep = 2;
break;
case "ydj":
this.currentStep = 3;
break;
case "ywc":
this.currentStep = 4;
break;
default:
break;
}
}
},
created: function() {
if (this.$route.query.channelUserId != "") {
this.$root.channelUserId = this.$route.query.channelUserId;
console.log(this.$route.query.channelUserId, "11111111111");
}
},
computed: {
},
watch: {
nclOne: {
handler(newVal, oldVal){
if (newVal.length > 0) {
if (newVal.length > 1) {
if (this.$refs.tree) {
this.$refs.tree.setChecked(newVal[1], false);
this.$refs.tree.setChecked(newVal[1].nclThree[0], false);
newVal.pop();
this.message.show = !this.message.show;
this.message.info = "只能修改当前类别";
var timer = setTimeout(() => {
this.message.show = false;
clearTimeout(timer);
}, 2000);
}
};
if (newVal[0].nclThree.length > 10) {
this.$refs.tree.setChecked(newVal[0].nclThree[10], false);
newVal[0].nclThree.pop();
console.log(newVal, newVal[0].nclThree, `xxxxxxxxxxxxxxxxxxxxxxxxxxxxx`);
this.message.show = !this.message.show;
this.message.info = "最多只能选择10项";
var timer2 = setTimeout(() => {
this.message.show = false;
clearTimeout(timer2);
}, 2000);
}
}
},
deep: true
}
},
methods: {
/*初始化订单数据 */
initIndent(){
var deliveryObj = this.$root.copyParams({ "deliveryOrderNo": this.deliveryOrderNo, "channelUserId": this.$route.query.channelUserId }, "getTmOrderInfo", "/action/tmOrder/springBoard");
var applyObj = this.$root.copyParams({ "deliveryOrderNo": this.deliveryOrderNo, "channelUserId": this.$route.query.channelUserId }, "getTmApplyInfo", "/action/tmOrder/springBoard");
var nclObj = this.$root.copyParams({ "deliveryOrderNo": this.deliveryOrderNo, "channelUserId": this.$route.query.channelUserId }, "getTmNclList", "/action/tmOrder/springBoard");
let [loadingA, loadingB, loadingC] = [1, 1, 1];
this.$root.loading = true;
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", deliveryObj).then((d) => {
loadingA = 0;
if (d.status == 0 && d.data) {
console.log(d, `deliveryInfo`);
this.deliveryInfo = d.data.tm;
this.form = JSON.parse(JSON.stringify(this.deliveryInfo));
this.editDeliveryInfo = JSON.parse(JSON.stringify(this.deliveryInfo));
this.form.tmFormType = Number(this.form.tmFormType);
if (d.data.receiptVoucher.length > 0) {
this.receiptVoucher = d.data.receiptVoucher[0];
}
switch (this.form.tmFormType) {
case 3:
this.brandType = "文字";
break;
case 4:
this.brandType = "图形";
break;
case 5:
this.brandType = "文字及图形";
break;
default:
break;
}
this.itemCode = d.data.tm.itemCode == 'zzsbzc' ? true : false;
console.log(this.form, "lllllllllllllllllllllllllllllll");
this.orderFlow = d.data.orderFlow;
this.orderFlow.map((item, index) => {
if (item.createDate) {
item.createDate = new Date(item.createDate).toLocaleString('chinese', { hour12: false });
}
})
}
}).then(() => {
if (loadingA == 0 && loadingB == 0 && loadingC == 0) {
this.$root.loading = false;
}
});
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", applyObj).then((d) => {
loadingB = 0;
console.log(d, `applyObj`);
if (d.status == 0 && d.data) {
this.applyInfo = d.data;
this.apply = JSON.parse(JSON.stringify(this.applyInfo));
this.editApply = JSON.parse(JSON.stringify(this.apply));
console.log(this.editApply, "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb");
}
}).then(() => {
if (loadingA == 0 && loadingB == 0 && loadingC == 0) {
this.$root.loading = false;
}
});
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", nclObj).then((d) => {
loadingC = 0;
console.log(d.data, `nclObj`);
if (d.status == 0 && d.data) {
this.nclInfo = d.data;
this.nclInfo.map((item, index) => {
item.nclSmallCodes = JSON.parse(item.nclSmallCodes);
item.code = item.nclOneCodes;
item.name = this.ncldata[item.nclOneCodes.replace(/\b(0+)/gi, "") - 1].name;
item.nclThree = item.nclSmallCodes;
this.nclOne.push(item);
});
this.ncl = JSON.parse(JSON.stringify(this.nclInfo));
}
}).then(() => {
if (loadingA == 0 && loadingB == 0 && loadingC == 0) {
this.$root.loading = false;
}
});
},
showDialog(from, index){
this.nclIndex = index;
console.log(this.nclInfo);
this.nclOne = this.nclInfo.slice(index,index+1);
console.log(this.nclOne);
console.log(this.nclIndex);
this.dialogTableVisible = true;
switch (from) {
case 1:
this.headerInfo = "商标信息";
this.popupValue = "form";
break;
case 2:
this.headerInfo = "商标类别";
break;
case 3:
this.headerInfo = "交官文件";
this.popupValue = "apply";
break;
case 4:
this.headerInfo = "申请人信息";
this.popupValue = "apply";
break;
case 5:
this.headerInfo = "订单联系人";
this.popupValue = "apply";
break;
case 6:
this.headerInfo = "付款信息";
break;
default:
break;
}
},
pointsRuleColor(i) {
if (i < parseInt(this.step)) {
return 'color: #FFFFFF;'
} else if (i == parseInt(this.step)) {
return 'color: #FFFFFF;'
} else if (i > parseInt(this.step)) {
return 'color: #666666;'
}
},
pointsRuleBackColor(i) {
if (i < parseInt(this.step)) {
return 'background: #0989C5; z-index: ' + Math.abs(i - 5)
} else if (i == parseInt(this.step)) {
return 'background: #0989C5;z-index: ' + Math.abs(i - 5)
} else if (i > parseInt(this.step)) {
return 'background: #EFF1F9;z-index: ' + Math.abs(i - 5)
}
},
toViewImg(src) {
this.toViewImgSrc = src;
this.toViewImgType = true
},
mouseOverDemo(v, k) {
if (v == 99) {
this.floatBoxDemo = true
} else {
if (k) {
this.toViewImgKey = k
} else {
this.toViewImgKey = v
}
}
},
mouseLeaveDemo(v) {
this.floatBoxDemo = false;
this.toViewImgKey = null
},
userBeforeApply: function() {
this.apply = this.beforeapply;
},
gotoorder: function() {
},
searchInputBlur(){
var text = this.filterText;
if (text == "" || text == null) {
this.initNclData();
}
},
nclSearch(){
var that = this;
var text = this.filterText;
if (text == "" || text == null) {
this.initNclData();
} else {
this.nclSearchLoading = true;
console.log(this.checkedNcl, "ncls..............................");
var getNclByLikeNameAndNcl = { "name": text, "ncls": this.checkedNcl };
var getNclByLikeNameAndNcl = this.$root.copyParams(getNclByLikeNameAndNcl, "getNclByLikeNameAndNcl", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", getNclByLikeNameAndNcl).then(function (d) {
if (d.status == 0) {
that.ncldata = d.data;
}
that.nclSearchLoading = false;
}).catch(function (e) {
that.nclSearchLoading = false;
});
}
},
initNclData(){
this.ncldata = [
{ code: "01", name: "化学原料" }, { code: "02", name: "颜料油漆" }, { code: "03", name: "日化用品" }, { code: "04", name: "燃料油脂" }, { code: "05", name: "医药" },
{ code: "06", name: "金属材料" }, { code: "07", name: "机械设备" }, { code: "08", name: "手工器械" }, { code: "09", name: "科学仪器" }, { code: "10", name: "医疗器械" },
{ code: "11", name: "灯具空调" }, { code: "12", name: "运输工具" }, { code: "13", name: "军火烟火" }, { code: "14", name: "珠宝钟表" }, { code: "15", name: "乐器" },
{ code: "16", name: "办公用品" }, { code: "17", name: "橡胶制品" }, { code: "18", name: "皮革皮具" }, { code: "19", name: "建筑材料" }, { code: "20", name: "家具" },
{ code: "21", name: "厨房洁具" }, { code: "22", name: "绳网袋篷" }, { code: "23", name: "纱线丝" }, { code: "24", name: "布料床单" }, { code: "25", name: "服装鞋帽" },
{ code: "26", name: "纽扣拉链" }, { code: "27", name: "地毯席垫" }, { code: "28", name: "健身器材" }, { code: "29", name: "食品" }, { code: "30", name: "方便食品" },
{ code: "31", name: "饲料种籽" }, { code: "32", name: "啤酒饮料" }, { code: "33", name: "酒" }, { code: "34", name: "烟草烟具" }, { code: "35", name: "广告销售" },
{ code: "36", name: "金融物管" }, { code: "37", name: "建筑修理" }, { code: "38", name: "通讯服务" }, { code: "39", name: "运输贮藏" }, { code: "40", name: "材料加工" },
{ code: "41", name: "教育娱乐" }, { code: "42", name: "网站服务" }, { code: "43", name: "餐饮住宿" }, { code: "44", name: "医疗园艺" }, { code: "45", name: "社会服务" }
];
},
error(err){
this.$message.warning(`上传失败，请重新上传`);
console.log(err);
},
uploadsuccess2(result, obj){
if (obj.flag == "zfpz") {
this.pay.offlinePayDocument = result;
}
},
uploadsuccess(obj){
var that = this;
if (this.loadingKey == 1) {
that.loading1 = true;
} else if (this.loadingKey == 2) {
that.loading2 = true;
} else if (this.loadingKey == 3) {
that.loading3 = true;
} else if (this.loadingKey == 0) {
that.loading = true;
}
if (obj.flag == "picUrl") {
console.log("黑白图样------调整宽高", obj);
var uploadStandardTm = { "key": obj.result };
var uploadStandardTm = this.$root.copyParams(uploadStandardTm, "uploadStandardTm", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", uploadStandardTm).then(function (d) {
console.log(d);
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.form.picUrl = d.data.url2;
that.form.colorizedPicUrl = d.data.url;
} else {
that.form.picUrl = "";
that.form.colorizedPicUrl = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function () {
that.form.picUrl = "";
that.form.colorizedPicUrl = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
});
}
if (obj.flag == "colorizedPicUrl") {
this.$root.getReq("/web/toolCtl/adjustTMSize", { "key": obj.key }).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.form.colorizedPicUrl = d.data.url;
return
} else {
that.form.colorizedPicUrl = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function () {
that.form.colorizedPicUrl = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
});
}
if (obj.flag == "yyzz") {
console.log(obj, "oooooooooooooooooooooooooooooooo");
var pic2pdf = { "key": obj.result };
var pic2pdf = this.$root.copyParams(pic2pdf, "pic2pdf", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", pic2pdf).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.editApply.businessLicensePic = obj.result;
that.editApply["businessLicensePdf"] = d.data.url;
return
} else {
that.apply.businessLicensePdf = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function (e) {
that.apply.businessLicensePdf = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
})
}
if (obj.flag == "sfz") {
var sfz = { "key": obj.result };
var sfz = this.$root.copyParams(sfz, "pic2pdf", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", sfz).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.editApply.identityCardPic = obj.result;
that.editApply["identityCardPdf"] = d.data.url;
return;
} else {
that.apply.identityCardPdf = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function (e) {
that.apply.identityCardPdf = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
})
}
if (obj.flag == "wts") {
var adjustWTSSize = { "key": obj.result };
that.editDeliveryOrderNo = JSON.parse(JSON.stringify(that.apply));
var adjustWTSSize = this.$root.copyParams(adjustWTSSize, "adjustWTSSize", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", adjustWTSSize).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.editDeliveryInfo.gzwtsUrl = obj.result;
return;
} else {
that.$refs[obj.flag][0].result = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function () {
that.$refs[obj.flag][0].result = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
});
}
if (obj.flag == "yxq") {
console.log(obj);
that.editDeliveryInfo.smwjUrl = obj.result;
console.log(that.editDeliveryInfo, `mmmmmmmmmmmmmmmmmmmmmmmmmmmmm`);
/**that.apply["smwjUrl"] = obj.result; */
setTimeout(() => {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
}, 1000);
return
}
},
beforeUpload(file){
var that = this;
var isSize = false;
var img = new Image();
var _URL = window.URL || window.webkitURL;
img.onload = function () {
if (img.width == img.height) {
isSize = true;
that.$refs.ys_upload.ifupload = true;
} else {
isSize = false;
that.$message.warning('上传的图片宽高必须相等');
that.$refs.ys_upload.$refs.upload.abort(file);
}
};
img.src = window.URL.createObjectURL(file);
},
showUrl(url){
window.open(url);
},
closeTag(nclThree, index, index2){
if (this.form.status == 2) {
this.$message.warning("已生成订单，不可修改");
return false;
}
var publicExpense = this.serviceitem.publicExpense || 0;
publicExpense = Number(publicExpense);
var nclSmallPrice = publicExpense / 10;
nclSmallPrice = Number(nclSmallPrice.toFixed(2));
this.$refs.tree.setChecked(nclThree, false);
this.nclOne[index].nclThree.splice(index2, 1);
if (this.nclOne[index].nclThree.length > 10) {
this.nclOne[index].price = Number(publicExpense + (this.nclOne[index].nclThree.length - 10) * nclSmallPrice);
} else if (this.nclOne[index].nclThree.length > 0 && this.nclOne[index].nclThree.length <= 10) {
this.nclOne[index].price = publicExpense;
} else if (this.nclOne[index].nclThree.length == 0) {
this.nclOne[index].price = 0;
this.nclOne.splice(index, 1);
}
this.updatePriceType = false;
var json = { json: this.nclOne };
var jsonStr = JSON.stringify(json);
},
/*清除全部*/
removeAll() {
if (this.nclOne.length == 0) {
return;
}
let dataRecieve = this.$refs.tree.getCheckedNodes();
this.$confirm('确定清空所有已选商品/服务项吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
dataRecieve.forEach((item, index) => {
this.$refs.tree.setChecked(item, false, true);
});
this.nclOne = [];
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
})
},
removeNclOne(index, nclone){
if (this.form.status == 2) {
this.$message.warning("已生成订单，不可修改");
return false;
}
this.$confirm('确定清除当前选项吗？', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.ppnclArr = nclone;
this.$refs.tree.setChecked(nclone, false, true);
let dataRecieve = this.$refs.tree.getCheckedNodes();
if (dataRecieve.length == 0) {
this.nclOne.splice(index, 1);
}
this.updatePriceType = false;
this.$message({
type: 'success',
message: '删除成功!'
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
});
})
},
handleCheckChange(obj, a, b) {
let dataRecieve = this.$refs.tree.getCheckedNodes();
console.log(obj, a, b, '1233333333333333333333344444444444444444444', dataRecieve, this.checkedNcl);
if (obj.type) {
return
}
/*let ppncl = this.ppnclArr;*/
let ppncl = this.$refs.tree.getNode(obj).parent.parent.data;
let key = (dataRecieve.length - 1);
let eData = null;
if (dataRecieve.length != 0 && !obj.type) {
if (dataRecieve.length == 1) {
eData = dataRecieve[key];
} else {
eData = obj;
}
var nclThree = [eData];
var publicExpense = this.publicExpense || 0;
publicExpense = Number(publicExpense);
var nclSmallPrice = publicExpense / 10;
nclSmallPrice = Number(nclSmallPrice.toFixed(2));
var result = this.nclOneIsExist(ppncl.code);
if (a) {
if (result.result) {
var nclThree = this.nclOne[result.index].nclThree;
var hasNclThree = this.nclThreeIsExist(eData.name, nclThree);
if (!hasNclThree.result && a) {
this.nclOne[result.index].nclThree.push(eData);
if (this.nclOne[result.index].nclThree.length > 10) {
this.nclOne[result.index].price = Number(publicExpense + (this.nclOne[result.index].nclThree.length - 10) * nclSmallPrice);
}
}
} else {
var data = {
code: ppncl.code,
name: ppncl.name,
price: publicExpense,
nclThree: nclThree,
};
this.nclOne.push(data);
}
} else {
this.nclOne.forEach((item, index) => {
if (item.name == ppncl.name) {
this.nclOne[index].nclThree.forEach((list, key) => {
if (list.name == obj.name) {
this.closeTag(item, index, key)
}
})
}
})
}
this.updatePriceType = false;
} else if (this.nclOne.length != 0 && !a) {
this.nclOne.forEach((item, index) => {
if (item.name == ppncl.name) {
this.nclOne[index].nclThree.forEach((list, key) => {
if (list.name == obj.name) {
this.closeTag(item, index, key)
}
})
}
})
}
},
nodeClick(obj, e, a){
console.log(obj, e, a);
if (e.level == 1) {
this.ppnclArr = obj;
}
var that = this;
if (this.form.status == 2) {
this.$message.warning("已生成订单，不可修改");
return false;
}
if (e.level < 3 && e.childNodes.length == 0) {
this.nclSearchLoading = true;
var getNcl = {
nclcode: obj.code,
};
var getNcl = this.$root.copyParams(getNcl, "getNcl", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", getNcl).then(function (d) {
var data = d.data.rows;
e.childNodes = [];
for (var i = 0; i < data.length; i++) {
that.appendNode(data[i], e);
if (e.level == 1) {
data[i]['type'] = 1;
that.nclSearchLoading = false;
}
}
if (e.level == 2) {
that.nclSearchLoading = false;
that.nclOne.forEach((item, index) => {
if (item.name == e.parent.data.name) {
that.nclOne[index].nclThree.forEach((list, key) => {
that.$refs.tree.setChecked(list, true);
});
}
});
}
});
}
if (e.level == 3) {
this.$refs.tree.setChecked(e.data, true);
return;
this.CCtype = false;
var ppncl = e.parent.parent.data;
var nclThree = [e.data];
var publicExpense = this.publicExpense || 0;
publicExpense = Number(publicExpense);
var nclSmallPrice = publicExpense / 10;
nclSmallPrice = Number(nclSmallPrice.toFixed(2));
var result = this.nclOneIsExist(ppncl.code);
if (result.result) {
var nclThree = this.nclOne[result.index].nclThree;
var hasNclThree = this.nclThreeIsExist(e.data.name, nclThree);
if (!hasNclThree.result) {
this.nclOne[result.index].nclThree.push(e.data);
if (this.nclOne[result.index].nclThree.length > 10) {
this.nclOne[result.index].price = Number(publicExpense + (this.nclOne[result.index].nclThree.length - 10) * nclSmallPrice);
}
}
} else {
var data = {
code: ppncl.code,
name: ppncl.name,
price: publicExpense,
nclThree: nclThree,
};
this.nclOne.push(data);
}
}
},
nclThreeIsExist(name, nclThree){
if (nclThree.length < 1) {
return { result: false, index: 0 };
} else {
for (var i = 0; i < nclThree.length; i++) {
if (nclThree[i].name == name) {
return { result: true, index: i };
}
}
return { result: false, index: 0 };
}
},
nclOneIsExist(nclOneCode){
if (this.nclOne.length < 1) {
return { result: false, index: 0 };
} else {
for (var i = 0; i < this.nclOne.length; i++) {
if (this.nclOne[i].code == nclOneCode) {
return { result: true, index: i };
}
}
return { result: false, index: 0 };
}
},
word2pic(){
if (this.form.tmName == "" || this.form.tmName == null) {
this.loading = true;
this.loading = false;
return false;
}
var that = this;
this.loading = true;
var word2pic = { "word": this.form.tmName };
console.log(word2pic, `xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx`);
var word2pic = this.$root.copyParams(word2pic, "word2pic", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", word2pic).then(function (d) {
if (d.status == 0) {
that.form.picUrl = d.data.url;
that.form.colorizedPicUrl = d.data.url;
that.loading = false;
} else {
that.form.picUrl = "";
that.form.colorizedPicUrl = "";
that.loading = false;
that.$message.warning(`上传失败请重新生成`);
return false;
}
}).catch(function () {
that.form.picUrl = "";
that.loading = false;
that.$message.warning(`上传失败请重新生成`);
return false;
});
},
appendNode(data, pnode) {
this.$refs.tree.append(data, pnode);
this.nclOne.forEach((item, index) => {
if (item.name == this.ppnclArr.name) {
this.nclOne[index].nclThree.forEach((list, key) => {
this.$refs.tree.setChecked(list, true);
})
}
});
},
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
aiadive(){
if (this.selectedOptions.length == 0) {
this.$message.warning(`请选择行业`);
return false;
}
var publicExpense = this.serviceitem.publicExpense || 0;
publicExpense = Number(publicExpense);
var nclSmallPrice = publicExpense / 10;
nclSmallPrice = Number(nclSmallPrice.toFixed(2));
this.$root.getReq("/web/orderCtl/aiadive", { seltype: this.selectedOptions }).then(d => {
var ncl = JSON.parse(d.data);
var data = ncl.ncl;
if (data) {
for (var i = 0; i < data.length; i++) {
var price = publicExpense;
if (data[i].nclThree.length > 10) {
price = price + (data[i].nclThree.length - 10) * nclSmallPrice;
}
data[i].price = price;
}
this.nclOne = data;
}
});
},
selfclear(){
this.nclOne = [];
},
savehistory(){
var entobj = {
regLocation: this.apply.applyAddr, entName: this.apply.name, domainEntName: this.apply.name, creditCode: this.apply.code,
businessLicensePic: this.apply.businessLicensePic, customerType: this.apply.customerType, identityCardNo: this.apply.identityCardNo,
identityCardPic: this.apply.identityCardPic
};
if (this.apply.customerType == "ent") {
var entData = localStorage.getItem("historyentlist");
var o = "";
if (entData) {
entData = JSON.parse(entData);
var entList = entData.data;
if (entList && entList.length > 0) {
for (var i = 0; i < entList.length; i++) {
if (entList[i].creditCode == this.apply.code || !this.apply.code) {
return;
}
}
if (entList.length >= 20) {
entList.shift();
}
entList.push(entobj);
o = { data: entList };
} else {
o = { data: [entobj] };
}
} else {
o = { data: [entobj] };
}
var ostring = JSON.stringify(o);
localStorage.setItem("historyentlist", ostring);
}
if (this.apply.customerType == "person") {
var personData = localStorage.getItem("historypersonlist");
var o = "";
if (personData) {
personData = JSON.parse(personData);
var personList = personData.data;
if (personList && personList.length > 0) {
for (var i = 0; i < personList.length; i++) {
if (personList[i].creditCode == this.apply.code || !this.apply.code) {
return;
}
}
if (personList.length >= 20) {
personList.shift();
}
personList.push(entobj);
o = { data: personList };
} else {
o = { data: [entobj] };
}
} else {
o = { data: [entobj] };
}
var ostring = JSON.stringify(o);
localStorage.setItem("historypersonlist", ostring);
}
},
historyapplierchange(d){
if (d) {
this.editApply.name = d.entName || "";
this.editApply.applyAddr = d.regLocation || "";
this.editApply.code = d.creditCode || "";
this.editApply.businessLicensePic = d.businessLicensePic || "";
this.editApply.identityCardNo = d.identityCardNo || "";
this.editApply.identityCardPic = d.identityCardPic || "";
}
},
selectpersoninput(v){
if (v != this.apply.name) {
this.apply.name = v;
this.apply.applyAddr = "";
this.apply.code = "";
this.apply.businessLicensePic = "";
this.apply.identityCardNo = "";
this.apply.identityCardPic = "";
}
},
applierChange(v){
obj = { companyName: this.apply.name };
var obj = this.$root.copyParams(obj, "getEntregistryByCompanyName", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then(d => {
console.log(d, "bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb");
if (d.creditCode && d.creditCode != "") {
this.apply.applyAddr = d.businessAddress;
this.apply.code = d.creditCode;
}
});
},
setKey(name, flag){
name = name.substring(name.length - 5);
var myDate = new Date();
var key = "zc_" + flag + Math.round(Math.random() * 10000) + myDate.getTime() + myDate.getFullYear() + myDate.getMonth() + myDate.getDate() + ".jpg";
this.$refs[flag].d.key = key;
},
tobefore(){
this.toTop();
this.step = Number(this.step) - 1;
this.step = this.step.toString();
},
wxPay: function() {
},
closePayConfirm(){
},
checkPayState(){
},
orderUpdate(){
},
createWTS: function() {
var that = this;
if (!this.apply.customerType) {
that.$message.warning("请选择申请人类型");
return;
} else if (!this.apply.name) {
that.$message.warning("请填写公司名称");
return;
} else if (this.apply.customerType == "person" && !this.apply.identityCardNo) {
that.$message.warning("请填写身份证号码");
return;
} else if (!this.apply.applyAddr) {
that.$message.warning("请填写执照详细地址");
return;
}
if (!this.company || !this.company.contact) {
that.$message.warning("代理信息为空，生成委托书失败");
return;
}
if (!this.company) {
that.$message.warning("代理信息为空，生成委托书失败");
return;
}
var params = null;
var company = this.$root.currentCompany;
if (!this.apply.zipCode) {
that.$message.warning("请填写邮政编码");
return;
}
if (company && company.companyType == "self") {
if (!this.apply.contacts) {
that.$message.warning("请填写客户联系人");
return;
}
if (!this.apply.mobile) {
that.$message.warning("请填写联系电话");
return;
}
params = this.apply.customerType + ";" + this.apply.name + ";" + this.apply.identityCardNo + ";" + this.form.tmFormType
+ ";" + this.form.colorizedPicUrl + ";" + this.form.picUrl + ";" + this.apply.applyAddr;
params = params + ";" + this.apply.contacts + ";" + this.apply.mobile + ";" + this.apply.zipCode + ";" + this.company.name;
params = encodeURIComponent(params);
} else {
params = this.apply.customerType + ";" + this.apply.name + ";" + this.apply.identityCardNo + ";" + this.form.tmFormType
+ ";" + this.form.colorizedPicUrl + ";" + this.form.picUrl + ";" + this.apply.applyAddr;
params = params + ";" + this.company.contact + ";" + this.company.contactmobile + ";" + this.apply.zipCode + ";" + this.company.name;
params = encodeURIComponent(params);
}
this.$confirm('是否确定生成委托书?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
that.$root.showMask();
var url = window.location.href.split("#")[0] + "wts?" + "params=" + params;
this.$root.getReq("/web/trademark/tmqueryCtl/createWTS", { "url": url }).then(function (d) {
console.log(d);
if (d.data.url != "" && d.data.url != null) {
window.open(d.data.url);
} else {
that.$message.warning(`操作失败`);
}
that.$root.hideMask();
}).catch(function (e) {
that.$root.hideMask();
that.$message.warning(`操作失败`);
});
}).catch(() => {
this.$message({
type: 'info',
message: '已取消'
});
});
},
toTop(){
$('#app').animate({ scrollTop: 0 }, 10);
},
checkClick(){
this.showSelectedNclList = true;
this.fkey = 1;
},
checkConfirm(){
this.showSelectedNclList = false;
this.fkey = 0;
this.nclSearch();
},
handleCheckAllChange(val)
{
this.checkedNcl = val ? this.nclOptions : [];
this.isIndeterminate = false;
},
handleCheckedNclChange(value){
let checkedCount = value.length;
this.checkAll = checkedCount === this.ncl.length;
this.isIndeterminate = checkedCount > 0 && checkedCount < this.ncl.length;
},
clearNclText(){
this.filterText = "";
this.checkedNcl = [];
this.nclSearch();
},
openPdf(v){
if (v) {
window.open(v);
} else {
this.$message.warning("您还没有上传相关材料");
}
},
submitEdit(v, agree){
console.log(v);
this.$nextTick(() => {
if (v != "商标类别" && v != "交官文件") {
this.$refs[this.popupValue].validate(valid => {
if (valid) {
console.log(valid);
switch (v) {
case '商标信息':
this.$root.loading = true;
this.form.deliveryOrderNo = this.deliveryOrderNo;
var obj = this.$root.copyParams(this.form, "updateTmInfo", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((res) => {
if (res.status == 0) {
console.log(res);
this.dialogTableVisible = false;
this.$message({
type: 'success',
message: '修改成功!'
});
this.$root.loading = false;
this.$router.go(0);
} else {
this.$message(res.msg);
this.$root.loading = false;
}
}).catch((e) => {
this.$message(e);
});
break;
case '申请人信息':
this.$root.loading = true;
this.editApply.deliveryOrderNo = this.deliveryOrderNo;
var obj = this.$root.copyParams(this.editApply, "updateCustomerInfo", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((res) => {
if (res.status == 0) {
console.log(res);
this.dialogTableVisible = false;
this.$message({
type: 'success',
message: '提交成功!'
});
this.$root.loading = false;
this.$router.go(0);
} else {
this.$message(res.msg);
}
}).catch((e) => {
this.$message(e);
});
break;
case '订单联系人':
this.$root.loading = true;
this.editApply.deliveryOrderNo = this.deliveryOrderNo;
this.editApply.name = this.editApply.contacts;
console.log(this.editApply, `zzzzzzzzzzzzzzzzzzzz`);
var obj = this.$root.copyParams(this.editApply, "updateContacts", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((res) => {
if (res.status == 0) {
console.log(res);
this.dialogTableVisible = false;
this.$message({
type: 'success',
message: '提交成功!'
});
this.$root.loading = false;
this.$router.go(0);
} else {
this.$message(res.msg);
}
}).catch((e) => {
this.$message(e);
});
break;
default:
break;
}
} else {
console.log('error submit!!');
this.$message.warning("请核对您的信息");
return false;
}
});
} else {
if (v == "交官文件") {
this.$root.loading = true;
this.editApply.deliveryOrderNo = this.deliveryOrderNo;
console.log(this.editApply, this.deliveryOrderNo, `mmmmmmmmmmmmmmmmmmmmmm`);
this.editApply.gzwtsUrl = this.editDeliveryInfo.gzwtsUrl;
this.editApply.smwjUrl = this.editDeliveryInfo.smwjUrl;
var obj = this.$root.copyParams(this.editApply, "updateOfficial", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((res) => {
if (res.status == 0) {
console.log(res);
this.dialogTableVisible = false;
this.$message({
type: 'success',
message: '提交成功!'
});
this.$root.loading = false;
this.$router.go(0);
} else {
this.$message(res.msg);
}
}).catch((e) => {
this.$message(e);
});
}
if (v == "商标类别") {
this.editNcl.deliveryOrderNo = this.deliveryOrderNo;
this.editNcl.tbCode = this.nclInfo[this.nclIndex].tbCode;
this.editNcl.nclOneCodes = this.nclOne[0].code;
this.editNcl.nclSmallCodes = this.nclOne[0].nclThree;
console.log(this.nclInfo, this.nclOne, this.editNcl, `xxxxxxxxxxxxxxxxxxxxxxxx`);
if (this.nclOne.length > 0) {
if (this.nclOne[0].nclThree.length < 10) {
this.nclSelected = this.nclOne[0].nclThree.length;
this.showConfrim = true;
if (agree) {
this.agree = agree;
this.showConfrim = false;
this.$root.loading = true;
} else {
return;
}
}
}
var obj = this.$root.copyParams(this.editNcl, "updateNclInfo", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((res) => {
if (res.status == 0) {
console.log(res);
this.dialogTableVisible = false;
this.$message({
type: 'success',
message: '修改成功!'
});
this.$root.loading = false;
this.$router.go(0);
} else {
this.$message(res.msg);
}
}).catch((e) => {
this.$message(e);
});
}
}
});
},
closeConfrim(){
this.showConfrim = false;
},
},
vname: "gsb-OAjddetails"
}
igirl-channel-jdweb/app/front/vues/pages/OAjdlist/OAjdlist.html 0 → 100644
<div class="jdindentlist-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>
<el-tabs v-model="navActive" @tab-click="navClick">
<el-tab-pane label="商标订单" name="first">
<div class="jdindentlist-nav">
</div>
<div class="jdindentlist">
<div class="jdindentlist-inquire">
<div class="jdindentlist-inquire-form">
<div><span>订单编号：</span>
<el-input v-model="channelServiceNo" placeholder="请输入内容"></el-input>
</div>
<div><span>交付单号：</span>
<el-input v-model="deliveryOrderNo" placeholder="请输入内容"></el-input>
</div>
<div><span>业务类型：</span>
<el-select v-model="itemName" placeholder="请选择">
<el-option v-for="item in businessType" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div><span>下单时间：</span>
<div class="block">
<span class="demonstration"></span>
<el-date-picker v-model="CreateDate" @change="dateChecked(CreateDate)" type="daterange"
align="right" start-placeholder="起始" end-placeholder="结束"
:picker-options="pickerOptions">
</el-date-picker>
</div>
</div>
<div><span>商标名称：</span>
<el-input v-model="tmName" placeholder="请输入内容"></el-input>
</div>
<div><span>申请人：</span>
<el-input v-model="name" placeholder="请输入内容"></el-input>
</div>
<div><span>交付状态：</span>
<el-select v-model="deliveryStatus" placeholder="请选择">
<el-option v-for="item in DeliveryStatus" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<!-- <div><span>付款状态：</span>
<el-select v-model="paymentStatus" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div> -->
</div>
<div>
<el-button @click="find()">查询</el-button>
<el-button @click="reset()">重置</el-button>
</div>
</div>
<div class="jdindentlist-null" v-if="!tableData">
<div>
<img src="/imgs/listnull.png" alt="">
</div>
<p>很抱歉，没有查询到您要搜索的内容！您也可以减少筛选范围再尝试~</p>
</div>
<div class="jdindentlist-list" v-else>
<el-table :header-cell-style="{background:\'#F5F5F5;\'}" :data="tableData" style="width: 100%">
<el-table-column prop="channelServiceNo" label="订单编号">
</el-table-column>
<el-table-column prop="deliveryOrderNo" label="交付单号">
</el-table-column>
<el-table-column prop="itemName" label="业务类型">
</el-table-column>
<el-table-column prop="tmName" label="商标名称">
</el-table-column>
<el-table-column prop="nclOneCodes" label="商标类别">
</el-table-column>
<el-table-column prop="nclOneCount" label="商标件数">
</el-table-column>
<el-table-column prop="name" label="申请人">
</el-table-column>
<el-table-column prop="totalSum" label="订单金额">
</el-table-column>
<el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl">
</el-table-column>
<el-table-column prop="CreateDate" label="下单时间">
</el-table-column>
<el-table-column prop="submitTime" label="递交时间" class-name="subtime">
</el-table-column>
<el-table-column prop="address" label="操作">
<template slot-scope="scope">
<el-button v-show="showDetails(scope.$index, scope.row)"
style="border:0;width:100%;color: #0F8EE9;" size="mini"
@click="viewDetails(scope.$index, scope.row)">详情</el-button>
<el-button v-show="showSelf(scope.$index, scope.row)"
style="border:0;color: #0F8EE9;width:100%;margin:0;" size="mini"
@click="uploadMaterials(scope.$index, scope.row)">上传材料</el-button>
<el-button v-show="showSup(scope.$index, scope.row)"
style="border:0;color: #0F8EE9;width:100%;margin:0;" size="mini"
@click="goScheme(scope.$index, scope.row)">确认注册方案</el-button>
<el-button v-show="showReg(scope.$index, scope.row)"
style="border:0;width:100%;color: #0F8EE9;margin:0;" size="mini"
@click="goSelftmreg(scope.$index, scope.row)">去注册</el-button>
</template>
</el-table-column>
</el-table>
<div class="jdindentlist-list-page">
<el-pagination @current-change="handleSizeChange()" :current-page.sync="currentPage"
:page-size="10" background layout="prev, pager, next,jumper" :total="countPage">
</el-pagination>
</div>
</div>
</div>
<el-drawer title="上传材料" custom-class="jdindentdetail-drawer" size="58.3333%"
:visible.sync="showUploadStuff">
<div style="padding:20px 0;text-align: center">
<el-form label-position="left" ref="stuff" :model="stuff" class="demo-ruleForm" label-width="120px">
<!-- 头部 -->
<!-- <el-form-item label-width="140px" label="申请人类型"
style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="applyInfo.customerType = \'ent\'">企业<img v-if="applyInfo.customerType==\'ent\'"
src="/imgs/sjd.png" alt=""></div>
<div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'person\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
@click="applyInfo.customerType = \'person\'">个体户<img
v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
</el-form-item> -->
<div style="clear:both;"></div>
<div class="selftmreg_main" style="padding:0;">
<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="stuff.businessLicensePic"
:src="stuff.businessLicensePic?stuff.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="stuff.businessLicensePic && toViewImgKey == \'a\'">
<div @click="window.open(stuff.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="stuff.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="stuff.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(stuff.identityCardPic)" class="upload-applyimg"
v-if="stuff.identityCardPic"
:src="stuff.identityCardPic?stuff.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="stuff.identityCardPic && toViewImgKey == \'d\'">
<div @click="window.open(stuff.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(stuff.gzwtsUrl)" class="upload-applyimg"
v-if="stuff.gzwtsUrl" :src="stuff.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="stuff.gzwtsUrl && toViewImgKey == \'b\'">
<div @click="window.open(stuff.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="stuff.customerType == \'ent\' ? \'/imgs/sbzc/wts1.png\' : \'imgs/sbzc/wts.png\'" />
<div v-if="toViewImgKey == 2" class="toViewImg"
@click="toViewImg(stuff.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(stuff.smwjUrl)" class="upload-applyimg"
v-if="stuff.smwjUrl" :src="stuff.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="stuff.smwjUrl && toViewImgKey == \'c\'">
<div @click="window.open(stuff.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 style="text-align:center;padding:50px 0;">
<el-button @click="hideUploadStuff">取消</el-button>
<el-button type="primary" @click="uploadStuffs">确认</el-button>
</div>
<div style="clear:both"></div>
</div>
</el-drawer>
</el-tab-pane>
<el-tab-pane label="工商订单" name="second">
<div class="jdindentlist">
<div class="jdindentlist-inquire">
<div class="jdindentlist-inquire-form">
<div><span>订单编号：</span>
<el-input v-model="channelServiceNo" placeholder="请输入内容"></el-input>
</div>
<div><span>交付单号：</span>
<el-input v-model="deliveryOrderNo" placeholder="请输入内容"></el-input>
</div>
<div><span>业务类型：</span>
<el-select v-model="itemName" placeholder="请选择">
<el-option v-for="item in businessType" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div><span>下单时间：</span>
<div class="block">
<span class="demonstration"></span>
<el-date-picker v-model="CreateDate" @change="dateChecked(CreateDate)" type="daterange"
align="right" start-placeholder="起始" end-placeholder="结束"
:picker-options="pickerOptions">
</el-date-picker>
</div>
</div>
<div><span>商标名称：</span>
<el-input v-model="tmName" placeholder="请输入内容"></el-input>
</div>
<div><span>申请人：</span>
<el-input v-model="name" placeholder="请输入内容"></el-input>
</div>
<div><span>交付状态：</span>
<el-select v-model="deliveryStatus" placeholder="请选择">
<el-option v-for="item in DeliveryStatus" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div><span>交付状态：</span>
<el-select v-model="deliveryStatus" placeholder="请选择">
<el-option v-for="item in DeliveryStatus" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<!-- <div><span>付款状态：</span>
<el-select v-model="paymentStatus" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-select>
</div> -->
</div>
<div>
<el-button @click="find()">查询</el-button>
<el-button @click="reset()">重置</el-button>
</div>
</div>
<div class="jdindentlist-null" v-if="!tableData">
<div>
<img src="/imgs/listnull.png" alt="">
</div>
<p>很抱歉，没有查询到您要搜索的内容！您也可以减少筛选范围再尝试~</p>
</div>
<div class="jdindentlist-list" v-else>
<el-table :header-cell-style="{background:\'#F5F5F5;\'}" :data="tableData" style="width: 100%">
<el-table-column prop="channelServiceNo" label="订单编号">
</el-table-column>
<el-table-column prop="deliveryOrderNo" label="交付单号">
</el-table-column>
<el-table-column prop="itemName" label="业务类型">
</el-table-column>
<el-table-column prop="tmName" label="商标名称">
</el-table-column>
<el-table-column prop="nclOneCodes" label="商标类别">
</el-table-column>
<el-table-column prop="nclOneCount" label="商标件数">
</el-table-column>
<el-table-column prop="name" label="申请人">
</el-table-column>
<el-table-column prop="totalSum" label="订单金额">
</el-table-column>
<el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl">
</el-table-column>
<el-table-column prop="CreateDate" label="下单时间">
</el-table-column>
<el-table-column prop="submitTime" label="递交时间" class-name="subtime">
</el-table-column>
<el-table-column prop="address" label="操作">
<template slot-scope="scope">
<el-button v-show="showDetails(scope.$index, scope.row)"
style="border:0;width:100%;color: #0F8EE9;" size="mini"
@click="viewDetails(scope.$index, scope.row)">详情</el-button>
<el-button v-show="showSelf(scope.$index, scope.row)"
style="border:0;color: #0F8EE9;width:100%;margin:0;" size="mini"
@click="uploadMaterials(scope.$index, scope.row)">上传材料</el-button>
<el-button v-show="showSup(scope.$index, scope.row)"
style="border:0;color: #0F8EE9;width:100%;margin:0;" size="mini"
@click="goScheme(scope.$index, scope.row)">确认注册方案</el-button>
<el-button v-show="showReg(scope.$index, scope.row)"
style="border:0;width:100%;color: #0F8EE9;margin:0;" size="mini"
@click="goSelftmreg(scope.$index, scope.row)">去注册</el-button>
</template>
</el-table-column>
</el-table>
<div class="jdindentlist-list-page">
<el-pagination @current-change="handleSizeChange()" :current-page.sync="currentPage"
:page-size="10" background layout="prev, pager, next,jumper" :total="countPage">
</el-pagination>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</div>
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/OAjdlist/OAjdlist.js 0 → 100644
{
template: '${tmpl}',
data: function() {
var that = this;
var validateMethod = function (rule, value, callback) {
if (rule.field == "mobile") {
if (/^1[23456789]\d{9}$/.test(value) == false) {
return callback(new Error("请输入正确格式的手机号"));
} else {
return callback();
}
}
return callback();
};
return {
input: "",
businessType: [
{
value: 'zzzc',
label: '自助注册'
},
{
value: 'zzfzzc',
label: '专家辅助注册'
},
],
DeliveryStatus: [
{
value: 'dsccl',
label: '待上传材料'
},
{
value: 'dqrfa',
label: '待确认方案'
},
{
value: 'fabtg',
label: '方案不通过'
},
{
value: 'dsh',
label: '待审核'
},
{
value: 'ddj',
label: '待递交'
},
{
value: 'ydj',
label: '已递交'
},
{
value: 'ywc',
label: '已完成'
},
],
indentInfo: {
"channelServiceNo": "",
"deliveryOrderNo": "",
"itemCode": "",
"deliveryStatus": "",
"payStatus": "",
"tmName": "",
"name": "",
"startTime": "",
"entTime": "",
"pageIndex": 1,
"pageSize": 30
},
pickerOptions: {
shortcuts: [{
text: '最近一周',
onClick(picker) {
console.log(picker);
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}]
},
/*input绑定值 */
channelServiceNo: null,
deliveryOrderNo: null,
tmName: null,
name: null,
itemName: null,
inputDate: null,
startTime: null,
entTime: null,
deliveryStatus: null,
/**$ */
CreateDate: null,
tableData: [],
currentPage: 1,
countPage: "",
pageSize: null,
/* 上传资料弹框 */
loading: false,
loading1: false,
loading2: false,
loading3: false,
loadingKey: 0,
sumparams: ["totalSum", "nclOneCodesNum"],
multipleSelection: [],
isSingleSelect: false,
bizCode: "",
centerDialogVisible: false,
activeIndex: "1",
totalSum: 0,
sfs: [
{ field: 'totalSum', label: '订单金额' },
],
form: {
tmFormType: 3,
name: "",
picUrl: "",
colorizedPicUrl: "",
selecttype: "自主选择",
totalPublicExpense: 0,
totalTaxes: 0,
totalSum: 0,
totalDiscounts: 0,
totalServiceCharge: 0,
totalProfitSum: 0,
remark: "",
sveItemRateConfig: "",
},
form1: {
title: "",
taxNum: "",
email: "",
},
form2: {
title: "",
taxNum: "",
companyAddress: "",
companyMobile: "",
companyBank: "",
bankNum: "",
picUrl: "",
recipient: "",
mobile: "",
city: "",
address: "",
},
rules1: {
title: [
{ required: true, message: '请输入发票抬头', trigger: 'blur' },
],
taxNum: [
{ required: true, message: '请输入纳税号', trigger: 'blur' },
],
email: [
{ required: true, message: '请输入发票接收邮箱', trigger: 'blur' },
{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
]
},
rules2: {
title: [
{ required: true, message: '请输入发票抬头', trigger: 'blur' },
],
taxNum: [
{ required: true, message: '请输入纳税号', trigger: 'blur' },
],
companyAddress: [
{ required: true, message: '请输入备案地址', trigger: 'blur' },
],
companyMobile: [
{ required: true, message: '请输入备案电话', trigger: 'blur' },
],
companyBank: [
{ required: true, message: '请输入开户银行', trigger: 'blur' },
],
bankNum: [
{ required: true, message: '请输入银行账户', trigger: 'blur' },
],
fileUrl: [
{ required: true, message: '请上传纳税资格证明', trigger: 'blur' },
],
recipient: [
{ required: true, message: '请输入收件人', trigger: 'blur' },
],
mobile: [
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ validator: validateMethod, trigger: 'blur' },
],
address: [
{ required: true, message: '请输入详细地址', trigger: 'blur' },
],
},
d: {},
action: "",
addressInfo: [],
index: 0,
orderId: "",
stuff: {},
showUploadStuff: 1,
currentOrderNo: "",
currentOrderType: "",
navActive:'first',
toViewImgKey:"",
toViewImgType: false,
toViewImgSrc: null,
applyInfo:{},
}
},
created: function() {
if (this.$route.query.channelUserId != "") {
this.$root.channelUserId = this.$route.query.channelUserId;
console.log(this.$route.query.channelUserId, "11111111111");
}
},
mounted: function() {
var that = this;
var obj = this.$root.copyParams("", "getOssConfig", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then(function (d) {
console.log(d, `mmmmmmmmmmmmmmmmmmmmmmm`);
that.d["key"] = "key";
that.d["Bucket"] = d.data.Bucket;
that.d["OSSAccessKeyId"] = d.data.OSSAccessKeyId;
that.d["Signature"] = d.data.Signature;
that.d["policy"] = d.data.policy;
that.d["success_action_status"] = d.data.success_action_status;
that.action = d.data.url;
console.log(that.action, `oooooooooooooooooooooooooooo`);
});
if (this.$root.channelUserId != "") {
this.handleSizeChange();
}
},
methods: {
toViewImg(src) {
this.toViewImgSrc = src;
this.toViewImgType = true
},
mouseOverDemo(v, k) {
if (v == 99) {
this.floatBoxDemo = true
} else {
if (k) {
this.toViewImgKey = k
} else {
this.toViewImgKey = v
}
}
},
mouseLeaveDemo(v) {
this.floatBoxDemo = false;
this.toViewImgKey = null
},
navClick(tab,e){
console.log(tab,e,this.navActive);
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex === 1) {
return 'warning-row';
} else if (rowIndex === 3) {
return 'success-row';
}
return '';
},
viewDetails(index, row) {
console.log(index, row);
this.currentOrderType = row.itemName;
this.deliveryStatus = row.deliveryStatus;
this.$router.push({
path: "/1688/jdindentdetail",
query: {
deliveryOrderNo: row.deliveryOrderNo,
channelUserId: this.$route.query.channelUserId,
deliveryStatus: this.deliveryStatus,
totalSum: row.totalSum,
}
});
},
showSelf(index, row){
/*
console.log(index, row);
*/
if ((row.deliveryStatus == "dsccl")) {
if (this.showReg(index, row)) {
return false
}
return true;
} else {
return false;
}
},
showSup(index, row){
if (row.deliveryStatus == "dqrfa") {
return true;
} else {
return false;
}
},
showDetails(idx, row){
if (row.deliveryStatus != "dqrfa") {
if (this.showReg(idx, row)) {
return false
}
return true;
} else {
return false;
}
},
showReg(idx, row){
if (row.itemCode == 'zzsbzc') {
if (!row.tmName || !row.nclOneCodes || !row.name) {
return true;
} else {
return false;
}
}
},
goScheme(index, row){
console.log(index, row);
this.$router.push({
path: '/1688/jdregscheme',
query: {
channelUserId: this.$route.query.channelUserId,
deliveryOrderNo: row.deliveryOrderNo,
}
});
},
goSelftmreg(index, row){
this.$router.push({
path: '/1688/selftmreg',
query: {
channelUserId: this.$route.query.channelUserId,
deliveryOrderNo: row.deliveryOrderNo,
channelOrderNo: row.channelServiceNo,
}
});
window.scrollTo(0, 0);
},
handleSizeChange(){
if (this.$route.query.channelUserId != "") {
this.indentInfo.pageIndex = this.currentPage;
var obj = this.$root.copyParams(this.indentInfo, "getTmOrderList", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.loading = true;
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((d) => {
this.$root.loading = false;
console.log(d.data);
if (d.status == 0 && d.data) {
this.tableData = d.data;
/* 没有分页参数 需要重新改*/
this.countPage = 30 || d.data.length;
d.data.map((item, index) => {
if (item.submitTime) {
item.submitTime = new Date(item.submitTime).toLocaleString('chinese', { hour12: false });
} else {
item.submitTime = '--';
}
if (item.CreateDate) {
item.CreateDate = new Date(item.CreateDate).toLocaleDateString('chinese', { hour12: false });
} else {
item.CreateDate = '--';
}
});
} else {
console.log(d, "getTmOrderList...........");
}
});
}
},
reset(){
this.channelServiceNo = null;
this.deliveryOrderNo = null;
this.name = null;
this.itemName = null;
this.tmName = null;
this.CreateDate = null;
console.log(this.CreateDate);
this.deliveryStatus = null;
},
find(){
this.indentInfo.channelServiceNo = this.channelServiceNo;
this.indentInfo.deliveryOrderNo = this.deliveryOrderNo;
this.indentInfo.name = this.name;
this.indentInfo.itemName = this.itemName;
this.indentInfo.tmName = this.tmName;
this.indentInfo.CreateDate = this.CreateDate;
this.indentInfo.deliveryStatus = this.deliveryStatus;
this.indentInfo.startTime = this.startTime || "";
this.indentInfo.entTime = this.entTime || "";
this.handleSizeChange();
},
dateChecked(v){
this.startTime = new Date(v[0]).toLocaleDateString('chinese', { hour12: false }).replace(/\//g, '-');
this.entTime = new Date(v[1]).toLocaleDateString('chinese', { hour12: false }).replace(/\//g, '-');
console.log(this.startTime, this.entTime);
},
/**上传资料弹窗 */
setKey(name, flag){
name = name.substring(name.length - 5);
var myDate = new Date();
var key = "zc_" + Math.round(Math.random() * 500) + myDate.getMonth() + myDate.getTime() + myDate.getFullYear() + myDate.getDate() + myDate.getHours() + myDate.getMinutes() + myDate.getSeconds() + myDate.getMilliseconds() + name.replace(" ", "");
this.$refs[flag].d.key = key;
},
uploadsuccess(obj){
var that = this;
console.log(obj, `xxxxxxxxxxxxxxxxxxxxxxxx`);
if (this.loadingKey == 1) {
that.loading1 = true;
} else if (this.loadingKey == 2) {
that.loading2 = true;
} else if (this.loadingKey == 3) {
that.loading3 = true;
} else if (this.loadingKey == 0) {
that.loading = true;
}
if (obj.flag == "yyzz") {
console.log(obj.result, "...........................");
this.stuff.businessLicensePic = obj.result;
var pic2pdf = { "key": obj.result };
var pic2pdf = this.$root.copyParams(pic2pdf, "pic2pdf", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", pic2pdf).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.stuff.businessLicensePdf = d.data.url;
} else {
that.stuff.businessLicensePdf = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function (e) {
that.stuff.businessLicensePic = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
})
}
if (obj.flag == "sfz") {
var sfz = { word: this.form.name };
var sfz = this.$root.copyParams(sfz, "pic2pdf", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", sfz).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.stuff.identityCardPic = obj.result;
that.stuff.identityCardPdf = d.data.url;
} else {
that.stuff.identityCardPic = "";
that.stuff.identityCardPdf = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function (e) {
that.stuff.identityCardPic = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
})
}
if (obj.flag == "wts") {
var adjustWTSSize = { "key": obj.result };
var adjustWTSSize = this.$root.copyParams(adjustWTSSize, "adjustWTSSize", "/action/tmTools/springBoard");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", adjustWTSSize).then(function (d) {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
if (d.status == 0) {
that.stuff.gzwtsUrl = d.data.url;
console.log(d.data.url);
} else {
that.$refs[obj.flag][0].result = "";
that.$message.warning(`上传失败请重新上传`);
return false;
}
}).catch(function () {
that.$refs[obj.flag][0].result = "";
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.$message.warning(`上传失败请重新上传`);
return false;
});
}
if (obj.flag == "yxq") {
that.loading1 = false;
that.loading2 = false;
that.loading3 = false;
that.loading = false;
that.stuff.smwjUrl = obj.result
}
},
error(err){
this.$message.warning(`上传失败，请重新上传`);
},
hideUploadStuff(){
this.stuff = {};
this.showUploadStuff = false;
},
uploadMaterials(index, row){
console.log(row, `zzzzzzzzzzzzzzzzzzzzzz`);
this.showUploadStuff = true;
this.currentOrderNo = row.deliveryOrderNo;
this.currentName = row.name;
this.stuff.customerType = row.customerType;
this.stuff.businessLicensePic = row.businessLicensePic;
this.stuff.identityCardPic = row.identityCardPic;
this.stuff.smwjUrl = row.smwjUrl;
},
uploadStuffs(){
console.log(this.stuff);
this.stuff.deliveryOrderNo = this.currentOrderNo;
this.stuff.name = this.currentName;
var obj = this.$root.copyParams(this.stuff, "updateOfficial", "/action/tmOrder/springBoard", "yes", "yes");
this.$root.postReq("/web/trademark/tmqueryCtl/doPost", obj).then((res) => {
console.log(res);
if (res.status == 0) {
this.showUploadStuff = false;
this.$message({ message: "上传成功", type: 'success' });
}
}).catch((e) => {
this.$message(e);
});
},
},
vname: "gsb-OAjdlist"
}
igirl-channel-jdweb/app/front/vues/pages/companydetail/companydetail.css
......@@ -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;
}
igirl-channel-jdweb/app/front/vues/pages/companydetail/companydetail.html
......@@ -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
igirl-channel-jdweb/app/front/vues/pages/companydetail/companydetail.js
......@@ -4,6 +4,7 @@
return {
listPath: { path: '/1688/jdindentlist', query: {} },
currentStep:1,
companyData:[],
}
},
mounted: function() {
......
igirl-channel-jdweb/app/front/vues/pages/jdindentdetail/jdindentdetail.css
......@@ -50,7 +50,6 @@
.jdindentdetail {
/* padding: 30px 30px 30px; */
background: #F9F9F9;
padding: 0 20px;
}
......
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.css
......@@ -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;
......
igirl-channel-jdweb/app/front/vues/pages/jdtrademark/jdtrademark.html
......@@ -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