From d9518b908a29cb832a0b26bb1d010c996ee3c6fa Mon Sep 17 00:00:00 2001
From: ruibaby <i@ryanc.cc>
Date: Thu, 11 Apr 2019 23:08:12 +0800
Subject: [PATCH] Link form type switch.

---
 src/api/link.js                      |  8 +++++++
 src/views/page/internal/LinkList.vue | 36 +++++++++++++++++++---------
 2 files changed, 33 insertions(+), 11 deletions(-)

diff --git a/src/api/link.js b/src/api/link.js
index 737749849..3c077ce18 100644
--- a/src/api/link.js
+++ b/src/api/link.js
@@ -19,6 +19,14 @@ linkApi.create = (link) => {
   })
 }
 
+linkApi.update = (linkId, link) => {
+  return service({
+    url: `${baseUrl}/${linkId}`,
+    data: link,
+    method: 'put'
+  })
+}
+
 linkApi.delete = linkId => {
   return service({
     url: `${baseUrl}/${linkId}`,
diff --git a/src/views/page/internal/LinkList.vue b/src/views/page/internal/LinkList.vue
index 56bd1bb9b..ee4729f46 100644
--- a/src/views/page/internal/LinkList.vue
+++ b/src/views/page/internal/LinkList.vue
@@ -2,29 +2,33 @@
   <div class="page-header-index-wide">
     <a-row :gutter="12">
       <a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24" :style="{ 'padding-bottom': '12px' }">
-        <a-card title="添加友情链接">
+        <a-card :title="title">
           <a-form layout="horizontal">
             <a-form-item label="网站名称：">
-              <a-input v-model="linkToCreate.name"/>
+              <a-input v-model="link.name"/>
             </a-form-item>
             <a-form-item label="网站地址：" help="* 需要加上 http://">
-              <a-input v-model="linkToCreate.url"/>
+              <a-input v-model="link.url"/>
             </a-form-item>
             <a-form-item label="Logo：">
-              <a-input v-model="linkToCreate.logo"/>
+              <a-input v-model="link.logo"/>
             </a-form-item>
             <a-form-item label="分组：" help="* 非必填">
-              <a-input v-model="linkToCreate.team"/>
+              <a-input v-model="link.team"/>
             </a-form-item>
             <a-form-item label="描述：">
               <a-input
                 type="textarea"
                 :autosize="{ minRows: 5 }"
-                v-model="linkToCreate.description"
+                v-model="link.description"
               />
             </a-form-item>
             <a-form-item>
-              <a-button type="primary" @click="createLink">保存</a-button>
+              <a-button type="primary" @click="createLink" v-if="formType==='create'">保存</a-button>
+              <a-button-group v-else>
+                <a-button type="primary" @click="updateLink">更新</a-button>
+                <a-button type="dashed" @click="addLink" v-if="formType==='update'">返回添加</a-button>
+              </a-button-group>
             </a-form-item>
           </a-form>
         </a-card>
@@ -89,11 +93,13 @@ export default {
   },
   data() {
     return {
+      title: '添加友情链接',
+      formType: 'create',
       data: [],
       loading: true,
       columns,
       links: [],
-      linkToCreate: {}
+      link: {}
     }
   },
   created() {
@@ -107,14 +113,22 @@ export default {
       })
     },
     createLink() {
-      linkApi.create(this.linkToCreate).then(response => {
+      linkApi.create(this.link).then(response => {
         this.loadLinks()
-        this.linkToCreate = {}
+        this.link = {}
       })
     },
-    editLink(id) {
+    updateLink() {
       this.$message.success('编辑' + id)
     },
+    addLink() {
+      this.title = '添加友情链接'
+      this.formType = 'create'
+    },
+    editLink(id) {
+      this.title = '编辑友情链接'
+      this.formType = 'update'
+    },
     deleteLink(id) {
       linkApi.delete(id).then(response => {
         this.$message.success('删除成功！')