<div class="mobiledealdetail-warpper">

        <div class="mobiledealdetail">
                <div class="mobiledealdetail-titleimg">
                        <div>
                                <img :src="tmdetail.logo" alt="">
                        </div>
                </div>
                <div class="mobiledealdetail-gap">

                </div>
                <div class="mobiledealdetail-cell-box">
                        <div><span>商标名称：</span><span>{{tmdetail.sbzch}}</span></div>
                        <div><span>价格：</span><span>{{tmdetail.platform_quoted_price}}</span></div>
                        <div><span>商标类别：</span><span>{{tmdetail.gjflname}}</span></div>
                        <div><span>申请号：</span><span>{{tmdetail.sbzch}}</span></div>
                        <div><span>专用期权限：</span><span>{{tmdetail.csrq}}&nbsp; 至&nbsp;{{tmdetail.zcrq}}</span></div>
                        <div><span>商标状态：</span><span>{{tmdetail.sbzt}}</span></div>
                </div>
                <div class="mobiledealdetail-gap">

                </div>
                <div class="mobiledealdetail-services">
                        <div class="mobiledealdetail-title">核准商品/服务项</div>
                        <div>
                                图像，图表和文字处理软件；用于支付服务的电子和磁性身份识别卡；处理数字图像用计算机软件；计算机程序（可下载软件）；编辑图像，声音和视频用计算机程序；移动电话可下载图像；智能手机；数码相机；眼镜。
                        </div>
                </div>
                <div class="mobiledealdetail-cost">
                        <div class="mobiledealdetail-gap">

                        </div>
                        <div class="mobiledealdetail-title">商标价值指数 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;每项指数100分满分</span>
                        </div>
                        <ul>
                                <li>法律指数：<span>{{costNum[0]}}</span></li>
                                <li>市场效应：<span>{{costNum[1]}}</span></li>
                                <li>易记度：<span>{{costNum[2]}}</span></li>
                                <li>搜索热度：<span>{{costNum[3]}}</span></li>
                                <li>工商指数：<span>{{costNum[4]}}</span></li>
                        </ul>
                        <div class="mobiledealdetail-echarts">

                        </div>

                </div>
                <div>
                        <div class="mobiledealdetail-gap">

                        </div>
                        <div class="mobiledeal-deal-flow">

                                <div class="mobiledealdetail-title">
                                        交易流程
                                </div>
                                <div class="mobiledeal-deal-flow-flow">
                                        <div v-for="(item, index) in flow" :key="index">
                                                <div>
                                                        <img :src="item.img" alt="">
                                                </div>
                                                <div>
                                                        {{item.name}}
                                                </div>
                                        </div>
                                </div>
                                <div>
                                        <div>>></div>
                                        <div>>></div>
                                        <div>>></div>
                                </div>
                        </div>
                        <div class="mobiledealdetail-gap">

                        </div>
                        <div class="mobiledeal-deal-materials">
                                <div class="mobiledealdetail-title">
                                        所需材料
                                </div>
                                <div class="mobiledeal-deal-materials-item">
                                        <div>
                                                买<br><br>方
                                        </div>
                                        <div>
                                                <div>公司:营业执照</div>
                                                <div>个人:身份证+个体营业执照</div>
                                        </div>
                                </div>
                                <div class="mobiledeal-deal-materials-item">
                                        <div>
                                                卖<br><br>方
                                        </div>
                                        <div>
                                                <div>公司:营业执照</div>
                                                <div>个人:身份证+个体营业执照</div>
                                        </div>
                                </div>
                                <div class="mobiledeal-deal-materials-item">
                                        <div>
                                                平<br><br>台
                                        </div>
                                        <div>
                                                <div>商标代理委托书</div>
                                                <div>转让申请书</div>
                                                <div>转让协议</div>
                                        </div>
                                </div>

                        </div>
                        <div class="mobiledealdetail-gap">

                        </div>
                        <div class="mobiledeal-deal-getmaterials">
                                <div class="mobiledealdetail-title">
                                        到手材料
                                </div>
                                <div class="mobiledeal-deal-getmaterials-demo">
                                        <div v-for="(item, index) in demo" :key="index">
                                                <img :src="item.img" alt="">
                                                <div>{{item.name}}</div>
                                        </div>
                                </div>
                        </div>
                        <!-- 结束 -->
                </div>
                <div class="mobiledeal-deal-btn">
                        <a href="tel:400-0000-688">
                                <div>立即咨询</div>
                        </a>

                        <div @click="popShow">提交报价</div>
                </div>
                <mt-popup v-model="popupVisible">
                        <div class="mobilereport-popup">
                                <div>提交报价</div>
                                <div>
                                        <div>报价：</div><input v-model="upLoadCost" type="text" placeholder="">
                                </div>
                                <div>
                                        <div>称呼：</div><input v-model="named" type="text" placeholder="">
                                </div>
                                <div>
                                        <div><span>*</span>手机号：</div><input v-model="phoneNum" type="text"
                                                placeholder="">
                                </div>
                        </div>
                        <div class="mobilereport-popup-btn">
                                <button @click="closePop">取消</button>
                                <button @click="subCost">确定</button>
                        </div>
                </mt-popup>
        </div>


</div>