LuYaShi
/
InspectionCleaning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 计划列表

This commit is contained in:
yangzhe 2025-04-09 15:05:52 +08:00
parent 02e8848740
commit 9b8734a39a
3 changed files with 333 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
pages/index/planList.vue
View File

@ -43,7 +43,7 @@
</view> </view>
<view class="planList" :class="{ activeList: activeTab === 'incomplete' }"> <view class="planList" :class="{ activeList: activeTab === 'incomplete' }">
<view class="plan-item"> <!-- <view class="plan-item">
<view class="plan-header"> <view class="plan-header">
<image <image
src="/static/images/icon-date.png" src="/static/images/icon-date.png"
@ -62,24 +62,24 @@
北大门右侧操场跑道/南广场升旗台/A区第二食堂3楼 北大门右侧操场跑道/南广场升旗台/A区第二食堂3楼
</view> </view>
</view> </view>
</view> </view> -->
<view class="plan-item"> <view class="plan-item" v-for="(item, index) in planList" :key="index">
<view class="plan-header"> <view class="plan-header">
<image <image
src="/static/images/icon-date.png" src="/static/images/icon-date.png"
mode="scaleToFill" mode="scaleToFill"
style="width: 40rpx; height: 40rpx" style="width: 40rpx; height: 40rpx"
/> />
<view class="date">05-21</view> <view class="date">{{ item.date }}</view>
<view>1天前</view> <view>{{ item.date ? getDateDiff(item.date) : "-" }}</view>
</view> </view>
<view class="plan-content"> <view class="plan-content">
<view class="plan-content-top"> <view class="plan-content-top">
<view class="place">校门A区教学楼</view> <view class="place">{{ item.name }}</view>
<u-tag text="9:00~12:00" type="info" border-color="transparent" /> <u-tag text="9:00~12:00" type="info" border-color="transparent" />
</view> </view>
<view class="plan-content-main"> <view class="plan-content-main">
北大门右侧操场跑道/南广场升旗台/A区第二食堂3楼 {{ item.areas }}
</view> </view>
</view> </view>
</view> </view>
@ -97,6 +97,9 @@
<script> <script>
import { GetPlanList } from "@/api/apiList"; import { GetPlanList } from "@/api/apiList";
import { GetNowTime } from "@/utils/common";
import { getDateDiff } from "@/utils/utils";
export default { export default {
data() { data() {
return { return {
@ -105,11 +108,25 @@ export default {
maxDate: "2049-12-31", maxDate: "2049-12-31",
showCalendar: false, showCalendar: false,
dateRange: "",
// 请求参数
params: {
// '0 1 2'
"Item1.IsCompleted": 0,
dateBegin: GetNowTime(new Date()),
dateEnd: GetNowTime(new Date()),
},
// 计划列表
planList: [],
}; };
}, },
created() {}, created() {
this.getPlanList();
},
methods: { methods: {
getDateDiff,
toggleDate() { toggleDate() {
this.showCalendar = !this.showCalendar; this.showCalendar = !this.showCalendar;
}, },
@ -118,9 +135,18 @@ export default {
}, },
changeDate(e) { changeDate(e) {
console.log("333", e); this.params.dateBegin = e.startDate;
this.params.dateEnd = e.endDate;
this.getPlanList();
},
this.dateRange = e; // 获取计划列表
async getPlanList() {
const res = await GetPlanList(this.params);
if (res.succeed) {
this.planList = res.data;
}
}, },
}, },
}; };
@ -128,7 +154,8 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.content { .content {
height: 100vh; // height: 100vh;
padding-bottom: 100rpx;
background: #f7f8fc; background: #f7f8fc;
.selectTab { .selectTab {
display: flex; display: flex;

2
utils/request.js
View File

@ -8,7 +8,7 @@ const manager = new RequestManager()
// 先写死调接口 // 先写死调接口
uni.setStorageSync('token', 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiIwOGRkNzFiZC01N2MxLTQ1YmMtODBiYS0xMjkzYjU4MTViMmEiLCJ1bmlxdWVfbmFtZSI6IuS_nea0gSIsInJvbGUiOiJVc2VyIiwiaHR0cDovL3NjaGVtYXMueG1sc29hcC5vcmcvd3MvMjAwNS8wNS9pZGVudGl0eS9jbGFpbXMvbW9iaWxlcGhvbmUiOiIxODE3NDAxMDU2MiIsImdyb3Vwc2lkIjoiNGIyZDk2NjItYTc2OC0wOGYyLWEwYzgtNzYyYjhjNzZkYTJhIiwibmJmIjoxNzQ0MTc1MjA2LCJleHAiOjE3NDQxNzg4MDYsImlhdCI6MTc0NDE3NTIwNn0.1qDnEAJH-bJlEr1wbwjTfqLY9xAyJKzf6bmLP6svUNo') uni.setStorageSync('token', 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJodHRwOi8vc2NoZW1hcy54bWxzb2FwLm9yZy93cy8yMDA1LzA1L2lkZW50aXR5L2NsYWltcy9zaWQiOiIwOGRkNzFiZC01N2MxLTQ1YmMtODBiYS0xMjkzYjU4MTViMmEiLCJ1bmlxdWVfbmFtZSI6IuS_nea0gSIsInJvbGUiOiJVc2VyIiwiaHR0cDovL3NjaGVtYXMueG1sc29hcC5vcmcvd3MvMjAwNS8wNS9pZGVudGl0eS9jbGFpbXMvbW9iaWxlcGhvbmUiOiIxODE3NDAxMDU2MiIsImdyb3Vwc2lkIjoiNGIyZDk2NjItYTc2OC0wOGYyLWEwYzgtNzYyYjhjNzZkYTJhIiwibmJmIjoxNzQ0MTgyMTM4LCJleHAiOjE3NDQxODU3MzgsImlhdCI6MTc0NDE4MjEzOH0.QQNQNiKe14L-anWPNAKcvLXtzy-eo1FL9hhTsbLKAxg')
const baseRequest = async (url, method, data = {}, loading = true) =>{ const baseRequest = async (url, method, data = {}, loading = true) =>{

262
utils/utils.js
View File

@ -4,13 +4,13 @@
* @param {String} icon icon图片 * @param {String} icon icon图片
* @param {Number} duration 提示时间 * @param {Number} duration 提示时间
*/ */
export function toast(title, icon = 'none', duration = 1500) { export function toast(title, icon = "none", duration = 1500) {
if (title) { if (title) {
uni.showToast({ uni.showToast({
title, title,
icon, icon,
duration duration,
}) });
} }
} }
@ -21,12 +21,10 @@ export function toast(title, icon = 'none', duration = 1500) {
*/ */
export function Jump(url) { export function Jump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url,
}) });
} }
/** /**
* 提示信息 * 提示信息
* **/ * **/
@ -35,23 +33,20 @@ export function showModal(title, msg, showCancel) {
title: title, title: title,
content: msg, content: msg,
showCancel: showCancel, showCancel: showCancel,
success: function(res) { success: function (res) {},
});
} }
})
}
export function showLoading(content) { export function showLoading(content) {
uni.showLoading({ uni.showLoading({
title: content title: content,
}) });
} }
/** /**
* 隐藏loading * 隐藏loading
* **/ * **/
export function hideLoading() { export function hideLoading() {
uni.hideLoading() uni.hideLoading();
} }
/*** /***
@ -66,7 +61,7 @@ export function getTimStamp() {
* 生成随机数 * 生成随机数
*/ */
export function getNonce() { export function getNonce() {
var t = ''; var t = "";
for (var i = 0; i < 12; i++) { for (var i = 0; i < 12; i++) {
t += Math.floor(Math.random() * 10); t += Math.floor(Math.random() * 10);
} }
@ -77,9 +72,9 @@ export function getNonce() {
* ***/ * ***/
export function getnoncestr() { export function getnoncestr() {
let len = len || 32; let len = len || 32;
var $chars = 'abcdefghijklmnopqrstuvwxyz0123456789'; var $chars = "abcdefghijklmnopqrstuvwxyz0123456789";
var maxPos = $chars.length; var maxPos = $chars.length;
var pwd = ''; var pwd = "";
for (var i = 0; i < len; i++) { for (var i = 0; i < len; i++) {
pwd += $chars.charAt(Math.floor(Math.random() * maxPos)); pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
} }
@ -104,7 +99,6 @@ export function UrlParamHash(url) {
return params; return params;
} }
/** /**
* 一键复制 uni.setClipboardData * 一键复制 uni.setClipboardData
* 用法： * 用法：
@ -117,14 +111,14 @@ const setClipboardData = (text) =>{
uni.setClipboardData({ uni.setClipboardData({
data: text, data: text,
success: (res) => { success: (res) => {
resolve(res) resolve(res);
}, },
fail: (err) => { fail: (err) => {
reject(err) reject(err);
} },
}) });
}) });
} };
/** /**
* 获取系统剪贴板内容 uni.getClipboardData * 获取系统剪贴板内容 uni.getClipboardData
@ -137,14 +131,14 @@ const getClipboardData = () =>{
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.getClipboardData({ uni.getClipboardData({
success: (res) => { success: (res) => {
resolve(res) resolve(res);
}, },
fail: (err) => { fail: (err) => {
reject(err) reject(err);
} },
}) });
}) });
} };
/** /**
* 拨打电话 uni.makePhoneCall() * 拨打电话 uni.makePhoneCall()
@ -154,10 +148,9 @@ const getClipboardData = () =>{
*/ */
const makePhoneCall = (phone) => { const makePhoneCall = (phone) => {
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber:phone phoneNumber: phone,
}) });
} };
/** /**
* 设置缓存 * 设置缓存
@ -165,7 +158,7 @@ const makePhoneCall = (phone) =>{
* @param {String} data 值 * @param {String} data 值
*/ */
export function setStorageSync(key, data) { export function setStorageSync(key, data) {
uni.setStorageSync(key, data) uni.setStorageSync(key, data);
} }
/** /**
@ -173,7 +166,7 @@ export function setStorageSync(key, data) {
* @param {String} key 键名 * @param {String} key 键名
*/ */
export function getStorageSync(key) { export function getStorageSync(key) {
return uni.getStorageSync(key) return uni.getStorageSync(key);
} }
/** /**
@ -181,7 +174,7 @@ export function getStorageSync(key) {
* @param {String} key 键名 * @param {String} key 键名
*/ */
export function removeStorageSync(key) { export function removeStorageSync(key) {
return uni.removeStorageSync(key) return uni.removeStorageSync(key);
} }
/** /**
@ -189,26 +182,26 @@ export function removeStorageSync(key) {
* @param {String} key 键名 * @param {String} key 键名
*/ */
export function clearStorageSync() { export function clearStorageSync() {
return uni.clearStorageSync() return uni.clearStorageSync();
} }
/** /**
* 页面跳转 * 页面跳转
* @param {'navigateTo' | 'redirectTo' | 'reLaunch' | 'switchTab' | 'navigateBack' | number } url 转跳路径 * @param {'navigateTo' | 'redirectTo' | 'reLaunch' | 'switchTab' | 'navigateBack' | number } url 转跳路径
* @param {String} params 跳转时携带的参数 * @param {String} params 跳转时携带的参数
* @param {String} type 转跳方式 * @param {String} type 转跳方式
**/ **/
export function useRouter(url, params = {}, type = 'navigateTo') { export function useRouter(url, params = {}, type = "navigateTo") {
try { try {
if (Object.keys(params).length) url = `${url}?data=${encodeURIComponent(JSON.stringify(params))}` if (Object.keys(params).length)
if (type === 'navigateBack') { url = `${url}?data=${encodeURIComponent(JSON.stringify(params))}`;
uni[type]({ delta: url }) if (type === "navigateBack") {
uni[type]({ delta: url });
} else { } else {
uni[type]({ url }) uni[type]({ url });
} }
} catch (error) { } catch (error) {
console.error(error) console.error(error);
} }
} }
@ -216,16 +209,19 @@ export function useRouter(url, params = {}, type = 'navigateTo') {
* 预览图片 * 预览图片
* @param {Array} urls 图片链接 * @param {Array} urls 图片链接
*/ */
export function previewImage(urls, itemList = ['发送给朋友', '保存图片', '收藏']) { export function previewImage(
urls,
itemList = ["发送给朋友", "保存图片", "收藏"]
) {
uni.previewImage({ uni.previewImage({
urls, urls,
longPressActions: { longPressActions: {
itemList, itemList,
fail: function (error) { fail: function (error) {
console.error(error,'===previewImage') console.error(error, "===previewImage");
} },
} },
}) });
} }
/** /**
@ -233,51 +229,54 @@ export function previewImage(urls, itemList = ['发送给朋友', '保存图片'
* @param {String} filePath 图片临时路径 * @param {String} filePath 图片临时路径
**/ **/
export function saveImage(filePath) { export function saveImage(filePath) {
if (!filePath) return false if (!filePath) return false;
uni.saveImageToPhotosAlbum({ uni.saveImageToPhotosAlbum({
filePath, filePath,
success: (res) => { success: (res) => {
toast('图片保存成功', 'success') toast("图片保存成功", "success");
}, },
fail: (err) => { fail: (err) => {
if (err.errMsg === 'saveImageToPhotosAlbum:fail:auth denied' || err.errMsg === 'saveImageToPhotosAlbum:fail auth deny') { if (
err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" ||
err.errMsg === "saveImageToPhotosAlbum:fail auth deny"
) {
uni.showModal({ uni.showModal({
title: '提示', title: "提示",
content: '需要您授权保存相册', content: "需要您授权保存相册",
showCancel: false, showCancel: false,
success: (modalSuccess) => { success: (modalSuccess) => {
uni.openSetting({ uni.openSetting({
success(settingdata) { success(settingdata) {
if (settingdata.authSetting['scope.writePhotosAlbum']) { if (settingdata.authSetting["scope.writePhotosAlbum"]) {
uni.showModal({ uni.showModal({
title: '提示', title: "提示",
content: '获取权限成功,再次点击图片即可保存', content: "获取权限成功,再次点击图片即可保存",
showCancel: false showCancel: false,
}) });
} else { } else {
uni.showModal({ uni.showModal({
title: '提示', title: "提示",
content: '获取权限失败，将无法保存到相册哦~', content: "获取权限失败，将无法保存到相册哦~",
showCancel: false showCancel: false,
}) });
} }
}, },
fail(failData) { fail(failData) {
console.log('failData', failData) console.log("failData", failData);
},
});
},
});
} }
}) },
} });
})
}
}
})
} }
/** /**
* 深拷贝 * 深拷贝
* @param {Object} data * @param {Object} data
**/ **/
export const clone = (data) => JSON.parse(JSON.stringify(data)) export const clone = (data) => JSON.parse(JSON.stringify(data));
/** /**
* 获取平台名称 * 获取平台名称
* @return {string} 平台名称 * @return {string} 平台名称
@ -285,34 +284,34 @@ export const clone = (data) => JSON.parse(JSON.stringify(data))
export function getPlatform() { export function getPlatform() {
let platform; let platform;
switch (process.env.VUE_APP_PLATFORM) { switch (process.env.VUE_APP_PLATFORM) {
case 'app': case "app":
case 'app-plus': case "app-plus":
let n = uni.getSystemInfoSync().platform.toLowerCase(); let n = uni.getSystemInfoSync().platform.toLowerCase();
if (n === 'ios') { if (n === "ios") {
platform = 'ios'; platform = "ios";
} else if (n === 'android') { } else if (n === "android") {
platform = 'android'; platform = "android";
} else { } else {
platform = 'app'; platform = "app";
} }
break; break;
case 'mp-weixin': case "mp-weixin":
platform = 'wx'; platform = "wx";
break; break;
case 'mp-alipay': case "mp-alipay":
platform = 'alipay'; platform = "alipay";
break; break;
case 'mp-baidu': case "mp-baidu":
platform = 'baidu'; platform = "baidu";
break; break;
case 'mp-qq': case "mp-qq":
platform = 'qq'; platform = "qq";
break; break;
case 'mp-toutiao': case "mp-toutiao":
platform = 'toutiao'; platform = "toutiao";
break; break;
case 'quickapp-webview': case "quickapp-webview":
platform = 'kuai'; platform = "kuai";
break; break;
} }
@ -325,7 +324,9 @@ export function getPlatform() {
* @retrun {Array} 数值 * @retrun {Array} 数值
*/ */
export function arrayShuffle(array) { export function arrayShuffle(array) {
let i = array.length, t, j; let i = array.length,
t,
j;
while (i) { while (i) {
j = Math.floor(Math.random() * i--); j = Math.floor(Math.random() * i--);
t = array[i]; t = array[i];
@ -341,7 +342,7 @@ export function arrayShuffle(array) {
* @param {string} format 返回的日期格式 * @param {string} format 返回的日期格式
* @retrun {string} 日期 * @retrun {string} 日期
*/ */
export function dateFormat(date, format = 'YYYY-MM-DD HH:mm:ss') { export function dateFormat(date, format = "YYYY-MM-DD HH:mm:ss") {
const config = { const config = {
YYYY: date.getFullYear(), YYYY: date.getFullYear(),
MM: date.getMonth() + 1, MM: date.getMonth() + 1,
@ -349,15 +350,15 @@ export function dateFormat(date, format = 'YYYY-MM-DD HH:mm:ss') {
HH: date.getHours(), HH: date.getHours(),
mm: date.getMinutes(), mm: date.getMinutes(),
ss: date.getSeconds(), ss: date.getSeconds(),
} };
for (const key in config) { for (const key in config) {
let value = config[key]; let value = config[key];
if (value < 10) { if (value < 10) {
value = '0' + value; value = "0" + value;
} }
format = format.replace(key, value) format = format.replace(key, value);
} }
return format return format;
} }
/** /**
@ -366,10 +367,11 @@ export function dateFormat(date, format = 'YYYY-MM-DD HH:mm:ss') {
* @param {Function} cb 回调 * @param {Function} cb 回调
*/ */
export function base64ToSrc(base64data, cb) { export function base64ToSrc(base64data, cb) {
const FILE_BASE_NAME = 'tmp_base64src'; const FILE_BASE_NAME = "tmp_base64src";
const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || []; const [, format, bodyData] =
/data:image\/(\w+);base64,(.*)/.exec(base64data) || [];
if (!format) { if (!format) {
return (new Error('格式错误')); return new Error("格式错误");
} }
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
@ -383,10 +385,10 @@ export function base64ToSrc(base64data, cb) {
uni.getFileSystemManager().writeFile({ uni.getFileSystemManager().writeFile({
filePath, filePath,
data: buffer, data: buffer,
encoding: 'binary', encoding: "binary",
success() { success() {
cb && cb(filePath); cb && cb(filePath);
} },
}); });
} }
@ -396,7 +398,7 @@ export function base64ToSrc(base64data, cb) {
* @param {string} * @param {string}
*/ */
export function encodeBase64(str) { export function encodeBase64(str) {
return new Buffer.from(str).toString('base64'); return new Buffer.from(str).toString("base64");
} }
/** /**
@ -405,8 +407,8 @@ export function encodeBase64(str) {
* @param {string} * @param {string}
*/ */
export function decodeBase64(str) { export function decodeBase64(str) {
const commonContent = str.replace(/\s/g, '+'); const commonContent = str.replace(/\s/g, "+");
return new Buffer.from(commonContent, 'base64').toString(); return new Buffer.from(commonContent, "base64").toString();
} }
/** /**
@ -428,7 +430,7 @@ export function playSound(src, loop = false) {
* @param {string} prefix 订单前缀 * @param {string} prefix 订单前缀
* @param {string} 订单ID * @param {string} 订单ID
*/ */
export function createOrderSn(prefix = '') { export function createOrderSn(prefix = "") {
return `${prefix}${this.randomString(10).toUpperCase()}${+new Date()}`; return `${prefix}${this.randomString(10).toUpperCase()}${+new Date()}`;
} }
@ -441,24 +443,23 @@ export function imageToBase64(src) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.getImageInfo({ uni.getImageInfo({
src, src,
success: image => { success: (image) => {
console.log(image); console.log(image);
uni.getFileSystemManager().readFile({ uni.getFileSystemManager().readFile({
filePath: image.path, filePath: image.path,
encoding: 'base64', encoding: "base64",
success: e => { success: (e) => {
return resolve(`data:image/jpeg;base64,${e.data}`); return resolve(`data:image/jpeg;base64,${e.data}`);
}, },
fail: e => { fail: (e) => {
return reject(null); return reject(null);
} },
}) });
} },
});
}); });
})
} }
/** /**
* 随机范围内的数字 * 随机范围内的数字
* @param {number} start 起始数字 * @param {number} start 起始数字
@ -466,10 +467,35 @@ export function imageToBase64(src) {
* @return {number || null} 随机数 * @return {number || null} 随机数
*/ */
export function randomByRange(start, end) { export function randomByRange(start, end) {
if (typeof start === 'number' && typeof end === 'number') { if (typeof start === "number" && typeof end === "number") {
return start + Math.floor(Math.random() * (end - start)); return start + Math.floor(Math.random() * (end - start));
} else { } else {
console.error('参数必须为数字'); console.error("参数必须为数字");
return null; return null;
} }
} }
/**
* 判断所给时间和今天的差值
* @param {string} date 所给时间
* @returns {string} 差值
*/
export function getDateDiff(date) {
const inputDate = new Date(date.replace(/\//g, "-"));
const today = new Date();
today.setHours(0, 0, 0, 0);
inputDate.setHours(0, 0, 0, 0);
const timeDiff = inputDate - today;
const oneDay = 24 * 60 * 60 * 1000;
const daysDiff = Math.floor(timeDiff / oneDay);
if (daysDiff === 0) {
return "今天";
} else if (daysDiff > 0) {
return `${daysDiff}天后`;
} else {
return `${Math.abs(daysDiff)}天前`;
}
}