Skip to content

C
campSite
Commit a6db8045 authored by 杨梦雪's avatar 杨梦雪
Browse files
Options

查看作业-

parent 118cf68e
Hide whitespace changes
Inline Side-by-side
Showing with 494 additions and 478 deletions
src/request/index/network.js
View file @ a6db8045
......@@ -41,11 +41,7 @@ instance.interceptors.request.use(
config.headers["Content-Type"] = "application/x-www-form-urlencoded";
}
// 调用接口请求添加token认证信息
// let token = localStorage.getItem("index-token");
const token = localStorage.getItem('index-token' + store.state.indexIdentity)
//
config.headers.token = token
if (token) config.headers.authorization = token;
return config;
......
src/views/index/camp/Homework.vue
View file @ a6db8045
......@@ -2,22 +2,22 @@
<div class="homework">
<div class="title">
<div
v-if="$store.state.human == 1"
class="homework_titile"
v-if="$store.state.human == 1"
>
作业
</div>
<div v-else class="homework_titile">营地作业</div>
<div class="homework_titile" v-else>营地作业</div>
</div>
<div class="content_empty" v-if="total <= 0">
<div>
<img src="@/assets/img/homework/homework.png" alt="" />
<img alt="" src="@/assets/img/homework/homework.png"/>
</div>
<p v-if="isShowinfo">同学你好，老师暂未发布作业</p>
</div>
<div class="home_content" v-if="total > 0">
<div class="each_content" v-for="item in homeworkList" :key="item.id">
<div :key="item.id" class="each_content" v-for="item in homeworkList">
<div class="top flex">
<div class="homework_name flex">
<div class="work_name">{{ item.work_name }}</div>
......@@ -28,19 +28,18 @@
<!-- <el-button class="btn_refer" @click="toRefer(item)"
>查看作业</el-button
> -->
<el-button
class="btn_refer"
:disabled="
!(
(item.is_submit == 0 && !disabled) ||
(item.is_submit == 1 && disabled)
(item.is_submit == 0 && !item.disabled) ||
(item.is_submit == 1 && item.disabled)
)
"
@click="toRefer(item)"
>查看作业</el-button
class="btn_refer"
>查看作业
</el-button
>
<!-- <el-button type="info" plain disabled>警告按钮</el-button> -->
</div>
<div class="line"></div>
......@@ -56,277 +55,294 @@
</div>
<div class="pagination" v-if="total > 0">
<el-pagination
layout="prev, pager, next"
:page-size="pageSize"
:current-page="currentPage"
:page-size="pageSize"
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
layout="prev, pager, next"
>
</el-pagination>
</div>
<!-- 下载作业 -->
<refer
:dialogVisibleFu="dialogVisibleFu"
:timeOut="time_out"
:work_contexts="work_context"
:enclosure_urls="enclosure_url"
:work_nums="work_num"
:workName="workName"
:end_time="end_time"
:order_nums="order_num"
:student_status="student_status"
:end_time="end_time"
:timeOut="time_out"
:workName="workName"
:work_contexts="work_context"
:work_nums="work_num"
@closeDialog="closeDialog"
></refer>
</div>
</template>
<script>
/* eslint-disable */
import refer from "v/index/camp/homework/refer";
import { getTeacherWork } from "r/index/homework";
import Bus from "config/bus.js";
export default {
name: "homework",
components: {
refer,
},
data() {
return {
isShowinfo: false,
pageSize: 10,
currentPage: 1,
total: 0,
homeworkList: [],
dialogVisibleFu: false,
timeOut: 1, //提交作业时间状态
work_context: "",
enclosure_url: "",
time_out: 0,
work_num: 0,
workName: "",
order_num: 0,
student_status: 0,
end_time: null,
disabled: false,
};
},
created() {
this.getTeacherWork();
},
watch: {},
methods: {
handleSizeChange(val) {
this.pageSize = val;
// console.log(`每页 ${val} 条`);
/* eslint-disable */
import refer from "v/index/camp/homework/refer";
import {getTeacherWork} from "r/index/homework";
export default {
name: "homework",
components: {
refer,
},
handleCurrentChange(val) {
this.currentPage = val;
// console.log(`当前页: ${val}`);
this.getTeacherWork();
data() {
return {
isShowinfo: false,
pageSize: 10,
currentPage: 1,
total: 0,
homeworkList: [],
dialogVisibleFu: false,
timeOut: 1, //提交作业时间状态
work_context: "",
enclosure_url: "",
time_out: 0,
work_num: 0,
workName: "",
order_num: 0,
student_status: 0,
end_time: null,
disabled: false,
};
},
// 子组件触发，关闭确认报名弹框
closeDialog(val, type) {
this.dialogVisibleFu = val;
created() {
this.getTeacherWork();
},
toRefer(item) {
//time_out：提交作业时间状态
if (item.time_out == 1 || 3) {
// if (item.is_submit == 1) {
// }
if (item.time_out == 3) {
this.time_out = item.time_out;
console.log(this.timeOut, "this.timeOut ");
}
this.dialogVisibleFu = true;
// console.log(item.work_num,'val')
this.work_context = item.work_context;
this.enclosure_url = item.enclosure_url;
this.work_num = item.id;
this.workName = item.work_name; //作业名字
this.order_num = item.work_num;
this.student_status = item.student_status;
//作业截止时间
let endTime = new Date((item.end_time).replace(/-/g, "/")).getTime()
let nowDate = new Date().getTime()
this.end_time = nowDate < endTime ? true : false
} else if (item.time_out == 2) {
return this.$message.error("填写作业时间未开始");
}
watch: {},
methods: {
handleSizeChange(val) {
this.pageSize = val;
// console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
this.currentPage = val;
// console.log(`当前页: ${val}`);
this.getTeacherWork();
},
// 子组件触发，关闭确认报名弹框
closeDialog(val, type) {
this.dialogVisibleFu = val;
this.getTeacherWork();
},
toRefer(item) {
//time_out：提交作业时间状态
if (item.time_out == 1 || 3) {
// if (item.is_submit == 1) {
// }
if (item.time_out == 3) {
this.time_out = item.time_out;
console.log(this.timeOut, "this.timeOut ");
}
this.dialogVisibleFu = true;
// console.log(item.work_num,'val')
this.work_context = item.work_context;
this.enclosure_url = item.enclosure_url;
this.work_num = item.id;
this.workName = item.work_name; //作业名字
this.order_num = item.work_num;
this.student_status = item.student_status;
//作业截止时间
let endTime = new Date((item.end_time).replace(/-/g, "/")).getTime()
let nowDate = new Date().getTime()
this.end_time = nowDate < endTime ? true : false
// else if (item.time_out == 3) {
// return this.$message.error("填写作业时间已截止");
// }
},
getTeacherWork() {
getTeacherWork({ page: this.currentPage }).then((res) => {
// console.log(res, "getTeacherWork");
if (res.data.code == 400001) {
this.isShowinfo = false;
return this.$message.error(res.data.message);
} else if (item.time_out == 2) {
return this.$message.error("填写作业时间未开始");
}
if (res.data.code != 200) {
this.isShowinfo = true;
return this.$message.error(res.data.message);
}
this.homeworkList = res.data.data.list;
this.homeworkList.forEach((item) => {
if (item.is_submit == 1) {
this.disabled = true;
// else if (item.time_out == 3) {
// return this.$message.error("填写作业时间已截止");
// }
},
getTeacherWork() {
getTeacherWork({page: this.currentPage}).then((res) => {
// console.log(res, "getTeacherWork");
if (res.data.code == 400001) {
this.isShowinfo = false;
return this.$message.error(res.data.message);
}
if (res.data.code != 200) {
this.isShowinfo = true;
return this.$message.error(res.data.message);
}
this.homeworkList = res.data.data.list;
this.homeworkList.forEach((item) => {
if (res.data.data.type.indexOf(item.type) != -1) {
//在数组中没找到指定元素则返回 -1
item.disabled = true;
} else {
item.disabled = false;
}
console.log(this.homeworkList)
});
this.isShowinfo = true;
this.total = res.data.data.count;
// this.$message.success(res.data.message);
});
this.isShowinfo = true;
this.total = res.data.data.count;
// this.$message.success(res.data.message);
});
},
},
},
};
};
</script>
<style lang="scss" >
@import "a/scss/btn";
.flex {
display: flex;
}
<style lang="scss">
@import "a/scss/btn";
.flex {
display: flex;
}
.homework {
font-family: PingFangSC-Medium, PingFang SC;
// background: #ffffff;
// width: 856px;
.homework {
font-family: PingFangSC-Medium, PingFang SC;
// background: #ffffff;
// width: 856px;
// 空状态
.title {
padding: 50px;
// 空状态
.title {
padding: 50px;
.homework_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
margin-bottom: 40px;
text-align: center;
.homework_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
margin-bottom: 40px;
text-align: center;
}
}
}
.content_empty {
padding-bottom: 200px;
p,
div {
text-align: center;
.content_empty {
padding-bottom: 200px;
p,
div {
text-align: center;
}
}
}
// 有作业时候F
.title {
padding: 50px 50px 20px 50px;
.homework_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
text-align: center;
// 有作业时候F
.title {
padding: 50px 50px 20px 50px;
.homework_titile {
font-size: 24px;
font-weight: 500;
color: #1b1419;
line-height: 24px;
text-align: center;
}
}
}
.home_content {
padding-bottom: 20px;
font-size: 13px;
.home_content {
padding-bottom: 20px;
font-size: 13px;
.each_content {
padding: 25px 30px;
background-color: #f7f7f7;
margin: 0 30px 20px 30px;
// border-radius: 25px;
.top {
margin-bottom: 10px;
justify-content: space-between;
.homework_name {
.work_name {
padding: 7px 20px 7px 0;
font-size: 14px;
font-weight: 500;
color: #333333;
line-height: 20px;
}
span {
width: 65px;
line-height: 34px;
text-align: center;
border-radius: 10px;
font-size: 12px;
font-weight: 500;
}
.status_0 {
background: #ffebf9;
color: #60194a;
}
.status_1 {
background: #fff0e5;
color: #ff6f00;
}
.status_2 {
background: #e4fff9;
color: #0a9071;
}
}
.each_content {
padding: 25px 30px;
background-color: #f7f7f7;
margin: 0 30px 20px 30px;
// border-radius: 25px;
.top {
margin-bottom: 10px;
justify-content: space-between;
.homework_name {
.work_name {
padding: 7px 20px 7px 0;
.btn_refer {
// width: 88px;
background: var(--color);
border-radius: 4px;
border-color: var(--color);
opacity: 0.9;
font-size: 14px;
font-weight: 500;
text-align: center;
font-weight: 400;
color: #ffffff;
// line-height: 33px;
// cursor: pointer;
&.is-disabled {
color: #fff;
background-color: #c8c9cc;
border-color: #c8c9cc;
}
}
}
.line {
border-bottom: 1px solid #d8d8d8;
}
.bottom {
//+ 相邻选择器
// p+div{
// font-size: 20px;
// }
:first-child {
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
span {
width: 65px;
line-height: 34px;
text-align: center;
border-radius: 10px;
.time > div {
margin-right: 20px;
font-size: 12px;
font-weight: 500;
}
.status_0 {
background: #ffebf9;
color: #60194a;
}
.status_1 {
background: #fff0e5;
color: #ff6f00;
}
.status_2 {
background: #e4fff9;
color: #0a9071;
}
}
.btn_refer {
// width: 88px;
background: var(--color);
border-radius: 4px;
border-color: var(--color);
opacity: 0.9;
font-size: 14px;
text-align: center;
font-weight: 400;
color: #ffffff;
// line-height: 33px;
// cursor: pointer;
&.is-disabled {
color: #fff;
background-color: #c8c9cc;
border-color: #c8c9cc;
font-weight: 400;
color: #999999;
line-height: 12px;
}
}
}
.line {
border-bottom: 1px solid #d8d8d8;
}
.bottom {
//+ 相邻选择器
// p+div{
// font-size: 20px;
// }
:first-child {
margin-bottom: 10px;
font-size: 14px;
font-weight: 400;
color: #333333;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.time > div {
margin-right: 20px;
font-size: 12px;
}
font-weight: 400;
color: #999999;
line-height: 12px;
}
}
.pagination {
position: relative;
float: right;
}
}
.pagination {
position: relative;
float: right;
}
}
</style>
src/views/index/camp/Index.vue
View file @ a6db8045
......@@ -8,45 +8,45 @@
<div class="index-container">
<div>
<div
v-if="$store.state.human == 1"
class="camp_left"
ref="leftBoxFu"
v-if="$store.state.human == 1"
>
<ul
class="camp_left_box"
ref="leftBox"
:class="{
'is-fixed': isPosition == 1,
'is-absolute': isPosition == 2,
}"
class="camp_left_box"
ref="leftBox"
>
<li
v-for="(item, index) in qinghuaTabs"
:key="index"
:class="{ active: campindex_type === index }"
:key="index"
@click="ToSignUp(index)"
v-for="(item, index) in qinghuaTabs"
>
<img :src="item.url" />
<img :src="item.url"/>
{{ item.desc }}
</li>
</ul>
</div>
<div v-else class="camp_left" ref="leftBoxFu">
<div class="camp_left" ref="leftBoxFu" v-else>
<ul
class="camp_left_box"
ref="leftBox"
:class="{
'is-fixed': isPosition == 1,
'is-absolute': isPosition == 2,
}"
class="camp_left_box"
ref="leftBox"
>
<li
v-for="(item, index) in tabs"
:key="index"
:class="{ active: campindex_type === index }"
:key="index"
@click="ToSignUp(index)"
v-for="(item, index) in tabs"
>
<img :src="item.url" />
<img :src="item.url"/>
{{ item.desc }}
</li>
</ul>
......@@ -57,8 +57,8 @@
<!-- <router-view @getStatus="getStatus" /> -->
<SignUp @getStatus="getStatus" v-if="this.campindex_type == 0">
</SignUp>
<Homework v-if="this.campindex_type == 1"> </Homework>
<Certificate v-if="this.campindex_type == 2"> </Certificate>
<Homework v-if="this.campindex_type == 1"></Homework>
<Certificate v-if="this.campindex_type == 2"></Certificate>
<!-- <homeRefer v-if="this.homework_val == 3"> </homeRefer> -->
</div>
</div>
......@@ -68,262 +68,267 @@
</template>
<script>
/* eslint-disable */
/* eslint-disable */
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
import svg1 from "@/assets/img/signUp/icon.svg";
import svg2 from "@/assets/img/signUp/icon-1.svg";
import svg3 from "@/assets/img/signUp/icon-2.svg";
import SignUp from "v/index/camp/SignUp";
import Homework from "v/index/camp/Homework";
import Certificate from "v/index/camp/Certificate";
// import homeRefer from "v/index/camp/homework/refer";
import Header from "@/components/index/SignUp/Header.vue";
import Footer from "@/components/index/Footer.vue";
import svg1 from "@/assets/img/signUp/icon.svg";
import svg2 from "@/assets/img/signUp/icon-1.svg";
import svg3 from "@/assets/img/signUp/icon-2.svg";
import SignUp from "v/index/camp/SignUp";
import Homework from "v/index/camp/Homework";
import Certificate from "v/index/camp/Certificate";
// import homeRefer from "v/index/camp/homework/refer";
export default {
name: "campIndex",
components: {
Header,
Footer,
SignUp,
Homework,
Certificate,
// homeRefer,
},
// props:{}
data() {
return {
index: "",
isPosition: 0, // 左侧box是否浮动
pageYOffset: 0, // 左侧box浮动时，滚动的高度
scorllHeight: 0, // 最大滚动高度
tabs: [
{
id: "0",
desc: "营地报名",
icon: "icon-icon1",
url: svg1,
},
{
id: "1",
desc: "营地作业",
icon: "icon-icon-1",
url: svg2,
},
{
id: "2",
desc: "营地证书",
icon: "icon-icon-2",
url: svg3,
},
],
qinghuaTabs: [
{
id: "0",
desc: "课程报名",
icon: "icon-icon1",
url: svg1,
},
{
id: "1",
desc: "课程作业",
icon: "icon-icon-1",
url: svg2,
},
{
id: "2",
desc: "课程证书",
icon: "icon-icon-2",
url: svg3,
},
],
export default {
name: "campIndex",
components: {
Header,
Footer,
SignUp,
Homework,
Certificate,
// homeRefer,
},
// props:{}
data() {
return {
index: "",
isPosition: 0, // 左侧box是否浮动
pageYOffset: 0, // 左侧box浮动时，滚动的高度
scorllHeight: 0, // 最大滚动高度
tabs: [
{
id: "0",
desc: "营地报名",
icon: "icon-icon1",
url: svg1,
},
{
id: "1",
desc: "营地作业",
icon: "icon-icon-1",
url: svg2,
},
{
id: "2",
desc: "营地证书",
icon: "icon-icon-2",
url: svg3,
},
],
qinghuaTabs: [
{
id: "0",
desc: "课程报名",
icon: "icon-icon1",
url: svg1,
},
{
id: "1",
desc: "课程作业",
icon: "icon-icon-1",
url: svg2,
},
{
id: "2",
desc: "课程证书",
icon: "icon-icon-2",
url: svg3,
},
],
campindex_type: 0,
index_status: "",
// homework_val: "",
};
},
watch: {},
created() {
this.getStatus();
// this.torefer();
},
mounted() {
window.addEventListener("scroll", this.handleScrollX, true);
window.addEventListener("resize", this.onResize, true);
},
beforeDestroy() {
window.removeEventListener("scroll", this.handleScrollX, true);
window.removeEventListener("resize", this.onResize, true);
},
methods: {
// torefer(val) {
// console.log(val, "val");
// this.homework_val = val;
// },
getStatus(val) {
// console.log(val, "index_type");
this.index_status = val;
this.ToSignUp(this.campindex_type);
campindex_type: 0,
index_status: "",
// homework_val: "",
};
},
ToSignUp(index) {
// console.log(index,'index')
let code = this.$store.state.indexIdentity;
this.campindex_type = index;
if (this.campindex_type == 0) {
this.$router.push("/signUp/" + this.index_status + "?code=" + code);
this.homework_val == "";
} else if (this.campindex_type == 1) {
console.log(this.$route);
this.$router.push("/homework?code=" + code);
} else if (this.campindex_type == 2) {
this.$router.push("/certificate?code=" + code);
}
watch: {},
created() {
this.getStatus();
// this.torefer();
},
onResize() {
const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs["leftBoxFu"];
refLeft.style.width = leftBoxFu.offsetWidth + "px";
mounted() {
window.addEventListener("scroll", this.handleScrollX, true);
window.addEventListener("resize", this.onResize, true);
},
// 页面滚动事件
handleScrollX() {
const top = document.documentElement.scrollTop || document.body.scrollTop;
const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs["leftBoxFu"];
const refRight = this.$refs["rightBox"];
if (top > 0) {
if (this.isPosition == 0) {
this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight;
refLeft.style.width = leftBoxFu.offsetWidth + "px";
}
this.isPosition = 1;
} else {
if ((this.isPosition = 1)) {
this.isPosition = 0;
}
}
if (top >= this.scorllHeight) {
if (this.isPosition == 1) {
this.isPosition = 2;
beforeDestroy() {
window.removeEventListener("scroll", this.handleScrollX, true);
window.removeEventListener("resize", this.onResize, true);
},
methods: {
// torefer(val) {
// console.log(val, "val");
// this.homework_val = val;
// },
getStatus(val) {
// console.log(val, "index_type");
this.index_status = val;
this.ToSignUp(this.campindex_type);
},
ToSignUp(index) {
// console.log(index,'index')
let code = this.$store.state.indexIdentity;
this.campindex_type = index;
if (this.campindex_type == 0) {
this.$router.push("/signUp/" + this.index_status + "?code=" + code);
this.homework_val == "";
} else if (this.campindex_type == 1) {
console.log(this.$route);
this.$router.push("/homework?code=" + code);
} else if (this.campindex_type == 2) {
this.$router.push("/certificate?code=" + code);
}
} else if (top < this.scorllHeight) {
if (this.isPosition == 2) {
},
onResize() {
const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs["leftBoxFu"];
refLeft.style.width = leftBoxFu.offsetWidth + "px";
},
// 页面滚动事件
handleScrollX() {
const top = document.documentElement.scrollTop || document.body.scrollTop;
const refLeft = this.$refs["leftBox"];
const leftBoxFu = this.$refs["leftBoxFu"];
const refRight = this.$refs["rightBox"];
if (top > 0) {
if (this.isPosition == 0) {
this.scorllHeight = refRight.offsetHeight - refLeft.offsetHeight;
refLeft.style.width = leftBoxFu.offsetWidth + "px";
}
this.isPosition = 1;
refLeft.style.width = leftBoxFu.offsetWidth + "px";
} else {
if ((this.isPosition = 1)) {
this.isPosition = 0;
}
}
}
if (top >= this.scorllHeight) {
if (this.isPosition == 1) {
this.isPosition = 2;
}
} else if (top < this.scorllHeight) {
if (this.isPosition == 2) {
this.isPosition = 1;
refLeft.style.width = leftBoxFu.offsetWidth + "px";
}
}
},
},
},
};
};
</script>
<style lang="scss" scoped>
@import "a/scss/common";
@import "a/scss/index";
@import "a/style";
@font-face {
font-family: "icomoon";
src: url("../../../assets/fonts/icomoon.eot?dcunb6");
src: url("../../../assets/fonts/icomoon.eot?dcunb6#iefix")
format("embedded-opentype"),
@import "a/scss/common";
@import "a/scss/index";
@import "a/style";
@font-face {
font-family: "icomoon";
src: url("../../../assets/fonts/icomoon.eot?dcunb6");
src: url("../../../assets/fonts/icomoon.eot?dcunb6#iefix") format("embedded-opentype"),
url("../../../assets/fonts/icomoon.ttf?dcunb6") format("truetype"),
url("../../../assets/fonts/icomoon.woff?dcunb6") format("woff"),
url("../../../assets/fonts/icomoon.svg?dcunb6#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.camp_left i {
font-family: "icomoon";
}
.camp-index {
background: #f8f8f8;
.el-header {
position: fixed;
width: 100%;
padding: 0;
background-color: #ffffff;
z-index: 2000; //消息提示框z-index=2019
font-weight: normal;
font-style: normal;
font-display: block;
}
.bg-top {
height: 24px;
background-color: #f8f8f8;
}
.camp_left i {
font-family: "icomoon";
}
// .com-container {
// height: calc(100% - 100px);
// }
.index-container {
padding: 104px 0 70px 0;
display: flex;
flex-flow: row;
.camp_left {
// width: 100px;
height: 100%;
position: relative;
width: 22%;
max-width: 280px;
min-width: 200px;
// width: calc(100% - 100px);
height: 300px;
.camp-index {
background: #f8f8f8;
.el-header {
position: fixed;
width: 100%;
padding: 0;
background-color: #ffffff;
border-radius: 8px;
padding: 20px 0;
margin-right: 25px;
.camp_left_box {
padding-inline-start: 0 !important;
}
&.is-fixed {
position: fixed;
top: 104px;
/*width: 14.4%;*/
max-width: 280px;
min-width: 216px;
}
z-index: 2000; //消息提示框z-index=2019
&.is-absolute {
position: absolute;
bottom: 0;
width: 100%;
.bg-top {
height: 24px;
background-color: #f8f8f8;
}
}
li {
position: relative;
padding: 0 23px 0 51px;
height: 44px;
line-height: 44px;
margin: 10px 0;
font-size: 15px;
list-style: none;
// .com-container {
// height: calc(100% - 100px);
// }
.index-container {
padding: 104px 0 70px 0;
display: flex;
flex-flow: row;
.camp_left {
// width: 100px;
height: 100%;
position: relative;
width: 22%;
max-width: 280px;
min-width: 200px;
// width: calc(100% - 100px);
height: 300px;
background-color: #ffffff;
border-radius: 8px;
padding: 20px 0;
margin-right: 25px;
.camp_left_box {
padding-inline-start: 0 !important;
}
img {
vertical-align: middle;
margin: -3px 8px 0 0;
width: 20px;
position: absolute;
left: -1000px;
filter: drop-shadow(var(--color) 1023px 13px) !important;
&.is-fixed {
position: fixed;
top: 104px;
/*width: 14.4%;*/
max-width: 280px;
min-width: 216px;
}
&.is-absolute {
position: absolute;
bottom: 0;
width: 100%;
}
}
&.active,
&:hover {
cursor: pointer;
background-color: #f8f8f8;
li {
position: relative;
padding: 0 23px 0 51px;
height: 44px;
line-height: 44px;
margin: 10px 0;
font-size: 15px;
list-style: none;
img {
vertical-align: middle;
margin: -3px 8px 0 0;
width: 20px;
position: absolute;
left: -1000px;
filter: drop-shadow(var(--color) 1023px 13px) !important;
}
&.active,
&:hover {
cursor: pointer;
background-color: #f8f8f8;
}
}
}
}
.camp_right {
flex: 1;
width: calc(100% - 100px);
// height: 100%;
// overflow: auto;
border-radius: 8px;
background-color: #ffffff;
.camp_right {
flex: 1;
width: calc(100% - 100px);
// height: 100%;
// overflow: auto;
border-radius: 8px;
background-color: #ffffff;
}
}
}
</style>
src/views/index/login/Login.vue
View file @ a6db8045
<template>
<template>
<div class="container">
<div class="title_Login">
<div v-if="changeLogin == 1">
......@@ -126,7 +126,6 @@ export default {
count: "",
timer: null,
codeTime: "", //手机验证码倒计时时间
isShowPwd: true, // 控制密码显示隐藏
loginForm: {
phone: null,
password: null,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment