fix(bi/store): 旺店通店铺_修复完成

src/assets/styles/element-ui.scss

@@ -60,11 +60,14 @@
     display: flex;
     flex-direction: column;
     height: 50vh;
+    padding: 20px;
     .el-dialog__header{
+      padding-top: 10px;
       height: 40px;
     }
 
     .el-dialog__body {
+      margin-top: 20px;
       height: calc(50vh - 40px - 32px);
     }
   }

src/assets/styles/index.scss

@@ -129,7 +129,8 @@ aside {
   flex-direction: column;
   align-items: center;
   padding: 20px;
-  >div{
+
+  >div {
     width: 100%;
     padding: 20px;
   }

src/utils/index.js

@@ -233,7 +233,7 @@ export function getTime(type) {
 export function debounce(func, wait, immediate) {
   let timeout, args, context, timestamp, result
 
-  const later = function() {
+  const later = function () {
     // 据上一次触发时间间隔
     const last = +new Date() - timestamp
 
@@ -250,7 +250,7 @@ export function debounce(func, wait, immediate) {
     }
   }
 
-  return function(...args) {
+  return function (...args) {
     context = this
     timestamp = +new Date()
     const callNow = immediate && !timeout
@@ -405,14 +405,24 @@ export function isNumberStr(str) {
 
 
 // 清除对象里属性的非响应式的值
+/**
+ * 深度重置对象的属性值
+ * @param {Object} obj - 需要重置的对象
+ * @param {Array} props - 需要重置的属性数组
+ */
 export function resetObjValue(obj, props) {
   for (let prop in obj) {
     if (obj.hasOwnProperty(prop)) {
-      // 判断属性值是否为数组或对象
       if (Array.isArray(obj[prop])) {
         obj[prop] = [];
+        obj[prop].forEach((item, index) => {
+          if (typeof item === 'object' && item !== null) {
+            resetObjValue(obj[prop], Object.keys(item));
+          }
+        });
       } else if (typeof obj[prop] === 'object' && obj[prop] !== null) {
         obj[prop] = {};
+        resetObjValue(obj[prop], Object.keys(obj[prop]));
       } else {
         obj[prop] = undefined; // 基础类型重置为 undefined
       }

src/views/bi/prd_tag/index.vue

@@ -68,12 +68,11 @@
             popper-class="my_popper"></el-cascader>
         </el-form-item>
       </el-form>
-      <div slot="footer"
-        class="dialog-footer">
+      <template #footer>
         <el-button type="primary"
           @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
-      </div>
+      </template>
     </el-dialog>
   </div>
 </template>
@@ -341,10 +340,6 @@ getSeriesGoodsTagList()
           }
         }
       }
-
-      .dialog-footer {
-        align-self: flex-end;
-      }
     }
 
   }

src/views/bi/store/index.vue

 <template>
   <div class="app-container">
+    <div class="content">
       <!-- 搜索表单 -->
       <el-form :model="queryParams"
-      ref="formRef"
-      size="small"
-      :inline="true"
+        inline
         v-show="showSearch"
         label-width="68px">
         <el-form-item label="店铺名字"
@@ -44,8 +43,7 @@
         <el-col :span="1.5">
           <el-button type="primary"
             plain
-          icon="el-icon-plus"
-          size="mini"
+            icon="Plus"
             @click="handleAdd"
             v-hasPermi="['gen:store:add']">新增</el-button>
         </el-col>
@@ -94,9 +92,9 @@
           class-name="small-padding fixed-width"
           v-if="columns[5].visible">
           <template v-slot="scope">
-          <el-button size="mini"
-            type="text"
-            icon="el-icon-edit"
+            <el-button text
+              type="primary"
+              icon="Edit"
               @click="handleUpdate(scope.row)"
               v-hasPermi="['gen:store:edit']">修改</el-button>
           </template>
@@ -107,16 +105,14 @@
         v-model:page="queryParams.pageNum"
         v-model:limit="queryParams.pageSize"
         @pagination="getList" />
-
+    </div>
     <!-- 添加或修改对话框 -->
     <el-dialog :title="title"
-      v-model:visible="open"
-      append-to-body>
-      <el-form ref="form"
+      v-model="open">
+      <el-form ref="formRef"
         :model="form"
         :rules="rules"
-        label-width="80px"
-        v-a>
+        label-width="80px">
         <el-form-item label="店铺编码"
           prop="storeCode">
           <el-input v-model="form.storeCode"
@@ -130,9 +126,8 @@
         <el-form-item label="渠道"
           prop="channelId">
           <el-radio-group v-model="form.channelId">
-            <el-radio v-for="dict in dict.type.sale_channel"
-              :key="dict.value"
-              :label="dict.value">
+            <el-radio v-for="dict in sale_channel"
+              :value="dict.value">
               {{ dict.label }}
             </el-radio>
           </el-radio-group>
@@ -140,31 +135,29 @@
         <el-form-item label="所属平台"
           prop="platformId">
           <el-radio-group v-model="form.platformId">
-            <el-radio v-for="dict in dict.type.sale_platform"
-              :key="dict.value"
-              :label="dict.value">
+            <el-radio v-for="dict in sale_platform"
+              :value="dict.value">
               {{ dict.label }}
             </el-radio>
           </el-radio-group>
         </el-form-item>
       </el-form>
-      <div slot="footer"
-        class="dialog-footer">
+      <template #footer>
         <el-button type="primary"
           @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
-      </div>
+      </template>
     </el-dialog>
   </div>
 </template>
 
 <script setup>
 import { listStore, addStore, updateStore } from "@/api";
-import { debounce } from '@/utils'
+import { debounce, resetObjValue } from '@/utils'
 
-const {proxy} = getCurrentInstance();
+const { proxy } = getCurrentInstance();
 
-const { sale_channel, sale_platform, sys_normal_disable } = proxy.useDict(['sale_channel', 'sale_platform', 'sys_normal_disable']);// 渠道，平台，状态字典
+const { sale_channel, sale_platform, sys_normal_disable } = proxy.useDict('sale_channel', 'sale_platform', 'sys_normal_disable');// 渠道，平台，状态字典
 
 const loading = ref(true) // 遮罩层
 const formRef = ref(null)
@@ -225,14 +218,10 @@ const cancel = () => {
 }
 // 表单重置
 const reset = () => {
-  form.value = {
-    storeId: null,
-    storeCode: null,
-    storeName: null,
-    channelId: '1', // 默认渠道："电商"
-    platformId: '1' // 默认平台："天猫"
-  };
-  resetForm("form");
+  resetObjValue(form)
+  form.channelId = '1'
+  form.platformId = '1'
+  formRef.value.resetFields();
 }
 /** 搜索按钮操作 */
 const handleQuery = debounce(function () {
@@ -241,14 +230,14 @@ const handleQuery = debounce(function () {
 })
 /** 新增按钮操作 */
 const handleAdd = () => {
-  form.value.storeId && reset();
+  form.storeId && reset();
   open.value = true;
   title.value = "添加-电商店铺";
 }
 /** 修改按钮操作 */
 const handleUpdate = (row) => {
   reset();
-  form.value = { ...row };
+  form = { ...row };
   open.value = true
   title.value = "修改-电商店铺"
 }
@@ -256,8 +245,8 @@ const handleUpdate = (row) => {
 const submitForm = () => {
   formRef.value.validate(valid => {
     if (valid) {
-      if (form.value.storeId != null) {
-        updateStore(form.value).then(response => {
+      if (form.storeId != null) {
+        updateStore(form).then(response => {
           proxy.$modal.msgSuccess("修改成功");
           open.value = false;
           getList();
@@ -265,9 +254,9 @@ const submitForm = () => {
         });
       } else {
         // 携带平台和渠道中文字符
-        form.value.channel = sale_channel.find(item => item.value === this.form.channelId).label
-        form.value.platform = sale_platform.find(item => item.value === this.form.platformId).label
-        addStore(form.value).then(response => {
+        form.channel = sale_channel.value.find(item => item.value === form.channelId).label
+        form.platform = sale_platform.value.find(item => item.value === form.platformId).label
+        addStore(form).then(response => {
           proxy.$modal.msgSuccess("新增成功");
           open.value = false;
           getList();
@@ -299,9 +288,15 @@ getList()
 </script>
 <style scoped
   lang="scss">
+  .content {
+    background-color: var(--el-bg-color-overlay);
+    width: 100%;
+
     .el-radio-group {
       .el-radio {
         margin-bottom: 10px;
       }
     }
+  }
+
 </style>
\ No newline at end of file