<gsb-card :title="title" ref="card">
  <gsb-grid2 ref="grid" bizCode="autosubmittminside" spaceHeight="100" modelName="trademark"
    listMethod="findAndCountAll" deleteMethod="delete" initMethod="initNewInstance" isDataAuto="true"
    :headStyle="headStyle" @toolbarclick="toolbarclick" @rowclick="rowClick" @onDlgFormClick="onDlgFormClick"
    :colFormatter="onColFormater" :isSingleSelect="isSingleSelect" focuskey="tmhzuploadlist" @onsave="onsave">
    <el-dialog title="回执列表显示" :visible.sync="tableDataDialogTableVisible">
      <el-table :data="tableData">
        <el-table-column label="日期" width="170">
          <template slot-scope="scope">
            {{new Date(scope.row.created_at).toLocaleString()}}
          </template>
        </el-table-column>
        <el-table-column property="tmRegistNum" label="商标号" width="100"></el-table-column>
        <el-table-column property="tmStatusName" label="流程名称" width="100"></el-table-column>
        <el-table-column property="uploadFileName" label="文件名称" width="270"></el-table-column>
        <el-table-column label="操作" width="60">
          <template slot-scope="scope">
            <el-button type="text" size="small" v-if="scope.row.returnReceiptUrl!=\'\'"
              @click="window.open(scope.row.returnReceiptUrl)">下载</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>
    <div slot="other" slot-scope="scope">
      <el-row>
        <el-col :span="12">
          <div>商标表ID：{{scope.row.id}}</div>
          <div>订单号：{{scope.row.channelOrderListInfo}}</div>
        </el-col>
        <el-col :span="12">
          <div>代理号：{{scope.row.proxyCode}}</div>
          <div>客户：{{scope.row.tmcustomer.customerContact}}</div>
        </el-col>
        <el-col :span="12">
          <div>阿里业务ID：{{scope.row.businessId}}</div>
          <div>商标备注：{{scope.row.remarkInfo}}</div>
        </el-col>
        <el-col :span="12">
          <div>电话：{{scope.row.tmcustomer.mobile}}</div>
          <div>异常备注：{{scope.row.opRemarkInfo}}</div>
        </el-col>
      </el-row>
    </div>
    <div slot="top" style="text-align:left" :showData="showData">
      <div v-if="showData==1">
      </div>
      <div v-if="showData==2">
        <div slot="top" style="text-align:left">
          <div>
            <gsb-step :psteps="steps" :step="step">
            </gsb-step></br>
          </div>
          <div>
            <div v-if="step==1" :stepOneShow="stepOneShow">
              <el-form ref="query" :rules="queryRules" :model="form.query" class="demo-ruleForm" label-width="80px">
                <div>
                  <h4>通过订单号处理</h4>
                  <div style="clear:both;"></div>
                  <div>
                    <el-form-item label-width="140px" label="订单号" style="width:450px;float:left;padding-right:50px;"
                      prop="orderNum">
                      <el-input v-model="form.query.orderNum"></el-input>
                    </el-form-item>
                    <el-form-item label-width="140px" label="处理类型" style="width:450px;float:left;padding-right:50px;"
                      prop="tsclType">
                      <gsb-select v-model="form.query.tsclType" dicKey="tm_tscl_type" labelField="label"
                        valueField="value"></gsb-select>
                    </el-form-item>
                    <el-button @click="orderQuery()" icon="tool-query" style="text-align:center">查询</el-button>
                  </div>
                  <div style="clear:both;"></div>
                </div>
              </el-form>
              <el-form ref="applier" :rules="applierRules" :model="form.applier" class="demo-ruleForm"
                label-width="80px" v-if="stepOneShow==12">
                <div>
                  <h4>申请人信息</h4>
                  <div style="clear:both;"></div>
                  <div>
                    <el-form-item label-width="140px" label="申请人类型" style="width:450px;float:left;padding-right:50px;"
                      prop="type">
                      <gsb-select v-model="form.applier.type" dicKey="tm_apply_type" labelField="label"
                        valueField="value"></gsb-select>
                    </el-form-item>
                    <el-form-item label-width="140px" label="公司/申请人名称"
                      style="width:450px;float:left;padding-right:50px;" prop="applyName">
                      <el-input v-model="form.applier.applyName"></el-input>
                    </el-form-item>
                    <el-form-item label-width="140px" label="信用代码" style="width:450px;float:left;padding-right:50px;"
                      prop="creditCode">
                      <el-input v-model="form.applier.creditCode"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item label-width="140px" label="身份证号码" style="width:450px;float:left;padding-right:50px;"
                      prop="identityCard">
                      <el-input v-if="form.applier.type==\'person\'" v-model="form.applier.identityCard"> </el-input>
                      <el-input v-if="form.applier.type!=\'person\'" :disabled="true"></el-input>
                    </el-form-item>
                    <el-form-item label-width="140px" label="地址" style="width:950px;float:left;padding-right:50px;"
                      prop="applyAddr">
                      <el-input v-model="form.applier.applyAddr"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                  </div>
                </div>
              </el-form>
              <el-form ref="customer" :rules="customerRules" :model="form.customer" class="demo-ruleForm"
                label-width="80px" v-if="stepOneShow==12">
                <div>
                  <h4>商标进度接收人</h4>
                  <div style="clear:both;"></div>
                  <div>
                    <el-form-item label-width="140px" label="姓名" style="width:450px;float:left;padding-right:50px;"
                      prop="customerContact">
                      <el-input v-model="form.customer.customerContact"></el-input>
                    </el-form-item>
                    <el-form-item label-width="140px" label="电话" style="width:450px;float:left;padding-right:50px;"
                      prop="mobile">
                      <el-input v-model="form.customer.mobile"></el-input>
                    </el-form-item>
                    <el-form-item label-width="140px" label="邮箱" style="width:450px;float:left;padding-right:50px;">
                      <el-input v-model="form.customer.email"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item label-width="140px" label="邮政编码" style="width:450px;float:left;padding-right:50px;"
                      prop="zipCode">
                      <el-input v-model="form.customer.zipCode"></el-input>
                    </el-form-item>
                    <el-form-item label-width="140px" label="传真" style="width:450px;float:left;padding-right:50px;">
                      <el-input v-model="form.customer.fax"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                  </div>
                </div>
              </el-form>
            </div>
            <div v-if="step==2">
              <div>
                <h4>商标信息</h4>
                <div>
                  <el-collapse v-model="activeNames">
                    <el-form ref="tmlist" :rules="tmlistRules" :model="form.tmlist" class="demo-ruleForm"
                      label-width="120px">
                      <el-collapse-item v-for="(tm,i) in form.tminfo" :name="i">

                        <div>
                          <el-form-item label="商标类型" style="float:left;padding-right:10px;" prop="tmFormType">
                            <gsb-radiogroup v-model="tm.tmFormType" isButton="false" dicKey="tm_form_type">
                            </gsb-radiogroup>
                          </el-form-item>
                          <div style="clear:both;"></div>
                          <el-form-item label="商标名称" style="width:450px;float:left" prop="tmName">
                            <el-input v-model="tm.tmName"></el-input>
                          </el-form-item>
                          <div style="float:left;padding-left:10px" v-if="tm.tmFormType==3">
                            <el-button @click="word2pic(tm)">文字商标在线生成</el-button>
                          </div>
                          <div style="clear:both;"></div>
                          <el-form-item label="商标备注" style="width:450px;float:left">
                            <el-input v-model="tm.tmExplain"></el-input>
                          </el-form-item>

                          <div style="clear:both;"></div>
                          <el-form-item style="width:350px;float:left" label="商标图样_黑白" prop="picUrl">
                            <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-if="tm.picUrl"
                              :src="tm.picUrl" />
                            <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
                              src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg" />
                            <br />
                            <gsb-upload :d="d" :ref="tm.id+tm.tmpPicUrl" :flag="tm.id+tm.tmpPicUrl" :action="action"
                              :dataSouce="tm" filetype="image/jpeg" :ifshowlist="false"
                              @uploadsuccess="uploadsuccessTmInfo" @error="error">
                              <el-button type="primary">黑白商标上传</el-button>
                            </gsb-upload>

                          </el-form-item>
                          <el-form-item v-if="tm.tmFormType==7" style="width:350px;float:left" label="商标图样_彩色"
                            prop="colorizedPicUrl">
                            <img width="120px" height="120px" style="border:2px dashed #e9e9e9"
                              v-if="tm.colorizedPicUrl" :src="tm.colorizedPicUrl" />
                            <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
                              src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg" />
                            <br />
                            <gsb-upload :d="d" :ref="tm.id+tm.tmpColorizedPicUrlOne"
                              :flag="tm.id+tm.tmpColorizedPicUrlOne" :action="action" :dataSouce="tm"
                              filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccessTmInfo"
                              @error="error">
                              <el-button type="primary">彩色商标上传</el-button>
                            </gsb-upload>
                          </el-form-item>
                          <el-form-item v-if="tm.tmFormType==6" style="width:350px;float:left" label="商标图样_彩色"
                            prop="colorizedPicUrl">
                            <img width="120px" height="120px" style="border:2px dashed #e9e9e9"
                              v-if="tm.colorizedPicUrl" :src="tm.colorizedPicUrl" />
                            <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
                              src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg" />
                            <br />
                            <gsb-upload :d="d" :ref="tm.id+tm.tmpColorizedPicUrlTwo"
                              :flag="tm.id+tm.tmpColorizedPicUrlTwo" :action="action" :dataSouce="tm"
                              filetype="image/jpeg" :ifshowlist="false" @beforeUpload="beforeUpload"
                              @uploadsuccess="uploadsuccessTmInfo" @error="error">
                              <el-button type="primary">彩色商标上传</el-button>
                            </gsb-upload>
                          </el-form-item>
                          <div style="clear:both;"></div>
                        </div>


                        <div>
                          <div style="clear:both"></div>
                          <div>
                            <div v-for="(nclone,index) in tm.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.nclthree.length}}项</b>
                              </span>
                              <br />
                              <span v-for="(nclThree,index2) in nclone.nclThree.nclthree">
                                <span>{{nclThree.code}} {{nclThree.name}}&nbsp;&nbsp;&nbsp;</span>
                                &nbsp;
                              </span>
                            </div>
                          </div>
                        </div>

                    </el-form>

                    </el-collapse-item>
                  </el-collapse>
                </div>
              </div>
            </div>
            <div v-if="step==3">
              <div>
                <el-form ref="stuff" :rules="applierRules" class="demo-ruleForm" :model="form.applier" label-width="0">
                  <h4>资料上传</h4>
                  <div>
                    <el-form-item style="float:left;width:18%;text-align:center" label="" prop="businessLicensePic">
                      <img width="120px" height="120px" style="border:2px dashed #e9e9e9"
                        @click="window.open(form.applier.businessLicensePic)" v-if="form.applier.businessLicensePic"
                        src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/PDF20180904.jpg" />
                      <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
                        src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg" />
                      <br />
                      <gsb-upload flag="yyzz" :d="d" :action="action" filetype="image/jpeg" :ifshowlist="false"
                        @uploadsuccess="uploadsuccess" @error="error">
                        <el-button type="primary">营业执照上传</el-button>
                      </gsb-upload>
                    </el-form-item>
                    <el-form-item style="float:left;width:18%;text-align:center" v-if="form.applier.type==\'person\'"
                      label="" prop="identityCardPic">
                      <img width="120px" height="120px" style="border:2px dashed #e9e9e9"
                        @click="window.open(form.applier.identityCardPic)" v-if="form.applier.identityCardPic"
                        src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/PDF20180904.jpg" />
                      <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else
                        src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg" />
                      <br />
                      <gsb-upload flag="sfz" :d="d" :action="action" filetype="image/jpeg" :ifshowlist="false"
                        @uploadsuccess="uploadsuccess" @error="error">
                        <el-button type="primary">身份证明上传</el-button>
                      </gsb-upload>
                    </el-form-item>

                    <div style="clear:both;"></div>
                  </div>
                </el-form>
                <h4>盖章委托书上传</h4>
                <div>
                  <div v-for="tm2 in form.tminfo" style="float:left;width:18%;text-align:center">
                    <gsb-upload2 :d="d" :ref="tm2.proxyCode" :flag="tm2.proxyCode" :action="action"
                      filetype="image/jpeg" @error="error" :ifshowlist="false" @uploadsuccess="uploadsuccess2"
                      v-model="tm2.sealAuthorizeStuff"></gsb-upload2>
                    <div v-if="tm2.tmExplain">
                      <h5>
                        <font style="color:red">*</font>{{tm2.tmName}}_{{tm2.tmFormTypeName}}_{{tm2.tmExplain}}_委托书上传
                      </h5>
                    </div>
                    <div v-else>
                      <h5>
                        <font style="color:red">*</font>{{tm2.tmName}}_{{tm2.tmFormTypeName}}_委托书上传
                      </h5>
                      <el-button type="text" size="small" @click="window.open(tm2.sealAuthorizeStuff)">下载</el-button>
                    </div>
                  </div>
                  <div style="clear:both;"></div>
                </div>
              </div>
            </div>
          </div>
          <div style="margin-top: 12px;text-align:center">
            <el-button style="margin-top: 12px;text-align:center" v-if="step>1" @click="tobefore">上一步</el-button>
            <el-button style="margin-top: 12px;text-align:center" v-if="step<3 && stepOneShow>11" @click="tonext">下一步
            </el-button>
            <el-button style="margin-top: 12px;text-align:center" v-if="step==3" @click="orderSubmit">重新提报</el-button>
          </div>

        </div>
      </div>
    </div>
  </gsb-grid2>
  <el-dialog title="方案转移" :visible.sync="showtransfer">
    <el-form ref="transfer" :model="transferform" :rules="transferRules">
      <el-form-item label="接收人电话" label-width="120px" prop="mobile">
        <el-input style="width:40%;" v-model="transferform.mobile"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="showtransfer = false">取 消</el-button>
      <el-button type="primary" @click="submittransfer">确 定</el-button>
    </div>
  </el-dialog>

  <el-dialog title="补正材料上传" :visible.sync="showUploadStuff">
    <el-form ref="transfer" :model="showUploadStuffForm" :rules="showUploadStuff">
      <el-form-item label="接收人电话" label-width="120px" prop="mobile">
        <el-input style="width:40%;" v-model="showUploadStuffForm.mobile"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="showtransfer = false">取 消</el-button>
      <el-button type="primary" @click="uploadStuffs">确 定</el-button>
    </div>
  </el-dialog>
  <!-- <div>
    <el-alert title="" type="warning" style="text-align:left" close-text="我了解了">
      说明：列表中来源要是阿里云，需要操作以下步骤<br>
      1.建立完商标信息，（信息建立时附件需要按要求进行上传，在附件上传界面有对应的图片转换工具可供下载）<br>
      2.在此列表中，商标状态不是【已提交阿里(待支付)】需要按照需求ID进行查询，之后全选中查询的结果点击【阿里数据同步】功能<br>
      3.点击完【阿里数据同步】后商标状态变成【已提交阿里(待支付)】则商标信息不能进行再次修改
    </el-alert>
  </div> -->
</gsb-card>