suojin
/
hospital_health_check
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

base64加密

Browse Source
main
xuechunyuan 3 years ago
parent cdc3e7ad54
commit a4350673da
2 changed files with 359 additions and 347 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/examProject.vue
  2. 428
      src/views/examination.vue

2
src/views/examProject.vue
Unescape View File

@ -139,7 +139,7 @@ export default {
}) })
} }
else { else {
postExam({ data: param }).then(res => { postExam(JSON.stringify({ data: param })).then(res => {
this.$toast.clear(); this.$toast.clear();
console.log(res) console.log(res)
if (res.code == 200) { if (res.code == 200) {

428
src/views/examination.vue
Unescape View File

@ -3,13 +3,16 @@
<div class="top_box"> <div class="top_box">
<div class="week-box" v-if="!isCal"> <div class="week-box" v-if="!isCal">
<div class="week_box" style="display:flex"> <div class="week_box" style="display:flex">
<div class="week_num" v-for="item in weekData" :key="item">{{item}}</div> <div class="week_num" v-for="item in weekData" :key="item">{{ item }}</div>
</div> </div>
<div class="week_text"> <div class="week_text">
<div class="week_txt" v-for="item in weekArr" :key="item" @click="changeDate(item)" :class="[(new Date(item).getTime() <= new Date(yesterDay).getTime() ? 'week_none' : ''),item == selectDate ? 'today_week' : '',numData.find(item1 => item1.date == item ) ? numData.find(item1 => item1.date == item).isNum == 1 ? 'isnum' : 'none' : '']"> <div class="week_txt" v-for="item in weekArr" :key="item" @click="changeDate(item)"
:class="[(new Date(item).getTime() <= new Date(yesterDay).getTime() ? 'week_none' : ''), item == selectDate ? 'today_week' : '', numData.find(item1 => item1.date == item) ? numData.find(item1 => item1.date == item).isNum == 1 ? 'isnum' : 'none' : '']">
<div class="top_info"></div> <div class="top_info"></div>
{{item.slice(-2)}} {{ item.slice(-2) }}
<div class="bottom_info" v-text="numData.find(item1 => item1.date == item) ? numData.find(item1 => item1.date == item).isNum == 1 ? '有号' :'无号' : ''"></div> <div class="bottom_info"
v-text="numData.find(item1 => item1.date == item) ? numData.find(item1 => item1.date == item).isNum == 1 ? '有号' : '无号' : ''">
</div>
</div> </div>
</div> </div>
@ -17,40 +20,16 @@
<div v-if="isCal"> <div v-if="isCal">
<van-swipe class="my-swipe" :stop-propagation="false" :show-indicators="false"> <van-swipe class="my-swipe" :stop-propagation="false" :show-indicators="false">
<van-swipe-item> <van-swipe-item>
<van-calendar <van-calendar class="can_box" ref="calendar" first-day-of-week="1" v-model="show"
class="can_box" @confirm="onConfirm" :poppable="false" :show-mark="false" :show-title="false"
ref="calendar" :show-subtitle="false" :show-confirm="false" :min-date="minDate" :max-date="maxDate"
first-day-of-week="1" :formatter="formatter" :default-date="new Date(selectDate)" />
v-model="show"
@confirm="onConfirm"
:poppable="false"
:show-mark="false"
:show-title="false"
:show-subtitle="false"
:show-confirm="false"
:min-date="minDate"
:max-date="maxDate"
:formatter="formatter"
:default-date="new Date(selectDate)"
/>
</van-swipe-item> </van-swipe-item>
<van-swipe-item> <van-swipe-item>
<van-calendar <van-calendar class="can_box" ref="calendar1" first-day-of-week="1" v-model="show"
class="can_box" @confirm="onConfirm1" :poppable="false" :show-mark="false" :show-title="false"
ref="calendar1" :show-subtitle="false" :show-confirm="false" :min-date="minDate1" :max-date="maxDate1"
first-day-of-week="1" :formatter="formatter1" :default-date="new Date(selectDate)" />
v-model="show"
@confirm="onConfirm1"
:poppable="false"
:show-mark="false"
:show-title="false"
:show-subtitle="false"
:show-confirm="false"
:min-date="minDate1"
:max-date="maxDate1"
:formatter="formatter1"
:default-date="new Date(selectDate)"
/>
</van-swipe-item> </van-swipe-item>
</van-swipe> </van-swipe>
</div> </div>
@ -68,48 +47,54 @@
<div class="exam_box" v-else v-for="item in examData" :key="item.name"> <div class="exam_box" v-else v-for="item in examData" :key="item.name">
<div class="exam_top"> <div class="exam_top">
<div class="top_left"> <div class="top_left">
<div class="name_txt">{{item.project}}</div> <div class="name_txt">{{ item.project }}</div>
<!-- <div class="posi_txt"> <!-- <div class="posi_txt">
<img style="width:0.24rem;height:0.24rem" src="~@/assets/image/posi.png" alt=""> <img style="width:0.24rem;height:0.24rem" src="~@/assets/image/posi.png" alt="">
<div style="color: #999;font-size: 0.24rem;">{{item.cuAddr}}</div> <div style="color: #999;font-size: 0.24rem;">{{item.cuAddr}}</div>
</div> --> </div> -->
</div> </div>
<div class="top_right"><div style="font-size:0.3rem;color:#333">{{item.totalApmNum}}</div><div style="font-size:0.22rem;color:rgba(51, 51, 51,0.5)">/{{item.totalNum}}</div> <div class="top_right">
<div style="font-size:0.3rem;color:#333">{{ item.totalApmNum }}</div>
<div style="font-size:0.22rem;color:rgba(51, 51, 51,0.5)">/{{ item.totalNum }}</div>
</div> </div>
</div> </div>
<div class="exam_bottom"> <div class="exam_bottom">
<div class="exam_txt" v-for="item1 in item.detailList" :key="item1.time" @click="clickExam(item,item1)" :class="[(item1.residueNum == 0 ? 'isAct' : ''),(item1.isSelect ? 'active' : ''),Date.parse(new Date(item.apmDay.substring(0,10) + ' ' + item1.timeFrame.split('-')[1] + ':00')) < Date.parse(new Date(systemTime)) ? 'isAct' : '']"> <div class="exam_txt" v-for="item1 in item.detailList" :key="item1.time"
<div class="txt" style="font-size:0.22rem;color:#666;"><span style="font-size:0.24rem;color:#666">{{item1.period}}</span> {{item1.timeFrame}}</div> @click="clickExam(item, item1)"
<div style="font-size:0.24rem;color:#333333;">剩余:{{item1.residueNum}}</div> :class="[(item1.residueNum == 0 ? 'isAct' : ''), (item1.isSelect ? 'active' : ''), Date.parse(new Date(item.apmDay.substring(0, 10) + ' ' + item1.timeFrame.split('-')[1] + ':00')) < Date.parse(new Date(systemTime)) ? 'isAct' : '']">
<div class="txt" style="font-size:0.22rem;color:#666;"><span
style="font-size:0.24rem;color:#666">{{ item1.period }}</span> {{ item1.timeFrame }}
</div>
<div style="font-size:0.24rem;color:#333333;">剩余:{{ item1.residueNum }}</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="btn_box"> <div class="btn_box">
<van-button v-show="selectArr.length == 0" type="info" block disabled >预约</van-button> <van-button v-show="selectArr.length == 0" type="info" block disabled>预约</van-button>
<van-button v-show="selectArr.length !== 0" type="info" block @click="handleExam">预约</van-button> <van-button v-show="selectArr.length !== 0" type="info" block @click="handleExam">预约</van-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {queryDays,queryList} from "@/api/examination"; import { queryDays, queryList } from "@/api/examination";
import { getSystemTime, } from "@/api/hospital"; import { getSystemTime, } from "@/api/hospital";
export default { export default {
data() { data() {
return { return {
show:true, show: true,
text:"下拉", text: "下拉",
isCal:false, isCal: false,
radio:1, radio: 1,
weekArr:[], weekArr: [],
weekData:['一','二','三','四','五','六','日'], weekData: ['一', '二', '三', '四', '五', '六', '日'],
minDate: new Date(new Date().getFullYear(), new Date().getMonth(), 1), minDate: new Date(new Date().getFullYear(), new Date().getMonth(), 1),
maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date(new Date().getFullYear(),new Date().getMonth() + 1,0).getDate()), maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).getDate()),
minDate1: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1), minDate1: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1),
maxDate1: new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date(new Date().getFullYear(),new Date().getMonth() + 2,0).getDate()), maxDate1: new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date(new Date().getFullYear(), new Date().getMonth() + 2, 0).getDate()),
numData:[], numData: [],
examData:[ examData: [
// {name:'单眼视力',position:'门诊楼3楼眼科门诊',total:20,residue:15,examArr:[ // {name:'单眼视力',position:'门诊楼3楼眼科门诊',total:20,residue:15,examArr:[
// {moment:'上午',time:'8:00-8:30',num:2}, // {moment:'上午',time:'8:00-8:30',num:2},
// {moment:'上午',time:'8:30-9:00',num:0}, // {moment:'上午',time:'8:30-9:00',num:0},
@ -129,16 +114,16 @@ export default {
// {moment:'上午',time:'9:30-10:00',num:1}, // {moment:'上午',time:'9:30-10:00',num:1},
// ]} // ]}
], ],
selectArr:[], selectArr: [],
selectDate:'', selectDate: '',
today:'', today: '',
isToday:'', isToday: '',
hospitalId:'', hospitalId: '',
startTime:'', startTime: '',
endTime:'', endTime: '',
cupCardNo:'', cupCardNo: '',
dayArr:[], dayArr: [],
yesterDay:'' yesterDay: ''
} }
}, },
created() { created() {
@ -146,24 +131,24 @@ export default {
}, },
mounted() { mounted() {
this.hospitalId = this.$route.query.id; this.hospitalId = this.$route.query.id;
var WeekFirstDay=new Date(new Date()-(new Date().getDay()-1)*86400000); var WeekFirstDay = new Date(new Date() - (new Date().getDay() - 1) * 86400000);
this.today = new Date().getDate(); this.today = new Date().getDate();
this.isToday = this.today; this.isToday = this.today;
let year = new Date().getFullYear(); let year = new Date().getFullYear();
let month = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1 let month = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1
let month1 = new Date().getMonth() + 2 < 10 ? '0' + (new Date().getMonth() + 2) : new Date().getMonth() + 2; let month1 = new Date().getMonth() + 2 < 10 ? '0' + (new Date().getMonth() + 2) : new Date().getMonth() + 2;
let day = new Date().getDate() < 10 ? '0' + parseInt(new Date().getDate() - 1) : new Date().getDate() - 1 let day = new Date().getDate() < 10 ? '0' + parseInt(new Date().getDate() - 1) : new Date().getDate() - 1
let lastDay = new Date(new Date().getFullYear(),new Date().getMonth() + 2,0).getDate(); let lastDay = new Date(new Date().getFullYear(), new Date().getMonth() + 2, 0).getDate();
this.yesterDay = year + '-' + month + '-' + day this.yesterDay = year + '-' + month + '-' + day
console.log(this.yesterDay) console.log(this.yesterDay)
this.selectDate = year + '-' + month + '-' + (this.today < 10 ? '0' + this.today : this.today); this.selectDate = year + '-' + month + '-' + (this.today < 10 ? '0' + this.today : this.today);
for(var i = WeekFirstDay.getDate();i<= parseInt(WeekFirstDay.getDate()) + 6;i++){ for (var i = WeekFirstDay.getDate(); i <= parseInt(WeekFirstDay.getDate()) + 6; i++) {
i = i < 10 ? '0' + i : i i = i < 10 ? '0' + i : i
this.weekArr.push(year + '-' + month + '-' + i) this.weekArr.push(year + '-' + month + '-' + i)
} }
var todayWeek = new Date().getDay(); var todayWeek = new Date().getDay();
this.weekData.map((item,index) =>{ this.weekData.map((item, index) => {
if(index + 1 == todayWeek){ if (index + 1 == todayWeek) {
// this.weekData[index] = '今日' // this.weekData[index] = '今日'
} }
}) })
@ -182,30 +167,30 @@ export default {
// console.log('retData ===>',retData) // console.log('retData ===>',retData)
this.systemTime = retData.data this.systemTime = retData.data
}) })
}else{ } else {
getSystemTime().then(res => { getSystemTime().then(res => {
this.systemTime = res.data; this.systemTime = res.data;
}) })
} }
}, },
getDays(){ getDays() {
if (this.GlobalConfig.appMode) { if (this.GlobalConfig.appMode) {
let val = { let val = {
createDept:this.hospitalId, createDept: this.hospitalId,
startTime:this.startTime, startTime: this.startTime,
endTime:this.endTime endTime: this.endTime
} }
vaildInterfacefn("cgstjyyxuwxt", "qdsgajjtjczdhqyfhrq", JSON.stringify(val), "2", "https://" + this.GlobalConfig.urlCreatesign, "https://" + this.GlobalConfig.urlGateway) vaildInterfacefn("cgstjyyxuwxt", "qdsgajjtjczdhqyfhrq", JSON.stringify(val), "2", "https://" + this.GlobalConfig.urlCreatesign, "https://" + this.GlobalConfig.urlGateway)
.then((value) => { .then((value) => {
let retData = JSON.parse(value); let retData = JSON.parse(value);
// console.log("ret ===>",retData ) // console.log("ret ===>",retData )
this.dayArr = retData.data; this.dayArr = retData.data;
for(let key in this.dayArr){ for (let key in this.dayArr) {
this.dayArr[key].map(item =>{ this.dayArr[key].map(item => {
this.numData.push({ this.numData.push({
date:item.date, date: item.date,
isNum:item.enableApm isNum: item.enableApm
}) })
}) })
} }
@ -217,51 +202,51 @@ export default {
}) })
}else{ } else {
queryDays( queryDays(
{ {
createDept:this.hospitalId, createDept: this.hospitalId,
startTime:this.startTime, startTime: this.startTime,
endTime:this.endTime endTime: this.endTime
} }
).then(res =>{ ).then(res => {
this.numData = []
if(JSON.stringify(res.data) === '{}'){
this.dayArr = [];
this.numData = this.dayArr
}else{
this.dayArr = res.data; this.dayArr = res.data;
console.log(this.dayArr) console.log(this.dayArr)
for(let key in this.dayArr){ for (let key in this.dayArr) {
this.dayArr[key].map(item =>{ this.dayArr[key].map(item => {
this.numData.push({ this.numData.push({
date:item.date, date: item.date,
isNum:item.enableApm isNum: item.enableApm
}) })
}) })
} }
let userInfo = sessionStorage.getItem('userInfo') ? JSON.parse(sessionStorage.getItem('userInfo')) : null;
if (userInfo) {
this.cupCardNo = JSON.parse(sessionStorage.getItem('userInfo')).papersnumber;
this.getList()
} }
}) })
} }
}, },
getList(){ getList() {
this.$toast.loading({ this.$toast.loading({
message:'加载中', message: '加载中',
duration: 0, duration: 0,
}) })
if (this.GlobalConfig.appMode) { if (this.GlobalConfig.appMode) {
console.log('接口') console.log('接口')
let val = { let val = {
createDept:this.hospitalId, createDept: this.hospitalId,
apmDay: this.selectDate, apmDay: this.selectDate,
cupCardNo:this.cupCardNo cupCardNo: this.Base64.encode(this.cupCardNo)
} }
vaildInterfacefn("cgstjyyxuwxt", "qdsgajjtjczdhqfhlb", JSON.stringify(val), "2", "https://" + this.GlobalConfig.urlCreatesign, "https://" + this.GlobalConfig.urlGateway) vaildInterfacefn("cgstjyyxuwxt", "qdsgajjtjczdhqfhlb", JSON.stringify(val), "2", "https://" + this.GlobalConfig.urlCreatesign, "https://" + this.GlobalConfig.urlGateway)
.then((value) => { .then((value) => {
let retData = JSON.parse(value) let retData = JSON.parse(value)
console.log(retData.data) console.log(retData.data)
if(retData.data.length == 0){ if (retData.data.length == 0) {
this.examData = retData.data this.examData = retData.data
this.$toast.clear(); this.$toast.clear();
// lightAppJssdk.notification.alert({ // lightAppJssdk.notification.alert({
@ -276,29 +261,29 @@ export default {
// // this.$toast.clear(); // // this.$toast.clear();
// } // }
// }) // })
}else{ } else {
this.examData = retData.data; this.examData = retData.data;
this.$toast.clear(); this.$toast.clear();
this.examData.map(item =>{ this.examData.map(item => {
item.detailList.map(item1 =>{ item.detailList.map(item1 => {
item1.isSelect = false item1.isSelect = false
}) })
}) })
} }
console.log('data ===>',this.examData) console.log('data ===>', this.examData)
// this.$toast.clear(); // this.$toast.clear();
}) })
}else{ } else {
queryList( queryList(
{ {
createDept:this.hospitalId, createDept: this.hospitalId,
apmDay: this.selectDate, apmDay: this.selectDate,
cupCardNo:this.cupCardNo cupCardNo: this.Base64.encode(this.cupCardNo)
} }
).then(res =>{ ).then(res => {
if(res.data.length == 0){ if (res.data.length == 0) {
this.examData = res.data; this.examData = res.data;
this.$toast.clear(); this.$toast.clear();
// lightAppJssdk.notification.alert({ // lightAppJssdk.notification.alert({
@ -313,10 +298,10 @@ export default {
// console.log('data') // console.log('data')
// } // }
// }) // })
}else{ } else {
this.examData = res.data; this.examData = res.data;
this.examData.map(item =>{ this.examData.map(item => {
item.detailList.map(item1 =>{ item.detailList.map(item1 => {
item1.isSelect = false item1.isSelect = false
}) })
}) })
@ -328,7 +313,7 @@ export default {
}) })
} }
}, },
formatter(day){ formatter(day) {
/* /*
这里的参数包含以下属性 这里的参数包含以下属性
bottomInfo: undefined bottomInfo: undefined
@ -339,13 +324,13 @@ export default {
我们只需要修改type值为 disabled 即可 我们只需要修改type值为 disabled 即可
*/ */
if(day.date.getDate() < new Date().getDate()){ if (day.date.getDate() < new Date().getDate()) {
day.type = 'disabled' day.type = 'disabled'
}else{ } else {
let month = day.date.getMonth() < 10 ? '0' + parseInt(day.date.getMonth() + 1) : day.date.getMonth() + 1; let month = day.date.getMonth() < 10 ? '0' + parseInt(day.date.getMonth() + 1) : day.date.getMonth() + 1;
this.numData.forEach(item =>{ this.numData.forEach(item => {
if(month == item.date.substr(5,2)){ if (month == item.date.substr(5, 2)) {
if(day.date.getDate() == item.date.slice(-2)){ if (day.date.getDate() == item.date.slice(-2)) {
item.isNum == 1 ? day.bottomInfo = '有号' : day.bottomInfo = '无号' item.isNum == 1 ? day.bottomInfo = '有号' : day.bottomInfo = '无号'
item.isNum == 1 ? day.className = 'num1' : day.className = 'num2' item.isNum == 1 ? day.className = 'num1' : day.className = 'num2'
} }
@ -360,11 +345,11 @@ export default {
// } // }
return day return day
}, },
formatter1(day){ formatter1(day) {
let month = day.date.getMonth() < 10 ? '0' + parseInt(day.date.getMonth() + 1) : day.date.getMonth() + 1; let month = day.date.getMonth() < 10 ? '0' + parseInt(day.date.getMonth() + 1) : day.date.getMonth() + 1;
this.numData.forEach(item =>{ this.numData.forEach(item => {
if(month == item.date.substr(5,2)){ if (month == item.date.substr(5, 2)) {
if(day.date.getDate() == item.date.slice(-2)){ if (day.date.getDate() == item.date.slice(-2)) {
item.isNum == 1 ? day.bottomInfo = '有号' : day.bottomInfo = '无号' item.isNum == 1 ? day.bottomInfo = '有号' : day.bottomInfo = '无号'
item.isNum == 1 ? day.className = 'num1' : day.className = 'num2' item.isNum == 1 ? day.className = 'num1' : day.className = 'num2'
} }
@ -374,7 +359,7 @@ export default {
day.topInfo = ` ` day.topInfo = ` `
return day return day
}, },
changeDate(item){ changeDate(item) {
// let year = new Date().getFullYear() // let year = new Date().getFullYear()
// let month = new Date().getMonth() < 10 ? '0' + parseInt(new Date().getMonth() + 1) : new Date().getMonth() + 1 // let month = new Date().getMonth() < 10 ? '0' + parseInt(new Date().getMonth() + 1) : new Date().getMonth() + 1
this.selectDate = item; this.selectDate = item;
@ -382,40 +367,40 @@ export default {
this.getList() this.getList()
this.isToday = item this.isToday = item
}, },
isShow(){ isShow() {
this.isCal = !this.isCal; this.isCal = !this.isCal;
if(!this.isCal){ if (!this.isCal) {
this.weekArr = this.getWeekTime(this.selectDate) this.weekArr = this.getWeekTime(this.selectDate)
} }
}, },
clickExam(val,val1){ clickExam(val, val1) {
this.selectArr = [] this.selectArr = []
let arr = JSON.parse(JSON.stringify(this.examData)) let arr = JSON.parse(JSON.stringify(this.examData))
arr.find(item =>{ arr.find(item => {
if(item.project == val.project){ if (item.project == val.project) {
item.detailList.find(item1 =>{ item.detailList.find(item1 => {
if(item1.timeFrame == val1.timeFrame){ if (item1.timeFrame == val1.timeFrame) {
item1.isSelect = true item1.isSelect = true
}else{ } else {
item1.isSelect = false item1.isSelect = false
} }
}) })
} }
}) })
this.examData = arr this.examData = arr
this.examData.map(item =>{ this.examData.map(item => {
item.detailList.map(item1 =>{ item.detailList.map(item1 => {
if(item1.isSelect){ if (item1.isSelect) {
this.selectArr.push({ this.selectArr.push({
name:item.project, name: item.project,
posi:item.cuAddr, posi: item.cuAddr,
time:item1.period + ' ' + item1.timeFrame, time: item1.period + ' ' + item1.timeFrame,
}) })
} }
}) })
}) })
}, },
onConfirm(date){ onConfirm(date) {
let year = date.getFullYear(); let year = date.getFullYear();
let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
let day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() let day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
@ -423,7 +408,7 @@ export default {
this.selectDate = text; this.selectDate = text;
this.getList() this.getList()
}, },
onConfirm1(date){ onConfirm1(date) {
let year = date.getFullYear(); let year = date.getFullYear();
let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1 let month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
let day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() let day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
@ -432,13 +417,13 @@ export default {
this.getList() this.getList()
}, },
handleExam(){ handleExam() {
this.$router.push({ this.$router.push({
name:'ExamProject', name: 'ExamProject',
query:{ query: {
time:this.selectDate, time: this.selectDate,
createDept:this.hospitalId, createDept: this.hospitalId,
selectArr:JSON.stringify(this.selectArr) selectArr: JSON.stringify(this.selectArr)
} }
}) })
}, },
@ -469,7 +454,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.exam_contaniner{ .exam_contaniner {
width: 100%; width: 100%;
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
@ -477,26 +462,29 @@ export default {
background: #F9F9F9; background: #F9F9F9;
position: absolute; position: absolute;
.top_box{ .top_box {
background: #fff; background: #fff;
.week-box{
.week_box{ .week-box {
.week_box {
width: 100%; width: 100%;
height: 0.6rem; height: 0.6rem;
padding-top: 0.7rem; padding-top: 0.7rem;
.week_num{ .week_num {
flex: 1; flex: 1;
font-size: 0.32rem; font-size: 0.32rem;
line-height: 0.6rem; line-height: 0.6rem;
text-align: center; text-align: center;
} }
} }
.week_text{
.week_text {
display: flex; display: flex;
width: 100%; width: 100%;
height: 1.28rem; height: 1.28rem;
.week_txt{
.week_txt {
position: relative; position: relative;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
@ -509,7 +497,7 @@ export default {
margin: 0.24rem 0.035rem 0 0.035rem; margin: 0.24rem 0.035rem 0 0.035rem;
// margin-top: 0.12rem; // margin-top: 0.12rem;
.bottom_info{ .bottom_info {
position: absolute; position: absolute;
right: 0; right: 0;
left: 0; left: 0;
@ -518,7 +506,7 @@ export default {
bottom: 0.06rem; bottom: 0.06rem;
} }
.top_info{ .top_info {
position: absolute; position: absolute;
right: 0; right: 0;
left: 0; left: 0;
@ -527,23 +515,24 @@ export default {
line-height: 14px; line-height: 14px;
} }
} }
.week_none{
color:#ccc; .week_none {
pointer-events:none; color: #ccc;
pointer-events: none;
} }
.none{ .none {
background: rgba(22, 119, 255,0.5); background: rgba(22, 119, 255, 0.5);
border-radius: 50%; border-radius: 50%;
color:#fff; color: #fff;
} }
.today_week{ .today_week {
background: rgba(51, 51, 51, .3); background: rgba(51, 51, 51, .3);
border-radius: 50%; border-radius: 50%;
color:#fff; color: #fff;
.top_info{ .top_info {
width: 0.1rem; width: 0.1rem;
height: 0.1rem; height: 0.1rem;
background: #fff; background: #fff;
@ -552,37 +541,41 @@ export default {
margin-top: 0.1rem; margin-top: 0.1rem;
} }
} }
.isnum{
background: rgb(22, 119, 255,); .isnum {
background: rgb(22, 119, 255, );
border-radius: 50%; border-radius: 50%;
color:#fff; color: #fff;
} }
} }
} }
.pull_box{ .pull_box {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 0.24rem; margin-top: 0.24rem;
img{ img {
width: 0.4rem; width: 0.4rem;
height: 0.4rem; height: 0.4rem;
} }
} }
.my-swipe .van-swipe-item { .my-swipe .van-swipe-item {
width: 100%; width: 100%;
font-size: 0.4rem; font-size: 0.4rem;
text-align: center; text-align: center;
} }
.can_box{ .can_box {
padding-top:0.7rem padding-top: 0.7rem
} }
} }
.center_box{
.center_box {
width: 100%; width: 100%;
margin-top: 0.2rem; margin-top: 0.2rem;
.exam_noresult { .exam_noresult {
text-align: center; text-align: center;
height: 5.04rem; height: 5.04rem;
@ -612,20 +605,21 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
} }
.exam_box{
.exam_box {
width: 100%; width: 100%;
background: #fff; background: #fff;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
.exam_top{ .exam_top {
width: 100%; width: 100%;
height: 1.6rem; height: 1.6rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.top_left{ .top_left {
width: 80%; width: 80%;
height: 80%; height: 80%;
display: flex; display: flex;
@ -633,17 +627,19 @@ export default {
justify-content: space-around; justify-content: space-around;
margin-left: 5%; margin-left: 5%;
.name_txt{ .name_txt {
font-size: 0.3rem; font-size: 0.3rem;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
.posi_txt{
.posi_txt {
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
.top_right{
.top_right {
width: 1.48rem; width: 1.48rem;
height: 0.6rem; height: 0.6rem;
border-top-left-radius: 0.4rem; border-top-left-radius: 0.4rem;
@ -652,17 +648,18 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background: rgba(72, 118, 255,0.2); background: rgba(72, 118, 255, 0.2);
} }
} }
.exam_bottom{
.exam_bottom {
width: 93%; width: 93%;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin: 0 auto; margin: 0 auto;
flex-wrap: wrap; flex-wrap: wrap;
.exam_txt{ .exam_txt {
width: 32%; width: 32%;
height: 1rem; height: 1rem;
background: #F6F6F6; background: #F6F6F6;
@ -677,28 +674,33 @@ export default {
} }
.isAct{ .isAct {
background: #F6F6F6; background: #F6F6F6;
border: 1px solid #F6F6F6; border: 1px solid #F6F6F6;
pointer-events:none; pointer-events: none;
.txt{
color:rgba(102, 102, 102,0.3) !important; .txt {
color: rgba(102, 102, 102, 0.3) !important;
} }
div{
span{ div {
color:rgba(102, 102, 102,0.3) !important; span {
color: rgba(102, 102, 102, 0.3) !important;
} }
color: rgba(51, 51, 51,0.3) !important;
color: rgba(51, 51, 51, 0.3) !important;
} }
} }
.active{ .active {
background: #1677FF ; background: #1677FF;
div{
span{ div {
span {
color: #fff !important; color: #fff !important;
} }
color: #fff !important; color: #fff !important;
} }
@ -708,52 +710,60 @@ export default {
} }
} }
.btn_box{ .btn_box {
width:90%; width: 90%;
height: 1.6rem; height: 1.6rem;
margin:0 auto; margin: 0 auto;
margin-top: 0.4rem; margin-top: 0.4rem;
cursor: not-allowed cursor: not-allowed
} }
} }
::v-deep{
::v-deep {
.van-calendar__header { .van-calendar__header {
box-shadow: none !important; box-shadow: none !important;
} }
.van-calendar__month-title{
.van-calendar__month-title {
display: none; display: none;
} }
.num1{
.num1 {
background: rgb(22, 119, 255); background: rgb(22, 119, 255);
border-radius: 50%; border-radius: 50%;
color: #fff; color: #fff;
.van-calendar__selected-day{ .van-calendar__selected-day {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgb(22, 119, 255) !important; background: rgb(22, 119, 255) !important;
border-radius: 50%; border-radius: 50%;
} }
} }
.num2{
background: rgba(22, 119, 255,0.5); .num2 {
background: rgba(22, 119, 255, 0.5);
border-radius: 50%; border-radius: 50%;
color: #fff; color: #fff;
.van-calendar__selected-day{
.van-calendar__selected-day {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(22, 119, 255, .5) !important; background: rgba(22, 119, 255, .5) !important;
border-radius: 50%; border-radius: 50%;
} }
} }
.van-calendar__weekdays{
.van-calendar__weekdays {
margin-bottom: 0.24rem; margin-bottom: 0.24rem;
} }
.van-calendar__weekday{
.van-calendar__weekday {
font-size: 0.32rem; font-size: 0.32rem;
} }
.van-calendar__selected-day{
.van-calendar__top-info{ .van-calendar__selected-day {
.van-calendar__top-info {
width: 0.1rem; width: 0.1rem;
height: 0.1rem; height: 0.1rem;
background: #fff; background: #fff;
@ -763,15 +773,16 @@ export default {
top: 0.06rem; top: 0.06rem;
} }
} }
.van-calendar__days{
.van-calendar__days {
height: 6.4rem; height: 6.4rem;
.van-calendar__day{ .van-calendar__day {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin: 0 0.03rem; margin: 0 0.03rem;
.van-calendar__selected-day{ .van-calendar__selected-day {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(51, 51, 51, .3); background: rgba(51, 51, 51, .3);
@ -779,8 +790,9 @@ export default {
} }
} }
} }
.van-calendar__bottom-info{
bottom:0.06rem; .van-calendar__bottom-info {
bottom: 0.06rem;
} }
} }
</style> </style>
Write Preview
Loading…
Cancel
Save