<gsb-h5page2>
  <gsb-h5nav ref="refnav" slot="nav" title="专利自主提报" isback="true">
    <el-button v-if="showadd" type="success" slot="action" size="mini" @click="newtmarch">新增</el-button>
  </gsb-h5nav>
  <gsb-card2 title="专利建档" ref="card">
          <div slot="header"></div>
          <!-- <div  slot="extra"><el-button type="default"  @click="gotoorder"><i class="tool-order" style="margin-right:3px;color:orange"/>订单列表</el-button></div> -->
          <div>
            <gsb-h5grid2 ref="grid"
              :bizCode="bizCode"
              spaceHeight="300"
              tblHeight="600"
              modelName="patentinfo"
              listMethod="findAndCountAll"
              deleteMethod="delete"
              initMethod="initNewInstance"
              isDataAuto="true"
              @toolbarclick="toolbarclick"
              @onDlgFormClick="onDlgFormClick"
              @rowclick="rowClick"
             :headStyle="headStyle"
             focuskey="mynew"
              :colFormatter="onColFormater"
              isSingleSelect="true">
              <div slot="other" slot-scope="scope">
                  <div style="font-size:10px;padding:0px;">
                    <div>专利申请人:{{scope.row.applyName}}</div>
                    <div>专利类型:{{scope.row.patentsTypeName}}</div>
                    <div>专利名称:{{scope.row.patentsName}}</div>
                    <div>专利进度:{{scope.row.statusProgressName}}</div>
                    <div>联系人:{{scope.row.customerContact}}</div>
                    <div>联系电话:{{scope.row.customerMobile}}</div>
                    <div>状态:{{scope.row.statusName}}</div>
                    <div>创建时间:{{new Date(scope.row.created_at).toLocaleString()}}</div>
                    <div style="text-align:right">
                      <el-button style="padding:10px"  @click="rowClick(scope.row,\'myedit\',null,null)">修改</el-button>
                    </div>
                  </div>
              </div>
              <div slot="top" style="text-align:left" >
                <br/>
                <el-form ref="form" label-position="top" :rules="rules" :model="form" class="demo-ruleForm" label-width="120px">
                  <el-collapse ref="refcollapse" accordion>
                    <el-collapse-item title="专利信息" name="1">
                      <div>
                        <el-form-item label="专利名称" style="width:100%;float:left" prop="patentsName">
                          <el-input v-model="form.patentsName"></el-input>
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item label="申请专利类型" style="width:100%;float:left" prop="patentsType">
                          <gsb-select v-model="form.patentsType" dicKey="patents_type" labelField="label" valueField="value"></gsb-select>
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item  label="申请人要求" prop="applicantRequireType" style="width:100%;float:left" >
                          <gsb-checkgroup dicKey="applicantrequire_type" min=1 v-model="form.applicantRequireType"></gsb-checkgroup>
                          <div ><i style="color:black">*专利税费减缓网站:&nbsp&nbsp</i><a href="http://cpservice.sipo.gov.cn/index.jsp" target="_blank">http://cpservice.sipo.gov.cn/index.jsp</a></div>
                        </el-form-item>
                        <div style="clear:both;"></div>
                      </div>
                    </el-collapse-item>
                    <el-collapse-item title="申请人信息" name="2">
                      <div>
                        <el-form-item label="申请人类型" style="width:100%;float:left;" prop="applierType" >
                          <gsb-select v-model="form.applierType" dicKey="tm_apply_type" labelField="label" valueField="value"></gsb-select>
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item label="申请人" style="width:100%;float:left" prop="applyName">
                          <gsb-select size="medium" v-model="form.applyName" refMethod="getCompanyInfoByLikeName" autoComplete="true" isFilter="true"  refModel="calculateprice"  labelField="entName" valueField="entName" style="position:relative;width:100%;" ></gsb-select>
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item label="申请人地址" style="width:100%;float:left" prop="applyAddr">
                          <el-input v-model="form.applyAddr"></el-input>
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item label="申请人电话" style="width:100%;float:left" prop="mobile">
                          <el-input v-model="form.mobile"></el-input>
                        </el-form-item>
                        <div style="clear:both;"></div>
                      </div>
                    </el-collapse-item>
                    <el-collapse-item title="进度通知人信息" name="3">
                      <div>
                        <el-form-item label="联系人" style="width:100%;float:left" prop="customerContact">
                          <el-input v-model="form.customerContact"></el-input>
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item label="联系电话" style="width:100%;float:left" prop="customerMobile">
                          <el-input v-model="form.customerMobile"></el-input>
                        </el-form-item>
                        <div style="clear:both;"></div>
                      </div>
                    </el-collapse-item>
                    <el-collapse-item title="外观图片" name="4" v-if="form.patentsType==\'wg\'">
                      <div>
                        <el-form-item label="前视图" style="width:300px;float:left" prop="wgqPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wgqPic"></gsb-upload2 >
                        </el-form-item>
                        <el-form-item label="后视图" style="width:300px;float:left" prop="wghPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wghPic"></gsb-upload2 >
                        </el-form-item>
                        <el-form-item label="左视图" style="width:300px;float:left" prop="wgzPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wgzPic"></gsb-upload2 >
                        </el-form-item>
                        <el-form-item label="右视图" style="width:300px;float:left" prop="wgyPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wgyPic"></gsb-upload2 >
                        </el-form-item>
                        <div style="clear:both;"></div>
                        <el-form-item label="俯视图" style="width:300px;float:left" prop="wgfstPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wgfstPic"></gsb-upload2 >
                        </el-form-item>
                        <el-form-item label="仰视图" style="width:300px;float:left" prop="wgystPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wgystPic"></gsb-upload2 >
                        </el-form-item>
                        <el-form-item label="立体视图" style="width:300px;float:left" prop="wgltPic" >
                          <gsb-upload2 :d="d" :action="action" filetype="image/jpeg,image/png" @error="error" :ifshowlist="false" v-model="form.wgltPic"></gsb-upload2 >
                        </el-form-item>
                        <div style="clear:both;"></div>
                      </div>
                    </el-collapse-item>
                    <el-collapse-item title="上传材料" name="5" style="">
                      <div>
                        <el-form-item  style="float:left;width:100%;text-align:left" label="" prop="zipFile">
                          <img width="120px" height="120px" style="border:2px dashed #e9e9e9" @click="window.open(form.zipFile)"  v-if="form.zipFile" 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="sqrzz" ref="sqrzz" :d="d" :action="action" filetype="application/x-zip-compressed" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
                            <el-button type="primary" >申请人和发明人资质上传</el-button>
                          </gsb-upload>
                        </el-form-item>

                        <el-form-item  style="float:left;width:100%;text-align:left" label="" prop="registrationFormUrl">
                          <img width="120px" height="120px" style="border:2px dashed #e9e9e9" @click="window.open(form.registrationFormUrl)"  v-if="form.registrationFormUrl" 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="djb" ref="djb" :d="d" :action="action" filetype="application/msword" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
                            <el-button type="primary" >登记表上传</el-button>
                          </gsb-upload>
                        </el-form-item>

                        <el-form-item  v-if="form.patentsType==\'fm\'||form.patentsType==\'syxx\'" style="float:left;width:100%;text-align:left" label="" prop="technicalFileUrl">
                          <img width="120px" height="120px" style="border:2px dashed #e9e9e9" @click="window.open(form.technicalFileUrl)"  v-if="form.technicalFileUrl" 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="jsjds" ref="jsjds" :d="d" :action="action" filetype="application/msword" :ifshowlist="false" @uploadsuccess="uploadsuccess" @error="error">
                            <el-button type="primary" >技术交底书上传</el-button>
                          </gsb-upload>
                        </el-form-item>
                      </div>
                    </el-collapse-item>
                  </el-collapse>
                </el-form>
                <br/>
                <div style="text-align:center">
                  <el-button @click="onDlgFormClick(\'mysave\')">保存</el-button><el-button @click="$refs.grid.onDlgFormClick(\'cancel\')">取消</el-button>
                </div>
              </div>
            </gsb-h5grid2>
          </div>
  </gsb-card2>
</div>
</gsb-h5page2>
