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

style:学员导入的图片,添加学员的按钮距离

Browse Source
This commit is contained in:
岳佳鑫
2022-10-21 11:14:13 +08:00
parent 86bba3dc94
commit 22f7ea79ad
3 changed files with 308 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/studentimg/xls.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 862 B

12
src/components/drawers/ImportStu.vue
View File

@@ -33,7 +33,7 @@
<!-- 导入学员上传 --> <!-- 导入学员上传 -->
<!-- 导入学员上传（有状态）-正在上传 --> <!-- 导入学员上传（有状态）-正在上传 -->
<div class="alreadybox"> <div class="alreadybox">
<div class="alimg"></div> <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
<div class="upproject">京东方商业模型.xls</div> <div class="upproject">京东方商业模型.xls</div>
<div class="uping">正在上传</div> <div class="uping">正在上传</div>
<div class="progress"> <div class="progress">
@@ -48,7 +48,7 @@
<div class="uploadstate">上传失败</div> <div class="uploadstate">上传失败</div>
<!-- 导入学员上传（有状态）-上传失败 --> <!-- 导入学员上传（有状态）-上传失败 -->
<div class="alreadybox"> <div class="alreadybox">
<div class="alimg"></div> <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
<div class="upproject">京东方商业模型.xls</div> <div class="upproject">京东方商业模型.xls</div>
<div class="uping" style="color: #FF7474">上传失败</div> <div class="uping" style="color: #FF7474">上传失败</div>
<div class="progress"> <div class="progress">
@@ -64,7 +64,7 @@
<div class="uploadstate" style="margin-top: 74px">上传成功</div> <div class="uploadstate" style="margin-top: 74px">上传成功</div>
<!-- 导入学员上传（有状态）-上传成功 --> <!-- 导入学员上传（有状态）-上传成功 -->
<div class="alreadybox"> <div class="alreadybox">
<div class="alimg"></div> <div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
<div class="upproject">京东方商业模型.xls</div> <div class="upproject">京东方商业模型.xls</div>
<div class="uping" style="color: #35AE69">上传成功</div> <div class="uping" style="color: #35AE69">上传成功</div>
<div class="progress"> <div class="progress">
@@ -221,12 +221,12 @@ export default {
cursor: pointer; cursor: pointer;
} }
.alimg { .alimg {
width: 28px; width: 32px;
height: 32px; height: 34px;
position: absolute; position: absolute;
top: 66px; top: 66px;
left: 24px; left: 24px;
background: green; //background: green;
} }
.upproject { .upproject {
position: absolute; position: absolute;

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

@@ -98,7 +98,7 @@
<div class="namee">受众名称：</div> <div class="namee">受众名称：</div>
<a-select <a-select
v-model:value="value" v-model:value="value"
style="width: 264px; border-radius: 8px" style="width: 264px;border-radius: 8px"
placeholder="请输入组织名称" placeholder="请输入组织名称"
:options="organizeList1" :options="organizeList1"
/> />
@@ -168,12 +168,30 @@
</div> </div>
</div> </div>
<div class="selecteds"> <div class="selecteds">
<div class="chose">李明</div> <div class="chose">
<div class="chose">李大明</div> 李明
<div class="chose">李二明</div> <div class="ch"></div>
<div class="chose">李明</div> </div>
<div class="chose">李大明</div> <div class="chose">
<div class="chose">李二明</div> 李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
<div class="chose">
李明
<div class="ch"></div>
</div>
<div class="chose">
李大明
<div class="ch"></div>
</div>
<div class="chose">
李二明
<div class="ch"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -448,20 +466,17 @@ export default {
}; };
</script> </script>
<style scoped lang="scss" > <style lang="scss" >
.stuadd { .stuadd {
.ant-pagination-options { // .ant-drawer-content-wrapper {
margin-top: 10px !important; // // max-width: 1000px;
} // .ant-drawer-header {
.ant-drawer-content-wrapper { // display: none !important;
// max-width: 1000px; // }
.ant-drawer-header { // .ant-drawer-body {
display: none !important; // padding: 0;
} // }
.ant-drawer-body { // }
padding: 0;
}
}
.drawerMain { .drawerMain {
min-width: 600px; min-width: 600px;
margin: 0px 32px 0px 32px; margin: 0px 32px 0px 32px;
@@ -488,6 +503,7 @@ export default {
display: flex; display: flex;
height: 80%; height: 80%;
.left { .left {
// overflow-y: auto;
width: 65%; width: 65%;
height: 100%; height: 100%;
border-right: 1px solid rgba(233, 233, 233, 1); border-right: 1px solid rgba(233, 233, 233, 1);
@@ -502,9 +518,19 @@ export default {
align-items: center; align-items: center;
margin-top: 10px; margin-top: 10px;
.namee { .namee {
color: rgba(0, 0, 0, 0.8500); color: rgba(0, 0, 0, 0.85);
font-size: 14px; font-size: 14px;
} }
.ant-select {
height: 40px;
}
.ant-select-selector {
height: 100%;
border-radius: 8px;
}
.ant-select-selection-search-input {
height: 40px;
}
} }
.btns { .btns {
display: flex; display: flex;
@@ -516,11 +542,11 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #FFFFFF; color: #ffffff;
font-size: 14px; font-size: 14px;
background: #409EFF; background: #409eff;
border-radius: 8px; border-radius: 8px;
border: 1px solid #409EFF; border: 1px solid #409eff;
cursor: pointer; cursor: pointer;
.wz { .wz {
margin-left: 10px; margin-left: 10px;
@@ -532,12 +558,12 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #409EFF; color: #409eff;
font-size: 14px; font-size: 14px;
background: #FFFFFF; background: #ffffff;
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
border: 1px solid #409EFF; border: 1px solid #409eff;
.wz { .wz {
margin-left: 10px; margin-left: 10px;
} }
@@ -618,9 +644,19 @@ export default {
> td { > td {
background: rgba(250, 250, 250, 1); background: rgba(250, 250, 250, 1);
} }
.ant-table-selection-column {
padding: 0 !important;
}
// table tr td.ant-table-selection-column {
// text-align: right;
// }
// .ant-checkbox-wrapper {
// align-items: center;
// margin-top: -2px;
// }
.pa { .pa {
// left: 0; // left: 0;
margin-top: 15px; margin-top: 5px;
width: 100%; width: 100%;
// height: 20px; // height: 20px;
// background-color: red; // background-color: red;
@@ -628,21 +664,38 @@ export default {
justify-content: center; justify-content: center;
// position: absolute; // position: absolute;
// bottom: 20px; // bottom: 20px;
.ant-pagination-prev {
margin-top: 10px;
}
.ant-pagination-next {
margin-top: 10px;
}
.ant-pagination-item {
margin-top: 10px;
}
.ant-pagination-options {
margin-top: 10px;
}
} }
} }
.tab2 { .tab2 {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 10px;
.organize { .organize {
color: rgba(0, 0, 0, 0.8500); color: rgba(0, 0, 0, 0.85);
font-size: 14px; font-size: 14px;
} }
.ant-select {
border-radius: 8px !important;
}
.ant-cascader { .ant-cascader {
width: 264px; width: 264px;
height: 40px; height: 40px;
border-radius: 8px; border-radius: 8px !important;
.ant-select-selector{ .ant-select-selector {
height: 100%; height: 100%;
border-radius: 8px;
} }
.ant-select-selection-search-input { .ant-select-selection-search-input {
height: 40px; height: 40px;
@@ -657,13 +710,18 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-right: 40px;
flex-wrap: wrap;
.already { .already {
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-left: 32px; margin-left: 32px;
white-space: nowrap;
// margin-bottom: 20px;
} }
.clbox { .clbox {
margin-left: 30px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@@ -671,13 +729,16 @@ export default {
width: 104px; width: 104px;
height: 32px; height: 32px;
border-radius: 4px; border-radius: 4px;
background: #409EFF; background: #409eff;
.colose { .colose {
width: 16px; width: 18px;
height: 16px; height: 18px;
border-radius: 8px; // border-radius: 8px;
background: #FFFFFF; // background: #ffffff;
position: relative; // position: relative;
background-image: url(../../assets/images/basicinfo/ch.png);
background-size: 100%;
margin-right: 4px;
} }
.allclear { .allclear {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
@@ -701,6 +762,16 @@ export default {
border: 1px solid rgba(56, 139, 225, 1); border: 1px solid rgba(56, 139, 225, 1);
color: rgba(56, 139, 225, 1); color: rgba(56, 139, 225, 1);
font-size: 12px; font-size: 12px;
position: relative;
.ch {
position: absolute;
width: 18px;
height: 18px;
background-image: url(../../assets/images/basicinfo/ch.png);
right: -8px;
top: -8px;
cursor: pointer;
}
} }
} }
} }