<gsb-h5page2>
  <gsb-h5nav ref="navref" slot="nav" title="商标档案" isback="true"></gsb-h5nav>
  <div v-if="showList">
    <el-card style="border:none;border-radius:0px;background-color:#2c3e50;color:#eee;height:100%;" class="box-card">
      <el-card style="margin-top:60px;border-top:none;border-left:none;border-right:none;border-radius:0px;background-color:#2c3e50;color:#eee;height:100%;" v-for="tm in tmlist">
        <div @click="rowClick(tm)">
          <div style="float:left;width:70%">
              <span><b>名称：</b>{{ tm.tmName}}</span><br/>
              <span><b>大类：</b>{{ tm.nclOneCodes}}</span><br/>
              <span><b>类型：</b>{{ tm.tmFormTypeName}}</span><br/>
              <span><b>状态：</b>{{ tm.tmStatusName}}</span>
          </div>
          <div style="float:right;width:30%">
            <img width="90%" style="border:2px dashed #e9e9e9" :src="tm.picUrl"/>
          </div>
          <div style="clear:both"></div>
          <p><b>订单号：</b>{{ tm.orderNum }}</p>
        </div>
      </el-card>
      <el-card style="border-top:none;border-left:none;border-right:none;border-radius:0px;background-color:#2c3e50;color:#eee;height:100%;" v-for="tm in bigdatatmlist">
        <div @click="showDetail(tm)">
          <span><b>商标名称：</b>{{ tm.tm_name}}</span><br/>
          <div style="float:left;width:70%">
              <span><b>注册号：</b>{{ tm.tm_regist_num}}</span><br/>
              <span><b>大类：</b>{{ tm.ncl_one_codes}}</span><br/>
              <span><b>类型：</b>{{ tm_type[tm.tm_type]}}</span><br/>
              <span><b>状态：</b>{{ status[tm.status]}}</span>
          </div>
          <div style="float:right;width:30%">
            <img width="90%" style="border:2px dashed #e9e9e9" :src="tm.pic_url"/>
          </div>
          <div style="clear:both"></div>
          <p><b>代理机构：</b>{{ tm.tm_agency }}</p>
        </div>
      </el-card>
      <div v-if="tmlist.length==0 && bigdatatmlist==0" style="color:#eee;text-align:center;margin-top:50px;background-color:#2c3e50;">
        暂无数据
      </div>
    </el-card>
  </div>
  <div v-else>
    <el-card style="margin-top:60px;border-top:none;border-left:none;border-right:none;border-radius:0px;background-color:#2c3e50;color:#eee;height:100%;" v-if="showTmFlow"   class="box-card">
      <div style="height: 100%;">
         <el-steps direction="vertical" :active="tmflows.length">
          <el-step :title="tminfo.tmStatusName" :description="new Date(tminfo.created_at).toLocaleString()"></el-step>
          <el-step style="color:white" v-for="flow in tmflows" :title="flow.tmStatusName" :description="new Date(flow.created_at).toLocaleString()"></el-step>
        </el-steps>
      </div>
    </el-card>
    <el-card style="height:100%;background-color:#2c3e50;" v-if="!showTmFlow" class="box-card">
      <div>
        <el-form disabled="true" ref="form" :model="tminfo" label-width="80px">
          <el-form-item label="商标名称">
            <el-input v-model="tminfo.tm_name"></el-input>
          </el-form-item>
        </el-form>
      </div>
      <div style="float:left;width:70%">
        <el-form disabled="true" ref="form" :model="tminfo" label-width="80px">
          <el-form-item label="注册号">
            <el-input v-model="tminfo.tm_regist_num"></el-input>
          </el-form-item>
          <el-form-item label="国际分类">
            <el-input v-model="tminfo.ncl_one_codes"></el-input>
          </el-form-item>

        </el-form>
      </div>
      <div style="float:left;width:28%;padding-left:2%">
        <img width="90%" style="border:2px dashed #e9e9e9" :src="tminfo.pic_url"/>
      </div>
      <div style="clear:both"></div>
      <div>
        <el-form disabled="true" :model="tminfo" label-width="80px">
          <el-form-item label="商标类型">
            <el-input v-model="tm_type[tminfo.tm_type]"></el-input>
          </el-form-item>
          <el-form-item label="商标状态">
            <el-input v-model="status[tminfo.status]"></el-input>
          </el-form-item>
          <el-form-item label="申请日期">
            <el-input v-model="new Date(tminfo.apply_day*1000).toLocaleString()"></el-input>
          </el-form-item>
          <el-form-item label="初审日期">
            <el-input v-model="new Date(tminfo.first_notice_day*1000).toLocaleString()"></el-input>
          </el-form-item>
          <el-form-item label="注册日期">
            <el-input v-model="new Date(tminfo.regist_notice_day*1000).toLocaleString()"></el-input>
          </el-form-item>
          <el-form-item label="截止日期">
            <el-input v-model="new Date(tminfo.tm_end_day*1000).toLocaleString()"></el-input>
          </el-form-item>
          <el-form-item label="申请人">
            <el-input v-model="tminfo.applicant_cn"></el-input>
          </el-form-item>
          <el-form-item label="申请地址">
            <el-input v-model="tminfo.applicant_cn_addr"></el-input>
          </el-form-item>
          <el-form-item label="代理机构">
            <el-input v-model="tminfo.tm_agency"></el-input>
          </el-form-item>
        </el-form>
      </div>
    </el-card>
    <div  style="position:fixed;left:0px;margin-bottom:0px;bottom:2px;width:100%;">
       <div style="float:left;margin-left:25px">
         <el-button circle @click="function(){showList=true;}"><i class="el-icon-arrow-left"></i></el-button>
       </div>
    </div>
  </div>
</gsb-h5page2>
