32 changed files with 1969 additions and 1854 deletions
@ -0,0 +1,81 @@ |
|||||
|
// generated by unplugin-vue-components
|
||||
|
// We suggest you to commit this file into source control
|
||||
|
// Read more: https://github.com/vuejs/core/pull/3399
|
||||
|
import '@vue/runtime-core' |
||||
|
|
||||
|
export {} |
||||
|
|
||||
|
declare module '@vue/runtime-core' { |
||||
|
export interface GlobalComponents { |
||||
|
Attachment: typeof import('./src/components/upload-attachment/attachment.vue')['default'] |
||||
|
DiyLink: typeof import('./src/components/diy-link/index.vue')['default'] |
||||
|
Editor: typeof import('./src/components/editor/index.vue')['default'] |
||||
|
ElAside: typeof import('element-plus/es')['ElAside'] |
||||
|
ElAvatar: typeof import('element-plus/es')['ElAvatar'] |
||||
|
ElBreadcrumb: typeof import('element-plus/es')['ElBreadcrumb'] |
||||
|
ElBreadcrumbItem: typeof import('element-plus/es')['ElBreadcrumbItem'] |
||||
|
ElButton: typeof import('element-plus/es')['ElButton'] |
||||
|
ElCard: typeof import('element-plus/es')['ElCard'] |
||||
|
ElCheckbox: typeof import('element-plus/es')['ElCheckbox'] |
||||
|
ElCol: typeof import('element-plus/es')['ElCol'] |
||||
|
ElColorPicker: typeof import('element-plus/es')['ElColorPicker'] |
||||
|
ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider'] |
||||
|
ElContainer: typeof import('element-plus/es')['ElContainer'] |
||||
|
ElDialog: typeof import('element-plus/es')['ElDialog'] |
||||
|
ElDrawer: typeof import('element-plus/es')['ElDrawer'] |
||||
|
ElDropdown: typeof import('element-plus/es')['ElDropdown'] |
||||
|
ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem'] |
||||
|
ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu'] |
||||
|
ElForm: typeof import('element-plus/es')['ElForm'] |
||||
|
ElFormItem: typeof import('element-plus/es')['ElFormItem'] |
||||
|
ElHeader: typeof import('element-plus/es')['ElHeader'] |
||||
|
ElIcon: typeof import('element-plus/es')['ElIcon'] |
||||
|
ElImage: typeof import('element-plus/es')['ElImage'] |
||||
|
ElImageViewer: typeof import('element-plus/es')['ElImageViewer'] |
||||
|
ElInput: typeof import('element-plus/es')['ElInput'] |
||||
|
ElInputNumber: typeof import('element-plus/es')['ElInputNumber'] |
||||
|
ElMain: typeof import('element-plus/es')['ElMain'] |
||||
|
ElMenu: typeof import('element-plus/es')['ElMenu'] |
||||
|
ElMenuItem: typeof import('element-plus/es')['ElMenuItem'] |
||||
|
ElOption: typeof import('element-plus/es')['ElOption'] |
||||
|
ElPagination: typeof import('element-plus/es')['ElPagination'] |
||||
|
ElPopover: typeof import('element-plus/es')['ElPopover'] |
||||
|
ElRadio: typeof import('element-plus/es')['ElRadio'] |
||||
|
ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup'] |
||||
|
ElRow: typeof import('element-plus/es')['ElRow'] |
||||
|
ElScrollbar: typeof import('element-plus/es')['ElScrollbar'] |
||||
|
ElSelect: typeof import('element-plus/es')['ElSelect'] |
||||
|
ElSubMenu: typeof import('element-plus/es')['ElSubMenu'] |
||||
|
ElSwitch: typeof import('element-plus/es')['ElSwitch'] |
||||
|
ElTable: typeof import('element-plus/es')['ElTable'] |
||||
|
ElTableColumn: typeof import('element-plus/es')['ElTableColumn'] |
||||
|
ElTabPane: typeof import('element-plus/es')['ElTabPane'] |
||||
|
ElTabs: typeof import('element-plus/es')['ElTabs'] |
||||
|
ElTag: typeof import('element-plus/es')['ElTag'] |
||||
|
ElTooltip: typeof import('element-plus/es')['ElTooltip'] |
||||
|
ElTreeSelect: typeof import('element-plus/es')['ElTreeSelect'] |
||||
|
ElUpload: typeof import('element-plus/es')['ElUpload'] |
||||
|
ExportSure: typeof import('./src/components/export-sure/index.vue')['default'] |
||||
|
HeatMap: typeof import('./src/components/heat-map/index.vue')['default'] |
||||
|
Icon: typeof import('./src/components/icon/index.vue')['default'] |
||||
|
PopoverInput: typeof import('./src/components/popover-input/index.vue')['default'] |
||||
|
RangeInput: typeof import('./src/components/range-input/index.vue')['default'] |
||||
|
RouterLink: typeof import('vue-router')['RouterLink'] |
||||
|
RouterView: typeof import('vue-router')['RouterView'] |
||||
|
SelectArea: typeof import('./src/components/select-area/index.vue')['default'] |
||||
|
SelectIcon: typeof import('./src/components/select-icon/index.vue')['default'] |
||||
|
TencentMapPicker: typeof import('./src/components/TencentMapPicker.vue')['default'] |
||||
|
UploadAttachment: typeof import('./src/components/upload-attachment/index.vue')['default'] |
||||
|
UploadFile: typeof import('./src/components/upload-file/index.vue')['default'] |
||||
|
UploadImage: typeof import('./src/components/upload-image/index.vue')['default'] |
||||
|
UploadVideo: typeof import('./src/components/upload-video/index.vue')['default'] |
||||
|
Verify: typeof import('./src/components/verifition/Verify.vue')['default'] |
||||
|
VerifyPoints: typeof import('./src/components/verifition/Verify/VerifyPoints.vue')['default'] |
||||
|
VerifySlide: typeof import('./src/components/verifition/Verify/VerifySlide.vue')['default'] |
||||
|
VideoPlayer: typeof import('./src/components/video-player/index.vue')['default'] |
||||
|
WebLink: typeof import('./src/components/web-link/web-link.vue')['default'] |
||||
|
} |
||||
|
export interface ComponentCustomProperties { |
||||
|
vLoading: typeof import('element-plus/es')['ElLoadingDirective'] |
||||
|
} |
||||
|
} |
||||
@ -1,31 +1,21 @@ |
|||||
{ |
{ |
||||
"id": "沟通记录编号", |
"resourceId":"资源", |
||||
"idPlaceholder": "请输入沟通记录编号", |
"resourceIdPlaceholder":"全部", |
||||
"staffId": "员工ID", |
"resourceType":"资源类型", |
||||
"staffIdPlaceholder": "请输入员工ID", |
"resourceTypePlaceholder":"请输入资源类型", |
||||
"resourceId": "资源ID", |
"communicationType":"沟通类型", |
||||
"resourceIdPlaceholder": "请输入资源ID", |
"communicationTypePlaceholder":"请输入沟通类型", |
||||
"resourceType": "资源类型（如设备、文件、系统等）", |
"communicationResult":"沟通结果", |
||||
"resourceTypePlaceholder": "请输入资源类型（如设备、文件、系统等）", |
"communicationResultPlaceholder":"请输入沟通结果", |
||||
"communicationType": "沟通类型: phone-电话, email-邮件, meeting-会议, other-其他", |
"communicationTime":"沟通时间", |
||||
"communicationTypePlaceholder": "请输入沟通类型: phone-电话, email-邮件, meeting-会议, other-其他", |
"communicationTimePlaceholder":"请输入沟通时间", |
||||
"communicationResult": "沟通结果: success-成功, failure-失败, pending-待定", |
"remarks":"备注", |
||||
"communicationResultPlaceholder": "请输入沟通结果: success-成功, failure-失败, pending-待定", |
"remarksPlaceholder":"请输入备注", |
||||
"communicationTime": "沟通时间", |
"tag":"标签", |
||||
"communicationTimePlaceholder": "请输入沟通时间", |
"tagPlaceholder":"请输入标签", |
||||
"remarks": "备注", |
"addCommunicationRecords":"添加沟通记录", |
||||
"remarksPlaceholder": "请输入备注", |
"updateCommunicationRecords":"编辑沟通记录", |
||||
"tag": "标签: high-高, medium-中, low-低", |
"communicationRecordsDeleteTips":"确定要删除该数据吗？", |
||||
"tagPlaceholder": "请输入标签: high-高, medium-中, low-低", |
"startDate":"请选择开始时间", |
||||
"businessId": "关联的业务ID", |
"endDate":"请选择结束时间" |
||||
"businessIdPlaceholder": "请输入关联的业务ID", |
|
||||
"createdAt": "创建时间", |
|
||||
"createdAtPlaceholder": "请输入创建时间", |
|
||||
"updatedAt": "修改时间", |
|
||||
"updatedAtPlaceholder": "请输入修改时间", |
|
||||
"addCommunicationRecords": "添加沟通记录", |
|
||||
"updateCommunicationRecords": "编辑沟通记录", |
|
||||
"communicationRecordsDeleteTips": "确定要删除该数据吗？", |
|
||||
"startDate": "请选择开始时间", |
|
||||
"endDate": "请选择结束时间" |
|
||||
} |
} |
||||
@ -1,21 +1,19 @@ |
|||||
{ |
{ |
||||
"id": "记录编号", |
"studentId":"学员", |
||||
"idPlaceholder": "请输入记录编号", |
"studentIdPlaceholder":"全部", |
||||
"studentId": "学员ID", |
"courseId":"课程", |
||||
"studentIdPlaceholder": "请输入学员ID", |
"courseIdPlaceholder":"全部", |
||||
"courseId": "课程ID", |
"totalHours":"总正式课时数", |
||||
"courseIdPlaceholder": "请输入课程ID", |
"totalHoursPlaceholder":"请输入总正式课时数", |
||||
"totalHours": "总正式课时数", |
"giftHours":"赠送课时数", |
||||
"totalHoursPlaceholder": "请输入总正式课时数", |
"giftHoursPlaceholder":"请输入赠送课时数", |
||||
"giftHours": "赠送课时数", |
"startDate":"课程开始日期", |
||||
"giftHoursPlaceholder": "请输入赠送课时数", |
"startDatePlaceholder":"请输入课程开始日期", |
||||
"startDate": "课程开始日期", |
"endDate":"课程结束日期", |
||||
"startDatePlaceholder": "请输入课程开始日期", |
"endDatePlaceholder":"请输入课程结束日期", |
||||
"endDate": "课程结束日期", |
"addStudentCourses":"添加学员课程", |
||||
"endDatePlaceholder": "请输入课程结束日期", |
"updateStudentCourses":"编辑学员课程", |
||||
"addStudentCourses": "添加学员课程", |
"studentCoursesDeleteTips":"确定要删除该数据吗？", |
||||
"updateStudentCourses": "编辑学员课程", |
"startDate":"请选择开始时间", |
||||
"studentCoursesDeleteTips": "确定要删除该数据吗？", |
"endDate":"请选择结束时间" |
||||
"startDate": "请选择开始时间", |
|
||||
"endDate": "请选择结束时间" |
|
||||
} |
} |
||||
@ -1,125 +1,198 @@ |
|||||
<template> |
<template> |
||||
<div class="schedule-container"> |
<el-card class="box-card !border-none" shadow="never"> |
||||
<!-- 周视图日历 --> |
<el-button @click="addDict">添加</el-button> |
||||
<FullCalendar |
<div class="schedule-container"> |
||||
:options="calendarOptions" |
<!-- 周一到周日的布局 --> |
||||
ref="fullCalendar" |
<div v-for="(day, index) in days" :key="index" class="day-column"> |
||||
class="calendar" |
<div class="day-header">{{ day.date }}</div> |
||||
/> |
<el-table |
||||
|
:data="day.timeSlots" |
||||
<!-- 课程详情弹窗 --> |
border |
||||
<el-dialog |
:span-method="(data) => objectSpanMethod(day.timeSlots, data)" |
||||
v-model="dialogVisible" |
style="width: 100%" |
||||
title="课程人员安排" |
@cell-click="handleCellClick" |
||||
width="30%" |
> |
||||
:before-close="handleClose" |
<!-- 时间列 --> |
||||
> |
<el-table-column |
||||
<div v-if="selectedEvent"> |
prop="timeRange" |
||||
<h3>{{ selectedEvent.title }}</h3> |
label="时间" |
||||
<p>时间：{{ selectedEvent.time }}</p> |
width="80" |
||||
<h4>参与人员：</h4> |
align="center" |
||||
<ul> |
> |
||||
<li v-for="person in selectedEvent.people" :key="person.id"> |
<template #default="{ row }"> |
||||
{{ person.name }} - {{ person.role }} |
<div :style="{ backgroundColor: row.color }"> |
||||
</li> |
{{ row.timeRange }} |
||||
</ul> |
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<!-- 教室列 --> |
||||
|
<el-table-column |
||||
|
v-for="(classroom, idx) in day.classrooms" |
||||
|
:key="idx" |
||||
|
:label="`教室${idx + 1}`" |
||||
|
:prop="`classroom${idx + 1}`" |
||||
|
align="center" |
||||
|
> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-if="row.course && row.course.classroom === classroom"> |
||||
|
<div class="teacher-name">{{ row.course.teacher }}</div> |
||||
|
<div class="student-list"> |
||||
|
<el-tag |
||||
|
v-for="student in row.course.students" |
||||
|
:key="student" |
||||
|
size="small" |
||||
|
effect="plain" |
||||
|
> |
||||
|
{{ student }} |
||||
|
</el-tag> |
||||
|
</div> |
||||
|
<div class="classroom-name"> |
||||
|
剩余空位：{{ row.course.hasnumber }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
</div> |
</div> |
||||
</el-dialog> |
|
||||
</div> |
<!-- 详情弹窗 --> |
||||
|
<el-dialog v-model="dialogVisible" title="课程详情"> |
||||
|
<p><strong>教师:</strong> {{ selectedCourse?.teacher }}</p> |
||||
|
<p><strong>学员:</strong> {{ selectedCourse?.students.join(', ') }}</p> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</el-card> |
||||
</template> |
</template> |
||||
|
|
||||
<script setup> |
<script setup> |
||||
import { ref } from 'vue' |
import { ref } from 'vue' |
||||
import FullCalendar from '@fullcalendar/vue3' |
|
||||
import dayGridPlugin from '@fullcalendar/daygrid' |
const days = [ |
||||
import timeGridPlugin from '@fullcalendar/timegrid' |
// 示例数据结构 |
||||
import interactionPlugin from '@fullcalendar/interaction' // 新增此行 |
|
||||
import zhLocale from '@fullcalendar/core/locales/zh-cn' |
|
||||
|
|
||||
// 模拟课程数据（替换为真实接口数据） |
|
||||
const courses = ref([ |
|
||||
{ |
{ |
||||
id: 1, |
date: '周一', |
||||
title: '数学课', |
timeSlots: [ |
||||
start: '2025-05-18 08:00:00', |
{ |
||||
end: '2025-05-18 09:00:00', |
timeRange: '9:00-10:00', |
||||
people: [ |
color: '#FFA07A', |
||||
{ id: 1, name: '张老师', role: '主讲' }, |
course: { |
||||
{ id: 2, name: '李同学', role: '学生' }, |
teacher: '', |
||||
|
students: [], |
||||
|
classroom: '教室1', |
||||
|
hasnumber: 5, |
||||
|
}, |
||||
|
}, |
||||
|
// 其他时间段... |
||||
], |
], |
||||
|
classrooms: ['教室1'], // 当天可用教室列表 |
||||
}, |
}, |
||||
{ |
{ |
||||
id: 2, |
date: '周二', |
||||
title: '英语课', |
timeSlots: [ |
||||
start: '2025-05-18 10:00:00', |
{ |
||||
end: '2025-05-18 11:00:00', |
timeRange: '9:00-10:00', |
||||
people: [{ id: 3, name: '王老师', role: '主讲' }], |
color: '#FFA07A', |
||||
|
course: { |
||||
|
teacher: '张老师', |
||||
|
students: ['小明', '小红'], |
||||
|
classroom: '教室1', |
||||
|
hasnumber: 5, |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
timeRange: '11:00-12:00', |
||||
|
color: '#712e13', |
||||
|
course: { |
||||
|
teacher: '张老师', |
||||
|
students: ['小明', '小红'], |
||||
|
classroom: '教室2', |
||||
|
hasnumber: 5, |
||||
|
}, |
||||
|
}, |
||||
|
// 其他时间段... |
||||
|
], |
||||
|
classrooms: ['教室1', '教室2'], // 当天可用教室列表 |
||||
}, |
}, |
||||
]) |
] |
||||
|
|
||||
// 弹窗相关 |
|
||||
const dialogVisible = ref(false) |
const dialogVisible = ref(false) |
||||
const selectedEvent = ref(null) |
const selectedCourse = ref(null) |
||||
|
|
||||
// FullCalendar 配置 |
// 合并单元格方法 |
||||
const calendarOptions = ref({ |
const objectSpanMethod = (timeSlots, { row, column, rowIndex }) => { |
||||
locale: zhLocale, |
if (column.property === 'timeRange') { |
||||
plugins: [ |
// 获取当前时间段 |
||||
dayGridPlugin, |
const current = timeSlots[rowIndex] |
||||
timeGridPlugin, |
|
||||
interactionPlugin, // 新增此行 |
// 如果当前行没有时间范围，不合并 |
||||
], |
if (!current || !current.timeRange) return { rowspan: 0, colspan: 0 } |
||||
initialView: 'timeGridWeek', // 周视图 |
|
||||
headerToolbar: { |
let spanCount = 1 |
||||
left: 'prev,next today', |
|
||||
center: 'title', |
// 向下查找相同时间段的行数 |
||||
right: 'timeGridWeek,timeGridDay', // 切换视图 |
while (timeSlots[rowIndex + spanCount]?.timeRange === current.timeRange) { |
||||
}, |
spanCount++ |
||||
events: courses.value, |
|
||||
eventClick: (info) => { |
|
||||
selectedEvent.value = { |
|
||||
title: info.event.title, |
|
||||
time: `${info.event.start.toLocaleTimeString()} - ${info.event.end.toLocaleTimeString()}`, |
|
||||
people: info.event.extendedProps.people, |
|
||||
} |
} |
||||
dialogVisible.value = true |
|
||||
}, |
|
||||
eventContent: (arg) => { |
|
||||
// 自定义事件内容（可选） |
|
||||
return { html: `<div class="fc-event-title">${arg.event.title}</div>` } |
|
||||
}, |
|
||||
allDaySlot: false, // 隐藏全天时段 |
|
||||
slotDuration: '01:00', // 时间段间隔（1小时） |
|
||||
slotLabelFormat: { |
|
||||
hour: 'numeric', |
|
||||
minute: '2-digit', |
|
||||
omitZeroMinute: false, |
|
||||
meridiem: 'short', |
|
||||
}, |
|
||||
}) |
|
||||
|
|
||||
// 关闭弹窗时重置数据 |
// 如果是重复的，隐藏该行 |
||||
const handleClose = () => { |
if ( |
||||
dialogVisible.value = false |
spanCount > 1 && |
||||
selectedEvent.value = null |
rowIndex > 0 && |
||||
|
timeSlots[rowIndex - 1]?.timeRange === current.timeRange |
||||
|
) { |
||||
|
return { rowspan: 0, colspan: 0 } |
||||
|
} |
||||
|
|
||||
|
return { rowspan: spanCount, colspan: 1 } |
||||
|
} |
||||
|
|
||||
|
return { rowspan: 1, colspan: 1 } |
||||
|
} |
||||
|
|
||||
|
// 单元格点击事件 |
||||
|
const handleCellClick = (row, column, cell, event) => { |
||||
|
console.log(row, column, cell, event) |
||||
|
if (column.property.startsWith('classroom')) { |
||||
|
selectedCourse.value = row.course |
||||
|
dialogVisible.value = true |
||||
|
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|
||||
<style> |
<style scoped> |
||||
.schedule-container { |
.schedule-container { |
||||
padding: 20px; |
display: flex; |
||||
|
gap: 10px; |
||||
|
} |
||||
|
|
||||
|
.day-column { |
||||
|
flex: 1; |
||||
|
min-width: 200px; |
||||
|
} |
||||
|
|
||||
|
.day-header { |
||||
|
text-align: center; |
||||
|
font-weight: bold; |
||||
|
padding: 8px; |
||||
|
background-color: #f0f0f0; |
||||
|
} |
||||
|
|
||||
|
.teacher-name { |
||||
|
font-weight: bold; |
||||
|
margin-bottom: 5px; |
||||
} |
} |
||||
|
|
||||
.calendar { |
.student-list { |
||||
margin-bottom: 20px; |
margin-top: 5px; |
||||
} |
} |
||||
|
|
||||
.fc-event-title { |
.el-table__cell { |
||||
white-space: normal !important; |
display: flex; |
||||
font-size: 14px; |
align-items: center; |
||||
} |
} |
||||
|
|
||||
.fc-timegrid-event { |
.classroom-name { |
||||
cursor: pointer; |
margin-bottom: 5px; |
||||
} |
} |
||||
</style> |
</style> |
||||
|
|||||
@ -0,0 +1,212 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<el-card class="box-card !border-none" shadow="never" v-loading="loading"> |
||||
|
|
||||
|
<div class="flex justify-between items-center"> |
||||
|
<span class="text-lg">{{ pageName }}</span> |
||||
|
<el-button type="primary" @click="addStage"> |
||||
|
新增阶段 |
||||
|
</el-button> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<el-card class="box-card !border-none" shadow="never" > |
||||
|
|
||||
|
<div class="flex items-center justify-between p-[10px] table-item-border bg"> |
||||
|
<span class="text-base w-[230px]">阶段名称</span> |
||||
|
<span class="text-base w-[110px] text-center">底薪</span> |
||||
|
</div> |
||||
|
|
||||
|
<el-collapse v-model="activeNames" accordion > |
||||
|
<el-collapse-item v-for="(stage, index) in stages" :key="stage.id" :name="stage.id"> |
||||
|
|
||||
|
<template #title> |
||||
|
<div class="collapse-title"> |
||||
|
<span class="title-name">{{ stage.name }}</span> |
||||
|
<span class="arrow">{{ stage.price }} 元</span> |
||||
|
<!-- <span class="arrow">></span> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<el-form label-width="100px" style="margin-bottom: 10px"> |
||||
|
<el-form-item label="阶段名称"> |
||||
|
<el-input v-model="stage.name" placeholder="请输入阶段名称" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-form label-width="100px" style="margin-bottom: 10px"> |
||||
|
<el-form-item label="阶段底薪"> |
||||
|
<el-input v-model="stage.price" placeholder="请输入阶段底薪" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<el-button type="success" size="small" @click="addRule(stage)">新增规则</el-button> |
||||
|
|
||||
|
<el-table :data="stage.rules" border style="margin-top: 10px"> |
||||
|
<el-table-column prop="renewal_standard_min" label="续费上限"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.renewal_standard_min" placeholder="请输入续费上限" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="renewal_standard_max" label="续费下限"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.renewal_standard_max" placeholder="请输入续费下限" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="renewal_commission" label="续费提成"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.renewal_commission" placeholder="%" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="new_count_min" label="新单成交数上限"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.new_count_min" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="new_count_max" label="新单成交数下限"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.new_count_max" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column prop="new_move_5" label="新招（5+1）x3"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.new_move_5" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="new_move_7" label="新招（7+1）x3"> |
||||
|
<template #default="{ row }"> |
||||
|
<el-input v-model="row.new_move_7" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="操作" width="100"> |
||||
|
<template #default="{ $index }"> |
||||
|
<el-button type="danger" size="small" @click="removeRule(stage, $index)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-button type="danger" size="small" style="margin-top: 10px" |
||||
|
@click="removeStage(index)">删除该阶段</el-button> |
||||
|
</el-collapse-item> |
||||
|
</el-collapse> |
||||
|
|
||||
|
<div style="text-align: right; margin-top: 20px;"> |
||||
|
<el-button type="primary" @click="onSave">提交保存</el-button> |
||||
|
</div> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { xsyjConfig, getXsyjConfig } from '@/app/api/sys' |
||||
|
import { reactive, ref } from 'vue' |
||||
|
import {ElMessage} from 'element-plus' |
||||
|
import { useRoute } from 'vue-router' |
||||
|
const route = useRoute() |
||||
|
const pageName = route.meta.title |
||||
|
|
||||
|
const loading = ref(true) |
||||
|
const stages = ref([]) |
||||
|
const activeNames = ref(null) |
||||
|
|
||||
|
function addStage() { |
||||
|
const newStage = { |
||||
|
name: '默认阶段', |
||||
|
price:0, |
||||
|
rules: [{ |
||||
|
renewal_standard_min: '', |
||||
|
renewal_standard_max: '', |
||||
|
renewal_commission: '', |
||||
|
new_count_min: '', |
||||
|
new_count_max: '', |
||||
|
new_move_5: '', |
||||
|
new_move_7: '' |
||||
|
}] |
||||
|
} |
||||
|
stages.value.push(newStage) |
||||
|
activeNames.value = newStage.name |
||||
|
} |
||||
|
|
||||
|
function removeStage(index) { |
||||
|
stages.value.splice(index, 1) |
||||
|
} |
||||
|
|
||||
|
function addRule(stage) { |
||||
|
stage.rules.push({ |
||||
|
renewal_standard_min: '', |
||||
|
renewal_standard_max: '', |
||||
|
renewal_commission: '', |
||||
|
new_count_min: '', |
||||
|
new_count_max: '', |
||||
|
new_move_5: '', |
||||
|
new_move_7: '' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
function removeRule(stage, ruleIndex) { |
||||
|
if (stage.rules.length === 1) { |
||||
|
ElMessage.warning('至少保留一条规则') |
||||
|
return |
||||
|
} |
||||
|
stage.rules.splice(ruleIndex, 1) |
||||
|
} |
||||
|
|
||||
|
const setFormData = async () => { |
||||
|
const data = await (await getXsyjConfig()).data |
||||
|
stages.value = data |
||||
|
loading.value = false |
||||
|
} |
||||
|
|
||||
|
setFormData(); |
||||
|
|
||||
|
const onSave = async () => { |
||||
|
xsyjConfig(stages.value) |
||||
|
.then(() => { |
||||
|
loading.value = true |
||||
|
setFormData() |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
loading.value = false |
||||
|
}) |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.collapse-title { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: space-between; |
||||
|
width: 100%; |
||||
|
font-size: 14px; |
||||
|
font-weight: 500; |
||||
|
padding-right: 10px; |
||||
|
color: #333; |
||||
|
padding: 10px; |
||||
|
} |
||||
|
|
||||
|
.title-name { |
||||
|
width: 230px; |
||||
|
} |
||||
|
|
||||
|
.title-salary { |
||||
|
width: 110px; |
||||
|
text-align: center; |
||||
|
color: #7438D5; |
||||
|
} |
||||
|
|
||||
|
.arrow { |
||||
|
margin-left: auto; |
||||
|
color: #999; |
||||
|
font-size: 14px; |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,55 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\model\student; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
use think\model\relation\HasMany; |
||||
|
use think\model\relation\HasOne; |
||||
|
|
||||
|
|
||||
|
class Student extends BaseModel |
||||
|
{ |
||||
|
use SoftDelete; |
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'student'; |
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 定义软删除标记字段 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $deleteTime = 'deleted_at'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除字段的默认值 |
||||
|
* @var int |
||||
|
*/ |
||||
|
protected $defaultSoftDelete = 0; |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue