完成设置页面

src/components/tools/Logo.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="logo">
-    <router-link :to="{name:'dashboard'}">
+    <router-link :to="{name:'Dashboard'}">
       <LogoSvg alt="logo" />
       <h1 v-if="showTitle">{{ title }}</h1>
     </router-link>

src/config/router.config.js

@@ -14,7 +14,7 @@ export const asyncRouterMap = [
       // dashboard
       {
         path: '/dashboard',
-        name: 'dashboard',
+        name: 'Dashboard',
         component: () => import('@/views/dashboard/Dashboard'),
         meta: { title: '仪表盘', icon: 'dashboard', hiddenHeaderContent: true }
       },
@@ -22,7 +22,7 @@ export const asyncRouterMap = [
       // posts
       {
         path: '/posts',
-        name: 'posts',
+        name: 'Posts',
         redirect: '/posts/list',
         component: RouteView,
         meta: { title: '文章', icon: 'form' },
@@ -57,7 +57,7 @@ export const asyncRouterMap = [
       // pages
       {
         path: '/pages',
-        name: 'pages',
+        name: 'Pages',
         component: RouteView,
         redirect: '/pages/list',
         meta: { title: '页面', icon: 'read' },
@@ -80,7 +80,7 @@ export const asyncRouterMap = [
       // attachments
       {
         path: '/attachments',
-        name: 'attachments',
+        name: 'Attachments',
         component: () => import('@/views/attachment/AttachmentList'),
         meta: { title: '附件', icon: 'picture', hiddenHeaderContent: true }
       },
@@ -88,7 +88,7 @@ export const asyncRouterMap = [
       // comments
       {
         path: '/comments',
-        name: 'comments',
+        name: 'Comments',
         component: () => import('@/views/comment/CommentList'),
         meta: { title: '评论', icon: 'message', hiddenHeaderContent: true }
       },
@@ -96,7 +96,7 @@ export const asyncRouterMap = [
       // interface
       {
         path: '/interface',
-        name: 'interface',
+        name: 'Interface',
         component: RouteView,
         redirect: '/interface/themes',
         meta: { title: '外观', icon: 'skin' },
@@ -125,7 +125,7 @@ export const asyncRouterMap = [
       // user
       {
         path: '/user',
-        name: 'user',
+        name: 'User',
         component: RouteView,
         redirect: '/user/profile',
         meta: { title: '用户', icon: 'user' },
@@ -142,7 +142,7 @@ export const asyncRouterMap = [
       // system
       {
         path: '/system',
-        name: 'options',
+        name: 'System',
         component: RouteView,
         redirect: '/system/options',
         meta: { title: '系统', icon: 'setting' },

src/views/post/PostEdit.vue

@@ -23,18 +23,10 @@
       </a-col>
 
       <a-col :xl="6" :lg="6" :md="6" :sm="24" :xs="24">
-        <a-card title="发布">
+        <a-card title="发布"> </a-card>
-          
+        <a-card title="分类目录"> </a-card>
-        </a-card>
+        <a-card title="标签"> </a-card>
-        <a-card title="分类目录">
+        <a-card title="缩略图"> </a-card>
-          
-        </a-card>
-        <a-card title="标签">
-          
-        </a-card>
-        <a-card title="缩略图">
-          
-        </a-card>
       </a-col>
     </a-row>
   </div>

src/views/system/OptionForm.vue

@@ -22,19 +22,24 @@
                   <a-input type="textarea" :autosize="{ minRows: 5 }" />
                 </a-form-item>
                 <a-form-item>
-                  <a-button type="primary">保存</a-button>
+                  <a-button type="primary" @click="saveOptions">保存</a-button>
                 </a-form-item>
               </a-form>
             </a-tab-pane>
             <a-tab-pane tab="SEO设置" key="seo">
               <a-form layout="vertical">
                 <a-form-item label="关键词： " :wrapper-col="wrapperCol">
+                  <a-tooltip :trigger="['focus']" placement="right" title="多个关键词以英文逗号隔开">
                     <a-input />
+                  </a-tooltip>
                 </a-form-item>
                 <a-form-item label="博客描述：" :wrapper-col="wrapperCol">
                   <a-input />
                 </a-form-item>
-                <a-form-item label="百度推送 token： " :wrapper-col="wrapperCol">
+                <a-form-item label="百度推送 Token： " :wrapper-col="wrapperCol">
+                  <a-input />
+                </a-form-item>
+                <a-form-item label="百度站点验证：" :wrapper-col="wrapperCol">
                   <a-input />
                 </a-form-item>
                 <a-form-item label="Google 站点验证：" :wrapper-col="wrapperCol">
@@ -43,30 +48,27 @@
                 <a-form-item label="Bing 站点验证：" :wrapper-col="wrapperCol">
                   <a-input />
                 </a-form-item>
-                <a-form-item label="Baidu 站点验证：" :wrapper-col="wrapperCol">
-                  <a-input />
-                </a-form-item>
                 <a-form-item label="360 站点验证：" :wrapper-col="wrapperCol">
                   <a-input />
                 </a-form-item>
                 <a-form-item>
-                  <a-button type="primary">保存</a-button>
+                  <a-button type="primary" @click="saveOptions">保存</a-button>
                 </a-form-item>
               </a-form>
             </a-tab-pane>
             <a-tab-pane tab="文章设置" key="post">
               <a-form layout="vertical">
                 <a-form-item label="首页显示条数：" :wrapper-col="wrapperCol">
-                  <a-input type="number" />
+                  <a-input type="number" defaultValue="10"/>
                 </a-form-item>
                 <a-form-item label="RSS 显示条数：" :wrapper-col="wrapperCol">
-                  <a-input type="number" />
+                  <a-input type="number" defaultValue="10"/>
                 </a-form-item>
                 <a-form-item label="文章摘要字数：" :wrapper-col="wrapperCol">
-                  <a-input type="number" />
+                  <a-input type="number" defaultValue="200"/>
                 </a-form-item>
                 <a-form-item>
-                  <a-button type="primary">保存</a-button>
+                  <a-button type="primary" @click="saveOptions">保存</a-button>
                 </a-form-item>
               </a-form>
             </a-tab-pane>
@@ -148,7 +150,7 @@
                   </a-radio-group>
                 </a-form-item>
                 <a-form-item label="每页显示条数： " :wrapper-col="wrapperCol">
-                  <a-input type="number" />
+                  <a-input type="number" defaultValue="10"/>
                 </a-form-item>
                 <a-form-item label="占位提示：" :wrapper-col="wrapperCol">
                   <a-input />
@@ -157,13 +159,147 @@
                   <a-input type="textarea" :autosize="{ minRows: 5 }" />
                 </a-form-item>
                 <a-form-item>
-                  <a-button type="primary">保存</a-button>
+                  <a-button type="primary" @click="saveOptions">保存</a-button>
                 </a-form-item>
               </a-form>
             </a-tab-pane>
-            <a-tab-pane tab="附件设置" key="attachment"> </a-tab-pane>
+            <a-tab-pane tab="附件设置" key="attachment">
-            <a-tab-pane tab="后台设置" key="admin"> </a-tab-pane>
+              <a-form layout="vertical">
-            <a-tab-pane tab="邮箱设置" key="email"> </a-tab-pane>
+                <a-form-item label="存储位置：" :wrapper-col="wrapperCol">
+                  <a-select defaultValue="LOCAL" @change="handleAttachChange">
+                    <a-select-option value="LOCAL">
+                      本地
+                    </a-select-option>
+                    <a-select-option value="SMMS">
+                      SM.MS
+                    </a-select-option>
+                    <a-select-option value="UPYUN">
+                      又拍云
+                    </a-select-option>
+                    <a-select-option value="QNYUN">
+                      七牛云
+                    </a-select-option>
+                  </a-select>
+                </a-form-item>
+                <div class="upyunForm" v-show="upyunFormHidden">
+                  <a-form-item label="域名：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="空间名称：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="操作员名称：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="操作员密码：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="文件目录：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="处理策略：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                </div>
+                <div class="qiniuForm" v-show="qiniuFormHidden">
+                  <a-form-item label="区域：" :wrapper-col="wrapperCol">
+                    <a-select defaultValue="auto">
+                      <a-select-option value="auto">
+                        自动选择
+                      </a-select-option>
+                      <a-select-option value="z0">
+                        华东
+                      </a-select-option>
+                      <a-select-option value="z1">
+                        华北
+                      </a-select-option>
+                      <a-select-option value="z2">
+                        华南
+                      </a-select-option>
+                      <a-select-option value="na0">
+                        北美
+                      </a-select-option>
+                      <a-select-option value="as0">
+                        东南亚
+                      </a-select-option>
+                    </a-select>
+                  </a-form-item>
+                  <a-form-item label="域名：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="Access Key：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="Secret Key：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="Bucket：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                  <a-form-item label="处理策略：" :wrapper-col="wrapperCol">
+                    <a-input />
+                  </a-form-item>
+                </div>
+                <a-form-item>
+                  <a-button type="primary" @click="saveOptions">保存</a-button>
+                </a-form-item>
+              </a-form>
+            </a-tab-pane>
+            <a-tab-pane tab="SMTP 服务" key="smtp">
+              <a-tabs defaultActiveKey="1">
+                <a-tab-pane tab="发信设置" key="1">
+                  <a-form layout="vertical">
+                    <a-form-item label="是否启用：" :wrapper-col="wrapperCol">
+                      <a-radio-group v-decorator="['radio-group']" defaultValue="true">
+                        <a-radio value="true">
+                          启用
+                        </a-radio>
+                        <a-radio value="false">
+                          禁用
+                        </a-radio>
+                      </a-radio-group>
+                    </a-form-item>
+                    <a-form-item label="SMTP 地址：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="发送协议：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="SSL 端口：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="邮箱账号：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="邮箱密码：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="发件人：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item>
+                      <a-button type="primary" @click="saveOptions">保存</a-button>
+                    </a-form-item>
+                  </a-form>
+                </a-tab-pane>
+                <a-tab-pane tab="发送测试" key="2">
+                  <a-form layout="vertical">
+                    <a-form-item label="收件人：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="主题：" :wrapper-col="wrapperCol">
+                      <a-input />
+                    </a-form-item>
+                    <a-form-item label="内容：" :wrapper-col="wrapperCol">
+                      <a-input type="textarea" :autosize="{ minRows: 5 }" />
+                    </a-form-item>
+                    <a-form-item>
+                      <a-button type="primary">发送</a-button>
+                    </a-form-item>
+                  </a-form>
+                </a-tab-pane>
+              </a-tabs>
+            </a-tab-pane>
             <a-tab-pane tab="其他设置" key="other">
               <a-form layout="vertical">
                 <a-form-item label="API服务：" :wrapper-col="wrapperCol">
@@ -183,7 +319,7 @@
                   <a-input type="textarea" :autosize="{ minRows: 5 }" />
                 </a-form-item>
                 <a-form-item>
-                  <a-button type="primary">保存</a-button>
+                  <a-button type="primary" @click="saveOptions">保存</a-button>
                 </a-form-item>
               </a-form>
             </a-tab-pane>
@@ -201,12 +337,31 @@ export default {
         xl: { span: 8 },
         sm: { span: 8 },
         xs: { span: 24 }
-      }
+      },
+      upyunFormHidden: false,
+      qiniuFormHidden: false
     }
   },
   methods: {
-    callback(key) {
+    saveOptions(e) {
-      console.log(key)
+      this.$message.success('保存成功！')
+    },
+    handleAttachChange(e) {
+      switch (e) {
+        case 'LOCAL':
+        case 'SMMS':
+          this.upyunFormHidden = false
+          this.qiniuFormHidden = false
+          break
+        case 'UPYUN':
+          this.upyunFormHidden = true
+          this.qiniuFormHidden = false
+          break
+        case 'QNYUN':
+          this.qiniuFormHidden = true
+          this.upyunFormHidden = false
+          break
+      }
     }
   }
 }

src/views/user/Profile.vue

@@ -12,25 +12,25 @@
           </div>
           <div class="profile-center-detail">
             <p><a-icon type="mail" /> {{ user.email }} </p>
-            <p><a-icon type="calendar" /> {{ counts.establishDays }} 天</p>
+            <p><a-icon type="calendar" /> {{ counts.establishDays || 0 }} 天</p>
           </div>
           <a-divider />
           <div class="general-profile">
             <a-list itemLayout="horizontal" :loading="countsLoading">
               <a-list-item>
-                累计发表了 {{ counts.postCount }} 篇文章。
+                累计发表了 {{ counts.postCount || 0 }} 篇文章。
               </a-list-item>
               <a-list-item>
-                累计创建了 {{ counts.linkCount }} 个标签。
+                累计创建了 {{ counts.linkCount || 0 }} 个标签。
               </a-list-item>
               <a-list-item>
-                累计获得了 {{ counts.commentCount }} 条评论。
+                累计获得了 {{ counts.commentCount || 0 }} 条评论。
               </a-list-item>
               <a-list-item>
-                累计添加了 {{ counts.linkCount }} 个友链。
+                累计添加了 {{ counts.linkCount || 0 }} 个友链。
               </a-list-item>
               <a-list-item>
-                文章总访问 {{ counts.visitCount }} 次。
+                文章总访问 {{ counts.visitCount || 0 }} 次。
               </a-list-item>
               <a-list-item> </a-list-item>
             </a-list>