|
1 | 1 | <style scoped> |
| 2 | + .title { |
| 3 | + padding: 10px 0; |
| 4 | + font-size: 16px; |
| 5 | + } |
| 6 | +
|
2 | 7 | .item { |
3 | 8 | padding: 30px 0 0 30px; |
4 | 9 | } |
|
22 | 27 | </Radio-group> |
23 | 28 | </div> |
24 | 29 | <div class="item"> |
25 | | - 默认托盘上传位置： |
26 | | - <Select v-model="bucketname" size="small" style="width:100px"> |
| 30 | + 默认托盘上传位置：<br> |
| 31 | + <Select v-model="bucketname" size="small" style="width:100px" placeholder="空间名称"> |
27 | 32 | <Option v-for="item in buckets" :value="item" :key="item">{{ item }}</Option> |
28 | 33 | </Select> |
29 | 34 | / |
30 | 35 | <Input class='bucketdir' v-model="bucketdir" size="small" placeholder="路径"></Input> |
31 | 36 | <Button @click="saveDir" size="small">保存</Button> |
32 | 37 | <br>提示：默认文件将会被上传到 {{setup_bucket_name}}/{{setup_bucket_dir}}/ 目录下 |
33 | 38 | </div> |
| 39 | + |
| 40 | + <div class="item"> |
| 41 | + 下载目录：<br> |
| 42 | + <Input class='bucketdir' v-model="downloaddir" size="small" placeholder="默认下载目录" style="width: 40%;" |
| 43 | + disabled></Input> |
| 44 | + <Button @click="choiceDownloadolder" size="small" icon="ios-folder-outline"></Button> |
| 45 | + </div> |
| 46 | + |
34 | 47 | <div class="item"> |
35 | | - 预览图片样式： |
| 48 | + 预览图片样式：<br> |
36 | 49 | <Input class='bucketdir' v-model="imagestyle" size="small" placeholder="七牛图片样式" style="width: 40%;"></Input> |
37 | 50 | <Button @click="saveImagestyle" size="small">保存</Button> |
38 | 51 | <Button @click="openBrowser" size="small">关于图片样式</Button> |
|
45 | 58 | import {mapGetters, mapActions} from 'vuex' |
46 | 59 | import * as types from '../vuex/mutation-types' |
47 | 60 |
|
| 61 | + let ipc; |
| 62 | +
|
48 | 63 | export default { |
49 | 64 | name: 'setup-page', |
50 | 65 | data() { |
51 | 66 | return { |
52 | 67 | bucketname: '', |
53 | 68 | bucketdir: '', |
| 69 | + imagestyle: '', |
| 70 | + downloaddir: '' |
54 | 71 | } |
55 | 72 | }, |
56 | 73 | computed: { |
|
61 | 78 | setup_bucket_name: types.APP.setup_bucket_name, |
62 | 79 | setup_bucket_dir: types.APP.setup_bucket_dir, |
63 | 80 | setup_imagestyle: types.APP.setup_imagestyle, |
| 81 | + setup_downloaddir: types.APP.setup_downloaddir |
64 | 82 | }) |
65 | 83 | }, |
66 | 84 | components: {ClientHeader}, |
67 | 85 | created: function () { |
68 | 86 | this.bucketname = this.setup_bucket_name; |
69 | 87 | this.bucketdir = this.setup_bucket_dir; |
70 | 88 | this.imagestyle = this.setup_imagestyle; |
| 89 | + this.downloaddir = this.setup_downloaddir; |
| 90 | +
|
| 91 | + ipc = this.$electron.ipcRenderer; |
| 92 | + ipc.on('choiceFolder', (event, path) => { |
| 93 | + this.downloaddir = path[0]; |
| 94 | +
|
| 95 | + this.saveDownloadolder(); |
| 96 | + }); |
71 | 97 | }, |
72 | 98 | methods: { |
73 | 99 | ...mapActions([ |
74 | 100 | types.APP.setup_a_copyType, |
75 | 101 | types.APP.setup_a_deleteNoAsk, |
76 | 102 | types.APP.setup_a_savedir, |
77 | 103 | types.APP.setup_a_imagestyle, |
| 104 | + types.APP.setup_a_downloaddir, |
78 | 105 | ]), |
79 | 106 | deleteNoAskChange: function (state) { |
80 | 107 | this[types.APP.setup_a_deleteNoAsk](state); |
81 | 108 | }, |
82 | 109 | copyTypeChange: function (model) { |
83 | | - console.log(model); |
84 | 110 | this[types.APP.setup_a_copyType](model); |
85 | 111 | }, |
86 | 112 | saveDir: function () { |
|
91 | 117 | this[types.APP.setup_a_imagestyle]([this.imagestyle]); |
92 | 118 | this.$Message.success('图片样式修改成功'); |
93 | 119 | }, |
94 | | - openBrowser(){ |
| 120 | + choiceDownloadolder() { |
| 121 | + ipc.send('choiceFolder', {properties: ['openDirectory']}); |
| 122 | + }, |
| 123 | + saveDownloadolder() { |
| 124 | + this[types.APP.setup_a_downloaddir](this.downloaddir); |
| 125 | + }, |
| 126 | + openBrowser() { |
95 | 127 | this.$electron.shell.openExternal('https://developer.qiniu.com/dora/manual/1279/basic-processing-images-imageview2'); |
96 | 128 | } |
97 | 129 | } |
|
0 commit comments