update 修改添加订阅模态窗口样式

This commit is contained in:
SummerTail 2023-07-14 10:17:52 +08:00
parent 41d16c43b0
commit 02023f95ed

View File

@ -16,30 +16,43 @@
</div>
</div>
<el-dialog v-model="dialogFormVisible" title="详情">
<textarea style="width: 95%;height: 400px;" v-model="info"></textarea>
<div style="display: flex;align-items: center;padding: 5px">
英文名:
<el-input style="width: 300px" v-model="enName"></el-input>
年份
<el-input style="width: 100px" v-model="year"></el-input>
第几季
<el-input style="width: 100px" v-model="season"></el-input>
开始集数
<el-input style="width: 100px" v-model="ep"></el-input>
<el-input style="width: 100%" v-model="enName">
<template #prepend>英文名</template>
</el-input>
</div>
<div style="display: flex;align-items: center;padding: 5px">
副标题:
<el-input style="width: 80%" v-model="subtitle"></el-input>
<el-input style="width: 100%" v-model="subtitle">
<template #prepend>副标题</template>
</el-input>
</div>
<div style="display: flex;align-items: center;padding: 5px">
地址:
<el-input style="width: 80%" v-model="url"></el-input>
<el-input style="width: 100%" v-model="url">
<template #prepend>播放地址</template>
</el-input>
</div>
<div style="display: flex;align-items: center;padding: 5px">
检查更新时间:
<el-time-picker v-model="time" placeholder="Arbitrary time"/>
<el-input style="width: 20%;left:10px" v-model="year">
<template #prepend>年份</template>
</el-input>
<el-input style="width:15%;left:20px" v-model="season">
<template #prepend></template>
</el-input>
<el-input style="width: 30%;left:30px" v-model="ep">
<template #prepend>订阅位置()</template>
</el-input>
</div>
<el-input
:autosize="{ minRows: 10 ,maxRows:10}"
v-model="info"
:rows="2"
type="textarea"
placeholder="Please input"
/>
<template #footer>
<span class="dialog-footer">
<el-button @click="dialogFormVisible = false">关闭</el-button>
@ -58,6 +71,7 @@ import {addSubscribe, getImdbName, getVideoInfo, searchVideo} from '../../api/Vi
import {onBeforeRouteUpdate, useRoute} from "vue-router";
import {ElLoading, ElMessage} from "element-plus";
import dayjs from "dayjs";
import {Calendar} from "@element-plus/icons-vue";
let list = ref([])
const info = ref("")
@ -71,6 +85,7 @@ const img = ref("")
const time = ref("")
const name = ref("")
const count = ref(0)
async function onSubmit(name) {
let res = await searchVideo(name)
list.value = res.data.data
@ -94,11 +109,18 @@ async function getInfo(id, i) {
let res = await getVideoInfo(id)
info.value = res.data.format
year.value = res.data.year
subtitle.value = res.data.trans_title.join(" / ")
console.info(res.data.trans_title.length)
if (res.data.trans_title.length === 0) {
subtitle.value = res.data.this_title.join(" / ")
} else {
subtitle.value = res.data.this_title.join(" / ") + " / " + res.data.trans_title.join(" / ")
}
count.value = res.data.episodes
name.value = res.data.chinese_title
enName.value = ""
if(res.data.imdb_link){
if (res.data.imdb_link) {
await subscribe(res.data.imdb_link)
}
dialogFormVisible.value = true
@ -124,12 +146,12 @@ async function addsubscribe() {
img: img.value,
subtitle: subtitle.value,
time: dayjs(time.value).format("HH:mm:ss"),
skip:season.value,
sid:vid,
count:count.value
skip: season.value,
sid: vid,
count: count.value
}
for(let i in data){
if(!data[i]){
for (let i in data) {
if (!data[i]) {
ElMessage({
message: '请完整填写内容!',
type: 'error',
@ -138,12 +160,12 @@ async function addsubscribe() {
}
}
let res = await addSubscribe(data)
if(res.data == "添加成功"){
if (res.data == "添加成功") {
ElMessage({
message: res.data,
type: 'success',
})
}else{
} else {
ElMessage({
message: res.data,
type: 'error',