style:按钮样式统一

This commit is contained in:
songwc
2022-10-28 16:52:40 +08:00
parent fe85165ce9
commit bf57d4b916
13 changed files with 255 additions and 227 deletions

View File

@@ -803,7 +803,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -844,7 +844,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
margin-right: 20px; margin-right: 20px;
color: #ffffff; color: #ffffff;
} }
@@ -983,7 +983,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -496,7 +496,7 @@ export default {
} }
.btn2 { .btn2 {
background: #388be1; background: #409eff;
color: #fff; color: #fff;
border: 0; border: 0;
margin-left: 10px; margin-left: 10px;
@@ -620,7 +620,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -665,7 +665,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -811,7 +811,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -150,67 +150,67 @@
</div> </div>
</a-drawer> </a-drawer>
<!-- 导入学员抽屉 --> <!-- 导入学员抽屉 -->
<imp-stu v-model:AddImpStuvisible="AddImpStuvisible" /> <imp-stu v-model:AddImpStuvisible="AddImpStuvisible" />
<!-- 批量签到弹窗 --> <!-- 批量签到弹窗 -->
<a-modal <a-modal
v-model:visible="copyModal" v-model:visible="copyModal"
:footer="null" :footer="null"
:closable="closeCopy" :closable="closeCopy"
wrapClassName="CopyModal" wrapClassName="CopyModal"
centered="true" centered="true"
> >
<div class="delete"> <div class="delete">
<div class="del_header"></div> <div class="del_header"></div>
<div class="del_main"> <div class="del_main">
<div class="header"> <div class="header">
<div class="icon"></div> <div class="icon"></div>
<span>提示</span> <span>提示</span>
<div class="close_exit" @click="closeCopyModal"></div> <div class="close_exit" @click="closeCopyModal"></div>
</div>
<div class="body">
<span>您确定要批量签到吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div> </div>
<div class="body"> <div class="del_btn btn2">
<span>您确定要批量签到吗</span> <div class="btnText" @click="delete_exit">确定</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</a-modal> </div>
<!-- 批量签退弹窗 --> </a-modal>
<a-modal <!-- 批量签退弹窗 -->
v-model:visible="stopModal" <a-modal
:footer="null" v-model:visible="stopModal"
:closable="closeStop" :footer="null"
wrapClassName="CopyModal" :closable="closeStop"
centered="true" wrapClassName="CopyModal"
> centered="true"
<div class="delete"> >
<div class="del_header"></div> <div class="delete">
<div class="del_main"> <div class="del_header"></div>
<div class="header"> <div class="del_main">
<div class="icon"></div> <div class="header">
<span>提示</span> <div class="icon"></div>
<div class="close_exit" @click="closeStopModal"></div> <span>提示</span>
<div class="close_exit" @click="closeStopModal"></div>
</div>
<div class="body">
<span>您确定要批量签退吗</span>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div> </div>
<div class="body"> <div class="del_btn btn2">
<span>您确定要批量签退吗</span> <div class="btnText" @click="delete_exit">确定</div>
</div>
<div class="del_btnbox">
<div class="del_btn btn1">
<div class="btnText" @click="delete_exit">取消</div>
</div>
<div class="del_btn btn2">
<div class="btnText" @click="delete_exit">确定</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</a-modal> </div>
</a-modal>
</template> </template>
<script> <script>
@@ -810,7 +810,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -851,7 +851,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -1002,7 +1002,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -78,16 +78,18 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize" hideOnSinglePage="true"
:current="currentPage" :pageSize="pageSize"
:total="tableDataTotal" :current="currentPage"
class="pagination" :total="tableDataTotal"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -157,16 +159,18 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize1" hideOnSinglePage="true"
:current="currentPage1" :pageSize="pageSize1"
:total="tableDataTotal1" :current="currentPage1"
class="pagination" :total="tableDataTotal1"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -238,16 +242,18 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize2" hideOnSinglePage="true"
:current="currentPage2" :pageSize="pageSize2"
:total="tableDataTotal2" :current="currentPage2"
class="pagination" :total="tableDataTotal2"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -1249,7 +1255,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -78,16 +78,18 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize" hideOnSinglePage="true"
:current="currentPage" :pageSize="pageSize"
:total="tableDataTotal" :current="currentPage"
class="pagination" :total="tableDataTotal"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -157,16 +159,18 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize1" hideOnSinglePage="true"
:current="currentPage1" :pageSize="pageSize1"
:total="tableDataTotal1" :current="currentPage1"
class="pagination" :total="tableDataTotal1"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -238,16 +242,18 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize2" hideOnSinglePage="true"
:current="currentPage2" :pageSize="pageSize2"
:total="tableDataTotal2" :current="currentPage2"
class="pagination" :total="tableDataTotal2"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -990,21 +996,23 @@ export default {
// align-items: center; // align-items: center;
// margin-top: -2px; // margin-top: -2px;
// } // }
.pa { .tableBox {
// left: 0; .pa {
margin-top: 15px; // left: 0;
width: 100%; margin-top: 15px;
// height: 20px; width: 100%;
// background-color: red; // height: 20px;
display: flex; // background-color: red;
justify-content: center; display: flex;
// position: absolute; justify-content: center;
// bottom: 20px; // position: absolute;
.ant-pagination-item, // bottom: 20px;
.ant-pagination-prev, .ant-pagination-item,
.ant-pagination-next, .ant-pagination-prev,
.ant-pagination-options { .ant-pagination-next,
margin-bottom: 10px; .ant-pagination-options {
margin-bottom: 10px;
}
} }
} }
} }
@@ -1197,7 +1205,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -57,16 +57,19 @@
}" }"
/> />
</div> </div>
<div class="pa">
<a-pagination <div class="tableBox">
showSizeChanger="true" <div class="pa">
showQuickJumper="true" <a-pagination
hideOnSinglePage="true" showSizeChanger="true"
:pageSize="pageSize" showQuickJumper="true"
:current="currentPage" hideOnSinglePage="true"
:total="tableDataTotal" :pageSize="pageSize"
class="pagination" :current="currentPage"
/> :total="tableDataTotal"
class="pagination"
/>
</div>
</div> </div>
<!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px"> <!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
<a-table <a-table
@@ -589,25 +592,27 @@ export default {
cursor: pointer; cursor: pointer;
} }
} }
.pa { .tableBox {
// left: 0; .pa {
margin-top: 25px; // left: 0;
// margin-bottom: 70px; margin-top: 25px;
width: 100%; // margin-bottom: 70px;
// height: 20px; width: 100%;
// background-color: red; // height: 20px;
display: flex; // background-color: red;
justify-content: center; display: flex;
// position: absolute; justify-content: center;
// bottom: 20px; // position: absolute;
// margin-bottom: 20px; // bottom: 20px;
.ant-pagination-prev, // margin-bottom: 20px;
.ant-pagination-next, .ant-pagination-prev,
.ant-pagination-options { .ant-pagination-next,
margin-bottom: 10px; .ant-pagination-options {
} margin-bottom: 10px;
.ant-pagination-item { }
margin-bottom: 10px; .ant-pagination-item {
margin-bottom: 10px;
}
} }
} }
// .tab { // .tab {
@@ -657,7 +662,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -78,16 +78,18 @@
onChange: onSelectChange, onChange: onSelectChange,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize" hideOnSinglePage="true"
:current="currentPage" :pageSize="pageSize"
:total="tableDataTotal" :current="currentPage"
class="pagination" :total="tableDataTotal"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -157,16 +159,18 @@
onChange: onSelectChange1, onChange: onSelectChange1,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize1" hideOnSinglePage="true"
:current="currentPage1" :pageSize="pageSize1"
:total="tableDataTotal1" :current="currentPage1"
class="pagination" :total="tableDataTotal1"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -238,16 +242,18 @@
onChange: onSelectChange2, onChange: onSelectChange2,
}" }"
/> />
<div class="pa"> <div class="tableBox">
<a-pagination <div class="pa">
showSizeChanger="true" <a-pagination
showQuickJumper="true" showSizeChanger="true"
hideOnSinglePage="true" showQuickJumper="true"
:pageSize="pageSize2" hideOnSinglePage="true"
:current="currentPage2" :pageSize="pageSize2"
:total="tableDataTotal2" :current="currentPage2"
class="pagination" :total="tableDataTotal2"
/> class="pagination"
/>
</div>
</div> </div>
</div> </div>
</a-tab-pane> </a-tab-pane>
@@ -1197,7 +1203,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -156,7 +156,7 @@
:data-source="tabledata1" :data-source="tabledata1"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 500}" :scroll="{ x: 500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
:row-selection="{ :row-selection="{
@@ -1469,7 +1469,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -462,7 +462,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -503,7 +503,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -570,7 +570,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -419,7 +419,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -460,7 +460,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -527,7 +527,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -470,7 +470,7 @@ export default {
} }
.btn2 { .btn2 {
background-color: #388be1; background-color: #409eff;
color: #fff; color: #fff;
border: 0; border: 0;
margin-left: 16px; margin-left: 16px;
@@ -565,7 +565,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -599,7 +599,7 @@ export default {
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #ffffff; color: #ffffff;
} }
@@ -666,7 +666,7 @@ export default {
cursor: pointer; cursor: pointer;
width: 100px; width: 100px;
height: 40px; height: 40px;
background: #4ea6ff; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 0; border: 0;
margin-left: 15px; margin-left: 15px;

View File

@@ -2899,7 +2899,7 @@ export default {
.box { .box {
width: 4px; width: 4px;
height: 20px; height: 20px;
background-color: #4ea6ff; background-color: #409eff;
border-radius: 2px; border-radius: 2px;
} }
.onetitle { .onetitle {

View File

@@ -377,7 +377,7 @@
@click=" @click="
item.course === '面授' item.course === '面授'
? showCopyModal(item.course) ? showCopyModal(item.course)
: item.course === '直播' : item.course === '直播'
? showzhibModal(item.course) ? showzhibModal(item.course)
: item.course === '活动' : item.course === '活动'
? showhuodModal(item.course) ? showhuodModal(item.course)
@@ -458,7 +458,10 @@
" "
> >
<div class="groupname" style="width: 42px">姓名</div> <div class="groupname" style="width: 42px">姓名</div>
<a-input v-model:value="valuestun" placeholder="请输入姓名" /> <a-input
v-model:value="valuestun"
placeholder="请输入姓名"
/>
</div> </div>
<div <div
style=" style="
@@ -1789,18 +1792,18 @@ export default {
checkedd2: false, //设置按钮2 checkedd2: false, //设置按钮2
radioV1: "", radioV1: "",
radioV2: "", radioV2: "",
activeKey: "1",//1:概览 2.任务... activeKey: "1", //1:概览 2.任务...
activeKey1: "8",//8:学员管理 9小组管理 activeKey1: "8", //8:学员管理 9小组管理
activeKey2: "3", activeKey2: "3",
inputValue: 5, inputValue: 5,
inputValue2: 5, inputValue2: 5,
inputValue3: 5, inputValue3: 5,
valueaddm: "",//创建小组输入小组长 valueaddm: "", //创建小组输入小组长
valueaddg:"",//创建小组输入名称 valueaddg: "", //创建小组输入名称
valuestun:"",//学员管理姓名 valuestun: "", //学员管理姓名
valuegood:"", valuegood: "",
valuestub:"",//学员管理部门 valuestub: "", //学员管理部门
valuestug:"",//学员管理小组名称 valuestug: "", //学员管理小组名称
valueName: "", //排行榜输入姓名 valueName: "", //排行榜输入姓名
valueDate: "", //排行榜输入日期 valueDate: "", //排行榜输入日期
noticeChecked: true, noticeChecked: true,
@@ -2972,7 +2975,7 @@ export default {
margin-right: 14px; margin-right: 14px;
} }
.btn2 { .btn2 {
background-color: #4ea6ff; background-color: #409eff;
color: #ffffff; color: #ffffff;
} }
} }
@@ -3088,7 +3091,7 @@ export default {
margin-right: 14px; margin-right: 14px;
} }
.btn2 { .btn2 {
background-color: #4ea6ff; background-color: #409eff;
color: #ffffff; color: #ffffff;
} }
} }
@@ -4446,7 +4449,7 @@ export default {
} }
} }
.btn1 { .btn1 {
background: #388be1; background: #409eff;
color: #fff; color: #fff;
margin-right: 16px; margin-right: 16px;
} }