提交 21cbbe4c authored 作者: pengxiaohui's avatar pengxiaohui

修改bug

上级 c6664162
<template> <template>
<el-dialog class="meeting-success-dialog" :title="`会议号${details.meeting_code ? ':' + details.meeting_code : ''}`" :visible="dialogVisible" width="520" :close-on-click-modal="false" center @close="dialogClose"> <el-dialog class="meeting-success-dialog" :title="`会议号${details.meeting_code ? ':' + details.meeting_code : ''}`" :visible="dialogVisible" :modal-append-to-body="false" width="520" :close-on-click-modal="false" center @close="dialogClose">
<p style="padding-left:28px;margin-bottom:10px;" v-if="details.sso_user">{{details.sso_user.username}}邀请您参加腾讯会议</p> <p style="padding-left:28px;margin-bottom:10px;" v-if="details.sso_user">{{details.sso_user.username}}邀请您参加腾讯会议</p>
<el-form class="dialog-meeting-details" label-width="100px" ref="details"> <el-form class="dialog-meeting-details" label-width="100px" ref="details">
<el-form-item label="会议主题:"> <el-form-item label="会议主题:">
......
...@@ -192,6 +192,14 @@ export default { ...@@ -192,6 +192,14 @@ export default {
}, },
deep: true deep: true
}, },
'options.closeNewPopover': {
handler: function(nv, ov) {
if (nv) {
this.newPopoverVisible = false
}
},
deep: true
},
date: { date: {
handler: function(nv) { handler: function(nv) {
if (nv) { if (nv) {
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<el-form-item label="开始时间" required> <el-form-item label="开始时间" required>
<el-col :span="11"> <el-col :span="11">
<el-form-item prop="startDate"> <el-form-item prop="startDate">
<el-date-picker v-model="form.startDate" type="date" placeholder="选择日期" style="width: 100%;" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="startDateOptions" @change="startDateChange" /> <el-date-picker v-model="form.startDate" type="date" placeholder="选择日期" style="width: 100%;" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="startDateOptions" :format="startDateShowFormat" @change="startDateChange" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" class="line">-</el-col> <el-col :span="2" class="line">-</el-col>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<el-form-item label="结束时间" required> <el-form-item label="结束时间" required>
<el-col :span="11"> <el-col :span="11">
<el-form-item prop="endDate"> <el-form-item prop="endDate">
<el-date-picker v-model="form.endDate" type="date" placeholder="选择日期" style="width: 100%;" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="endDateOptions" @change="endDateChange" /> <el-date-picker v-model="form.endDate" type="date" placeholder="选择日期" style="width: 100%;" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="endDateOptions" :format="endDateShowFormat" @change="endDateChange" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" class="line">-</el-col> <el-col :span="2" class="line">-</el-col>
...@@ -131,6 +131,22 @@ export default { ...@@ -131,6 +131,22 @@ export default {
}, },
computed: { computed: {
...mapGetters(['user']), ...mapGetters(['user']),
startDateShowFormat() {
const date = this.form.startDate
if (typeof date === 'object' && date instanceof Date) {
return 'yyyy-MM-dd 周' + dateFormat(date, '{a}')
} else {
return 'yyyy-MM-dd'
}
},
endDateShowFormat() {
const date = this.form.startDate
if (typeof date === 'object' && date instanceof Date) {
return 'yyyy-MM-dd 周' + dateFormat(date, '{a}')
} else {
return 'yyyy-MM-dd'
}
},
startTimestamp() { startTimestamp() {
return this.getFullDateTime(this.form.startDate, this.form.startTime).getTime() return this.getFullDateTime(this.form.startDate, this.form.startTime).getTime()
}, },
...@@ -200,6 +216,13 @@ export default { ...@@ -200,6 +216,13 @@ export default {
}, },
immediate: true, immediate: true,
deep: true deep: true
},
dialogVisible: {
handler: function (nv) {
if (!nv) {
this.$emit('closeNewPopover')
}
}
} }
}, },
components: { MeetingSuccessDialog }, components: { MeetingSuccessDialog },
......
...@@ -2,14 +2,18 @@ ...@@ -2,14 +2,18 @@
<div :class="getClass(ev)"> <div :class="getClass(ev)">
<div class="status"> <div class="status">
{{ev.status | statusFilter}} {{ev.status | statusFilter}}
<span class="time-range">{{ev.start_time | timeFormat}}-{{ev.end_time | timeFormat}}</span> <!-- <span class="time-range">{{ev.start_time | timeFormat}}-{{ev.end_time | timeFormat}}</span> -->
</div> </div>
<div class="event-cont"> <div class="event-cont">
<div class="title"> <div class="title">
<span>{{ev.subject}}</span> <span>{{ev.subject}}</span>
</div> </div>
<div class="creator"> <div class="creator">
<span><i class="el-icon-user"></i>:{{ev.sso_user.nickname}}</span> <span>
<!-- <i class="el-icon-user"></i>: -->
创建人:
{{ev.sso_user.username}}
</span>
</div> </div>
</div> </div>
</div> </div>
...@@ -55,9 +59,9 @@ export default { ...@@ -55,9 +59,9 @@ export default {
'schedule-ev-inner test': true, 'schedule-ev-inner test': true,
'status-start': ev.status === 1, 'status-start': ev.status === 1,
'status-notstarted': ev.status === 0, 'status-notstarted': ev.status === 0,
small: h < 120 && h >= 40, small: h < 80 && h >= 40,
medium: h >= 120 && h < 200, medium: h >= 80 && h < 120,
large: h >= 200 large: h >= 120
} }
} }
} }
...@@ -107,6 +111,7 @@ export default { ...@@ -107,6 +111,7 @@ export default {
line-height: 18px; line-height: 18px;
display: flex; display: flex;
height: calc(100% - 18px); height: calc(100% - 18px);
padding-left:16px;
} }
.title { .title {
flex-grow: 1; flex-grow: 1;
...@@ -114,6 +119,8 @@ export default { ...@@ -114,6 +119,8 @@ export default {
align-items: center; align-items: center;
} }
.title span { .title span {
word-break:break-all;
padding-right:5px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
...@@ -124,44 +131,55 @@ export default { ...@@ -124,44 +131,55 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
white-space: nowrap; white-space: nowrap;
max-width:120px;
}
.creator span{
word-break:break-all;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.small .creator, .medium .creator, .large .creator{
max-width:unset;
} }
.small .status { .small .status {
line-height: 30px; line-height: 24px;
} }
.small .event-cont { .small .event-cont {
height: calc(100% - 32px); display: block;
height: calc(100% - 24px);
} }
.small .title span { .small .title {
-webkit-line-clamp: 3; height: calc(100% - 24px);
} }
.medium .status { .medium .status {
line-height: 38px; line-height: 32px;
} }
.medium .event-cont { .medium .event-cont {
display: block; display: block;
height: calc(100% - 40px); height: calc(100% - 34px);
} }
.medium .title { .medium .title {
height: calc(100% - 32px); height: calc(100% - 32px);
} }
.medium .title span { .medium .title span {
-webkit-line-clamp: 5; -webkit-line-clamp: 3;
} }
.medium .creator { .medium .creator {
line-height: 32px; line-height: 32px;
} }
.large .status { .large .status {
line-height: 46px; line-height: 36px;
} }
.large .event-cont { .large .event-cont {
display: block; display: block;
height: calc(100% - 48px); height: calc(100% - 38px);
} }
.large .title { .large .title {
height: calc(100% - 36px); height: calc(100% - 36px);
} }
.large .title span { .large .title span {
-webkit-line-clamp: 9; -webkit-line-clamp: 5;
} }
.large .creator { .large .creator {
line-height: 36px; line-height: 36px;
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<details-popover :data="scope.data"/> <details-popover :data="scope.data"/>
</template> </template>
<template slot="new-schedule" slot-scope="scope"> <template slot="new-schedule" slot-scope="scope">
<new-popover :data="scope.data" :date="defaultDate" @refreshPopover="refreshPop" @refreshData="getScheduleData"/> <new-popover :data="scope.data" :date="defaultDate" @refreshPopover="refreshPop" @refreshData="getScheduleData" @closeNewPopover="options.closeNewPopover = true"/>
</template> </template>
</schedule> </schedule>
</div> </div>
...@@ -44,7 +44,8 @@ export default { ...@@ -44,7 +44,8 @@ export default {
defaultViewTime: '8:00', // 滚动条滚动至需显示的起始时间,需要与step对应 defaultViewTime: '8:00', // 滚动条滚动至需显示的起始时间,需要与step对应
nowBeforeDisabled: true, nowBeforeDisabled: true,
minWidth: '200px', minWidth: '200px',
refreshPopoverState: 0 refreshPopoverState: 0,
closeNewPopover: false
}, },
schedule: { schedule: {
id: 'live-1', id: 'live-1',
......
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="sso_user.nickname" label="创建人" min-width="100" align="center"></el-table-column> <el-table-column prop="sso_user.username" label="创建人" min-width="100" align="center"></el-table-column>
<el-table-column label="操作" width="240" align="center"> <el-table-column label="操作" width="240" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<table-handles :rowData="scope.row" @refresh="fetchMeetingList"/> <table-handles :rowData="scope.row" @refresh="fetchMeetingList"/>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-form-item label="开始时间" required> <el-form-item label="开始时间" required>
<el-col :span="11"> <el-col :span="11">
<el-form-item prop="startDate"> <el-form-item prop="startDate">
<el-date-picker v-model="form.startDate" type="date" placeholder="选择日期" style="width: 100%" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="startDateOptions" @change="startDateChange" /> <el-date-picker v-model="form.startDate" type="date" placeholder="选择日期" style="width: 100%" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="startDateOptions" :format="startDateShowFormat" @change="startDateChange" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" class="line">-</el-col> <el-col :span="2" class="line">-</el-col>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<el-form-item label="结束时间" required> <el-form-item label="结束时间" required>
<el-col :span="11"> <el-col :span="11">
<el-form-item prop="endDate"> <el-form-item prop="endDate">
<el-date-picker v-model="form.endDate" type="date" placeholder="选择日期" style="width: 100%" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="endDateOptions" @change="endDateChange" /> <el-date-picker v-model="form.endDate" type="date" placeholder="选择日期" style="width: 100%" size="small" :clearable="timerClear" :editable="timerClear" :picker-options="endDateOptions" :format="endDateShowFormat" @change="endDateChange" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="2" class="line">-</el-col> <el-col :span="2" class="line">-</el-col>
...@@ -129,7 +129,7 @@ ...@@ -129,7 +129,7 @@
<el-checkbox v-model="form.live_config.enable_live_im">准许观众讨论</el-checkbox> <el-checkbox v-model="form.live_config.enable_live_im">准许观众讨论</el-checkbox>
</el-form-item> </el-form-item>
<el-form-item style="padding-left: 100px"> <el-form-item style="padding-left: 100px">
<el-button type="primary" @click="submitForm('ruleForm')" size="mini">创建</el-button> <el-button type="primary" @click="submitForm('ruleForm')" size="mini">{{btnText}}</el-button>
<!-- <el-button @click="resetForm('ruleForm')" size="mini">重置</el-button> --> <!-- <el-button @click="resetForm('ruleForm')" size="mini">重置</el-button> -->
<el-button @click="goList" size="mini">取消</el-button> <el-button @click="goList" size="mini">取消</el-button>
</el-form-item> </el-form-item>
...@@ -210,6 +210,7 @@ export default { ...@@ -210,6 +210,7 @@ export default {
} }
return { return {
timerClear: false, timerClear: false,
// startDateShowFormat: 'yyyy-MM-dd',
form: { form: {
subject: '', subject: '',
startDate: nowDate, startDate: nowDate,
...@@ -275,6 +276,22 @@ export default { ...@@ -275,6 +276,22 @@ export default {
}, },
computed: { computed: {
...mapGetters(['user']), ...mapGetters(['user']),
startDateShowFormat() {
const date = this.form.startDate
if (typeof date === 'object' && date instanceof Date) {
return 'yyyy-MM-dd 周' + dateFormat(date, '{a}')
} else {
return 'yyyy-MM-dd'
}
},
endDateShowFormat() {
const date = this.form.startDate
if (typeof date === 'object' && date instanceof Date) {
return 'yyyy-MM-dd 周' + dateFormat(date, '{a}')
} else {
return 'yyyy-MM-dd'
}
},
startDateOptions() { startDateOptions() {
return { return {
disabledDate(time) { disabledDate(time) {
...@@ -298,10 +315,11 @@ export default { ...@@ -298,10 +315,11 @@ export default {
const date = this.form.startDate const date = this.form.startDate
return { return {
disabledDate(time) { disabledDate(time) {
return ( // return (
getTimestampYMD(time) < getTimestampYMD(date) || // getTimestampYMD(time) < getTimestampYMD(date) ||
getTimestampYMD(time) > getTimestampYMD(date) + DAY_TIMESTAMP // getTimestampYMD(time) > getTimestampYMD(date) + DAY_TIMESTAMP
) // )
return getTimestampYMD(time) !== getTimestampYMD(date)
} }
} }
}, },
...@@ -317,7 +335,7 @@ export default { ...@@ -317,7 +335,7 @@ export default {
options = { options = {
start: startTime, start: startTime,
step: '00:30', step: '00:30',
end: '23:30' end: '24:00'
} }
} else { } else {
// 结束时间和开始时间不能超过24小时,相隔一天,则向前推半小时 // 结束时间和开始时间不能超过24小时,相隔一天,则向前推半小时
...@@ -385,6 +403,11 @@ export default { ...@@ -385,6 +403,11 @@ export default {
}, },
endTimestamp() { endTimestamp() {
return this.getFullDateTime(this.form.endDate, this.form.endTime).getTime() return this.getFullDateTime(this.form.endDate, this.form.endTime).getTime()
},
btnText() {
const path = this.$route.path
const text = path === '/meeting-create' ? '创建' : '更新'
return text
} }
}, },
filters: { filters: {
......
...@@ -132,7 +132,7 @@ export default ({ ...@@ -132,7 +132,7 @@ export default ({
fetchUpdateMeeting(params) { fetchUpdateMeeting(params) {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: '修改腾讯会议中,请稍后...', text: '更新腾讯会议中,请稍后...',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
...@@ -141,11 +141,11 @@ export default ({ ...@@ -141,11 +141,11 @@ export default ({
updateMeeting(params).then(res => { updateMeeting(params).then(res => {
loading.close() loading.close()
if (res.code === 0 && res.data.id) { if (res.code === 0 && res.data.id) {
operateLog({ type: `修改会议,被修改会议meeting_code:${res.data.meeting_code}`, user: this.user }) operateLog({ type: `更新会议,被更新会议meeting_code:${res.data.meeting_code}`, user: this.user })
this.$message.success('修改腾讯会议成功') this.$message.success('更新腾讯会议成功')
this.showMeetingDetails(res.data) this.showMeetingDetails(res.data)
} else { } else {
this.$message.error(res.message || res.msg || '修改腾讯会议失败') this.$message.error(res.message || res.msg || '更新腾讯会议失败')
} }
}) })
}, },
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="item"> <div class="item">
<div class="avatar"><img :src="user.avatar"></div> <div class="avatar"><img :src="user.avatar"></div>
<div class="user"> <div class="user">
<p>{{user.nickname}}</p> <p>{{user.username}}</p>
<p>ID:{{user.id}}</p> <p>ID:{{user.id}}</p>
</div> </div>
</div> </div>
......
...@@ -94,7 +94,7 @@ ...@@ -94,7 +94,7 @@
</p> </p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="sso_user.nickname" label="创建人" min-width="100" align="center"></el-table-column> <el-table-column prop="sso_user.username" label="创建人" min-width="100" align="center"></el-table-column>
<el-table-column label="操作" width="240" align="center"> <el-table-column label="操作" width="240" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<table-handles :rowData="scope.row" @refresh="fetchMeetingList"/> <table-handles :rowData="scope.row" @refresh="fetchMeetingList"/>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论