Commit 0b5dad77 by 刘泽奇

123

parent edec4ab1
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -528,4 +528,3 @@
.jdindentdetail-drawer .selftmreg_main .el-form-item{
margin-bottom: 10px !important;
}
.jdindentdetail-drawer .selftmreg_main
\ No newline at end of file
......@@ -7,6 +7,27 @@
<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>
......@@ -400,11 +421,9 @@
<!-- <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">
<div class="selftmreg_main">
<div style="clear:both;"></div>
<div style="width:100%;padding-left:30px;box-sizing: border-box;">
<!-- 头部 -->
<!-- <el-form-item label-width="140px" label="申请人类型"
<!-- 头部 -->
<!-- <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;\' : \'\'"
......@@ -415,157 +434,152 @@
@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">
<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 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>
<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>
</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>
</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>
<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>
</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>
</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>
</el-form-item>
<div style="clear:both;"></div>
<el-drawer title="" :visible.sync="toViewImgType" center width="72%" append-to-body>
<img :src="toViewImgSrc" style="max-width:100%;display: block;margin: 0 auto;"
alt="">
</el-drawer>
</gsb-upload>
<div class="upload-dialog"
v-show="editDeliveryInfo.smwjUrl && toViewImgKey == \'c\'">
<div @click="window.open(editDeliveryInfo.smwjUrl)">查看大图</div>
<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<div @click="loadingKey = 3">重新上传</div>
</gsb-upload>
</div>
</div>
</div>
<div 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-drawer title="" :visible.sync="toViewImgType" center width="72%" append-to-body>
<img :src="toViewImgSrc" style="max-width:100%;display: block;margin: 0 auto;" alt="">
</el-drawer>
</div>
</div>
</el-form>
</div>
......@@ -848,14 +862,15 @@
style="color:red;">不足10项</span>,已选{{item.checked}}项,还可选{{10-item.checked}}个小项</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>
<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-drawer>
<div style="text-align:center;">
<span class="dialog-footer" style="margin-top:15px;">
......
......@@ -399,7 +399,7 @@
this.$refs.tree.setChecked(newVal[1].nclThree[0], false);
newVal.pop();
this.message.show = !this.message.show;
this.message.info = "只能修改一个类别";
this.message.info = "只能修改当前类别";
var timer = setTimeout(() => {
this.message.show = false;
clearTimeout(timer);
......@@ -427,7 +427,7 @@
},
methods: {
/*初始化订单数据 */
initIndent(){
var deliveryObj = this.$root.copyParams({ "deliveryOrderNo": this.deliveryOrderNo, "channelUserId": this.$route.query.channelUserId }, "getTmOrderInfo", "/action/tmOrder/springBoard");
......@@ -518,7 +518,6 @@
case 1:
this.headerInfo = "商标信息";
this.popupValue = "form";
break;
case 2:
this.headerInfo = "商标类别";
......
.jdindentlist-header {
width: 100%;
height: 80px;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px 0 36px;
box-sizing: border-box;
background: rgba(255, 255, 255, 1);
background: #212122;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
......@@ -15,7 +15,7 @@
font-size: 22px;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: rgba(38, 146, 255, 1);
color: #ffffff;
line-height: 24px;
}
......@@ -23,7 +23,7 @@
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(47, 47, 47, 1);
color: #ffffff;
line-height: 22px;
}
......@@ -31,7 +31,7 @@
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(47, 47, 47, 1);
color: #ffffff;
line-height: 22px;
}
......@@ -39,10 +39,30 @@
font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(38, 146, 255, 1);
color: #ffffff;
line-height: 22px;
}
.jdindentlist-warpper .el-tabs__item {
background: #eef2fb;
width: 130px;
text-align: center;
color:#777777;
height: 40px;
}
.jdindentlist-warpper .el-tabs__header{
box-sizing: border-box;
padding-left: 20px;
}
.jdindentlist-warpper .el-tabs__item.is-active {
border-top: 2px solid #3071fe;
background: #ffffff;
color:#777777 !important;
}
/* 上面是公共部分 */
.jdindentlist {
padding: 2.78% 20px 30px;
background: #F9F9F9;
......@@ -128,40 +148,39 @@
font-weight: 400;
color: rgba(47, 47, 47, 1);
}
.jdindentlist-list .el-table tr>th:nth-of-type(12n)>.cell{
.jdindentlist-list .el-table tr>th:nth-of-type(12n)>.cell {
text-align: center;
}
.jdindentlist-list-page{
.jdindentlist-list-page {
margin-top: 25px;
width: 100%;
text-align: center;
}
.jdindentlist-list .subtime{
.jdindentlist-list .subtime {
padding-right: 25px;
}
.jdindentlist-list .dsqcl{
.jdindentlist-list .dsqcl {
color: red;
}
.jdindentlist-null{
.jdindentlist-null {
width: 34.57%;
height: 333px;
margin: 10.37% auto 0;
}
.jdindentlist-null>div:nth-child(1) img{
.jdindentlist-null>div:nth-child(1) img {
width: 100%;
height: 100%;
}
.jdindentlist-warpper .demo-ruleForm{
.jdindentlist-warpper .demo-ruleForm {
display: flex;
justify-content: space-around;
}
}
\ No newline at end of file
<div class="jdindentlist-warpper">
<!-- <div class="jdindentlist-header">
<div>个人中心</div>
<div class="jdindentlist-header">
<div>京东云商标</div>
<div>
<span>欢迎</span>
<span><i class="el-icon-user"></i></span>
<span>1366*565445</span>
<span>退出</span>
</div>
</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="reset()">重设</el-button>
<el-button @click="find()">查询</el-button>
</div>
</div>
<div class="jdindentlist-null" v-if="!tableData">
<div>
<img src="/imgs/listnull.png" alt="">
</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>
<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 style="font-size: 16px;">
订单列表
</div>
</div>
</div>
<div class="jdindentlist-dialog">
<div v-show="showUploadStuff">
<div
style="position: fixed;width:100%;z-index:999;background-color:black;top:0;left:0;right:0;bottom: 0;opacity: 0.5;">
<el-tabs v-model="navActive" @tab-click="navClick">
<el-tab-pane label="商标订单" name="first">
<div class="jdindentlist-nav">
</div>
<div style="position:fixed;height:400px;top:20%;left:20%;right:25%;z-index: 9999;background-color:white;">
<div style="width:80%;margin:0 auto;box-sizing: border-box;padding-top: 20px;">
<h4 style="text-align:left;margin-left:2%;margin-bottom: 10px;">上传资料</h4>
<div style="padding:20px 0;text-align: center">
<el-form ref="stuff" :model="stuff" class="demo-ruleForm" label-width="0">
<el-form-item style="float:left;width:25%;text-align:center" label="">
<div v-loading="loading">
<img width="110px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.businessLicensePic)" v-if="stuff.businessLicensePic"
:src="stuff.businessLicensePic" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 0">营业执照上传
</el-button>
</gsb-upload>
</el-form-item>
<el-form-item style="float:left;width:25%;text-align:center"
v-if="stuff.customerType==\'person\'" label="">
<div v-loading="loading1">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.identityCardPic)" v-if="stuff.identityCardPic"
:src="stuff.identityCardPic" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 1">身份证明上传
</el-button>
</gsb-upload>
</el-form-item>
<el-form-item style="float:left;width:25%;text-align:center" label="">
<div v-loading="loading2">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.gzwtsUrl)" v-if="stuff.gzwtsUrl"
:src="stuff.gzwtsUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 2">代理委托书上传
</el-button>
</gsb-upload>
</el-form-item>
<el-form-item style="float:left;width:25%;text-align:center" label="">
<div v-loading="loading3">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.smwjUrl)" v-if="stuff.smwjUrl" :src="stuff.smwjUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
<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="reset()">重设</el-button>
<el-button @click="find()">查询</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>
<div class="jdindentlist-dialog">
<div v-show="showUploadStuff">
<div
style="position: fixed;width:100%;z-index:999;background-color:black;top:0;left:0;right:0;bottom: 0;opacity: 0.5;">
</div>
<div style="position:fixed;height:400px;top:20%;left:20%;right:25%;z-index: 9999;background-color:white;">
<div style="width:80%;margin:0 auto;box-sizing: border-box;padding-top: 20px;">
<h4 style="text-align:left;margin-left:2%;margin-bottom: 10px;">上传资料</h4>
<div style="padding:20px 0;text-align: center">
<el-form ref="stuff" :model="stuff" class="demo-ruleForm" label-width="0">
<el-form-item style="float:left;width:25%;text-align:center" label="">
<div v-loading="loading">
<img width="110px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.businessLicensePic)" v-if="stuff.businessLicensePic"
:src="stuff.businessLicensePic" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 0">营业执照上传
</el-button>
</gsb-upload>
</el-form-item>
<el-form-item style="float:left;width:25%;text-align:center"
v-if="stuff.customerType==\'person\'" label="">
<div v-loading="loading1">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.identityCardPic)" v-if="stuff.identityCardPic"
:src="stuff.identityCardPic" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 1">身份证明上传
</el-button>
</gsb-upload>
</el-form-item>
<el-form-item style="float:left;width:25%;text-align:center" label="">
<div v-loading="loading2">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.gzwtsUrl)" v-if="stuff.gzwtsUrl"
:src="stuff.gzwtsUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 2">代理委托书上传
</el-button>
</gsb-upload>
</el-form-item>
<el-form-item style="float:left;width:25%;text-align:center" label="">
<div v-loading="loading3">
<img width="120px" height="120px" style="border:2px dashed #e9e9e9"
@click="window.open(stuff.smwjUrl)" v-if="stuff.smwjUrl" :src="stuff.smwjUrl" />
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
src="/imgs/zwcl.png" />
</div>
<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 3">优先权文件上传
</el-button>
</gsb-upload>
</el-form-item>
<div style="clear:both;"></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>
<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@error="error">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 3">优先权文件上传
</el-button>
</gsb-upload>
</el-form-item>
<div style="clear:both;"></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 style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
</div>
</div>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="工商订单" name="second">配置管理</el-tab-pane>
</el-tabs>
</div>
\ No newline at end of file
......@@ -220,6 +220,7 @@
showUploadStuff: false,
currentOrderNo: "",
currentOrderType: "",
navActive:'first',
}
},
created: function() {
......@@ -248,6 +249,9 @@
},
methods: {
navClick(tab,e){
console.log(tab,e,this.navActive);
},
tableRowClassName({ row, rowIndex }) {
if (rowIndex === 1) {
return 'warning-row';
......
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