<div class="nowbuy-warpper">
    <div class="nowbuy">


        <div class="nowbuy-main">
            <!-- <div class="nowbuy-nav">
                <div class="tm-body-breadcrumb" style="margin-bottom: 15px;"><span @click="tiaozhuan(1)"
                        style="cursor: pointer;">首页</span>
                    <i class="el-icon-arrow-right"></i>
                    <span style="font-weight:600;cursor: pointer;font-weight: 300;"
                        @click="tiaozhuan(2)">{{serviceName||\'担保商标注册\'}}</span>
                    <i class="el-icon-arrow-right">下单</i>
                </div>
            </div> -->
            <div class="nowbuy-title">
                <div>
                    购买服务
                </div>
            </div>
            <div style="width:100%;border:1px solid #F3F3F3;margin-bottom: 51px;">
                <el-table :data="tableData" header-row-class-name="nowbuy-tableheader" style="width: 100%">
                    <el-table-column prop="name" label="服务名称" width="180">
                    </el-table-column>
                    <el-table-column prop="num" label="购买数量" width="180">
                    </el-table-column>
                    <el-table-column prop="countPrice" label="总金额（元）">
                    </el-table-column>
                    <el-table-column prop="" label="">
                    </el-table-column>
                    <el-table-column prop="" label="">
                    </el-table-column>
                </el-table>
            </div>
           
            <div class="nowbuy-title">
                <div>
                    订单联系人
                    <span style="margin-left:23px;"><i class="el-icon-warning"></i>
                        订单支付后，平台专业商标顾问会与您沟通商标注册需求，请保持电话畅通！</span>
                </div>
            </div>
            <div class="nowbuy-form">
                <div style="margin: 20px;"></div>
                <el-form label-width="100px" :model="apply" :rules="applyRules" ref="apply">
                    <el-form-item label="姓名：" prop="contacts">
                        <el-input v-model="apply.contacts" placeholder="请输入您的姓名"></el-input>
                    </el-form-item>
                    <el-form-item label="手机：" prop="mobile">
                        <el-input v-model="apply.mobile" placeholder="请输入您的手机号码"></el-input>
                    </el-form-item>
                    <el-form-item label="邮箱：">
                        <el-input v-model="apply.email" placeholder="请输入您的邮箱"></el-input>
                    </el-form-item>
                    <el-form-item label="备注：">
                        <el-input type="textarea" v-model="apply.notes">
                        </el-input>
                    </el-form-item>
                </el-form>
            </div>
        </div>
    </div>
    <div class="nowbuy-footer-warpper">
        <div class="nowbuy-footer">
            订单金额: <span>￥{{tableData[0] ? tableData[0].countPrice:\'-\' }}</span>
            <div>
                <div class="nowbuy-footer-img" @click="agreeContract">
                    <img :src="checkImg?\'/imgs/nowbuy/xuanzhong2.png\':\'/imgs/nowbuy/xuanzhong.png\'" alt="">
                </div>
                <span style="font-size: 14px;color:#161529; ">
                    我已阅读 <span style="color:#1EAFFF;">《商标服务合同》</span> ,且同意该合同内容
                </span>
                <el-button type="primary" @click="goOrder()" :disabled="!checkImg">去支付</el-button>
            </div>
        </div>
    </div>

</div>