business_tms_program 0.0.0

package/src/api/user.ts

@@ -0,0 +1,171 @@
+  
+import context from '@/api/context'
+import type {
+    CaptchaParams,
+    GetCaptchaModel,
+    LoginParams
+  } from './model/userModel';
+  import http from '@/utils/request';
+  import { APPID } from '@/config/app';
+  const userApi = context.basicApi + '/work/account';
+
+  enum Api {
+    Login = '/csf-auth/token',
+    Logout = '/csf-auth/token/logout',
+    GetCaptcha = '/csf-auth/captcha'
+  }
+  
+  // 获取验证码
+  export function getCaptcha() {
+    return http.get<GetCaptchaModel>({
+      url: Api.GetCaptcha
+    });
+  }
+  
+  // 登录
+  export function loginApi(data: LoginParams, captcha?: CaptchaParams) {
+    return http.post(
+      {
+        data,
+        url: Api.Login,
+        header: {
+          'Captcha-Key': captcha?.key,
+          'Captcha-Code': captcha?.code
+        }
+      },
+      { joinParamsToUrl: true }
+    );
+  }
+  
+  // 登出
+  export function doLogout() {
+    return http.get({
+      url: Api.Logout
+    });
+  }
+  
+export interface registerParams {
+  "nickname": string,
+  "mobile": number | undefined,
+  "code": number | undefined,
+  "password": string,
+  "confirmPassword": string
+}
+
+
+// 注册
+export function registerApi(data: registerParams): Promise<{id: number}> {
+    return http.post({
+      url: `${userApi}/register`, 
+      data: { ...data } // 展开参数对象
+    });
+  }
+
+export interface resetPasswordParams {
+  "mobile": number | undefined,
+  "code": number | undefined,
+  "password": string,
+  "confirmPassword": string 
+}
+
+export function resetPassword(data: resetPasswordParams): Promise<boolean> {
+    return http.post({
+      url: `${userApi}/resetPassword`, 
+      data: { ...data } // 展开参数对象
+    });
+  }
+
+export interface accountLoginParams {
+  "account": string | number,
+  "password": string
+}
+
+export interface accountLoginResponse {
+  "token": string,
+  "appId": string, 
+  menuList: any[],
+  permsList: any[]
+}
+export function accountLogin(data: accountLoginParams): Promise<accountLoginResponse> {
+    return http.post({
+      url: `${context.loginApi}/user/login`, 
+      data: { ...data } // 展开参数对象
+    });
+  }
+
+
+  export function getAccountList(data: object): Promise<any> {
+    return http.post({
+      url: `${userApi}/queryPageList`, 
+      data: { ...data } // 展开参数对象
+    }, {
+      permActionName: 'getAccountList'
+    });
+  }
+
+  export type updatePswdParams = {
+    mobile: number | undefined | string;
+    oldPassword: string;
+    newPassword: string;
+  };
+  export function updatePswd(data: updatePswdParams): Promise<any> {
+    return http.post({
+      url: `${userApi}/updatePassword`,
+      data: {...data } // 展开参数对象
+    }, {
+      permActionName: 'updatePassword'
+    }); 
+  }
+
+  type RouteReq = {
+  appId?: string;
+  menuList?: any[];
+  permsList?: string[];
+  token?: string;
+  [property: string]: any;
+};
+  export function getLoginInfo(data = {
+    appId: APPID,
+    current: 1,
+    size: 1000
+  }): Promise<RouteReq> {
+    return http.post({
+      url: `${context.loginApi}/user/login/info`, 
+      data: { ...data } // 展开参数对象
+    }, {
+      permActionName: 'user:login:getLoginInfo'
+    });
+  }
+
+  export function getUserInfoApi(data = {
+    desensitize: false
+  }): Promise<RouteReq> {
+    return http.post({
+      url: `${context.loginApi}/user/info`, 
+      data: { ...data } // 展开参数对象
+    }, {
+      permActionName: 'getUserInfo'
+    });
+  }
+
+  export function getResetPswAuth(data: { mobile: number | undefined; code: string }): Promise<boolean> {
+    return http.post({
+      url: `${context.loginApi}/work/account/checkResetCode`, 
+      data: { ...data } // 展开参数对象
+    });
+  }
+  export function getRegisterPswAuth(data: { mobile: number | undefined; code: string }): Promise<boolean> {
+    return http.post({
+      url: `${context.loginApi}/work/account/checkRegisterCode`, 
+      data: { ...data } // 展开参数对象
+    });
+  }
+  // /user/getUserList 获取用户列表
+  export function getUserListApi(data: object): Promise<any> {
+    return http.post({
+      url: `${context.loginApi}/user/getUserList`,
+      data: {...data } // 展开参数对象
+    }, {
+      permActionName: 'getUserList'
+    });
+  }

