104 lines
4.7 KiB
Plaintext
104 lines
4.7 KiB
Plaintext
<div id="divObservationDates">
|
|
<div class="modal fade" id="modalObservationDates" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{modalTitle}}</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="mb-4">
|
|
<span>观察日间隔</span>
|
|
<input type="number" name="ObservationNum" v-model="ObservationNum" style="width:80px!important;" />
|
|
<select name="ObservationUnit" style="width: 40px;" v-model="ObservationUnit">
|
|
@foreach (var item in GlobalData.AllTimeUnits())
|
|
{
|
|
<option value="@item.Value">@item.Text</option>
|
|
}
|
|
</select>
|
|
<template v-if="ShowDate2OffsetControl">
|
|
<span>{{Date2OffsetControlTitle||'日期2计算间隔'}} T +</span>
|
|
<input type="number" name="CouponDayInterval" min="0" v-model="CouponDayInterval" v-on:keypress="onCouponDayIntervalKeyPress" style="width:80px!important;" />
|
|
</template>
|
|
</div>
|
|
<div class="mb-4">
|
|
<span>节假日调整</span>
|
|
<select name="ObservationHolidayType" v-model="ObservationHolidayType">
|
|
<option value="Following">向后调整</option>
|
|
<option value="Previous">向前调整</option>
|
|
<option value="None">不调整</option>
|
|
</select>
|
|
<span>对齐规则</span>
|
|
<select name="AlignEnd" style="width: 100px;" v-model="AlignEnd">
|
|
<option value="true">向到期日对齐</option>
|
|
<option value="false">向开始日对齐</option>
|
|
</select>
|
|
<div class="row">
|
|
<div class="col">
|
|
<button class="btn btn-sm btn-outline-danger mt-2" v-on:click="GetObservationDates()">生成观察日</button>
|
|
</div>
|
|
<div class="col text-right">
|
|
<button class="btn btn-sm btn-outline-danger mt-2" v-on:click="SetObservationDates()">编辑观察日</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="obdates-list">
|
|
<div class="row mb-3" v-for="item in ">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-primary" onclick="Confirm()">确定</button>
|
|
<button class="btn btn-primary" data-dismiss="modal">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="modalObservationDatesText" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">详情设置</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<textarea v-model="observationDates" style="width: 100%; min-height: 300px;" v-on:paste="pasteMe($event)"></textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn" onclick="importObservationDates()">保存</button>
|
|
<button class="btn btn-primary" data-dismiss="modal">取消</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const vueObservationDates = new Vue({
|
|
el: '#divObservationDates',
|
|
data: {
|
|
modalTitle: '设置自定义观察日',
|
|
ObservationNum: '1',
|
|
ObservationUnit: '天',
|
|
CouponDayInterval: '',
|
|
ShowDate2OffsetControl: false,
|
|
Date2OffsetControlTitle: '',
|
|
ObservationHolidayType: 'Following',
|
|
obList: [],
|
|
obCols: []
|
|
},
|
|
methods: {
|
|
onCouponDayIntervalKeyPress(event) {
|
|
return /[\d]/.test(String.fromCharCode(event.keyCode));
|
|
},
|
|
GetObservationDates() {
|
|
|
|
},
|
|
SetObservationDates() {
|
|
|
|
}
|
|
}
|
|
});
|
|
</script> |