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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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