DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/EducationalAdministration/ArrangeLessonTermAttemper/list.vue

<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, 'AttemperType') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">调度时限：</text>
							{{ displayListItem(item, 'AttemperTimeType') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">调度时间：</text>
							{{ showField(item, 'AttemperStartTime') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">学年学期：</text>
							{{ showField(item, 'AcademicYearNo') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">系部：</text>
							{{ displayListItem(item, 'DeptNo') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">专业：</text>
							{{ displayListItem(item, 'MajorNo') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">课程：</text>
							{{ displayListItem(item, 'LessonNo') }}
						</view>

						<view class="customlist-item-field">
							<text class="customlist-item-field-title">班级信息：</text>
							{{ displayListItem(item, 'TeachClassNo') }}
						</view>

						<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, 'ClassroomNo') }}
						</view>

						<view v-show="item.AttemperType != '02'">
							<view class="customlist-item-field">
								<text class="customlist-item-field-title">新系部：</text>
								{{ displayListItem(item, 'NewDeptNo') }}
							</view>

							<view class="customlist-item-field">
								<text class="customlist-item-field-title">新专业：</text>
								{{ displayListItem(item, 'NewMajorNo') }}
							</view>

							<view class="customlist-item-field">
								<text class="customlist-item-field-title">新课程：</text>
								{{ displayListItem(item, 'NewLessonNo') }}
							</view>

							<view class="customlist-item-field">
								<text class="customlist-item-field-title">新班级：</text>
								{{ displayListItem(item, 'NewTeachClassNo') }}
							</view>

							<view class="customlist-item-field">
								<text class="customlist-item-field-title">新教师：</text>
								{{ displayListItem(item, 'NewEmpNo') }}
							</view>

							<view class="customlist-item-field">
								<text class="customlist-item-field-title">新教室：</text>
								{{ displayListItem(item, 'NewClassroomNo') }}
							</view>
						</view>
					</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.AttemperType" @change="searchChange" :range="dataSource.AttemperType" title="调度类型" placeholder="按调度类型查询" />
				<l-input v-model="queryData.AcademicYearNo" @change="searchChange" title="学年学期" placeholder="按学年学期查询" />
				<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.LessonNo" @change="searchChange" :range="dataSource.LessonNo" title="课程" placeholder="按课程查询" />
				<l-select v-model="queryData.TeachClassNo" @change="searchChange" :range="dataSource.TeachClassNo" title="班级信息" placeholder="按班级信息查询" />
				<l-select v-model="queryData.EmpNo" @change="searchChange" :range="dataSource.EmpNo" title="教师" placeholder="按教师查询" />

				<!-- 重置查询条件按钮 -->
				<view class="padding-tb"><l-button @click="reset" line="orange" class="block" block>重置查询条件</l-button></view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
/*
 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn)
 * Copyright (c) 2013-2020 上海力软信息技术有限公司
 * 创建人：超级管理员
 * 日  期：2020-10-20 14:32
 * 描  述：调度信息
 */

/**
 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用
 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录：
 * { "path": "pages/EducationalAdministration/ArrangeLessonTermAttemper/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: {
				AttemperType: { type: 'select', itemCode: 'AttemperType', dataSource: '0' },
				AttemperTimeType: { type: 'select', itemCode: 'AttemperTimeType', dataSource: '0' },
				AttemperStartTime: { type: 'text' },
				AcademicYearNo: { type: 'text' },
				DeptNo: { type: 'select', dataSource: '1', dataSourceId: 'CdDeptInfo,deptname,deptno' },
				MajorNo: { type: 'select', dataSource: '1', dataSourceId: 'CdMajorInfo,majorname,majorno' }, //code  name  id
				LessonNo: { type: 'select', dataSource: '1', dataSourceId: 'LessonInfo,lessonname,lessonno' },
				TeachClassNo: { type: 'select', dataSource: '1', dataSourceId: 'bjsj,classname,classno' },
				EmpNo: { type: 'select', dataSource: '1', dataSourceId: 'EmpInfo,empname,empno' },
				ClassroomNo: { type: 'select', dataSource: '1', dataSourceId: 'ClassRoomInfo,classroomname,classroomno' },
				NewDeptNo: { type: 'select', dataSource: '1', dataSourceId: 'CdDeptInfo,deptname,deptno' },
				NewMajorNo: { type: 'select', dataSource: '1', dataSourceId: 'CdMajorInfo,majorname,majorno' },
				NewLessonNo: { type: 'select', dataSource: '1', dataSourceId: 'LessonInfo,lessonname,lessonno' },
				NewTeachClassNo: { type: 'select', dataSource: '1', dataSourceId: 'bjsj,classname,classno' },
				NewEmpNo: { type: 'select', dataSource: '1', dataSourceId: 'EmpInfo,empname,empno' },
				NewClassroomNo: { type: 'select', dataSource: '1', dataSourceId: 'ClassRoomInfo,classroomname,classroomno' }
			},

			// 查询条件
			searchData: {},
			defaultQueryData: {},
			queryData: {
				AttemperType: '',
				AcademicYearNo: '',
				DeptNo: '',
				MajorNo: '',
				LessonNo: '',
				TeachClassNo: '',
				EmpNo: ''
			},

			// 数据源
			dataSource: {
				AttemperType: Object.values(this.GET_GLOBAL('dataDictionary').AttemperType).map(t => ({ value: t.value, text: t.text })),
				AttemperTimeType: Object.values(this.GET_GLOBAL('dataDictionary').AttemperTimeType).map(t => ({ value: t.value, text: t.text })),
				DeptNo: [],
				MajorNo: [],
				LessonNo: [],
				TeachClassNo: [],
				EmpNo: [],
				ClassroomNo: [],
				NewDeptNo: [],
				NewMajorNo: [],
				NewLessonNo: [],
				NewTeachClassNo: [],
				NewEmpNo: [],
				NewClassroomNo: []
			},

			// 时间查询参数
			dateRange: null,

			// 页面相关参数
			ready: false,
			tips: '加载中...',
			loadState: '向下翻以加载更多',
			sideOpen: false,

			// 列表与分页信息
			page: 1,
			total: 2,
			list: []
		};
	},

	async onLoad() {
		await this.init();
	},
	onUnload() {
		this.OFF('EducationalAdministrationArrangeLessonTermAttemper-list-change');
	},

	methods: {
		// 页面初始化
		async init() {
			this.ON('EducationalAdministrationArrangeLessonTermAttemper-list-change', this.refreshList);

			// 拉取加载列表和数据源
			await Promise.all([
				this.FETCH_DATASOURCE('CdDeptInfo').then(result => {
					this.dataSource.DeptNo = result.data.map(t => ({ text: t.deptname, value: t.deptno }));
				}),
				this.FETCH_DATASOURCE('CdMajorInfo').then(result => {
					this.dataSource.MajorNo = result.data.map(t => ({ text: t.majorname, value: t.majorno }));
				}),
				this.FETCH_DATASOURCE('LessonInfo').then(result => {
					this.dataSource.LessonNo = result.data.map(t => ({ text: t.lessonname, value: t.lessonno }));
				}),
				this.FETCH_DATASOURCE('bjsj').then(result => {
					this.dataSource.TeachClassNo = result.data.map(t => ({ text: t.classname, value: t.classno }));
				}),
				this.FETCH_DATASOURCE('EmpInfo').then(result => {
					this.dataSource.EmpNo = result.data.map(t => ({ text: t.empname, value: t.empno }));
				}),
				this.FETCH_DATASOURCE('ClassRoomInfo').then(result => {
					this.dataSource.ClassroomNo = result.data.map(t => ({ text: t.classroomname, value: t.classroomno }));
				}),
				this.FETCH_DATASOURCE('CdDeptInfo').then(result => {
					this.dataSource.NewDeptNo = result.data.map(t => ({ text: t.deptname, value: t.deptno }));
				}),
				this.FETCH_DATASOURCE('CdMajorInfo').then(result => {
					this.dataSource.NewMajorNo = result.data.map(t => ({ text: t.majorname, value: t.majorno }));
				}),
				this.FETCH_DATASOURCE('LessonInfo').then(result => {
					this.dataSource.NewLessonNo = result.data.map(t => ({ text: t.lessonname, value: t.lessonno }));
				}),
				this.FETCH_DATASOURCE('bjsj').then(result => {
					this.dataSource.NewTeachClassNo = result.data.map(t => ({ text: t.classname, value: t.classno }));
				}),
				this.FETCH_DATASOURCE('EmpInfo').then(result => {
					this.dataSource.NewEmpNo = result.data.map(t => ({ text: t.empname, value: t.empno }));
				}),
				this.FETCH_DATASOURCE('ClassRoomInfo').then(result => {
					this.dataSource.NewClassroomNo = result.data.map(t => ({ text: t.classroomname, value: t.classroomno }));
				}),

				() => {}
			]);
			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(
				'learun/adms/EducationalAdministration/ArrangeLessonTermAttemper/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('learun/adms/EducationalAdministration/ArrangeLessonTermAttemper/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;
			}
		},
		showField(item, field) {
			switch (field) {
				case 'AttemperStartTime':
					return (item.AttemperStartTime == null ? '-' : item.AttemperStartTime) + '到' + (item.AttemperEndTime == null ? '-' : item.AttemperEndTime);
				case 'AcademicYearNo':
					return item.AcademicYearNo + '学年第' + item.Semester + '学期';
			}
		}
	}
};
</script>

<style lang="less" scoped>
@import '~@/common/css/sidepage.less';
@import '~@/common/css/customlist.less';
</style>