添加Grid数据源请求方式method()

添加Grid数据源请求附加URL参数
添加Grid附加数据源字段方法appendFields()
添加Grid前端Route组件

Author: SmallRuralDog

public/app.js

@@ -1,5 +1,5 @@
 {
-    "/app.js": "/app.js?id=3cbd88f2597a0c461aa4",
+    "/app.js": "/app.js?id=52747b333ef4846d11ef",
     "/manifest.js": "/manifest.js?id=8991394a854ee5cdffc3",
     "/vendor.js": "/vendor.js?id=df0be4950fcb717193ba"
 }

public/mix-manifest.json

@@ -82,6 +82,7 @@ Vue.component("Link", require("./components/widgets/Grid/Link").default);
 Vue.component("IImage", require("./components/widgets/Grid/Image").default);
 Vue.component("Icon", require("./components/widgets/Grid/Icon").default);
 Vue.component("Boole", require("./components/widgets/Grid/Boole").default);
+Vue.component("GridRoute", require("./components/widgets/Grid/GridRoute").default);
 
 //Actions
 Vue.component(

resources/js/components.js

@@ -211,7 +211,7 @@
           </el-table-column>
         </el-table>
       </div>
-      <div class="table-page padding-xs" v-if='!attrs.hidePage'>
+      <div class="table-page padding-xs" v-if="!attrs.hidePage">
         <el-pagination
           :layout="attrs.pageLayout"
           :hide-on-single-page="false"
@@ -364,7 +364,7 @@ export default {
     getData() {
       this.loading = true;
       this.$http
-        .get(this.attrs.dataUrl, {
+        [this.attrs.method](this.attrs.dataUrl, {
           params: {
             get_data: true,
             page: this.page,
@@ -373,6 +373,7 @@ export default {
             ...this.q_search,
             ...this.filterFormData,
             ...this.tabsSelectdata,
+            ...this.$route.query,
           },
         })
         .then(({ data }) => {

resources/js/components/grid/Table.vue

@@ -0,0 +1,32 @@
+<template>
+  <el-link
+    :style="attrs.style"
+    :class="attrs.className"
+    @click="goRoute"
+    :underline="false"
+    :icon="attrs.icon"
+    :type="attrs.type"
+    v-html="value"
+  ></el-link>
+</template>
+<script>
+import { GridColumnComponent } from "@/mixins.js";
+export default {
+  mixins: [GridColumnComponent],
+  methods: {
+    goRoute() {
+      this.$router.push(this.uri);
+    },
+  },
+  computed: {
+    uri() {
+      //替换变量
+      let uri = this.attrs.uri;
+      this._.forEach(this.row, (value, key) => {
+        uri = this._.replace(uri, "{" + key + "}", value);
+      });
+      return uri;
+    },
+  },
+};
+</script>

resources/js/components/widgets/Grid/GridRoute.vue

@@ -2,7 +2,7 @@ const GridColumnComponent = {
     props: {
         attrs: Object,
         row: Object,
-        column_value: {
+        columnValue: {
             default: null
         },
         value: {

resources/js/mixins.js

@@ -0,0 +1,55 @@
+<?php
+
+
+namespace SmallRuralDog\Admin\Components\Grid;
+
+
+use SmallRuralDog\Admin\Components\GridComponent;
+
+class Route extends GridComponent
+{
+    protected $componentName = "GridRoute";
+
+    protected $uri;
+
+    protected $type;
+    protected $icon;
+
+    public function __construct($uri)
+    {
+        $this->uri = $uri;
+    }
+
+
+    public static function make($url = "")
+    {
+        return new Route($url);
+    }
+
+    /**
+     * 类型
+     * primary / success / warning / danger / info
+     * @param mixed $type
+     * @return $this
+     */
+    public function type($type)
+    {
+        $this->type = $type;
+        return $this;
+    }
+
+    /**
+     * 图标类名
+     * @param mixed $icon
+     * @return $this
+     */
+    public function icon($icon)
+    {
+        $this->icon = $icon;
+        return $this;
+    }
+
+
+
+
+}

src/Components/Grid/Route.php

@@ -72,6 +72,18 @@ class Grid extends Component
     private $top;
     private $bottom;
 
+    /**
+     * 请求方式
+     * @var string
+     */
+    private $method = "get";
+
+    /**
+     * 附加字段
+     * @var array
+     */
+    private $appendFields = [];
+
 
     /**
      * @var Form
@@ -127,6 +139,39 @@ public function dataUrl(string $dataUrl)
         return $this;
     }
 
+    /**
+     * @param string $method
+     * @return $this
+     */
+    public function method(string $method)
+    {
+        $this->method = $method;
+        return $this;
+    }
+
+    /**
+     * @return array
+     */
+    public function getAppendFields(): array
+    {
+        return $this->appendFields;
+    }
+
+    /**
+     * 数据返回附加字段
+     * @param array $appendFields
+     * @return $this
+     */
+    public function appendFields(array $appendFields)
+    {
+        $this->appendFields = $appendFields;
+        return $this;
+    }
+
+
+
+
+
     /**
      * @return bool
      */
@@ -376,6 +421,7 @@ public function jsonSerialize()
             $viewData['columnAttributes'] = $this->columnAttributes;
             $viewData['attributes'] = (array)$this->attributes;
             $viewData['dataUrl'] = $this->dataUrl;
+            $viewData['method'] = $this->method;
             $viewData['hidePage'] = $this->isHidePage();
             $viewData['pageSizes'] = $this->pageSizes;
             $viewData['perPage'] = $this->perPage;

src/Grid.php

@@ -132,7 +132,6 @@ public function isUsePaginate(): bool
     }
 
 
-
     public function getModel()
     {
         return $this->model;
@@ -404,6 +403,10 @@ public function displayData($data)
 
         foreach ($data as $key => $row) {
             $item = [];
+
+            foreach ($this->grid->getAppendFields() as $field) {
+                data_set($item, $field, data_get($row, $field));
+            }
             foreach ($columns as $column) {
 
                 if (Str::contains($column->getName(), '.')) {