Finished: rename file before upload

src/renderer/components/RenamePage.vue

@@ -0,0 +1,56 @@
+<template>
+  <div id="rename-page">
+    <el-form>
+      <el-form-item
+        label="文件改名"
+      >
+        <el-input 
+          v-model="fileName"
+          size="small"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    <el-row>
+      <div class="pull-right">
+        <el-button @click="cancel" round size="mini">取消</el-button>
+        <el-button type="primary" @click="confirmName" round size="mini">确定</el-button>
+      </div>
+    </el-row>
+  </div>
+</template>
+<script>
+export default {
+  name: 'rename-page',
+  data () {
+    return {
+      fileName: '',
+      id: null
+    }
+  },
+  created () {
+    this.$electron.ipcRenderer.on('rename', (event, name, id) => {
+      this.fileName = name
+      this.id = id
+    })
+  },
+  methods: {
+    confirmName () {
+      this.$electron.ipcRenderer.send(`rename${this.id}`, this.fileName)
+    },
+    cancel () {
+      this.$electron.ipcRenderer.send(`rename${this.id}`, null)
+    }
+  },
+  beforeDestroy () {
+    this.$electron.ipcRenderer.removeAllListeners('rename')
+  }
+}
+</script>
+<style lang='stylus'>
+  #rename-page
+    padding 0 20px
+    .pull-right
+      float right
+    .el-form-item__label
+      color #ddd
+</style>

src/renderer/components/SettingView/PicGoSetting.vue

@@ -48,6 +48,7 @@
               v-model="form.rename"
               active-text="开"
               inactive-text="关"
+              @change="handleRename"
             ></el-switch>
           </el-form-item>
           <el-form-item
@@ -58,8 +59,9 @@
               @change="handleShowPicBedListChange"
             >
               <el-checkbox
-                v-for="(item, index) in picBed"
+                v-for="item in picBed"
                 :label="item.name"
+                :key="item.name"
               ></el-checkbox>
             </el-checkbox-group>
           </el-form-item>
@@ -212,6 +214,9 @@ export default {
     handleAutoStartChange (val) {
       this.$db.read().set('picBed.autoStart', val).write()
       this.$electron.ipcRenderer.send('autoStart', val)
+    },
+    handleRename (val) {
+      this.$db.read().set('picBed.rename', val).write()
     }
   },
   beforeDestroy () {

src/renderer/components/SettingView/Upload.vue

@@ -173,11 +173,10 @@ export default {
   #file-uploader
     display none
   .upload-progress
-    margin-top 20px
     opacity 0
     transition all .2s ease-in-out
     width 450px
-    margin-left 25px
+    margin 20px auto 0
     &.show
       opacity 1
     .el-progress-bar__inner