<div>
  <gsb-card2 :title="title" ref="card">
    <div>
      <h4>商标明细</h4>
      <el-collapse v-model="collapseNames">
        <el-collapse-item v-for="(tm,i) in data" :name="i">
          <div slot="title">
            <div style="float:left;width:14%"><span>商标名称：{{tm.tmName}}</span></div>
            <div style="float:left;width:14%"><span >商标类型：{{tm.tmFormTypeName}}</span></div>
            <div style="float:left;width:14%"><span >官费：{{tm.nclTotalPublicExpense}}</span></div>
            <div style="float:left;width:14%"><span >服务费：{{tm.nclServiceCharge}}</span></div>
            <div style="float:left;width:14%"><span >平台使用费：{{tm.totalPlatformCost}}</span></div>
            <div style="float:left;width:14%"><span >税费：{{tm.invoiceTaxes}}</span></div>
          </div>
          <div>
            <div style="width:8%;float:left">
              <img name="img" style="border:2px dashed #e9e9e9" @click="window.open(tm.picUrl)" :src="tm.picUrl" height="80" width="80"/>
              <div>商标图样_黑白</div>
            </div>
            <div v-if="tm.tmFormType==7" style="width:8%;float:left">
              <img name="img" style="border:2px dashed #e9e9e9" @click="window.open(tm.colorizedPicUrl)" :src="tm.colorizedPicUrl" height="80" width="80"/>
              <div>商标图样_彩色</div>
            </div>

            <div style="clear:both"></div>
            <div >
              <div v-for="(nclone,index) in tm.nclSmallCodes2.ncl" style="text-align: left;padding-left:5px;padding-bottom:5px;">
                <span style="font-size:16px"><b>{{nclone.code}} {{nclone.name}}</b></span>
                <span style="font-size:16px;float:right"><b>已选择{{nclone.nclThree.length}}项</b>
                </span>
                <br/>
                <span v-for="(nclThree,index2) in nclone.nclThree">
                  <span>{{nclThree.code}} {{nclThree.name}}&nbsp;&nbsp;&nbsp;</span>
                  &nbsp;
                </span>

              </div>
            </div>
          </div>
        </el-collapse-item>
      </el-collapse>
    </div>
    <div v-if="applier && applier.id" style="float:left;width:100%">
      <h4>申请信息</h4>
      <div style="width:100%">
        <div style="float:left;width:50%"><span>申请人{{applier.applyName}}</span></div>
        <div style="float:left;width:50%"><span >申请类型：{{applier.typeName}}</span></div>
        <div style="clear:both;"></div>
        <div style="float:left;width:50%"><span >信用代码{{applier.creditCode}}</span></div>
        <div v-if="applier.type==\'person\'" style="float:left;width:50%"><span >身份证号{{applier.identityCard}}</span></div>

        <div style="clear:both;"></div>
        <div style="float:left;width:100%"><span >地址：{{applier.applyAddr}}</span></div>
        <div style="clear:both;"></div>
        <br/>
        <div>
          <div style="width:8%;float:left">
            <img name="img" style="border:2px dashed #e9e9e9" @click="window.open(applier.businessLicensePic)" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/PDF20180904.jpg" height="80" width="80"/>
            <div>营业执照</div>
          </div>
          <div v-if="applier.type==\'person\'" style="width:8%;float:left">
            <img name="img" style="border:2px dashed #e9e9e9" @click="window.open(applier.identityCardPic)" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/PDF20180904.jpg" height="80" width="80"/>
            <div>身份证明</div>
          </div>

          <div style="clear:both"></div>
          <br/>
          <div>
            <div v-for="wt in wts" style="width:20%;float:left">
              <img name="img" style="border:2px dashed #e9e9e9" @click="window.open(wt.sealAuthorizeStuff)" :src="wt.sealAuthorizeStuff" height="80" width="80"/>
              <div>{{wt.tmName}}-{{wt.tmFormTypeName}}-委托书</div>
            </div>
            <div style="clear:both"></div>

          </div>
        </div>
      </div>
      <div style="clear:both;"></div>
    </div>
    <div v-if="submitDisabled" style="float:left;width:100%">
      <h4>订单信息</h4>
      <div style="width:100%">
        <div style="float:left;width:50%"><span>订单号：{{order.orderNum}}</span></div>
        <div style="float:left;width:50%"><span >订单类型：{{order.orderTypeName}}</span></div>

        <div style="clear:both;"></div>
        <div style="float:left;width:50%"><span >官费：{{order.totalPublicExpense}}</span></div>
        <div style="float:left;width:50%"><span >服务费：{{parseFloat(order.totalServiceCharge)+parseFloat(order.platformProfit)}}</span></div>
        <div style="clear:both;"></div>
        <div style="float:left;width:50%"><span >税费：{{order.totalInvoiceTaxes}}</span></div>
        <div style="float:left;width:50%"><span >平台使用费：{{parseFloat(order.totalPlatformCost)+parseFloat(order.referrerProfit)}}</span></div>
        <div style="clear:both;"></div>
        <div style="float:left;width:50%"><span >总额：{{order.totalSum}}</span></div>
        <div style="float:left;width:30%"><span >订单状态：{{order.orderStatusName}}</span></div>
        <div style="clear:both;"></div>
      </div>
      <div style="clear:both;"></div>

      <div  style="text-align:left">
        <el-alert
          title="请用手机拍照或截图下方的二维码，通过微信发送给您的客户。客户在手机微信识别二维码，完成订单确认和在线支付。您的客户今后也可以在手机微信端的知产服务在线联系您。"
          type="error"
          close-text="我了解了">
        </el-alert>
        <img width="120px" height="120px" style="border:2px dashed #e9e9e9"  :src="qrcode"/>

      </div>
    </div>
    <div v-else>
      <div style="text-align:right;float:right;">
        <br/>
          <span style="padding-right:15px;">官费总额：￥{{nclTotalPublicExpense}}</span>
          <span style="padding-right:15px;">服务费总额：￥{{nclServiceCharge}}</span>
          <span style="padding-right:15px;">平台费用总额：￥{{totalPlatformCost}}</span>
          <span style="padding-right:15px;">税费总额：￥{{invoiceTaxes}}</span>
          <span style="padding-right:15px;">应付总额：￥{{(Number(totalPlatformCost)*10000+Number(nclTotalPublicExpense)*10000+Number(invoiceTaxes)*10000+Number(nclServiceCharge)*10000)/10000}}</span>
      </div>
  </div>
  <div style="clear:both;"></div>

  <div style="margin-top: 12px;text-align:center">
    <el-button style="margin-top: 12px;text-align:center" v-if="showSubmit" :disabled="submitDisabled" @click="createOrder">确定</el-button>
    <el-button style="margin-top: 12px;text-align:center" @click="cancel">返回</el-button>
  </div>
  </gsb-card2>
</div>
