@@ -79,7 +79,7 @@ | |||||
if (param.begin && param.end) { | if (param.begin && param.end) { | ||||
_postParam.queryJson = JSON.stringify({ StartTime: param.begin, EndTime: param.end }); | _postParam.queryJson = JSON.stringify({ StartTime: param.begin, EndTime: param.end }); | ||||
} | } | ||||
learun.httpget(config.webapi + 'learun/LogisticsManagement/ListenClassRecord/pagelist', _postParam, (data) => { | |||||
learun.httpget(config.webapi + 'learun/adms/LogisticsManagement/ListenClassRecord/pagelist', _postParam, (data) => { | |||||
$page.find('.lr-badge').text('0'); | $page.find('.lr-badge').text('0'); | ||||
if (data) { | if (data) { | ||||
$page.find('.lr-badge').text(data.records); | $page.find('.lr-badge').text(data.records); | ||||
@@ -106,7 +106,7 @@ | |||||
learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | ||||
if (_index === '1') { | if (_index === '1') { | ||||
learun.layer.loading(true, '正在删除该笔数据'); | learun.layer.loading(true, '正在删除该笔数据'); | ||||
learun.httppost(config.webapi + 'learun/LogisticsManagement/ListenClassRecord/delete', item.ID , (data) => { | |||||
learun.httppost(config.webapi + 'learun/adms/LogisticsManagement/ListenClassRecord/delete', item.ID , (data) => { | |||||
if (data) {// 删除数据成功 | if (data) {// 删除数据成功 | ||||
page.grid.reload(); | page.grid.reload(); | ||||
} | } | ||||
@@ -61,7 +61,7 @@ | |||||
learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | ||||
if (_index === '1') { | if (_index === '1') { | ||||
learun.layer.loading(true, '正在删除该笔数据'); | learun.layer.loading(true, '正在删除该笔数据'); | ||||
learun.httppost(config.webapi + 'learun/LogisticsManagement/ListenClassRecord/delete', keyValue, (data) => { | |||||
learun.httppost(config.webapi + 'learun/adms/LogisticsManagement/ListenClassRecord/delete', keyValue, (data) => { | |||||
learun.layer.loading(false); | learun.layer.loading(false); | ||||
if (data) {// 删除数据成功 | if (data) {// 删除数据成功 | ||||
learun.nav.closeCurrent(); | learun.nav.closeCurrent(); | ||||
@@ -88,7 +88,7 @@ | |||||
_postData.keyValue = keyValue; | _postData.keyValue = keyValue; | ||||
_postData.strEntity = JSON.stringify($page.find('.lr-form-container').lrformGet()); | _postData.strEntity = JSON.stringify($page.find('.lr-form-container').lrformGet()); | ||||
learun.layer.loading(true, '正在提交数据'); | learun.layer.loading(true, '正在提交数据'); | ||||
learun.httppost(config.webapi + 'learun/LogisticsManagement/ListenClassRecord/save', _postData, (data) => { | |||||
learun.httppost(config.webapi + 'learun/adms/LogisticsManagement/ListenClassRecord/save', _postData, (data) => { | |||||
learun.layer.loading(false); | learun.layer.loading(false); | ||||
if (data) {// 表单数据保存成功 | if (data) {// 表单数据保存成功 | ||||
if (keyValue) { | if (keyValue) { | ||||
@@ -115,7 +115,7 @@ | |||||
$header.find('.lr-form-header-btnlist').show(); | $header.find('.lr-form-header-btnlist').show(); | ||||
// 获取表单数据 | // 获取表单数据 | ||||
learun.layer.loading(true, '获取表单数据'); | learun.layer.loading(true, '获取表单数据'); | ||||
learun.httpget(config.webapi + 'learun/LogisticsManagement/ListenClassRecord/form', keyValue, (data) => { | |||||
learun.httpget(config.webapi + 'learun/adms/LogisticsManagement/ListenClassRecord/form', keyValue, (data) => { | |||||
if (data) { | if (data) { | ||||
for (var id in data) { | for (var id in data) { | ||||
if (data[id].length) { | if (data[id].length) { | ||||
@@ -142,7 +142,7 @@ | |||||
itext: 'deptname', | itext: 'deptname', | ||||
change:function(val) { | change:function(val) { | ||||
if (val != null) { | if (val != null) { | ||||
learun.httpget(config.webapi+'dept/majorbydept',val,(data) => { | |||||
learun.httpget(config.webapi+'learun/adms/dept/majorbydept',val,(data) => { | |||||
if (data) { | if (data) { | ||||
$page.find('#MajorNo').lrpickerSetData(data); | $page.find('#MajorNo').lrpickerSetData(data); | ||||
} | } | ||||
@@ -155,7 +155,7 @@ | |||||
itext: 'MajorName', | itext: 'MajorName', | ||||
change:function(val) { | change:function(val) { | ||||
if (val != null) { | if (val != null) { | ||||
learun.httpget(config.webapi+'dept/classbymajor',val,(data) => { | |||||
learun.httpget(config.webapi+'learun/adms/dept/classbymajor',val,(data) => { | |||||
if (data) { | if (data) { | ||||
console.log(data); | console.log(data); | ||||
$page.find('#ClassNo').lrpickerSetData(data); | $page.find('#ClassNo').lrpickerSetData(data); | ||||
@@ -61,7 +61,7 @@ | |||||
_postParam.queryJson = JSON.stringify({ EID: EID }); | _postParam.queryJson = JSON.stringify({ EID: EID }); | ||||
} | } | ||||
learun.httpget(config.webapi + 'learun/PersonnelManagement/ContactsDetails/pagelist', _postParam, (data) => { | |||||
learun.httpget(config.webapi + 'learun/adms/PersonnelManagement/ContactsDetails/pagelist', _postParam, (data) => { | |||||
$page.find('.lr-badge').text('0'); | $page.find('.lr-badge').text('0'); | ||||
if (data) { | if (data) { | ||||
$page.find('.lr-badge').text(data.records); | $page.find('.lr-badge').text(data.records); | ||||
@@ -112,7 +112,7 @@ | |||||
learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | ||||
if (_index === '1') { | if (_index === '1') { | ||||
learun.layer.loading(true, '正在删除该笔数据'); | learun.layer.loading(true, '正在删除该笔数据'); | ||||
learun.httppost(config.webapi + 'learun/PersonnelManagement/ContactsDetails/delete', item.ID, (data) => { | |||||
learun.httppost(config.webapi + 'learun/adms/PersonnelManagement/ContactsDetails/delete', item.ID, (data) => { | |||||
if (data) {// 删除数据成功 | if (data) {// 删除数据成功 | ||||
page.grid.reload(); | page.grid.reload(); | ||||
} | } | ||||
@@ -62,7 +62,7 @@ | |||||
learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | learun.layer.confirm('确定要删除该笔数据吗?', function (_index) { | ||||
if (_index === '1') { | if (_index === '1') { | ||||
learun.layer.loading(true, '正在删除该笔数据'); | learun.layer.loading(true, '正在删除该笔数据'); | ||||
learun.httppost(config.webapi + 'learun/PersonnelManagement/ContactsDetails/delete', keyValue, (data) => { | |||||
learun.httppost(config.webapi + 'learun/adms/PersonnelManagement/ContactsDetails/delete', keyValue, (data) => { | |||||
learun.layer.loading(false); | learun.layer.loading(false); | ||||
if (data) {// 删除数据成功 | if (data) {// 删除数据成功 | ||||
learun.nav.closeCurrent(); | learun.nav.closeCurrent(); | ||||
@@ -93,7 +93,7 @@ | |||||
} | } | ||||
_postData.strEntity = JSON.stringify(bodyForm); | _postData.strEntity = JSON.stringify(bodyForm); | ||||
learun.layer.loading(true, '正在提交数据'); | learun.layer.loading(true, '正在提交数据'); | ||||
learun.httppost(config.webapi + 'learun/PersonnelManagement/ContactsDetails/save', _postData, (data) => { | |||||
learun.httppost(config.webapi + 'learun/adms/PersonnelManagement/ContactsDetails/save', _postData, (data) => { | |||||
learun.layer.loading(false); | learun.layer.loading(false); | ||||
if (data) {// 表单数据保存成功 | if (data) {// 表单数据保存成功 | ||||
if (keyValue) { | if (keyValue) { | ||||
@@ -120,7 +120,7 @@ | |||||
$header.find('.lr-form-header-btnlist').show(); | $header.find('.lr-form-header-btnlist').show(); | ||||
// 获取表单数据 | // 获取表单数据 | ||||
learun.layer.loading(true, '获取表单数据'); | learun.layer.loading(true, '获取表单数据'); | ||||
learun.httpget(config.webapi + 'learun/PersonnelManagement/ContactsDetails/form', keyValue, (data) => { | |||||
learun.httpget(config.webapi + 'learun/adms/PersonnelManagement/ContactsDetails/form', keyValue, (data) => { | |||||
if (data) { | if (data) { | ||||
for (var id in data) { | for (var id in data) { | ||||
if (data[id].length) { | if (data[id].length) { | ||||
@@ -22,7 +22,7 @@ namespace Learun.Application.WebApi | |||||
/// 注册接口 | /// 注册接口 | ||||
/// <summary> | /// <summary> | ||||
public DeptApi() | public DeptApi() | ||||
: base("/dept") | |||||
: base("/learun/adms/dept") | |||||
{ | { | ||||
Get["/majorbydept"] = GetMajorByDeptNo; | Get["/majorbydept"] = GetMajorByDeptNo; | ||||
Get["/classbymajor"] = GetClassByMajorNo; | Get["/classbymajor"] = GetClassByMajorNo; | ||||
@@ -19,7 +19,7 @@ namespace Learun.Application.WebApi | |||||
/// 注册接口 | /// 注册接口 | ||||
/// <summary> | /// <summary> | ||||
public ListenClassRecordApi() | public ListenClassRecordApi() | ||||
: base("/Learun/LogisticsManagement/ListenClassRecord") | |||||
: base("/Learun/adms/LogisticsManagement/ListenClassRecord") | |||||
{ | { | ||||
Get["/pagelist"] = GetPageList; | Get["/pagelist"] = GetPageList; | ||||
Get["/list"] = GetList; | Get["/list"] = GetList; | ||||
@@ -19,7 +19,7 @@ namespace Learun.Application.WebApi | |||||
/// 注册接口 | /// 注册接口 | ||||
/// <summary> | /// <summary> | ||||
public ContactsDetailsApi() | public ContactsDetailsApi() | ||||
: base("/Learun/PersonnelManagement/ContactsDetails") | |||||
: base("/Learun/adms/PersonnelManagement/ContactsDetails") | |||||
{ | { | ||||
Get["/pagelist"] = GetPageList; | Get["/pagelist"] = GetPageList; | ||||
Get["/list"] = GetList; | Get["/list"] = GetList; | ||||
@@ -180,7 +180,13 @@ | |||||
{ "path": "pages/EducationalAdministration/ArrangeLessonTermAttemper/list", "style": { "navigationBarTitleText": "调度信息" } }, | { "path": "pages/EducationalAdministration/ArrangeLessonTermAttemper/list", "style": { "navigationBarTitleText": "调度信息" } }, | ||||
//请假管理 | //请假管理 | ||||
{ "path": "pages/EducationalAdministration/StuAttendanceLeave/list", "style": { "navigationBarTitleText": "请假管理" } }, | { "path": "pages/EducationalAdministration/StuAttendanceLeave/list", "style": { "navigationBarTitleText": "请假管理" } }, | ||||
{ "path": "pages/EducationalAdministration/StuAttendanceLeave/single", "style": { "navigationBarTitleText": "审核" } } | |||||
{ "path": "pages/EducationalAdministration/StuAttendanceLeave/single", "style": { "navigationBarTitleText": "审核" } }, | |||||
//疫情详细信息 | |||||
{ "path": "pages/PersonnelManagement/ContactsDetails/list", "style": { "navigationBarTitleText": "疫情详细信息" } }, | |||||
{ "path": "pages/PersonnelManagement/ContactsDetails/single", "style": { "navigationBarTitleText": "详情" } }, | |||||
//听课记录 | |||||
{ "path": "pages/LogisticsManagement/ListenClassRecord/list", "style": { "navigationBarTitleText": "听课记录" } }, | |||||
{ "path": "pages/LogisticsManagement/ListenClassRecord/single", "style": { "navigationBarTitleText": "详情" } } | |||||
], | ], | ||||
@@ -0,0 +1,352 @@ | |||||
<template> | |||||
<view class="page"> | |||||
<!-- 主列表页 --> | |||||
<view :class="sideOpen ? 'show' : ''" class="mainpage" style="padding-top: 80rpx;"> | |||||
<!-- 顶部条目/分页信息栏 --> | |||||
<l-customlist-banner @buttonClick="sideOpen = true">{{ tips }}</l-customlist-banner> | |||||
<!-- 滚动列表,跨端支持上拉/下拉 --> | |||||
<l-scroll-list v-if="ready" @pullDown="pullDown" @toBottom="fetchList()" ref="list"> | |||||
<l-customlist :tips="loadState" showTips> | |||||
<!-- 单条记录 --> | |||||
<view class="customlist-item" v-for="item of list" :key="item.ID"> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">讲课老师:</text> | |||||
{{ displayListItem(item, 'EmpNo') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">课程名称:</text> | |||||
{{ displayListItem(item, 'LessonName') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">记录时间:</text> | |||||
{{ displayListItem(item, 'RecordTime') }} | |||||
</view> | |||||
<l-customlist-action showEdit @edit="action('edit', item.ID)" showDelete @delete="action('delete', item.ID)" @view="action('view', item.ID)" /> | |||||
</view> | |||||
</l-customlist> | |||||
</l-scroll-list> | |||||
</view> | |||||
<!-- 关闭侧边抽屉按钮 --> | |||||
<view @click="sideOpen = false" :class="sideOpen ? 'show' : ''" class="sideclose"> | |||||
<l-icon type="pullright" color="blue" /> | |||||
</view> | |||||
<!-- 侧边栏,用于设置查询条件 --> | |||||
<scroll-view :class="sideOpen ? 'show' : ''" class="sidepage" scroll-y> | |||||
<view v-if="ready" class="padding"> | |||||
<l-customlist-sidepage-datefilter | |||||
v-model="dateRange" | |||||
@change="searchChange" | |||||
title="按时间日期查询: " | |||||
ref="datefilter" | |||||
class="margin-bottom" | |||||
/> | |||||
<l-select | |||||
v-model="queryData.DeptNo" | |||||
@change="searchChange" | |||||
:range="dataSource.DeptNo" | |||||
title ="系部" | |||||
placeholder="按系部查询" | |||||
/> | |||||
<l-select | |||||
v-model="queryData.MajorNo" | |||||
@change="searchChange" | |||||
:range="dataSource.MajorNo" | |||||
title ="专业" | |||||
placeholder="按专业查询" | |||||
/> | |||||
<l-select | |||||
v-model="queryData.ClassNo" | |||||
@change="searchChange" | |||||
:range="dataSource.ClassNo" | |||||
title ="班级" | |||||
placeholder="按班级查询" | |||||
/> | |||||
<l-organize-picker | |||||
v-model="queryData.EmpNo" | |||||
@change="searchChange" | |||||
type="user" | |||||
title ="讲课老师" | |||||
placeholder="按讲课老师查询" | |||||
/> | |||||
<!-- 重置查询条件按钮 --> | |||||
<view class="padding-tb"> | |||||
<l-button @click="reset" line="orange" class="block" block>重置查询条件</l-button> | |||||
</view> | |||||
</view> | |||||
</scroll-view> | |||||
<l-customlist-add v-if="!sideOpen" @click="action('add')" /> | |||||
</view> | |||||
</template> | |||||
<script> | |||||
/* | |||||
* 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) | |||||
* Copyright (c) 2013-2020 上海力软信息技术有限公司 | |||||
* 创建人:超级管理员 | |||||
* 日 期:2020-10-21 10:15 | |||||
* 描 述:听课记录 | |||||
*/ | |||||
/** | |||||
* 本段代码由移动端代码生成器输出,移动端须 2.2.0 版本及以上可以使用 | |||||
* 请在移动端 /pages.json 中的 pages 字段中添加一条记录: | |||||
* { "path": "pages/LogisticsManagement/ListenClassRecord/list", "style": { "navigationBarTitleText": "表单列表页" } } | |||||
* | |||||
* (navigationBarTitleText 字段为本页面的标题文本,可以修改) | |||||
* (必须自行操作该步骤,力软代码生成器不会自动帮您修改 /pages.json 文件) | |||||
*/ | |||||
import moment from 'moment' | |||||
import get from 'lodash/get' | |||||
import set from 'lodash/set' | |||||
import pickBy from 'lodash/pickBy' | |||||
import mapValues from 'lodash/mapValues' | |||||
export default { | |||||
data() { | |||||
return { | |||||
// 数据项的数据类型、结构 | |||||
scheme: { | |||||
DeptNo: { type: 'select', dataSource: '0' }, | |||||
MajorNo: { type: 'select', dataSource: '0' }, | |||||
ClassNo: { type: 'select', dataSource: '0' }, | |||||
EmpNo: { type: 'organize', dataType: 'user' }, | |||||
Address: { type: 'text' }, | |||||
LessonName: { type: 'text' }, | |||||
RecordTime: { type: 'text' }, | |||||
sknryhd: { type: 'textarea' }, | |||||
xxmb: { type: 'select', dataSource: '0' }, | |||||
xxmbsfkcl: { type: 'select', dataSource: '0' }, | |||||
Creater: { type: 'organize', dataType: 'user' }, | |||||
xxqjdsj: { type: 'select', dataSource: '0' }, | |||||
gzrwdsj: { type: 'select', dataSource: '0' }, | |||||
jxhddsj: { type: 'select', dataSource: '0' }, | |||||
jxzddfx: { type: 'select', dataSource: '0' }, | |||||
gczhdytw: { type: 'select', dataSource: '0' }, | |||||
xsdcyhz: { type: 'select', dataSource: '0' }, | |||||
xsdsjjn: { type: 'select', dataSource: '0' }, | |||||
xsxxxggc: { type: 'select', dataSource: '0' }, | |||||
ydyjc: { type: 'textarea' }, | |||||
wtyjy: { type: 'textarea' }, | |||||
Evaluate: { type: 'select', dataSource: '0' }, | |||||
Remark: { type: 'textarea' }, | |||||
}, | |||||
// 查询条件 | |||||
searchData: {}, | |||||
defaultQueryData: {}, | |||||
queryData: { | |||||
DeptNo: '', | |||||
MajorNo: '', | |||||
ClassNo: '', | |||||
EmpNo: '', | |||||
}, | |||||
// 数据源 | |||||
dataSource: { | |||||
DeptNo: [], | |||||
MajorNo: [], | |||||
ClassNo: [], | |||||
xxmb: [], | |||||
xxmbsfkcl: [], | |||||
xxqjdsj: [], | |||||
gzrwdsj: [], | |||||
jxhddsj: [], | |||||
jxzddfx: [], | |||||
gczhdytw: [], | |||||
xsdcyhz: [], | |||||
xsdsjjn: [], | |||||
xsxxxggc: [], | |||||
Evaluate: [], | |||||
}, | |||||
// 时间查询参数 | |||||
dateRange: null, | |||||
// 页面相关参数 | |||||
ready: false, | |||||
tips: '加载中...', | |||||
loadState: '向下翻以加载更多', | |||||
sideOpen: false, | |||||
// 列表与分页信息 | |||||
page: 1, | |||||
total: 2, | |||||
list: [] | |||||
} | |||||
}, | |||||
async onLoad() { | |||||
await this.init() | |||||
}, | |||||
onUnload() { | |||||
this.OFF('LogisticsManagementListenClassRecord-list-change') | |||||
}, | |||||
methods: { | |||||
// 页面初始化 | |||||
async init() { | |||||
this.ON('LogisticsManagementListenClassRecord-list-change', this.refreshList) | |||||
// 拉取加载列表和数据源 | |||||
await Promise.all([ | |||||
() => {} | |||||
]) | |||||
await this.fetchList() | |||||
// 初始化查询条件 | |||||
this.defaultQueryData = this.COPY(this.queryData) | |||||
this.ready = true | |||||
}, | |||||
// 拉取列表 | |||||
async fetchList() { | |||||
if (this.page > this.total) { return } | |||||
const result = await this.HTTP_GET( | |||||
'/LogisticsManagement/ListenClassRecord/pagelist', | |||||
{ | |||||
// 这里 sidx 表示排序字段,sord 表示排序方式(DESC=降序,ASC=升序) | |||||
// 代码生成器生成时默认按照主键排序,您可以修改成按创建时间的字段降序 | |||||
pagination: { rows: 10, page: this.page, sidx: 'ID', sord: 'DESC' }, | |||||
queryJson: JSON.stringify(this.searchData) | |||||
}, | |||||
'加载数据时出错' | |||||
) | |||||
if (!result) { return } | |||||
this.total = result.total | |||||
this.page = result.page + 1 | |||||
this.list = this.list.concat(result.rows) | |||||
this.tips = `已加载 ${Math.min(result.page, result.total)} / ${result.total} 页,共 ${result.records} 项` | |||||
this.loadState = result.page >= result.total ? '已加载所有项目' : '向下翻以加载更多' | |||||
}, | |||||
// 刷新清空列表 | |||||
async refreshList() { | |||||
this.page = 1 | |||||
this.total = 2 | |||||
this.list = [] | |||||
await this.fetchList() | |||||
}, | |||||
// 列表下拉 | |||||
pullDown() { | |||||
this.refreshList().then(() => { | |||||
this.$refs.list.stopPullDown() | |||||
}) | |||||
}, | |||||
// 设置搜索条件 | |||||
async searchChange() { | |||||
const result = {} | |||||
// 时间查询相关参数 | |||||
if (this.dateRange) { | |||||
result.StartTime = this.dateRange.start | |||||
result.EndTime = this.dateRange.end | |||||
} | |||||
// 将其他查询项添加到查询 JSON 中 | |||||
const queryObj = pickBy(this.queryData, t => (Array.isArray(t) ? t.length > 0 : t)) | |||||
Object.assign(result, mapValues(queryObj, t => (Array.isArray(t) ? t.join(',') : t))) | |||||
this.searchData = result | |||||
await this.refreshList() | |||||
}, | |||||
// 点击「清空查询条件」按钮 | |||||
reset() { | |||||
this.$refs.datefilter.changeDateRange('all') | |||||
this.queryData = this.COPY(this.defaultQueryData) | |||||
this.searchChange() | |||||
}, | |||||
// 点击「编辑」、「查看」、「添加」、「删除」按钮 | |||||
async action(type, id = '') { | |||||
switch (type) { | |||||
case 'view': | |||||
this.NAV_TO(`./single?type=view&id=${id}`) | |||||
return | |||||
case 'add': | |||||
this.NAV_TO('./single?type=create') | |||||
return | |||||
case 'edit': | |||||
this.NAV_TO(`./single?type=edit&id=${id}`) | |||||
return | |||||
case 'delete': | |||||
if (!(await this.CONFIRM('删除项目', '确定要删除该项吗?', true))) { | |||||
return | |||||
} | |||||
this.HTTP_POST('/LogisticsManagement/ListenClassRecord/delete', id, '删除失败').then(success => { | |||||
if(!success) { return } | |||||
this.TOAST('删除成功', 'success') | |||||
this.refreshList() | |||||
}) | |||||
return | |||||
default: | |||||
return | |||||
} | |||||
}, | |||||
// 显示列表中的标题项 | |||||
displayListItem(item, field) { | |||||
const fieldItem = this.scheme[field] | |||||
const value = item[field] | |||||
switch (fieldItem.type) { | |||||
case 'currentInfo': | |||||
case 'organize': | |||||
return fieldItem.dataType === 'time' ? value : get(this.GET_GLOBAL(fieldItem.dataType), `${value}.name`, '') | |||||
case 'radio': | |||||
case 'select': | |||||
const selectItem = this.dataSource[field].find(t => t.value === String(value)) | |||||
return get(selectItem, 'text', '') | |||||
case 'checkbox': | |||||
if (!value || value.split(',').length <= 0) { return '' } | |||||
const checkboxItems = value.split(',') | |||||
return this.dataSource[field].filter(t => checkboxItems.includes(t.value)).map(t => t.text).join(',') | |||||
case 'datetime': | |||||
if (!value) { return '' } | |||||
return moment(value).format(Number(fieldItem.dateformat) === 0 ? 'YYYY年 M月 D日' : 'YYYY-MM-DD HH:mm') | |||||
default: return value === null || value === undefined ? '' : value | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</script> | |||||
<style lang="less" scoped> | |||||
@import '~@/common/css/sidepage.less'; | |||||
@import '~@/common/css/customlist.less'; | |||||
</style> |
@@ -0,0 +1,401 @@ | |||||
<template> | |||||
<view class="page"> | |||||
<view v-if="ready"> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.DeptNo', $event)" | |||||
:value="getValue('ListenClassRecord.DeptNo')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.DeptNo" | |||||
@change="deptChange($event)" | |||||
title="系部" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.MajorNo', $event)" | |||||
:value="getValue('ListenClassRecord.MajorNo')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.MajorNo" | |||||
@change="majorChange($event)" | |||||
title="专业" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.ClassNo', $event)" | |||||
:value="getValue('ListenClassRecord.ClassNo')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.ClassNo" | |||||
title="班级" | |||||
/> | |||||
<l-organize-picker | |||||
@input="setValue('ListenClassRecord.EmpNo', $event)" | |||||
:value="getValue('ListenClassRecord.EmpNo')" | |||||
:readonly="!edit" | |||||
type="user" | |||||
title="讲课老师" | |||||
/> | |||||
<l-input | |||||
@input="setValue('ListenClassRecord.Address', $event)" | |||||
:value="getValue('ListenClassRecord.Address')" | |||||
:disabled="!edit" | |||||
title="听课地点" | |||||
/> | |||||
<l-input | |||||
@input="setValue('ListenClassRecord.LessonName', $event)" | |||||
:value="getValue('ListenClassRecord.LessonName')" | |||||
:disabled="!edit" | |||||
title="课程名称" | |||||
/> | |||||
<l-input | |||||
@input="setValue('ListenClassRecord.RecordTime', $event)" | |||||
:value="getValue('ListenClassRecord.RecordTime')" | |||||
:disabled="!edit" | |||||
title="记录时间" | |||||
/> | |||||
<l-textarea | |||||
@input="setValue('ListenClassRecord.sknryhd', $event)" | |||||
:value="getValue('ListenClassRecord.sknryhd')" | |||||
:readonly="!edit" | |||||
title="授课内容与活动" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.xxmb', $event)" | |||||
:value="getValue('ListenClassRecord.xxmb')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.xxmb" | |||||
title="是否有学习目标?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.xxmbsfkcl', $event)" | |||||
:value="getValue('ListenClassRecord.xxmbsfkcl')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.xxmbsfkcl" | |||||
title="学习目标是否清晰,具体,可测量?" | |||||
/> | |||||
<l-organize-picker | |||||
@input="setValue('ListenClassRecord.Creater', $event)" | |||||
:value="getValue('ListenClassRecord.Creater')" | |||||
:readonly="!edit" | |||||
type="user" | |||||
title="听客人" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.xxqjdsj', $event)" | |||||
:value="getValue('ListenClassRecord.xxqjdsj')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.xxqjdsj" | |||||
title="学习情景的设计是否满足教学?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.gzrwdsj', $event)" | |||||
:value="getValue('ListenClassRecord.gzrwdsj')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.gzrwdsj" | |||||
title="工作任务(或问题)的设计是否合适?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.jxhddsj', $event)" | |||||
:value="getValue('ListenClassRecord.jxhddsj')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.jxhddsj" | |||||
title="教学活动的设计与实施是否合适,有效?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.jxzddfx', $event)" | |||||
:value="getValue('ListenClassRecord.jxzddfx')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.jxzddfx" | |||||
title="教学重点的分析与难点的突破?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.gczhdytw', $event)" | |||||
:value="getValue('ListenClassRecord.gczhdytw')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.gczhdytw" | |||||
title="过程中互动与提问?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.xsdcyhz', $event)" | |||||
:value="getValue('ListenClassRecord.xsdcyhz')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.xsdcyhz" | |||||
title="学生的参与,合作?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.xsdsjjn', $event)" | |||||
:value="getValue('ListenClassRecord.xsdsjjn')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.xsdsjjn" | |||||
title="学生的实践技能学习?" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.xsxxxggc', $event)" | |||||
:value="getValue('ListenClassRecord.xsxxxggc')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.xsxxxggc" | |||||
title="学生学习效果观察?" | |||||
/> | |||||
<l-textarea | |||||
@input="setValue('ListenClassRecord.ydyjc', $event)" | |||||
:value="getValue('ListenClassRecord.ydyjc')" | |||||
:readonly="!edit" | |||||
title="优点与精彩" | |||||
/> | |||||
<l-textarea | |||||
@input="setValue('ListenClassRecord.wtyjy', $event)" | |||||
:value="getValue('ListenClassRecord.wtyjy')" | |||||
:readonly="!edit" | |||||
title="问题与建议" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ListenClassRecord.Evaluate', $event)" | |||||
:value="getValue('ListenClassRecord.Evaluate')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ListenClassRecord.Evaluate" | |||||
title="评价" | |||||
/> | |||||
<l-textarea | |||||
@input="setValue('ListenClassRecord.Remark', $event)" | |||||
:value="getValue('ListenClassRecord.Remark')" | |||||
:readonly="!edit" | |||||
title="备注" | |||||
/> | |||||
</view> | |||||
<view v-if="ready" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;"> | |||||
<l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block> | |||||
提交保存 | |||||
</l-button> | |||||
<l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block> | |||||
编辑本页 | |||||
</l-button> | |||||
<l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block> | |||||
取消编辑 | |||||
</l-button> | |||||
<l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block> | |||||
删除 | |||||
</l-button> | |||||
</view> | |||||
</view> | |||||
</template> | |||||
<script> | |||||
/* | |||||
* 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) | |||||
* Copyright (c) 2013-2020 上海力软信息技术有限公司 | |||||
* 创建人:超级管理员 | |||||
* 日 期:2020-10-21 10:28 | |||||
* 描 述:听课记录 | |||||
*/ | |||||
/** | |||||
* 本段代码由移动端代码生成器输出,移动端须 2.2.0 版本及以上可以使用 | |||||
* 请在移动端 /pages.json 中的 pages 字段中添加一条记录: | |||||
* { "path": "pages/LogisticsManagement/ListenClassRecord/single", "style": { "navigationBarTitleText": "表单详情页" } } | |||||
* | |||||
* (navigationBarTitleText 字段为本页面的标题文本,可以修改) | |||||
* (必须自行操作该步骤,力软代码生成器不会自动帮您修改 /pages.json 文件) | |||||
*/ | |||||
import get from 'lodash/get' | |||||
import set from 'lodash/set' | |||||
import moment from 'moment' | |||||
import customPageMixins from '@/common/custompage.js' | |||||
export default { | |||||
mixins: [customPageMixins], | |||||
data() { | |||||
return { | |||||
// 页面相关参数 | |||||
id: null, | |||||
mode: null, | |||||
edit: null, | |||||
ready: false, | |||||
// 表单数据 | |||||
current: {}, | |||||
origin: {}, | |||||
// 表单项数据结构 | |||||
scheme: { | |||||
ListenClassRecord: { | |||||
DeptNo: { type: 'select', title: '系部', dataSource: '1', dataSourceId: 'CdDeptInfo,deptname,deptno' }, | |||||
MajorNo: { type: 'select', title: '专业', dataSource: '1', dataSourceId: 'CdMajorInfo,majorname,majorno' }, | |||||
ClassNo: { type: 'select', title: '班级', dataSource: '1', dataSourceId: 'bjsj,classname,classno' }, | |||||
EmpNo: { type: 'organize', title: '讲课老师', dataType: 'user' }, | |||||
Address: { type: 'text', title: '听课地点' }, | |||||
LessonName: { type: 'text', title: '课程名称' }, | |||||
RecordTime: { type: 'text', title: '记录时间' }, | |||||
sknryhd: { type: 'textarea', title: '授课内容与活动' }, | |||||
xxmb: { type: 'select', title: '是否有学习目标?', dataSource: '0' }, | |||||
xxmbsfkcl: { type: 'select', title: '学习目标是否清晰,具体,可测量?', dataSource: '0' }, | |||||
Creater: { type: 'organize', title: '听客人', dataType: 'user' }, | |||||
xxqjdsj: { type: 'select', title: '学习情景的设计是否满足教学?', dataSource: '0' }, | |||||
gzrwdsj: { type: 'select', title: '工作任务(或问题)的设计是否合适?', dataSource: '0' }, | |||||
jxhddsj: { type: 'select', title: '教学活动的设计与实施是否合适,有效?', dataSource: '0' }, | |||||
jxzddfx: { type: 'select', title: '教学重点的分析与难点的突破?', dataSource: '0' }, | |||||
gczhdytw: { type: 'select', title: '过程中互动与提问?', dataSource: '0' }, | |||||
xsdcyhz: { type: 'select', title: '学生的参与,合作?', dataSource: '0' }, | |||||
xsdsjjn: { type: 'select', title: '学生的实践技能学习?', dataSource: '0' }, | |||||
xsxxxggc: { type: 'select', title: '学生学习效果观察?', dataSource: '0' }, | |||||
ydyjc: { type: 'textarea', title: '优点与精彩' }, | |||||
wtyjy: { type: 'textarea', title: '问题与建议' }, | |||||
Evaluate: { type: 'select', title: '评价', dataSource: '0' }, | |||||
Remark: { type: 'textarea', title: '备注' }, | |||||
}, | |||||
}, | |||||
// 数据源 | |||||
dataSource: { | |||||
ListenClassRecord: { | |||||
DeptNo: [], | |||||
MajorNo: [], | |||||
ClassNo: [], | |||||
xxmb: [{ text: '有', value: '1' }, { text: '无', value: '0' }], | |||||
xxmbsfkcl: [{ text: '良好', value: '1' }, { text: '稍作修改', value: '2' }, { text: '较大修改', value: '3' }], | |||||
xxqjdsj: [{ text: '满足', value: '1' }, { text: '基本满足', value: '2' }, { text: '不满足', value: '3' }], | |||||
gzrwdsj: [{ text: '合适', value: '1' }, { text: '基本合适', value: '2' }, { text: '不合适', value: '3' }], | |||||
jxhddsj: [{ text: '好', value: '1' }, { text: '一般', value: '2' }, { text: '较差', value: '3' }], | |||||
jxzddfx: [{ text: '分析清晰', value: '1' }, { text: '需要改进', value: '2' }], | |||||
gczhdytw: [{ text: '方法', value: '1' }, { text: '效果', value: '2' }], | |||||
xsdcyhz: [{ text: '良好', value: '1' }, { text: '一般', value: '2' }, { text: '较差', value: '3' }], | |||||
xsdsjjn: [{ text: '实践内容丰富', value: '1' }, { text: '实践内容较少', value: '2' }], | |||||
xsxxxggc: [{ text: '良好', value: '1' }, { text: '一般', value: '2' }, { text: '较差', value: '3' }], | |||||
Evaluate: [{ text: '优秀,可示范', value: '1' }, { text: '良好,有期待', value: '2' }, { text: '一般,待改进', value: '3' }, { text: '较差,需培训', value: '4' }], | |||||
}, | |||||
} | |||||
} | |||||
}, | |||||
async onLoad({ type, id }) { | |||||
await this.init(type, id) | |||||
}, | |||||
methods: { | |||||
// 页面初始化 | |||||
async init(type, id) { | |||||
this.LOADING('加载数据中...') | |||||
this.id = id | |||||
this.mode = type | |||||
this.edit = ['create', 'edit'].includes(this.mode) | |||||
// 拉取表单数据,同时拉取所有来自数据源的选单数据 | |||||
await Promise.all([ | |||||
this.FETCH_DATASOURCE('CdDeptInfo').then(result => { | |||||
this.dataSource.ListenClassRecord.DeptNo = result.data.map(t => ({ text: t.deptname, value: t.deptno })) | |||||
}), | |||||
this.FETCH_DATASOURCE('CdMajorInfo').then(result => { | |||||
this.dataSource.ListenClassRecord.MajorNo = result.data.map(t => ({ text: t.majorname, value: t.majorno })) | |||||
}), | |||||
this.FETCH_DATASOURCE('bjsj').then(result => { | |||||
this.dataSource.ListenClassRecord.ClassNo = result.data.map(t => ({ text: t.classname, value: t.classno })) | |||||
}), | |||||
() => {} | |||||
]) | |||||
await this.fetchForm() | |||||
this.ready = true | |||||
this.HIDE_LOADING() | |||||
}, | |||||
// 加载表单数据 | |||||
async fetchForm() { | |||||
if (this.mode === 'create') { | |||||
this.origin = await this.getDefaultForm() | |||||
} else { | |||||
const result = await this.HTTP_GET('/LogisticsManagement/ListenClassRecord/form', this.id) | |||||
this.origin = await this.formatFormData(result) | |||||
} | |||||
this.current = this.COPY(this.origin) | |||||
}, | |||||
// 点击 「编辑」、「重置」、「保存」、「删除」 按钮 | |||||
async action(type) { | |||||
switch (type) { | |||||
case 'edit': | |||||
this.edit = true | |||||
break | |||||
case 'reset': | |||||
this.current = this.COPY(this.origin) | |||||
this.edit = false | |||||
break | |||||
case 'save': | |||||
const verifyResult = this.verifyForm() | |||||
if (verifyResult.length > 0) { | |||||
this.CONFIRM('表单验证失败', verifyResult.join('\n')) | |||||
return | |||||
} | |||||
if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗?', true))) { | |||||
return | |||||
} | |||||
this.LOADING('正在提交...') | |||||
const postData = await this.getPostData(this.id) | |||||
this.HTTP_POST('/LogisticsManagement/ListenClassRecord/save', postData, '表单提交保存失败').then(success => { | |||||
this.HIDE_LOADING() | |||||
if (!success) { | |||||
return | |||||
} | |||||
this.EMIT('LogisticsManagementListenClassRecord-list-change') | |||||
this.NAV_BACK() | |||||
this.TOAST('提交保存成功') | |||||
}) | |||||
break | |||||
case 'delete': | |||||
if (!(await this.CONFIRM('删除项目', '确定要删除本项吗?', true))) { | |||||
return | |||||
} | |||||
this.LOADING('提交删除中...') | |||||
this.HTTP_POST('/LogisticsManagement/ListenClassRecord/delete', this.id, '删除失败').then(success => { | |||||
this.HIDE_LOADING() | |||||
if (!success) { | |||||
return | |||||
} | |||||
this.EMIT('LogisticsManagementListenClassRecord-list-change') | |||||
this.NAV_BACK() | |||||
this.this.TOAST('删除成功', 'success') | |||||
}) | |||||
break | |||||
default: break | |||||
} | |||||
}, | |||||
// 获取表单值 | |||||
getValue(path) { | |||||
return get(this.current, path) | |||||
}, | |||||
// 设置表单值 | |||||
setValue(path, val) { | |||||
set(this.current, path, val) | |||||
}, | |||||
deptChange(val){ | |||||
console.log(val); | |||||
this.GET('/dept/majorbydept', val).then(data => { | |||||
this.dataSource.ListenClassRecord.MajorNo=data[1].data.data.map(t=>({value:t.MajorNo,text:t.MajorName})); | |||||
}) | |||||
}, | |||||
majorChange(val){ | |||||
console.log(val); | |||||
this.GET('/dept/classbymajor', val).then(data => { | |||||
this.dataSource.ListenClassRecord.ClassNo=data[1].data.data.map(t=>({value:t.ClassNo,text:t.ClassName})); | |||||
}) | |||||
} | |||||
} | |||||
} | |||||
</script> |
@@ -0,0 +1,332 @@ | |||||
<template> | |||||
<view class="page"> | |||||
<!-- 主列表页 --> | |||||
<view :class="sideOpen ? 'show' : ''" class="mainpage" style="padding-top: 80rpx;"> | |||||
<!-- 顶部条目/分页信息栏 --> | |||||
<l-customlist-banner @buttonClick="sideOpen = true">{{ tips }}</l-customlist-banner> | |||||
<!-- 滚动列表,跨端支持上拉/下拉 --> | |||||
<l-scroll-list v-if="ready" @pullDown="pullDown" @toBottom="fetchList()" ref="list"> | |||||
<l-customlist :tips="loadState" showTips> | |||||
<!-- 单条记录 --> | |||||
<view class="customlist-item" v-for="item of list" :key="item.ID"> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">姓名:</text> | |||||
{{ displayListItem(item, 'Name') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">性别:</text> | |||||
{{ displayListItem(item, 'Gender') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">联系方式:</text> | |||||
{{ displayListItem(item, 'Mobile') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">身份证:</text> | |||||
{{ displayListItem(item, 'IDCard') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">隔离方式:</text> | |||||
{{ displayListItem(item, 'QTType') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">隔离地点:</text> | |||||
{{ displayListItem(item, 'QTAddress') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">隔离时间:</text> | |||||
{{ displayListItem(item, 'QTContactTime') }} | |||||
</view> | |||||
<view class="customlist-item-field"> | |||||
<text class="customlist-item-field-title">是否发热:</text> | |||||
{{ displayListItem(item, 'Fever') }} | |||||
</view> | |||||
<l-customlist-action showEdit @edit="action('edit', item.ID)" showDelete @delete="action('delete', item.ID)" @view="action('view', item.ID)" /> | |||||
</view> | |||||
</l-customlist> | |||||
</l-scroll-list> | |||||
</view> | |||||
<!-- 关闭侧边抽屉按钮 --> | |||||
<view @click="sideOpen = false" :class="sideOpen ? 'show' : ''" class="sideclose"> | |||||
<l-icon type="pullright" color="blue" /> | |||||
</view> | |||||
<!-- 侧边栏,用于设置查询条件 --> | |||||
<scroll-view :class="sideOpen ? 'show' : ''" class="sidepage" scroll-y> | |||||
<view v-if="ready" class="padding"> | |||||
<l-customlist-sidepage-datefilter | |||||
v-model="dateRange" | |||||
@change="searchChange" | |||||
title="按时间日期查询: " | |||||
ref="datefilter" | |||||
class="margin-bottom" | |||||
/> | |||||
<l-input | |||||
v-model="queryData.Name" | |||||
@change="searchChange" | |||||
title ="姓名" | |||||
placeholder="按姓名查询" | |||||
/> | |||||
<l-select | |||||
v-model="queryData.Fever" | |||||
@change="searchChange" | |||||
:range="dataSource.Fever" | |||||
title ="是否发热" | |||||
placeholder="按是否发热查询" | |||||
/> | |||||
<!-- 重置查询条件按钮 --> | |||||
<view class="padding-tb"> | |||||
<l-button @click="reset" line="orange" class="block" block>重置查询条件</l-button> | |||||
</view> | |||||
</view> | |||||
</scroll-view> | |||||
<l-customlist-add v-if="!sideOpen" @click="action('add')" /> | |||||
</view> | |||||
</template> | |||||
<script> | |||||
/* | |||||
* 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) | |||||
* Copyright (c) 2013-2020 上海力软信息技术有限公司 | |||||
* 创建人:超级管理员 | |||||
* 日 期:2020-10-21 09:49 | |||||
* 描 述:疫情详细信息 | |||||
*/ | |||||
/** | |||||
* 本段代码由移动端代码生成器输出,移动端须 2.2.0 版本及以上可以使用 | |||||
* 请在移动端 /pages.json 中的 pages 字段中添加一条记录: | |||||
* { "path": "pages/PersonnelManagement/ContactsDetails/list", "style": { "navigationBarTitleText": "表单列表页" } } | |||||
* | |||||
* (navigationBarTitleText 字段为本页面的标题文本,可以修改) | |||||
* (必须自行操作该步骤,力软代码生成器不会自动帮您修改 /pages.json 文件) | |||||
*/ | |||||
import moment from 'moment' | |||||
import get from 'lodash/get' | |||||
import set from 'lodash/set' | |||||
import pickBy from 'lodash/pickBy' | |||||
import mapValues from 'lodash/mapValues' | |||||
export default { | |||||
data() { | |||||
return { | |||||
// 数据项的数据类型、结构 | |||||
scheme: { | |||||
Name: { type: 'text' }, | |||||
Gender: { type: 'select', itemCode: 'usersex', dataSource: '0' }, | |||||
Mobile: { type: 'text' }, | |||||
IDCard: { type: 'text' }, | |||||
QTType: { type: 'select', itemCode: 'QuarantineType', dataSource: '0' }, | |||||
QTAddress: { type: 'text' }, | |||||
QTContactTime: { type: 'datetime', dateformat: '0' }, | |||||
Fever: { type: 'select', itemCode: 'YesOrNoInt', dataSource: '0' }, | |||||
}, | |||||
// 查询条件 | |||||
searchData: {}, | |||||
defaultQueryData: {}, | |||||
queryData: { | |||||
Name: '', | |||||
Fever: '', | |||||
}, | |||||
// 数据源 | |||||
dataSource: { | |||||
Gender: Object.values(this.GET_GLOBAL('dataDictionary').usersex).map(t => ({ value: t.value, text: t.text })), | |||||
QTType: Object.values(this.GET_GLOBAL('dataDictionary').QuarantineType).map(t => ({ value: t.value, text: t.text })), | |||||
Fever: Object.values(this.GET_GLOBAL('dataDictionary').YesOrNoInt).map(t => ({ value: t.value, text: t.text })), | |||||
}, | |||||
// 时间查询参数 | |||||
dateRange: null, | |||||
// 页面相关参数 | |||||
ready: false, | |||||
tips: '加载中...', | |||||
loadState: '向下翻以加载更多', | |||||
sideOpen: false, | |||||
// 列表与分页信息 | |||||
page: 1, | |||||
total: 2, | |||||
list: [] | |||||
} | |||||
}, | |||||
async onLoad() { | |||||
await this.init() | |||||
}, | |||||
onUnload() { | |||||
this.OFF('PersonnelManagementContactsDetails-list-change') | |||||
}, | |||||
methods: { | |||||
// 页面初始化 | |||||
async init() { | |||||
this.ON('PersonnelManagementContactsDetails-list-change', this.refreshList) | |||||
// 拉取加载列表和数据源 | |||||
await Promise.all([ | |||||
() => {} | |||||
]) | |||||
await this.fetchList() | |||||
// 初始化查询条件 | |||||
this.defaultQueryData = this.COPY(this.queryData) | |||||
this.ready = true | |||||
}, | |||||
// 拉取列表 | |||||
async fetchList() { | |||||
if (this.page > this.total) { return } | |||||
const result = await this.HTTP_GET( | |||||
'/PersonnelManagement/ContactsDetails/pagelist', | |||||
{ | |||||
// 这里 sidx 表示排序字段,sord 表示排序方式(DESC=降序,ASC=升序) | |||||
// 代码生成器生成时默认按照主键排序,您可以修改成按创建时间的字段降序 | |||||
pagination: { rows: 10, page: this.page, sidx: 'ID', sord: 'DESC' }, | |||||
queryJson: JSON.stringify(this.searchData) | |||||
}, | |||||
'加载数据时出错' | |||||
) | |||||
if (!result) { return } | |||||
this.total = result.total | |||||
this.page = result.page + 1 | |||||
this.list = this.list.concat(result.rows) | |||||
this.tips = `已加载 ${Math.min(result.page, result.total)} / ${result.total} 页,共 ${result.records} 项` | |||||
this.loadState = result.page >= result.total ? '已加载所有项目' : '向下翻以加载更多' | |||||
}, | |||||
// 刷新清空列表 | |||||
async refreshList() { | |||||
this.page = 1 | |||||
this.total = 2 | |||||
this.list = [] | |||||
await this.fetchList() | |||||
}, | |||||
// 列表下拉 | |||||
pullDown() { | |||||
this.refreshList().then(() => { | |||||
this.$refs.list.stopPullDown() | |||||
}) | |||||
}, | |||||
// 设置搜索条件 | |||||
async searchChange() { | |||||
const result = {} | |||||
// 时间查询相关参数 | |||||
if (this.dateRange) { | |||||
result.StartTime = this.dateRange.start | |||||
result.EndTime = this.dateRange.end | |||||
} | |||||
// 将其他查询项添加到查询 JSON 中 | |||||
const queryObj = pickBy(this.queryData, t => (Array.isArray(t) ? t.length > 0 : t)) | |||||
Object.assign(result, mapValues(queryObj, t => (Array.isArray(t) ? t.join(',') : t))) | |||||
this.searchData = result | |||||
await this.refreshList() | |||||
}, | |||||
// 点击「清空查询条件」按钮 | |||||
reset() { | |||||
this.$refs.datefilter.changeDateRange('all') | |||||
this.queryData = this.COPY(this.defaultQueryData) | |||||
this.searchChange() | |||||
}, | |||||
// 点击「编辑」、「查看」、「添加」、「删除」按钮 | |||||
async action(type, id = '') { | |||||
switch (type) { | |||||
case 'view': | |||||
this.NAV_TO(`./single?type=view&id=${id}`) | |||||
return | |||||
case 'add': | |||||
this.NAV_TO('./single?type=create') | |||||
return | |||||
case 'edit': | |||||
this.NAV_TO(`./single?type=edit&id=${id}`) | |||||
return | |||||
case 'delete': | |||||
if (!(await this.CONFIRM('删除项目', '确定要删除该项吗?', true))) { | |||||
return | |||||
} | |||||
this.HTTP_POST('/PersonnelManagement/ContactsDetails/delete', id, '删除失败').then(success => { | |||||
if(!success) { return } | |||||
this.TOAST('删除成功', 'success') | |||||
this.refreshList() | |||||
}) | |||||
return | |||||
default: | |||||
return | |||||
} | |||||
}, | |||||
// 显示列表中的标题项 | |||||
displayListItem(item, field) { | |||||
const fieldItem = this.scheme[field] | |||||
const value = item[field] | |||||
switch (fieldItem.type) { | |||||
case 'currentInfo': | |||||
case 'organize': | |||||
return fieldItem.dataType === 'time' ? value : get(this.GET_GLOBAL(fieldItem.dataType), `${value}.name`, '') | |||||
case 'radio': | |||||
case 'select': | |||||
const selectItem = this.dataSource[field].find(t => t.value === String(value)) | |||||
return get(selectItem, 'text', '') | |||||
case 'checkbox': | |||||
if (!value || value.split(',').length <= 0) { return '' } | |||||
const checkboxItems = value.split(',') | |||||
return this.dataSource[field].filter(t => checkboxItems.includes(t.value)).map(t => t.text).join(',') | |||||
case 'datetime': | |||||
if (!value) { return '' } | |||||
return moment(value).format(Number(fieldItem.dateformat) === 0 ? 'YYYY年 M月 D日' : 'YYYY-MM-DD HH:mm') | |||||
default: return value === null || value === undefined ? '' : value | |||||
} | |||||
} | |||||
} | |||||
} | |||||
</script> | |||||
<style lang="less" scoped> | |||||
@import '~@/common/css/sidepage.less'; | |||||
@import '~@/common/css/customlist.less'; | |||||
</style> |
@@ -0,0 +1,247 @@ | |||||
<template> | |||||
<view class="page"> | |||||
<view v-if="ready"> | |||||
<l-input | |||||
@input="setValue('ContactsDetails.Name', $event)" | |||||
:value="getValue('ContactsDetails.Name')" | |||||
:disabled="!edit" | |||||
title="姓名" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ContactsDetails.Gender', $event)" | |||||
:value="getValue('ContactsDetails.Gender')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ContactsDetails.Gender" | |||||
title="性别" | |||||
/> | |||||
<l-input | |||||
@input="setValue('ContactsDetails.Mobile', $event)" | |||||
:value="getValue('ContactsDetails.Mobile')" | |||||
:disabled="!edit" | |||||
title="联系方式" | |||||
/> | |||||
<l-input | |||||
@input="setValue('ContactsDetails.IDCard', $event)" | |||||
:value="getValue('ContactsDetails.IDCard')" | |||||
:disabled="!edit" | |||||
title="身份证" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ContactsDetails.QTType', $event)" | |||||
:value="getValue('ContactsDetails.QTType')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ContactsDetails.QTType" | |||||
title="隔离方式" | |||||
/> | |||||
<l-input | |||||
@input="setValue('ContactsDetails.QTAddress', $event)" | |||||
:value="getValue('ContactsDetails.QTAddress')" | |||||
:disabled="!edit" | |||||
title="隔离地点" | |||||
/> | |||||
<l-date-picker | |||||
@input="setValue('ContactsDetails.QTContactTime', $event)" | |||||
:value="getValue('ContactsDetails.QTContactTime')" | |||||
:disabled="!edit" | |||||
title="隔离时间" | |||||
/> | |||||
<l-select | |||||
@input="setValue('ContactsDetails.Fever', $event)" | |||||
:value="getValue('ContactsDetails.Fever')" | |||||
:disabled="!edit" | |||||
:range="dataSource.ContactsDetails.Fever" | |||||
title="是否发热" | |||||
/> | |||||
</view> | |||||
<view v-if="ready" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;"> | |||||
<l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block> | |||||
提交保存 | |||||
</l-button> | |||||
<l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block> | |||||
编辑本页 | |||||
</l-button> | |||||
<l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block> | |||||
取消编辑 | |||||
</l-button> | |||||
<l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block> | |||||
删除 | |||||
</l-button> | |||||
</view> | |||||
</view> | |||||
</template> | |||||
<script> | |||||
/* | |||||
* 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) | |||||
* Copyright (c) 2013-2020 上海力软信息技术有限公司 | |||||
* 创建人:超级管理员 | |||||
* 日 期:2020-10-21 09:49 | |||||
* 描 述:疫情详细信息 | |||||
*/ | |||||
/** | |||||
* 本段代码由移动端代码生成器输出,移动端须 2.2.0 版本及以上可以使用 | |||||
* 请在移动端 /pages.json 中的 pages 字段中添加一条记录: | |||||
* { "path": "pages/PersonnelManagement/ContactsDetails/single", "style": { "navigationBarTitleText": "表单详情页" } } | |||||
* | |||||
* (navigationBarTitleText 字段为本页面的标题文本,可以修改) | |||||
* (必须自行操作该步骤,力软代码生成器不会自动帮您修改 /pages.json 文件) | |||||
*/ | |||||
import get from 'lodash/get' | |||||
import set from 'lodash/set' | |||||
import moment from 'moment' | |||||
import customPageMixins from '@/common/custompage.js' | |||||
export default { | |||||
mixins: [customPageMixins], | |||||
data() { | |||||
return { | |||||
// 页面相关参数 | |||||
id: null, | |||||
mode: null, | |||||
edit: null, | |||||
ready: false, | |||||
// 表单数据 | |||||
current: {}, | |||||
origin: {}, | |||||
// 表单项数据结构 | |||||
scheme: { | |||||
ContactsDetails: { | |||||
Name: { type: 'text', title: '姓名' }, | |||||
Gender: { type: 'select', title: '性别', itemCode: 'usersex', dataSource: '0' }, | |||||
Mobile: { type: 'text', title: '联系方式' }, | |||||
IDCard: { type: 'text', title: '身份证' }, | |||||
QTType: { type: 'select', title: '隔离方式', itemCode: 'QuarantineType', dataSource: '0' }, | |||||
QTAddress: { type: 'text', title: '隔离地点' }, | |||||
QTContactTime: { type: 'datetime', title: '隔离时间', dateformat: '0' }, | |||||
Fever: { type: 'select', title: '是否发热', itemCode: 'YesOrNoInt', dataSource: '0' }, | |||||
}, | |||||
}, | |||||
// 数据源 | |||||
dataSource: { | |||||
ContactsDetails: { | |||||
Gender: Object.values(this.GET_GLOBAL('dataDictionary').usersex).map(t => ({ value: t.value, text: t.text })), | |||||
QTType: Object.values(this.GET_GLOBAL('dataDictionary').QuarantineType).map(t => ({ value: t.value, text: t.text })), | |||||
Fever: Object.values(this.GET_GLOBAL('dataDictionary').YesOrNoInt).map(t => ({ value: t.value, text: t.text })), | |||||
}, | |||||
} | |||||
} | |||||
}, | |||||
async onLoad({ type, id }) { | |||||
await this.init(type, id) | |||||
}, | |||||
methods: { | |||||
// 页面初始化 | |||||
async init(type, id) { | |||||
this.LOADING('加载数据中...') | |||||
this.id = id | |||||
this.mode = type | |||||
this.edit = ['create', 'edit'].includes(this.mode) | |||||
// 拉取表单数据,同时拉取所有来自数据源的选单数据 | |||||
await Promise.all([ | |||||
() => {} | |||||
]) | |||||
await this.fetchForm() | |||||
this.ready = true | |||||
this.HIDE_LOADING() | |||||
}, | |||||
// 加载表单数据 | |||||
async fetchForm() { | |||||
if (this.mode === 'create') { | |||||
this.origin = await this.getDefaultForm() | |||||
} else { | |||||
const result = await this.HTTP_GET('/PersonnelManagement/ContactsDetails/form', this.id) | |||||
this.origin = await this.formatFormData(result) | |||||
} | |||||
this.current = this.COPY(this.origin) | |||||
}, | |||||
// 点击 「编辑」、「重置」、「保存」、「删除」 按钮 | |||||
async action(type) { | |||||
switch (type) { | |||||
case 'edit': | |||||
this.edit = true | |||||
break | |||||
case 'reset': | |||||
this.current = this.COPY(this.origin) | |||||
this.edit = false | |||||
break | |||||
case 'save': | |||||
const verifyResult = this.verifyForm() | |||||
if (verifyResult.length > 0) { | |||||
this.CONFIRM('表单验证失败', verifyResult.join('\n')) | |||||
return | |||||
} | |||||
if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗?', true))) { | |||||
return | |||||
} | |||||
this.LOADING('正在提交...') | |||||
const postData = await this.getPostData(this.id) | |||||
this.HTTP_POST('/PersonnelManagement/ContactsDetails/save', postData, '表单提交保存失败').then(success => { | |||||
this.HIDE_LOADING() | |||||
if (!success) { | |||||
return | |||||
} | |||||
this.EMIT('PersonnelManagementContactsDetails-list-change') | |||||
this.NAV_BACK() | |||||
this.TOAST('提交保存成功') | |||||
}) | |||||
break | |||||
case 'delete': | |||||
if (!(await this.CONFIRM('删除项目', '确定要删除本项吗?', true))) { | |||||
return | |||||
} | |||||
this.LOADING('提交删除中...') | |||||
this.HTTP_POST('/PersonnelManagement/ContactsDetails/delete', this.id, '删除失败').then(success => { | |||||
this.HIDE_LOADING() | |||||
if (!success) { | |||||
return | |||||
} | |||||
this.EMIT('PersonnelManagementContactsDetails-list-change') | |||||
this.NAV_BACK() | |||||
this.this.TOAST('删除成功', 'success') | |||||
}) | |||||
break | |||||
default: break | |||||
} | |||||
}, | |||||
// 获取表单值 | |||||
getValue(path) { | |||||
return get(this.current, path) | |||||
}, | |||||
// 设置表单值 | |||||
setValue(path, val) { | |||||
set(this.current, path, val) | |||||
} | |||||
} | |||||
} | |||||
</script> |