MicroCommunityWeb/public/pages/property/finishRepair/finishRepair.html

210 lines
15 KiB
HTML

<div>
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<span><vc:i18n name="报修结单" namespace="finishRepair"></vc:i18n></span>
</h5>
</div>
<div class="ibox-content">
<div>
<div>
<div class="form-group row" v-if="finishRepairInfo.repairObjType != '004'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="是否用料" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<select class="custom-select" v-model="finishRepairInfo.maintenanceType">
< option selected value="">{{vc.i18n('请选择是否用料','finishRepair')}}</option>
<option v-for="(item,index) in finishRepairInfo.maintenanceTypes" :key="index"
:value="item.statusCd"
v-if="item.statusCd != '1001' && item.statusCd != '1002'">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row" v-if="finishRepairInfo.repairObjType == '004'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="维修类型" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<select class="custom-select" v-model="finishRepairInfo.maintenanceType">
<option selected value="">{{vc.i18n('请选择维修类型','finishRepair')}}</option>
<option v-for="(item,index) in finishRepairInfo.maintenanceTypes" :key="index"
:value="item.statusCd"
v-if="item.statusCd != '1003' && item.statusCd != '1004'">
{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row"
v-if="finishRepairInfo.maintenanceType == '1001' || finishRepairInfo.maintenanceType == '1003'">
<label class="col-sm-2 col-form-label">&nbsp;</label>
<div class="col-sm-10">
<button class="btn btn-primary" type="button"
v-on:click="_openChooseSingleResourceModel()">
<i class="fa fa-plus"></i>&nbsp;选择商品
</button>
</div>
</div>
<div v-if="(finishRepairInfo.maintenanceType == '1001' || finishRepairInfo.maintenanceType == '1003') && finishRepairInfo.choosedGoodsList.length > 0">
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="使用商品" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-2 text-center">
<span><vc:i18n name="分类" namespace="finishRepair"></vc:i18n></span>
</div>
<div class="col-sm-2 text-center">
<span><vc:i18n name="商品" namespace="finishRepair"></vc:i18n></span>
</div>
<div class="col-sm-2 text-center"
v-show="finishRepairInfo.maintenanceType == '1001'">价格
</div>
<div class="col-sm-2 text-center">
<span><vc:i18n name="数量" namespace="finishRepair"></vc:i18n></span>
</div>
<div class="col-sm-1 text-center">
<span><vc:i18n name="单位" namespace="finishRepair"></vc:i18n></span>
</div>
<div class="col-sm-1 text-center">
<span><vc:i18n name="规格" namespace="finishRepair"></vc:i18n></span>
</div>
<div class="col-sm-2 text-center">
<span><vc:i18n name="操作" namespace="finishRepair"></vc:i18n></span>
</div>
</div>
<div class="row" style="margin-bottom: 10px;"
v-for="(item,index) in finishRepairInfo.choosedGoodsList">
<div class="col-sm-2">
<input cols="15" class="form-control" disabled="disabled"
v-model="item.rstName">
</div>
<div class="col-sm-2" v-if="item.isCustom">
<input cols="15" class="form-control" disabled="disabled"
v-model="item.customGoodsName">
</div>
<div class="col-sm-2" v-else>
<input cols="15" class="form-control" disabled="disabled"
v-model="item.resName">
</div>
<div class="col-sm-2" v-show="finishRepairInfo.maintenanceType == '1001'">
<input cols="15" class="form-control"
:disabled="!item.isCustom && item.outHighPrice == item.outLowPrice"
v-model="item.price" v-on:input="_updateTotalPrice()">
<span v-show="!item.isCustom && item.outHighPrice != item.outLowPrice">
<span>
<vc:i18n name="价格范围" namespace="finishRepair"></vc:i18n>
</span>({{item.outLowPrice}} - {{item.outHighPrice}})
</span>
</div>
<div class="col-sm-2">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"
v-on:click="_useNumberDec(index)">-</button>
</span>
<input cols="15" class="form-control" v-model="item.useNumber"
v-on:input="_updateTotalPrice()">
<span class="input-group-btn">
<button class="btn btn-primary" type="button"
v-on:click="_useNumberInc(index)">+</button>
</span>
</div>
</div>
<div class="col-sm-1 text-center">
{{item.miniUnitCodeName ? item.miniUnitCodeName : '-'}}
</div>
<div class="col-sm-1 text-center">
{{item.specName ? item.specName : '-'}}
</div>
<div class="col-sm-2 text-center">
<button class="btn btn-danger" type="button"
v-on:click="_removeChoosedGoodsItem(index)">
<i class="fa fa-times"></i>&nbsp;移除
</button>
</div>
</div>
</div>
</div>
</div>
<div class="form-group row" v-if="finishRepairInfo.maintenanceType == '1001'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="商品总金额" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<input cols="15" class="form-control" disabled="disabled"
v-model="finishRepairInfo.totalPrice">
</div>
</div>
<div class="row form-group" v-if="finishRepairInfo.maintenanceType == '1001'">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="支付方式" namespace="finishRepair"></vc:i18n></span>:
</label>
<div class="col-sm-9">
<select class="custom-select" v-model="finishRepairInfo.payType">
<option selected disabled value="">
{{vc.i18n('必填','finishRepair')}},请选择支付方式
</option>
<option v-for="(item,index) in finishRepairInfo.payTypes" :key="index"
:value="item.statusCd">{{item.name}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="处理意见" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="col-sm-10">
<textarea :placeholder="vc.i18n('必填,请填写处理意见','finishRepair')" cols="15"
class="form-control" v-model="finishRepairInfo.context">
</textarea>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="维修前图片" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="content-img col-sm-10">
<vc:create path="frame/uploadImageUrl" callBackListener="finishRepairInfo"
callBackFunction="notifyUploadBeforeReapirImage"
namespace="finishRepair1">
</vc:create>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label">
<span><vc:i18n name="维修后图片" namespace="finishRepair"></vc:i18n></span>
</label>
<div class="content-img col-sm-10">
<vc:create path="frame/uploadImageUrl" callBackListener="finishRepairInfo"
callBackFunction="notifyUploadAfterReapirImage"
namespace="finishRepair2">
</vc:create>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button"
v-on:click="_finishRepairInfo()">
<i class="fa fa-check"></i>&nbsp;提交
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
v-on:click="_back()">
<i class="fa fa-close"></i>&nbsp;返回
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<vc:create path="common/chooseSingleResource" emitChooseSingleResource="finishRepairInfo"
emitLoadData="finishRepairInfo">
</vc:create>
</div>