hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-09 02:46:45 +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="alimg"></div>
<div class="alimg"><img src="../../assets/images/studentimg/xls.png"/></div>
<div class="upproject">京东方商业模型.xls</div>
<div class="uping">正在上传</div>
<div class="progress">
@@ -48,7 +48,7 @@
<div class="uploadstate">上传失败</div>
<!-- 导入学员上传（有状态）-上传失败 -->
<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="uping" style="color: #FF7474">上传失败</div>
<div class="progress">
@@ -64,7 +64,7 @@
<div class="uploadstate" style="margin-top: 74px">上传成功</div>
<!-- 导入学员上传（有状态）-上传成功 -->
<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="uping" style="color: #35AE69">上传成功</div>
<div class="progress">
@@ -221,12 +221,12 @@ export default {
cursor: pointer;
}
.alimg {
width: 28px;
height: 32px;
width: 32px;
height: 34px;
position: absolute;
top: 66px;
left: 24px;
background: green;
//background: green;
}
.upproject {
position: absolute;

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

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