hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 04:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

表格样式

Browse Source
This commit is contained in:
zhangyc
2022-12-11 17:07:06 +08:00
parent cd94fe07d3
commit 53c5f4a903
23 changed files with 104 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/drawers/AddGroupMembers.vue
View File

@@ -67,6 +67,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
v-if="total > 10"
@@ -79,7 +80,7 @@
class="pagination"
@change="changePaginationStu"
/>
</div>
</div></div>
</div>
</div>
<div class="btnn">

9
src/components/drawers/AddLevelAddStu.vue
View File

@@ -82,6 +82,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -92,7 +93,7 @@
:total="tableDataTotal"
class="pagination"
/>
</div>
</div></div>
</div>
</div>
</a-tab-pane>
@@ -151,7 +152,7 @@
<div class="wz">重置</div>
</div>
</div>
<div class="tabb" style="margin-top: 16px">
<div class="tableBox" style="margin-top: 16px">
<a-table
style="border: 1px solid #f2f6fe"
:columns="tablecolumns1"
@@ -167,6 +168,7 @@
onChange: onSelectChange1,
}"
/>
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -258,6 +260,7 @@
onChange: onSelectChange2,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -268,7 +271,7 @@
:total="tableDataTotal2"
class="pagination"
/>
</div>
</div></div>
</div>
</div>
</a-tab-pane>

1
src/components/drawers/CourseOwner.vue
View File

@@ -104,6 +104,7 @@
onChange: onSelectChange,
}"
/>
<div class="pa">
<a-pagination
:showSizeChanger="false"

3
src/components/drawers/CourseView.vue
View File

@@ -103,6 +103,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -116,7 +117,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

1
src/components/drawers/FaceManage.vue
View File

@@ -100,6 +100,7 @@
onChange: onSelectChange,
}"
/>
<div class="pa">
<a-pagination
:showSizeChanger="false"

3
src/components/drawers/ManageRight.vue
View File

@@ -104,6 +104,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -117,7 +118,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

1
src/components/drawers/MemberList.vue
View File

@@ -81,6 +81,7 @@
onChange: onSelectChange,
}"
/>
<div class="pa">
<a-pagination
v-if="total > 10"

1
src/components/drawers/OwnPower.vue
View File

@@ -104,6 +104,7 @@
type: 'radio',
}"
/>
<div class="pa">
<a-pagination
:showSizeChanger="false"

3
src/components/drawers/Ownership.vue
View File

@@ -105,6 +105,7 @@
type: 'radio',
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -118,7 +119,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

1
src/components/drawers/ProjCheckPower.vue
View File

@@ -118,6 +118,7 @@
preserveSelectedRowKeys: true,
}"
/>
<div class="pa">
<a-pagination
:showSizeChanger="false"

3
src/components/drawers/ProjManagePower.vue
View File

@@ -104,6 +104,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -117,7 +118,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

3
src/components/drawers/ProjectOwn.vue
View File

@@ -111,6 +111,7 @@
type: 'radio',
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -124,7 +125,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

3
src/components/drawers/ProjectScore.vue
View File

@@ -34,6 +34,7 @@
@expand="expandTable"
:pagination="false"
/>
<div class="pa">
<a-pagination
v-if="tableDataTotal > 10"
@@ -771,7 +772,7 @@ export default {
}
.group {
display: flex;
justify-content: space-between;
.groupleft {
display: flex;
align-items: center;

1
src/components/drawers/QueryRight.vue
View File

@@ -104,6 +104,7 @@
onChange: onSelectChange,
}"
/>
<div class="pa">
<a-pagination
:showSizeChanger="false"

3
src/components/drawers/StuAdd.vue
View File

@@ -112,6 +112,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -125,7 +126,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

1
src/components/drawers/StuScoreDetail.vue
View File

@@ -26,6 +26,7 @@
@expand="expandTable"
:pagination="false"
/>
<div class="pa">
<a-pagination
v-if="tableDataTotal > 10"

3
src/components/drawers/pathStuAdd.vue
View File

@@ -103,6 +103,7 @@
onChange: onSelectChange,
}"
/>
<div class="tableBox">
<div class="pa">
<a-pagination
:showSizeChanger="false"
@@ -116,7 +117,7 @@
v-if="tableDataTotal > 10"
@change="changePagination"
/>
</div>
</div></div>
</div>
</div>
</div>

2
src/views/learningpath/LearningPath.vue
View File

