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

view/src/page/subscribe/addSubscribe.vue

@@ -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: 100%" v-model="enName">
-                <el-input style="width: 300px" v-model="enName"></el-input>
+          <template #prepend>英文名</template>
-                年份
+        </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>
 
       </div>
       <div style="display: flex;align-items: center;padding: 5px">
-                副标题:
+        <el-input style="width: 100%" v-model="subtitle">
-                <el-input style="width: 80%" v-model="subtitle"></el-input>
+          <template #prepend>副标题</template>
+        </el-input>
       </div>
       <div style="display: flex;align-items: center;padding: 5px">
-                地址:
+        <el-input style="width: 100%" v-model="url">
-                <el-input style="width: 80%" v-model="url"></el-input>
+          <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,7 +109,14 @@ 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 = ""