<div style="background-color:white;margin-top:20px">
    <!-- 商标提报 -->
    <div style="background-color:white;width:96%;margin:0 2%;padding:20px 0 ">
        <div style="text-align:left" >
          <div  style="text-align:left">
            <gsb-step :psteps="steps" :step="step"></gsb-step>
            </br>
          </div>
          <!-- page1 -->
          <el-form v-if="step==1" ref="form" :rules="rules" :model="form" class="demo-ruleForm" label-width="120px">
          <div>
            <h4>商标信息</h4>
            <div>
                <el-form-item label="商标类型" style="float:left;padding-right:10px;">
                  <gsb-radiogroup v-model="form.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="form.tmName"></el-input>
                </el-form-item>
                <div style="float:left;padding-left:10px" v-if="form.tmFormType==3">
                  <el-button @click="word2pic" >文字商标在线生成</el-button>
                </div>

                <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="form.picUrl" :src="form.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 flag="picUrl" :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 v-if="form.tmFormType==7" style="width:350px;float:left" label="商标图样_彩色" prop="colorizedPicUrl">
                  <img width="120px" height="120px" style="border:2px dashed #e9e9e9"  v-if="form.colorizedPicUrl" :src="form.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" :action="action" flag="colorizedPicUrl" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
                    <el-button type="primary" >彩色商标上传</el-button>
                  </gsb-upload>
                </el-form-item>
                <el-form-item v-if="form.tmFormType==6" style="width:350px;float:left" label="商标图样_彩色" prop="colorizedPicUrl">
                  <img width="120px" height="120px" style="border:2px dashed #e9e9e9"  v-if="form.colorizedPicUrl" :src="form.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="ys_upload" :action="action" flag="colorizedPicUrl" filetype="image/jpeg" :ifshowlist="false" @beforeUpload="beforeUpload" @uploadsuccess="uploadsuccess" @error="error">
                    <el-button type="primary" >彩色商标上传</el-button>
                  </gsb-upload>
                </el-form-item>
                
                <!-- <img width="120px" height="120px" style="float:right;margin-top:110px" v-if="!platformUseFee>0" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/active201810181550.png" /> -->

                <div style="clear:both;"></div>
            </div>
            <div>
              <div style="clear:both;"></div>
              <el-form-item style="width:100%;float:left" label="商标类别" >
                <div v-for="item in nclOne">
                  <div style="font-size: 20px;margin-bottom: 5px;">
                    {{item.code}} {{item.name}}
                  </div>
                  <div>
                    <span v-for="child in item.nclThree" style="margin-right:20px;">{{child.code}} {{child.name}}</span>
                  </div>
                </div>
              </el-form-item>
            </div>


          </div>
          <div style="text-align:right;padding-bottom:50px;">
            <span style="margin-right:20px;">官费总额：￥{{form.nclTotalPublicExpense}}</span>
            <span style="margin-right:20px;">发票税费：￥{{form.invoiceTaxes}}</span> 
            <span style="margin-right:20px;">应付总额：￥{{form.totalSum}}</span> 
          </div>
          <div style="text-align:center;padding-bottom:50px;">
            <el-button type="primary" @click="submitForm(\'form\')">下一步</el-button>
          </div>
          </el-form>
          <!-- page2 -->
          <el-form v-if="step==2" ref="apply" :rules="applyrules" :model="apply" class="demo-ruleForm" label-width="120px">
            <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="apply.type" dicKey="tm_apply_type" labelField="label" valueField="value"></gsb-select>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item label-width="140px" label="公司名称" style="width:950px;float:left;padding-right:50px;" prop="applyName" >
                      <gsb-select @change="applierChange" size="medium" v-model="apply.applyName" refMethod="getCompanyInfoByLikeName" autoComplete="true" isFilter="true"  refModel="calculateprice"  labelField="entName" valueField="entName" style="position:relative;width:100%;" placeHolder="请输入选择公司名称" ></gsb-select>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item label-width="140px" label="统一社会信用代码" style="width:950px;float:left;padding-right:50px;" prop="creditCode">
                      <el-input v-model="apply.creditCode"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item v-if="apply.type==\'person\'" label-width="140px" label="身份证号码" style="width:950px;float:left;padding-right:50px;" prop="identityCard">
                      <el-input  v-model="apply.identityCard" > </el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item  label-width="140px" label="邮政编码" style="width:950px;float:left;padding-right:50px;" prop="zipCode">
                      <el-input v-model="apply.zipCode"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>
                    <el-form-item label-width="140px" label="执照详细地址" style="width:950px;float:left;padding-right:50px;" prop="applyAddr">
                      <el-input v-model="apply.applyAddr"></el-input>
                    </el-form-item>
                    <div style="clear:both;"></div>

              </div>
            </div>
            <div>
              <h4>订单联系人</h4>
              <div style="clear:both;"></div>
              <div>
                <el-form-item label-width="140px" label="客户联系人" style="width:950px;float:left;padding-right:50px;" prop="customerContact">
                  <el-input v-model="apply.customerContact"></el-input>
                </el-form-item>
                <div style="clear:both;"></div>
                <el-form-item label-width="140px" label="联系电话" style="width:950px;float:left;padding-right:50px;" prop="mobile">
                  <el-input v-model="apply.mobile"></el-input>
                </el-form-item>
                <div style="clear:both;"></div>
                <el-form-item label-width="140px" label="电子邮箱" style="width:950px;float:left;padding-right:50px;" prop="email">
                  <el-input  v-model="apply.email" > </el-input>
                </el-form-item>
                <div style="clear:both;"></div>
                <!-- <el-form-item  label-width="140px" label="座机电话" style="width:950px;float:left;padding-right:50px;" prop="creditCode">
                  <el-input v-model="apply.creditCode"></el-input>
                </el-form-item> -->
                <div style="clear:both;"></div>
              </div>
            </div>
            <div>
              <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(apply.businessLicensePic)"  v-if="apply.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"/>
                  <gsb-upload flag="yyzz" ref="yyzz" :d="d" @setKey="setKey" :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="apply.type==\'person\'" label="" prop="identityCardPic">
                  <img width="120px" height="120px" style="border:2px dashed #e9e9e9" @click="window.open(apply.identityCardPic)" v-if="apply.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" ref="sfz" :d="d" @setKey="setKey" :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" label="" prop="sealAuthorizeStuff">
                  <img width="120px" height="120px" style="border:2px dashed #e9e9e9" @click="window.open(apply.sealAuthorizeStuff)"  v-if="apply.sealAuthorizeStuff" :src="apply.sealAuthorizeStuff"/>
                  <img width="120px" height="120px" style="border:2px dashed #e9e9e9" v-else src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/empty2018082212365411225525855.jpg"/>
                  <gsb-upload flag="wts" ref="wts" :d="d" @setKey="setKey" :action="action" filetype="image/jpeg" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
                    <el-button type="primary" >代理委托书上传</el-button>
                  </gsb-upload>
                  <div @click="createWTS" style="color:red;font-size:13px;cursor:pointer;text-decoration:none;">
                      下载委托书模板
                  </div>
                </el-form-item>
                <el-form-item style="float:left;width:18%;text-align:center" label="" prop="descUrl">
                  <img width="120px" height="120px" style="border:2px dashed #e9e9e9" @click="window.open(apply.descUrl)" v-if="apply.descUrl" :src="apply.descUrl"/>
                  <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="yxq" ref="yxq" :d="d" @setKey="setKey" :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>
            </div>
            <div style="text-align:center;padding-bottom:50px;">
              <el-button @click="tobefore">上一步</el-button>
              <el-button type="primary" @click="submitForm(\'apply\')">下一步</el-button>
            </div>
          </el-form>
          <!-- page3 -->
          <el-form v-if="step==3" ref="form" :rules="rules" :model="form" class="demo-ruleForm" label-width="120px">
            <div>
              <div style="display:inline-block;margin-right:10px;"><h4>商标信息</h4></div>
              <div style="display:inline-block;color:#409EFF" @click="function(){step=1}"><i class="el-icon-edit">编辑</i></div>
              <div>
                <div style="width: 100%;margin-bottom: 5px">
                  <div style="width:120px;display:inline-block;text-align: right">商标类型:</div>
                  <div style="display:inline-block;padding-left:10px;">{{form.tmFormType}}</div>
                </div>
                <div style="width: 100%;margin-bottom: 5px">
                    <div style="width:120px;display:inline-block;text-align: right">商标名称:</div>
                    <div style="display:inline-block;padding-left:10px;">{{form.tmName}}</div>
                </div>
                <div style="width: 100%;margin-bottom: 5px">
                    <div style="width:120px;display:inline-block;text-align: right">商标图样:</div>
                    <div style="display:inline-block;vertical-align: top;padding-left:10px;">
                      <img :src="form.picUrl" style="height:100px;width:100px;border: 2px dashed rgb(233, 233, 233);">
                    </div>
                </div>
                <div style="width: 100%;margin-bottom: 5px">
                    <div style="width:120px;display:inline-block;text-align: right">商标类别:</div>
                    <div style="width:70%;display:inline-block;padding-left:10px;vertical-align: top;">
                      <div v-for="item in nclOne">
                        <div style="font-size: 20px;margin-bottom: 5px;">
                          {{item.code}} {{item.name}}
                        </div>
                        <div>
                          <span v-for="child in item.nclThree" style="margin-right:20px;">{{child.code}} {{child.name}}</span>
                        </div>
                      </div>
                    </div>
                </div>
                <div style="clear:both"></div>
              </div>
              <!-- <h4>申请人及联系人信息</h4> -->
              <div style="display:inline-block;margin-right:10px;"><h4>申请人及联系人信息</h4></div>
              <div style="display:inline-block;color:#409EFF" @click="function(){step=2}"><i class="el-icon-edit">编辑</i></div>
              
              <div style="width: 100%;">
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                  <div style="width:120px;display:inline-block;text-align: right">申请人资质:</div>
                  <div style="display:inline-block;padding-left:10px;">{{apply.type=="ent"?"企业":""}}{{apply.type=="person"?"个人":""}}</div>
                </div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right">公司名称:</div>
                    <div style="display:inline-block;padding-left:10px;">{{apply.applyName}}</div>
                </div>
                <div style="clear:both"></div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                  <div style="width:120px;display:inline-block;text-align: right">邮政编码:</div>
                  <div style="display:inline-block;padding-left:10px;">{{apply.zipCode}}</div>
                </div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right">公司地址:</div>
                    <div style="display:inline-block;padding-left:10px;">{{apply.applyAddr}}</div>
                </div>
                <div style="clear:both"></div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                  <div style="width:120px;display:inline-block;text-align: right">联系人:</div>
                  <div style="display:inline-block;padding-left:10px;">{{apply.customerContact}}</div>
                </div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right">联系电话:</div>
                    <div style="display:inline-block;padding-left:10px;">{{apply.mobile}}</div>
                </div>
                <div style="clear:both"></div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                  <div style="width:120px;display:inline-block;text-align: right">电子邮箱:</div>
                  <div style="display:inline-block;padding-left:10px;">{{apply.email}}</div>
                </div>
                <div style="width: 35%;margin-bottom: 5px;display:inline-block;">
                    <div style="width:120px;display:inline-block;text-align: right">信用编码:</div>
                    <div style="display:inline-block;padding-left:10px;">{{apply.creditCode}}</div>
                </div>
                <div style="clear:both"></div>
                <div v-if="apply.type==\'person\'" style="width: 35%;margin-bottom: 5px;display:inline-block;">
                  <div style="width:120px;display:inline-block;text-align: right">身份证号:</div>
                  <div style="display:inline-block;padding-left:10px;">{{apply.identityCard}}</div>
                </div>
                <div style="clear:both"></div>
              </div>
              <h4>材料信息</h4>
              <div>
                <div v-if="apply.businessLicensePic" style="width: 100%;margin-bottom: 5px">
                  <div style="display:inline-block;padding-left:10px;text-align:center">
                      <img @click="window.open(apply.businessLicensePic)" v-if="apply.businessLicensePic" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/PDF20180904.jpg" style="height:100px;width:100px;border: 2px dashed rgb(233, 233, 233);">
                      <div>营业执照</div>
                    </div>
                  <div v-if="apply.identityCardPic" style="display:inline-block;padding-left:10px;text-align:center">
                      <img @click="window.open(apply.identityCardPic)" v-if="apply.identityCardPic" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/PDF20180904.jpg" style="height:100px;width:100px;border: 2px dashed rgb(233, 233, 233);">
                      <div>身份证明</div>
                    </div>
                  <div v-if="apply.sealAuthorizeStuff" style="display:inline-block;padding-left:10px;text-align:center">
                      <img :src="apply.sealAuthorizeStuff" style="height:100px;width:100px;border: 2px dashed rgb(233, 233, 233);">
                      <div>代理委托书</div>
                    </div>
                  <div v-if="apply.descUrl" style="display:inline-block;padding-left:10px;text-align:center">
                      <img :src="apply.descUrl" style="height:100px;width:100px;border: 2px dashed rgb(233, 233, 233);">
                      <div>优先权证明</div>
                    </div>
                </div>
                <div style="clear:both"></div>
              </div>
              <h4>订单备注</h4>
              <div>
                <div style="width: 100%;margin-bottom: 5px">
                    <el-input
                    type="textarea"
                    :rows="2"
                    v-model="form.remark"
                    placeholder="请输入订单备注">
                  </el-input>
                </div>
                <div style="clear:both"></div>
              </div>
              <h4>订单金额</h4>
              <div>
                <div style="width: 100%;margin-bottom: 5px">
                  <span style="margin-right:20px;">官费总额：￥{{form.nclTotalPublicExpense}}</span>
                  <span style="margin-right:20px;">发票税费：￥{{form.invoiceTaxes}}</span>
                  <span style="margin-right:20px;">应付总额：￥{{form.totalSum}}</span>
                </div>
                <div style="clear:both"></div>
              </div>
            </div>
            <br/>
            <div style="text-align:center;padding-bottom:50px;">
              <el-button type="primary" @click="submitForm(\'save\')">保存</el-button>
            </div>
          </el-form>
          <br/>
        </div>
    </div>
</div>
  