From ecc9636e56604f81f1dd5bcefcf8cf6e49766508 Mon Sep 17 00:00:00 2001
From: mhsnet <mhsnet@163.com>
Date: Sat, 11 May 2024 10:41:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8app=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E9=83=A8=E5=88=86A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jnpf-app/pages.json                 |  75 +++--
 jnpf-app/pages/index/home.vue       | 409 ++++++++++++++++++++++++++++
 jnpf-app/pages/login/index.vue      |   8 +-
 jnpf-app/pages/login/otherLogin.vue |   4 +-
 4 files changed, 474 insertions(+), 22 deletions(-)
 create mode 100644 jnpf-app/pages/index/home.vue

diff --git a/jnpf-app/pages.json b/jnpf-app/pages.json
index 528d5364..a6193556 100644
--- a/jnpf-app/pages.json
+++ b/jnpf-app/pages.json
@@ -52,6 +52,35 @@
 				"navigationBarTitleText": ""
 			}
 		},
+		{
+			"path": "pages/index/home",
+			"style": {
+			}
+		},
+		{
+			"path": "pages/workFlow/flowLaunch/index",
+			"style": {
+				"navigationBarTitleText": "我发起的"
+			}
+		},
+		{
+			"path": "pages/workFlow/flowTodo/index",
+			"style": {
+				"navigationBarTitleText": "待办事宜"
+			}
+		},
+		{
+			"path": "pages/workFlow/flowDone/index",
+			"style": {
+				"navigationBarTitleText": "已办事宜"
+			}
+		},
+		{
+			"path": "pages/workFlow/flowCopy/index",
+			"style": {
+				"navigationBarTitleText": "抄送我的"
+			}
+		},
 		{
 			"path": "pages/index/portal",
 			"style": {
@@ -62,7 +91,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "JNPF快速开发平台"
+				"navigationBarTitleText": "济钢APP"
 			}
 		},
 		// #ifndef MP
