MicroCommunityWeb/public/pages/property/addMaintainancePlan/addMaintainancePlan.html
2024-05-08 16:26:18 +08:00

132 lines
7.1 KiB
HTML

<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>
<vc:i18n name="添加计划" namespace="addStaff"></vc:i18n>
</h5>
<div class="ibox-tools" style="top:10px;"></div>
</div>
<div class="ibox-content">
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="计划名称" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<input v-model="addMaintainancePlanInfo.planName" type="text"
:placeholder="vc.i18n('必填,请填写计划名称','addMaintainancePlan')" class="form-control">
</div>
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="保养标准" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="addMaintainancePlanInfo.standardId">
<option selected disabled value="">
{{vc.i18n('必填,请选择保养标准','addMaintainancePlan')}}
</option>
<option :value="item.standardId" v-for="(item,index) in addMaintainancePlanInfo.standards">
{{item.standardName}}
</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="保养周期" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="addMaintainancePlanInfo.planPeriod"
@change="_changeMaintainancePeriod()">
<option selected disabled value="">
{{vc.i18n('必填,请选择巡检周期','addMaintainancePlan')}}
</option>
<option value="2020022">月/天</option>
<option value="2020024">固定(天)</option>
</select>
</div>
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="保养设备" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<select class="selectpicker" id="machineIds" v-model="addMaintainancePlanInfo.machineIds"
multiple>
<option v-for="(item,index) in addMaintainancePlanInfo.machines" :key="index"
:value="item.machineId">
{{item.machineName}}({{item.machineCode}})
</option>
</select>
</div>
</div>
<div class="form-group row " v-if="addMaintainancePlanInfo.planPeriod == '2020022'">
<label class="col-sm-2 text-right">
<vc:i18n name="月" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-10">
<label class="margin-left" v-for="index in 12">
<input type="checkbox" v-model="addMaintainancePlanInfo.months" :value="index">
{{index}}月
</label>
</div>
</div>
<div class="form-group row " v-if="addMaintainancePlanInfo.planPeriod == '2020022'">
<label class="col-sm-2 text-right">
<vc:i18n name="日" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-10">
<label class="margin-left" v-for="index in 31">
<input type="checkbox" v-model="addMaintainancePlanInfo.days" :value="index">
{{index}}日
</label>
</div>
</div>
<div class="form-group row " v-if="addMaintainancePlanInfo.planPeriod == '2020024'">
<label class="col-sm-2 text-right">
<vc:i18n name="固定" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<input type="number" class="form-control" v-model="addMaintainancePlanInfo.everyDays"
placeholder="必填,请填写多少天后保养一次">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="开始日期" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<input v-model="addMaintainancePlanInfo.startDate" type="text"
:placeholder="vc.i18n('必填,请填写开始日期','addMaintainancePlan')"
class="form-control addMaintainancePlanStartDate">
</div>
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="结束日期" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-4">
<input v-model="addMaintainancePlanInfo.endDate" type="text"
:placeholder="vc.i18n('必填,请填写结束日期','addMaintainancePlan')"
class="form-control addMaintainancePlanEndDate">
</div>
</div>
<div class="form-group row">
<label class="col-sm-2 col-form-label text-right">
<vc:i18n name="选择员工" namespace="addMaintainancePlan"></vc:i18n>
</label>
<div class="col-sm-10">
<vc:create path="property/selectStaffs"></vc:create>
</div>
</div>
<div class="ibox-content">
<button class="btn btn-primary float-right" type="button" v-on:click="saveMaintainancePlanInfo()">
<i class="fa fa-check"></i>&nbsp;保存
</button>
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
v-on:click="vc.goBack()" data-dismiss="modal">
<i class="fa fa-close"></i>&nbsp;返回
</button>
</div>
</div>
</div>
</div>
</div>