<div class="jdindentlist-warpper">
    <div class="jdindentlist-header" v-if="channelFrom == \'jd\'">
        <div>京东云PLUS工商、商标注册平台</div>
        <div v-if="user_Name">
            <span v-if="user_Name"><i class="el-icon-user"></i></span>
            <span>{{user_Name}}</span>
            <span @click="loginOut" v-if="user_Name">退出</span>
        </div>
        <div v-else>
            <a href="https://login.jdcloud.com/?returnUrl=https%3A%2F%2Ftm.plus.jdcloud.com%2F%23%2Fjd%2Fjdindentlist"
                class="jdindentlist-header-login">登录</a>
            <a href="https://user.jdcloud.com/register?source=jdcloud&ReturnUrl=https%3A%2F%2Fwww.jdcloud.com" style="display:inline-block;color: #fff;padding: 0 15px;background:linear-gradient(80deg,#3171ff 0,#a14faf 100%);border-radius:13px;height: 26px;
            line-height: 26px;">免费注册</a>
        </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">
                <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>
                            <el-select v-model="checkedStatus" 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>
                            <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 v-if="channelFrom == \'bw\'"><span>付款状态：</span>
                            <el-select v-model="paymentStatus" placeholder="请选择">
                                <el-option v-for="item in paymentStatusList" :key="item.value" :label="item.label"
                                    :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div>
                        <el-button @click="find()" style="border: #3071fe;background: #3071fe; color: #fff;">查询
                        </el-button>
                        <el-button @click="reset()">重置</el-button>
                    </div>
                </div>
                
                <div class="jdindentlist-list">
                    <el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%">
                        <div slot="empty"></div>
                        <!-- <el-table-column prop="channelServiceNo" label="订单编号">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.channelServiceNo">
                                    <p solt="content">{{scope.row.channelServiceNo}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column> -->
                        <el-table-column prop="deliveryOrderNo" label="交付单号" width="180">

                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.deliveryOrderNo"
                                    :disabled="scope.row.itemName ? false : true">
                                    <el-tooltip placement="top" :content="scope.row.deliveryOrderNo"
                                        :disabled="scope.row.itemName ? false : true">
                                        <p solt="content">
                                            {{scope.row.deliveryOrderNo ? scope.row.deliveryOrderNo :  \'---\'}}
                                        </p>
                                    </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="itemName" label="业务类型" width="180">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.itemName"
                                    :disabled="scope.row.itemName ? false : true">
                                    <p solt="content">{{scope.row.itemName ? scope.row.itemName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="tmName" label="商标名称" width="180">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.tmName"
                                    :disabled="scope.row.tmName ? false : true">
                                    <p solt="content">{{scope.row.tmName ? scope.row.tmName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="nclOneCodes" label="类别">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.nclOneCodes"
                                    :disabled="scope.row.nclOneCodes ? false : true">
                                    <p solt="content">
                                        {{scope.row.nclOneCodes ?\'第\'+scope.row.nclOneCodes+\'类\': "---"}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="nclOneCount" label="件数" width="" class-name="jdindentlist-brand-count">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.nclOneCount"
                                    :disabled="scope.row.nclOneCount ? false : true">
                                    <p solt="content">{{scope.row.nclOneCount?scope.row.nclOneCount: \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="name" label="申请人">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.name"
                                    :disabled="scope.row.name ? false : true">
                                    <p solt="content">{{scope.row.name ? scope.row.name :\'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="totalSum" label="订单金额">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.totalSum"
                                    :disabled="scope.row.totalSum ? false : true">
                                    <p solt="content">{{scope.row.totalSum ? scope.row.totalSum : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column v-if="channelFrom == \'bw\'" prop="payStatus" label="付款状态" class-name="dsqcl">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.payStatusName"
                                    :disabled="scope.row.payStatusName ? false : true">
                                    <p solt="content">
                                        {{scope.row.payStatusName ? scope.row.payStatusName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.deliveryStatusName"
                                    :disabled="scope.row.deliveryStatusName ? false : true">
                                    <p solt="content">
                                        {{scope.row.deliveryStatusName ? scope.row.deliveryStatusName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="CreateDate" label="下单时间">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.CreateDate"
                                    :disabled="scope.row.CreateDate ? false : true">
                                    <p solt="content">{{scope.row.CreateDate ? scope.row.CreateDate: \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="submitTime" label="递交时间" class-name="subtime">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.submitTime"
                                    :disabled="scope.row.submitTime ? false : true">
                                    <p solt="content">
                                        {{scope.row.submitTime ? scope.row.submitTime : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="address" label="操作" class-name="jdindentlist-tablecolumn-handle">
                            <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="showPayStatus(scope.$index, scope.row)"
                                    style="border:0;color: #0F8EE9;width:100%;margin:0;" size="mini"
                                    @click="goPayment(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-null" v-if="tableData.length == 0">
                        <div>
                            <img src="/imgs/listnull.png" alt="">
                        </div>
                        <p>很抱歉，没有查询到您要搜索的内容！您也可以减少筛选范围再尝试~</p>
                    </div>
                    <div class="jdindentlist-list-page">
                        <el-pagination @current-change="handleSizeChange()" :current-page.sync="currentPage"
                            :page-size="20" 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 class="dailogButton">
                        <el-button @click="hideUploadStuff" style="border: 1px solid #409eff;">取消</el-button>
                        <el-button type="primary" @click="uploadStuffs">确认</el-button>
                    </div>
                    <div style="clear:both"></div>
                </div>
            </el-drawer>



        </el-tab-pane>
        <!-- channelFrom != \'gsbhome\' -->
        <el-tab-pane label="工商订单" name="second" v-if="0">
            <div class="jdindentlist">
                <div class="jdindentlist-inquire">
                    <div class="jdindentlist-inquire-form">
                        <div><span>订单编号：</span>
                            <el-input v-model="icbcChannelServiceNo" placeholder="请输入内容"></el-input>
                        </div>
                        <div><span>业务单号：</span>
                            <el-input v-model="icbcDeliveryOrderNo" placeholder="请输入内容"></el-input>
                        </div>
                        <div><span>支付状态：</span>
                            <el-select v-model="icbcItemName" 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="icbcCreateDate" @change="icbcDateChecked(icbcCreateDate)"
                                    type="daterange" align="right" start-placeholder="起始" end-placeholder="结束"
                                    :picker-options="pickerOptions">
                                </el-date-picker>
                            </div>
                        </div>
                        <div><span>注册地区：</span>
                            <el-cascader v-model="regionValue" :options="region" @change="checkedCity">
                            </el-cascader>
                        </div>
                        <div><span>公司类型：</span>
                            <el-input v-model="icbcName" placeholder="请输入内容"></el-input>
                        </div>
                        <div><span>流程状态：</span>
                            <el-select v-model="icbcCheckedStatus" placeholder="请选择">
                                <el-option v-for="item in icbcDeliveryStatus" :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="icbcFind()">查询</el-button>
                        <el-button @click="icbcReset()">重置</el-button>
                    </div>
                </div>
                <div class="jdindentlist-null" v-if="tableData.length == 0">
                    <div>
                        <img src="/imgs/listnull.png" alt="">
                    </div>
                    <p>很抱歉，没有查询到您要搜索的内容！您也可以减少筛选范围再尝试~</p>
                </div>
                <div class="jdindentlist-list">
                    <el-table header-row-class-name="companydetail-name-header" :data="tableData" style="width: 100%">
                        <!-- <el-table-column prop="channelServiceNo" label="订单编号">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.channelServiceNo">
                                    <p solt="content">{{scope.row.channelServiceNo}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column> -->
                        <el-table-column prop="deliveryOrderNo" label="交付单号" width="180">

                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.deliveryOrderNo"
                                    :disabled="scope.row.itemName ? false : true">
                                    <el-tooltip placement="top" :content="scope.row.deliveryOrderNo"
                                        :disabled="scope.row.itemName ? false : true">
                                        <p solt="content">
                                            {{scope.row.deliveryOrderNo ? scope.row.deliveryOrderNo :  \'---\'}}
                                        </p>
                                    </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="itemName" label="业务类型" width="180">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.itemName"
                                    :disabled="scope.row.itemName ? false : true">
                                    <p solt="content">{{scope.row.itemName ? scope.row.itemName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="tmName" label="商标名称" width="180">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.tmName"
                                    :disabled="scope.row.tmName ? false : true">
                                    <p solt="content">{{scope.row.tmName ? scope.row.tmName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="nclOneCodes" label="类别">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.nclOneCodes"
                                    :disabled="scope.row.nclOneCodes ? false : true">
                                    <p solt="content">
                                        {{scope.row.nclOneCodes ?\'第\'+scope.row.nclOneCodes+\'类\': "---"}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="nclOneCount" label="件数" width="" class-name="jdindentlist-brand-count">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.nclOneCount"
                                    :disabled="scope.row.nclOneCount ? false : true">
                                    <p solt="content">{{scope.row.nclOneCount?scope.row.nclOneCount: \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="name" label="申请人">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.name"
                                    :disabled="scope.row.name ? false : true">
                                    <p solt="content">{{scope.row.name ? scope.row.name :\'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="totalSum" label="订单金额">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.totalSum"
                                    :disabled="scope.row.totalSum ? false : true">
                                    <p solt="content">{{scope.row.totalSum ? scope.row.totalSum : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column v-if="channelFrom == \'bw\'" prop="payStatus" label="付款状态" class-name="dsqcl">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.payStatusName"
                                    :disabled="scope.row.payStatusName ? false : true">
                                    <p solt="content">
                                        {{scope.row.payStatusName ? scope.row.payStatusName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="deliveryStatusName" label="交付状态" class-name="dsqcl">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.deliveryStatusName"
                                    :disabled="scope.row.deliveryStatusName ? false : true">
                                    <p solt="content">
                                        {{scope.row.deliveryStatusName ? scope.row.deliveryStatusName : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="CreateDate" label="下单时间">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.CreateDate"
                                    :disabled="scope.row.CreateDate ? false : true">
                                    <p solt="content">{{scope.row.CreateDate ? scope.row.CreateDate: \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="submitTime" label="递交时间" class-name="subtime">
                            <template slot-scope="scope">
                                <el-tooltip placement="top" :content="scope.row.submitTime"
                                    :disabled="scope.row.submitTime ? false : true">
                                    <p solt="content">
                                        {{scope.row.submitTime ? scope.row.submitTime : \'---\'}}
                                    </p>
                                </el-tooltip>
                            </template>
                        </el-table-column>
                        <el-table-column prop="address" label="操作" class-name="jdindentlist-tablecolumn-handle">
                            <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="showPayStatus(scope.$index, scope.row)"
                                    style="border:0;color: #0F8EE9;width:100%;margin:0;" size="mini"
                                    @click="goPayment(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="20" layout="prev, pager, next,jumper" :total="countPage">
                        </el-pagination>
                    </div>

                </div>
            </div>
        </el-tab-pane>
    </el-tabs>
</div>