From bf0ccef8ba806b0c7e73a66e0127f6b874f82598 Mon Sep 17 00:00:00 2001
From: hunlongyu <hunlongyu@gmail.com>
Date: Sun, 19 Jan 2020 15:54:58 +0800
Subject: [PATCH] =?UTF-8?q?v0.7.10=20=E6=92=AD=E6=94=BE=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96=E6=8F=90=E7=A4=BA,=20?=
 =?UTF-8?q?=E6=B5=8B=E8=AF=95icon?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html   |  2 +-
 src/page/player.vue | 75 +++++++++++++++++++++++++++++++++------------
 vue.config.ts       |  3 +-
 3 files changed, 57 insertions(+), 23 deletions(-)
diff --git a/public/index.html b/public/index.html
index 75b3a92..5f86d6c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>icon.png">
-    <title>zy</title>
+    <title>ZY Player</title>
   </head>
   <body>
     <noscript>
diff --git a/src/page/player.vue b/src/page/player.vue
index 9c1e41d..0048027 100644
--- a/src/page/player.vue
+++ b/src/page/player.vue
@@ -1,24 +1,35 @@
 <template>
   <el-row class="player">
-    <el-row class="player-title">
-      <el-row class="player-title-box" type="flex" justify="space-between">
-        <span>
-          <span>{{Object.keys(video).length !== 0 ? video.name + ' -- ' : '无视频 -- '}}</span>
-          <span>{{ num }}</span>
-        </span>
-        <span v-show="Object.keys(video).length > 0">
-          <el-button size="mini" @click="openDetail" icon="el-icon-document" circle></el-button>
-          <el-button size="mini" v-show="!star" @click="starEvent" icon="el-icon-star-off" circle></el-button>
-          <el-button size="mini" v-show="star" @click="starEvent" icon="el-icon-star-on" circle></el-button>
-        </span>
+    <el-row class="player-show" v-if="Object.keys(video).length > 0">
+      <el-row class="player-title">
+        <el-row class="player-title-box" type="flex" justify="space-between">
+          <span>
+            <span>{{video.name ? video.name + ' -- ' : '' }}</span>
+            <span>{{ num }}</span>
+          </span>
+          <span>
+            <el-button size="mini" @click="openDetail" icon="el-icon-document" circle></el-button>
+            <el-button size="mini" v-show="!star" @click="starEvent" icon="el-icon-star-off" circle></el-button>
+            <el-button size="mini" v-show="star" @click="starEvent" icon="el-icon-star-on" circle></el-button>
+          </span>
+        </el-row>
+      </el-row>
+      <el-row class="player-box">
+        <div id="xg"></div>
+      </el-row>
+      <el-row class="player-films table-box">
+        <el-row class="player-films-box">
+          <el-button :type="j === video.index ? 'primary' : ''" size="mini" v-for="(i, j) in urls" :key="j" @click="playBtnClick(i, j)" plain>{{i | ftLink}}</el-button>
+        </el-row>
       </el-row>
     </el-row>
-    <el-row class="player-box">
-      <div id="xg"></div>
-    </el-row>
-    <el-row class="player-films table-box">
-      <el-row class="player-films-box">
-        <el-button :type="j === video.index ? 'primary' : ''" size="mini" v-for="(i, j) in urls" :key="j" @click="playBtnClick(i, j)" plain>{{i | ftLink}}</el-button>
+    <el-row class="player-none"  v-if="Object.keys(video).length <= 0">
+      <el-row class="tips">
+        浏览或者搜索资源, 点击播放视频, 即可观看~
+      </el-row>
+      <el-row class="btns">
+        <el-button size="small" @click="goView('Film')" icon="el-icon-film">浏览</el-button>
+        <el-button size="small" @click="goView('Search')" icon="el-icon-search">搜索</el-button>
       </el-row>
     </el-row>
   </el-row>
@@ -62,8 +73,13 @@ export default Vue.extend({
         this.SET_VIDEO(val)
       }
     },
-    Main () {
-      return this.$store.getters.getMain
+    Main: {
+      get () {
+        return this.$store.getters.getMain
+      },
+      set (val) {
+        this.SET_MAIN(val)
+      }
     }
   },
   watch: {
@@ -81,7 +97,10 @@ export default Vue.extend({
     }
   },
   methods: {
-    ...mapMutations(['SET_DETAIL', 'SET_VIDEO']),
+    ...mapMutations(['SET_DETAIL', 'SET_VIDEO', 'SET_MAIN']),
+    goView (e: string) {
+      this.Main = e
+    },
     openDetail () {
       let d = {
         show: true,
@@ -158,6 +177,22 @@ export default Vue.extend({
   height: 100%;
   width: 100%;
   position: relative;
+  .player-show{
+    height: 100%;
+    width: 100%;
+    position: relative;
+  }
+  .player-none{
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    .tips{
+      font-size: 14px;
+      margin-bottom: 10px;
+    }
+  }
   .player-title{
     position: absolute;
     top: 0;
diff --git a/vue.config.ts b/vue.config.ts
index 1da0fbb..cbaf420 100644
--- a/vue.config.ts
+++ b/vue.config.ts
@@ -4,8 +4,7 @@ module.exports = {
       builderOptions: {
         win: {
           icon: './build/icons/icon.ico'
-        },
-        productName: 'ZY Player'
+        }
       },
       chainWebpackRendererProcess: config => {
         if (process.env.NODE_ENV === 'development') {
