From 21cd070e92ef5432e7e54788586d26083488f713 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E4=B8=96=E7=95=8C?= <642747453@qq.com>
Date: Mon, 24 Oct 2022 00:23:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20#10000=20=E5=BA=97=E9=93=BA=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=E6=88=90=E6=9C=AC=E5=80=8D=E7=8E=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Http/Controllers/Shop/ShopsController.php | 11 +++++
 .../2022_08_02_022448_create_shops_table.php  |  1 +
 resources/frontend/src/api/shop.js            | 44 ++++++++++-------
 resources/frontend/src/views/store/store.vue  | 49 ++++++++++++++++---
 4 files changed, 80 insertions(+), 25 deletions(-)

diff --git a/app/Http/Controllers/Shop/ShopsController.php b/app/Http/Controllers/Shop/ShopsController.php
index ade2a69..34678f6 100644
--- a/app/Http/Controllers/Shop/ShopsController.php
+++ b/app/Http/Controllers/Shop/ShopsController.php
@@ -40,6 +40,7 @@ class ShopsController extends Controller
         $validator = Validator::make($request->all(), [
             'name' => 'required|string|max:191|unique:shops,name',
             'plat_id' => 'required|integer',
+            'ratio' => 'required|numeric',
         ]);
         if ($validator->fails()) {
             $this->setValidatorFailResponse($validator->getMessageBag()->getMessages());
@@ -49,6 +50,7 @@ class ShopsController extends Controller
         $shop = new Shop();
         $shop->name = $request->name;
         $shop->plat_id = $request->plat_id;
+        $shop->ratio = $request->ratio;
         if (0 == $request->plat_id) {
             $shop->status = 2;
         }
@@ -57,6 +59,15 @@ class ShopsController extends Controller
         return response($this->res, $this->res['httpCode']);
     }
 
