5 changed files with 703 additions and 678 deletions
@ -1,144 +1,133 @@ |
|||||
 |
# 智慧教务系统 |
||||
|
|
||||
|
 |
||||
|
|
||||
|
## 项目概述 |
||||
|
|
||||
|
智慧教务系统是一套基于ThinkPHP 8和Vue3开发的现代化教育管理平台,专为教育培训机构、学校等教育组织设计。系统提供全面的学生管理、课程管理、排课管理、校区管理、场地管理、人员管理、合同管理等功能,帮助教育机构实现数字化转型,提高管理效率。 |
||||
|
|
||||
|
## 技术架构 |
||||
|
|
||||
|
### 后端技术栈 |
||||
|
- PHP 8 |
||||
|
- ThinkPHP 8 |
||||
|
- MySQL 数据库 |
||||
|
- Workman 高性能框架(消息队列、计划任务) |
||||
|
|
||||
:fa-quote-left: 如果对您有帮助,您可以点右上角 ⭐“Star” 收藏一下 ,获取第一时间更新,谢谢! :fa-quote-right: |
### 前端技术栈 |
||||
|
- Vue 3 |
||||
|
- TypeScript |
||||
### NIUSHOP 开源商城 V6 技术选型 |
- Element Plus |
||||
NIUSHOP V6 使用 **NIUCLOUD-ADMIN** 底层框架设计, 国内首家唯一支持TP8框架 ,前端采用市面最流行的技术栈 **Vite+TypeScript+Vue3+ElementPlus** ,后端采用 **THINKPHP8、PHP8** 语言搭建。配合 **Workman** 高性能框架实现消息队列,计划任务处理。内置集成用户权限、代码生成器、表单设计、云存储、短信发送、素材中心、微信及公众号、支付、模版消息推送Api模块一系列开箱即用功能,这是一款快速可以开发企业级应用的软件系统。 |
- Vite |
||||
|
|
||||
|
### 移动端技术栈 |
||||
### 设计理念 |
- UniApp |
||||
|
- Vue 3 |
||||
强大的多应用+插件组合设计理念,低耦合,高内聚 |
- TypeScript |
||||
|
|
||||
全新生态设计,多应用聚合+多插件组合运营模式全新升级 ,支持共同会员体系下商城,会员卡,上门服务等等多种商业模式随机组合,DIY装修出最强的软件系统 |
## 系统功能模块 |
||||
 |
|
||||
|
### 学生管理 |
||||
### 插件化,完全为开发者二次开发而生 |
- 学生信息管理 |
||||
V6底层采用插件化模式设计,可以做到多种插件共存,组合使用。比如您有一个项目是旅游的项目,这个项目的要求是,既有商城的功能,又有旅游项目的销售,还需要进行会员的管理,甚至于还要客服系统。传统的实现方式是,找多个源码,东拼西凑,二次开发,或者部署多套独立的系统,配合起来。而今天,使用V6,可以通过组装的方式,在一套体系中实现,随着发展,会有越来越多的各行各业的插件和应用上架。您对于项目的定制,可能只需要简单组装,装修页面,就可以最终实现功能交付。 |
- 学生档案管理 |
||||
 |
- 学生考勤管理 |
||||
|
- 学生成绩管理 |
||||
### 首创强大的一键云安装,云编译,云发布,升级引擎 |
|
||||
给我一个支点,必能撬动地球。V6简单方便的一键云安装,云编译工具,让您小白也能变大师。 |
### 课程管理 |
||||
V6内置在线升级功能,系统会全自动化帮您升级文件。产品的更新只需一键完成 。 |
- 课程信息管理 |
||||
HBUILDER, VSCODE,微信小程序开发工具,打包,上传,发布! V6强大的小程序一键傻瓜式发布系统,任何开发环境都不再需要搭建!鼠标一点完成小程序升级发布。 |
- 课程分类管理 |
||||
 |
- 课程资源管理 |
||||
 |
|
||||
 |
