From bc3cc334c0dede7fdfbd24c1a3d9f5193c779f30 Mon Sep 17 00:00:00 2001
From: pushuo <229102104@qq.com>
Date: Fri, 1 Jul 2022 14:24:19 +0800
Subject: [PATCH] wip

---
 .../admin/views/pages/plugins/index.blade.php | 65 ++++++++++---------
 1 file changed, 34 insertions(+), 31 deletions(-)

diff --git a/resources/beike/admin/views/pages/plugins/index.blade.php b/resources/beike/admin/views/pages/plugins/index.blade.php
index d335b4f1..a92eb10a 100644
--- a/resources/beike/admin/views/pages/plugins/index.blade.php
+++ b/resources/beike/admin/views/pages/plugins/index.blade.php
@@ -13,33 +13,32 @@
             <tr>
               <th>#</th>
               <th>插件类型</th>
-              <th width="55%">插件描述</th>
+              <th width="50%">插件描述</th>
               <th>状态</th>
               <th>操作</th>
             </tr>
           </thead>
           <tbody>
             <tr v-for="plugin, index in plugins" :key="index" v-if="plugins.length">
-              <td>@{{ plugin->code }}</td>
-              <td>@{{ plugin->type }}</td>
+              <td>@{{ plugin.code }}</td>
+              <td>@{{ plugin.type }}</td>
               <td>
                 <div class="plugin-describe d-flex align-items-center">
-                  <div class="me-2" style="width: 50px;"><img src="@{{ plugin->icon }}" class="img-fluid"></div>
+                  <div class="me-2" style="width: 50px;"><img :src="plugin.icon" class="img-fluid"></div>
                   <div>
-                    <h6>@{{ plugin->name }}</h6>
-                    <div class="" v-html="plugin->description"></div>
+                    <h6>@{{ plugin.name }}</h6>
+                    <div class="" v-html="plugin.description"></div>
                   </div>
                 </div>
               </td>
               <td>
-{{--                 <div class="form-check form-switch">
-                  <input class="form-check-input" type="checkbox" role="switch" id="switch-1"
-                    @{{ plugin->getEnabled() ? 'checked' : '' }} data-code="@{{ plugin->code }}">
-                  <label class="form-check-label" for="switch-1"></label>
-                </div> --}}
+                <el-switch v-model="plugin.status" @change="(e) => {pluginStatusChange(e, plugin.code)}"></el-switch>
               </td>
               <td>
-                <a class="btn btn-outline-secondary btn-sm" href="">编辑</a>
+                <a class="btn btn-outline-secondary btn-sm" :href="plugin.edit_url">编辑</a>
+                <a class="btn btn-outline-success btn-sm" @click="installedPlugin(plugin.code, 'install')">安装</a>
+                <a class="btn btn-outline-danger btn-sm" @click="installedPlugin(plugin.code, 'uninstall')">卸载</a>
+                {{-- <el-button type="success" plain size="mini" @click="">安装</el-button> --}}
               </td>
             </tr>
           </tbody>
@@ -63,27 +62,31 @@
       },
 
       methods: {
+        pluginStatusChange(e, code) {
+          const self = this;
 
+          $.ajax({
+            url: `/admin/plugins/${code}/status`,
+            type: 'PUT',
+            data: {status: e * 1},
+            success: function(res) {
+              layer.msg(res.message)
+            },
+          })
+        },
+
+        installedPlugin(code, type) {
+          const self = this;
+
+          $.ajax({
+            url: `/admin/plugins/${code}/${type}`,
+            type: 'post',
+            success: function(res) {
+              layer.msg(res.message)
+            },
+          })
+        }
       }
     })
   </script>
-
-{{--   <script>
-    $('.form-switch input[type="checkbox"]').change(function(event) {
-      const $input = $(this);
-      const checked = $(this).prop('checked') ? 1 : 0;
-      const code = $(this).data('code')
-      $.ajax({
-        url: `/admin/plugins/${code}/status`,
-        type: 'PUT',
-        data: {status: checked},
-        success: function(res) {
-          layer.msg(res.message)
-        },
-        error: function() {
-          $input.prop("checked", false);
-        }
-      })
-    });
-  </script> --}}
 @endpush