MicroCommunityWeb/public/components/common/chooseSingleResource/chooseSingleResource.html

111 lines
7.6 KiB
HTML

<div id = "chooseSingleResourceModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="chooseResourceStoreModelLabel" aria-hidden="true" >
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-body">
<h3 class="m-t-none m-b ">选择物品</h3>
<div class="ibox-content">
<div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">商品类型</label>
<div class="col-sm-10">
<select id="goods" class="custom-select" v-model="chooseSingleResourceInfo.rstId"
v-on:change="_choseGoods()">
<option selected value="">请选择商品类型</option>
<option v-for="(item,index) in chooseSingleResourceInfo.resourceStoreTypes" :key="index"
:value="item.rstId">{{item.name}}
</option>
</select>
</div>
</div>
<div v-if="chooseSingleResourceInfo.isCustom">
<div class="form-group row">
<label class="col-sm-2 col-form-label">商品名</label>
<div class="col-sm-10">
<input placeholder="必填,请填写商品名" cols="15" class="form-control"
v-model="chooseSingleResourceInfo.customGoodsName">
</div>
</div>
<div class="form-group row" v-if="chooseSingleResourceInfo.maintenanceType == '1001'">
<label class="col-sm-2 col-form-label">自定义价格</label>
<div class="col-sm-10">
<input placeholder='必填,请填写自定义价格' cols="15" class="form-control" v-model="chooseSingleResourceInfo.price">
</div>
</div>
</div>
<div v-else>
<div class="form-group row" v-if="chooseSingleResourceInfo.rstId != ''">
<label class="col-sm-2 col-form-label">商品</label>
<div class="col-sm-10">
<select id="goodsPrice" class="custom-select" v-model="chooseSingleResourceInfo.resId"
v-on:change="_chosePrice()">
<option selected value="">请选择商品</option>
<option v-for="(item,index) in chooseSingleResourceInfo.resourceStores" :key="index" :value="item.resId">
{{item.resName}}
</option>
</select>
</div>
</div>
</div>
<div v-if="chooseSingleResourceInfo.resId != ''">
<div v-if="chooseSingleResourceInfo.maintenanceType == '1001'">
<div class="form-group row"
v-if="chooseSingleResourceInfo.outLowPrice == chooseSingleResourceInfo.outHighPrice">
<label class="col-sm-2 col-form-label">商品价格</label>
<div class="col-sm-10">
<input placeholder="必填,请填写商品价格" cols="15" class="form-control"
disabled="disabled" v-model="chooseSingleResourceInfo.price">
</div>
</div>
<div class="form-group row"
v-if="chooseSingleResourceInfo.outLowPrice != chooseSingleResourceInfo.outHighPrice">
<label class="col-sm-2 col-form-label">自定义价格</label>
<div class="col-sm-10">
<input placeholder='必填,请填写自定义价格' cols="15" class="form-control"
v-model="chooseSingleResourceInfo.price">价格范围{{chooseSingleResourceInfo.outLowPrice}}-{{chooseSingleResourceInfo.outHighPrice}}
</div>
</div>
</div>
<div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">规格</label>
<div class="col-sm-10">
<input cols="15" class="form-control" v-model="chooseSingleResourceInfo.selectedGoodsInfo.specName" disabled="disabled">
</div>
</div>
</div>
</div>
<div v-if="chooseSingleResourceInfo.resId != '' || chooseSingleResourceInfo.isCustom">
<div class="form-group row">
<label class="col-sm-2 col-form-label">商品数量</label>
<div class="col-sm-10">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"
v-on:click="_useNumDec()">-</button>
</span>
<input type="text" class="form-control" v-model="chooseSingleResourceInfo.useNumber">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"
v-on:click="_useNumInc()">+</button>
</span>
</div>
</div>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button" v-on:click="_chooseSingleResource()">
<i class="fa fa-check"></i>&nbsp;确定
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;" v-on:click="_closeModel()">
<i class="fa fa-close"></i>&nbsp;取消
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>