web
/
syzx
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

标签管理

Browse Source
master
xialiang 4 years ago
parent 6a715ab746
commit 9c165d9435
5 changed files with 119 additions and 61 deletions
Show Stats Download Patch File Download Diff File

43
admin/src/pages/course/option/components/Tags.tsx
Unescape View File

@ -3,9 +3,8 @@ import { Tag, Input, Tooltip } from 'antd';
import { useEffect, useRef, useState } from 'react';
import { useRequest } from 'umi';
import { queryTagList } from '../service';
import { queryTagList, saveTag } from '../service';
import styles from '../style.less';
//const { Paragraph } = Typography;
/*
const tags = [
@ -16,19 +15,38 @@ const tags = [
const Tags = () => {
const [inputVisible, setInputVisible] = useState<boolean>(false);
const [items, setItems] = useState([]);
const inputRef = useRef<any>();;
/** 显示输入框 */
const showInput = () => {
setInputVisible(true)
const showInput = async () => {
await setInputVisible(true)
console.log('inputRef', inputRef)
inputRef.current.focus({
cursor: 'start',
});
}
/** 获取标签数据 */
const { data } = useRequest(queryTagList);
useEffect(() => {
setItems(data?.list || []);
console.log('tags',data?.list)
setItems(data || []);
console.log('tags', data)
}, [data]);
// 添加标签
const handleInputConfirm = async (e: any) => {
console.log(items)
const res = await saveTag({ tag_name: e.target.value })
console.log(res);
// setItems(data?.list || []);
setInputVisible(false)
}
return (
<div className={styles.tags}>
{items.map((tag: any, index: number) => {
@ -37,7 +55,7 @@ const Tags = () => {
className="edit-tag"
closable={true}
key={tag.tag_id.toString()}
//rowKey={index.toString()}
//rowKey={index.toString()}
>
<span key={index.toString()}>{tag.tag_name}</span>
</Tag>
@ -49,15 +67,16 @@ const Tags = () => {
type="text"
size="small"
className="tag-input"
ref={inputRef}
//value={inputValue}
//onChange={handleInputChange}
//onBlur={handleInputConfirm}
//onPressEnter={handleInputConfirm}
// onChange={handleInputChange}
onBlur={handleInputConfirm}
onPressEnter={handleInputConfirm}
/>
)}
<Tag className="site-tag-plus" key={''} onClick={showInput}>
{!inputVisible && (<Tag className="site-tag-plus" key={''} onClick={showInput}>
<PlusOutlined /> 新建标签
</Tag>
</Tag>)}
</div>
);
};

46
admin/src/pages/course/option/index.tsx
Unescape View File

@ -13,7 +13,7 @@ import UpdateForm from './components/UpdateForm';
import { queryTagList, saveCourse, removeCourse, queryCourseList } from './service';
import type { TableListItem, TableListPagination } from './data';
import Tags from './components/Tags';
import { DataItem } from '@antv/data-set/lib/transform/tag-cloud';
import type { DataItem } from '@antv/data-set/lib/transform/tag-cloud';
import { VideoJS } from './components/VideoJS';
/**
@ -101,7 +101,7 @@ const CourseList: React.FC = () => {
{
title: '序号',
key: 'index',
valueType: 'indexBorder',
valueType: 'indexBorder',
width: 48,
},
{
@ -116,7 +116,7 @@ const CourseList: React.FC = () => {
{
title: '主讲教师',
dataIndex: 'lecture_teacher',
valueType: 'text',
valueType: 'text',
sorter: false,
hideInTable: false,
hideInForm: false,
@ -126,7 +126,7 @@ const CourseList: React.FC = () => {
{
title: '课时',
dataIndex: 'course_minutes',
valueType: 'text',
valueType: 'text',
sorter: false,
hideInTable: false,
hideInForm: false,
@ -157,7 +157,7 @@ const CourseList: React.FC = () => {
sorter: false,
hideInForm: false,
hideInSearch: true,
renderFormItem:() => (
renderFormItem: () => (
<Upload >
<Button icon={<UploadOutlined />}>上传视频</Button>
</Upload>),
@ -199,14 +199,14 @@ const CourseList: React.FC = () => {
</a>,
<a
key="update"
onClick={() => {
onClick={() => {
setCurrentRow(record);
handleUpdateModalVisible(true);
}}
>
编辑
</a>,
<a key="remove" onClick={()=>{}}>
<a key="remove" onClick={() => { }}>
删除
</a>,
],
@ -257,7 +257,7 @@ const CourseList: React.FC = () => {
</Button>,
]}
request={async (value) => {
const _data = await queryCourseList(value);
const _data = await queryCourseList(value);
return {
current: _data?.page_number,
data: _data?.data?.list,
@ -311,8 +311,8 @@ const CourseList: React.FC = () => {
footer={null}
centered
>
{ console.log('currentRow', currentRow)}
{ console.log('columns', columns.slice(0, columns.length - 1))}
{console.log('currentRow', currentRow)}
{console.log('columns', columns.slice(0, columns.length - 1))}
{currentRow?.course_id && (
<Row>
<Col span={14}>
@ -341,26 +341,26 @@ const CourseList: React.FC = () => {
durationDisplay: true,
remainingTimeDisplay: true,
fullscreenToggle: true // 全屏按钮
}
}
}}
onReady={(play: any)=>{
onReady={(play: any) => {
console.log('play====', play);
playerRef.current = play
play.play();
play.on("timeupdate", function(event) {
play.on("timeupdate", function (event) {
//const _timeCurrent = Date.parse(new Date().toString()) / 1000; // 当前时间
//setTimeUpdateState(_timeCurrent); //timeUpdateState
console.log('play--',play.currentTime())
console.log('play-%-', parseInt(play.currentTime()) % 15 )
if( parseInt(play.currentTime()) % 15 === 0){ // 每15秒更新进度
console.log('play--', play.currentTime())
console.log('play-%-', parseInt(play.currentTime()) % 15)
if (parseInt(play.currentTime()) % 15 === 0) { // 每15秒更新进度
console.log()
}
//var currentTime = parseInt(this.currentTime()); //当前时间
//var duration = this.duration(); //视频时常
//var percent = (currentTime / duration * 100).toFixed(0) + "%";
//console.log('event',event);
//$("#current").text(this.currentTime());
//$("#duration").text(duration);
//console.log('event',event);
//$("#current").text(this.currentTime());
//$("#duration").text(duration);
})
}}
/>
@ -380,18 +380,18 @@ const CourseList: React.FC = () => {
columns={
columns.slice(0, columns.length - 1) as ProDescriptionsItemProps<TableListItem>[]
}
style={{padding:'0 24px'}}
style={{ padding: '0 24px' }}
/>
</Col>
</Col>
</Row>
)}
</Modal>
<ModalForm
title="标签管理"
visible={tagsModalVisible}
// onVisibleChange={handleModalVisible}
onVisibleChange={handleTagsModalVisible}
>
<Tags/>
<Tags />
</ModalForm>
<Modal

35
admin/src/pages/course/option/service.ts
Unescape View File

@ -1,5 +1,5 @@
import { request } from 'umi';
import { TableListItem } from './data';
import type { TableListItem } from './data';
/** 获取课程列表 GET /dsideal_yy/ypt/careerTraining/course/list */
export async function queryCourseList(
@ -10,7 +10,7 @@ export async function queryCourseList(
/** 页面的容量 */
pageSize?: number;
},
options?: { [key: string]: any },
options?: Record<string, any>,
) {
return request<{
data: TableListItem[];
@ -29,7 +29,7 @@ export async function queryCourseList(
}
/** 新建/修改课程 POST /dsideal_yy/ypt/careerTraining/course/save */
export async function saveCourse(data: { [key: string]: any }, options?: { [key: string]: any }) {
export async function saveCourse(data: Record<string, any>, options?: Record<string, any>) {
return request<TableListItem>('/dsideal_yy/ypt/careerTraining/course/save', {
data,
method: 'POST',
@ -38,7 +38,7 @@ export async function saveCourse(data: { [key: string]: any }, options?: { [key:
}
/** 删除课程 POST /dsideal_yy/ypt/careerTraining/course/delete */
export async function removeCourse(data: { key: number[] }, options?: { [key: string]: any }) {
export async function removeCourse(data: { key: number[] }, options?: Record<string, any>) {
return request<Record<string, any>>('/dsideal_yy/ypt/careerTraining/course/delete', {
data,
method: 'POST',
@ -47,7 +47,7 @@ export async function removeCourse(data: { key: number[] }, options?: { [key: st
}
/** 查看课程（仅仅获取课程详情，不标记浏览量）GET /dsideal_yy/ypt/careerTraining/course/view */
export async function queryCourseView(data: { [key: string]: any }, options?: { [key: string]: any }) {
export async function queryCourseView(data: Record<string, any>, options?: Record<string, any>) {
return request<TableListItem>('/dsideal_yy/ypt/careerTraining/course/view', {
data,
method: 'POST',
@ -55,6 +55,29 @@ export async function queryCourseView(data: { [key: string]: any }, options?: {
});
}
/** 新建/修改课程 POST /dsideal_yy/ypt/careerTraining/course/save */
export async function saveTag(data: Record<string, any>, options?: Record<string, any>) {
return request<TableListItem>('/dsideal_yy/ypt/careerTraining/tag/save', {
data,
method: 'POST',
requestType: 'form',
...(options || {}),
});
}
/** 获取标签列表 GET /dsideal_yy/ypt/careerTraining/tag/list */
export async function queryTagList(
params: {
@ -64,7 +87,7 @@ export async function queryTagList(
/** 页面的容量 */
pageSize?: number;
},
options?: { [key: string]: any },
options?: Record<string, any>,
) {
return request<{
data: TableListItem[];

26
admin/src/pages/examination/registration/index.tsx
Unescape View File

@ -13,7 +13,7 @@ import type { FormValueType } from './components/UpdateForm';
import UpdateForm from './components/UpdateForm';
import { saveRegistration, removeRegistration, queryRegistrationList } from '../service';
import type { TableListItem, TableListPagination } from './data';
import { DataItem } from '@antv/data-set/lib/transform/tag-cloud';
import type { DataItem } from '@antv/data-set/lib/transform/tag-cloud';
/**
* 添加认证考试规则
@ -89,7 +89,7 @@ const RegistrationList: React.FC = () => {
const [detailModalVisible, handleDetailModalVisible] = useState<boolean>(false);
const [updateModalVisible, handleUpdateModalVisible] = useState<boolean>(false);
const actionRef = useRef<ActionType>();
const [currentRow, setCurrentRow] = useState<TableListItem>();
const [selectedRowsState, setSelectedRows] = useState<TableListItem[]>([]);
@ -100,7 +100,7 @@ const RegistrationList: React.FC = () => {
{
title: '序号',
key: 'index',
valueType: 'indexBorder',
valueType: 'indexBorder',
width: 48,
},
{
@ -114,7 +114,7 @@ const RegistrationList: React.FC = () => {
{
title: '市',
dataIndex: 'city_name',
valueType: 'text',
valueType: 'text',
sorter: false,
hideInTable: false,
hideInForm: false,
@ -124,7 +124,7 @@ const RegistrationList: React.FC = () => {
{
title: '区县',
dataIndex: 'area_name',
valueType: 'text',
valueType: 'text',
sorter: false,
hideInTable: false,
hideInForm: false,
@ -214,7 +214,7 @@ const RegistrationList: React.FC = () => {
</Button>,
]}
request={async (value) => {
const _data = await queryRegistrationList(value);
const _data = await queryRegistrationList(value);
return {
current: _data?.page_number,
data: _data?.data?.list,
@ -229,12 +229,12 @@ const RegistrationList: React.FC = () => {
setSelectedRows(selectedRows);
},
}}
/*
pagination={{
showTotal: (total) => {
return `共 ${total} 条`;
}
}}*/
/*
pagination={{
showTotal: (total) => {
return `共 ${total} 条`;
}
}}*/
/>
{selectedRowsState?.length > 0 && (
<FooterToolbar
@ -274,7 +274,7 @@ const RegistrationList: React.FC = () => {
}}
footer={null}
centered
>{ console.log('currentRow',currentRow)}
>{console.log('currentRow', currentRow)}
{currentRow?.name && (
<ProDescriptions<TableListItem>
column={2}

30
admin/src/pages/examination/service.ts
Unescape View File

@ -1,5 +1,5 @@
import { request } from 'umi';
import { TableListItem } from './data';
import type { TableListItem } from './data';
/** 获取考试列表 GET /dsideal_yy/zygh/training/examination/getExaminationList */
export async function queryExaminationList(
@ -10,7 +10,7 @@ export async function queryExaminationList(
/** 页面的容量 */
pageSize?: number;
},
options?: { [key: string]: any },
options?: Record<string, any>,
) {
return request<{
data: TableListItem[];
@ -37,7 +37,7 @@ export async function queryCertificateList(
/** 页面的容量 */
pageSize?: number;
},
options?: { [key: string]: any },
options?: Record<string, any>,
) {
return request<{
data: TableListItem[];
@ -56,7 +56,7 @@ export async function queryCertificateList(
}
/** 新建/修改考试 POST /dsideal_yy/ypt/careerTraining/course/save */
export async function saveExamination(data: { [key: string]: any }, options?: { [key: string]: any }) {
export async function saveExamination(data: Record<string, any>, options?: Record<string, any>) {
return request<TableListItem>('/dsideal_yy/ypt/careerTraining/course/save', {
data,
method: 'POST',
@ -65,7 +65,23 @@ export async function saveExamination(data: { [key: string]: any }, options?: {
}
/** 删除考试 POST /dsideal_yy/ypt/careerTraining/course/delete */
export async function removeExamination(data: { key: number[] }, options?: { [key: string]: any }) {
export async function removeExamination(data: { key: number[] }, options?: Record<string, any>) {
return request<Record<string, any>>('/dsideal_yy/ypt/careerTraining/course/delete', {
data,
method: 'POST',
...(options || {}),
});
}
/** saveRegistration */
export async function saveRegistration(data: { key: number[] }, options?: Record<string, any>) {
return request<Record<string, any>>('/dsideal_yy/ypt/careerTraining/course/delete', {
data,
method: 'POST',
...(options || {}),
});
}
/** removeRegistration */
export async function removeRegistration(data: { key: number[] }, options?: Record<string, any>) {
return request<Record<string, any>>('/dsideal_yy/ypt/careerTraining/course/delete', {
data,
method: 'POST',
@ -74,7 +90,7 @@ export async function removeExamination(data: { key: number[] }, options?: { [ke
}
/** 查看考试（仅仅获取考试详情，不标记浏览量）GET /dsideal_yy/ypt/careerTraining/course/view */
export async function queryExaminationView(data: { [key: string]: any }, options?: { [key: string]: any }) {
export async function queryExaminationView(data: Record<string, any>, options?: Record<string, any>) {
return request<TableListItem>('/dsideal_yy/ypt/careerTraining/course/view', {
data,
method: 'POST',
@ -91,7 +107,7 @@ export async function queryRegistrationList(
/** 页面的容量 */
pageSize?: number;
},
options?: { [key: string]: any },
options?: Record<string, any>,
) {
return request<{
data: TableListItem[];

Write Preview
Loading…
Cancel
Save