+    public function update(Request $request, $id)
+    {
+        $shop = Shop::query()->find($id);
+        $shop->ratio = $request->ratio;
+        $shop->save();
+
+        return response($this->res, $this->res['httpCode']);
+    }
+
     public function authBind(Request $request)
     {
         [$shopId, $platId] = explode('_', $request->get('state'));
diff --git a/database/migrations/2022_08_02_022448_create_shops_table.php b/database/migrations/2022_08_02_022448_create_shops_table.php
index e56de65..419e45c 100644
--- a/database/migrations/2022_08_02_022448_create_shops_table.php
+++ b/database/migrations/2022_08_02_022448_create_shops_table.php
@@ -29,6 +29,7 @@ class CreateShopsTable extends Migration
             $table->text('scope')->nullable()->comment('接口列表');
             $table->text('pop_auth_token_create_response')->nullable()->comment('授权认证信息');
             $table->unsignedTinyInteger('status')->index()->default(0)->comment('状态');
+            $table->decimal('ratio')->default(1)->comment('成本倍率');
             $table->softDeletes();
             $table->timestamps();
             //索引
diff --git a/resources/frontend/src/api/shop.js b/resources/frontend/src/api/shop.js
index c26c067..1712ef7 100644
--- a/resources/frontend/src/api/shop.js
+++ b/resources/frontend/src/api/shop.js
@@ -4,32 +4,40 @@ import http from "@/util/http.js";
 
 // 店铺平台
 export function shopListId() {
-  return http({
-    url: "/api/shop_platforms",
-    method: "get",
-  });
+    return http({
+        url: "/api/shop_platforms",
+        method: "get",
+    });
 }
 // 店铺新增
 export function shopAdd(data) {
-  return http({
-    url: "/api/shops",
-    method: "post",
-    data,
-  });
+    return http({
+        url: "/api/shops",
+        method: "post",
+        data,
+    });
 }
 // 店铺列表
 export function storeList(params) {
-  return http({
-    url: "/api/shops",
-    method: "get",
-    params,
-  });
+    return http({
+        url: "/api/shops",
+        method: "get",
+        params,
+    });
 }
 
 // 下载商品
 export function downloadGoods(id) {
-  return http({
-    url: `/api/download/${id}/goods`,
-    method: "get",
-  });
+    return http({
+        url: `/api/download/${id}/goods`,
+        method: "get",
+    });
+}
+
+export function updateStore(id, params) {
+    return http({
+        url: `/api/shops/${id}`,
+        method: "patch",
+        params,
+    });
 }
diff --git a/resources/frontend/src/views/store/store.vue b/resources/frontend/src/views/store/store.vue
index 19451e2..77c92a1 100644
--- a/resources/frontend/src/views/store/store.vue
+++ b/resources/frontend/src/views/store/store.vue
@@ -5,10 +5,16 @@
 
         <div class="table" style="margin-top: 10px">
             <el-table v-loading="loading" :data="tableData" style="width: 100%">
-                <el-table-column prop="id" label="ID" width="180"> </el-table-column>
-                <el-table-column prop="name" label="店铺名称" width="180">
+                <el-table-column prop="id" label="ID"> </el-table-column>
+                <el-table-column prop="name" label="店铺名称">
                 </el-table-column>
                 <el-table-column prop="plat_id" label="所属平台"></el-table-column>
+                <el-table-column label="成本倍率">
+                    <template slot-scope="scope">
+                        <el-input v-model="scope.row.ratio" placeholder="成本倍率" @change="handleCellChange(scope.row)">
+                        </el-input>
+                    </template>
+                </el-table-column>
                 <el-table-column label="操作">
                     <template slot-scope="scope">
                         <el-button type="danger" v-if="scope.row.status === '未授权'"><a :href="scope.row.authUrl"
@@ -47,17 +53,20 @@
         </div>
 
         <!-- 新增店铺 -->
-        <el-dialog title="新增店铺" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
-            <el-form :model="form">
+        <el-dialog title="新增店铺" :visible.sync="dialogFormVisible" :close-on-click-modal="false" width="20%">
+            <el-form ref="form" :rules="rules" :model="form" lable-width="80px">
                 <el-form-item label="店铺名称">
-                    <el-input v-model="form.name" placeholder="输入店铺名称"></el-input>
+                    <el-input v-model="form.name" placeholder="输入店铺名称" style="width: 400px;"></el-input>
                 </el-form-item>
                 <el-form-item label="店铺平台">
-                    <el-select v-model="form.plat_id" placeholder="输入店铺平台">
+                    <el-select v-model="form.plat_id" placeholder="输入店铺平台" style="width: 400px;">
                         <el-option v-for="(item, index) in storeId" :key="index" :label="item" :value="index">
                         </el-option>
                     </el-select>
                 </el-form-item>
+                <el-form-item label="成本倍率">
+                    <el-input v-model="form.ratio" placeholder="成本倍率" style="width: 400px;"></el-input>
+                </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
                 <el-button @click="dialogFormVisible = false">取 消</el-button>
@@ -68,7 +77,7 @@
 </template>
 
 <script>
-import { shopListId, shopAdd, storeList, downloadGoods } from "../../api/shop";
+import { shopListId, shopAdd, storeList, downloadGoods, updateStore } from "../../api/shop";
 export default {
     data() {
         return {
@@ -76,6 +85,18 @@ export default {
             form: {
                 name: "",
                 plat_id: "",
+                ratio: 1,
+            },
+            rules: {
+                name: [
+                    { required: true, message: '请输入店铺名称', trigger: 'blur' },
+                ],
+                plat_id: [
+                    { required: true, message: '请选择店铺平台', trigger: 'blur' },
+                ],
+                ratio: [
+                    { required: true, message: '请输入成本倍率', trigger: 'blur', },
+                ],
             },
             storeId: [], // 店铺id
             loading: true,
@@ -161,6 +182,20 @@ export default {
                 });
             });
         },
+        handleCellChange(row) {
+            this.$confirm('确认修改成本倍率吗?', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                updateStore(row.id, { ratio: row.ratio }).then((res) => {
+                    this.$message({
+                        type: 'info',
+                        message: res.data.message
+                    })
+                })
+            });
+        },
     },
 };
 </script>