feat:调研时间框样式 创建调研样式 调研基础信息删除位置 面授课字体颜色 开课管理批量操作样式

This commit is contained in:
dongwug
2022-10-25 16:05:03 +08:00
parent 6f8c907456
commit 4e1bf6fa41
3 changed files with 27 additions and 38 deletions

View File

@@ -121,7 +121,7 @@
</div> </div>
<div class="b_sub"> <div class="b_sub">
<div class="bs_header"> <div class="bs_header">
<div class="b_left">课程命名规则</div> <div class="b_left"><span style="color:#999BA3;">课程命名规则</span></div>
<div class="b_right" @click="hideShow" style="cursor: pointer"> <div class="b_right" @click="hideShow" style="cursor: pointer">
<div <div
class="b_zk" class="b_zk"
@@ -313,7 +313,7 @@
</div> </div>
<div class="i2_cz"> <div class="i2_cz">
<div class="i2_top"> <div class="i2_top">
<div class="i2_left">课程命名规则</div> <div class="i2_left"><span style="color:#999BA3;">课程命名规则</span></div>
<div <div
class="i2_right" class="i2_right"
@click="hideShow" @click="hideShow"
@@ -1404,19 +1404,21 @@
class="btn4_sup" class="btn4_sup"
:style="{ display: hideshow ? 'none' : 'block' }" :style="{ display: hideshow ? 'none' : 'block' }"
> >
<div class="btnsbox">
<div class="btn4_tit"> <div class="btn4_tit">
<span style="color: #4ea6ff">批量录入成绩</span> <span style="color: #4ea6ff">批量录入成绩</span>
</div> </div>
<div class="btn4_op1"> <div class="btn4_op1">
<span style="margin: 10px auto">批量结业</span> <span >批量结业</span>
</div> </div>
<div class="btn4_op2"> <div class="btn4_op2">
<span style="margin: 10px auto">批量通过</span> <span >批量通过</span>
</div> </div>
<div class="btn4_op3"> <div class="btn4_op3">
<span style="margin: 10px auto">批量拒绝</span> <span>批量拒绝</span>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="stmm_btn btn5"> <div class="stmm_btn btn5">
<div class="export"></div> <div class="export"></div>
@@ -4977,6 +4979,7 @@ export default defineComponent({
} }
.btn4 { .btn4 {
display: flex; display: flex;
width: 130px;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
.btn4_sub { .btn4_sub {
@@ -4998,21 +5001,26 @@ export default defineComponent({
} }
.btn4_sup { .btn4_sup {
width: 100%; width: 100%;
display: flex;
flex-direction: column;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21); box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
position: absolute; position: absolute;
top: 40px; top: 40px;
z-index: 999; z-index: 999;
.btn4_tit { .btnsbox{
margin-top: 8px; display: flex;
margin-left: 8px; flex-direction: column;
} justify-content: center;
.btn4_op1, align-items: center;
.btn4_op2, .btn4_tit {
.btn4_op3 { margin: 10px auto;
margin-left: 20px; white-space: nowrap;
}
.btn4_op1,
.btn4_op2,
.btn4_op3 {
margin-bottom:10px;
white-space: nowrap;
}
} }
} }
} }

View File

@@ -440,7 +440,7 @@ export default {
cursor: pointer; cursor: pointer;
margin-top: 32px; margin-top: 32px;
margin-left: 20px; margin-left: 20px;
float: right; // float: right;
color: #4ea6ff; color: #4ea6ff;
font-size: 14px; font-size: 14px;
} }

View File

@@ -37,7 +37,7 @@
<a-range-picker <a-range-picker
v-model:value="value2" v-model:value="value2"
separator="至" separator="至"
:placeholder="['开始时间', '结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
</div> </div>
</div> </div>
@@ -65,7 +65,7 @@
:data-source="tableData" :data-source="tableData"
:loading="tableDataTotal === -1 ? true : false" :loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true" expandRowByClick="true"
:scroll="{ x: 1500, y: 800 }" :scroll="{ x: 1500 }"
@expand="expandTable" @expand="expandTable"
:pagination="false" :pagination="false"
/> />
@@ -102,10 +102,6 @@
<div class="mid clearfix"> <div class="mid clearfix">
<div class="name"> <div class="name">
<div class="d" style="margin-top: -4px"> <div class="d" style="margin-top: -4px">
<img
style="width: 10px; height: 10px"
src="../../assets/images/basicinfo/asterisk.png"
/>
</div> </div>
<div class="inname">调研名称</div> <div class="inname">调研名称</div>
<div class="in"> <div class="in">
@@ -287,12 +283,6 @@ export default {
width: 100, width: 100,
align: "center", align: "center",
className: "h", className: "h",
// ellipsis: true,
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: (text, record) => {
// console.log(text, record);
// return <span>{text.text}</span>;
// },
}, },
{ {
title: "名称", title: "名称",
@@ -487,10 +477,9 @@ export default {
width: 680px; width: 680px;
// height: 525px; // height: 525px;
background-color: #fff; background-color: #fff;
box-shadow: 0 0 10px rgba(118, 136, 166, 0.21); box-shadow: 0 0 10px rgba(118, 136, 166, 0.21);
left: 50%; left: 50%;
top: 20%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
.top { .top {
width: 100%; width: 100%;
@@ -587,9 +576,7 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
//align-items: center;
position: relative; position: relative;
// position: relative;
.filter { .filter {
margin-left: 38px; margin-left: 38px;
margin-right: 38px; margin-right: 38px;
@@ -607,7 +594,6 @@ export default {
} }
.btns { .btns {
display: flex; display: flex;
// flex-wrap: wrap;
.btn { .btn {
padding: 0px 26px 0px 26px; padding: 0px 26px 0px 26px;
height: 38px; height: 38px;
@@ -686,7 +672,6 @@ export default {
margin: 20px 38px 30px; margin: 20px 38px 30px;
display: flex; display: flex;
flex: 1; flex: 1;
//position: relative;
flex-direction: column; flex-direction: column;
th.h { th.h {
@@ -701,11 +686,8 @@ export default {
} }
.pa { .pa {
width: 100%; width: 100%;
// height: 20px;
// background-color: red;
display: flex; display: flex;
justify-content: center; justify-content: center;
//position: absolute;
margin-bottom: 20px; margin-bottom: 20px;
.pagination { .pagination {
margin-bottom: 20px; margin-bottom: 20px;
@@ -770,7 +752,6 @@ export default {
height: 16px; height: 16px;
position: relative; position: relative;
margin-right: 10px; margin-right: 10px;
// background-image: url(@/assets/images/coursewareManage/notice.png);
img{ img{
width: 100%; width: 100%;
height: 100%; height: 100%;