<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(\'/\',\'首页\')"
                        style="cursor: pointer;">首页</span>
                    <i class="el-icon-arrow-right"></i>
                    <span style="font-weight:600;cursor: pointer;font-weight: 300;"
                        @click="tiaozhuan( \'/servicedetails\',\'服务详情\',)">{{serviceName||\'担保商标注册\'}}</span>
                    <i class="el-icon-arrow-right">下单</i>
                </div>
            </div>
            <div class="nowbuy-title">
                <div>
                    购买服务
                </div>
            </div>
            <div style="width:1093px;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>
            </div>
            <div style="width:100%;height:1px;background:#f3f3f3;transform: translateX(-30px);margin-bottom: 30px;">

            </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"></el-input>
                    </el-form-item>
                    <el-form-item label="电话：" prop="mobile">
                        <el-input v-model="apply.mobile"></el-input>
                    </el-form-item>
                    <el-form-item label="邮箱：">
                        <el-input v-model="apply.email"></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="checkImg = !checkImg">
                    <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>