85 changed files with 6229 additions and 16899 deletions
@ -0,0 +1,333 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
v-model="showDialog" |
||||
|
:title="t('addBindingTestPaper')" |
||||
|
width="50%" |
||||
|
class="diy-dialog-wrap" |
||||
|
:destroy-on-close="true" |
||||
|
> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
:model="lessonCourseTeachingTable.searchParam" |
||||
|
ref="searchFormRef" |
||||
|
> |
||||
|
<el-form-item :label="t('totalScore')" prop="title"> |
||||
|
<el-input |
||||
|
v-model="lessonCourseTeachingTable.searchParam.total_score" |
||||
|
:placeholder="t('totalScore')" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="t('selectionMode')" prop="status"> |
||||
|
|
||||
|
<el-select class="input-width" v-model="lessonCourseTeachingTable.searchParam.selection_mode" clearable :placeholder="t('selectionMode')"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option label="随机组题" value="random" /> |
||||
|
<el-option label="自选题目" value="manual" /> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="loadLessonCourseTeachingList()">{{ |
||||
|
t('search') |
||||
|
}}</el-button> |
||||
|
<el-button @click="resetForm(searchFormRef)">{{ |
||||
|
t('reset') |
||||
|
}}</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<div class="mt-[10px]"> |
||||
|
<el-table |
||||
|
:data="lessonCourseTeachingTable.data" |
||||
|
size="large" |
||||
|
v-loading="lessonCourseTeachingTable.loading" |
||||
|
@selection-change="handleSelectionChange" |
||||
|
> |
||||
|
<template #empty> |
||||
|
<span>{{ |
||||
|
!lessonCourseTeachingTable.loading ? t('emptyData') : '' |
||||
|
}}</span> |
||||
|
</template> |
||||
|
<el-table-column type="selection" width="55" /> |
||||
|
<el-table-column |
||||
|
prop="total_score" |
||||
|
min-width="80" |
||||
|
:label="t('totalScore')" |
||||
|
:show-overflow-tooltip="true" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="passing_score" |
||||
|
min-width="80" |
||||
|
:label="t('passingScore')" |
||||
|
:show-overflow-tooltip="true" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
:label="t('selectionMode')" |
||||
|
min-width="120" |
||||
|
align="center" |
||||
|
:show-overflow-tooltip="true" |
||||
|
> |
||||
|
<template #default="{ row }"> |
||||
|
<div v-if="row.selection_mode == 'random'">随机组题</div> |
||||
|
<div v-if="row.selection_mode == 'manual'">自选题目</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="created_at" |
||||
|
:label="t('userCreateTime')" |
||||
|
min-width="150" |
||||
|
:show-overflow-tooltip="true" |
||||
|
/> |
||||
|
<!-- <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-button type="primary" link @click="deleteEvent(row.id, 1)">{{--> |
||||
|
<!-- t('delete')--> |
||||
|
<!-- }}</el-button>--> |
||||
|
<!-- </template>--> |
||||
|
<!-- </el-table-column>--> |
||||
|
</el-table> |
||||
|
<div class="mt-[16px] flex justify-end"> |
||||
|
<el-pagination |
||||
|
v-model:current-page="lessonCourseTeachingTable.page" |
||||
|
v-model:page-size="lessonCourseTeachingTable.limit" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
:total="lessonCourseTeachingTable.total" |
||||
|
@size-change="loadLessonCourseTeachingList()" |
||||
|
@current-change="loadLessonCourseTeachingList" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<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') }}</el-button |
||||
|
> |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import { t } from '@/lang' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { |
||||
|
addLessonCourseTeaching, |
||||
|
editLessonCourseTeaching, |
||||
|
getLessonCourseTeachingInfo, |
||||
|
getLessonCourseTeachingList, |
||||
|
getWithPersonnelDataList, getWithTestPaperList, |
||||
|
setBindingTestPaperModule, |
||||
|
} from '@/app/api/lesson_course_teaching' |
||||
|
import { ElMessage } from 'element-plus' |
||||
|
|
||||
|
let showDialog = ref(false) |
||||
|
const loading = ref(false) |
||||
|
|
||||
|
let lessonCourseTeachingTable = reactive({ |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
total: 0, |
||||
|
loading: true, |
||||
|
data: [], |
||||
|
searchParam: { |
||||
|
total_score: '', |
||||
|
selection_mode: '' |
||||
|
}, |
||||
|
}) |
||||
|
|
||||
|
const multipleSelection = ref<[]>([]) |
||||
|
const binding_module = ref('') |
||||
|
const handleSelectionChange = (val: []) => { |
||||
|
multipleSelection.value = val |
||||
|
} |
||||
|
|
||||
|
const loadLessonCourseTeachingList = (page: number = 1) => { |
||||
|
lessonCourseTeachingTable.loading = true |
||||
|
lessonCourseTeachingTable.page = page |
||||
|
|
||||
|
getWithTestPaperList({ |
||||
|
page: lessonCourseTeachingTable.page, |
||||
|
limit: lessonCourseTeachingTable.limit, |
||||
|
...lessonCourseTeachingTable.searchParam, |
||||
|
}) |
||||
|
.then((res) => { |
||||
|
lessonCourseTeachingTable.loading = false |
||||
|
lessonCourseTeachingTable.data = res.data.data |
||||
|
lessonCourseTeachingTable.total = res.data.total |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
lessonCourseTeachingTable.loading = false |
||||
|
}) |
||||
|
} |
||||
|
loadLessonCourseTeachingList() |
||||
|
|
||||
|
const resetForm = (page: number = 1) => { |
||||
|
lessonCourseTeachingTable.searchParam.total_score = '' |
||||
|
lessonCourseTeachingTable.searchParam.selection_mode = '' |
||||
|
loadLessonCourseTeachingList() |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: '', |
||||
|
title: '', |
||||
|
image: '', |
||||
|
type: '', |
||||
|
content: '', |
||||
|
status: '', |
||||
|
// user_permission: [], |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
|
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
title: [ |
||||
|
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
||||
|
], |
||||
|
image: [ |
||||
|
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
||||
|
], |
||||
|
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
||||
|
content: [ |
||||
|
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
||||
|
], |
||||
|
status: [ |
||||
|
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
||||
|
], |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
const emit = defineEmits(['complete']) |
||||
|
|
||||
|
/** |
||||
|
* 确认 |
||||
|
* @param formEl |
||||
|
*/ |
||||
|
const confirm = async (formEl: FormInstance | undefined) => { |
||||
|
if(multipleSelection.value.length == 0) { |
||||
|
ElMessage.error('请选择数据'); |
||||
|
return; |
||||
|
} else if (multipleSelection.value.length > 1) { |
||||
|
ElMessage.error('只能选择一条数据'); |
||||
|
return; |
||||
|
} |
||||
|
let data = { |
||||
|
id: BindingId.value, |
||||
|
exam_papers_id: multipleSelection.value |
||||
|
.map((item) => item.id) |
||||
|
.join(',') |
||||
|
} |
||||
|
setBindingTestPaperModule(data) |
||||
|
.then((res) => { |
||||
|
loading.value = false |
||||
|
showDialog.value = false |
||||
|
emit('complete') |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
loading.value = false |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 获取字典数据 |
||||
|
let typeList = ref([]) |
||||
|
const typeDictList = async () => { |
||||
|
typeList.value = await (await useDictionary('material_type')).data.dictionary |
||||
|
} |
||||
|
typeDictList() |
||||
|
watch( |
||||
|
() => typeList.value, |
||||
|
() => { |
||||
|
formData.type = typeList.value[0].value |
||||
|
} |
||||
|
) |
||||
|
let statusList = ref([]) |
||||
|
const statusDictList = async () => { |
||||
|
statusList.value = await ( |
||||
|
await useDictionary('course_status') |
||||
|
).data.dictionary |
||||
|
} |
||||
|
statusDictList() |
||||
|
watch( |
||||
|
() => statusList.value, |
||||
|
() => { |
||||
|
formData.status = statusList.value[0].value |
||||
|
} |
||||
|
) |
||||
|
|
||||
|
const userPermissionList = ref([] as any[]) |
||||
|
const BindingId = ref(undefined) |
||||
|
const setUserPermissionList = async () => { |
||||
|
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
||||
|
} |
||||
|
setUserPermissionList() |
||||
|
const setFormData = async (row: any = null) => { |
||||
|
BindingId.value = row.id |
||||
|
binding_module.value = row.table_type |
||||
|
} |
||||
|
|
||||
|
// 验证手机号格式 |
||||
|
const mobileVerify = (rule: any, value: any, callback: any) => { |
||||
|
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
||||
|
callback(new Error(t('generateMobile'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证身份证号 |
||||
|
const idCardVerify = (rule: any, value: any, callback: any) => { |
||||
|
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 |
||||
|
) |
||||
|
) { |
||||
|
callback(new Error(t('generateIdCard'))) |
||||
|
} else { |
||||
|
callback() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 验证邮箱号 |
||||
|
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,273 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editBasketballTeachingLibrary') |
|
||||
: t('addBasketballTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addBasketballTeachingLibrary, |
|
||||
editBasketballTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 26, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 26 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id ? t('editNinjaTeachingLibrary') : t('addNinjaTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addNinjaTeachingLibrary, |
|
||||
editNinjaTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 21, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 21 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editPhysicalTeachingLibrary') |
|
||||
: t('addPhysicalTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addPhysicalTeachingLibrary, |
|
||||
editPhysicalTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editPhysicalTeachingLibrary |
|
||||
: addPhysicalTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,273 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editSecurityTeachingLibrary') |
|
||||
: t('addSecurityTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addSecurityTeachingLibrary, |
|
||||
editSecurityTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 22, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 22 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,273 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editStrengthenTeachingLibrary') |
|
||||
: t('addStrengthenTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addStrengTeachingLibrary, |
|
||||
editStrengTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 20, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 20 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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> |
|
||||
File diff suppressed because it is too large
@ -0,0 +1,149 @@ |
|||||
|
<template> |
||||
|
<el-dialog |
||||
|
v-model="showDialog" |
||||
|
:title="formData.id ? t('updateCourse') : t('addCourse')" |
||||
|
width="50%" |
||||
|
class="diy-dialog-wrap" |
||||
|
:destroy-on-close="true" |
||||
|
> |
||||
|
<el-form |
||||
|
:model="formData" |
||||
|
label-width="120px" |
||||
|
ref="formRef" |
||||
|
:rules="formRules" |
||||
|
class="page-form" |
||||
|
v-loading="loading" |
||||
|
> |
||||
|
|
||||
|
<el-form-item label="合同" prop="contract_id"> |
||||
|
<el-select |
||||
|
class="input-width" |
||||
|
v-model="formData.contract_id" |
||||
|
placeholder="请选择合同" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="(item, index) in contractList" |
||||
|
:key="index" |
||||
|
:label="item.contract_name" |
||||
|
:value="item.id" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<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') }}</el-button |
||||
|
> |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive, computed, watch } from 'vue' |
||||
|
import { useDictionary } from '@/app/api/dict' |
||||
|
import { t } from '@/lang' |
||||
|
import type { FormInstance } from 'element-plus' |
||||
|
import { addCourse, editCourse, getCourseInfo,contractAll } from '@/app/api/course' |
||||
|
|
||||
|
let showDialog = ref(false) |
||||
|
const loading = ref(false) |
||||
|
|
||||
|
|
||||
|
const contractList : any = ref(null) |
||||
|
// 获取全部标签 |
||||
|
const getContractAll = async () => { |
||||
|
contractList.value = await (await contractAll()).data |
||||
|
} |
||||
|
getContractAll() |
||||
|
|
||||
|
/** |
||||
|
* 表单数据 |
||||
|
*/ |
||||
|
const initialFormData = { |
||||
|
id: '', |
||||
|
course_name: '', |
||||
|
course_type: '', |
||||
|
duration: '', |
||||
|
session_count: '', |
||||
|
single_session_count: '', |
||||
|
price: '', |
||||
|
internal_reminder: '', |
||||
|
customer_reminder: '', |
||||
|
remarks: '', |
||||
|
contract_id: '', |
||||
|
} |
||||
|
const formData: Record<string, any> = reactive({ ...initialFormData }) |
||||
|
|
||||
|
const formRef = ref<FormInstance>() |
||||
|
|
||||
|
// 表单验证规则 |
||||
|
const formRules = computed(() => { |
||||
|
return { |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
const emit = defineEmits(['complete']) |
||||
|
|
||||
|
/** |
||||
|
* 确认 |
||||
|
* @param formEl |
||||
|
*/ |
||||
|
const confirm = async (formEl: FormInstance | undefined) => { |
||||
|
if (loading.value || !formEl) return |
||||
|
let save = formData.id ? editCourse : addCourse |
||||
|
|
||||
|
await formEl.validate(async (valid) => { |
||||
|
if (valid) { |
||||
|
loading.value = true |
||||
|
|
||||
|
let data = formData |
||||
|
|
||||
|
save(data) |
||||
|
.then((res) => { |
||||
|
loading.value = false |
||||
|
showDialog.value = false |
||||
|
emit('complete') |
||||
|
}) |
||||
|
.catch((err) => { |
||||
|
loading.value = false |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 获取字典数据 |
||||
|
|
||||
|
const setFormData = async (row: any = null) => { |
||||
|
Object.assign(formData, initialFormData) |
||||
|
loading.value = true |
||||
|
if (row) { |
||||
|
const data = await (await getCourseInfo(row.id)).data |
||||
|
if (data) |
||||
|
Object.keys(formData).forEach((key: string) => { |
||||
|
if (data[key] != undefined) formData[key] = data[key] |
||||
|
}) |
||||
|
} |
||||
|
loading.value = false |
||||
|
} |
||||
|
|
||||
|
|
||||
|
defineExpose({ |
||||
|
showDialog, |
||||
|
setFormData, |
||||
|
}) |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
|
<style lang="scss"> |
||||
|
.diy-dialog-wrap .el-form-item__label { |
||||
|
height: auto !important; |
||||
|
} |
||||
|
</style> |
||||
File diff suppressed because it is too large
@ -1,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editBasketballTeachingLibrary') |
|
||||
: t('addBasketballTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addBasketballTeachingLibrary, |
|
||||
editBasketballTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editBasketballTeachingLibrary |
|
||||
: addBasketballTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,267 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id ? t('editNinjaTeachingLibrary') : t('addNinjaTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addNinjaTeachingLibrary, |
|
||||
editNinjaTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editNinjaTeachingLibrary : addNinjaTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editPhysicalTeachingLibrary') |
|
||||
: t('addPhysicalTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addPhysicalTeachingLibrary, |
|
||||
editPhysicalTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editPhysicalTeachingLibrary |
|
||||
: addPhysicalTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editSecurityTeachingLibrary') |
|
||||
: t('addSecurityTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addSecurityTeachingLibrary, |
|
||||
editSecurityTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editSecurityTeachingLibrary |
|
||||
: addSecurityTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,269 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editStrengthenTeachingLibrary') |
|
||||
: t('addStrengthenTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addStrengTeachingLibrary, |
|
||||
editStrengTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editStrengTeachingLibrary : addStrengTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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> |
|
||||
File diff suppressed because it is too large
@ -1,267 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id ? t('editNinjaTeachingLibrary') : t('addNinjaTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addNinjaTeachingLibrary, |
|
||||
editNinjaTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editNinjaTeachingLibrary : addNinjaTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editPhysicalTeachingLibrary') |
|
||||
: t('addPhysicalTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addPhysicalTeachingLibrary, |
|
||||
editPhysicalTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editPhysicalTeachingLibrary |
|
||||
: addPhysicalTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editSecurityTeachingLibrary') |
|
||||
: t('addSecurityTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addSecurityTeachingLibrary, |
|
||||
editSecurityTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editSecurityTeachingLibrary |
|
||||
: addSecurityTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,269 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editStrengthenTeachingLibrary') |
|
||||
: t('addStrengthenTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addStrengTeachingLibrary, |
|
||||
editStrengTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editStrengTeachingLibrary : addStrengTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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> |
|
||||
File diff suppressed because it is too large
@ -0,0 +1,228 @@ |
|||||
|
<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 { jlyjConfig, getJlyjConfig } 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 getJlyjConfig()).data |
||||
|
stages.value = data |
||||
|
loading.value = false |
||||
|
} |
||||
|
|
||||
|
setFormData() |
||||
|
|
||||
|
const onSave = async () => { |
||||
|
jlyjConfig(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> |
||||
@ -1,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id ? t('editNinjaTeachingLibrary') : t('addNinjaTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addNinjaTeachingLibrary, |
|
||||
editNinjaTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 21, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 21 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editPhysicalTeachingLibrary') |
|
||||
: t('addPhysicalTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addPhysicalTeachingLibrary, |
|
||||
editPhysicalTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editPhysicalTeachingLibrary |
|
||||
: addPhysicalTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,273 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editSecurityTeachingLibrary') |
|
||||
: t('addSecurityTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addSecurityTeachingLibrary, |
|
||||
editSecurityTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 22, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 22 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,273 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editStrengthenTeachingLibrary') |
|
||||
: t('addStrengthenTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addStrengTeachingLibrary, |
|
||||
editStrengTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { |
|
||||
addPublicLibraryList, |
|
||||
editPublicLibraryList, |
|
||||
} from '@/app/api/future_ontent' |
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
table_type: 20, |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id ? editPublicLibraryList : addPublicLibraryList |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
data.table_type = 20 |
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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> |
|
||||
File diff suppressed because it is too large
@ -1,271 +0,0 @@ |
|||||
<template> |
|
||||
<el-dialog |
|
||||
v-model="showDialog" |
|
||||
:title=" |
|
||||
formData.id |
|
||||
? t('editPhysicalTeachingLibrary') |
|
||||
: t('addPhysicalTeachingLibrary') |
|
||||
" |
|
||||
width="50%" |
|
||||
class="diy-dialog-wrap" |
|
||||
:destroy-on-close="true" |
|
||||
> |
|
||||
<el-form |
|
||||
:model="formData" |
|
||||
label-width="120px" |
|
||||
ref="formRef" |
|
||||
:rules="formRules" |
|
||||
class="page-form" |
|
||||
v-loading="loading" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="formData.title" |
|
||||
clearable |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
class="input-width" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('image')" prop="image"> |
|
||||
<upload-image v-model="formData.image" /> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('type')" prop="type"> |
|
||||
<el-select |
|
||||
class="input-width" |
|
||||
v-model="formData.type" |
|
||||
clearable |
|
||||
:placeholder="t('typePlaceholder')" |
|
||||
> |
|
||||
<el-option label="请选择" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in typeList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('content')" prop="content"> |
|
||||
<editor v-model="formData.content" /> |
|
||||
</el-form-item> |
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-radio-group |
|
||||
v-model="formData.status" |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-radio |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.value" |
|
||||
> |
|
||||
{{ item.name }} |
|
||||
</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<!-- <el-form-item :label="t('userPermission')" prop="user_permission">--> |
|
||||
<!-- <el-checkbox-group v-model="formData.user_permission" :placeholder="t('userPermissionPlaceholder')">--> |
|
||||
<!-- <el-checkbox--> |
|
||||
<!-- v-for="(item, index) in userPermissionList"--> |
|
||||
<!-- :key="index"--> |
|
||||
<!-- :label="item['sys_user_id']">--> |
|
||||
<!-- {{ item['name'] }}--> |
|
||||
<!-- </el-checkbox>--> |
|
||||
<!-- </el-checkbox-group>--> |
|
||||
<!-- </el-form-item>--> |
|
||||
</el-form> |
|
||||
|
|
||||
<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') }}</el-button |
|
||||
> |
|
||||
</span> |
|
||||
</template> |
|
||||
</el-dialog> |
|
||||
</template> |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { ref, reactive, computed, watch } from 'vue' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { t } from '@/lang' |
|
||||
import type { FormInstance } from 'element-plus' |
|
||||
import { |
|
||||
addPhysicalTeachingLibrary, |
|
||||
editPhysicalTeachingLibrary, |
|
||||
getLessonCourseTeachingInfo, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
|
|
||||
let showDialog = ref(false) |
|
||||
const loading = ref(false) |
|
||||
|
|
||||
/** |
|
||||
* 表单数据 |
|
||||
*/ |
|
||||
const initialFormData = { |
|
||||
id: '', |
|
||||
title: '', |
|
||||
image: '', |
|
||||
type: '', |
|
||||
content: '', |
|
||||
status: '', |
|
||||
} |
|
||||
const formData: Record<string, any> = reactive({ ...initialFormData }) |
|
||||
|
|
||||
const formRef = ref<FormInstance>() |
|
||||
|
|
||||
// 表单验证规则 |
|
||||
const formRules = computed(() => { |
|
||||
return { |
|
||||
title: [ |
|
||||
{ required: true, message: t('titlePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
image: [ |
|
||||
{ required: true, message: t('imagePlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
type: [{ required: true, message: t('typePlaceholder'), trigger: 'blur' }], |
|
||||
content: [ |
|
||||
{ required: true, message: t('contentPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
status: [ |
|
||||
{ required: true, message: t('statusPlaceholder'), trigger: 'blur' }, |
|
||||
], |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
const emit = defineEmits(['complete']) |
|
||||
|
|
||||
/** |
|
||||
* 确认 |
|
||||
* @param formEl |
|
||||
*/ |
|
||||
const confirm = async (formEl: FormInstance | undefined) => { |
|
||||
if (loading.value || !formEl) return |
|
||||
let save = formData.id |
|
||||
? editPhysicalTeachingLibrary |
|
||||
: addPhysicalTeachingLibrary |
|
||||
|
|
||||
await formEl.validate(async (valid) => { |
|
||||
if (valid) { |
|
||||
loading.value = true |
|
||||
|
|
||||
let data = formData |
|
||||
|
|
||||
save(data) |
|
||||
.then((res) => { |
|
||||
loading.value = false |
|
||||
showDialog.value = false |
|
||||
emit('complete') |
|
||||
}) |
|
||||
.catch((err) => { |
|
||||
loading.value = false |
|
||||
}) |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
// 获取字典数据 |
|
||||
let typeList = ref([]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
watch( |
|
||||
() => typeList.value, |
|
||||
() => { |
|
||||
formData.type = typeList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
let statusList = ref([]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
watch( |
|
||||
() => statusList.value, |
|
||||
() => { |
|
||||
formData.status = statusList.value[0].value |
|
||||
} |
|
||||
) |
|
||||
|
|
||||
const userPermissionList = ref([] as any[]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
const setFormData = async (row: any = null) => { |
|
||||
Object.assign(formData, initialFormData) |
|
||||
loading.value = true |
|
||||
if (row) { |
|
||||
const data = await (await getLessonCourseTeachingInfo(row.id)).data |
|
||||
if (data) |
|
||||
Object.keys(formData).forEach((key: string) => { |
|
||||
if (data[key] != undefined) formData[key] = data[key] |
|
||||
}) |
|
||||
} |
|
||||
loading.value = false |
|
||||
} |
|
||||
|
|
||||
// 验证手机号格式 |
|
||||
const mobileVerify = (rule: any, value: any, callback: any) => { |
|
||||
if (value && !/^1[3-9]\d{9}$/.test(value)) { |
|
||||
callback(new Error(t('generateMobile'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证身份证号 |
|
||||
const idCardVerify = (rule: any, value: any, callback: any) => { |
|
||||
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 |
|
||||
) |
|
||||
) { |
|
||||
callback(new Error(t('generateIdCard'))) |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
// 验证邮箱号 |
|
||||
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,789 +0,0 @@ |
|||||
<template> |
|
||||
<div class="main-container"> |
|
||||
<el-card class="box-card !border-none" shadow="never"> |
|
||||
<el-tabs v-model="active"> |
|
||||
<el-tab-pane label="训练内容" name="CourseSyllabus"> |
|
||||
<div class="flex justify-between items-center"> |
|
||||
<el-button type="primary" @click="addEvent"> |
|
||||
{{ t('addLessonCourseTeaching') }} |
|
||||
</el-button> |
|
||||
</div> |
|
||||
<el-card |
|
||||
class="box-card !border-none my-[10px] table-search-wrap" |
|
||||
shadow="never" |
|
||||
> |
|
||||
<el-form |
|
||||
:inline="true" |
|
||||
:model="lessonCourseTeachingTable.searchParam" |
|
||||
ref="searchFormRef" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="lessonCourseTeachingTable.searchParam.title" |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-select |
|
||||
class="w-[280px]" |
|
||||
v-model="lessonCourseTeachingTable.searchParam.status" |
|
||||
clearable |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-option label="全部" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('createTime')" prop="create_time"> |
|
||||
<el-date-picker |
|
||||
v-model="lessonCourseTeachingTable.searchParam.create_time" |
|
||||
type="datetimerange" |
|
||||
format="YYYY-MM-DD hh:mm:ss" |
|
||||
:start-placeholder="t('startDate')" |
|
||||
:end-placeholder="t('endDate')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('updateTime')" prop="update_time"> |
|
||||
<el-date-picker |
|
||||
v-model="lessonCourseTeachingTable.searchParam.update_time" |
|
||||
type="datetimerange" |
|
||||
format="YYYY-MM-DD hh:mm:ss" |
|
||||
:start-placeholder="t('startDate')" |
|
||||
:end-placeholder="t('endDate')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
@click="loadLessonCourseTeachingList()" |
|
||||
>{{ t('search') }}</el-button |
|
||||
> |
|
||||
<el-button @click="resetForm(searchFormRef, 13)">{{ |
|
||||
t('reset') |
|
||||
}}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-card> |
|
||||
|
|
||||
<div class="mt-[10px]"> |
|
||||
<el-table |
|
||||
:data="lessonCourseTeachingTable.data" |
|
||||
size="large" |
|
||||
v-loading="lessonCourseTeachingTable.loading" |
|
||||
> |
|
||||
<template #empty> |
|
||||
<span>{{ |
|
||||
!lessonCourseTeachingTable.loading ? t('emptyData') : '' |
|
||||
}}</span> |
|
||||
</template> |
|
||||
<el-table-column |
|
||||
prop="title" |
|
||||
:label="t('title')" |
|
||||
min-width="120" |
|
||||
:show-overflow-tooltip="true" |
|
||||
/> |
|
||||
|
|
||||
<el-table-column :label="t('image')" width="100" align="left"> |
|
||||
<template #default="{ row }"> |
|
||||
<el-avatar v-if="row.image" :src="img(row.image)" /> |
|
||||
<el-avatar v-else icon="UserFilled" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column |
|
||||
:label="t('type')" |
|
||||
min-width="180" |
|
||||
align="center" |
|
||||
:show-overflow-tooltip="true" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<div v-for="(item, index) in typeList"> |
|
||||
<div v-if="item.value == row.type">{{ item.name }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column |
|
||||
:label="t('status')" |
|
||||
min-width="180" |
|
||||
align="center" |
|
||||
:show-overflow-tooltip="true" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<div v-for="(item, index) in statusList"> |
|
||||
<div v-if="item.value == row.status">{{ item.name }}</div> |
|
||||
</div> |
|
||||
</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-button |
|
||||
type="primary" |
|
||||
link |
|
||||
@click="deleteEvent(row.id, 13)" |
|
||||
>{{ t('delete') }}</el-button |
|
||||
> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<div class="mt-[16px] flex justify-end"> |
|
||||
<el-pagination |
|
||||
v-model:current-page="lessonCourseTeachingTable.page" |
|
||||
v-model:page-size="lessonCourseTeachingTable.limit" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
:total="lessonCourseTeachingTable.total" |
|
||||
@size-change="loadLessonCourseTeachingList()" |
|
||||
@current-change="loadLessonCourseTeachingList" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<edit |
|
||||
ref="editLessonCourseTeachingDialog" |
|
||||
@complete="loadLessonCourseTeachingList" |
|
||||
/> |
|
||||
</el-tab-pane> |
|
||||
<el-tab-pane label="训练视频" name="JumpLessonLibrary"> |
|
||||
<div class="flex justify-between items-center"> |
|
||||
<el-button type="primary" @click="addJumpLessonLibrary"> |
|
||||
{{ t('addJumpLessonLibrary') }} |
|
||||
</el-button> |
|
||||
</div> |
|
||||
<el-card |
|
||||
class="box-card !border-none my-[10px] table-search-wrap" |
|
||||
shadow="never" |
|
||||
> |
|
||||
<el-form |
|
||||
:inline="true" |
|
||||
:model="JumpLessonLibraryTable.searchParam" |
|
||||
ref="searchFormRef" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="JumpLessonLibraryTable.searchParam.title" |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-select |
|
||||
class="w-[280px]" |
|
||||
v-model="JumpLessonLibraryTable.searchParam.status" |
|
||||
clearable |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-option label="全部" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('createTime')" prop="create_time"> |
|
||||
<el-date-picker |
|
||||
v-model="JumpLessonLibraryTable.searchParam.create_time" |
|
||||
type="datetimerange" |
|
||||
format="YYYY-MM-DD hh:mm:ss" |
|
||||
:start-placeholder="t('startDate')" |
|
||||
:end-placeholder="t('endDate')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('updateTime')" prop="update_time"> |
|
||||
<el-date-picker |
|
||||
v-model="JumpLessonLibraryTable.searchParam.update_time" |
|
||||
type="datetimerange" |
|
||||
format="YYYY-MM-DD hh:mm:ss" |
|
||||
:start-placeholder="t('startDate')" |
|
||||
:end-placeholder="t('endDate')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
@click="loadJumpLessonLibraryList()" |
|
||||
>{{ t('search') }}</el-button |
|
||||
> |
|
||||
<el-button @click="resetForm(searchFormRef, 14)">{{ |
|
||||
t('reset') |
|
||||
}}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-card> |
|
||||
|
|
||||
<div class="mt-[10px]"> |
|
||||
<el-table |
|
||||
:data="JumpLessonLibraryTable.data" |
|
||||
size="large" |
|
||||
v-loading="JumpLessonLibraryTable.loading" |
|
||||
> |
|
||||
<template #empty> |
|
||||
<span>{{ |
|
||||
!JumpLessonLibraryTable.loading ? t('emptyData') : '' |
|
||||
}}</span> |
|
||||
</template> |
|
||||
<el-table-column |
|
||||
prop="title" |
|
||||
:label="t('title')" |
|
||||
min-width="120" |
|
||||
:show-overflow-tooltip="true" |
|
||||
/> |
|
||||
|
|
||||
<el-table-column :label="t('image')" width="100" align="left"> |
|
||||
<template #default="{ row }"> |
|
||||
<el-avatar v-if="row.image" :src="img(row.image)" /> |
|
||||
<el-avatar v-else icon="UserFilled" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column |
|
||||
:label="t('type')" |
|
||||
min-width="180" |
|
||||
align="center" |
|
||||
:show-overflow-tooltip="true" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<div v-for="(item, index) in typeList"> |
|
||||
<div v-if="item.value == row.type">{{ item.name }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column |
|
||||
:label="t('status')" |
|
||||
min-width="180" |
|
||||
align="center" |
|
||||
:show-overflow-tooltip="true" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<div v-for="(item, index) in statusList"> |
|
||||
<div v-if="item.value == row.status">{{ item.name }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column |
|
||||
:label="t('operation')" |
|
||||
fixed="right" |
|
||||
min-width="120" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
link |
|
||||
@click="editJumpLessonLibrary(row)" |
|
||||
>{{ t('edit') }}</el-button |
|
||||
> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
link |
|
||||
@click="deleteEvent(row.id, 14)" |
|
||||
>{{ t('delete') }}</el-button |
|
||||
> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<div class="mt-[16px] flex justify-end"> |
|
||||
<el-pagination |
|
||||
v-model:current-page="JumpLessonLibraryTable.page" |
|
||||
v-model:page-size="JumpLessonLibraryTable.limit" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
:total="JumpLessonLibraryTable.total" |
|
||||
@size-change="loadJumpLessonLibraryList()" |
|
||||
@current-change="loadJumpLessonLibraryList" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<edit-jump |
|
||||
ref="editJumpLessonLibraryDialog" |
|
||||
@complete="loadJumpLessonLibraryList" |
|
||||
/> |
|
||||
</el-tab-pane> |
|
||||
<el-tab-pane label="课后作业" name="EnTeachingLibrary"> |
|
||||
<div class="flex justify-between items-center"> |
|
||||
<el-button type="primary" @click="addEnTeachingLibrary"> |
|
||||
{{ t('addEnTeachingLibrary') }} |
|
||||
</el-button> |
|
||||
</div> |
|
||||
<el-card |
|
||||
class="box-card !border-none my-[10px] table-search-wrap" |
|
||||
shadow="never" |
|
||||
> |
|
||||
<el-form |
|
||||
:inline="true" |
|
||||
:model="EnTeachingLibraryTable.searchParam" |
|
||||
ref="searchFormRef" |
|
||||
> |
|
||||
<el-form-item :label="t('title')" prop="title"> |
|
||||
<el-input |
|
||||
v-model="EnTeachingLibraryTable.searchParam.title" |
|
||||
:placeholder="t('titlePlaceholder')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('status')" prop="status"> |
|
||||
<el-select |
|
||||
class="w-[280px]" |
|
||||
v-model="EnTeachingLibraryTable.searchParam.status" |
|
||||
clearable |
|
||||
:placeholder="t('statusPlaceholder')" |
|
||||
> |
|
||||
<el-option label="全部" value=""></el-option> |
|
||||
<el-option |
|
||||
v-for="(item, index) in statusList" |
|
||||
:key="index" |
|
||||
:label="item.name" |
|
||||
:value="item.value" |
|
||||
/> |
|
||||
</el-select> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('createTime')" prop="create_time"> |
|
||||
<el-date-picker |
|
||||
v-model="EnTeachingLibraryTable.searchParam.create_time" |
|
||||
type="datetimerange" |
|
||||
format="YYYY-MM-DD hh:mm:ss" |
|
||||
:start-placeholder="t('startDate')" |
|
||||
:end-placeholder="t('endDate')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item :label="t('updateTime')" prop="update_time"> |
|
||||
<el-date-picker |
|
||||
v-model="EnTeachingLibraryTable.searchParam.update_time" |
|
||||
type="datetimerange" |
|
||||
format="YYYY-MM-DD hh:mm:ss" |
|
||||
:start-placeholder="t('startDate')" |
|
||||
:end-placeholder="t('endDate')" |
|
||||
/> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
@click="loadEnTeachingLibraryList()" |
|
||||
>{{ t('search') }}</el-button |
|
||||
> |
|
||||
<el-button @click="resetForm(searchFormRef, 15)">{{ |
|
||||
t('reset') |
|
||||
}}</el-button> |
|
||||
</el-form-item> |
|
||||
</el-form> |
|
||||
</el-card> |
|
||||
|
|
||||
<div class="mt-[10px]"> |
|
||||
<el-table |
|
||||
:data="EnTeachingLibraryTable.data" |
|
||||
size="large" |
|
||||
v-loading="EnTeachingLibraryTable.loading" |
|
||||
> |
|
||||
<template #empty> |
|
||||
<span>{{ |
|
||||
!EnTeachingLibraryTable.loading ? t('emptyData') : '' |
|
||||
}}</span> |
|
||||
</template> |
|
||||
<el-table-column |
|
||||
prop="title" |
|
||||
:label="t('title')" |
|
||||
min-width="120" |
|
||||
:show-overflow-tooltip="true" |
|
||||
/> |
|
||||
|
|
||||
<el-table-column :label="t('image')" width="100" align="left"> |
|
||||
<template #default="{ row }"> |
|
||||
<el-avatar v-if="row.image" :src="img(row.image)" /> |
|
||||
<el-avatar v-else icon="UserFilled" /> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
<el-table-column |
|
||||
:label="t('type')" |
|
||||
min-width="180" |
|
||||
align="center" |
|
||||
:show-overflow-tooltip="true" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<div v-for="(item, index) in typeList"> |
|
||||
<div v-if="item.value == row.type">{{ item.name }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column |
|
||||
:label="t('status')" |
|
||||
min-width="180" |
|
||||
align="center" |
|
||||
:show-overflow-tooltip="true" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<div v-for="(item, index) in statusList"> |
|
||||
<div v-if="item.value == row.status">{{ item.name }}</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column |
|
||||
:label="t('operation')" |
|
||||
fixed="right" |
|
||||
min-width="120" |
|
||||
> |
|
||||
<template #default="{ row }"> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
link |
|
||||
@click="editEnTeachingLibrary(row)" |
|
||||
>{{ t('edit') }}</el-button |
|
||||
> |
|
||||
<el-button |
|
||||
type="primary" |
|
||||
link |
|
||||
@click="deleteEvent(row.id, 15)" |
|
||||
>{{ t('delete') }}</el-button |
|
||||
> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
<div class="mt-[16px] flex justify-end"> |
|
||||
<el-pagination |
|
||||
v-model:current-page="EnTeachingLibraryTable.page" |
|
||||
v-model:page-size="EnTeachingLibraryTable.limit" |
|
||||
layout="total, sizes, prev, pager, next, jumper" |
|
||||
:total="EnTeachingLibraryTable.total" |
|
||||
@size-change="loadEnTeachingLibraryList()" |
|
||||
@current-change="loadEnTeachingLibraryList" |
|
||||
/> |
|
||||
</div> |
|
||||
</div> |
|
||||
|
|
||||
<edit-en |
|
||||
ref="editEnTeachingLibraryDialog" |
|
||||
@complete="loadEnTeachingLibraryList" |
|
||||
/> |
|
||||
</el-tab-pane> |
|
||||
</el-tabs> |
|
||||
</el-card> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
addPublicLibraryList editPublicLibraryList |
|
||||
|
|
||||
<script lang="ts" setup> |
|
||||
import { reactive, ref, watch } from 'vue' |
|
||||
import { t } from '@/lang' |
|
||||
import { useDictionary } from '@/app/api/dict' |
|
||||
import { |
|
||||
getLessonCourseTeachingList, |
|
||||
deleteLessonCourseTeaching, |
|
||||
getWithPersonnelDataList, |
|
||||
} from '@/app/api/lesson_course_teaching' |
|
||||
import { getPublicLibraryList } from '@/app/api/future_ontent' |
|
||||
import { img } from '@/utils/common' |
|
||||
import { ElMessageBox, FormInstance } from 'element-plus' |
|
||||
import Edit from '@/app/views/future_ontent/components/lesson-course-teaching-edit.vue' |
|
||||
import EditJump from '@/app/views/future_ontent/components/Jump-lesson-library-edit.vue' |
|
||||
import EditEn from '@/app/views/future_ontent/components/en-course-teaching-edit.vue' |
|
||||
import { useRoute } from 'vue-router' |
|
||||
const route = useRoute() |
|
||||
const pageName = route.meta.title |
|
||||
const active = 'CourseSyllabus' |
|
||||
|
|
||||
let lessonCourseTeachingTable = reactive({ |
|
||||
page: 1, |
|
||||
limit: 10, |
|
||||
total: 0, |
|
||||
loading: true, |
|
||||
data: [], |
|
||||
searchParam: { |
|
||||
title: '', |
|
||||
status: '', |
|
||||
create_time: [], |
|
||||
update_time: [], |
|
||||
table_type: 13, |
|
||||
}, |
|
||||
}) |
|
||||
let JumpLessonLibraryTable = reactive({ |
|
||||
page: 1, |
|
||||
limit: 10, |
|
||||
total: 0, |
|
||||
loading: true, |
|
||||
data: [], |
|
||||
searchParam: { |
|
||||
title: '', |
|
||||
status: '', |
|
||||
create_time: [], |
|
||||
update_time: [], |
|
||||
table_type: 14, |
|
||||
}, |
|
||||
}) |
|
||||
let EnTeachingLibraryTable = reactive({ |
|
||||
page: 1, |
|
||||
limit: 10, |
|
||||
total: 0, |
|
||||
loading: true, |
|
||||
data: [], |
|
||||
searchParam: { |
|
||||
title: '', |
|
||||
status: '', |
|
||||
create_time: [], |
|
||||
update_time: [], |
|
||||
table_type: 15, |
|
||||
}, |
|
||||
}) |
|
||||
|
|
||||
const searchFormRef = ref<FormInstance>() |
|
||||
|
|
||||
// 选中数据 |
|
||||
const selectData = ref<any[]>([]) |
|
||||
|
|
||||
// 字典数据 |
|
||||
const typeList = ref([] as any[]) |
|
||||
const typeDictList = async () => { |
|
||||
typeList.value = await (await useDictionary('material_type')).data.dictionary |
|
||||
} |
|
||||
typeDictList() |
|
||||
const statusList = ref([] as any[]) |
|
||||
const statusDictList = async () => { |
|
||||
statusList.value = await ( |
|
||||
await useDictionary('course_status') |
|
||||
).data.dictionary |
|
||||
} |
|
||||
statusDictList() |
|
||||
|
|
||||
const editLessonCourseTeachingDialog: Record<string, any> | null = ref(null) |
|
||||
const editJumpLessonLibraryDialog: Record<string, any> | null = ref(null) |
|
||||
const editEnTeachingLibraryDialog: Record<string, any> | null = ref(null) |
|
||||
|
|
||||
/** |
|
||||
* 获取课程教学大纲列表 |
|
||||
*/ |
|
||||
const loadLessonCourseTeachingList = (page: number = 1) => { |
|
||||
lessonCourseTeachingTable.loading = true |
|
||||
lessonCourseTeachingTable.page = page |
|
||||
|
|
||||
getPublicLibraryList({ |
|
||||
page: lessonCourseTeachingTable.page, |
|
||||
limit: lessonCourseTeachingTable.limit, |
|
||||
...lessonCourseTeachingTable.searchParam, |
|
||||
}) |
|
||||
.then((res) => { |
|
||||
lessonCourseTeachingTable.loading = false |
|
||||
lessonCourseTeachingTable.data = res.data.data |
|
||||
lessonCourseTeachingTable.total = res.data.total |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
lessonCourseTeachingTable.loading = false |
|
||||
}) |
|
||||
} |
|
||||
loadLessonCourseTeachingList() |
|
||||
|
|
||||
/** |
|
||||
* 添加课程教学大纲 |
|
||||
*/ |
|
||||
const addEvent = () => { |
|
||||
editLessonCourseTeachingDialog.value.setFormData() |
|
||||
editLessonCourseTeachingDialog.value.showDialog = true |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 编辑课程教学大纲 |
|
||||
* @param data |
|
||||
*/ |
|
||||
const editEvent = (data: any) => { |
|
||||
editLessonCourseTeachingDialog.value.setFormData(data) |
|
||||
editLessonCourseTeachingDialog.value.showDialog = true |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 获取跳绳教案库列表 |
|
||||
*/ |
|
||||
const loadJumpLessonLibraryList = (page: number = 1) => { |
|
||||
JumpLessonLibraryTable.loading = true |
|
||||
JumpLessonLibraryTable.page = page |
|
||||
|
|
||||
getPublicLibraryList({ |
|
||||
page: JumpLessonLibraryTable.page, |
|
||||
limit: JumpLessonLibraryTable.limit, |
|
||||
...JumpLessonLibraryTable.searchParam, |
|
||||
}) |
|
||||
.then((res) => { |
|
||||
JumpLessonLibraryTable.loading = false |
|
||||
JumpLessonLibraryTable.data = res.data.data |
|
||||
JumpLessonLibraryTable.total = res.data.total |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
JumpLessonLibraryTable.loading = false |
|
||||
}) |
|
||||
} |
|
||||
loadJumpLessonLibraryList() |
|
||||
|
|
||||
/** |
|
||||
* 添加跳绳教案库 |
|
||||
*/ |
|
||||
const addJumpLessonLibrary = () => { |
|
||||
editJumpLessonLibraryDialog.value.setFormData() |
|
||||
editJumpLessonLibraryDialog.value.showDialog = true |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 编辑跳绳教案库 |
|
||||
* @param data |
|
||||
*/ |
|
||||
const editJumpLessonLibrary = (data: any) => { |
|
||||
editJumpLessonLibraryDialog.value.setFormData(data) |
|
||||
editJumpLessonLibraryDialog.value.showDialog = true |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 获取增高教案库列表 |
|
||||
*/ |
|
||||
const loadEnTeachingLibraryList = (page: number = 1) => { |
|
||||
EnTeachingLibraryTable.loading = true |
|
||||
EnTeachingLibraryTable.page = page |
|
||||
|
|
||||
getPublicLibraryList({ |
|
||||
page: EnTeachingLibraryTable.page, |
|
||||
limit: EnTeachingLibraryTable.limit, |
|
||||
...EnTeachingLibraryTable.searchParam, |
|
||||
}) |
|
||||
.then((res) => { |
|
||||
EnTeachingLibraryTable.loading = false |
|
||||
EnTeachingLibraryTable.data = res.data.data |
|
||||
EnTeachingLibraryTable.total = res.data.total |
|
||||
}) |
|
||||
.catch(() => { |
|
||||
EnTeachingLibraryTable.loading = false |
|
||||
}) |
|
||||
} |
|
||||
loadEnTeachingLibraryList() |
|
||||
|
|
||||
/** |
|
||||
* 添加增高教案库 |
|
||||
*/ |
|
||||
const addEnTeachingLibrary = () => { |
|
||||
editEnTeachingLibraryDialog.value.setFormData() |
|
||||
editEnTeachingLibraryDialog.value.showDialog = true |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 编辑增高教案库 |
|
||||
* @param data |
|
||||
*/ |
|
||||
const editEnTeachingLibrary = (data: any) => { |
|
||||
editEnTeachingLibraryDialog.value.setFormData(data) |
|
||||
editEnTeachingLibraryDialog.value.showDialog = true |
|
||||
} |
|
||||
|
|
||||
/** |
|
||||
* 删除教研管理 |
|
||||
*/ |
|
||||
const deleteEvent = (id: number, type: number) => { |
|
||||
ElMessageBox.confirm(t('lessonCourseTeachingDeleteTips'), t('warning'), { |
|
||||
confirmButtonText: t('confirm'), |
|
||||
cancelButtonText: t('cancel'), |
|
||||
type: 'warning', |
|
||||
}).then(() => { |
|
||||
deleteLessonCourseTeaching(id) |
|
||||
.then(() => { |
|
||||
if (type === 13) { |
|
||||
loadLessonCourseTeachingList() |
|
||||
} else if (type === 14) { |
|
||||
loadJumpLessonLibraryList() |
|
||||
} else if (type === 15) { |
|
||||
loadEnTeachingLibraryList() |
|
||||
} |
|
||||
}) |
|
||||
.catch(() => {}) |
|
||||
}) |
|
||||
} |
|
||||
|
|
||||
const userPermissionList = ref([]) |
|
||||
const setUserPermissionList = async () => { |
|
||||
userPermissionList.value = await (await getWithPersonnelDataList({})).data |
|
||||
} |
|
||||
setUserPermissionList() |
|
||||
|
|
||||
const resetForm = (formEl: FormInstance | undefined, type: number) => { |
|
||||
if (!formEl) return |
|
||||
formEl.resetFields() |
|
||||
if (type === 13) { |
|
||||
lessonCourseTeachingTable = reactive({ |
|
||||
page: 1, |
|
||||
limit: 10, |
|
||||
total: 0, |
|
||||
loading: true, |
|
||||
data: [], |
|
||||
searchParam: { |
|
||||
title: '', |
|
||||
status: '', |
|
||||
create_time: [], |
|
||||
update_time: [], |
|
||||
table_type: 13, |
|
||||
}, |
|
||||
}) |
|
||||
loadLessonCourseTeachingList() |
|
||||
} else if (type === 14) { |
|
||||
JumpLessonLibraryTable = reactive({ |
|
||||
page: 1, |
|
||||
limit: 10, |
|
||||
total: 0, |
|
||||
loading: true, |
|
||||
data: [], |
|
||||
searchParam: { |
|
||||
title: '', |
|
||||
status: '', |
|
||||
create_time: [], |
|
||||
update_time: [], |
|
||||
table_type: 14, |
|
||||
}, |
|
||||
}) |
|
||||
loadJumpLessonLibraryList() |
|
||||
} else if (type === 15) { |
|
||||
EnTeachingLibraryTable = reactive({ |
|
||||
page: 1, |
|
||||
limit: 10, |
|
||||
total: 0, |
|
||||
loading: true, |
|
||||
data: [], |
|
||||
searchParam: { |
|
||||
title: '', |
|
||||
status: '', |
|
||||
create_time: [], |
|
||||
update_time: [], |
|
||||
table_type: 15, |
|
||||
}, |
|
||||
}) |
|
||||
loadEnTeachingLibraryList() |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
/* 多行超出隐藏 */ |
|
||||
.multi-hidden { |
|
||||
word-break: break-all; |
|
||||
text-overflow: ellipsis; |
|
||||
overflow: hidden; |
|
||||
display: -webkit-box; |
|
||||
-webkit-line-clamp: 2; |
|
||||
-webkit-box-orient: vertical; |
|
||||
} |
|
||||
</style> |
|
||||
@ -0,0 +1,188 @@ |
|||||
|
<template> |
||||
|
<div class="main-container"> |
||||
|
<!-- 实时概况 --> |
||||
|
<el-card shadow="never" class="!border-none"> |
||||
|
|
||||
|
<template #header> |
||||
|
<span class="text-lg font-extrabold mr-[10px]">统计概括</span> |
||||
|
<span class="text-sm text-[#a19f98]">查看校区、员工、资源和学员的实时数据</span> |
||||
|
</template> |
||||
|
|
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="6"> |
||||
|
<div class="text-sm text-[#a19f98] leading-8 "> |
||||
|
<el-statistic :value="info.campus_count"> |
||||
|
<template #title> |
||||
|
<div style="display: inline-flex; align-items: center"> |
||||
|
<span class="mr-[5px]">校区数量</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-statistic> |
||||
|
<div class="text-sm text-[#a19f98] leading-8"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="6"> |
||||
|
<div class="text-sm text-[#a19f98] leading-8 "> |
||||
|
<el-statistic :value="info.personnel_count"> |
||||
|
<template #title> |
||||
|
<div style="display: inline-flex; align-items: center"> |
||||
|
<span class="mr-[5px]">员工数量</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-statistic> |
||||
|
|
||||
|
<div class="text-sm text-[#a19f98] leading-8"> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="6"> |
||||
|
<div class="text-sm text-[#a19f98] leading-8 "> |
||||
|
<el-statistic :value="info.customerResources_count"> |
||||
|
<template #title> |
||||
|
<div style="display: inline-flex; align-items: center"> |
||||
|
<span class="mr-[5px]">资源数量</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-statistic> |
||||
|
|
||||
|
<div class="text-sm text-[#a19f98] leading-8"> |
||||
|
<span>昨日新增</span> |
||||
|
<span>{{info.customerResources_day_count}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
|
||||
|
<el-col :span="6"> |
||||
|
<div class="text-sm text-[#a19f98] leading-8 "> |
||||
|
<el-statistic :value="info.student_count"> |
||||
|
<template #title> |
||||
|
<div style="display: inline-flex; align-items: center"> |
||||
|
<span class="mr-[5px]">学员数量</span> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-statistic> |
||||
|
<div class="text-sm text-[#a19f98] leading-8"> |
||||
|
<span>昨日新增</span> |
||||
|
<span>{{info.student_day_count}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-col> |
||||
|
|
||||
|
|
||||
|
</el-row> |
||||
|
|
||||
|
|
||||
|
</el-card> |
||||
|
<!-- 实时概况 end --> |
||||
|
|
||||
|
|
||||
|
<el-row :gutter="15" class="mt-[15px]"> |
||||
|
<el-col :span="24"> |
||||
|
<el-card shadow="never" class="!border-none"> |
||||
|
<template #header> |
||||
|
<span class="text-lg font-extrabold">资源增长趋势</span> |
||||
|
</template> |
||||
|
<div > |
||||
|
<el-button :type="activeRange === 'week' ? 'primary' : 'default'" size="small" |
||||
|
@click="changeRange('week')">周</el-button> |
||||
|
<el-button :type="activeRange === 'month' ? 'primary' : 'default'" size="small" |
||||
|
@click="changeRange('month')">月</el-button> |
||||
|
<el-button :type="activeRange === 'year' ? 'primary' : 'default'" size="small" |
||||
|
@click="changeRange('year')">年</el-button> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div ref="visitStat" :style="{ width: '100%', height: '300px' }"> |
||||
|
|
||||
|
</div> |
||||
|
</el-card> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts" setup> |
||||
|
import { ref, reactive } from 'vue' |
||||
|
import { getHome } from '@/app/api/sys' |
||||
|
import * as echarts from 'echarts' |
||||
|
const visitStat = ref<any>(null) |
||||
|
const activeRange = ref<'week' | 'month' | 'year'>('week') |
||||
|
|
||||
|
const info = reactive({ |
||||
|
campus_count: 0, |
||||
|
personnel_count: 0, |
||||
|
customerResources_count: 0, |
||||
|
customerResources_day_count: 0, |
||||
|
student_count: 0, |
||||
|
student_day_count: 0, |
||||
|
customer: [] |
||||
|
}) |
||||
|
|
||||
|
const changeRange = (range) => { |
||||
|
activeRange.value = range |
||||
|
Init(range) // 加载新数据 |
||||
|
} |
||||
|
|
||||
|
const Init = (range) => { |
||||
|
|
||||
|
getHome({'date':range}) |
||||
|
.then((res) => { |
||||
|
info.campus_count = res.data.campus_count |
||||
|
info.personnel_count = res.data.personnel_count |
||||
|
info.customerResources_count = res.data.customerResources_count |
||||
|
info.customerResources_day_count = res.data.customerResources_day_count |
||||
|
info.student_count = res.data.student_count |
||||
|
info.student_day_count = res.data.student_day_count |
||||
|
info.customer = res.data.customer |
||||
|
drawChart(''); |
||||
|
}) |
||||
|
.catch(() => { |
||||
|
|
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
Init(); |
||||
|
|
||||
|
|
||||
|
const drawChart = (item : any) => { |
||||
|
let value = info.customer.value |
||||
|
if (item) value = item |
||||
|
if (!visitStat.value) return |
||||
|
|
||||
|
|
||||
|
const visitStatChart = echarts.init(visitStat.value) |
||||
|
const visitStatOption = ref({ |
||||
|
// title: { |
||||
|
// text: '订单量趋势' |
||||
|
// }, |
||||
|
legend: {}, |
||||
|
xAxis: { |
||||
|
data: [] |
||||
|
}, |
||||
|
yAxis: {}, |
||||
|
tooltip: { |
||||
|
trigger: 'axis' |
||||
|
}, |
||||
|
series: [ |
||||
|
{ |
||||
|
type: 'line', |
||||
|
data: [] |
||||
|
} |
||||
|
] |
||||
|
}) |
||||
|
|
||||
|
|
||||
|
visitStatOption.value.xAxis.data = info.customer.time |
||||
|
visitStatOption.value.series[0].data = value |
||||
|
|
||||
|
visitStatChart.setOption(visitStatOption.value) |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped></style> |
||||
File diff suppressed because it is too large
Binary file not shown.
@ -0,0 +1,161 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\api\controller\apiController; |
||||
|
|
||||
|
use app\Request; |
||||
|
use app\service\admin\campus\CampusService; |
||||
|
use app\service\api\apiService\AttendanceService; |
||||
|
use app\service\api\apiService\CommonService; |
||||
|
use core\base\BaseApiService; |
||||
|
|
||||
|
/** |
||||
|
* 员工考勤控制器相关接口 |
||||
|
* Class Personnel |
||||
|
* @package app\api\controller\apiController |
||||
|
*/ |
||||
|
class Attendance extends BaseApiService |
||||
|
{ |
||||
|
|
||||
|
//列表 |
||||
|
public function index(Request $request){ |
||||
|
|
||||
|
$where = [ |
||||
|
'campus_id' => $request->param('campus_id', ''),// |
||||
|
'staff_id' => $request->param('staff_id', ''),// |
||||
|
'attendance_date' => $request->param('attendance_date', ''),// |
||||
|
'status' => $request->param('status', ''),// |
||||
|
'status_arr' => $request->param('status_arr', []),// |
||||
|
]; |
||||
|
|
||||
|
$res = (new AttendanceService())->getList($where); |
||||
|
return success($res); |
||||
|
} |
||||
|
|
||||
|
//员工考勤-编辑(员工打卡/请假/签退) |
||||
|
public function edit(Request $request){ |
||||
|
$campus_id =$request->param('campus_id','');//校区ID |
||||
|
$staff_id =$this->member_id;//人员ID |
||||
|
$attendance_date =$request->param('attendance_date','');//考勤日期 |
||||
|
$remarks =$request->param('remarks','');//备注 |
||||
|
$status =$request->param('status','');//考勤状态: present-出勤, absent-缺勤, late-迟到, leave_early-早退,leave-请假,sign_out-签退 |
||||
|
$longitude = $request->param('longitude','');//经度 |
||||
|
$latitude = $request->param('latitude','');//纬度 |
||||
|
$coordinate = '';//坐标 |
||||
|
if(!empty($longitude) && !empty($latitude)){ |
||||
|
$coordinate = "{$longitude},{$latitude}"; |
||||
|
}else{ |
||||
|
return fail('缺少定位坐标'); |
||||
|
} |
||||
|
|
||||
|
if(empty($campus_id) || empty($attendance_date) || empty($status)){ |
||||
|
return fail('缺少参数'); |
||||
|
} |
||||
|
if(!in_array($status,['present','absent','late','leave_early','leave','sign_out'])){ |
||||
|
return fail('状态类型不正确'); |
||||
|
} |
||||
|
|
||||
|
//获取校区的经纬度坐标 |
||||
|
$campus_data = (new CampusService)->getInfo($campus_id);//查校区详情 |
||||
|
$campus_lng = $campus_data['campus_coordinates']['lng'];//校区经度坐标 |
||||
|
$campus_lat = $campus_data['campus_coordinates']['lat'];//校区纬度坐标 |
||||
|
$radius = 1500.0;//打卡半径(米) |
||||
|
|
||||
|
//判断签到+签退时是否超出打卡范围 |
||||
|
if(in_array($status,['present','sign_out'])){ |
||||
|
$isInCheckRange = (new CommonService())->isInCheckRange((float)$campus_lng, (float)$campus_lat, (float)$longitude, (float)$latitude, (float)$radius); |
||||
|
if(!$isInCheckRange){ |
||||
|
return fail("超出打卡范围,规定打卡范围({$radius}米)"); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
//查询数据是否存在,一天一个校区同一个人只能产生一条数据 |
||||
|
$date_h = date('H:i:s'); |
||||
|
|
||||
|
$obj = (new AttendanceService()); |
||||
|
$info = $obj->info([ |
||||
|
'campus_id'=>$campus_id, |
||||
|
'staff_id'=>$staff_id, |
||||
|
'attendance_date'=>$attendance_date, |
||||
|
])['data']; |
||||
|
|
||||
|
//如果是签退的时候就是修改 |
||||
|
if($status == 'sign_out'){ |
||||
|
|
||||
|
if (($info['status'] ?? '') != 'present') { |
||||
|
return fail('未查询到今日签到信息,无法签退'); |
||||
|
} |
||||
|
|
||||
|
//签退的情况 |
||||
|
$where = [ |
||||
|
'id'=>$info['id'] |
||||
|
]; |
||||
|
$data = [ |
||||
|
'check_out_time'=>$date_h,//签退时间 |
||||
|
'coordinate'=>$coordinate,//坐标|经度,纬度 |
||||
|
]; |
||||
|
//执行修改操作 |
||||
|
$res = $obj->editData($where,$data); |
||||
|
}else{ |
||||
|
//如果是签到/请假 |
||||
|
$data = [ |
||||
|
'campus_id'=>$campus_id,//校区ID |
||||
|
'staff_id'=>$staff_id,//人员ID |
||||
|
'attendance_date'=>$attendance_date,//考勤日期 |
||||
|
'coordinate'=>$coordinate,//坐标|经度,纬度 |
||||
|
'status'=>$status,//考勤状态 |
||||
|
]; |
||||
|
//如果是签到的情况 |
||||
|
if($info){ |
||||
|
if($status == 'present' && $info['status'] == 'present'){ |
||||
|
//更新签到数据 |
||||
|
//执行修改操作 |
||||
|
$edit_data = [ |
||||
|
'check_in_time'=>$date_h,//签到时间 |
||||
|
'coordinate'=>$coordinate,//坐标|经度,纬度 |
||||
|
'status'=>$status//考勤状态 |
||||
|
]; |
||||
|
$res = $obj->editData(['id'=>$info['id']],$edit_data); |
||||
|
if(!$res['code']){ |
||||
|
return fail($res['msg']); |
||||
|
} |
||||
|
return success($res['data']); |
||||
|
} |
||||
|
$status_arr = (new \app\model\attendance\Attendance())::STATUS; |
||||
|
$status_name = $status_arr[$info['status']] ?? ''; |
||||
|
if(!$status_name){ |
||||
|
$status_name = '考勤'; |
||||
|
} |
||||
|
return fail("今日已{$status_name}重复操作"); |
||||
|
}else{ |
||||
|
$data['check_in_time'] = $date_h;//签到时间 |
||||
|
if($remarks){ |
||||
|
$data['remarks'] = $remarks; |
||||
|
} |
||||
|
//执行创建操作 |
||||
|
$res = $obj->addData($data); |
||||
|
if(!$res['code']){ |
||||
|
return fail($res['msg']); |
||||
|
} |
||||
|
return success($res['data']); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,91 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\model\chat_friends; |
||||
|
|
||||
|
use app\model\customer_resources\CustomerResources; |
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
use app\model\personnel\Personnel; |
||||
|
|
||||
|
/** |
||||
|
* 员工与会员聊天好友关系模型 |
||||
|
* Class Attendance |
||||
|
* @package app\model\attendance |
||||
|
*/ |
||||
|
class ChatFriends extends BaseModel |
||||
|
{ |
||||
|
|
||||
|
use SoftDelete; |
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'chat_friends'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除标记字段. |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $deleteTime = 'deleted_at'; |
||||
|
/** |
||||
|
* 定义软删除字段的默认值. |
||||
|
* @var int |
||||
|
*/ |
||||
|
protected $defaultSoftDelete = 0; |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
/** |
||||
|
* 搜索器:员工人力资源表id |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchPersonnelIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("personnel_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 搜索器:学生资源表id |
||||
|
* @param $value |
||||
|
* @param $data |
||||
|
*/ |
||||
|
public function searchCustomerResourcesIdAttr($query, $value, $data) |
||||
|
{ |
||||
|
if ($value) { |
||||
|
$query->where("customer_resources_id", $value); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
public function campus(){ |
||||
|
return $this->hasOne(CustomerResources::class, 'id', 'customer_resources_id')->joinType('left')->withField('name,id')->bind(['customer_resources_id'=>'name']); |
||||
|
} |
||||
|
|
||||
|
public function personnel(){ |
||||
|
return $this->hasOne(Personnel::class, 'id', 'personnel_id')->joinType('left')->withField('name,id')->bind(['personnel_id_name'=>'name']); |
||||
|
} |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,50 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\model\chat_messages; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
use think\model\concern\SoftDelete; |
||||
|
|
||||
|
/** |
||||
|
* 员工与会员聊天记录表模型 |
||||
|
* Class Attendance |
||||
|
* @package app\model\attendance |
||||
|
*/ |
||||
|
class ChatMessages extends BaseModel |
||||
|
{ |
||||
|
|
||||
|
use SoftDelete; |
||||
|
|
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'chat_messages'; |
||||
|
|
||||
|
/** |
||||
|
* 定义软删除标记字段. |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $deleteTime = 'deleted_at'; |
||||
|
/** |
||||
|
* 定义软删除字段的默认值. |
||||
|
* @var int |
||||
|
*/ |
||||
|
protected $defaultSoftDelete = 0; |
||||
|
|
||||
|
} |
||||
@ -0,0 +1,156 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | 官方网址：https://www.niucloud.com |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | niucloud团队 版权所有 开源版本可自由商用 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Author: Niucloud Team |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\service\api\apiService; |
||||
|
|
||||
|
use app\model\attendance\Attendance; |
||||
|
use core\base\BaseApiService; |
||||
|
|
||||
|
/** |
||||
|
* 考勤管理服务层 |
||||
|
* Class MemberService |
||||
|
* @package app\service\api\member |
||||
|
*/ |
||||
|
class AttendanceService extends BaseApiService |
||||
|
{ |
||||
|
public function __construct() |
||||
|
{ |
||||
|
parent::__construct(); |
||||
|
$this->model = (new Attendance()); |
||||
|
} |
||||
|
|
||||
|
//列表 |
||||
|
public function getList(array $where, string $field = '*') |
||||
|
{ |
||||
|
$page_params = $this->getPageParam();//获取请求参数中的页码+分页数 |
||||
|
$page = $page_params['page']; |
||||
|
$limit = $page_params['limit']; |
||||
|
|
||||
|
$model = $this->model; |
||||
|
|
||||
|
if (!empty($where['campus_id'])) { |
||||
|
$model = $model->where('campus_id', $where['campus_id']); |
||||
|
} |
||||
|
if (!empty($where['staff_id'])) { |
||||
|
$model = $model->where('staff_id', $where['staff_id']); |
||||
|
} |
||||
|
if (!empty($where['attendance_date'])) { |
||||
|
$model = $model->where('attendance_date', $where['attendance_date']); |
||||
|
} |
||||
|
if (!empty($where['status'])) { |
||||
|
$model = $model->where('status', $where['status']); |
||||
|
} |
||||
|
if (!empty($where['status_arr'])) { |
||||
|
$model = $model->whereIn('status', $where['status_arr']); |
||||
|
} |
||||
|
|
||||
|
$res = $model->with([ |
||||
|
'campus', |
||||
|
'personnel', |
||||
|
])->append([ |
||||
|
'status_name' |
||||
|
]) |
||||
|
->order('created_at','desc') |
||||
|
->paginate([ |
||||
|
'list_rows' => $limit, |
||||
|
'page' => $page, |
||||
|
])->toArray(); |
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
//查询详情 |
||||
|
public function info(array $where, string $field = '*') |
||||
|
{ |
||||
|
$res = [ |
||||
|
'code' => 0, |
||||
|
'msg' => '操作失败', |
||||
|
'data' => [], |
||||
|
]; |
||||
|
if (empty($where)) { |
||||
|
$res['msg'] = '筛选条件不能唯空'; |
||||
|
return $res; |
||||
|
} |
||||
|
$model = $this->model; |
||||
|
if (!empty($where['id'])) { |
||||
|
$model = $model->where('id', $where['id']); |
||||
|
} |
||||
|
if (!empty($where['campus_id'])) { |
||||
|
$model = $model->where('campus_id', $where['campus_id']); |
||||
|
} |
||||
|
if (!empty($where['staff_id'])) { |
||||
|
$model = $model->where('staff_id', $where['staff_id']); |
||||
|
} |
||||
|
if (!empty($where['attendance_date'])) { |
||||
|
$model = $model->where('attendance_date', $where['attendance_date']); |
||||
|
} |
||||
|
$data = $model->field($field)->find(); |
||||
|
if ($data) { |
||||
|
$res = [ |
||||
|
'code' => 1, |
||||
|
'msg' => '操作成功', |
||||
|
'data' => $data->toArray(), |
||||
|
]; |
||||
|
} else { |
||||
|
$res['msg'] = '暂无数据'; |
||||
|
} |
||||
|
|
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
//添加数据 |
||||
|
public function addData(array $data) |
||||
|
{ |
||||
|
|
||||
|
$add = $this->model->create($data); |
||||
|
if ($add) { |
||||
|
$res = [ |
||||
|
'code' => 1, |
||||
|
'msg' => '操作成功', |
||||
|
'data' => [], |
||||
|
]; |
||||
|
} else { |
||||
|
$res = [ |
||||
|
'code' => 0, |
||||
|
'msg' => '操作失败', |
||||
|
'data' => [], |
||||
|
]; |
||||
|
} |
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
//编辑数据 |
||||
|
public function editData(array $where, array $data) |
||||
|
{ |
||||
|
|
||||
|
$data['updated_at'] = date('Y-m-d H:i:s'); |
||||
|
$model = $this->model; |
||||
|
if (!empty($where['id'])) { |
||||
|
$model = $model->where('id', $where['id']); |
||||
|
} |
||||
|
$edit = $model->update($data); |
||||
|
if ($edit) { |
||||
|
$res = [ |
||||
|
'code' => 1, |
||||
|
'msg' => '操作成功', |
||||
|
'data' => [], |
||||
|
]; |
||||
|
} else { |
||||
|
$res = [ |
||||
|
'code' => 0, |
||||
|
'msg' => '操作失败', |
||||
|
'data' => [], |
||||
|
]; |
||||
|
} |
||||
|
return $res; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
Loading…
Reference in new issue