<div class="jdregscheme">

    <el-form ref="form" :rules="rules" :model="form" class="demo-ruleForm"
        style="background:rgba(249,249,249,1);padding: 30px" label-width="120px">
        <div class="selftmreg_main" style="width: 1320px;margin: 0 auto;background: #fff">
            <div class="jdregscheme-nav" style="padding-top: 20px">
                <!-- <span style="float: left;line-height: 22px;color:rgba(130,130,130,1);">当前位置：</span> -->
                <div class="jdindentdetail-nav">
                    <div style="background:#ffffff;
                        border:3px solid #3071fe;
                        width:6px;
                        height:6px;
                        border-radius:100%;
                        margin: 0 10px 0 0;
                        display: inline-block;">
                    </div>
                    <span style="display: inline-block;transform: translateY(-1px);">当前位置：</span>
                    <el-breadcrumb separator-class="el-icon-arrow-right">
                        <el-breadcrumb-item :to="listPath">交付中心
                        </el-breadcrumb-item>
                        <el-breadcrumb-item>确认注册方案</el-breadcrumb-item>
                    </el-breadcrumb>
                </div>
                <div class="selftmreg_shu"></div>
            </div>
            <div style="display:inline-block;margin-right:10px;">
                <h4><i class="selftmreg_shuxian"></i>商标信息</h4>
            </div>
            <div style="display:inline-block;color:#409EFF" @click="function(){toTop();step=1}"></div>
            <div style="font-size:14px;font-family:PingFangSC-Regular; font-weight:400;">
                <div style="width: 100%;margin-bottom: 23px">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">商标类型:</div>
                    <div style="display:inline-block;padding-left:10px;">{{deliveryInfo.tmType}}</div>
                </div>
                <div style="width: 100%;margin-bottom: 23px">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">商标名称:</div>
                    <div style="display:inline-block;padding-left:10px;">{{deliveryInfo.tmName}}</div>
                </div>
                <div style="width: 100%;margin-bottom: 23px">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">商标图样:</div>
                    <div style="display:inline-block;vertical-align: top;padding-left:10px;">
                        <img :src="deliveryInfo.picUrl"
                            style="height:100px;width:100px;border: 2px dashed rgb(233, 233, 233);">
                    </div>
                </div>
                <div style="width: 100%;margin-bottom: 23px">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;line-height: 25px">
                        商标类别:</div>
                    <div style="width:84%;display:inline-block;padding-left:10px;vertical-align: top;">
                        <div class="jdindentdetail-main-type-box" v-for="(item, index) in nclInfo" :key="index">
                            <div class="jdindentdetail-main-type">
                                <div class="jdindentdetail-main-type-services">
                                    <p>{{\'第\' + item.nclOneCodes + \'类\'}}</p>
                                    <ul>
                                        <li v-for="(item, index) in item.nclSmallCodes" :key="index">
                                            {{item.pcode}}{{item.name}}
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
            </div>
            <div style="display:inline-block;margin-right:10px;">
                <h4><i class="selftmreg_shuxian"></i>申请人及联系人信息</h4>
            </div>
            <div style="display:inline-block;color:#409EFF" @click="function(){toTop();step=2}"></div>

            <div style="width: 100%;font-size:14px;font-family:PingFangSC-Regular; font-weight:400;">
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">申请人资质:</div>
                    <div style="display:inline-block;padding-left:10px;">
                        {{applyInfo.customerType=="ent"?"企业":"个人"}}</div>
                </div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div v-if="applyInfo.customerType==\'ent\'"
                        style="width:120px;display:inline-block;text-align: right;color:#636569;">公司名称:</div>
                    <div v-if="applyInfo.customerType==\'person\'"
                        style="width:120px;display:inline-block;text-align: right;color:#636569;">申请人姓名:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.name}}</div>
                </div>
                <div style="clear:both"></div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">邮政编码:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.zipCode}}</div>
                </div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div v-if="applyInfo.customerType==\'ent\'"
                        style="width:120px;display:inline-block;text-align: right;color:#636569;">公司地址:</div>
                    <div v-if="applyInfo.customerType==\'person\'"
                        style="width:120px;display:inline-block;text-align: right;color:#636569;">申请人地址:</div>

                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.applyInfoAddr}}</div>
                </div>
                <div style="clear:both"></div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">联系人:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.contacts}}</div>
                </div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">联系电话:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.mobile}}</div>
                </div>
                <div style="clear:both"></div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">电子邮箱:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.email}}</div>
                </div>
                <div style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">信用编码:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.code}}</div>
                </div>
                <div style="clear:both"></div>
                <div v-if="applyInfo.customerType==\'person\'"
                    style="min-width: 35%;margin-bottom: 23px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right;color:#636569;">身份证号:</div>
                    <div style="display:inline-block;padding-left:10px;">{{applyInfo.identityCardNo}}</div>
                </div>
                <div style="clear:both"></div>
            </div>
            <h4
                v-show="applyInfo.businessLicensePic || applyInfo.identityCardPic||applyInfo.gzwtsUrl||applyInfo.smwjUrl">
                <i class="selftmreg_shuxian"></i>材料信息</h4>
            <div style="font-size:14px;font-family:PingFangSC-Regular; font-weight:400;">
                <div style="width: 100%;margin-bottom: 23px;padding-left: 40px;box-sizing: border-box;">
                    <div v-if="applyInfo.businessLicensePic"
                        style="display:inline-block;padding-left:10px;cursor: pointer;margin-right:50px">
                        <img @click="window.open(applyInfo.businessLicensePic)" v-if="applyInfo.businessLicensePic"
                            :src="applyInfo.businessLicensePic"
                            style="margin-bottom:10px;height:112px;width:81px;border: 2px dashed rgb(233, 233, 233);display: block">
                        <span style="font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;
                              color:#373737;
                            line-height:20px;display: block;text-align: center">企业营业执照</span>
                    </div>
                    <div v-if="deliveryInfo.gzwtsUrl"
                        style="position: relative;display:inline-block;padding-left:10px;cursor: pointer;margin-right: 50px">
                        <img @click="window.open(deliveryInfo.gzwtsUrl)" v-if="deliveryInfo.gzwtsUrl"
                            :src="deliveryInfo.gzwtsUrl"
                            style="margin-bottom:10px;height:112px;width:81px;border: 2px dashed rgb(233, 233, 233);display: block">
                        <span style="font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;
                             color:#373737;
                            line-height:20px;display: block;text-align: center;">委托书
                            <!-- <a
                                style="color:#0F8EE9;position: absolute;bottom: -20px;width: 80px;left: 15px;text-align: center;text-decoration: underline;line-height: 22px">生成委托书</a> -->
                        </span>
                    </div>
                    <div v-if="deliveryInfo.smwjUrl"
                        style="display:inline-block;padding-left:10px;cursor: pointer;margin-right:50px;">
                        <img :src="deliveryInfo.smwjUrl"
                            style="margin-bottom:10px;height:112px;width:81px;border: 2px dashed rgb(233, 233, 233);display: block">
                        <span style="font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;
                           color:#373737;
                            line-height:20px;display: block;text-align: center">优先权证明 <i
                                style="color: rgb(15, 142, 233);" class="el-icon-question "></i></span>

                    </div>
                    <div v-if="applyInfo.identityCardPic"
                        style="display:inline-block;padding-left:10px;cursor: pointer;margin-right:50px">
                        <img :src="applyInfo.identityCardPic"
                            style="margin-bottom:10px;height:112px;width:81px;border: 2px dashed rgb(233, 233, 233);display: block">
                        <span style="font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;
                            color:#373737;
                            line-height:20px;text-align: center;display: block;text-align: center">身份证明 </span>
                    </div>
                </div>
                <div style="clear:both"></div>
            </div>

            <div class="jdregschemesubmit_cart">

                <el-dialog title="不同意该方案理由" style="
                padding-bottom: 30px;
                font-size:24px;
                font-family:PingFangSC-Medium,PingFang SC;
                font-weight:600 !important;
                color:#333333;
                line-height:12px;
                letter-spacing:1px;" :visible.sync="apply.centerDialogVisible" width="70%" center>
                    <span style="display:block;   border-bottom: 1px solid #E8E8E8;margin-top: -20px;"></span>
                    <span style="padding-left: 10px;
                    display: block;
                   line-height:16px;
                   margin-top: 40px;
                   font-weight: 600px;
                    border-left: 3px solid rgba(15,142,233,1);
                    letter-spacing: 0;
                    height:16px;
                    font-size:16px;
                    font-family:PingFangSC-Medium,PingFang SC;
                    font-weight:600;
                    color:#535353;
                    ">输入不同意理由</span>

                    <span style="display:block;width:100%;margin-bottom: -20px">
                        <textarea placeholder="请输入不同意该方案的理由，该理由同步到制作该注册方案业务员后台。" style="
                        width:80%;
                        margin:30px 0 0 50px;
                    height:114px;
                    resize: none;
                    border: 1px solid #B5B5B5;
                    font-weight: 400;
　　                  padding-left:10px;
                    color: #B5B5B5;
                    padding:10px 0;
                    font-size: 14px;
                    font-family:PingFangSC-Regular,PingFang SC;
                    color:rgba(181,181,181,1);
                    text-indent:1em;
                   " v-model="values"></textarea>
                    </span>
                    <span slot="footer" class="dialog-footer">
                        <el-button type="primary" @click="submitForm" style="width:140px;
                        height:36px;
                        background:rgba(38,146,255,1);
                        border-radius:4px;">确定</el-button>
                    </span>
                </el-dialog>
            </div>
        </div>
        <br />
        <div class="jdregschemesubmit-footer">
            <div class="jdregschemesubmit-footer-box">
                <el-button type="primary" @click="apply.centerDialogVisible = true">不同意该注册方案</el-button>
                <el-button style="color:#fff;" type="primary" @click="agreedForm()"> 同意该注册方案</el-button>
            </div>
            <div> <i class="el-icon-warning" style="color:#0F8EE9;"></i> 注：如果同意该注册方案后，我们即可递交商标局，如果不同意，请填写理由。</div>
        </div>
    </el-form>
</div>