<div id="tmtransactiondetail">
  <div class="tm-body">
    <div class="tm-body-breadcrumb" style="margin-top: 15px;"><span @click="tiaozhuan(\'/\',\'首页\')" style="cursor: pointer;">首页</span> <i class="el-icon-arrow-right"></i> 
      <span @click="tiaozhuan(\'/tmtransactionmarket\',\'商标交易\')" style="cursor: pointer;">商标交易首页</span> <i class="el-icon-arrow-right"></i> 
      <span style="font-weight:600;">商标详情页</span>
    </div>
    <div style="_height: 455px;min-height:455px;background-color: white;position: relative;">
      <div class="tm-header-left">
        <img style="width: 255px;" v-if="tmdetail.pic_url_user" :src="tmdetail.pic_url_user" alt="">
        <img style="width: 255px;" v-if="!tmdetail.pic_url_user && tmdetail.logo" :src="tmdetail.logo" alt="">
        <img style="width: 255px;" v-if="!tmdetail.pic_url_user && !tmdetail.logo" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg" alt="">
        <!-- <div style="font-size: 14px;text-align: center;width: 100%;margin-top: 30px;">商标结构：中文+英文</div> -->
      </div>
      <div class="tm-header-right">
        <div class="tm-header-right-name">{{tmdetail.sbmc || "暂无"}}</div>
        <div><span class="name">申请号：</span><span class="text">{{tmdetail.sbzch || "暂无"}}</span></div>
        <div><span class="name">商标类别：</span><span class="text">{{tmdetail.gjflname || "暂无"}}</span></div>
        <div><span class="name">专用权期限：</span><span class="text"> {{tmdetail.sqrq || "暂无"}}至{{tmdetail.jzrq|| "暂无"}}</span></div>
        <div><span class="name">当前群组：</span><span class="text">{{tmdetail.codes || "暂无"}}</span></div>
        <div><span class="name">商品 / 服务项：</span>
          <el-tooltip effect="light" placement="bottom">
              <div slot="content">{{tmdetail.spfwxm}}</div>
              <span class="text"> {{tmdetail.spfwxm || "暂无"}}</span>
          </el-tooltip>
        </div>
        <div><span class="name">商标状态：</span><span class="text"> {{tmdetail.sbzt || "暂无"}}</span></div>
        <div><span class="name">商标简介：</span><span class="text">{{tmdetail.tm_introduction||"暂无"}}</span></div>
      </div>
      <div class="tm-header-echarts">
        <gsb-echart ref="echarts" :data="option"></gsb-echart>
        <div class="tm-header-echarts-title">商标价值指数</div>
      </div>
      <div style="clear:both"></div>
      <div class="tm-header-bottom">
        <div class="tm-header-bottom-left"></div>
        <div class="tm-header-bottom-right">
          <div><span class="name">出售价格：</span><span class="text price">¥ &nbsp {{tmdetail.platform_quoted_price||"暂无"}}</span></div>
        </div>
        <div style="clear:both"></div>
        <div style="margin-left: 290px; margin-top: 15px;">
            <el-button type="warning" style="width: 140px;background: #ff7200;margin-right: 20px;" @click="showTmNeed">提交报价</el-button>
            <a :href="$root.serviceqq" target="_blank">
              <div class="tm-header-advisory">立即咨询</div>
              <!-- <el-button type="warning" style="width: 140px;background: #ff7200;">立即咨询</el-button> -->
            </a>
        </div>
      </div>
    </div>
    <div class="tm-richtext">
      <!-- <div class="tm-richtext-title"><div class="tm-richtext-shu"></div>购买流程</div>
      <div style="width: 100%;background-color: #fff;">
        <img style="margin:3% 10%" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/tmt_detail_201905221638891655894515621.png" alt="">
      </div>
      <div class="tm-richtext-title"><div class="tm-richtext-shu"></div>过户资料</div>
      <div style="width: 100%;background-color: #fff;">
          <img style="margin:3% 10%" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/tmt_detail_201905221638891655894515622.png" alt="">
      </div>
      <div class="tm-richtext-title"><div class="tm-richtext-shu"></div>服务保障</div>
      <div style="width: 100%;background-color: #fff;">
          <img style="margin:3% 10%" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/tmt_detail_201905221638891655894515623.png" alt="">
      </div> -->
      <div style="width: 100%;background-color: #fff;">
        <img src="/imgs/tmt_detail_20190522191184561564851.png" alt="">
      </div>
    </div>
  </div>
  <!-- <el-dialog title="提交报价" :visible.sync="showneed" >
    <el-form ref="needForm" :model="need" :rules="needrules">
      <el-form-item label="商标名称：" label-width="120px">
       {{tmdetail.sbmc || "暂无"}}
      </el-form-item>
      <el-form-item label="商标类别：" label-width="120px">
        {{tmdetail.gjflname || "暂无"}}
      </el-form-item>
      <el-form-item label="商品/服务项：" label-width="120px">
       {{tmdetail.spfwxm || "暂无"}}
      </el-form-item>
      <el-form-item label="商标售价：" label-width="120px">
          <span style="font-weight: 700;font-style: normal;font-size: 18px;color: #FF9933;" >{{tmdetail.platform_quoted_price||"暂无"}}</span>
      </el-form-item>
      
      <el-form-item label="您的报价：" label-width="120px" prop="buyer_quoted_price">
        <el-input v-model="need.buyer_quoted_price" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="您的称呼：" label-width="120px" prop="buyer_name">
        <el-input v-model="need.buyer_name" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="联系方式：" label-width="120px" prop="buyer_mobile">
        <el-input v-model="need.buyer_mobile" autocomplete="off"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="showneed = false">取 消</el-button>
      <el-button type="primary" @click="submitNeed">确 定</el-button>
    </div>
  </el-dialog> -->
   <el-dialog title="提交报价" :visible.sync="showneed" center width="40%">
        <el-form :model="need" label-width="140px" :rules="needrules" ref="needForm">
          <el-form-item label="商标名称：" style="margin-bottom:6px;">
              {{tmdetail.sbmc || "暂无"}}
          </el-form-item>
          <el-form-item label="商标类别：" style="margin-bottom:6px;">
              {{tmdetail.gjflname || "暂无"}}
          </el-form-item>
          <el-form-item label="商品 / 服务项：" style="margin-bottom:6px;">
            {{tmdetail.spfwxm || "暂无"}}
          </el-form-item>
          <el-form-item label="商标售价：" style="margin-bottom:6px;">
              <span style="font-weight: 700;font-style: normal;font-size: 18px;color: #FF9933;" >{{tmdetail.platform_quoted_price||"暂无"}}</span>
          </el-form-item>
          <el-form-item label="您的报价：" style="margin-bottom:20px;" prop="buyer_quoted_price">
              <el-input size="medium" v-model="need.buyer_quoted_price" style="width:60%"></el-input>
          </el-form-item>
          <el-form-item label="您的称呼：" style="margin-bottom:20px;" prop="buyer_name">
              <el-input size="medium" v-model="need.buyer_name" style="width:60%"></el-input>
          </el-form-item>
          <el-form-item label="联系方式：" style="margin-bottom:20px;" prop="buyer_mobile">
              <el-input size="medium" v-model="need.buyer_mobile" style="width:60%"></el-input>
          </el-form-item>
          <div style="color:#c0c4cc;margin-bottom:20px;margin-left:40px;">提示：提交后，我们业务人员会帮您联系卖家，及时跟进商标购买进度。</div>
          <el-form-item>
              <el-button style="border-radius:4px;width:120px;" @click="showneed = false">取 消</el-button>
              <el-button type="warning" style="border-radius:4px;width:120px;" @click="submitNeed">
                  提交
              </el-button>
          </el-form-item>
        </el-form>
  </el-dialog>
</div>