mm_os 2.9.2 → 2.9.3

package/demo/app/sys/plugin/main/static/article_list.vue

@@ -0,0 +1,488 @@
+<template>
+	<view class="page_root root_article_list">
+		<page_head>
+			<text>资讯教程</text>
+		</page_head>
+
+		<!-- 搜索栏(开始) -->
+		<view id="bar_search">
+			<view class="mm_container">
+				<view class="mm_row">
+					<view class="mm_col col-12 col-sm-6 col-md-4">
+						<view class="search">
+							<view class="group" @click="show = true">
+								<text
+									class="group_name">{{ $to_name(list_type, query.types, "type_id") || '全部' }}</text>
+								<image class="group_icon" src="/static/img/select_down.svg" mode="widthFix">
+								</image>
+							</view>
+							<view class="input_box">
+								<view class="inputs">
+									<image mode="widthFix" class="search_img" src="/static/img/search.svg" />
+									<input v-model="query.keyword" placeholder="想找..." @keyup.enter="search()" />
+									<image mode="widthFix" class="search_del" src="/static/img/del.svg"
+										@click="query.keyword = '';search()" v-if="query.keyword" />
+								</view>
+							</view>
+							<view>
+								<view class="btn btn_link" @click="search()">搜索</view>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 搜索栏(结束) -->
+
+		<!-- 排序栏(开始) -->
+		<view class="mm_warp" id="bar_sort">
+			<view class="mm_container">
+				<view class="mm_row">
+					<view class="col-3">
+						<control_reverse title="时间" :value="query.orderby" field="time_create" :func="event_sort">
+						</control_reverse>
+					</view>
+					<view class="col-3">
+						<control_reverse title="热度" :value="query.orderby" field="hot" :func="event_sort">
+						</control_reverse>
+					</view>
+					<view class="col-3">
+						<control_reverse title="点赞" :value="query.orderby" field="praise" :func="event_sort">
+						</control_reverse>
+					</view>
+					<view class="col-3">
+						<view class="mode" @click="switch_mode()">
+							<view v-for="(o, i) in list_mode" :key="o.value" v-show="mode == o.value">
+								<image class="img" mode="widthFix" :src="'/static/img/mode/' + o.value + '.svg'">
+								</image>
+								<text>{{ o.name }}</text>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 排序栏(结束) -->
+
+		<ad_banner css="article_top" position="资源列表上方"></ad_banner>
+
+		<!-- 列表(开始) -->
+		<view class="mm_warp" id="main_list">
+			<view class="mm_container">
+				<view class="mm_row">
+					<view class="mm_col col-12" v-if="list.length">
+						<list_title path="/pages/cms/article_view" v-if="mode == 1" :type_id="query.type_id"
+							:list="list" field="article_id" />
+						<list_content path="/pages/cms/article_view" v-else-if="mode == 2" :type_id="query.type_id"
+							:list="list" field="article_id" />
+						<list_text_img path="/pages/cms/article_view" v-else-if="mode == 3" :type_id="query.type_id"
+							:list="list" field="article_id" />
+						<list_message path="/pages/cms/article_view" v-else-if="mode == 4" :type_id="query.type_id"
+							:list="list" field="article_id" />
+						<list_image path="/pages/cms/article_view" v-else-if="mode == 5" :type_id="query.type_id"
+							:list="list" field="article_id" />
+						<list_video path="/pages/cms/article_view" v-else-if="mode == 6" :type_id="query.type_id"
+							:list="list" field="article_id" />
+					</view>
+					<view class="mm_col col-12 center mt" v-else>
+						<text>没有相关内容</text>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 列表(结束) -->
+
+		<ad_banner css="article_bottom" position="资源列表下方"></ad_banner>
+
+		<!-- 选择分类 -->
+		<view class="mm_modal from_default modal_select" v-show="show">
+			<view class="mask" @click="close_show()"></view>
+			<view class="modal_main">
+				<view class="mm_card">
+					<view class="card_head">
+						<text>选择分类</text>
+					</view>
+					<view class="card_body">
+						<bar_filter :value="keyword" @input="event_filter"></bar_filter>
+						<view v-if="keyword">
+							<view class="mm_row row-3">
+								<view class="mm_col" v-for="(o, i) in types" :key="i">
+									<view class="item center" @click="select_type(o)">{{ o.name }}</view>
+								</view>
+							</view>
+						</view>
+						<view v-else>
+							<view class="mm_row row-3" v-for="(o, i) in types" :key="i">
+								<view class="mm_col col-12">
+									<view class="item_title" :class="{ active: query.types === o.type_id }"
+										@click="select_type(o)">{{ o.name }}</view>
+								</view>
+								<view class="mm_col" v-for="(t, n) in o.sub" :key="n">
+									<view class="item center" :class="{ active: t.type_id === query.types }"
+										@click="select_type(t)">
+										{{ t.name }}
+									</view>
+								</view>
+							</view>
+							<view class="mm_row row-3 row-all">
+								<view class="mm_col">
+									<view class="item center" :class="{ active: query.types === '' }"
+										@click="select_type({ type_id: '' })">全部</view>
+								</view>
+							</view>
+						</view>
+					</view>
+					<view class="card_foot pa">
+						<view class="btn btn_close" @click="close_show()">确定</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- /选择分类 -->
+
+		<!-- 分页器 -->
+		<view class="mm_warp" id="pager">
+			<view class="mm_container">
+				<view class="mm_row">
+					<view class="mm_col col-12">
+						<control_pager :page="query.page" :size="query.size" :count="page_count" :func="event_page">
+						</control_pager>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- /分页器 -->
+	</view>
+</template>
+
+<script>
+	import mixin_page from "@/mixins/page.js";
+	import bar_filter from "@/components/mm_uni_ui/bar/bar_filter.vue";
+	import control_pager from "@/components/mm_uni_ui/control/control_pager.vue";
+
+	import list_title from "@/components/mm_uni_ui/list/list_title.vue";
+	import list_text_img from "@/components/mm_uni_ui/list/list_text_img.vue";
+	import list_message from "@/components/mm_uni_ui/list/list_message.vue";
+	import list_content from "@/components/mm_uni_ui/list/list_content.vue";
+	import list_image from "@/components/mm_uni_ui/list/list_image.vue";
+	import list_video from "@/components/mm_uni_ui/list/list_video.vue";
+
+	export default {
+		components: {
+			bar_filter,
+			control_pager,
+			list_title,
+			list_text_img,
+			list_message,
+			list_content,
+			list_image,
+			list_video
+		},
+		mixins: [
+			mixin_page
+		],
+		data() {
+			return {
+				url_get_list: "~/api/cms/article?",
+				mode: 4,
+				config: {
+					page: 1,
+					size: 10
+				},
+				query: {
+					types: '',
+					page: 1,
+					size: 10,
+					keyword: "",
+					orderby: ""
+				},
+				list_mode: [{
+						name: "标题",
+						value: 1
+					},
+					{
+						name: "摘要",
+						value: 2
+					},
+					{
+						name: "图文",
+						value: 3
+					},
+					{
+						name: "消息",
+						value: 4
+					},
+					{
+						name: "图片",
+						value: 5
+					},
+					{
+						name: "轮播",
+						value: 6
+					}
+				],
+				list_type: [],
+				list_group: [],
+				keyword: ""
+			}
+		},
+		computed: {
+			types() {
+				var list = this.list_type;
+				var arr = [];
+				if (this.keyword) {
+					for (var i = 0; i < list.length; i++) {
+						var o = list[i];
+						if (o.name.indexOf(this.keyword) !== -1) {
+							arr.push(o);
+						}
+					}
+				} else {
+					arr = list.toTree('type_id', "00000");
+				}
+				return arr;
+			}
+		},
+		methods: {
+			event_page(page) {
+				this.query.page = page;
+				this.get_list();
+			},
+			event_filter(keyword) {
+				this.keyword = keyword;
+			},
+			event_sort(orderby) {
+				this.query.orderby = orderby;
+				this.search();
+			},
+			/**
+			 * 搜索
+			 * @param {Object} query 查询条件
+			 * @param {Boolean} bl 是否重置再搜索
+			 */
+			search(query, func) {
+				var query = query ? query : this.query;
+				if (query) {
+					uni.push(this.query, query);
+				}
+				var url = this.url_get_list ? this.url_get_list : this.url;
+				if (url) {
+					this.query.page = 1;
+					this.count = 0;
+					this.first(query, func);
+				}
+			},
+			close_show() {
+				this.keyword = "";
+				this.show = false;
+				this.search();
+			},
+			select_type(o) {
+				this.query.types = o.type_id;
+			},
+			switch_mode() {
+				var mode = this.mode;
+				if (this.mode < this.list_mode.length) {
+					mode++;
+				} else {
+					mode = 1;
+				}
+				this.mode = mode;
+				uni.db.set("mode", mode);
+			}
+		},
+		onLoad() {
+			this.mode = uni.db.get("mode") || 4;
+		},
+		onShow() {
+			this.$getList("list_type", "~/api/cms/article_type?show=1&available=1", (list) => {
+				return list;
+			});
+		}
+	}
+</script>
+
+<style>
+	#bar_search {
+		background-color: #ffffff;
+		border-bottom: 0.0625rem solid rgb(235,235,235);
+	}
+
+	#bar_search .img {
+		width: 1.5rem;
+		float: left;
+		padding: .5rem;
+	}
+
+	#bar_search .select_box {
+		position: relative;
+		float: left;
+		width: 5.75rem;
+	}
+
+	#bar_search .inputs {
+		width: 100%;
+		position: relative;
+	}
+
+	#bar_search .inputs .search_img {
+		position: absolute;
+		top: 50%;
+		left: 1rem;
+		transform: translate(0, -50%);
+		width: 1rem;
+	}
+
+	#bar_search .inputs .search_del {
+		position: absolute;
+		top: 50%;
+		right: 1.25rem;
+		transform: translate(0, -50%);
+		width: 1.25rem;
+		width: 1rem;
+		z-index: 2;
+	}
+
+	#bar_search .inputs .search_del:active {
+		filter: brightness(50%);
+	}
+
+	#bar_search .inputs input {
+		height: 2rem;
+		line-height: 2rem;
+		padding: 0 1rem 0 2.25rem;
+		width: 100%;
+		border: 0.0625rem solid rgb(235,235,235);
+		border-radius: 2rem;
+	}
+
+	#bar_search .input_box {
+		margin: auto;
+		overflow: hidden;
+	}
+
+	.search {
+		display: flex;
+		justify-content: space-evenly;
+		padding: 0.5rem;
+	}
+
+	.search .group {
+		text-align: center;
+		color: #999999;
+		font-size: 0.875rem;
+	}
+
+	.search .group_name {
+		display: inline-block;
+		overflow: hidden;
+		white-space: nowrap;
+		position: relative;
+		text-overflow: ellipsis;
+		color: initial;
+		font-size: 1rem;
+	}
+
+	.search .group {
+		line-height: 2rem;
+		height: 2rem;
+		text-align: center;
+		color: #999999;
+		font-size: 0.875rem;
+		display: flex;
+		padding: 0 .5rem;
+	}
+
+	.search .group_icon {
+		width: 1rem;
+		position: relative;
+		top: 0.65rem;
+		margin-left: 0.25rem;
+	}
+
+	.search .btn {
+		margin: 0 0.5rem;
+		height: 2rem;
+		line-height: 2rem;
+	}
+
+	#bar_sort {
+		background-color: #ffffff;
+		padding: .25rem 0;
+		border-bottom: 0.0625rem solid rgb(235,235,235);
+	}
+
+	#bar_sort .mode {
+		text-align: center;
+		line-height: 2rem;
+	}
+
+	#bar_sort .mode .img {
+		width: 1rem;
+		position: relative;
+		margin-right: 0.25rem;
+		top: 0.1rem;
+	}
+
+	#bar_sort .group_icon {
+		width: 1rem;
+		position: relative;
+		top: 1rem;
+		margin-left: 0.25rem;
+	}
+
+	.modal_select .mm_row {
+		line-height: 1.5rem;
+		padding: 0.5rem 0;
+	}
+
+	.modal_select .item {
+		padding: .25rem 0.5rem;
+		margin: 0.25rem;
+		background: rgb(159 235 214);
+		border-radius: 0.25rem;
+		font-size: 0.875rem;
+	}
+
+	.modal_select .item_title {
+		padding: .25rem 0.5rem;
+		font-size: 0.875rem;
+	}
+
+	.modal_select .card_body {
+		max-height: 15rem;
+		overflow: auto;
+	}
+
+	.modal_select .item_title.active {
+		color: #68abfd;
+	}
+
+	.modal_select .item.active {
+		background-image: linear-gradient(90deg, #68abfd, #b0daff);
+		color: #ffffff;
+	}
+
+	.modal_select .fr {
+		font-size: 0.875rem;
+		font-weight: initial;
+	}
+
+	#main_list {
+		padding-bottom: 5rem;
+	}
+
+	#pager {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		width: 100%;
+	}
+
+	.row-all {
+		justify-content: center;
+		margin-top: 1rem;
+		border-top: 0.0625rem solid rgb(235,235,235);
+	}
+</style>

