mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
优化代码
This commit is contained in:
wuxw
parent
e44905a9a7
commit
421ca8688b
@ -1,80 +1,90 @@
|
||||
<div>
|
||||
<div class="row margin-top-lg">
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model.trim="workDetailEventInfo.staffNameLike" type="text"
|
||||
:placeholder="vc.i18n('请填写处理人','workDetailEvent')" class="form-control">
|
||||
<div class="col-md-1 padding-r-0">
|
||||
<div class=" border-radius ">
|
||||
<div class="margin-xs-r treeview ">
|
||||
<ul class="list-group text-center border-radius">
|
||||
<li class="list-group-item node-orgTree " v-for="(item,index) in workDetailEventInfo.contents"
|
||||
:key="index" @click="swatchEventContentId(item)"
|
||||
:class="{'vc-node-selected':workDetailEventInfo.contentId == item.contentId}">
|
||||
问题{{item.seqNum}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model="workDetailEventInfo.queryStartTime" type="text"
|
||||
:placeholder="vc.i18n('开始时间','workDetailEvent')" class="form-control eventQueryStartTime">
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model="workDetailEventInfo.queryEndTime" type="text"
|
||||
:placeholder="vc.i18n('结束时间','workDetailEvent')" class="form-control eventQueryEndTime">
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-right-xl" style="margin-top: 5px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_queryWorkDetailEvent()">
|
||||
<i class="fa fa-search"></i>查询
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_resetWorkDetailEvent()">
|
||||
<i class="fa fa-repeat"></i>重置
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="margin-top">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="前处理人" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="处理人" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="任务有效期" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="说明" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="时间" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="event in workDetailEventInfo.events">
|
||||
<td class="text-center">
|
||||
{{event.preStaffName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.staffName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.startTime}}</br>
|
||||
~{{event.endTime}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.remark}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.createTime}}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="5">
|
||||
<ul class="pagination float-right"></ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div class="text-right">
|
||||
<vc:create namespace="workDetailEvent" path="frame/paginationPlus"></vc:create>
|
||||
<div class="col-md-11">
|
||||
<div class="row ">
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model.trim="workDetailEventInfo.staffNameLike" type="text"
|
||||
:placeholder="vc.i18n('请填写处理人','workDetailEvent')" class="form-control">
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model="workDetailEventInfo.queryStartTime" type="text"
|
||||
:placeholder="vc.i18n('开始时间','workDetailEvent')" class="form-control eventQueryStartTime">
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model="workDetailEventInfo.queryEndTime" type="text"
|
||||
:placeholder="vc.i18n('结束时间','workDetailEvent')" class="form-control eventQueryEndTime">
|
||||
</div>
|
||||
<div class="col-lg-2 padding-right-xs padding-right-xl" style="margin-top: 5px;">
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_queryWorkDetailEvent()">
|
||||
<i class="fa fa-search"></i>查询
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_resetWorkDetailEvent()">
|
||||
<i class="fa fa-repeat"></i>重置
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="margin-top">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">
|
||||
<vc:i18n name="前处理人" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="处理人" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="任务有效期" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="说明" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
<th data-hide="phone" class="text-center">
|
||||
<vc:i18n name="时间" namespace="workDetailEvent"></vc:i18n>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="event in workDetailEventInfo.events">
|
||||
<td class="text-center">
|
||||
{{event.preStaffName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.staffName}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.startTime}}</br>
|
||||
~{{event.endTime}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.remark}}
|
||||
</td>
|
||||
<td class="text-center">
|
||||
{{event.createTime}}
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<div class="text-right">
|
||||
<vc:create namespace="workDetailEvent" path="frame/paginationPlus"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -8,7 +8,9 @@
|
||||
data: {
|
||||
workDetailEventInfo: {
|
||||
events: [],
|
||||
contents:[],
|
||||
workId: '',
|
||||
contentId:'',
|
||||
staffNameLike: '',
|
||||
queryStartTime: '',
|
||||
queryEndTime: ''
|
||||
@ -19,15 +21,10 @@
|
||||
_initEvent: function () {
|
||||
vc.on('workDetailEvent', 'switch', function (_data) {
|
||||
$that.workDetailEventInfo.workId = _data.workId;
|
||||
$that._loadWorkDetailEventData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
$that.workDetailEventInfo.contents = _data.contents;
|
||||
$that.swatchEventContentId(_data.contents[0]);
|
||||
setTimeout(function () {
|
||||
vc.component._initWorkDetailEventDateInfo();
|
||||
/*vc.initDateTime('eventQueryStartTime', function (_value) {
|
||||
$that.workDetailEventInfo.queryStartTime = _value;
|
||||
});
|
||||
vc.initDateTime('eventQueryEndTime', function (_value) {
|
||||
$that.workDetailEventInfo.queryEndTime = _value;
|
||||
});*/
|
||||
$that._initWorkDetailEventDateInfo();
|
||||
}, 1000)
|
||||
});
|
||||
vc.on('workDetailEvent', 'paginationPlus', 'page_event',
|
||||
@ -53,13 +50,13 @@
|
||||
.on('changeDate', function (ev) {
|
||||
var value = $(".eventQueryStartTime").val();
|
||||
var start = Date.parse(new Date(value));
|
||||
var end = Date.parse(new Date(vc.component.workDetailEventInfo.queryEndTime));
|
||||
var end = Date.parse(new Date($that.workDetailEventInfo.queryEndTime));
|
||||
if (start - end >= 0) {
|
||||
vc.toast("开始时间必须小于结束时间");
|
||||
$(".eventQueryStartTime").val('');
|
||||
vc.component.workDetailEventInfo.queryStartTime = "";
|
||||
$that.workDetailEventInfo.queryStartTime = "";
|
||||
} else {
|
||||
vc.component.workDetailEventInfo.queryStartTime = value;
|
||||
$that.workDetailEventInfo.queryStartTime = value;
|
||||
}
|
||||
});
|
||||
$('.eventQueryEndTime').datetimepicker({
|
||||
@ -74,14 +71,14 @@
|
||||
$('.eventQueryEndTime').datetimepicker()
|
||||
.on('changeDate', function (ev) {
|
||||
var value = $(".eventQueryEndTime").val();
|
||||
var start = Date.parse(new Date(vc.component.workDetailEventInfo.queryStartTime));
|
||||
var start = Date.parse(new Date($that.workDetailEventInfo.queryStartTime));
|
||||
var end = Date.parse(new Date(value));
|
||||
if (start - end >= 0) {
|
||||
vc.toast("结束时间必须大于开始时间");
|
||||
$(".eventQueryEndTime").val('');
|
||||
vc.component.workDetailEventInfo.queryEndTime = "";
|
||||
$that.workDetailEventInfo.queryEndTime = "";
|
||||
} else {
|
||||
vc.component.workDetailEventInfo.queryEndTime = value;
|
||||
$that.workDetailEventInfo.queryEndTime = value;
|
||||
}
|
||||
});
|
||||
//防止多次点击时间插件失去焦点
|
||||
@ -102,6 +99,7 @@
|
||||
params: {
|
||||
taskId: $that.workDetailEventInfo.taskId,
|
||||
workId: $that.workDetailEventInfo.workId,
|
||||
contentId: $that.workDetailEventInfo.contentId,
|
||||
staffNameLike: $that.workDetailEventInfo.staffNameLike,
|
||||
queryStartTime: $that.workDetailEventInfo.queryStartTime,
|
||||
queryEndTime: $that.workDetailEventInfo.queryEndTime,
|
||||
@ -129,10 +127,15 @@
|
||||
_queryWorkDetailEvent: function () {
|
||||
$that._loadWorkDetailEventData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
},
|
||||
swatchEventContentId:function(_content){
|
||||
$that.workDetailEventInfo.contentId = _content.contentId;
|
||||
$that._loadWorkDetailEventData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
|
||||
},
|
||||
_resetWorkDetailEvent: function () {
|
||||
vc.component.workDetailEventInfo.staffNameLike = "";
|
||||
vc.component.workDetailEventInfo.queryStartTime = "";
|
||||
vc.component.workDetailEventInfo.queryEndTime = "";
|
||||
$that.workDetailEventInfo.staffNameLike = "";
|
||||
$that.workDetailEventInfo.queryStartTime = "";
|
||||
$that.workDetailEventInfo.queryEndTime = "";
|
||||
$that._loadWorkDetailEventData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,5 +1,20 @@
|
||||
<div>
|
||||
<div class="row margin-top-lg">
|
||||
<div class="col-md-1 padding-r-0">
|
||||
<div class=" border-radius ">
|
||||
<div class="margin-xs-r treeview ">
|
||||
<ul class="list-group text-center border-radius">
|
||||
<li class="list-group-item node-orgTree " v-for="(item,index) in workDetailFileInfo.contents"
|
||||
:key="index" @click="swatchFileContentId(item)"
|
||||
:class="{'vc-node-selected':workDetailFileInfo.contentId == item.contentId}">
|
||||
问题{{item.seqNum}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-11">
|
||||
<div class="row ">
|
||||
<div class="col-lg-2 padding-right-xs padding-left-xl">
|
||||
<input v-model.trim="workDetailFileInfo.staffNameLike" type="text"
|
||||
:placeholder="vc.i18n('请填写处理人','workDetailFile')" class="form-control">
|
||||
@ -61,4 +76,6 @@
|
||||
<vc:create namespace="workDetailFile" path="frame/paginationPlus"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -8,6 +8,7 @@
|
||||
data: {
|
||||
workDetailFileInfo: {
|
||||
files: [],
|
||||
contents:[],
|
||||
workId: '',
|
||||
staffNameLike: '',
|
||||
queryStartTime: '',
|
||||
@ -19,7 +20,8 @@
|
||||
_initEvent: function () {
|
||||
vc.on('workDetailFile', 'switch', function (_data) {
|
||||
$that.workDetailFileInfo.workId = _data.workId;
|
||||
$that._loadWorkDetailFileData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
$that.workDetailFileInfo.contents = _data.contents;
|
||||
$that.swatchFileContentId(_data.contents[0]);
|
||||
setTimeout(function () {
|
||||
vc.initDateTime('fileQueryStartTime', function (_value) {
|
||||
$that.workDetailFileInfo.queryStartTime = _value;
|
||||
@ -43,6 +45,7 @@
|
||||
params: {
|
||||
taskId: $that.workDetailFileInfo.taskId,
|
||||
workId: $that.workDetailFileInfo.workId,
|
||||
contentId: $that.workDetailFileInfo.contentId,
|
||||
staffNameLike: $that.workDetailFileInfo.staffNameLike,
|
||||
queryStartTime: $that.workDetailFileInfo.queryStartTime,
|
||||
queryEndTime: $that.workDetailFileInfo.queryEndTime,
|
||||
@ -70,10 +73,15 @@
|
||||
_queryWorkDetailFile: function () {
|
||||
$that._loadWorkDetailFileData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
},
|
||||
swatchFileContentId:function(_content){
|
||||
$that.workDetailFileInfo.contentId = _content.contentId;
|
||||
$that._loadWorkDetailFileData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
|
||||
},
|
||||
_resetWorkDetailFile: function () {
|
||||
vc.component.workDetailFileInfo.staffNameLike = "";
|
||||
vc.component.workDetailFileInfo.queryStartTime = "";
|
||||
vc.component.workDetailFileInfo.queryEndTime = "";
|
||||
$that.workDetailFileInfo.staffNameLike = "";
|
||||
$that.workDetailFileInfo.queryStartTime = "";
|
||||
$that.workDetailFileInfo.queryEndTime = "";
|
||||
$that._loadWorkDetailFileData(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
}
|
||||
}
|
||||
|
||||
@ -165,8 +165,8 @@
|
||||
</div>
|
||||
<div v-if="workDetailInfo._currentTab == 'workDetailContent'">
|
||||
<div class="padding flex justify-start" v-for="(item,index) in workDetailInfo.contents" :key="index">
|
||||
<div>{{index+1}}、</div>
|
||||
<div v-html="item.content"></div>
|
||||
<div >{{item.seqNum}}、</div>
|
||||
<div v-html="item.content" style="width: 80%;"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="workDetailInfo._currentTab == 'workDetailTask'">
|
||||
|
||||
@ -68,7 +68,8 @@
|
||||
vc.emit(_tab, 'switch', {
|
||||
taskId: $that.workDetailInfo.taskId,
|
||||
workId: $that.workDetailInfo.workId,
|
||||
wtId: $that.workDetailInfo.wtId
|
||||
wtId: $that.workDetailInfo.wtId,
|
||||
contents:$that.workDetailInfo.contents
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user