<div style="background-color:white;margin-top:20px">
  <div style="position:fixed;z-index:1000;top:20px;left:20px;width:50px;height:30px;">
    <el-button type="primary" plain round icon="el-icon-back" @click="tomytm">返回</el-button>
  </div>
  <!-- 商标提报 -->
  <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>
        <el-row>
          <!-- <el-button type="text" style="float:right;margin:0 5px;" @click="usedraft">复用草稿数据</el-button>
          <el-button type="text" style="float:right;margin:0 5px;" @click="savedraft">保存为草稿</el-button> -->
          <el-button type="text" style="float:right;margin:0 5px;" @click="findDraft">查看草稿</el-button>
          <el-button type="text" style="float:right;margin:0 5px;" @click="saveDraft = true">保存草稿</el-button>
          <div style="clear:both"></div>
        </el-row>
      </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" ref="picUrl" @setKey="setKey" :action="action" filetype="image/jpg, image/png, 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" ref="colorizedPicUrl" @setKey="setKey"
                filetype="image/jpg, image/png, 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="colorizedPicUrl" :action="action" flag="colorizedPicUrl" @setKey="setKey"
                filetype="image/jpg, image/png, image/jpeg" :ifshowlist="false" @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>
              <el-form-item label="选择商标方式" style="float:left;padding-right:10px;">
                <el-radio-group v-model="form.selecttype" style="float:left;padding-left:10px;margin-bottom: 22px;">
                  <el-radio-button label="自主选择"></el-radio-button>
                  <el-radio-button label="智能推荐"></el-radio-button>
                  <!--  @click.native="selfclear" -->
                </el-radio-group>
              </el-form-item>

              <el-cascader v-if="form.selecttype==\'智能推荐\'" expand-trigger="hover" :options="bigtype"
                v-model="selectedOptions" style="float:left;padding-left:10px" placeholder="请选择所属行业">
              </el-cascader>
              <div style="float:left;padding-left:10px;padding-block-start: 10px;" v-if="form.selecttype==\'智能推荐\'">
                <el-button @click="aiadive" round>推荐</el-button>
              </div>
            </div>
            <div style="clear:both;"></div>
            <el-container style="height: 600px;background-color:white; border: 1px solid #eee">
              <el-aside width="28%" style="text-align:center;background-color:white;">
                <div style="width:100%;margin-top:15px;">
                  <el-button style="20%" @click="checkClick">分类</el-button>
                  <el-input @blur="searchInputBlur" style="background-color:white; width:70%;" placeholder="输入关键字进行过滤"
                    @keyup.enter.native="nclSearch" v-model="filterText">
                    <i slot="suffix" style="position:relative;top:18%;right:5%;z-index:1" class="el-input__icon"
                      @click="nclSearch">
                      <span><i class="tool-query" style="font-size : 1.5em;"></i></span>
                    </i>
                  </el-input>
                </div>
                <el-card v-if="showSelectedNclList"
                  style="z-index: 1000;font-size:13px;height:auto;text-align:left;padding-bottom: 20px;position: absolute;width:22%;margin:0 2%;">
                  <div style="margin-bottom:10px;">
                    <div style="float:left;width:50%;">
                      <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">
                        全选
                      </el-checkbox>
                    </div>
                    <div style="float:left;text-align:right;width:50%;">
                      <el-button type="text" style="padding: 0 10px;" @click="checkConfirm">确定</el-button>
                    </div>
                    <div style="clear:both">

                    </div>
                  </div>


                  <el-checkbox-group v-model="checkedNcl" @change="handleCheckedNclChange">
                    <ul style="list-style:none; padding:0;margin:0;text-align:left;">
                      <li v-for="n in ncl" :key="n" style="float:left;width:33.33%">
                        <el-checkbox :label="n">{{n}}</el-checkbox>
                      </li>
                    </ul>
                  </el-checkbox-group>
                </el-card>

                <el-tree style="padding-top:10px;padding-left: 5%;background-color:white;width:90%" class="filter-tree"
                  :data="ncldata" :props="defaultProps" default-expand-all @node-click="nodeClick"
                  :filter-node-method="filterNode" ref="tree">
                </el-tree>
              </el-aside>

              <el-container width="70%">
                <el-header
                  style="border-bottom: 1px solid rgb(238, 238, 238);text-align: right; font-size: 12px;background-color:white;padding-top:10px;">
                  <!-- <el-button style="float:right" type="primary">导入Contact</el-button>
                    <el-input style="float:right;width:40%" placeholder="请输入历史订单号" clearable></el-input> -->
                  <el-row>
                    <el-cow :span="12">
                      <el-input v-model="historyOrderNum" style="width:20%;" placeholder="请输入历史订单号"></el-input>
                      <el-button type="text" style="margin:0 5px;" @click="importHistoryNcl">导入历史数据</el-button>
                    </el-cow>

                  </el-row>
                </el-header>

                <el-main style="background-color: white">

                  <div v-for="(nclone,index) in nclOne" 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>￥{{nclone.price}}</span>
                      &nbsp;&nbsp;&nbsp;
                      <span @click="removeNclOne(index)"><i class="el-icon-delete"
                          style="font-size : 1.2em;"></i></span>
                    </span>

                    <br />
                    <br />
                    <span v-for="(nclThree,index2) in nclone.nclThree">
                      <el-tag key="nclThree.code" closable="true" @close="closeTag(nclThree,index,index2)">
                        {{nclThree.code}} {{nclThree.name}}
                      </el-tag>
                      &nbsp;
                    </span>

                  </div>
                </el-main>
              </el-container>
            </el-container>
          </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:20px 0 50px 0;">
          <!-- <el-button @click="tobefore">上一步</el-button> -->
          <el-button type="primary" @click="submitForm(\'form\')">下一步</el-button>
        </div>
        <div v-if="channelOrder && channelOrder.usable_order_no_class_count && channelOrder.usable_order_no_class_count.length>0" style="padding-bottom:50px;">
          <h5>有效订单</h5>
          <div>
            <el-row style="color:#606266">
              <el-col v-for="item in channelOrder.usable_order_no_class_count" :span="6" style="margin:5px 0;">
                  <span style="margin-right:20px;">订单号：{{item.order_no}}</span>
                  <span style="margin-right:20px;">尼斯小项数量：{{item.class_count}}</span>
              </el-col>
            </el-row>
          </div>
      </div>
      <div v-if="channelOrder && channelOrder.already_used_order_no_class_count && channelOrder.already_used_order_no_class_count.length>0" style="padding-bottom:50px;">
        <h5>已交付订单</h5>
        <div>
          <el-row style="color:#606266">
            <el-col v-for="item in channelOrder.already_used_order_no_class_count" :span="6" style="margin:5px 0;">
                <span style="margin-right:20px;">订单号：{{item.order_no}}</span>
                <span style="margin-right:20px;">尼斯小项数量：{{item.class_count}}</span>
            </el-col>
          </el-row>
        </div>
      </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="contactAddress">
              <el-input v-model="apply.contactAddress"></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>
            <el-form-item label-width="140px" label="提报主体" style="width:950px;float:left;padding-right:50px;" prop="principal">
              <gsb-select v-model="apply.principal" dicKey="tm_principal" 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="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;">
                下载委托书模板
              </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>
            <el-alert title="" type="warning" close-text="我了解了">
              <a target="_blank"
                href="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_2887156655002052020192316470520%E5%85%B7.rar">图片或文件转换工具下载</a>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;营业执照分辨率：宽5400以内*高4000以内 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                委托书分辨率：宽3800以内*高3800以内
              </el-alert>
            <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;">
                {{tm_form_type[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.contactAddress}}</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.mobile}}</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.email}}</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.creditCode}}</div>
            </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 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.principal}}</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 @click="tobefore">上一步</el-button>
          <el-button type="primary" @click="submitForm(\'save\')">保存</el-button>
        </div>
      </el-form>
      <br />
    </div>
  </div>
  <el-dialog title="请输入草稿名称" :visible.sync="saveDraft" width="50%" :before-close="draftNameBoxClose">
    <el-input v-model="inputDraftName" placeholder="请输入草稿名称"></el-input>
    <span slot="footer" class="dialog-footer">
      <el-button @click="saveDraft = false">取 消</el-button>
      <el-button type="primary" @click="createDraft">保 存</el-button>
    </span>
  </el-dialog>
  <el-dialog title="草稿列表" :visible.sync="viewDrafts" width="50%" :before-close="viewDraftsBoxClose">
    <el-table :data="viewDraftData" border style="width: 100%">
      <el-table-column fixed prop="draftId" align="center" label="ID">
      </el-table-column>
      <el-table-column prop="draftName" align="center" label="草稿名称">
      </el-table-column>
      <el-table-column fixed="right" align="center" label="操作">
        <template slot-scope="scope">
          <el-button @click="reuseDraft(scope.row)" type="text" size="small">复用</el-button>
          <el-button @click="deleteDraft(scope.row)" type="text" size="small">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <span slot="footer" class="dialog-footer">
      <el-button @click="viewDrafts = false">取 消</el-button>
      <el-button type="primary" @click="viewDrafts = false">完 成</el-button>
    </span>
  </el-dialog>
</div>