fix: 更新店铺管理页面：增加删除功能，修改必填项增加激活码和手机号为必填

src/api/account/shop.ts

@@ -30,7 +30,14 @@ const ShopApi = {
       method: "get",
       params
     });
-  }
+  },
+  delete(params: any) {
+    return request({
+      url: `${baseURL}`,
+      method: "delete",
+      params,
+    });
+  },
 };
 
 export default ShopApi;

src/views/shop/list/components/addShop.vue

@@ -70,7 +70,7 @@
             <el-radio-button value="release">正式</el-radio-button>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="激活码">
+        <el-form-item label="激活码" prop="activateCode">
           <el-input v-model="state.form.activateCode" placeholder="请输入激活码"></el-input>
           <div class="tips">注：输入有效激活码表示添加的同时直接激活该店铺。</div>
         </el-form-item>
@@ -85,7 +85,7 @@
             placeholder="请输入登录密码"
           ></el-input>
         </el-form-item>
-        <el-form-item label="联系电话">
+        <el-form-item label="联系电话" prop="phone">
           <el-input v-model="state.form.phone" placeholder="请输入联系电话"></el-input>
         </el-form-item>
         <el-form-item label="设备数量">
@@ -260,10 +260,17 @@ const state = reactive({
   },
   resetForm: "",
   rules: {
+    activateCode: [
+      {
+        required: true,
+        message: "请输入激活码",
+        trigger: "blur",
+      },
+    ],
     shopName: [
       {
         required: true,
-        message: " ",
+        message: "请输入店铺名称",
         trigger: "blur",
       },
     ],
@@ -285,20 +292,27 @@ const state = reactive({
       {
         required: true,
         validator: validateLogo,
-        trigger: "change",
+        trigger: "请上传门店logo",
       },
     ],
     accountName: [
       {
         required: true,
-        message: " ",
+        message: "请输入账号",
         trigger: "change",
       },
     ],
     accountPwd: [
       {
         required: true,
-        message: " ",
+        message: "请输入账号密码",
+        trigger: "change",
+      },
+    ],
+    phone: [
+      {
+        required: true,
+        message: "请输入联系电话",
         trigger: "change",
       },
     ],

src/views/shop/list/index.vue

@@ -106,7 +106,7 @@
               <el-icon><Edit /></el-icon>
               编辑
             </el-link>
-            <el-dropdown @command="dropdownClick">
+            <el-dropdown @command="dropdownClick($event, scope.row)">
               <el-link>
                 更多
                 <el-icon><ArrowDown /></el-icon>
@@ -146,7 +146,7 @@
 <script setup>
 import dayjs from "dayjs";
 import ShopApi from "@/api/account/shop";
-import { ElNotification } from "element-plus";
+import { ElNotification, ElMessageBox } from "element-plus";
 import addShop from "./components/addShop.vue";
 import detailModal from "./components/detailModal.vue";
 
@@ -183,13 +183,28 @@ onMounted(() => {
 });
 
 const refDetailModal = ref(null);
-function dropdownClick(e) {
+function dropdownClick(e, row) {
   console.log(e);
+  console.log(row);
   if (e.command == 1) {
     refDetailModal.value.show(e.row);
     return;
   }
   if (e == 5) {
+    ElMessageBox.confirm("是否确认删除该店铺?", "提示", {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消",
+      type: "warning",
+    })
+      .then(async () => {
+        const res = await ShopApi.delete({ id: row.id });
+        ElMessage({
+          type: "success",
+          message: "删除成功",
+        });
+        getTableData();
+      })
+      .catch(() => {});
     return;
   }
 }