package/src/auto-imports.d.ts

@@ -0,0 +1,108 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createPinia: typeof import('pinia')['createPinia']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const defineStore: typeof import('pinia')['defineStore']
+  const effectScope: typeof import('vue')['effectScope']
+  const getActivePinia: typeof import('pinia')['getActivePinia']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const mapActions: typeof import('pinia')['mapActions']
+  const mapGetters: typeof import('pinia')['mapGetters']
+  const mapState: typeof import('pinia')['mapState']
+  const mapStores: typeof import('pinia')['mapStores']
+  const mapWritableState: typeof import('pinia')['mapWritableState']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onAddToFavorites: typeof import('@dcloudio/uni-app')['onAddToFavorites']
+  const onBackPress: typeof import('@dcloudio/uni-app')['onBackPress']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onError: typeof import('@dcloudio/uni-app')['onError']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onHide: typeof import('@dcloudio/uni-app')['onHide']
+  const onLaunch: typeof import('@dcloudio/uni-app')['onLaunch']
+  const onLoad: typeof import('@dcloudio/uni-app')['onLoad']
+  const onMounted: typeof import('vue')['onMounted']
+  const onNavigationBarButtonTap: typeof import('@dcloudio/uni-app')['onNavigationBarButtonTap']
+  const onNavigationBarSearchInputChanged: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputChanged']
+  const onNavigationBarSearchInputClicked: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputClicked']
+  const onNavigationBarSearchInputConfirmed: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputConfirmed']
+  const onNavigationBarSearchInputFocusChanged: typeof import('@dcloudio/uni-app')['onNavigationBarSearchInputFocusChanged']
+  const onPageNotFound: typeof import('@dcloudio/uni-app')['onPageNotFound']
+  const onPageScroll: typeof import('@dcloudio/uni-app')['onPageScroll']
+  const onPullDownRefresh: typeof import('@dcloudio/uni-app')['onPullDownRefresh']
+  const onReachBottom: typeof import('@dcloudio/uni-app')['onReachBottom']
+  const onReady: typeof import('@dcloudio/uni-app')['onReady']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onResize: typeof import('@dcloudio/uni-app')['onResize']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onShareAppMessage: typeof import('@dcloudio/uni-app')['onShareAppMessage']
+  const onShareTimeline: typeof import('@dcloudio/uni-app')['onShareTimeline']
+  const onShow: typeof import('@dcloudio/uni-app')['onShow']
+  const onTabItemTap: typeof import('@dcloudio/uni-app')['onTabItemTap']
+  const onThemeChange: typeof import('@dcloudio/uni-app')['onThemeChange']
+  const onUnhandledRejection: typeof import('@dcloudio/uni-app')['onUnhandledRejection']
+  const onUnload: typeof import('@dcloudio/uni-app')['onUnload']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const setActivePinia: typeof import('pinia')['setActivePinia']
+  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const storeToRefs: typeof import('pinia')['storeToRefs']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useId: typeof import('vue')['useId']
+  const useModel: typeof import('vue')['useModel']
+  const useSlots: typeof import('vue')['useSlots']
+  const useStore: typeof import('@/helper/pinia-auto-refs')['useStore']
+  const useTemplateRef: typeof import('vue')['useTemplateRef']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package/src/components/ConfirmDialog.vue