### 排课管理 |
||||
|
- 课表编排 |
||||
### NIUCLOUD-ADMIN 是什么? |
- 教师排课 |
||||
NIUCLOUD-ADMIN是一款快速开发通用管理后台框架,整体功能架构全部精心设计!代码干净整洁!低耦合,高质量!!!前后端API接口完全分离 :raised_hands: !!!前端采用最新技术 **Vite+TypeScript+Vue3+ElementPlus** ,后台采用PHP8、MYSQL8、THINKPHP8 全部最新技术栈,内置Workman高性能消息队列,计划任务处理,完全兼容容器路由运行技术。 内置代码生成器,插件生成器,一键云编译、一键云部署,集成用户权限、表单设计、云存储、短信发送、素材中心、微信及公众号、Api模块一系列开箱即用功能,是一款快速搭建开发企业级应用的软件系统。源码100%开源无加密!框架采用MIT协议,终身免费,商用免费! |
- 教室安排 |
||||
|
- 时间段管理 |
||||
请到官方网站了解更多 http://www.niucloud.com |
|
||||
|
### 校区管理 |
||||
### NIUSHOP V6 和 NIUCLOUD-ADMIN 的区别和关系怎样的? |
- 校区信息管理 |
||||
首先,NIUSHOP 产品系列是以商城系统(2016年立项研发,V1一直升级到V5版本, V6是完全从零研发的新产品)为主的独立的产品线。NIUCLOUD产品系列(从2022年底开始立项研发)是以NIUCLOUD-ADMIN框架(分单用户独立版、SAAS版)为根本,在此基础上发展各种应用插件,包括第三方开发者生态产品,主要以SAAS产品系列为主。而 NIUSHOP V6 是 使用 **NIUCLOUD-ADMIN** 框架单用户独立版设计的商城应用,以NIUSHOP品牌推广。一句话概括就是,单用户专业化系统以NIUSHOP品牌整体运营推广,SAAS版本插件和应用市场以及NIUCLOUD框架(单用户、SAAS)以NIUCLOUD品牌运营推广。NIUSHOP和NIUCLOUD都是牛之云科技有限公司投资研发运作。 |
- 校区资源配置 |
||||
|
|
||||
### NIUCLOUD-ADMIN 技术特点 |
### 场地管理 |
||||
|
- 教室管理 |
||||
- 支持composer快速安装扩展,支持 **redis** 缓存以及消息队列,支持多语言设计开发,采用严格的 **restful** 的api设计开发。 |
- 场地预约 |
||||
- 后台前后端分离采用 **element-plus、vue3.0、typescript、vite、pina** 等前端技术,同时使用i18n支持国际化多语言开发。 |
- 场地使用记录 |
||||
- 手机端采用uniapp前后端分离,使用 **uview、vue3.0、typescript、vite、pina** 前端技术,支持h5,微信小程序,支付宝小程序,抖音小程序等使用场景。 |
|
||||
- 支持安装多个应用多插件组合使用。 |
### 人员管理 |
||||
- 前端以及后端采用严格的多语言开发规范,包括前端展示,api接口返回,数据验证,错误返回等全部使用多语言设计规范,使开发者能够真生意义上实现多语言的开发需求。 |
- 教师管理 |
||||
- 框架已经搭建好常规系统的开发底层,具体的底层功能包括:管理员管理,权限管理,网站设置,计划任务管理,素材管理,会员管理,会员账户管理,微信公众号以及小程序管理,支付管理,第三方登录管理,消息管理,短信管理,文章管理,前端装修等全面的基础功能,这样开发者不需要开发基础的结构而专心开发业务。 |
- 职工管理 |
||||
- 内置支持微信/支付宝支付,微信公众号/小程序/短信消息管理,阿里云/腾讯云短信,七牛云/阿里云存储等基础的功能扩展,后续会根据实际业务不断扩展基础组件。 |
- 人员排班 |
||||
- 强大的代码生成器。开发者根据数据表可以一键生成基础的业务代码,包括:后台php业务代码以及对应的前端vue代码。 |
|
||||
- 手机端内置了自定义装修,同时提供了基础的开发组件,强大的DIY组件自定义功能,允许开发者按照规范开发第三方DIY组件及自定义页面实现业务需求 |
### 合同管理 |
||||
|
- 合同创建 |
||||
|
- 合同审批 |
||||
### 强者归来,选择NIUSHOP 开源商城 V6, 不止于此,未来无限可能 |
- 合同执行跟踪 |
||||
|
|
||||
酒香不怕巷子深,花香自有蝶飞来,NIUSHOP和NIUCLOUD开发者生态圈正在快速的膨胀发展,越来越多的开发者正在积极参与,统一的代码规范,统一的开发模式和思路,产品的二次开发和项目定制正在,规范化,积木化,快速简单化。只需用心细读一回代码,二次开发效率和质量完全得到保证!完全插件化的设计,多应用,多插件模式。随着生态的逐步完善,组合即用! 我们官方会努力帮大家搭建好基础服务平台,为所有的开发者,创业者,码农,互联网从业者,提供一个资源互换,信息共享,产品推广的生态圈。共享百万开发者产品,共享亿万市场资源。 |
### 学生课程管理 |
||||
|
- 课时管理(总课时、赠送课时) |
||||
|
- 课程有效期管理 |
||||
### 界面截图 :point_right: |
- 已用课时统计 |
||||
 |
- 单次课时设置 |
||||
|
|
||||
 |
### 用户权限管理 |
||||
|
- 用户管理 |
||||
 |
- 角色管理 |
||||
|
- 菜单权限管理 |
||||
 |
- 操作日志记录 |
||||
|
|
||||
 |
### 系统配置管理 |
||||
|
- 系统参数配置 |
||||
 |
