diff --git a/src/components/BreadCrumb.vue b/src/components/BreadCrumb.vue index faf7680f..09db5be0 100644 --- a/src/components/BreadCrumb.vue +++ b/src/components/BreadCrumb.vue @@ -92,7 +92,17 @@ export default { }, ]; } - + if (n === "/taskpage" || n === "/TaskPage") { + state.list = [ + { + name: "项目", + href: "", + }, + { + name: "基础信息", + }, + ]; + } if (n === "/templatelibrary" || n === "/TemplateLibrary") { state.list = [ { @@ -135,7 +145,7 @@ export default { }, ]; } - if (n === "/researchmanage" || n === "/ResearchManage") { + if (n === "/managepage" || n === "/ManagePage") { state.list = [ { name: "调研管理", @@ -144,7 +154,6 @@ export default { }, { name: "管理", - href: "", }, ]; } diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue index a0f82187..82e2d1e9 100644 --- a/src/views/courselibrary/CoursewareManage.vue +++ b/src/views/courselibrary/CoursewareManage.vue @@ -56,7 +56,6 @@ -
@@ -77,7 +76,6 @@
-
-
@@ -381,7 +378,6 @@
-
-
@@ -464,7 +459,7 @@
-
@@ -533,7 +527,7 @@
-
@@ -561,7 +554,7 @@
-
@@ -615,7 +607,7 @@
@@ -704,7 +695,7 @@
-
-
@@ -955,7 +944,7 @@
callback(reader.result)); reader.readAsDataURL(img); } const columns1 = [ - { - title: "姓名", - dataIndex: "projectName", - key: "projectName", - width: "16%", - align: "center", - }, - { - title: "工号", - dataIndex: "numb", - key: "numb", - width: "16%", - align: "center", - }, - { - title: "报名时间", - dataIndex: "applytime", - key: "applytime", - width: "16%", - align: "center", - }, - { - title: "签到时间", - dataIndex: "signtime", - key: "signtime", - width: "16%", - align: "center", - }, - { - title: "状态", - dataIndex: "status", - key: "status", - width: "16%", - align: "center", - }, - { - title: "操作", - dataIndex: "opacation", - key: "opacation", - width: "16%", - align: "center", - }, -]; -const columns2 = [ - { - title: "开课名称", - dataIndex: "projectName", - key: "projectName", - width: "30%", - align: "center", - }, - { - title: "地点", - dataIndex: "address", - key: "address", - width: "30%", - align: "center", - }, - { - title: "状态", - dataIndex: "status", - key: "status", - width: "40%", - align: "center", - }, -]; -const columns3 = [ - { - title: "姓名", - dataIndex: "name", - key: "name", - width: "18%", - align: "center", - }, - { - title: "归属组织", - dataIndex: "organization", - key: "organization", - width: "18%", - align: "center", - }, - { - title: "岗位", - dataIndex: "position", - key: "position", - width: "18%", - align: "center", - }, - { - title: "拥有权限", - dataIndex: "authority", - key: "authority", - width: "18%", - align: "center", - }, - { - title: "操作", - dataIndex: "opacation", - key: "opacation", - width: "30%", - align: "center", - }, -]; -const columns4 = [ - { - title: "序号", - dataIndex: "num", - key: "num", - width: "10%", - }, - { - title: "归属组织", - dataIndex: "organization", - key: "organization", - width: "12%", - align: "center", - }, - { - title: "场地", - dataIndex: "address", - key: "saddress", - width: "12%", - align: "center", - }, - { - title: "开始时间", - dataIndex: "starttime", - key: "starttime", - width: "20%", - align: "center", - }, - { - title: "创建时间", - dataIndex: "createtime", - key: "createtime", - width: "20%", - align: "center", - }, - { - title: "操作", - dataIndex: "opacation", - key: "opacation", - width: "26%", - align: "center", - scopedSlots: { customRender: "action" }, //引入的插槽 - customRender: () => { - // console.log(text); - return ( -
- 签到 - 编辑 - 管理 - - 更多 -
-
-
-
- ); - }, - }, -]; -const columns5 = [ { title: "序号", width: 100, @@ -1265,7 +1090,155 @@ const columns5 = [ align: "center", }, ]; +const columns2 = [ + { + title: "姓名", + dataIndex: "projectName", + key: "projectName", + width: "16%", + align: "center", + }, + { + title: "工号", + dataIndex: "numb", + key: "numb", + width: "16%", + align: "center", + }, + { + title: "报名时间", + dataIndex: "applytime", + key: "applytime", + width: "16%", + align: "center", + }, + { + title: "签到时间", + dataIndex: "signtime", + key: "signtime", + width: "16%", + align: "center", + }, + { + title: "状态", + dataIndex: "status", + key: "status", + width: "16%", + align: "center", + }, + { + title: "操作", + dataIndex: "opacation", + key: "opacation", + width: "16%", + align: "center", + }, +]; +const columns4 = [ + { + title: "开课名称", + dataIndex: "projectName", + key: "projectName", + width: "30%", + align: "center", + }, + { + title: "地点", + dataIndex: "address", + key: "address", + width: "30%", + align: "center", + }, + { + title: "状态", + dataIndex: "status", + key: "status", + width: "40%", + align: "center", + }, +]; +const columns5 = [ + { + title: "姓名", + dataIndex: "name", + key: "name", + width: "18%", + align: "center", + }, + { + title: "归属组织", + dataIndex: "organization", + key: "organization", + width: "18%", + align: "center", + }, + { + title: "岗位", + dataIndex: "position", + key: "position", + width: "18%", + align: "center", + }, + { + title: "拥有权限", + dataIndex: "authority", + key: "authority", + width: "18%", + align: "center", + }, + { + title: "操作", + dataIndex: "opacation", + key: "opacation", + width: "30%", + align: "center", + }, +]; const columns6 = [ + { + title: "序号", + dataIndex: "num", + key: "num", + width: "10%", + align: "center", + }, + { + title: "归属组织", + dataIndex: "organization", + key: "organization", + width: "12%", + align: "center", + }, + { + title: "场地", + dataIndex: "address", + key: "saddress", + width: "12%", + align: "center", + }, + { + title: "开始时间", + dataIndex: "starttime", + key: "starttime", + width: "20%", + align: "center", + }, + { + title: "创建时间", + dataIndex: "createtime", + key: "createtime", + width: "20%", + align: "center", + }, + { + title: "操作", + width: "20%", + dataIndex: "operation", + key: "operation", + align: "center", + }, +]; +const columns7 = [ { title: "序号", width: 200, @@ -1357,11 +1330,10 @@ export default defineComponent({ LoadingOutlined, PlusOutlined, }, - setup() { const current = ref(["mail"]); const state = reactive({ - tableData: [ + tableData1: [ { key: "1", num: 1, @@ -1474,6 +1446,14 @@ export default defineComponent({ signtime: "-", status: "已通过", }, + { + key: 2, + projectName: "", + numb: "", + applytime: "2022-07-20 14:00:00", + signtime: "2022-09-26 13:30:30", + status: "已完成", + }, ], tableData3: [ { @@ -1484,14 +1464,6 @@ export default defineComponent({ signtime: "-", status: "已通过", }, - { - key: 2, - projectName: "", - numb: "", - applytime: "2022-07-20 14:00:00", - signtime: "2022-09-26 13:30:30", - status: "已完成", - }, ], tableData4: [ { @@ -1660,6 +1632,17 @@ export default defineComponent({ currentPage: 1, tableDataTotal: 100, pageSize: 10, + of_hs: false, + hideshow: true, + bs_hs: true, + ft_hs: false, + om_1: false, + ftm_1: false, + om_ckxq: false, + gpm_hs: false, + stm_hs: false, + cstm_hs: false, + sm_hs: false, }); // const tableDataFunc = () => { // const columns = [ @@ -1785,17 +1768,14 @@ export default defineComponent({ // ]; // return columns; // }; - const fileList = ref([]); const loading = ref(false); const imageUrl = ref(""); - const handleChange = (info) => { if (info.file.status === "uploading") { loading.value = true; return; } - if (info.file.status === "done") { // Get this url from response in real world. getBase64(info.file.originFileObj, (base64Url) => { @@ -1803,58 +1783,64 @@ export default defineComponent({ loading.value = false; }); } - if (info.file.status === "error") { loading.value = false; message.error("upload error"); } }; - const beforeUpload = (file) => { const isJpgOrPng = file.type === "image/jpeg" || file.type === "image/png"; - if (!isJpgOrPng) { message.error("You can only upload JPG file!"); } - const isLt2M = file.size / 1024 / 1024 < 2; - if (!isLt2M) { message.error("Image must smaller than 2MB!"); } - return isJpgOrPng && isLt2M; }; - const getTableDate = () => { - let data = state.tableData; - data.map((value) => { + let datas = state.tableData1; + datas.map((value) => { { //单层项目 value.operation = ( -
+
{value.status === "已审核" ? (
-
+
{ + state.stm_hs = true; + }} + > 开课
-
-
+
{ + if (value.courseform === "线上") { + state.om_1 = true; + } else if (value.courseform === "面授") { + state.ftm_1 = true; + } + }} + > 管理
-
复制
-
-
权限名单
+
{ + state.gpm_hs = true; + }} + > + 权限名单 +
-
+
{ + state.stm_hs = true; + }} + > 开课
@@ -1935,13 +1933,19 @@ export default defineComponent({
-
权限名单
+
{ + state.gpm_hs = true; + }} + > + 权限名单 +
-
-
撤回
+
+
+ 撤回 +
) : ( @@ -1971,17 +1977,21 @@ export default defineComponent({ {value.status === "未提交" ? (
-
+
{ + state.stm_hs = true; + }} + > 开课
-
编辑
-
复制 @@ -1994,33 +2004,42 @@ export default defineComponent({ {value.status === "审核未通过" ? (
-
+
{ + state.stm_hs = true; + }} + > 开课
-
编辑
-
复制
-
-
权限名单
+
{ + state.gpm_hs = true; + }} + > + 权限名单 +
-
删除
@@ -2053,10 +2071,9 @@ export default defineComponent({ ); } }); - state.tableData = data; + state.tableData = datas; }; getTableDate(); - const getTableDate2 = () => { let data2 = state.tableData7; data2.map((value) => { @@ -2103,34 +2120,67 @@ export default defineComponent({ ); } }); - state.tableData2 = data2; + state.tableData = data2; }; getTableDate2(); - - const onftvalue = ref(); - - return { - onftvalue, - current, - ...toRefs(state), - fileList, - loading, - imageUrl, - columns1, - columns2, - columns3, - columns4, - columns5, - columns6, - // tableDataFunc, - handleChange, - beforeUpload, - getTableDate, - getTableDate2, + const getTableDate3 = () => { + let datas = state.tableData6; + datas.map((value) => { + { + //单层项目 + value.operation = ( +
+
+
+
签到
+
编辑
+
{ + state.sm_hs = true; + }} + > + 管理 +
+
+ + +
复制
+
+ +
{ + console.log("点击了"); + }} + > + 取消 +
+
+
+
+
+
+
+ ); + } + }); + state.tableData = datas; }; - }, - - data() { + getTableDate3(); + const onftvalue = ref(); const options1 = ref([ { value: "value1", @@ -2153,7 +2203,6 @@ export default defineComponent({ label: "审核未通过", }, ]); - const options2 = ref([ { value: "value2", @@ -2172,21 +2221,6 @@ export default defineComponent({ label: "专业力", }, ]); - - const state = reactive({ - of_hs: false, - hideshow: true, - bs_hs: true, - ft_hs: false, - om_1: false, - ftm_1: false, - om_ckxq: false, - gpm_hs: false, - stm_hs: false, - cstm_hs: false, - sm_hs: false, - }); - const of_hShow = () => { if (state.of_hs == false) { state.of_hs = true; @@ -2217,14 +2251,12 @@ export default defineComponent({ const ft_exit = () => { state.ft_hs = false; }; - const om_exit = () => { state.om_1 = false; }; const ftm_exit = () => { state.ftm_1 = false; }; - const ckxq_hs = () => { state.om_ckxq = true; }; @@ -2246,9 +2278,24 @@ export default defineComponent({ const sm_exit = () => { state.sm_hs = false; }; - return { + onftvalue, + current, ...toRefs(state), + fileList, + loading, + imageUrl, + columns1, + columns2, + columns4, + columns5, + columns6, + columns7, + // tableDataFunc, + handleChange, + beforeUpload, + getTableDate, + getTableDate2, options1, options2, of_hShow, @@ -2269,6 +2316,29 @@ export default defineComponent({ sm_exit, }; }, + // data() { + // // return { + // // ...toRefs(state), + // // options1, + // // options2, + // // of_hShow, + // // of_exit, + // // hideShow, + // // bs_hShow, + // // bs_unhShow, + // // createft, + // // ft_exit, + // // om_exit, + // // ftm_exit, + // // ckxq_hs, + // // ftsr_exit, + // // gpm_exit, + // // stm_exit, + // // createkk, + // // cstm_exit, + // // sm_exit, + // // }; + // }, });