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

feat:修改添加面授的border以及面授和考勤抽屉列表的操作

Browse Source
This commit is contained in:
李晓鸽
2022-10-21 11:29:09 +08:00
parent 53146023b3 f0cc0a3c9d
commit a83e0ec2c7
10 changed files with 900 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

173
src/components/drawers/AddGroup.vue
View File

@@ -16,38 +16,38 @@
/>
</div>
<div class="main">
<div class="name">
<div class="star" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">小组名称:</div>
<div class="in">
<a-input
v-model:value="value"
placeholder="请输入小组名称"
style="border-radius: 8px; height: 40px"
/>
</div>
<div class="name">
<div class="star" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="name">
<div class="star" style="margin-top: -4px">
<img
style="width: 10px; height: 10px; margin-left: 15px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">小组长:</div>
<div class="in">
<a-input
v-model:value="value"
placeholder="请输入小组长"
style="border-radius: 8px; height: 40px"
/>
</div>
<div class="inname">小组名称:</div>
<div class="in">
<a-input
v-model:value="value"
placeholder="请输入小组名称"
style="border-radius: 8px; height: 40px"
/>
</div>
</div>
<div class="name">
<div class="star" style="margin-top: -4px">
<img
style="width: 10px; height: 10px; margin-left: 15px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div>
<div class="inname">小组长:</div>
<div class="in">
<a-input
v-model:value="value"
placeholder="请输入小组长"
style="border-radius: 8px; height: 40px"
/>
</div>
</div>
</div>
<div class="btnn">
<button class="btn1">取消</button>
@@ -55,7 +55,6 @@
</div>
</div>
</a-drawer>
</template>
<script>
@@ -88,7 +87,7 @@ export default {
};
</script>
<style scoped lang="scss" >
<style scoped lang="scss">
.addgroup {
.ant-drawer-content-wrapper {
// max-width: 1000px;
@@ -122,67 +121,67 @@ export default {
}
}
.main {
display: flex;
flex-direction: column;
//align-items: center;
.name {
//width: 78%;
// background-color: lightcoral;
display: flex;
flex-direction: column;
//align-items: center;
.name {
//width: 78%;
// background-color: lightcoral;
display: flex;
//justify-content: right;
margin-top: 32px;
align-items: center;
height: 40px;
// border: 1px solid black;
//justify-content: right;
margin-top: 32px;
align-items: center;
height: 40px;
// border: 1px solid black;
.inname {
color: #000000;
font-size: 14px;
margin-left: 7px;
}
.in {
margin-left: 14px;
//width: 81%;
.ant-input {
border-radius: 5px;
// height: 120%;
width: 384px;
height: 40px;
}
}
.inname {
color: #000000;
font-size: 14px;
margin-left: 7px;
}
.pubtn {
display: flex;
justify-content: center;
margin-top: 25px;
//margin-bottom: 29px;
.pubtn1 {
width: 100px;
.in {
margin-left: 14px;
//width: 81%;
.ant-input {
border-radius: 5px;
// height: 120%;
width: 384px;
height: 40px;
margin-right: 16px;
margin-bottom: 29px;
border: 1px solid #409eff;
border-radius: 4px;
color: rgba(78, 166, 255, 1);
font-size: 14px;
//line-height: 36px;
align-items: center;
background: rgba(255, 255, 255, 1);
}
.pubtn2 {
width: 100px;
height: 40px;
margin-bottom: 29px;
border: 1px solid #409eff;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
align-items: center;
//line-height: 36px;
background: #409eff;
}
}
}
.pubtn {
display: flex;
justify-content: center;
margin-top: 25px;
//margin-bottom: 29px;
.pubtn1 {
width: 100px;
height: 40px;
margin-right: 16px;
margin-bottom: 29px;
border: 1px solid #409eff;
border-radius: 4px;
color: rgba(78, 166, 255, 1);
font-size: 14px;
//line-height: 36px;
align-items: center;
background: rgba(255, 255, 255, 1);
}
.pubtn2 {
width: 100px;
height: 40px;
margin-bottom: 29px;
border: 1px solid #409eff;
border-radius: 4px;
color: #ffffff;
font-size: 14px;
align-items: center;
//line-height: 36px;
background: #409eff;
}
}
}
.btnn {
height: 72px;
width: 100%;
@@ -215,4 +214,4 @@ export default {
}
}
}
</style>
</style>