package/demo/app/sys/plugin/main/static/static.json

@@ -0,0 +1,18 @@
+{
+	// 路由路径，注意：这里是泛路径，相当于/*
+	"path": "/sys/main",
+	// 默认文件，当直接访问这个路径时，如果存在默认文件，这直接访问该文件
+	"index": "index.html",
+	// 资源缓存寿命，单位：秒
+	"maxAge": 0,
+	// 是否恒久不变，一般资源文件可能变化，所以这里一般是false
+	"immutable": false,
+	// 是否使用brotli压缩方式
+	"brotli": true,
+	// 是否启用gzip压缩方式
+	"gzip": true,
+	// 是否限制访问指定拓展名的文件，多个
+	"extensions": null,
+	// 是否转换JS、vue代码为amd标准，true的情况下会把es6和commonJS都转成amd格式
+	"convert_amd": true
+}

package/demo/app/sys/plugin/main/task/task_demo/index.js

@@ -0,0 +1,37 @@
+/**
+ * 定时任务函数
+ */
+exports.main = async function main() {
+	$.log.debug('测试定时任务..');
+};
+
+/**
+ * 执行结果通知
+ * @param {String} name 任务名称
+ * @param {String} state 状态
+ */
+exports.notify = async function(name, state) {
+	// switch (state) {
+	// 	case "init":
+	// 		$.log.debug('初始化');
+	// 		break;
+	// 	case "start":
+	// 		$.log.debug('开始执行');
+	// 		break;
+	// 	case "stop":
+	// 		$.log.debug('已暂停');
+	// 		break;
+	// 	case "suspend":
+	// 		// 主动中断
+	// 		$.log.debug('已中断');
+	// 		break;
+	// 	case "time_end":
+	// 		$.log.debug('已到期');
+	// 		break;
+	// 	case "completed":
+	// 		$.log.debug('已完成');
+	// 		break;
+	// 	default:
+	// 		break;
+	// }
+};

package/demo/app/sys/plugin/main/task/task_demo/task.json

@@ -0,0 +1,24 @@
+{
+	// 任务标题
+	"title": "示例任务",
+	// 任务描述
+	"description": "描述任务使用方法",
+	// 任务名称，用于动态增删改查
+	"name": "demo",
+	// 任务驱动的脚本文件
+	"func_file": "./index.js",
+	// 任务执行次数，执行次数达标后不再执行。0为不限次数，一直执行
+	"num": 10,
+	// 任务间隔时长，单位：毫秒
+	"interval": 1000,
+	// 任务启动等待时长，单位：毫秒
+	"wait": 0,
+	// 任务触发的时间，可设置的格式分别为: yyyy-MM-dd hh:mm:ss, MM-dd hh:mm:ss, dd hh:mm:ss, hh:mm:ss, hh:mm, mm 例如: 08:00, 则为每天8点触发
+	"time": "",
+	// 任务开始日期，例如：2020-10-01开始执行，为空则不限制
+	"date_start": "",
+	// 任务结束日期，例如：2020-10-07不再执行，为空则不限制
+	"date_end": "",
+	// 任务排序，决定多个任务的执行优先顺序
+	"sort": 100
+}