|
@@ -1,6 +1,10 @@
|
|
|
<template>
|
|
|
<el-dialog :visible="dialogVisible" title="分享" width="730px" @close="dialogClose" @closed="dialogClosed">
|
|
|
<div class="share-condition">
|
|
|
+ <div class="exercise-name">
|
|
|
+ <div>分享名称</div>
|
|
|
+ <el-input v-model="name" placeholder="请输入" />
|
|
|
+ </div>
|
|
|
<div class="condition-top">
|
|
|
<span>开始日期</span>
|
|
|
<el-date-picker
|
|
@@ -135,6 +139,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ name: '',
|
|
|
send_type: 1, // 发送方式
|
|
|
sendModes: [
|
|
|
{
|
|
@@ -189,7 +194,9 @@ export default {
|
|
|
},
|
|
|
// 生成链接
|
|
|
generateLink() {
|
|
|
+ if (!this.name) return this.$message.warning('请输入分享名称');
|
|
|
let option = {
|
|
|
+ name: this.name,
|
|
|
exercise_id: this.exerciseId,
|
|
|
begin_date: this.begin_date,
|
|
|
effective_days: this.effective_days,
|
|
@@ -287,7 +294,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
:deep &__body {
|
|
|
- padding: 40px 24px;
|
|
|
+ padding: 16px 24px;
|
|
|
color: $font-light-color;
|
|
|
|
|
|
.share-condition {
|
|
@@ -295,6 +302,12 @@ export default {
|
|
|
flex-direction: column;
|
|
|
row-gap: 20px;
|
|
|
|
|
|
+ .exercise-name {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ row-gap: 8px;
|
|
|
+ }
|
|
|
+
|
|
|
.condition-top {
|
|
|
display: grid;
|
|
|
grid-template: 30px 32px / repeat(3, 1fr);
|