Skip to content

Z
zhichan
Commit 0b5dad77 by 刘泽奇
Options

123

parent edec4ab1
Showing with 420 additions and 361 deletions
igirl-channel-jdweb/app/front/entry/public/css/pagecom.css
This source diff could not be displayed because it is too large. You can view the blob instead.
igirl-channel-jdweb/app/front/vues/pages/jdindentdetail/jdindentdetail.css
...@@ -528,4 +528,3 @@ ...@@ -528,4 +528,3 @@
.jdindentdetail-drawer .selftmreg_main .el-form-item{ .jdindentdetail-drawer .selftmreg_main .el-form-item{
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.jdindentdetail-drawer .selftmreg_main
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/jdindentdetail/jdindentdetail.html
...@@ -7,6 +7,27 @@ ...@@ -7,6 +7,27 @@
<span>退出</span> <span>退出</span>
</div> </div>
</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">
<div class="jdindentdetail-nav"> <div class="jdindentdetail-nav">
<span>当前位置：</span> <span>当前位置：</span>
...@@ -400,11 +421,9 @@ ...@@ -400,11 +421,9 @@
<!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>交官文件</h4> --> <!-- <h4 style="color:#535353"><i class="selftmreg_shuxian"></i>交官文件</h4> -->
<el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm" <el-form label-position="left" ref="apply" :rules="applyrules" :model="editApply" class="demo-ruleForm"
label-width="120px"> 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"> style="width:493px;float:left;padding-right:50px;" prop="customerType">
<div class="selftmregType" v-model="applyInfo.customerType" <div class="selftmregType" v-model="applyInfo.customerType"
:style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'" :style="applyInfo.customerType==\'ent\' ? \'border: 1px solid #409EFF;color: #409EFF;\' : \'\'"
...@@ -415,157 +434,152 @@ ...@@ -415,157 +434,152 @@
@click="applyInfo.customerType = \'person\'">个体户<img @click="applyInfo.customerType = \'person\'">个体户<img
v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div> v-if="applyInfo.customerType==\'person\'" src="/imgs/sjd.png" alt=""></div>
</el-form-item> --> </el-form-item> -->
<div style="clear:both;"></div> <div style="clear:both;"></div>
<div class="selftmreg_main"> <div class="selftmreg_main" style="padding:0;">
<div style="width: 100%;text-align: left;box-sizing: border-box;"> <div style="width: 100%;text-align: left;box-sizing: border-box;">
<el-form-item class="gsb_items" label=""> <el-form-item class="gsb_items" label="">
<div class="title special">上传材料：营业执照</div> <div class="title special">上传材料：营业执照</div>
<div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')" <div class="upload-box" v-loading="loading" @mouseover="mouseOverDemo(1,\'a\')"
@mouseleave="mouseLeaveDemo(1,\'a\')"> @mouseleave="mouseLeaveDemo(1,\'a\')">
<img class="upload-applyimg" v-if="editApply.businessLicensePic" <img class="upload-applyimg" v-if="editApply.businessLicensePic"
:src="editApply.businessLicensePic?editApply.businessLicensePic:\'/imgs/sbzc/yyzzD.png\'" /> :src="editApply.businessLicensePic?editApply.businessLicensePic:\'/imgs/sbzc/yyzzD.png\'" />
<gsb-upload v-else flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" <gsb-upload v-else flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action"
:action="action" filetype="image/jpeg" :ifshowlist="false" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@uploadsuccess="uploadsuccess" @error="error"> @error="error">
<div class="upload-button" @click="loadingKey = 0"> <div class="upload-button" @click="loadingKey = 0">
<div><i class="el-icon-plus"></i></div> <div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</div> <div>(需盖公章)</div>
</div>
</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>
<div class="upload-img" @mouseover="mouseOverDemo(1)" </gsb-upload>
@mouseleave="mouseLeaveDemo(1)"> <div class="upload-dialog"
<img v-show="editApply.businessLicensePic && toViewImgKey == \'a\'">
:src="applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzz1.png\' : \'imgs/sbzc/yyzz.png\'" /> <div @click="window.open(editApply.businessLicensePic)">查看大图
<div v-if="toViewImgKey == 1" class="toViewImg"
@click="toViewImg(applyInfo.customerType == \'ent\' ? \'/imgs/sbzc/yyzzD1.png\' : \'imgs/sbzc/yyzzD.png\')">
查看大图</div>
</div> </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>
<el-form-item class="gsb_items" v-if="editApply.customerType==\'person\'" label=""> <el-form-item class="gsb_items" v-if="editApply.customerType==\'person\'" label="">
<div class="title special">上传材料：身份证明</div> <div class="title special">上传材料：身份证明</div>
<div class="upload-box" v-loading="loading1" @mouseover="mouseOverDemo(4,\'d\')" <div class="upload-box" v-loading="loading1" @mouseover="mouseOverDemo(4,\'d\')"
@mouseleave="mouseLeaveDemo(4,\'d\')"> @mouseleave="mouseLeaveDemo(4,\'d\')">
<img @click="window.open(editApply.identityCardPic)" class="upload-applyimg" <img @click="window.open(editApply.identityCardPic)" class="upload-applyimg"
v-if="editApply.identityCardPic" v-if="editApply.identityCardPic"
:src="editApply.identityCardPic?editApply.identityCardPic:\'/imgs/sbzc/pdf.png\'" /> :src="editApply.identityCardPic?editApply.identityCardPic:\'/imgs/sbzc/pdf.png\'" />
<gsb-upload v-else flag="sfz" ref="sfz" :d="d" @setKey="setKey" <gsb-upload v-else flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
:action="action" filetype="image/jpeg" :ifshowlist="false" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@uploadsuccess="uploadsuccess" @error="error"> @error="error">
<div class="upload-button" @click="loadingKey = 1"> <div class="upload-button" @click="loadingKey = 1">
<div><i class="el-icon-plus"></i></div> <div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</div> <div>(需盖公章)</div>
</div>
</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>
<div class="upload-img" @mouseover="mouseOverDemo(2)" </gsb-upload>
@mouseleave="mouseLeaveDemo(2)"> <div class="upload-dialog"
<img v-show="editApply.identityCardPic && toViewImgKey == \'d\'">
:src="editApply.customerType == \'ent\' ? \'/imgs/sbzc/wts1.png\' : \'imgs/sbzc/wts.png\'" /> <div @click="window.open(editApply.identityCardPic)">查看大图</div>
<div v-if="toViewImgKey == 2" class="toViewImg" <gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action"
@click="toViewImg(editApply.customerType == \'ent\' ? \'/imgs/sbzc/wtsD1.png\' : \'imgs/sbzc/wtsD.png\')"> filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
查看大图</div> @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> </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>
<el-form-item class="gsb_items" label=""> <el-form-item class="gsb_items" label="">
<div class="title">上传材料：优先权证明 <div class="title">上传材料：优先权证明
<a href="http://gsb-zc.oss-cn-beijing.aliyuncs.com/yzq_201908281849646526xujnsedjnqwdoni.doc" <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> 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>
<div class="upload-box" v-loading="loading3" @mouseover="mouseOverDemo(3,\'c\')" <div class="upload-box" v-loading="loading3" @mouseover="mouseOverDemo(3,\'c\')"
@mouseleave="mouseLeaveDemo(3,\'c\')"> @mouseleave="mouseLeaveDemo(3,\'c\')">
<img @click="window.open(editDeliveryInfo.smwjUrl)" class="upload-applyimg" <img @click="window.open(editDeliveryInfo.smwjUrl)" class="upload-applyimg"
v-if="editDeliveryInfo.smwjUrl" :src="editDeliveryInfo.smwjUrl" /> v-if="editDeliveryInfo.smwjUrl" :src="editDeliveryInfo.smwjUrl" />
<gsb-upload v-else flag="yxq" ref="yxq" :d="d" @setKey="setKey" <gsb-upload v-else flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
:action="action" filetype="image/jpeg" :ifshowlist="false" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
@uploadsuccess="uploadsuccess" @error="error"> @error="error">
<div class="upload-button" @click="loadingKey = 3"> <div class="upload-button" @click="loadingKey = 3">
<div><i class="el-icon-plus"></i></div> <div><i class="el-icon-plus"></i></div>
<div>(需盖公章)</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> </div>
</el-form-item> </gsb-upload>
<div class="upload-dialog"
<div style="clear:both;"></div> v-show="editDeliveryInfo.smwjUrl && toViewImgKey == \'c\'">
<el-drawer title="" :visible.sync="toViewImgType" center width="72%" append-to-body> <div @click="window.open(editDeliveryInfo.smwjUrl)">查看大图</div>
<img :src="toViewImgSrc" style="max-width:100%;display: block;margin: 0 auto;" <gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action"
alt=""> filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess"
</el-drawer> @error="error">
<div @click="loadingKey = 3">重新上传</div>
</gsb-upload>
</div>
</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> </el-form>
</div> </div>
...@@ -848,14 +862,15 @@ ...@@ -848,14 +862,15 @@
style="color:red;">不足10项</span>，已选{{item.checked}}项，还可选{{10-item.checked}}个小项</span> style="color:red;">不足10项</span>，已选{{item.checked}}项，还可选{{10-item.checked}}个小项</span>
</div> </div>
<div style="margin-top: 10px;"> <div style="margin-top: 10px;">
<span class="dialog-footer"> <span class="dialog-footer">
<el-button style="background:#66b1ff;border-color: #66b1ff;color: #FFF;" @click="closeConfrim()">修 改 <el-button style="background:#66b1ff;border-color: #66b1ff;color: #FFF;"
</el-button> @click="closeConfrim()">修 改
<el-button style="background:#fff;border-color: #DCDFE6;color: #606266;" type="primary" </el-button>
@click="submitEdit(\'商标类别\',true)">确 定</el-button> <el-button style="background:#fff;border-color: #DCDFE6;color: #606266;" type="primary"
</span> @click="submitEdit(\'商标类别\',true)">确 定</el-button>
</span>
</div> </div>
</el-drawer> </el-drawer>
<div style="text-align:center;"> <div style="text-align:center;">
<span class="dialog-footer" style="margin-top:15px;"> <span class="dialog-footer" style="margin-top:15px;">
......
igirl-channel-jdweb/app/front/vues/pages/jdindentdetail/jdindentdetail.js
...@@ -399,7 +399,7 @@ ...@@ -399,7 +399,7 @@
this.$refs.tree.setChecked(newVal[1].nclThree[0], false); this.$refs.tree.setChecked(newVal[1].nclThree[0], false);
newVal.pop(); newVal.pop();
this.message.show = !this.message.show; this.message.show = !this.message.show;
this.message.info = "只能修改一个类别"; this.message.info = "只能修改当前类别";
var timer = setTimeout(() => { var timer = setTimeout(() => {
this.message.show = false; this.message.show = false;
clearTimeout(timer); clearTimeout(timer);
...@@ -427,7 +427,7 @@ ...@@ -427,7 +427,7 @@
}, },
methods: { methods: {
/*初始化订单数据 */ /*初始化订单数据 */
initIndent(){ initIndent(){
var deliveryObj = this.$root.copyParams({ "deliveryOrderNo": this.deliveryOrderNo, "channelUserId": this.$route.query.channelUserId }, "getTmOrderInfo", "/action/tmOrder/springBoard"); var deliveryObj = this.$root.copyParams({ "deliveryOrderNo": this.deliveryOrderNo, "channelUserId": this.$route.query.channelUserId }, "getTmOrderInfo", "/action/tmOrder/springBoard");
...@@ -518,7 +518,6 @@ ...@@ -518,7 +518,6 @@
case 1: case 1:
this.headerInfo = "商标信息"; this.headerInfo = "商标信息";
this.popupValue = "form"; this.popupValue = "form";
break; break;
case 2: case 2:
this.headerInfo = "商标类别"; this.headerInfo = "商标类别";
......
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.css
.jdindentlist-header { .jdindentlist-header {
width: 100%; width: 100%;
height: 80px; height: 50px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 30px 0 36px; padding: 0 30px 0 36px;
box-sizing: border-box; box-sizing: border-box;
background: rgba(255, 255, 255, 1); background: #212122;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
} }
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
font-size: 22px; font-size: 22px;
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600; font-weight: 600;
color: rgba(38, 146, 255, 1); color: #ffffff;
line-height: 24px; line-height: 24px;
} }
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: rgba(47, 47, 47, 1); color: #ffffff;
line-height: 22px; line-height: 22px;
} }
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: rgba(47, 47, 47, 1); color: #ffffff;
line-height: 22px; line-height: 22px;
} }
...@@ -39,10 +39,30 @@ ...@@ -39,10 +39,30 @@
font-size: 16px; font-size: 16px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400; font-weight: 400;
color: rgba(38, 146, 255, 1); color: #ffffff;
line-height: 22px; 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 { .jdindentlist {
padding: 2.78% 20px 30px; padding: 2.78% 20px 30px;
background: #F9F9F9; background: #F9F9F9;
...@@ -128,40 +148,39 @@ ...@@ -128,40 +148,39 @@
font-weight: 400; font-weight: 400;
color: rgba(47, 47, 47, 1); 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; text-align: center;
} }
.jdindentlist-list-page{
.jdindentlist-list-page {
margin-top: 25px; margin-top: 25px;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
.jdindentlist-list .subtime{ .jdindentlist-list .subtime {
padding-right: 25px; padding-right: 25px;
} }
.jdindentlist-list .dsqcl{
.jdindentlist-list .dsqcl {
color: red; color: red;
} }
.jdindentlist-null{ .jdindentlist-null {
width: 34.57%; width: 34.57%;
height: 333px; height: 333px;
margin: 10.37% auto 0; margin: 10.37% auto 0;
} }
.jdindentlist-null>div:nth-child(1) img{
.jdindentlist-null>div:nth-child(1) img {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.jdindentlist-warpper .demo-ruleForm{ .jdindentlist-warpper .demo-ruleForm {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.html
<div class="jdindentlist-warpper"> <div class="jdindentlist-warpper">
<!-- <div class="jdindentlist-header"> <div class="jdindentlist-header">
<div>个人中心</div> <div>京东云商标</div>
<div> <div>
<span>欢迎</span> <span><i class="el-icon-user"></i></span>
<span>1366*565445</span> <span>1366*565445</span>
<span>退出</span>
</div> </div>
</div> --> </div>
<div class="jdindentlist">
<div class="jdindentlist-inquire"> <div>
<div class="jdindentlist-inquire-form"> <div style="display:flex;height: 60px;align-items: center;">
<div><span>订单编号：</span> <div style="background:#ffffff;
<el-input v-model="channelServiceNo" placeholder="请输入内容"></el-input> border:3px solid #3071fe;
</div> width:6px;
<div><span>交付单号：</span> height:6px;
<el-input v-model="deliveryOrderNo" placeholder="请输入内容"></el-input> border-radius:100%;margin: 0 10px 0 20px;">
</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>
<p>很抱歉，没有查询到您要搜索的内容！您也可以减少筛选范围再尝试~</p> <div style="font-size: 16px;">
</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>
</div> </div>
<div class="jdindentlist-dialog"> <el-tabs v-model="navActive" @tab-click="navClick">
<div v-show="showUploadStuff"> <el-tab-pane label="商标订单" name="first">
<div <div class="jdindentlist-nav">
style="position: fixed;width:100%;z-index:999;background-color:black;top:0;left:0;right:0;bottom: 0;opacity: 0.5;">
</div> </div>
<div style="position:fixed;height:400px;top:20%;left:20%;right:25%;z-index: 9999;background-color:white;"> <div class="jdindentlist">
<div style="width:80%;margin:0 auto;box-sizing: border-box;padding-top: 20px;"> <div class="jdindentlist-inquire">
<h4 style="text-align:left;margin-left:2%;margin-bottom: 10px;">上传资料</h4> <div class="jdindentlist-inquire-form">
<div style="padding:20px 0;text-align: center"> <div><span>订单编号：</span>
<el-form ref="stuff" :model="stuff" class="demo-ruleForm" label-width="0"> <el-input v-model="channelServiceNo" placeholder="请输入内容"></el-input>
<el-form-item style="float:left;width:25%;text-align:center" label=""> </div>
<div v-loading="loading"> <div><span>交付单号：</span>
<img width="110px" height="120px" style="border:2px dashed #e9e9e9" <el-input v-model="deliveryOrderNo" placeholder="请输入内容"></el-input>
@click="window.open(stuff.businessLicensePic)" v-if="stuff.businessLicensePic" </div>
:src="stuff.businessLicensePic" /> <div><span>业务类型：</span>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else <el-select v-model="itemName" placeholder="请选择">
src="/imgs/zwcl.png" /> <el-option v-for="item in businessType" :key="item.value" :label="item.label"
</div> :value="item.value">
<gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :action="action" </el-option>
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" </el-select>
@error="error"> </div>
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 0">营业执照上传 <div><span>下单时间：</span>
</el-button> <div class="block">
</gsb-upload> <span class="demonstration"></span>
</el-form-item> <el-date-picker v-model="CreateDate" @change="dateChecked(CreateDate)" type="daterange"
<el-form-item style="float:left;width:25%;text-align:center" align="right" start-placeholder="起始" end-placeholder="结束" :picker-options="pickerOptions">
v-if="stuff.customerType==\'person\'" label=""> </el-date-picker>
<div v-loading="loading1"> </div>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" </div>
@click="window.open(stuff.identityCardPic)" v-if="stuff.identityCardPic" <div><span>商标名称：</span>
:src="stuff.identityCardPic" /> <el-input v-model="tmName" placeholder="请输入内容"></el-input>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else </div>
src="/imgs/zwcl.png" /> <div><span>申请人：</span>
</div> <el-input v-model="name" placeholder="请输入内容"></el-input>
<gsb-upload flag="sfz" ref="sfz" :d="d" @setKey="setKey" :action="action" </div>
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" <div><span>交付状态：</span>
@error="error"> <el-select v-model="deliveryStatus" placeholder="请选择">
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 1">身份证明上传 <el-option v-for="item in DeliveryStatus" :key="item.value" :label="item.label"
</el-button> :value="item.value">
</gsb-upload> </el-option>
</el-form-item> </el-select>
<el-form-item style="float:left;width:25%;text-align:center" label=""> </div>
<div v-loading="loading2"> <!-- <div><span>付款状态：</span>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" <el-select v-model="paymentStatus" placeholder="请选择">
@click="window.open(stuff.gzwtsUrl)" v-if="stuff.gzwtsUrl" <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
:src="stuff.gzwtsUrl" /> </el-option>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else </el-select>
src="/imgs/zwcl.png" /> </div> -->
</div> </div>
<gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action" <div>
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" <el-button @click="reset()">重设</el-button>
@error="error"> <el-button @click="find()">查询</el-button>
<el-button style="padding:12px 14px;" type="" @click="loadingKey = 2">代理委托书上传 </div>
</el-button> </div>
</gsb-upload> <div class="jdindentlist-null" v-if="!tableData">
</el-form-item> <div>
<el-form-item style="float:left;width:25%;text-align:center" label=""> <img src="/imgs/listnull.png" alt="">
<div v-loading="loading3"> </div>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" <p>很抱歉，没有查询到您要搜索的内容！您也可以减少筛选范围再尝试~</p>
@click="window.open(stuff.smwjUrl)" v-if="stuff.smwjUrl" :src="stuff.smwjUrl" /> </div>
<img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else <div class="jdindentlist-list" v-else>
src="/imgs/zwcl.png" /> <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> </div>
<gsb-upload flag="yxq" ref="yxq" :d="d" @setKey="setKey" :action="action" <div style="clear:both"></div>
filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" </div>
@error="error"> <div style="clear:both"></div>
<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> </div>
<div style="clear:both"></div>
</div> </div>
<div style="clear:both"></div>
</div> </div>
</div> </div>
</div> </el-tab-pane>
</div> <el-tab-pane label="工商订单" name="second">配置管理</el-tab-pane>
</el-tabs>
</div> </div>
\ No newline at end of file
igirl-channel-jdweb/app/front/vues/pages/jdindentlist/jdindentlist.js
...@@ -220,6 +220,7 @@ ...@@ -220,6 +220,7 @@
showUploadStuff: false, showUploadStuff: false,
currentOrderNo: "", currentOrderNo: "",
currentOrderType: "", currentOrderType: "",
navActive:'first',
} }
}, },
created: function() { created: function() {
...@@ -248,6 +249,9 @@ ...@@ -248,6 +249,9 @@
}, },
methods: { methods: {
navClick(tab,e){
console.log(tab,e,this.navActive);
},
tableRowClassName({ row, rowIndex }) { tableRowClassName({ row, rowIndex }) {
if (rowIndex === 1) { if (rowIndex === 1) {
return 'warning-row'; 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