diff --git a/src/components/CreatedCourse/AddVideo.vue b/src/components/CreatedCourse/chooseFileList.vue similarity index 63% rename from src/components/CreatedCourse/AddVideo.vue rename to src/components/CreatedCourse/chooseFileList.vue index cbdf23d9..62ca2785 100644 --- a/src/components/CreatedCourse/AddVideo.vue +++ b/src/components/CreatedCourse/chooseFileList.vue @@ -1,5 +1,5 @@ diff --git a/src/components/NavLeft.vue b/src/components/NavLeft.vue index 475beda8..5d37d882 100644 --- a/src/components/NavLeft.vue +++ b/src/components/NavLeft.vue @@ -1,142 +1,222 @@ diff --git a/src/views/courselibrary/components/dragTable.vue b/src/views/courselibrary/components/dragTable.vue index 401768db..3a67f1a6 100644 --- a/src/views/courselibrary/components/dragTable.vue +++ b/src/views/courselibrary/components/dragTable.vue @@ -101,26 +101,26 @@ const editValue = ref(""); // 开始编辑 const startEdit = (record) => { - record._value.copyName = record._value.name; - record._value.isEdit = true; + record.copyName = record.name; + record.isEdit = true; }; // 保存编辑 const saveEdit = (record) => { - record._value.name = record._value.copyName; - record._value.copyName = null; - record._value.isEdit = false; + record.name = record.copyName; + record.copyName = null; + record.isEdit = false; }; // 删除处理函数 -const handleDelete = (index) => { - emit("delete", { index: props.index, selectionIndex: index }); +const handleDelete = (index, record) => { + emit("delete", { index: props.index, selectionIndex: index, record }); }; -const handleSetting = (index) => { - emit("setting", { index: props.index, selectionIndex: index }); +const handleSetting = (index, record) => { + emit("setting", { index: props.index, selectionIndex: index, record }); }; -const handlePreview = (index) => { - emit("preview", { index: props.index, selectionIndex: index }); +const handlePreview = (index, record) => { + emit("preview", { index: props.index, selectionIndex: index, record }); }; // 渲染序号列 @@ -149,16 +149,17 @@ const renderIndexColumn = () => { // 渲染名称列 const renderNameColumn = () => { return ({ record }) => { + console.log(record); // 如果处于编辑状态,显示输入框和确认按钮 - if (record._value.isEdit) { + if (record.isEdit) { return h( "span", { style: { display: "flex", alignItems: "center", gap: "8px" } }, [ h("input", { - value: record._value.copyName, + value: record.copyName, onInput: (e) => { - record._value.copyName = e.target.value; + record.copyName = e.target.value; }, style: { border: "1px solid #d9d9d9", @@ -183,13 +184,13 @@ const renderNameColumn = () => { } // 否则显示正常文本和编辑图标 - const Icon = getIconComponent(getType(record._value.resType)); + const Icon = getIconComponent(getType(record.resType)); return h( "span", { style: { display: "flex", alignItems: "center", gap: "8px" } }, [ createVNode(Icon, { style: { color: "#1890ff" } }), - h("span", {}, record._value.name), + h("span", {}, record.name), h( "a", { @@ -217,7 +218,7 @@ const renderResTypeColumn = () => { textAlign: "center", }, }, - getType(record._value.resType) + getType(record.resType) ); }; }; @@ -234,7 +235,10 @@ const renderActionColumn = () => { // 设置 h( "a", - { href: "javascript:void(0)", onClick: () => handleSetting(index) }, + { + href: "javascript:void(0)", + onClick: () => handleSetting(index, record), + }, [ createVNode(SettingOutlined, { style: { @@ -253,7 +257,10 @@ const renderActionColumn = () => { // 预览 h( "a", - { href: "javascript:void(0)", onClick: () => handlePreview(index) }, + { + href: "javascript:void(0)", + onClick: () => handlePreview(index, record), + }, [ createVNode(EyeOutlined, { style: { fontSize: "14px", color: "#1890ff" }, @@ -270,7 +277,7 @@ const renderActionColumn = () => { "a", { href: "javascript:void(0)", - onClick: () => handleDelete(index), + onClick: () => handleDelete(index, record), }, [ createVNode(DeleteOutlined, { @@ -336,9 +343,10 @@ const processedColumns = computed(() => { }, { title: "类型", - key: "type", - dataIndex: "type", + key: "resType", + dataIndex: "resType", align: "center", + customRender: renderResTypeColumn(), }, { title: "操作",