@@ -0,0 +1,101 @@
+<template>
+  <view v-if="show" class="dialog-mask">
+    <view class="dialog-container">
+      <view class="dialog-header">{{ title }}</view>
+      <view class="dialog-content">
+        <slot></slot>
+      </view>
+      <view class="dialog-footer">
+        <button class="btn cancel" size="mini" @tap="handleCancel">{{ cancelText }}</button>
+        <button class="btn confirm" size="mini" @tap="handleConfirm">{{ confirmText }}</button>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    show: Boolean,
+    title: {
+      type: String,
+      default: '提示'
+    },
+    cancelText: {
+      type: String,
+      default: '取消'
+    },
+    confirmText: {
+      type: String,
+      default: '确认'
+    }
+  },
+  methods: {
+    handleCancel() {
+      this.$emit('cancel');
+      this.$emit('update:show', false);
+    },
+    handleConfirm() {
+      this.$emit('confirm');
+      this.$emit('update:show', false);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.dialog-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+}
+
+.dialog-container {
+  width: 80%;
+  background: #fff;
+  border-radius: 12rpx;
+  padding: 30rpx;
+}
+
+.dialog-header {
+  font-size: 34rpx;
+  font-weight: bold;
+  text-align: center;
+  margin-bottom: 20rpx;
+}
+
+.dialog-content {
+  padding: 20rpx 0;
+  font-size: 28rpx;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 30rpx;
+
+  .btn {
+    flex: 1;
+    margin: 0 10rpx;
+    border-radius: 8rpx;
+    &::after { border: none }
+
+    &.cancel {
+      background: #f0f0f0;
+      color: #333;
+    }
+
+    &.confirm {
+      background: #007aff;
+      color: #fff;
+    }
+  }
+}
+</style>

package/src/components/DaySelect.vue

@@ -0,0 +1,212 @@
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+const firstIndex = 10
+const currentWeek = ref<Date[]>([]);
+const selectedDate = ref<Date>(new Date());
+const selectIndex = ref<number>(new Date().getDay());
+const swiperItems = ref<Date[][]>([]);
+const currentIndex = ref(firstIndex);
+const monthDate = ref(new Date().toISOString().substring(0, 7));
+// 生成一周日期
+const generateWeekDates = (date: Date) => {
+  const week = [];
+  const day = date.getDay(); // 0是周日，1是周一，...6是周六
+  const sunday = new Date(date);
+  sunday.setDate(date.getDate() - day); // 计算本周日的日期
+  // 从周日开始，依次添加周日到周六
+  for (let i = 0; i < 7; i++) {
+    const d = new Date(sunday);
+    d.setDate(sunday.getDate() + i);
+    week.push(d);
+  }
+  return week;
+};
+
+// 初始化数据
+const initSwiperItems = (date?: Date) => {
+  const items = [];
+  // 初始加载前后各10周
+  if (date) {
+    for (let i = -firstIndex; i <= firstIndex; i++) {
+      const baseDate = new Date(date);
+      baseDate.setDate(baseDate.getDate() + i * 7);
+      items.push(generateWeekDates(baseDate));
+    }
+  } else {
+    for (let i = -firstIndex; i <= firstIndex; i++) {
+      const baseDate = date || new Date();
+      baseDate.setDate(baseDate.getDate() + i * 7);
+      items.push(generateWeekDates(baseDate));
+    }
+  }
+  swiperItems.value = items;
+  currentWeek.value = items[firstIndex];
+  currentIndex.value = firstIndex;
+  selectedDate.value = items[firstIndex][selectIndex.value];
+};
+
+// 动态加载更多日期范围
+const loadMoreItems = (direction: number, current: number) => {
+  const newItems = [...swiperItems.value];
+  for (let i = 0; i <= 9; i++) {
+    const offset = i * direction;
+    if (direction > 0) {
+      // 向右堆
+      const baseDate = new Date(swiperItems.value[swiperItems.value.length - 1][0]);
+      baseDate.setDate(baseDate.getDate() + (offset + 1) * 7);
+      newItems.push(generateWeekDates(baseDate));
+    } else {
+      // 向左堆
+       const baseDate = new Date(swiperItems.value[0][0]);
+      baseDate.setDate(baseDate.getDate() + (offset - 1) * 7);
+      newItems.unshift(generateWeekDates(baseDate));
+    }
+  }
+  swiperItems.value = newItems;
+  if (direction < 0) {
+    currentWeek.value = swiperItems.value[current + 10];
+    currentIndex.value = current + 10;
+  } else {
+    currentWeek.value = swiperItems.value[current];
+  }
+};
+
+// 切换周
+const changeWeek = (e: any) => {
+  const { current, source } = e.detail;
+  if (source !== 'touch') return;
+  const direction = getPositionRelativeToMiddle(swiperItems.value, current);
+  currentWeek.value = swiperItems.value[current];
+  const selectDate = swiperItems.value[current][selectIndex.value]
+  selectedDate.value = selectDate;
+  // 更新月份
+  monthDate.value = selectDate?.toISOString().substring(0, 7);
+  if (direction !== 0) {
+    // 向左滑动时加载更多
+    const leftFlag = current < 3;
+    const rightFlag = current > swiperItems.value.length - 3;
+    if (leftFlag || rightFlag) {
+      loadMoreItems(direction, current);
+      return;
+    }
+  }
+};
+
+function getPositionRelativeToMiddle(arr: any, current: number): number {
+  const middleIndex = Math.floor(arr.length / 2);
+  if (current === middleIndex) {
+    return 0;
+  } else if (current < middleIndex) {
+    return -1;
+  } else {
+    return 1;
+  }
+}
+
+// 初始化
+onMounted(() => {
+  initSwiperItems();
+});
+
+const bindMonthDateChange = (e: any) => {
+  const { value } = e.detail;
+  monthDate.value = value;
+  swiperItems.value = [];
+  currentWeek.value = [];
+  const [year, month] = value.split('-');
+  const date = new Date(Date.UTC(year, month-1, 1)); 
+  nextTick(() => {
+    initSwiperItems(date);
+  })
+}
+const handleSelectDate = (date: Date, index: number) => {
+  selectedDate.value = date;
+  selectIndex.value = index;
+  // 更新月份
+  monthDate.value = date.toISOString().substring(0, 7);
+}
+const formatDay = (date: Date) => {
+  if (date.getDate() === 1) {
+    return date.getMonth() + 1 + '月'
+  }
+  return date.getDate()
+}
+</script>
+
+<template>
+  <view class="page">
+    <view class="flex">
+      <view>工作日历</view>
+      <picker class="picker-date-month--test" mode="date" fields="month"
+        :value="monthDate" @change="bindMonthDateChange">
+        <view class="uni-input">{{monthDate}}</view>
+      </picker>
+    </view>
+    <swiper 
+      :current="currentIndex"
+      @change="changeWeek"
+      class="week-swiper"
+    >
+      <swiper-item v-for="(week, index) in swiperItems" :key="index">
+        <view class="week-container">
+          <view 
+            v-for="(date, i) in week" 
+            :key="i"
+            class="day-item"
+            @click="handleSelectDate(date, i)"
+          >
+            <text class="day-name">{{ ['日','一','二','三','四','五','六'][date.getDay()] }}</text>
+            <text class="day-date">{{ formatDay(date) }}</text>
+            <view 
+              v-if="date.toDateString() === selectedDate.toDateString()" 
+              class="selected-indicator"
+            />
+          </view>
+        </view>
+      </swiper-item>
+    </swiper>
+  </view>
+</template>
+
+<style scoped>
+.flex {
+  display: flex;
+  align-items: center;
+}
+.week-swiper {
+  height: 100px;
+}
+
+.week-container {
+  display: flex;
+  justify-content: space-around;
+  padding: 10px 0;
+}
+
+.day-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 8px;
+  position: relative;
+}
+
+.day-name {
+  font-size: 12px;
+  color: #666;
+  margin-bottom: 4px;
+}
+
+.day-date {
+  font-size: 16px;
+}
+
+.selected-indicator {
+  position: absolute;
+  bottom: 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background-color: #007aff;
+}
+</style>