@@ -1233,6 +1233,7 @@ export default {
// )
}
</div>
<div class="tableSelect">
<div
class="g1"
@@ -1288,6 +1289,7 @@ export default {
</a-select-option>
</a-select>
</div>
<div class="tableSelect">
{text.record.state === "草稿" ? (
<a-select

54
src/views/learningpath/LevelAdd.vue
View File

@@ -594,7 +594,7 @@
<a-table
style="border: 1px solid #f2f6fe"
:columns="tableDataFunc()"
:scroll="{ x: 1500, y: 160 }"
:scroll="{ x: 1400 }"
:data-source="tableData"
:loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true"
@@ -606,9 +606,10 @@
onChange: onSelectChange,
}"
/>
<div class="pa">
<a-pagination
v-if="tableDataTotal > 10"
:showSizeChanger="false"
showQuickJumper="true"
hideOnSinglePage="true"
@@ -618,7 +619,7 @@
@change="pageChange"
class="pagination"
style="display: block"
v-if="tableDataTotal > 10"
/>
</div>
</div>
@@ -626,10 +627,13 @@
<div class="pad"></div>
</div>
</a-tab-pane>
<!--1211注释 待开放
<a-tab-pane key="4" tab="设置">
<div class="split"></div>
<a-tabs>
<a-tab-pane key="1" tab="基本信息">
<div class="sametab">
<div class="Gcon">
@@ -653,13 +657,7 @@
:disabled="number"
v-model:checked="previewSelect"
></a-checkbox>
<!-- <input
type="checkbox"
name="cb1"
v-model: ="previewSelect"
class="in"
:disabled="number"
/> -->
<span class="yulan">预览其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex; align-items: center">
@@ -696,13 +694,7 @@
:disabled="number"
v-model:checked="studySelect"
></a-checkbox>
<!-- <input
type="checkbox"
name="cb1"
v-model:value="studySelect"
class="in"
:disabled="number"
/> -->
<span class="yulan">学习其他关卡</span><br />
<div style="width: 10px; height: 4px"></div>
<div style="display: flex; align-items: center">
@@ -739,6 +731,7 @@
</div>
</div>
</a-tab-pane>
<a-tab-pane key="2" tab="共享文档">
<div class="sametab">
@@ -782,28 +775,8 @@
<span style="color: #999999">
支持：pdf.ppt.pptx.doc.docx.xls.xlsx.jpeg.png.gif.zip
</span>
</div>
<!-- <div
v-for="item in fileList"
:key="item.src"
style="margin-top: 20px"
class="docListStyle"
>
<img
src="@/assets/images/doc.png"
style="
cursor: pointer;
width: 30px;
height: 25px;
margin-right: 10px;
"
alt=""
/>
<span style="font: oblique bolder 16px 宋体">{{
item.name
}}</span>
<span style="color: #4ea6ff; float: right">删除</span>
</div> -->
</div>
<div
v-for="item in fileList"
:key="item.uid"
@@ -849,7 +822,10 @@
</a-tab-pane>
</a-tabs>
</a-tab-pane>
-->
</a-tabs>
<a-modal
style="padding: 0"
:closable="sh"

2
src/views/learningpath/LevelAddDetail.vue
View File

@@ -2362,6 +2362,7 @@ export default {
}
.leveladddetail {
width: 100%;
min-height: 800px;
display: flex;
flex-direction: column;
min-width: 933px;
@@ -2648,6 +2649,7 @@ export default {
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.07);
display: flex;
justify-content: center;
min-height:512px;
.boomcen {
width: 95%;
// height: 100%;

3
src/views/projectcenter/LibraryAdd.vue
View File

@@ -579,6 +579,7 @@
</div>
</div>
</a-tab-pane>
<!--
<a-tab-pane key="13" tab="共享文档">
<div class="sametab">
<div class="Gcon">
@@ -651,6 +652,8 @@
</div>
</div>
</a-tab-pane>
-->
</a-tabs>
</a-tab-pane>
</a-tabs>

49
src/views/projectcenter/TaskPage.vue
View File

@@ -16,7 +16,7 @@
class="img1"
src="../../assets/images/leveladd/ma.png"
@click="showCodeModel2()"
/> -->
/>
<div
class="line"
v-if="
@@ -26,7 +26,7 @@
action == 3 ||
action == -2
"
></div>
></div>-->
<!-- 显示发布图标 -->
<img
v-if="action == 2"
@@ -124,13 +124,13 @@
<!-- 已结束的显示 -->
<!-- <div class="pub" style="width: 28px" v-if="action == -1">
{{ act }}
</div> -->
</div>
<div class="line"></div>
<img
style="margin-right: 15px"
class="img2"
src="../../assets/images/leveladd/more.png"
/>
/>-->
<!-- <div class="more">
<span style="color: #7096e3; cursor: pointer">更多</span>
<div class="moreArrow"></div>
@@ -139,17 +139,16 @@
<div class="sammo">复制</div>
</div>
</div> -->
<!-- 草稿/未发布的显示 -->
<!-- 草稿/未发布的显示
<div class="more" v-if="action == 0">
<span style="color: #7096e3; cursor: pointer">更多</span>
<div class="moreArrow"></div>
<div class="moreItems">
<!-- <div class="sammo">撤回</div> -->
<div class="sammo">复制</div>
<div class="sammo" @click="showStartModal">存为模板</div>
</div>
</div>
<!-- 已发布的显示 -->
</div>-->
<!-- 已发布的显示
<div class="more" v-if="action == 1">
<span style="color: #7096e3; cursor: pointer">更多</span>
<div class="moreArrow"></div>
@@ -158,17 +157,17 @@
<div class="sammo">复制</div>
<div class="sammo" @click="showStartModal">存为模板</div>
</div>
</div>
<!-- 已结束的显示 -->
</div>-->
<!-- 已结束的显示
<div class="more" v-if="action == -1">
<span style="color: #7096e3; cursor: pointer">更多</span>
<div class="moreArrow"></div>
<div class="moreItems">
<!-- <div class="sammo">结束</div> -->
<div class="moreItems">-->
<!-- <div class="sammo">结束</div>
<div class="sammo">复制</div>
<div class="sammo" @click="showStartModal">存为模板</div>
</div>
</div>
</div> -->
<div class="line"></div>
<router-link to="/projectmanage">
<div style="display: flex">
@@ -838,6 +837,7 @@
<div class="nostu" style="display: none">
<div class="nostuimg"></div>
</div>
<div class="tableBox">
<div class="pa">
<a-pagination
v-if="total > 10"
@@ -850,9 +850,10 @@
class="pagination"
@change="changePaginationStu"
/>
</div>
</div></div>
</div>
</a-tab-pane>
<!--
<a-tab-pane key="9" tab="小组管理" force-render>
<div class="group">
<div class="groupleft">
@@ -877,14 +878,14 @@
<div class="btn1" @click="showModal2(1, null)">
<img src="../../assets/images/courseManage/add0.png" />
<span class="btn1text">创建小组</span>
</div>
</div>-->
<!-- 2022-12-2注释 后面放开 -->
<!-- <div class="btn2" @click="showSubset">
<img src="../../assets/images/courseManage/reset2.png" />
<span class="btn2text">随机分组</span>
</div> -->
</div>
<!-- 小组列表 -->
</div>
</div>-->
<!-- 小组列表
<div class="groupmain">
<div
class="groupbox"
@@ -921,7 +922,7 @@
class="grofooter"
@click="showMemberList(item.projectGroupId)"
>
<div class="ftext">组员名单 ></div>
<div class="ftext">组员名单 ></div>-->
<!-- <div class="peoples">
<div class="people1">
<img
@@ -943,12 +944,16 @@
src="../../assets/images/taskpage/people4.png"
/>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</a-tab-pane>
-->
</a-tabs>
</div>
</a-tab-pane>
@@ -1194,6 +1199,7 @@
</div>
</div>
</a-tab-pane>
<!--
<a-tab-pane key="13" tab="共享文档">
<div class="sametab">
<div class="Gcon">
@@ -1280,6 +1286,7 @@
</div>
</div>
</a-tab-pane>
-->
</a-tabs>
</a-tab-pane>
</a-tabs>
@@ -5850,7 +5857,7 @@ export default {
.group {
display: flex;
justify-content: space-between;
.groupleft {
display: flex;

42
src/views/projectcenter/TemplateLibrary.vue
View File

@@ -40,6 +40,7 @@
<a-table :columns="columns1" :data-source="tableData1"
expandRowByClick="true" @expand="expandTable" :pagination="false"/>
<div class="tableBox" style="display:flex;justify-content:center;padding:20px;">
<div class="pa">
<a-pagination
v-if="tableDataTotal > 10"
@@ -68,7 +69,7 @@ import * as api from "@/api/indexTemplate"
const columns1 = [
{
title: "模版名称",
width: "20%",
width: "30%",
dataIndex: "name",
key: "name",
ellipsis: true,
@@ -83,21 +84,28 @@ const columns1 = [
},
{
title: "创建人",
width: "18%",
width: "15%",
dataIndex: "creator",
key: "creator",
align: "center",
},
// {
// title: "最近学习时间",
// width: "25%",
// dataIndex: "stutime",
// key: "stutime",
// align: "center",
{
title: "创建时间",
width: "20%",
dataIndex: "createTime",
key: "createTime",
align: "center",
},
//{
// title: "发布时间",
// width: "15%",
// dataIndex: "publishTime",
// key: "publishTime",
// align: "center",
// },
{
title: "操作",
width: "22%",
width: "20%",
className: "h",
dataIndex: "operation",
key: "operation",
@@ -114,17 +122,11 @@ export default defineComponent({
time:null,
currentPage: 1,
pageSize: 10,
total:50,
total:0,
tableDataTotal:0,
tableData1: [
{
key: "1",
name: "测试模板1",
status: "已发布",
creator: "李部长",
stutime: "2022-10-31 23:12:00",
operation: "operation",
projectTemplateId: 1,
}
],
});
@@ -217,7 +219,8 @@ export default defineComponent({
state.tableData1 = []
state.tableDataTotal = res.data.data.total;
console.log(res);
let resData = res.data.data.rows
let resData = res.data.data.rows;
state.total =res.data.data.total;
if (resData.length) {
for (let i in resData) {
state.tableData1.push({
@@ -226,7 +229,8 @@ export default defineComponent({
status:resData[i].status ? "已发布" : "未发布",
name:resData[i].name,
creator:resData[i].createName,
stutime:resData[i].publishTime,
publishTime:resData[i].publishTime,
createTime:resData[i].createTime,
operation:"operation"
})
}