@@ -116,7 +145,7 @@
 		{
 			"path": "pages/index/workFlow",
 			"style": {
-				"navigationBarTitleText": "JNPF快速开发平台"
+				"navigationBarTitleText": "济钢APP"
 			}
 		},
 		{
@@ -129,13 +158,13 @@
 		{
 			"path": "pages/index/contacts",
 			"style": {
-				"navigationBarTitleText": "JNPF快速开发平台"
+				"navigationBarTitleText": "济钢APP"
 			}
 		},
 		{
 			"path": "pages/index/my",
 			"style": {
-				"navigationBarTitleText": "JNPF快速开发平台",
+				"navigationBarTitleText": "济钢APP",
 				"app-plus": {
 					"bounce": "none"
 				}
@@ -208,7 +237,7 @@
 						"navigationBarTitleText": ""
 					}
 				},
-				{
+				/*{
 					"path": "flowLaunch/index",
 					"style": {
 						"navigationBarTitleText": "我发起的"
@@ -231,7 +260,7 @@
 					"style": {
 						"navigationBarTitleText": "抄送我的"
 					}
-				},
+				},*/
 				{
 					"path": "entrust/index",
 					"style": {
@@ -1043,6 +1072,12 @@
 				"pages/message"
 			]
 		},
+		"pages/index/home": {
+			"network": "all",
+			"packages": [
+				"pages/home"
+			]
+		},
 		"pages/index/workFlow": {
 			"network": "all",
 			"packages": [
@@ -1063,28 +1098,34 @@
 		}
 	},
 	"tabBar": {
-		"color": "#303133",
-		"selectedColor": "#2979FF",
+		"color": "#86909C",
+		"selectedColor": "#084287",
 		"backgroundColor": "#ffffff",
 		"list": [
 			{
-				"pagePath": "pages/index/portal",
+				"pagePath": "pages/index/home",
 				"text": "首页",
 				"iconPath": "static/image/tabbar/home.png",
 				"selectedIconPath": "static/image/tabbar/homeHL.png"
 			},
-			{
+			/*{
+				"pagePath": "pages/index/portal",
+				"text": "首页",
+				"iconPath": "static/image/tabbar/home.png",
+				"selectedIconPath": "static/image/tabbar/homeHL.png"
+			},*/
+			/*{
 				"pagePath": "pages/index/workFlow",
 				"text": "协同",
 				"iconPath": "static/image/tabbar/workFlow.png",
 				"selectedIconPath": "static/image/tabbar/workFlowHL.png"
-			},
-			{
+			},*/
+			/*{
 				"pagePath": "pages/index/apply",
 				"text": "工作台",
 				"iconPath": "static/image/tabbar/apply.png",
 				"selectedIconPath": "static/image/tabbar/applyHL.png"
-			},
+			},*/
 			{
 				"pagePath": "pages/index/index",
 				"text": "消息",
@@ -1100,9 +1141,11 @@
 		]
 	},
 	"globalStyle": {
-		"navigationBarTitleText": "JNPF快速开发平台",
-		"navigationBarTextStyle": "black",
-		"navigationBarBackgroundColor": "#ffffff",
+		"navigationBarTitleText": "济钢APP",
+		"navigationBarTextStyle": "white",
+		"navigationBarBackgroundColor": "#0F52BA",
+		// "navigationBarBackgroundColor": "#0F52BA",
+		// "backgroundColor": "#f0f2f6",
 		"backgroundColor": "#f0f2f6",
 		"usingComponents": {
 			"ly-tree-node": "/components/ly-tree/ly-tree-node"
diff --git a/jnpf-app/pages/index/home.vue b/jnpf-app/pages/index/home.vue
new file mode 100644
index 00000000..5cd9c979
--- /dev/null
+++ b/jnpf-app/pages/index/home.vue
@@ -0,0 +1,409 @@
+<template>
+	<view class="workFlow-v">
+		<view class="search-box_sticky">
+			<view class="head-tabs u-flex">
+				<view class="head-tabs-item" @click="openPage('/pages/workFlow/flowLaunch/index')">
+					<text class="icon-ym icon-ym-flowLaunch-app u-m-r-4 icon-style" />
+					<text>我发起的</text>
+				</view>
+				<view class="head-tabs-item" @click="openPage('/pages/workFlow/flowTodo/index')">
+					<text class="icon-ym icon-ym-flowTodo-app u-m-r-4 icon-style" />
+					<text>待办事宜</text>
+					<u-badge type="error" class="badge" :count="count" :absolute="true" :offset="offset">
+					</u-badge>
+				</view>
+				<view class="head-tabs-item" @click="openPage('/pages/workFlow/flowDone/index')">
+					<text class="icon-ym icon-ym-flowDone-app u-m-r-4 icon-style" />
+					<text>已办事宜</text>
+				</view>
+				<view class="head-tabs-item" @click="openPage('/pages/workFlow/flowCopy/index')">
+					<text class="icon-ym icon-ym-flowCopy-app u-m-r-4 icon-style" />
+					<text>抄送我的</text>
+				</view>
+				<view class="head-tabs-item" @click="openPage('/pages/workFlow/entrust/index')">
+					<text class="icon-ym icon-ym-flowEntrust-app u-m-r-4 icon-style" />
+					<text>流程委托</text>
+				</view>
+			</view>
+			<view class="search-box">
+				<u-search placeholder="请输入关键词搜索" v-model="keyword" height="72" :show-action="false" @change="search"
+					bg-color="#f0f2f6" shape="square">
+				</u-search>
+			</view>
+		</view>
+		<mescroll-body ref="mescrollRef" @down="downCallback" :down="downOption" :sticky="false" @up="upCallback"
+			:up="upOption" :bottombar="false" style="min-height: 100%" @init="mescrollInit">
+			<!-- <view class="common-block">
+				<view class="caption">常用表单</view>
+				<view class="u-flex u-flex-wrap">
+					<view class="item u-flex-col u-col-center" v-for="(item, i) in usualList" :key="i"
+						@click="handelClick(item, 1)">
+						<text class="u-font-40 item-icon" :class="item.icon"
+							:style="{ background: item.iconBackground || '#008cff' }" />
+						<text class="u-font-24 u-line-1 item-text">{{ item.fullName }}</text>
+					</view>
+					<view class="item u-flex-col u-col-center" @click="moreApp">
+						<text class="u-font-40 item-icon more">+</text>
+						<text class="u-font-24 u-line-1 item-text">添加</text>
+					</view>
+				</view>
+			</view> -->
+			<!-- <u-tabs :list="categoryList" :current="current" @change="change" :is-scroll="true" name="fullName">
+			</u-tabs> -->
+			<!-- <view class="workFlow-list">
+				<view class="part">
+					<view class="caption u-line-1" v-if="list.length >= 1">{{
+            current === 0 ? "全部流程" : fullName
+          }}</view>
+					<view class="u-flex u-flex-wrap">
+						<view class="item u-flex-col u-col-center" v-for="(child, ii) in list" :key="ii"
+							@click="handelClick(child)">
+							<text class="u-font-40 item-icon" :class="child.icon"
+								:style="{ background: child.iconBackground || '#008cff' }" />
+							<text class="u-font-24 u-line-1 item-text">{{
+                child.fullName
+              }}</text>
+						</view>
+					</view>
+				</view>
+			</view> -->
+		</mescroll-body>
+		<u-picker mode="selector" v-model="show" :default-selector="[0]" title="请选择流程" :range="selector"
+			range-key="fullName" @confirm="confirm"></u-picker>
+	</view>
+</template>
+<script>
+	import {
+		FlowEngineListAll,
+		FlowEnginePageList,
+		getFlowTodoCount,
+		FlowJsonList,
+	} from "@/api/workFlow/flowEngine";
+	import {
+		getUsualList
+	} from "@/api/apply/apply.js";
+	import resources from "@/libs/resources.js";
+	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
+	import IndexMixin from "./mixin.js";
+	import {
+		mapGetters
+	} from "vuex";
+	export default {
+		mixins: [MescrollMixin, IndexMixin],
+		data() {
+			return {
+				selector: [],
+				show: false,
+				activeFlow: {},
+				templateList: [],
+				count: 0,
+				offset: [-12, 55],
+				usualList: [],
+				downOption: {
+					use: true,
+					auto: true,
+				},
+				className: "",
+				upOption: {
+					page: {
+						num: 0,
+						size: 50,
+						time: null,
+					},
+					empty: {
+						use: true,
+						icon: resources.message.nodata,
+						tip: "暂无数据",
+						fixed: false,
+						top: "560rpx",
+					},
+					textNoMore: "没有更多数据",
+				},
+				keyword: "",
+				category: "",
+				current: 0,
+				categoryList: [{
+					fullName: "全部流程",
+				}, ],
+				list: [],
+				fullName: "",
+				loading: false,
+				selectFlowValue: 0,
+				enCode: "",
+			};
+		},
+		onLoad() {
+			uni.$on("updateUsualList", (data) => {
+				this.getUsualList();
+			});
+			this.getPaymentMethodOptions();
+			uni.$on("refresh", () => {
+				this.list = [];
+				this.current = 0;
+				this.mescroll.resetUpScroll();
+			});
+		},
+		onUnload() {
+			uni.$off("updateUsualList");
+		},
+		onShow() {
+			this.keyword = ""
+			this.setFlowTodoCount()
+		},
+		methods: {
+			setFlowTodoCount() {
+				const query = {
+					flowCirculateType: [],
+					flowDoneType: [],
+					toBeReviewedType: [],
+				}
+				getFlowTodoCount(query).then((res) => {
+						this.count = res.data.toBeReviewed || 0;
+					})
+					.catch(() => {});
+			},
+			openPage(path) {
+				if (!path) return;
+				uni.navigateTo({
+					url: path,
+				});
+			},
+			upCallback(page) {
+				this.$nextTick(() => {
+					this.getUsualList();
+				});
+				let query = {
+					currentPage: page.num,
+					pageSize: page.size,
+					keyword: this.keyword,
+					category: this.category == 0 ? "" : this.category,
+					flowType: 0,
+				};
+				this.loading = false;
+				FlowEnginePageList(query, {
+						load: page.num == 1,
+					})
+					.then((res) => {
+						let resData = res.data.list || [];
+						this.mescroll.endSuccess(resData.length);
+						if (page.num == 1) this.list = [];
+						const list = resData.map((o) => ({
+							show: false,
+							...o,
+						}));
+						this.list = this.list.concat(list);
+						this.loading = true;
+					})
+					.catch(() => {
+						this.mescroll.endErr();
+					});
+			},
+			search() {
+				this.searchTimer && clearTimeout(this.searchTimer);
+				this.searchTimer = setTimeout(() => {
+					this.list = [];
+					this.mescroll.resetUpScroll();
+				}, 300);
+			},
+
+			change(index) {
+				this.current = index;
+				this.fullName = this.categoryList[index].fullName;
+				this.category = this.categoryList[index].id ?
+					this.categoryList[index].id :
+					"";
+				this.list = [];
+				this.mescroll.resetUpScroll();
+			},
+			//获取常用
+			getUsualList() {
+				getUsualList(1).then((res) => {
+					this.usualList = res.data.list.map((o) => {
+						const objectData = o.objectData ? JSON.parse(o.objectData) : {};
+						return {
+							...o,
+							...objectData,
+						};
+					});
+				});
+			},
+			getPaymentMethodOptions() {
+				this.$store
+					.dispatch("base/getDictionaryData", {
+						sort: "WorkFlowCategory",
+					})
+					.then((res) => {
+						res.forEach((i) => {
+							this.categoryList.push(i);
+						});
+					});
+			},
+			moreApp() {
+				uni.navigateTo({
+					url: "/pages/workFlow/allApp/index?categoryList=" +
+						encodeURIComponent(JSON.stringify(this.categoryList)),
+				});
+			},
+			confirm(e) {
+				this.activeFlow = this.templateList[e[0]];
+				this.Jump();
+			},
+			Jump() {
+				const config = {
+					id: "",
+					flowId: this.activeFlow.id,
+					opType: "-1",
+					fullName: this.activeFlow.fullName,
+					enCode: this.enCode,
+				};
+				uni.navigateTo({
+					url: "/pages/workFlow/flowBefore/index?config=" +
+						this.base64.encode(JSON.stringify(config), "UTF-8"),
+				});
+			},
+			handelClick(item, type) {
+				this.enCode = item.enCode;
+				FlowJsonList(item.id, "1").then((res) => {
+					this.templateList = res.data;
+					if (!this.templateList.length) {
+						this.$u.toast("流程不存在");
+					} else {
+						if (this.templateList.length > 1) {
+							this.show = true;
+							this.selector = this.templateList;
+						} else {
+							this.activeFlow = this.templateList[0];
+							this.Jump();
+						}
+					}
+				});
+			},
+		},
+	};
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #f0f2f6;
+	}
+
+	.workFlow-v {
+		.common-block {
+			background: #fff;
+			margin-bottom: 20rpx;
+
+			.caption {
+				padding-left: 32rpx;
+				font-size: 36rpx;
+				line-height: 100rpx;
+				font-weight: bold;
+			}
+
+			.item {
+				margin-bottom: 32rpx;
+				width: 25%;
+
+				.item-icon {
+					width: 88rpx;
+					height: 88rpx;
+					margin-bottom: 8rpx;
+					line-height: 88rpx;
+					text-align: center;
+					border-radius: 20rpx;
+					color: #fff;
+					font-size: 56rpx;
+
+					&.more {
+						background: #ececec;
+						color: #666666;
+						font-size: 50rpx;
+					}
+				}
+
+				.item-text {
+					width: 100%;
+					text-align: center;
+					padding: 0 16rpx;
+				}
+			}
+		}
+
+		.search-box_sticky {
+			margin-bottom: 20rpx;
+
+			.search-box {
+				padding: 20rpx;
+			}
+		}
+
+		.head-tabs {
+			width: 100%;
+			padding: 0 32rpx;
+			height: 132rpx;
+			overflow-x: scroll;
+
+			.head-tabs-item {
+				width: 25%;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+				font-size: 28rpx;
+				color: #303133;
+				line-height: 40rpx;
+				flex-shrink: 0;
+				position: relative;
+
+				.icon-style {
+					font-size: 48rpx;
+					color: #303133;
+					margin-bottom: 24rpx;
+				}
+			}
+		}
+
+		.workFlow-list {
+			margin-top: 20rpx;
+
+			.part {
+				background: #fff;
+				margin-bottom: 20rpx;
+
+				.caption {
+					padding-left: 32rpx;
+					font-size: 36rpx;
+					line-height: 100rpx;
+					font-weight: bold;
+				}
+
+				.item {
+					margin-bottom: 32rpx;
+					width: 25%;
+
+					.item-icon {
+						width: 88rpx;
+						height: 88rpx;
+						margin-bottom: 8rpx;
+						line-height: 88rpx;
+						text-align: center;
+						border-radius: 20rpx;
+						color: #fff;
+						font-size: 56rpx;
+
+						&.more {
+							background: #ececec;
+							color: #666666;
+							font-size: 50rpx;
+						}
+					}
+
+					.item-text {
+						width: 100%;
+						text-align: center;
+						padding: 0 16rpx;
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/jnpf-app/pages/login/index.vue b/jnpf-app/pages/login/index.vue
index f6e6d65f..f606f0f4 100644
--- a/jnpf-app/pages/login/index.vue
+++ b/jnpf-app/pages/login/index.vue
@@ -207,7 +207,7 @@
 						this.$store.dispatch('user/getCurrentUser').then((res) => {
 							uni.hideLoading()
 							uni.reLaunch({
-								url: '/pages/index/portal'
+								url: '/pages/index/home'
 							});
 						}).catch(() => {
 							uni.hideLoading()
@@ -226,7 +226,7 @@
 							this.$store.dispatch('user/getCurrentUser').then((res) => {
 								uni.hideLoading()
 								uni.reLaunch({
-									url: '/pages/index/portal'
+									url: '/pages/index/home'
 								});
 							}).catch(() => {
 								uni.hideLoading()
@@ -353,7 +353,7 @@
 						this.$store.dispatch('user/getCurrentUser').then((res) => {
 							uni.hideLoading()
 							uni.switchTab({
-								url: '/pages/index/portal'
+								url: '/pages/index/home'
 							});
 							this.show = false
 						}).catch(() => {
@@ -447,7 +447,7 @@
 							this.$store.dispatch('user/getCurrentUser').then((res) => {
 								this.loading = false
 								uni.switchTab({
-									url: '/pages/index/portal'
+									url: '/pages/index/home'
 								});
 							}).catch(() => {
 								this.loading = false
diff --git a/jnpf-app/pages/login/otherLogin.vue b/jnpf-app/pages/login/otherLogin.vue
index f4145c49..8bd49950 100644
--- a/jnpf-app/pages/login/otherLogin.vue
+++ b/jnpf-app/pages/login/otherLogin.vue
@@ -46,7 +46,7 @@
 							this.$store.dispatch('user/getCurrentUser').then((res) => {
 								uni.hideLoading()
 								uni.reLaunch({
-									url: '/pages/index/portal'
+									url: '/pages/index/home'
 								});
 							}).catch(() => {
 								uni.hideLoading()
@@ -71,7 +71,7 @@
 								this.$store.dispatch('user/getCurrentUser').then((res) => {
 									uni.hideLoading()
 									uni.reLaunch({
-										url: '/pages/index/portal'
+										url: '/pages/index/home'
 									});
 								}).catch(() => {
 									uni.hideLoading()