package/src/components/Drawer.vue

@@ -0,0 +1,104 @@
+<template>
+  <view class="drawer-container" v-if="showMask"   @touchmove.prevent.stop="noop" >
+    <!-- 遮罩层 -->
+    <view 
+      class="mask" 
+      :class="{ 'mask-show': showDrawer }"
+    ></view>
+    
+    <!-- 抽屉内容 -->
+    <view 
+      class="drawer-content"
+      :class="{ 'drawer-up': showDrawer }"
+      :style="{ height: height + '%' }"
+    >
+      <slot></slot>
+      <view v-if="drawType === 'default'" class="close-btn"
+        @tap="closeDrawer">×</view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  // 控制抽屉显示
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  // 抽屉高度百分比
+  height: {
+    type: Number,
+    default: 60
+  },
+  drawType: {
+    type: String,
+    default: 'default'
+  }
+});
+
+const emit = defineEmits(['update:modelValue']);
+const showDrawer = ref(false);
+const showMask = ref(false);
+
+watch(() => props.modelValue, (val) => {
+  if (val) {
+    showMask.value = true;
+    setTimeout(() => showDrawer.value = true, 50);
+  } else {
+    showDrawer.value = false;
+    setTimeout(() => showMask.value = false, 300);
+  }
+});
+const noop = () => {}; // 新增空函数
+const closeDrawer = () => {
+  emit('update:modelValue', false);
+};
+</script>
+
+<style scoped lang="less">
+.drawer-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 999;
+}
+
+.mask {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0);
+  transition: all 0.3s ease;
+  
+  &-show {
+    background: rgba(0, 0, 0, 0.5);
+  }
+}
+
+.drawer-content {
+  position: absolute;
+  bottom: -100%;
+  left: 0;
+  right: 0;
+  background: #fff;
+  border-radius: 24rpx 24rpx 0 0;
+  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+  
+  &.drawer-up {
+    bottom: 0;
+  }
+}
+
+.close-btn {
+  position: absolute;
+  top: 16rpx;
+  right: 24rpx;
+  font-size: 46rpx;
+  color: #999;
+  padding: 20rpx;
+  z-index: 1;
+}
+</style>