- 字典管理 |
||||
|
- 附件管理 |
||||
### 操作指南 |
|
||||
[NIUSHOP官网地址](https://www.niushop.com) |
### 通知管理 |
||||
| [NIUCLOUD官网地址](https://www.niucloud.com) |
- 微信通知 |
||||
| [服务市场](https://www.niucloud.com) |
- 小程序通知 |
||||
| [使用手册](https://www.niucloud.com/doc) |
- 短信通知 |
||||
| [二开手册](https://www.niucloud.com/doc) |
- 通知日志记录 |
||||
| [开发视频](https://www.niucloud.com/doc) |
|
||||
| [API接口手册](https://api.niucloud.com/apidoc.html?target_id=001) |
### 计划任务管理 |
||||
| [论坛地址](https://bbs.niucloud.com) |
- 定时任务配置 |
||||
|
- 任务执行记录 |
||||
### V6安装教程 |
- 任务调度管理 |
||||
|
|
||||
- [安装指引说明](https://www.kancloud.cn/niushop/niushop_v6/3224842) |
## 系统特点 |
||||
- [宝塔安装部署V6](https://www.kancloud.cn/niushop/niushop_v6/3226724) |
|
||||
- [PHPStudy安装部署V6](https://www.kancloud.cn/niushop/niushop_v6/3226728) |
### 插件化设计 |
||||
|
系统采用插件化设计,支持多插件共存和组合使用,便于功能扩展和定制开发。 |
||||
|
|
||||
### 二次开发视频教程 |
### 多端支持 |
||||
|
同时支持PC管理端、H5移动端、微信小程序等多种终端,满足不同场景的使用需求。 |
||||
- [开发准备工作与创建插件](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/1-1.mp4) |
|
||||
- [插件目录整体说明](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/2-1.mp4) |
### 多语言支持 |
||||
- [插件安装与打包原理](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/8-1.mp4) |
系统内置多语言支持,包括前端展示、API接口返回、数据验证、错误提示等全方位的多语言设计。 |
||||
- [消息队列](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/9-1.mp4) |
|
||||
- [计划任务](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/10-1.mp4) |
### 高性能架构 |
||||
- [DIY自定义小组件和页面装修开发](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/11-1.mp4) |
采用ThinkPHP 8框架,结合Workman高性能消息队列和计划任务处理,保证系统的高效运行。 |
||||
- [支付接口开发](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/12-1.mp4) |
|
||||
- [插件升级包打包流程以及云编译](https://niucloud-document-video.oss-cn-beijing.aliyuncs.com/video/13-1.mp4) |
### 安全可靠 |
||||
|
完善的权限管理机制,详细的操作日志记录,确保系统数据安全和操作可追溯。 |
||||
|
|
||||
### 演示地址 |
## 数据库设计 |
||||
- 管理后台演示网址:[<a href='http://v6.site.niucloud.com/' target="_blank"> 查看 </a>] |
|
||||
<a href='http://v6.site.niucloud.com/' target="_blank">http://v6.site.niucloud.com 账号:admin 密码:123456 |
系统采用MySQL数据库,主要表类别包括: |
||||
|
|
||||
- H5前端演示网址:[<a href='https://v6.site.niucloud.com/wap/addon/shop/pages/index' target="_blank"> 查看 </a>] |
- 学生课程关联表(school_student_courses):记录学生选课信息、课时信息等 |
||||
<a href='https://v6.site.niucloud.com/wap/addon/shop/pages/index' target="_blank">https://v6.site.niucloud.com/wap/addon/shop/pages/index |
- 系统用户表(school_sys_user):管理系统用户信息 |
||||
|
- 系统角色表(school_sys_role):管理角色及权限信息 |
||||
### 加入开发者生态,一起助力成就程序员创业梦想!!! |
- 系统菜单表(school_sys_menu):管理系统菜单及权限 |
||||
|
- 系统配置表(school_sys_config):存储系统配置信息 |
||||
加入企业微信群技术交流,请扫描下面二维码 :point_down: |
- 系统字典表(school_sys_dict):管理系统字典数据 |
||||
|
- 系统通知表(school_sys_notice):管理系统通知模板 |
||||
 |
- 通知日志表(school_sys_notice_log):记录通知发送日志 |
||||
|
- 短信日志表(school_sys_notice_sms_log):记录短信发送日志 |
||||
|
- 计划任务表(school_sys_cron_task):管理系统定时任务 |
||||
### 产品LOGO |
- 计划任务日志表(school_sys_schedule_log):记录任务执行日志 |
||||
|
- 用户操作日志表(school_sys_user_log):记录用户操作日志 |
||||
 |
- 附件管理表(school_sys_attachment):管理系统附件 |
||||
|
|
||||
 |
## 版权信息 |
||||
|
|
||||
 |
版权所有 Copyright © 2023-2024 智慧教务系统 |
||||
|
|
||||
|
杭州盛宇网络科技有限公司提供技术支持 |
||||
### 开源使用须知 |
|
||||
|
|
||||
1.允许用于个人学习、毕业设计、教学案例、公益事业、商业使用; |
|
||||
|
|
||||
2.本框架应用源代码所有权和著作权归niucloud官方所有,基于niucloud-admin框架开发的应用,所有权和著作权归应用开发商所有。但必须明确声明是基于niucloud-admin框架开发,请自觉遵守,否则产生的一切任何后果责任由侵权者自负; |
|
||||
|
|
||||
3.禁止修改框架代码并再次发布框架衍生版等与niucloud-admin框架产生恶意竞争或对抗的行为; |
|
||||
|
|
||||
4.本框架源码全部开源;包括前端,后端,无任何加密; |
|
||||
|
|
||||
5.商用请仔细审查代码和漏洞,不得用于任一国家许可范围之外的商业应用,产生的一切任何后果责任自负; |
|
||||
|
|
||||
6.一切事物有个人喜好的标准,本开源代码意在分享,不喜勿喷。 |
|
||||
|
|
||||
|
|
||||
### 版权信息 |
|
||||
版权所有Copyright © 2015-2025 niucloud-admin 版权所有 |
|
||||
|
|
||||
All rights reserved。 |
|
||||
|
|
||||
杭州数字云动科技有限公司 |
|
||||
杭州牛之云科技有限公司 |
|
||||
|
|
||||
提供技术支持 |
|
||||
@ -1,302 +1,334 @@ |
|||||
<template> |
<template> |
||||
<el-dialog v-model="showDialog" :title="formData.id ? t('updateService') : t('addService')" width="50%" class="diy-dialog-wrap" :destroy-on-close="true"> |
<el-dialog v-model="showDialog" :title="formData.id ? t('updateService') : t('addService')" width="50%" |
||||
<el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" v-loading="loading"> |
class="diy-dialog-wrap" :destroy-on-close="true"> |
||||
<el-form-item :label="t('serviceName')" prop="service_name"> |
<el-form :model="formData" label-width="120px" ref="formRef" :rules="formRules" class="page-form" |
||||
<el-input v-model="formData.service_name" clearable :placeholder="t('serviceNamePlaceholder')" class="input-width" /> |
v-loading="loading"> |
||||
</el-form-item> |
<el-form-item :label="t('serviceName')" prop="service_name"> |
||||
|
<el-input v-model="formData.service_name" clearable :placeholder="t('serviceNamePlaceholder')" |
||||
<el-form-item :label="t('previewImageUrl')"> |
class="input-width"/> |
||||
<upload-image v-model="formData.preview_image_url" /> |
</el-form-item> |
||||
</el-form-item> |
|
||||
|
<el-form-item :label="t('previewImageUrl')"> |
||||
<el-form-item :label="t('description')" prop="description"> |
<upload-image v-model="formData.preview_image_url"/> |
||||
<el-input v-model="formData.description" clearable :placeholder="t('descriptionPlaceholder')" class="input-width" /> |
</el-form-item> |
||||
</el-form-item> |
|
||||
|
<el-form-item :label="t('description')" prop="description"> |
||||
<el-form-item :label="t('serviceType')" prop="service_type"> |
<el-input v-model="formData.description" clearable :placeholder="t('descriptionPlaceholder')" |
||||
<el-select class="input-width" v-model="formData.service_type" clearable :placeholder="t('serviceTypePlaceholder')"> |
class="input-width"/> |
||||
<el-option label="请选择" value=""></el-option> |
</el-form-item> |
||||
<el-option |
|
||||
v-for="(item, index) in service_typeList" |
<el-form-item :label="t('serviceType')" prop="service_type"> |
||||
:key="index" |
<el-select class="input-width" v-model="formData.service_type" clearable |
||||
:label="item.name" |
:placeholder="t('serviceTypePlaceholder')"> |
||||
:value="item.value" |
<el-option label="请选择" value=""></el-option> |
||||
/> |
<el-option |
||||
</el-select> |
v-for="(item, index) in service_typeList" |
||||
</el-form-item> |
:key="index" |
||||
|
:label="item.name" |
||||
<el-form-item :label="t('executionRules')" prop="execution_rules"> |
:value="item.value" |
||||
<el-input v-model="formData.execution_rules" clearable :placeholder="t('executionRulesPlaceholder')" class="input-width" /> |
/> |
||||
</el-form-item> |
</el-select> |
||||
|
</el-form-item> |
||||
<el-form-item :label="t('staffReminder')" prop="staff_reminder"> |
|
||||
<el-select class="input-width" v-model="formData.staff_reminder" clearable :placeholder="t('staffReminderPlaceholder')"> |
<el-form-item :label="t('executionRules')" prop="execution_rules"> |
||||
<el-option label="请选择" value=""></el-option> |
<el-select class="input-width" v-model="formData.execution_rules" clearable |
||||
<el-option |
:placeholder="t('executionRulesPlaceholder')"> |
||||
v-for="(item, index) in staff_reminderList" |
<el-option label="请选择" value=""></el-option> |
||||
:key="index" |
<el-option |
||||
:label="item.name" |
v-for="(item, index) in execution_rulesList" |
||||
:value="Number(item.value)" |
:key="index" |
||||
/> |
:label="item.name" |
||||
</el-select> |
:value="item.value" |
||||
</el-form-item> |
/> |
||||
|
</el-select> |
||||
<el-form-item :label="t('customerReminder')" prop="customer_reminder"> |
</el-form-item> |
||||
<el-select class="input-width" v-model="formData.customer_reminder" clearable :placeholder="t('customerReminderPlaceholder')"> |
|
||||
<el-option label="请选择" value=""></el-option> |
<el-form-item :label="t('staffReminder')" prop="staff_reminder"> |
||||
<el-option |
<el-select class="input-width" v-model="formData.staff_reminder" clearable |
||||
v-for="(item, index) in customer_reminderList" |
:placeholder="t('staffReminderPlaceholder')"> |
||||
:key="index" |
<el-option label="请选择" value=""></el-option> |
||||
:label="item.name" |
<el-option |
||||
:value="Number(item.value)" |
v-for="(item, index) in staff_reminderList" |
||||
/> |
:key="index" |
||||
</el-select> |
:label="item.name" |
||||
</el-form-item> |
:value="Number(item.value)" |
||||
|
/> |
||||
<el-form-item :label="t('customerConfirmation')" prop="customer_confirmation"> |
</el-select> |
||||
<el-select class="input-width" v-model="formData.customer_confirmation" clearable :placeholder="t('customerConfirmationPlaceholder')"> |
</el-form-item> |
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
<el-form-item :label="t('customerReminder')" prop="customer_reminder"> |
||||
v-for="(item, index) in customer_confirmationList" |
<el-select class="input-width" v-model="formData.customer_reminder" clearable |
||||
:key="index" |
:placeholder="t('customerReminderPlaceholder')"> |
||||
:label="item.name" |
<el-option label="请选择" value=""></el-option> |
||||
:value="Number(item.value)" |
<el-option |
||||
/> |
v-for="(item, index) in customer_reminderList" |
||||
</el-select> |
:key="index" |
||||
</el-form-item> |
:label="item.name" |
||||
|
:value="Number(item.value)" |
||||
<el-form-item :label="t('customerFeedback')" > |
/> |
||||
<el-input v-model="formData.customer_feedback" clearable :placeholder="t('customerFeedbackPlaceholder')" class="input-width" /> |
</el-select> |
||||
</el-form-item> |
</el-form-item> |
||||
|
|
||||
<el-form-item :label="t('status')" prop="status"> |
<el-form-item :label="t('customerConfirmation')" prop="customer_confirmation"> |
||||
<el-select class="input-width" v-model="formData.status" clearable :placeholder="t('statusPlaceholder')"> |
<el-select class="input-width" v-model="formData.customer_confirmation" clearable |
||||
<el-option label="请选择" value=""></el-option> |
:placeholder="t('customerConfirmationPlaceholder')"> |
||||
<el-option |
<el-option label="请选择" value=""></el-option> |
||||
v-for="(item, index) in statusList" |
<el-option |
||||
:key="index" |
v-for="(item, index) in customer_confirmationList" |
||||
:label="item.name" |
:key="index" |
||||
:value="item.value" |
:label="item.name" |
||||
/> |
:value="Number(item.value)" |
||||
</el-select> |
/> |
||||
</el-form-item> |
</el-select> |
||||
|
</el-form-item> |
||||
</el-form> |
|
||||
|
<!-- <el-form-item :label="t('customerFeedback')">--> |
||||
<template #footer> |
<!-- <el-input v-model="formData.customer_feedback" clearable :placeholder="t('customerFeedbackPlaceholder')"--> |
||||
<span class="dialog-footer"> |
<!-- class="input-width"/>--> |
||||
<el-button @click="showDialog = false">{{ t('cancel') }}</el-button> |
<!-- </el-form-item>--> |
||||
<el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ |
|
||||
t('confirm') |
<el-form-item :label="t('status')" prop="status"> |
||||
}}</el-button> |
<el-select class="input-width" v-model="formData.status" clearable :placeholder="t('statusPlaceholder')"> |
||||
</span> |
<el-option label="请选择" value=""></el-option> |
||||
</template> |
<el-option |
||||
</el-dialog> |
v-for="(item, index) in statusList" |
||||
</template> |
:key="index" |
||||
|
:label="item.name" |
||||
<script lang="ts" setup> |
:value="item.value" |
||||
import { ref, reactive, computed, watch } from 'vue' |
/> |
||||
import { useDictionary } from '@/app/api/dict' |
</el-select> |
||||
import { t } from '@/lang' |
</el-form-item> |
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { addService, editService, getServiceInfo } from '@/app/api/service' |
|
||||
|
</el-form> |
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
<template #footer> |
||||
|
<span class="dialog-footer"> |
||||
/** |
<el-button @click="showDialog = false">{{ t('cancel') }}</el-button> |
||||
* 表单数据 |
<el-button type="primary" :loading="loading" @click="confirm(formRef)">{{ |
||||
*/ |
t('confirm') |
||||
const initialFormData = { |
}}</el-button> |
||||
id: '', |
</span> |
||||
service_name: '', |
</template> |
||||
preview_image_url: '', |
</el-dialog> |
||||
description: '', |
</template> |
||||
service_type: '', |
|
||||
execution_rules: '', |
<script lang="ts" setup> |
||||
staff_reminder: '', |
import {ref, reactive, computed, watch} from 'vue' |
||||
customer_reminder: '', |
import {useDictionary} from '@/app/api/dict' |
||||
customer_confirmation: '', |
import {t} from '@/lang' |
||||
customer_feedback: '', |
import type {FormInstance} from 'element-plus' |
||||
status: '', |
import {addService, editService, getServiceInfo} from '@/app/api/service' |
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
let showDialog = ref(false) |
||||
|
const loading = ref(false) |
||||
const formRef = ref<FormInstance>() |
|
||||
|
/** |
||||
// 表单验证规则 |
* 表单数据 |
||||
const formRules = computed(() => { |
*/ |
||||
return { |
const initialFormData = { |
||||
service_name: [ |
id: '', |
||||
{ required: true, message: t('serviceNamePlaceholder'), trigger: 'blur' }, |
service_name: '', |
||||
|
preview_image_url: '', |
||||
] |
description: '', |
||||
, |
service_type: '', |
||||
preview_image_url: [ |
execution_rules: '', |
||||
{ required: true, message: t('previewImageUrlPlaceholder'), trigger: 'blur' }, |
staff_reminder: '', |
||||
|
customer_reminder: '', |
||||
] |
customer_confirmation: '', |
||||
, |
customer_feedback: '', |
||||
description: [ |
status: '', |
||||
{ required: true, message: t('descriptionPlaceholder'), trigger: 'blur' }, |
|
||||
|
} |
||||
] |
const formData: Record<string, any> = reactive({...initialFormData}) |
||||
, |
|
||||
service_type: [ |
const formRef = ref<FormInstance>() |
||||
{ required: true, message: t('serviceTypePlaceholder'), trigger: 'blur' }, |
|
||||
|
// 表单验证规则 |
||||
] |
const formRules = computed(() => { |
||||
, |
return { |
||||
execution_rules: [ |
service_name: [ |
||||
{ required: true, message: t('executionRulesPlaceholder'), trigger: 'blur' }, |
{required: true, message: t('serviceNamePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
] |
] |
||||
, |
, |
||||
staff_reminder: [ |
preview_image_url: [ |
||||
{ required: true, message: t('staffReminderPlaceholder'), trigger: 'blur' }, |
{required: true, message: t('previewImageUrlPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
] |
] |
||||
, |
, |
||||
customer_reminder: [ |
description: [ |
||||
{ required: true, message: t('customerReminderPlaceholder'), trigger: 'blur' }, |
{required: true, message: t('descriptionPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
] |
] |
||||
, |
, |
||||
customer_confirmation: [ |
service_type: [ |
||||
{ required: true, message: t('customerConfirmationPlaceholder'), trigger: 'blur' }, |
{required: true, message: t('serviceTypePlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
] |
] |
||||
, |
, |
||||
customer_feedback: [ |
execution_rules: [ |
||||
{ required: true, message: t('customerFeedbackPlaceholder'), trigger: 'blur' }, |
{required: true, message: t('executionRulesPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
] |
] |
||||
, |
, |
||||
status: [ |
staff_reminder: [ |
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
{required: true, message: t('staffReminderPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
] |
] |
||||
, |
, |
||||
} |
customer_reminder: [ |
||||
}) |
{required: true, message: t('customerReminderPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
const emit = defineEmits(['complete']) |
] |
||||
|
, |
||||
/** |
customer_confirmation: [ |
||||
* 确认 |
{required: true, message: t('customerConfirmationPlaceholder'), trigger: 'blur'}, |
||||
* @param formEl |
|
||||
*/ |
] |
||||
const confirm = async (formEl: FormInstance | undefined) => { |
, |
||||
if (loading.value || !formEl) return |
customer_feedback: [ |
||||
let save = formData.id ? editService : addService |
{required: true, message: t('customerFeedbackPlaceholder'), trigger: 'blur'}, |
||||
|
|
||||
await formEl.validate(async (valid) => { |
] |
||||
if (valid) { |
, |
||||
loading.value = true |
status: [ |
||||
|
{required: true, message: t('statusPlaceholder'), trigger: 'blur'}, |
||||
let data = formData |
|
||||
|
] |
||||
save(data).then(res => { |
, |
||||
loading.value = false |
} |
||||
showDialog.value = false |
}) |
||||
emit('complete') |
|
||||
}).catch(err => { |
const emit = defineEmits(['complete']) |
||||
loading.value = false |
|
||||
}) |
/** |
||||
} |
* 确认 |
||||
}) |
* @param formEl |
||||
} |
*/ |
||||
|
const confirm = async (formEl: FormInstance | undefined) => { |
||||
// 获取字典数据 |
if (loading.value || !formEl) return |
||||
let service_typeList = ref([]) |
let save = formData.id ? editService : addService |
||||
const service_typeDictList = async () => { |
|
||||
service_typeList.value = await (await useDictionary('service_type')).data.dictionary |
await formEl.validate(async (valid) => { |
||||
} |
if (valid) { |
||||
service_typeDictList(); |
loading.value = true |
||||
watch(() => service_typeList.value, () => { formData.service_type = service_typeList.value[0].value }) |
|
||||
let staff_reminderList = ref([]) |
let data = formData |
||||
const staff_reminderDictList = async () => { |
|
||||
staff_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
save(data).then(res => { |
||||
} |
loading.value = false |
||||
staff_reminderDictList(); |
showDialog.value = false |
||||
watch(() => staff_reminderList.value, () => { formData.staff_reminder = staff_reminderList.value[0].value }) |
emit('complete') |
||||
let customer_reminderList = ref([]) |
}).catch(err => { |
||||
const customer_reminderDictList = async () => { |
loading.value = false |
||||
customer_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
}) |
||||
} |
} |
||||
customer_reminderDictList(); |
}) |
||||
watch(() => customer_reminderList.value, () => { formData.customer_reminder = customer_reminderList.value[0].value }) |
} |
||||
let customer_confirmationList = ref([]) |
|
||||
const customer_confirmationDictList = async () => { |
// 获取字典数据 |
||||
customer_confirmationList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
let service_typeList = ref([]) |
||||
} |
let execution_rulesList = ref([]) |
||||
customer_confirmationDictList(); |
const service_typeDictList = async () => { |
||||
watch(() => customer_confirmationList.value, () => { formData.customer_confirmation = customer_confirmationList.value[0].value }) |
service_typeList.value = await (await useDictionary('service_type')).data.dictionary |
||||
let statusList = ref([]) |
execution_rulesList.value = await (await useDictionary('execution_rules')).data.dictionary |
||||
const statusDictList = async () => { |
} |
||||
statusList.value = await (await useDictionary('SiteStatus')).data.dictionary |
service_typeDictList(); |
||||
} |
watch(() => service_typeList.value, () => { |
||||
statusDictList(); |
formData.service_type = service_typeList.value[0].value |
||||
watch(() => statusList.value, () => { formData.status = statusList.value[0].value }) |
}) |
||||
|
let staff_reminderList = ref([]) |
||||
|
const staff_reminderDictList = async () => { |
||||
const setFormData = async (row: any = null) => { |
staff_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
||||
Object.assign(formData, initialFormData) |
} |
||||
loading.value = true |
staff_reminderDictList(); |
||||
if(row){ |
watch(() => staff_reminderList.value, () => { |
||||
const data = await (await getServiceInfo(row.id)).data |
formData.staff_reminder = staff_reminderList.value[0].value |
||||
if (data) Object.keys(formData).forEach((key: string) => { |
}) |
||||
if (data[key] != undefined) formData[key] = data[key] |
let customer_reminderList = ref([]) |
||||
}) |
const customer_reminderDictList = async () => { |
||||
} |
customer_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
||||
loading.value = false |
} |
||||
} |
customer_reminderDictList(); |
||||
|
watch(() => customer_reminderList.value, () => { |
||||
// 验证手机号格式 |
formData.customer_reminder = customer_reminderList.value[0].value |
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
}) |
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
let customer_confirmationList = ref([]) |
||||
callback(new Error(t('generateMobile'))) |
const customer_confirmationDictList = async () => { |
||||
} else { |
customer_confirmationList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
||||
callback() |
} |
||||
} |
customer_confirmationDictList(); |
||||
} |
watch(() => customer_confirmationList.value, () => { |
||||
|
formData.customer_confirmation = customer_confirmationList.value[0].value |
||||
// 验证身份证号 |
}) |
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
let statusList = ref([]) |
||||
if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) { |
const statusDictList = async () => { |
||||
callback(new Error(t('generateIdCard'))) |
statusList.value = await (await useDictionary('SiteStatus')).data.dictionary |
||||
} else { |
} |
||||
callback() |
statusDictList(); |
||||
} |
watch(() => statusList.value, () => { |
||||
} |
formData.status = statusList.value[0].value |
||||
|
}) |
||||
// 验证邮箱号 |
|
||||
const emailVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { |
const setFormData = async (row: any = null) => { |
||||
callback(new Error(t('generateEmail'))) |
Object.assign(formData, initialFormData) |
||||
} else { |
loading.value = true |
||||
callback() |
if (row) { |
||||
} |
const data = await (await getServiceInfo(row.id)).data |
||||
} |
if (data) Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
// 验证请输入整数 |
}) |
||||
const numberVerify = (rule: any, value: any, callback: any) => { |
} |
||||
if (!Number.isInteger(value)) { |
loading.value = false |
||||
callback(new Error(t('generateNumber'))) |
} |
||||
} else { |
|
||||
callback() |
// 验证手机号格式 |
||||
} |
const mobileVerify = (rule: any, value: any, callback: any) => { |
||||
} |
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
||||
|
callback(new Error(t('generateMobile'))) |
||||
defineExpose({ |
} else { |
||||
showDialog, |
callback() |
||||
setFormData |
} |
||||
}) |
} |
||||
</script> |
|
||||
|
// 验证身份证号 |
||||
<style lang="scss" scoped></style> |
const idCardVerify = (rule: any, value: any, callback: any) => { |
||||
<style lang="scss"> |
if (value && !/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(value)) { |
||||
.diy-dialog-wrap .el-form-item__label{ |
callback(new Error(t('generateIdCard'))) |
||||
height: auto !important; |
} else { |
||||
} |
callback() |
||||
</style> |
} |
||||
|
} |
||||
|
|
||||
|
// 验证邮箱号 |
||||
|
const emailVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(value)) { |
||||
|
callback(new Error(t('generateEmail'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证请输入整数 |
||||
|
const numberVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (!Number.isInteger(value)) { |
||||
|
callback(new Error(t('generateNumber'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
defineExpose({ |
||||
|
showDialog, |
||||
|
setFormData |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
|
<style lang="scss"> |
||||
|
.diy-dialog-wrap .el-form-item__label { |
||||
|
height: auto !important; |
||||
|
} |
||||
|
</style> |
||||
|
|||||
@ -1,231 +1,234 @@ |
|||||
<template> |
<template> |
||||
<div class="main-container"> |
<div class="main-container"> |
||||
<el-card class="box-card !border-none" shadow="never"> |
<el-card class="box-card !border-none" shadow="never"> |
||||
|
|
||||
<div class="flex justify-between items-center"> |
<div class="flex justify-between items-center"> |
||||
<span class="text-lg">{{pageName}}</span> |
<span class="text-lg">{{pageName}}</span> |
||||
<el-button type="primary" @click="addEvent"> |
<el-button type="primary" @click="addEvent"> |
||||
{{ t('addService') }} |
{{ t('addService') }} |
||||
</el-button> |
</el-button> |
||||
</div> |
</div> |
||||
|
|
||||
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
<el-card class="box-card !border-none my-[10px] table-search-wrap" shadow="never"> |
||||
<el-form :inline="true" :model="serviceTable.searchParam" ref="searchFormRef"> |
<el-form :inline="true" :model="serviceTable.searchParam" ref="searchFormRef"> |
||||
<el-form-item :label="t('serviceName')" prop="service_name"> |
<el-form-item :label="t('serviceName')" prop="service_name"> |
||||
<el-input v-model="serviceTable.searchParam.service_name" :placeholder="t('serviceNamePlaceholder')" /> |
<el-input v-model="serviceTable.searchParam.service_name" :placeholder="t('serviceNamePlaceholder')" /> |
||||
</el-form-item> |
</el-form-item> |
||||
|
|
||||
<el-form-item :label="t('serviceType')" prop="service_type"> |
<el-form-item :label="t('serviceType')" prop="service_type"> |
||||
<el-select class="w-[280px]" v-model="serviceTable.searchParam.service_type" clearable :placeholder="t('serviceTypePlaceholder')"> |
<el-select class="w-[280px]" v-model="serviceTable.searchParam.service_type" clearable :placeholder="t('serviceTypePlaceholder')"> |
||||
<el-option label="全部" value=""></el-option> |
<el-option label="全部" value=""></el-option> |
||||
<el-option |
<el-option |
||||
v-for="(item, index) in service_typeList" |
v-for="(item, index) in service_typeList" |
||||
:key="index" |
:key="index" |
||||
:label="item.name" |
:label="item.name" |
||||
:value="item.value" |
:value="item.value" |
||||
/> |
/> |
||||
</el-select> |
</el-select> |
||||
</el-form-item> |
</el-form-item> |
||||
|
|
||||
|
|
||||
<el-form-item :label="t('status')" prop="status"> |
<el-form-item :label="t('status')" prop="status"> |
||||
<el-select class="w-[280px]" v-model="serviceTable.searchParam.status" clearable :placeholder="t('statusPlaceholder')"> |
<el-select class="w-[280px]" v-model="serviceTable.searchParam.status" clearable :placeholder="t('statusPlaceholder')"> |
||||
<el-option label="全部" value=""></el-option> |
<el-option label="全部" value=""></el-option> |
||||
<el-option |
<el-option |
||||
v-for="(item, index) in statusList" |
v-for="(item, index) in statusList" |
||||
:key="index" |
:key="index" |
||||
:label="item.name" |
:label="item.name" |
||||
:value="item.value" |
:value="item.value" |
||||
/> |
/> |
||||
</el-select> |
</el-select> |
||||
</el-form-item> |
</el-form-item> |
||||
|
|
||||
<el-form-item> |
|
||||
<el-button type="primary" @click="loadServiceList()">{{ t('search') }}</el-button> |
<el-form-item> |
||||
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> |
<el-button type="primary" @click="loadServiceList()">{{ t('search') }}</el-button> |
||||
</el-form-item> |
<el-button @click="resetForm(searchFormRef)">{{ t('reset') }}</el-button> |
||||
</el-form> |
</el-form-item> |
||||
</el-card> |
</el-form> |
||||
|
</el-card> |
||||
<div class="mt-[10px]"> |
|
||||
<el-table :data="serviceTable.data" size="large" v-loading="serviceTable.loading"> |
<div class="mt-[10px]"> |
||||
<template #empty> |
<el-table :data="serviceTable.data" size="large" v-loading="serviceTable.loading"> |
||||
<span>{{ !serviceTable.loading ? t('emptyData') : '' }}</span> |
<template #empty> |
||||
</template> |
<span>{{ !serviceTable.loading ? t('emptyData') : '' }}</span> |
||||
<el-table-column prop="service_name" :label="t('serviceName')" min-width="120" :show-overflow-tooltip="true"/> |
</template> |
||||
|
<el-table-column prop="service_name" :label="t('serviceName')" min-width="120" :show-overflow-tooltip="true"/> |
||||
<el-table-column prop="description" :label="t('description')" min-width="120" :show-overflow-tooltip="true"/> |
|
||||
|
<el-table-column prop="description" :label="t('description')" min-width="120" :show-overflow-tooltip="true"/> |
||||
<el-table-column :label="t('serviceType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
|
||||
<template #default="{ row }"> |
<el-table-column :label="t('serviceType')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
<div v-for="(item, index) in service_typeList"> |
<template #default="{ row }"> |
||||
<div v-if="item.value == row.service_type">{{ item.name }}</div> |
<div v-for="(item, index) in service_typeList"> |
||||
</div> |
<div v-if="item.value == row.service_type">{{ item.name }}</div> |
||||
</template> |
</div> |
||||
</el-table-column> |
</template> |
||||
|
</el-table-column> |
||||
<el-table-column prop="customer_feedback" :label="t('customerFeedback')" min-width="120" :show-overflow-tooltip="true"/> |
|
||||
|
<!-- <el-table-column prop="customer_feedback" :label="t('customerFeedback')" min-width="120" :show-overflow-tooltip="true"/>--> |
||||
<el-table-column :label="t('status')" min-width="180" align="center" :show-overflow-tooltip="true"> |
|
||||
<template #default="{ row }"> |
<el-table-column :label="t('status')" min-width="180" align="center" :show-overflow-tooltip="true"> |
||||
<div v-for="(item, index) in statusList"> |
<template #default="{ row }"> |
||||
<div v-if="item.value == row.status">{{ item.name }}</div> |
<div v-for="(item, index) in statusList"> |
||||
</div> |
<div v-if="item.value == row.status">{{ item.name }}</div> |
||||
</template> |
</div> |
||||
</el-table-column> |
</template> |
||||
|
</el-table-column> |
||||
<el-table-column :label="t('operation')" fixed="right" min-width="120"> |
|
||||
<template #default="{ row }"> |
|
||||
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> |
<el-table-column :label="t('operation')" fixed="right" min-width="120"> |
||||
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button> |
<template #default="{ row }"> |
||||
</template> |
<el-button type="primary" link @click="editEvent(row)">{{ t('edit') }}</el-button> |
||||
</el-table-column> |
<el-button type="primary" link @click="deleteEvent(row.id)">{{ t('delete') }}</el-button> |
||||
|
</template> |
||||
</el-table> |
</el-table-column> |
||||
<div class="mt-[16px] flex justify-end"> |
|
||||
<el-pagination v-model:current-page="serviceTable.page" v-model:page-size="serviceTable.limit" |
</el-table> |
||||
layout="total, sizes, prev, pager, next, jumper" :total="serviceTable.total" |
<div class="mt-[16px] flex justify-end"> |
||||
@size-change="loadServiceList()" @current-change="loadServiceList" /> |
<el-pagination v-model:current-page="serviceTable.page" v-model:page-size="serviceTable.limit" |
||||
</div> |
layout="total, sizes, prev, pager, next, jumper" :total="serviceTable.total" |
||||
</div> |
@size-change="loadServiceList()" @current-change="loadServiceList" /> |
||||
|
</div> |
||||
<edit ref="editServiceDialog" @complete="loadServiceList" /> |
</div> |
||||
</el-card> |
|
||||
</div> |
<edit ref="editServiceDialog" @complete="loadServiceList" /> |
||||
</template> |
</el-card> |
||||
|
</div> |
||||
<script lang="ts" setup> |
</template> |
||||
import { reactive, ref, watch } from 'vue' |
|
||||
import { t } from '@/lang' |
<script lang="ts" setup> |
||||
import { useDictionary } from '@/app/api/dict' |
import { reactive, ref, watch } from 'vue' |
||||
import { getServiceList, deleteService } from '@/app/api/service' |
import { t } from '@/lang' |
||||
import { img } from '@/utils/common' |
import { useDictionary } from '@/app/api/dict' |
||||
import { ElMessageBox,FormInstance } from 'element-plus' |
import { getServiceList, deleteService } from '@/app/api/service' |
||||
import Edit from '@/app/views/service/components/service-edit.vue' |
import { img } from '@/utils/common' |
||||
import { useRoute } from 'vue-router' |
import { ElMessageBox,FormInstance } from 'element-plus' |
||||
const route = useRoute() |
import Edit from '@/app/views/service/components/service-edit.vue' |
||||
const pageName = route.meta.title; |
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
let serviceTable = reactive({ |
const pageName = route.meta.title; |
||||
page: 1, |
|
||||
limit: 10, |
let serviceTable = reactive({ |
||||
total: 0, |
page: 1, |
||||
loading: true, |
limit: 10, |
||||
data: [], |
total: 0, |
||||
searchParam:{ |
loading: true, |
||||
"service_name":"", |
data: [], |
||||
"service_type":"", |
searchParam:{ |
||||
"status":"" |
"service_name":"", |
||||
} |
"service_type":"", |
||||
}) |
"status":"" |
||||
|
} |
||||
const searchFormRef = ref<FormInstance>() |
}) |
||||
|
|
||||
// 选中数据 |
const searchFormRef = ref<FormInstance>() |
||||
const selectData = ref<any[]>([]) |
|
||||
|
// 选中数据 |
||||
// 字典数据 |
const selectData = ref<any[]>([]) |
||||
const service_typeList = ref([] as any[]) |
|
||||
const service_typeDictList = async () => { |
// 字典数据 |
||||
service_typeList.value = await (await useDictionary('service_type')).data.dictionary |
const service_typeList = ref([] as any[]) |
||||
} |
const service_typeDictList = async () => { |
||||
service_typeDictList(); |
service_typeList.value = await (await useDictionary('service_type')).data.dictionary |
||||
const staff_reminderList = ref([] as any[]) |
} |
||||
const staff_reminderDictList = async () => { |
service_typeDictList(); |
||||
staff_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
const staff_reminderList = ref([] as any[]) |
||||
} |
const staff_reminderDictList = async () => { |
||||
staff_reminderDictList(); |
staff_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
||||
const customer_reminderList = ref([] as any[]) |
} |
||||
const customer_reminderDictList = async () => { |
staff_reminderDictList(); |
||||
customer_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
const customer_reminderList = ref([] as any[]) |
||||
} |
const customer_reminderDictList = async () => { |
||||
customer_reminderDictList(); |
customer_reminderList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
||||
const customer_confirmationList = ref([] as any[]) |
} |
||||
const customer_confirmationDictList = async () => { |
customer_reminderDictList(); |
||||
customer_confirmationList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
const customer_confirmationList = ref([] as any[]) |
||||
} |
const customer_confirmationDictList = async () => { |
||||
customer_confirmationDictList(); |
customer_confirmationList.value = await (await useDictionary('global_true_or_false')).data.dictionary |
||||
const statusList = ref([] as any[]) |
} |
||||
const statusDictList = async () => { |
customer_confirmationDictList(); |
||||
statusList.value = await (await useDictionary('SiteStatus')).data.dictionary |
const statusList = ref([] as any[]) |
||||
} |
const statusDictList = async () => { |
||||
statusDictList(); |
statusList.value = await (await useDictionary('SiteStatus')).data.dictionary |
||||
|
} |
||||
/** |
statusDictList(); |
||||
* 获取服务列表 |
|
||||
*/ |
|
||||
const loadServiceList = (page: number = 1) => { |
/** |
||||
serviceTable.loading = true |
* 获取服务列表 |
||||
serviceTable.page = page |
*/ |
||||
|
const loadServiceList = (page: number = 1) => { |
||||
getServiceList({ |
serviceTable.loading = true |
||||
page: serviceTable.page, |
serviceTable.page = page |
||||
limit: serviceTable.limit, |
|
||||
...serviceTable.searchParam |
getServiceList({ |
||||
}).then(res => { |
page: serviceTable.page, |
||||
serviceTable.loading = false |
limit: serviceTable.limit, |
||||
serviceTable.data = res.data.data |
...serviceTable.searchParam |
||||
serviceTable.total = res.data.total |
}).then(res => { |
||||
}).catch(() => { |
serviceTable.loading = false |
||||
serviceTable.loading = false |
serviceTable.data = res.data.data |
||||
}) |
serviceTable.total = res.data.total |
||||
} |
}).catch(() => { |
||||
loadServiceList() |
serviceTable.loading = false |
||||
|
}) |
||||
const editServiceDialog: Record<string, any> | null = ref(null) |
} |
||||
|
loadServiceList() |
||||
/** |
|
||||
* 添加服务 |
const editServiceDialog: Record<string, any> | null = ref(null) |
||||
*/ |
|
||||
const addEvent = () => { |
/** |
||||
editServiceDialog.value.setFormData() |
* 添加服务 |
||||
editServiceDialog.value.showDialog = true |
*/ |
||||
} |
const addEvent = () => { |
||||
|
editServiceDialog.value.setFormData() |
||||
/** |
editServiceDialog.value.showDialog = true |
||||
* 编辑服务 |
} |
||||
* @param data |
|
||||
*/ |
/** |
||||
const editEvent = (data: any) => { |
* 编辑服务 |
||||
editServiceDialog.value.setFormData(data) |
* @param data |
||||
editServiceDialog.value.showDialog = true |
*/ |
||||
} |
const editEvent = (data: any) => { |
||||
|
editServiceDialog.value.setFormData(data) |
||||
/** |
editServiceDialog.value.showDialog = true |
||||
* 删除服务 |
} |
||||
*/ |
|
||||
const deleteEvent = (id: number) => { |
/** |
||||
ElMessageBox.confirm(t('serviceDeleteTips'), t('warning'), |
* 删除服务 |
||||
{ |
*/ |
||||
confirmButtonText: t('confirm'), |
const deleteEvent = (id: number) => { |
||||
cancelButtonText: t('cancel'), |
ElMessageBox.confirm(t('serviceDeleteTips'), t('warning'), |
||||
type: 'warning', |
{ |
||||
} |
confirmButtonText: t('confirm'), |
||||
).then(() => { |
cancelButtonText: t('cancel'), |
||||
deleteService(id).then(() => { |
type: 'warning', |
||||
loadServiceList() |
} |
||||
}).catch(() => { |
).then(() => { |
||||
}) |
deleteService(id).then(() => { |
||||
}) |
loadServiceList() |
||||
} |
}).catch(() => { |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
const resetForm = (formEl: FormInstance | undefined) => { |
|
||||
if (!formEl) return |
|
||||
formEl.resetFields() |
|
||||
loadServiceList() |
const resetForm = (formEl: FormInstance | undefined) => { |
||||
} |
if (!formEl) return |
||||
</script> |
formEl.resetFields() |
||||
|
loadServiceList() |
||||
<style lang="scss" scoped> |
} |
||||
/* 多行超出隐藏 */ |
</script> |
||||
.multi-hidden { |
|
||||
word-break: break-all; |
<style lang="scss" scoped> |
||||
text-overflow: ellipsis; |
/* 多行超出隐藏 */ |
||||
overflow: hidden; |
.multi-hidden { |
||||
display: -webkit-box; |
word-break: break-all; |
||||
-webkit-line-clamp: 2; |
text-overflow: ellipsis; |
||||
-webkit-box-orient: vertical; |
overflow: hidden; |
||||
} |
display: -webkit-box; |
||||
</style> |
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
</style> |
||||
|
|||||
Loading…
Reference in new issue