|
|
@@ -24,7 +24,69 @@
|
|
|
<template th:replace="user-center/components/tableft"></template>
|
|
|
<div class="right">
|
|
|
<div class="container">
|
|
|
- 申请维修
|
|
|
+ <form>
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>联系人：</p>
|
|
|
+ <input type="text" v-model.trim="clubUpgradeUser.contractEmail1" placeholder="请输入邮箱地址" :rule="rule.email" maxlength="32" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确的邮箱地址"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>联系方式：</p>
|
|
|
+ <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="30" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>联系地址：</p>
|
|
|
+ <div class="address">
|
|
|
+ <select name="provinceID" id="cProvince" @change="ChangeProvince">
|
|
|
+ <option value="" >请选择</option>
|
|
|
+ <option v-for="(item ,index) in ProvinceList" :key="index" :value='item.provinceID' >{{item.name}}</option>
|
|
|
+ </select>
|
|
|
+ <select name="cityID" id="cCity" @change="ChangeGetcity($event)" >
|
|
|
+ <option value="" >请选择</option>
|
|
|
+ <option v-for="(item ,index) in cityArray" :key="index" :value="item.cityID" >{{item.name}}</option>
|
|
|
+ </select>
|
|
|
+ <select name="townID" id="cTown" @change="ChangeGetcTown($event)">
|
|
|
+ <option value="" >请选择</option>
|
|
|
+ <option v-for="(item ,index) in townArray" :key="index" :value="item.townID" >{{item.name}}</option>
|
|
|
+ </select>
|
|
|
+ <textarea placeholder="建议您如实填写详细地址，例如：街道名称，门牌号码，楼层和房间号等信息" v-model="clubUpgradeUser.address"></textarea>
|
|
|
+ </div>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确的联系地址"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p><em>*</em>仪器名称：</p>
|
|
|
+ <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请与营业执照的注册名称保持一致" :rule="rule.name" maxlength="30" @blur="blurHandle($event)" needverify>
|
|
|
+ <i class="checked icon mIcon"></i>
|
|
|
+ <span class="errTips icon mIcon" tips="请输入正确的联系人姓名"></span>
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p>生产厂家：</p>
|
|
|
+ <input type="text" v-model.trim="clubUpgradeUser.name" placeholder="请输入生产厂家" maxlength="30">
|
|
|
+ </div>
|
|
|
+ <div class="formLine">
|
|
|
+ <p>上传仪器图片：</p>
|
|
|
+ <div class="release-input upload image" id="uploadGoodsImages">
|
|
|
+ <div class="upload-file" v-for="(item, index) in GoodsImagesList" :key="index"
|
|
|
+ draggable="true"
|
|
|
+ class="items"
|
|
|
+ @dragstart="dragstart(item)"
|
|
|
+ @dragenter="dragenter(item)"
|
|
|
+ @dragend="dragend(item)"
|
|
|
+ >
|
|
|
+ <img :data-original='item' :src="item" :data-image="item" alt="" class="upload-img" @click="showViewerImageFn($event)">
|
|
|
+ <i class="icon-del" @click="removeGoodsImagesFn(index)"></i>
|
|
|
+ </div>
|
|
|
+ <div class="upload-file" v-show="GoodsImagesList.length<5">
|
|
|
+ <i class="icon-add"></i>
|
|
|
+ <input ref="goodsImages" type="file" name="file" value="" class="input-file" accept="image/png,image/jpeg,image/gif,image/jpg" @change="uploadGoodsImagesFn">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
