<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" ">
<title id="needhtml5">商标确认</title>
<link rel="stylesheet" href="/css/ele/chalk.css">
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/igirl.css">
<link rel="stylesheet" href="/css/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/fontawesome/css/toolicon-style.css">
<!--标眼查样式-->
<link rel="stylesheet" href="/css/autocomplete.css">
<link rel="stylesheet" href="/css/bycquerytm.css">
<link rel="stylesheet" href="/css/bycdetailtm.css">
<link rel="stylesheet" href="/css/bycnoticetm.css">
<link rel="stylesheet" href="/css/bycncldetail.css">

<!--标眼查监控样式-->
<link rel="stylesheet" href="/css/bytmmonit.css">
<link rel="stylesheet" href="/css/fontface-timely.css">
<!--监控列表-->
<link rel="stylesheet" href="/css/bytmmonitlist.css">
<!--监控列表详情-->
<link rel="stylesheet" href="/css/bytmmonitlistdetails.css">
<!--监控动态-->
<link rel="stylesheet" href="/css/bytmmonitdynamics.css">
<!--代理机构详情-->
<link rel="stylesheet" href="/css/bytmmonitagency.css">
<link rel="stylesheet" href="/css/cropper.css">
<script src="/js/vue/vue.min.js"></script>
<script src="/js/vue/vue-router.min.js"></script>
<script src="/js/vue/vuex.min.js"></script>
<script src="/js/ele/index.js"></script>
<script src="/js/vue/axios.min.js"></script>
<script src="/js/htmleditor/htmleditor.js"></script>
<script src="/js/htmleditor/htmleditorreg.js"></script>
<script src="/js/echarts/echarts.min.js"></script>
<script src="/js/wx/wxjsapi.js"></script>
<style>
li.el-carousel__indicators{
	margin:0 auto
}
.block{
    width:96%;margin:0 2% 10px 2%;
}
.col1{
    padding:5px 0;
    color:black;
    text-align: left;
    font-size: 14px;
}
.col2{
    padding:10px 0;
    color:#808080;
    text-align: left;
    font-size: 14px;
}
</style>
</head>
<body style="overflow:scroll">
	<div id="app" :style="'height:'+w_height+'px'">
      <div v-if="openid" style="height:100%;">
        <el-card v-if="currentPage==1">
            <div class="block">
                <h4>申请人信息</h4>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                            申请人类型：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{customerinfo.customerTypeName}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                            申请人名称：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{customerinfo.name}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                            申请人地址：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{customerinfo.applyAddr}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                            统一社会信用代码：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{customerinfo.code}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row v-if="customerinfo.customerType=='person'">
                    <el-col :span="12">
                        <div class="col1">
                            身份证号：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{customerinfo.identityCardNo}}
                        </div> 
                    </el-col>
                </el-row>
            </div>
            <div class="block">
                <h4>联系人信息</h4>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                                联系人：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{orderInfo.contacts}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                                联系电话：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{orderInfo.mobile}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                                电子邮箱：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{orderInfo.email}}
                        </div> 
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <div class="col1">
                                座机电话：
                        </div> 
                    </el-col>
                    <el-col :span="12"> 
                        <div class="col2">
                            {{orderInfo.tel}}
                        </div> 
                    </el-col>
                </el-row>
            </div>
            <div class="block" v-if="trademark">
                    <h4>商标信息</h4>
                    <el-row>
                        <el-col :span="12">
                            <div class="col1">
                                商标名称：
                            </div> 
                        </el-col>
                        <el-col :span="12"> 
                            <div class="col2">
                                {{trademark.name}}
                            </div> 
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <div class="col1">
                                商标类型：
                            </div> 
                        </el-col>
                        <el-col :span="12"> 
                            <div class="col2">
                                {{trademark.tmFormTypeName}}
                            </div> 
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="12">
                            <div class="col1">
                                商标图样：
                            </div> 
                        </el-col>
                        <el-col :span="12"> 
                            <div class="col2">
                                <img v-if="trademark.tmFormType!=6 && trademark.tmFormType!=7" :src="trademark.picUrl"  style="width:80px;height:80px;border:1px solid #e1e1e1">
                                <img v-if="trademark.tmFormType==6 || trademark.tmFormType==7" :src="trademark.colorPicUrl"  style="width:80px;height:80px;border:1px solid #e1e1e1">
                            </div> 
                        </el-col>
                    </el-row>
                    <div class="col1">
                        商标类别：
                    </div>
                    <div v-for="tm in trademarks" class="col2">
                        <div>{{tm.nclOneCodes}}{{tm.nclOneCodeName}}</div>
                        <div>
                            <span v-for="nclThree in tm.nclThrees" style="margin-right:15px;">{{nclThree.code}}{{nclThree.name}}</span>
                        </div>
                    </div>
            </div>
            <div style="text-align:center;margin:20px 0">
                <el-button v-if="openid" type="primary" @click="nextStep">确认</el-button>
                <el-button v-else type="primary" disabled >确认</el-button>
            </div>
        </el-card>
        <el-card v-if="currentPage==2" style="height:100%">
            <div style="width:80%;margin:20% 10%;height:100%">
                <div style="width:100%;text-align: center;font-size:30px;">
                    ￥{{orderInfo.totalSum}}
                </div>
                <div style="width:100%;text-align: center;margin-top:20px;">
                    订单号：{{orderInfo.code}}
                </div>
                <div style="width:100%;text-align: center;margin-top:20px;">
                    服务产品：{{orderInfo.sveItemName}}
                </div>
            </div>
            <div style="width:100%;margin-top:45%;text-align:center">
                <el-button type="primary" @click="orderPay">微信支付</el-button>
            </div>
        </el-card>
        <el-card v-if="currentPage==3" style="height:100%;">
            <div style="width:90%;margin:0 5%;">
                <div style="text-align:center;margin-top:20%;">
                    <h2>支付成功</h2>
                </div>
                <div style="margin-top:20%;"><span>订单号：{{orderInfo.code}}</span></div>
                <div style="margin-top:30px"><span >服务项目：{{orderInfo.sveItemName}}</span></div>
                <div style="margin-top:30px"><span >交易状态：{{orderInfo.orderPayStatusName}}</span></div>
                <div style="margin-top:30px"><span >支付金额：{{orderInfo.totalSum}}</span></div>
            </div>
            <div style="clear:both;"></div>
        </el-card>
      </div>
        
	</div>
    <script src="/js/vue/jquery.min.js"></script>
    <script src="/js/vue/axios.min.js"></script>
    <script src="/js/wx/wxLogin.js"></script>
    <script src="/js/orderpay.js"></script>
	
</body>
</html>
