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