|
|
@@ -1,57 +1,36 @@
|
|
|
<template>
|
|
|
<div class='infoWrap'>
|
|
|
<div class="left">
|
|
|
- <div class="unread"
|
|
|
- @click="onLookMessage('all')">全部</div>
|
|
|
- <div class="unread"
|
|
|
- @click="onLookMessage('0')"> <img :src="img.boxicon"
|
|
|
- alt=""> 未读消息
|
|
|
- <div class="count"
|
|
|
- v-if="noReadMessage >= 1">{{ noReadMessage }}</div>
|
|
|
+ <div class="unread" @click="onLookMessage('all')">全部</div>
|
|
|
+ <div class="unread" @click="onLookMessage('0')"> <img :src="img.boxicon" alt=""> 未读消息
|
|
|
+ <div class="count" v-if="noReadMessage >= 1">{{ noReadMessage }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="read" @click="onLookMessage('1')">
|
|
|
+ <img :src="img.bookicon" alt="">
|
|
|
+ 已读消息
|
|
|
</div>
|
|
|
- <div class="read"
|
|
|
- @click="onLookMessage('1')">
|
|
|
- <img :src="img.bookicon"
|
|
|
- alt="">
|
|
|
- 已读消息</div>
|
|
|
</div>
|
|
|
<div class="middle">
|
|
|
- <div class="msgItem"
|
|
|
- :class="[isCheckMessage == item.id ? 'active' : '']"
|
|
|
- @click="onClickRead(item)"
|
|
|
- v-for="(item, index) in dataList"
|
|
|
- :key="index">
|
|
|
+ <div class="msgItem" :class="[isCheckMessage == item.id ? 'active' : '']" @click="onClickRead(item)"
|
|
|
+ v-for="(item, index) in dataList" :key="index">
|
|
|
<!-- <h6 class="type"></h6> -->
|
|
|
- <h4 class="name">请假处理<span class='time'>{{ item.createOn|dateForMinFormat }}</span>
|
|
|
- <div class="dot"
|
|
|
- v-if="item.readStatus == 0"></div>
|
|
|
+ <h4 class="name">请假处理<span class='time'>{{ item.createOn | dateForMinFormat }}</span>
|
|
|
+ <div class="dot" v-if="item.readStatus == 0"></div>
|
|
|
</h4>
|
|
|
<p class='msg'>{{ item.content }}</p>
|
|
|
</div>
|
|
|
- <el-pagination style="text-align: right"
|
|
|
- small
|
|
|
- v-if="dataList.length > 0"
|
|
|
- @current-change="onChange"
|
|
|
- :hide-on-single-page="pageInfo.isSinglePage"
|
|
|
- layout="prev, pager, next"
|
|
|
- :total="pageInfo.total">
|
|
|
+ <el-pagination style="text-align: right" small v-if="dataList.length > 0" @current-change="onChange"
|
|
|
+ :hide-on-single-page="pageInfo.isSinglePage" layout="prev, pager, next" :total="pageInfo.total">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
- <div class="right"
|
|
|
- v-if="showRight">
|
|
|
+ <div class="right" v-if="showRight">
|
|
|
<div class="rightWrap">
|
|
|
- <img src="@/assets/images/base/placehorder-icon.png"
|
|
|
- class="header"
|
|
|
- alt="">
|
|
|
+ <img src="@/assets/images/base/placehorder-icon.png" class="header" alt="">
|
|
|
<div class="info">
|
|
|
<h2>{{ showMessage.user.username }}
|
|
|
<!-- <span class="phone">【{{ showMessage.user.phone }}】</span> -->
|
|
|
- <el-tag v-if="showMessage.status == 'PASS'"
|
|
|
- type="success"
|
|
|
- effect="plain">已处理</el-tag>
|
|
|
- <el-tag v-if="showMessage.status == 'REJECT'"
|
|
|
- type="danger"
|
|
|
- effect="plain">已拒绝</el-tag>
|
|
|
+ <el-tag v-if="showMessage.status == 'PASS'" type="success" effect="plain">已处理</el-tag>
|
|
|
+ <el-tag v-if="showMessage.status == 'REJECT'" type="danger" effect="plain">已拒绝</el-tag>
|
|
|
</h2>
|
|
|
<p class="subMsg">发至 <span class='san'></span> <span style="margin-left:30px">我</span></p>
|
|
|
<div class="textWrap">
|
|
|
@@ -60,20 +39,15 @@
|
|
|
<p>结束时间: {{ showMessage.endTime | dateForMinFormat }}</p>
|
|
|
<p>备注: {{ showMessage.remark }}</p>
|
|
|
</div>
|
|
|
- <div class="leaverecord"
|
|
|
- v-if="showMessage.vipCourse.length > 0">
|
|
|
- <el-table :data="showMessage.vipCourse"
|
|
|
- style="width: 100%"
|
|
|
- :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
- <el-table-column label="类型"
|
|
|
- width="100px">
|
|
|
+ <div class="leaverecord" v-if="showMessage.vipCourse.length > 0">
|
|
|
+ <el-table :data="showMessage.vipCourse" style="width: 100%"
|
|
|
+ :header-cell-style="{ background: '#EDEEF0', color: '#444' }">
|
|
|
+ <el-table-column label="类型" width="100px">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.before.type == "VIP" ? 'VIP课' : '乐团课' }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="before.name"
|
|
|
- label="班名"
|
|
|
- width="140px">
|
|
|
+ <el-table-column prop="before.name" label="班名" width="140px">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="调整前日期">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -86,37 +60,28 @@
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="调整后日期">
|
|
|
- <template slot-scope="scope"
|
|
|
- v-if="scope.row.before.type == 'VIP'">
|
|
|
+ <template slot-scope="scope" v-if="scope.row.before.type == 'VIP'">
|
|
|
{{ scope.row.after.classDate | formatTimer }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="调整后时间">
|
|
|
- <template slot-scope="scope"
|
|
|
- v-if="scope.row.before.type == 'VIP'">
|
|
|
+ <template slot-scope="scope" v-if="scope.row.before.type == 'VIP'">
|
|
|
{{ scope.row.after.startClassTime | getFormatTime(scope.row.after.endClassTime) }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <div class="leaverecord"
|
|
|
- v-if="showMessage.musicGroupCourse.length > 0">
|
|
|
- <el-table :data="showMessage.musicGroupCourse"
|
|
|
- style="width: 100%; padding-top: 10px;"
|
|
|
- :header-cell-style="{background:'#EDEEF0',color:'#444'}">
|
|
|
- <el-table-column label="乐团编号"
|
|
|
- prop="before.musicGroupId"
|
|
|
- width="100px">
|
|
|
+ <div class="leaverecord" v-if="showMessage.musicGroupCourse.length > 0">
|
|
|
+ <el-table :data="showMessage.musicGroupCourse" style="width: 100%; padding-top: 10px;"
|
|
|
+ :header-cell-style="{ background: '#EDEEF0', color: '#444' }">
|
|
|
+ <el-table-column label="乐团编号" prop="before.musicGroupId" width="100px">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="类型"
|
|
|
- width="100px">
|
|
|
+ <el-table-column label="类型" width="100px">
|
|
|
<template slot-scope="scope">
|
|
|
{{ scope.row.before.type == "VIP" ? 'VIP课' : '乐团课' }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="before.name"
|
|
|
- label="班名"
|
|
|
- width="140px">
|
|
|
+ <el-table-column prop="before.name" label="班名" width="140px">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="调整前日期">
|
|
|
<template slot-scope="scope">
|
|
|
@@ -138,78 +103,48 @@
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-permission="'teacherLeaveRecord/approve'"
|
|
|
- class="infoFoot"
|
|
|
- v-if="showMessage.status == 'ING'">
|
|
|
- <div class="noBtn"
|
|
|
- @click="onSubmit(showMessage, 'REJECT')">拒绝</div>
|
|
|
- <div class="yesBtn"
|
|
|
- @click="onSubmit(showMessage, 'PASS')">同意</div>
|
|
|
+ <div v-permission="'teacherLeaveRecord/approve'" class="infoFoot" v-if="showMessage.status == 'ING'">
|
|
|
+ <div class="noBtn" @click="onSubmit(showMessage, 'REJECT')">拒绝</div>
|
|
|
+ <div class="yesBtn" @click="onSubmit(showMessage, 'PASS')">同意</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog title="课程调整"
|
|
|
- width="400px"
|
|
|
- :before-close="handleClose"
|
|
|
- :visible.sync="dialogVisible">
|
|
|
- <el-form :model="maskForm"
|
|
|
- ref="maskForm"
|
|
|
- :rules="maskRules"
|
|
|
- label-position="right"
|
|
|
- label-width="80px;"
|
|
|
- :inline="true">
|
|
|
- <el-form-item label="主教老师"
|
|
|
- prop="teacher">
|
|
|
- <el-select v-model.trim="maskForm.teacher"
|
|
|
- clearable
|
|
|
- filterable>
|
|
|
- <el-option v-for="(item,index) in teacherList"
|
|
|
- :key="index"
|
|
|
- :value="item.id"
|
|
|
- :label="item.realName"></el-option>
|
|
|
+ <el-dialog title="课程调整" width="400px" :before-close="handleClose" :visible.sync="dialogVisible">
|
|
|
+ <el-form :model="maskForm" ref="maskForm" :rules="maskRules" label-position="right" label-width="80px;"
|
|
|
+ :inline="true">
|
|
|
+ <el-form-item label="主教老师" prop="teacher">
|
|
|
+ <el-select v-model.trim="maskForm.teacher" clearable filterable>
|
|
|
+ <el-option v-for="(item, index) in teacherList" :key="index" :value="item.id"
|
|
|
+ :label="item.realName"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="上课日期"
|
|
|
- prop="date">
|
|
|
- <el-date-picker v-model.trim="maskForm.date"
|
|
|
- type="date"
|
|
|
- :picker-options="{
|
|
|
- firstDayOfWeek:1
|
|
|
- }"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="选择日期">
|
|
|
+ <el-form-item label="上课日期" prop="date">
|
|
|
+ <el-date-picker v-model.trim="maskForm.date" type="date" :picker-options="{
|
|
|
+ firstDayOfWeek: 1
|
|
|
+ }" value-format="yyyy-MM-dd" placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="开始时间"
|
|
|
- prop="startTime">
|
|
|
- <el-time-select placeholder="起始时间"
|
|
|
- @change="changeStartTime"
|
|
|
- v-model.trim="maskForm.startTime"
|
|
|
- :picker-options="{
|
|
|
- start: '04:30',
|
|
|
- step: '00:05',
|
|
|
- end: '23:30'
|
|
|
- }">
|
|
|
+ <el-form-item label="开始时间" prop="startTime">
|
|
|
+ <el-time-select placeholder="起始时间" @change="changeStartTime" v-model.trim="maskForm.startTime" :picker-options="{
|
|
|
+ start: '04:30',
|
|
|
+ step: '00:05',
|
|
|
+ end: '23:30'
|
|
|
+ }">
|
|
|
</el-time-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="结束时间"
|
|
|
- prop="endTime">
|
|
|
- <el-time-select placeholder="结束时间"
|
|
|
- v-model.trim="maskForm.endTime"
|
|
|
- :picker-options="{
|
|
|
- start: '04:30',
|
|
|
- step: '00:05',
|
|
|
- end: '23:30',
|
|
|
- minTime: maskForm.startTime
|
|
|
- }">
|
|
|
+ <el-form-item label="结束时间" prop="endTime">
|
|
|
+ <el-time-select placeholder="结束时间" v-model.trim="maskForm.endTime" :picker-options="{
|
|
|
+ start: '04:30',
|
|
|
+ step: '00:05',
|
|
|
+ end: '23:30',
|
|
|
+ minTime: maskForm.startTime
|
|
|
+ }">
|
|
|
</el-time-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div slot="footer"
|
|
|
- class="dialog-footer">
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary"
|
|
|
- @click="submitResetClass">确 定</el-button>
|
|
|
+ <el-button type="primary" @click="submitResetClass">确 定</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
@@ -219,7 +154,7 @@ import { queryCountOfUnread, sysMessageList, leaveQueryDetail, setRead, approve
|
|
|
import { resetCourse, getTeacher } from '@/api/buildTeam'
|
|
|
export default {
|
|
|
name: 'leaveOperation',
|
|
|
- data () {
|
|
|
+ data() {
|
|
|
return {
|
|
|
img: {
|
|
|
bookicon: require('@/assets/images/base/bookicon.png'),
|
|
|
@@ -260,12 +195,12 @@ export default {
|
|
|
showMessage: {}
|
|
|
}
|
|
|
},
|
|
|
- mounted () {
|
|
|
+ mounted() {
|
|
|
this.__init()
|
|
|
this.sysMessageList()
|
|
|
},
|
|
|
methods: {
|
|
|
- __init () {
|
|
|
+ __init() {
|
|
|
// 未读消息
|
|
|
queryCountOfUnread().then(res => {
|
|
|
if (res.code == 200) {
|
|
|
@@ -281,11 +216,11 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- handleClose () {
|
|
|
+ handleClose() {
|
|
|
this.dialogVisible = false;
|
|
|
this.$refs['maskForm'].resetFields()
|
|
|
},
|
|
|
- submitResetClass () {
|
|
|
+ submitResetClass() {
|
|
|
this.$confirm('是否确定?', '提示', {
|
|
|
confirmButtonText: '确定',
|
|
|
cancelButtonText: '取消',
|
|
|
@@ -307,7 +242,7 @@ export default {
|
|
|
}).catch(() => { })
|
|
|
|
|
|
},
|
|
|
- onSubmit (showMessage, type) {
|
|
|
+ onSubmit(showMessage, type) {
|
|
|
let params = {
|
|
|
id: showMessage.id,
|
|
|
status: type,
|
|
|
@@ -322,7 +257,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- getFormatDate (data) {
|
|
|
+ getFormatDate(data) {
|
|
|
let tempDate = new Date(data)
|
|
|
let month = (tempDate.getMonth() + 1) >= 10 ? (tempDate.getMonth() + 1) : '0' + (tempDate.getMonth() + 1)
|
|
|
let day = tempDate.getDate() >= 10 ? tempDate.getDate() : '0' + tempDate.getDate()
|
|
|
@@ -331,7 +266,7 @@ export default {
|
|
|
let min = tempDate.getMinutes() >= 10 ? tempDate.getMinutes() : '0' + tempDate.getMinutes()
|
|
|
return tDate + ' ' + hours + ':' + min + ':00'
|
|
|
},
|
|
|
- getDateInfo (value) {
|
|
|
+ getDateInfo(value) {
|
|
|
let tempValue = value
|
|
|
if (typeof value !== 'object') {
|
|
|
tempValue = value.replace(/-/ig, '/')
|
|
|
@@ -341,7 +276,7 @@ export default {
|
|
|
let minute = d.getMinutes() >= 10 ? d.getMinutes() : '0' + d.getMinutes()
|
|
|
return hour + ':' + minute + ':00'
|
|
|
},
|
|
|
- onClssTime (row) {
|
|
|
+ onClssTime(row) {
|
|
|
this.dialogVisible = true
|
|
|
this.maskForm = {
|
|
|
teacher: row.before.actualTeacherId,
|
|
|
@@ -351,7 +286,7 @@ export default {
|
|
|
id: row.before.id
|
|
|
}
|
|
|
},
|
|
|
- sysMessageList () { // 列表
|
|
|
+ sysMessageList() { // 列表
|
|
|
sysMessageList({
|
|
|
group: 'LEAVE',
|
|
|
rows: this.pageInfo.limit,
|
|
|
@@ -364,7 +299,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- onLookMessage (type) { // 查看对应的数据
|
|
|
+ onLookMessage(type) { // 查看对应的数据
|
|
|
if (type == "all") {
|
|
|
this.pageInfo.readStatus = null
|
|
|
} else {
|
|
|
@@ -376,11 +311,11 @@ export default {
|
|
|
this.isCheckMessage = null
|
|
|
this.sysMessageList()
|
|
|
},
|
|
|
- onChange (page) { // 分页
|
|
|
+ onChange(page) { // 分页
|
|
|
this.pageInfo.page = page
|
|
|
this.sysMessageList()
|
|
|
},
|
|
|
- onClickRead (item) {
|
|
|
+ onClickRead(item) {
|
|
|
this.isCheckMessage = item.id
|
|
|
if (item.readStatus == 1) {
|
|
|
this.getLeaveItem(item.memo)
|
|
|
@@ -396,7 +331,7 @@ export default {
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
- getLeaveItem (memo) {
|
|
|
+ getLeaveItem(memo) {
|
|
|
memo = JSON.parse(memo)
|
|
|
leaveQueryDetail({ id: memo.leaveRecordId }).then(res => {
|
|
|
if (res.code == 200) {
|
|
|
@@ -422,12 +357,12 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- changeStartTime () {
|
|
|
+ changeStartTime() {
|
|
|
this.maskForm.endTime = '';
|
|
|
}
|
|
|
},
|
|
|
filters: {
|
|
|
- getFormatTime (tempA, tempB) {
|
|
|
+ getFormatTime(tempA, tempB) {
|
|
|
tempA = new Date(tempA.replace(/-/g, "/")),
|
|
|
tempB = new Date(tempB.replace(/-/g, "/"))
|
|
|
let hours = Number(tempA.getHours()) >= 10 ? tempA.getHours() : '0' + tempA.getHours()
|
|
|
@@ -447,31 +382,38 @@ export default {
|
|
|
justify-content: flex-start;
|
|
|
height: calc(100vh - 266px);
|
|
|
overflow: auto;
|
|
|
+
|
|
|
.left {
|
|
|
padding-top: 24px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: left;
|
|
|
- > div {
|
|
|
+
|
|
|
+ >div {
|
|
|
height: 26px;
|
|
|
line-height: 26px;
|
|
|
margin-top: 26px;
|
|
|
+
|
|
|
img {
|
|
|
position: relative;
|
|
|
top: 6px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.unread,
|
|
|
.read,
|
|
|
.recovery {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+
|
|
|
.unread {
|
|
|
position: relative;
|
|
|
+
|
|
|
img {
|
|
|
width: 26px;
|
|
|
height: 25px;
|
|
|
}
|
|
|
+
|
|
|
.count {
|
|
|
position: absolute;
|
|
|
width: 38px;
|
|
|
@@ -486,12 +428,14 @@ export default {
|
|
|
top: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.read {
|
|
|
img {
|
|
|
width: 20px;
|
|
|
height: 26px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.recovery {
|
|
|
img {
|
|
|
width: 19px;
|
|
|
@@ -499,31 +443,37 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.middle {
|
|
|
width: 25%;
|
|
|
margin-left: 76px;
|
|
|
padding-top: 50px;
|
|
|
overflow: auto;
|
|
|
+
|
|
|
.msgItem {
|
|
|
padding: 16px 18px 23px 30px;
|
|
|
border-bottom: 1px solid #ccc;
|
|
|
+
|
|
|
.type {
|
|
|
font-size: 14px;
|
|
|
color: #777;
|
|
|
font-weight: 400;
|
|
|
padding-bottom: 4px;
|
|
|
}
|
|
|
+
|
|
|
.name {
|
|
|
position: relative;
|
|
|
color: #444;
|
|
|
font-size: 16px;
|
|
|
padding-bottom: 9px;
|
|
|
clear: both;
|
|
|
+
|
|
|
.time {
|
|
|
font-weight: 400;
|
|
|
color: #aaa;
|
|
|
float: right;
|
|
|
}
|
|
|
+
|
|
|
.dot {
|
|
|
width: 7px;
|
|
|
height: 7px;
|
|
|
@@ -534,6 +484,7 @@ export default {
|
|
|
top: 4px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.msg {
|
|
|
color: #444;
|
|
|
font-size: 14px;
|
|
|
@@ -546,14 +497,17 @@ export default {
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.msgItem.active {
|
|
|
background-color: #f3f4f8;
|
|
|
border-radius: 5px;
|
|
|
+
|
|
|
.msg {
|
|
|
color: #aaa;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.right {
|
|
|
flex-direction: column;
|
|
|
justify-content: space-between;
|
|
|
@@ -562,6 +516,7 @@ export default {
|
|
|
position: relative;
|
|
|
overflow: auto;
|
|
|
width: 50%;
|
|
|
+
|
|
|
.rightWrap {
|
|
|
// overflow: auto;
|
|
|
display: flex;
|
|
|
@@ -569,6 +524,7 @@ export default {
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
.header {
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
@@ -577,23 +533,28 @@ export default {
|
|
|
border-radius: 50%;
|
|
|
margin-right: 12px;
|
|
|
}
|
|
|
+
|
|
|
.info {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
+
|
|
|
h2 {
|
|
|
color: #212223;
|
|
|
font-size: 16px;
|
|
|
margin-bottom: 0px;
|
|
|
+
|
|
|
.phone {
|
|
|
font-size: 12px;
|
|
|
color: #444;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.subMsg {
|
|
|
position: relative;
|
|
|
font-size: 12px;
|
|
|
color: #444;
|
|
|
margin-bottom: 12px;
|
|
|
+
|
|
|
.san {
|
|
|
// margin-left: 110px;
|
|
|
float: left;
|
|
|
@@ -604,10 +565,12 @@ export default {
|
|
|
border-width: 5px;
|
|
|
border-style: solid;
|
|
|
border-color: transparent #909191 transparent transparent;
|
|
|
- transform: rotate(180deg); /*顺时针旋转90°*/
|
|
|
+ transform: rotate(180deg);
|
|
|
+ /*顺时针旋转90°*/
|
|
|
margin: 0 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.textWrap {
|
|
|
width: 316px;
|
|
|
line-height: 21px;
|
|
|
@@ -615,33 +578,40 @@ export default {
|
|
|
color: #212223;
|
|
|
margin: 12px 0 34px;
|
|
|
}
|
|
|
+
|
|
|
.dot {
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
}
|
|
|
+
|
|
|
.timeMsg {
|
|
|
position: relative;
|
|
|
top: 5px;
|
|
|
margin-left: 20px;
|
|
|
+
|
|
|
.name {
|
|
|
font-size: #444;
|
|
|
font-size: 16px;
|
|
|
margin-bottom: 3px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
+
|
|
|
.status {
|
|
|
font-size: 14px;
|
|
|
color: #62a070;
|
|
|
}
|
|
|
+
|
|
|
.status.waring {
|
|
|
color: #f97215;
|
|
|
}
|
|
|
+
|
|
|
.status.end {
|
|
|
color: #aaaaaa;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.infoFoot {
|
|
|
min-height: 60px;
|
|
|
height: 60px;
|
|
|
@@ -652,6 +622,7 @@ export default {
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
+
|
|
|
.noBtn {
|
|
|
cursor: pointer;
|
|
|
width: 100px;
|
|
|
@@ -663,6 +634,7 @@ export default {
|
|
|
text-align: center;
|
|
|
margin-left: 70px;
|
|
|
}
|
|
|
+
|
|
|
.yesBtn {
|
|
|
cursor: pointer;
|
|
|
margin-left: 15px;
|
|
|
@@ -674,8 +646,9 @@ export default {
|
|
|
border-radius: 3px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
// width: 570px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
mo