完成字典配置

.env.development

 # 开发环境
-VITE_APP_TITLE = "集成平台测试"
+VITE_APP_TITLE = "永信达商城系统"
 VITE_APP_PORT = 3003
 
 # 请求接口

.env.production

 #生产环境
-VITE_APP_TITLE = "集成平台"
+VITE_APP_TITLE = "永信达商城系统"
 VITE_APP_PORT = 3002
 
 # 请求接口

README.md

 # starbos-ui
 
 #### 介绍
-集成平台前端框架，基于vite +vue3.0+typescript+element-plus开发
+永信达商城前端框架，基于vite +vue3.0+typescript+element-plus开发
 
 ## 项目安装
 ```

src/lang/zh-cn.ts

@@ -5,7 +5,7 @@ export default {
     },
     // 登录页面国际化
     login: {
-        title: '集成管理系统',
+        title: '永信达商城系统',
         username: '账号',
         password: '密码'
 

src/layout/menu/MenuLogo.vue

 <template>
     <div class="logo">
         <img src="@/assets/logo.png" alt="logo" />
-        <span class="title">集成平台</span>
+        <span class="title">永信达商城</span>
     </div>
 </template>
 <script setup lang="ts">

src/services/api/market/auxiliary.ts

+import { request } from '../config'
+
+// 字典管理
+export function getDictList(params?: any) {
+    return request({
+        url: '/sys/dict/list',
+        method: 'get',
+        params
+    })
+}
+
+export function addDict(data: any) {
+    return request({
+        url: '/sys/dict/add',
+        method: 'post',
+        data
+    })
+}
+
+export function editDict(data: any) {
+    return request({
+        url: '/sys/dict/edit',
+        method: 'put',
+        data
+    })
+}
+
+export function deleteDict(id: number) {
+    return request({
+        url: '/sys/dict/delete',
+        method: 'delete',
+        params: { id }
+    })
+}
+
+// 字典配置管理
+export function getDictItemList(params: any) {
+    return request({
+        url: '/sys/dictItem/list',
+        method: 'get',
+        params
+    })
+}
+
+export function addDictItem(data: any) {
+    return request({
+        url: '/sys/dictItem/add',
+        method: 'post',
+        data
+    })
+}
+
+export function editDictItem(data: any) {
+    return request({
+        url: '/sys/dictItem/edit',
+        method: 'put',
+        data
+    })
+}
+
+export function deleteDictItem(id: number) {
+    return request({
+        url: '/sys/dictItem/delete',
+        method: 'delete',
+        params: { id }
+    })
+}

src/views/commodityManage/list.vue

@@ -51,7 +51,7 @@
 
             <el-table-column align="center" property="iconUrl" label="图片">
                 <template #default="scope">
-                    <el-image :src="scope.row.picUrl"></el-image>
+                    <el-image :src="scope.row.picUrl" style="width: 40px; height: 40px"></el-image>
                     <!-- <el-image :src="thumbnail(scope.row.picUrl)"
                         :preview-src-list="toPreview(scope.row, scope.row.picUrl)" style="width: 40px; height: 40px" /> -->
                 </template>

src/views/login/login.vue

@@ -2,7 +2,7 @@
   <div class="logincontainer">
     <el-form class="loginForm" :model="loginModel" ref="loginFormRef" :rules="rules" :inline="false">
       <el-form-item>
-        <div class="loginTitle">集成管理系统</div>
+        <div class="loginTitle">永信达商城系统</div>
       </el-form-item>
       <el-form-item prop="username">
         <el-input placeholder="请输入账户" size="large" v-model="loginModel.username">

src/views/marketManage/auxiliary.vue

 <template>
-<div class='app-container'>
-    辅助资料
-</div>
+    <div class='app-container'>
+        <div class="filter-container">
+            <el-input v-model="dictQuery.dictName" clearable class="filter-item" style="width: 200px;"
+                placeholder="请输入商品名称" />
+            <el-input v-model="dictQuery.dictCode" clearable class="filter-item" style="width: 200px;"
+                placeholder="商品编码" />
+            <el-button class="filter-item" type="primary" icon="search" @click="handleFilter">查找</el-button>
+            <el-button class="filter-item" type="default" icon="refresh" @click="handleReset">重置</el-button>
+        </div>
+        <el-button style="margin-bottom: 20px;" type="primary" icon="plus" @click="handleAdd">添加</el-button>
+        <el-table :data="dictData" border fit highlight-current-row>
+            <el-table-column align="center" label="商品名称" prop="dictName" width="400" />
+            <el-table-column align="center" label="商品编码" prop="dictCode" width="400" />
+            <el-table-column align="center" label="商品描述" prop="description" />
+            <el-table-column align="center" label="操作" width="200">
+                <template #default="scope">
+                    <el-button type="primary" size="small" link @click="handleEdit(scope.row)">编辑</el-button>
+                    <el-button type="primary" size="small" link @click="handleConfigure">商品配置</el-button>
+                    <el-button type="danger" size="small" link @click="handleDelete(scope.row.id)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!-- 添加修改 -->
+        <el-dialog v-model="dictVisible" :title="dictTitle" width="30%" :before-close="handleClose">
+            <el-form ref="dictRef" :model="dictForm" :rules="rules" label-width="80px" status-icon>
+                <el-form-item label="商品名称" prop="name">
+                    <el-input v-model="dictForm.dictName" />
+                </el-form-item>
+                <el-form-item label="商品编码">
+                    <el-input v-model="dictForm.dictCode" />
+                </el-form-item>
+                <el-form-item label="商品描述">
+                    <el-input type="textarea" :rows="4" v-model="dictForm.description" />
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="handleClose">取消</el-button>
+                    <el-button type="primary" @click="onConfirm">
+                        确认
+                    </el-button>
+                </span>
+            </template>
+        </el-dialog>
+    </div>
 </template>
 
 <script setup lang='ts'>
 import { ref } from 'vue'
+import { getDictList, deleteDict, addDict, editDict } from '@/services/api/market/auxiliary'
+import { ElMessage, ElMessageBox, ElNotification } from 'element-plus';
+
+let dictQuery = ref({
+    dictName: '',
+    dictCode: ''
+})
+let dictData = ref()
+let dictTitle = ref('添加')
+let dictVisible = ref(false)
+let dictForm = ref({
+    id: '' as any,
+    dictName: '',
+    dictCode: '',
+    description: ''
+})
+let rules = ref()
+let dictRef = ref()
+
+let handleFilter = () => {
+
+}
+
+let handleReset = () => {
+
+}
+
+let handleAdd = () => {
+    dictTitle.value = '添加'
+    dictForm.value.id = ''
+    dictVisible.value = true
+}
+
+let handleEdit = (row: any) => {
+    dictForm.value = row
+    dictVisible.value = true
+    dictTitle.value = '编辑'
+}
+
+let handleConfigure = () => {
+
+}
+
+let onConfirm = () => {
+    if (dictForm.value.id) {
+        editDict(dictForm.value).then((res: any) => {
+            if (res.code === 200) {
+                handleClose()
+                init(dictQuery.value)
+            }
+        })
+    } else {
+        addDict(dictForm.value).then((res: any) => {
+            if (res.code === 200) {
+                handleClose()
+                init(dictQuery.value)
+            }
+        })
+    }
+    dictVisible.value = false
+}
+let handleClose = () => {
+    dictForm.value = {
+        id: '' as any,
+        dictName: '',
+        dictCode: '',
+        description: ''
+    }
+    dictVisible.value = false
+}
+
+let handleDelete = (id: number) => {
+    ElMessageBox.confirm(
+        '确认删除?', '提示',
+        {
+            confirmButtonText: '确认',
+            cancelButtonText: '取消',
+            type: 'warning',
+        }).then(() => {
+            deleteDict(id).then((res: any) => {
+                if (res.code === 200) {
+                    ElMessage({ type: 'success', message: res.msg })
+                    init(dictQuery.value)
+                } else {
+                    ElMessage({ type: 'error', message: res.msg })
+                }
+
+            })
+
+        })
+}
+
+let init = (params?: any) => {
+    getDictList(params).then((res: any) => {
+        dictData.value = res.data.records
+        console.log(res, '字典数据');
+    })
+}
+init()
 </script>
  
 <style lang = "scss" scoped>
-    
 </style>
\ No newline at end of file

src/views/marketManage/category.vue

@@ -109,7 +109,7 @@ import {
     createCategory,
     updateCategory,
     deleteCategory,
-} from "@/services/api/user/category";
+} from "@/services/api/market/category";
 import { uploadPath } from "@/services/api/storage";
 // import { thumbnail, toPreview } from "@/utils/index";
 console.log(uploadPath);

src/views/marketManage/order.vue

@@ -95,13 +95,13 @@
 
             <el-table-column align="center" label="物流渠道" prop="shipChannel" />
 
-            <el-table-column align="center" label="操作" width="250" class-name="oper">
+            <el-table-column align="center" label="操作" width="100" class-name="oper">
                 <template #default="scope">
                     <el-button type="primary" size="small" @click="handleDetail(scope.row)">详情</el-button>
                     <el-button type="danger" size="small" @click="handleDelete(scope.row)">删除</el-button>
-                    <el-button type="warning" size="small" @click="handlePay(scope.row)">收款</el-button>
+                    <!-- <el-button type="warning" size="small" @click="handlePay(scope.row)">收款</el-button>
                     <el-button type="primary" size="small" @click="handleShip(scope.row)">发货</el-button>
-                    <el-button type="danger" size="small" @click="handleRefund(scope.row)">退款</el-button>
+                    <el-button type="danger" size="small" @click="handleRefund(scope.row)">退款</el-button> -->
                 </template>
             </el-table-column>
         </el-table>
@@ -251,7 +251,7 @@
 import { ref, reactive, computed, nextTick } from 'vue'
 import moment from 'moment'
 import { ElMessage, ElMessageBox, ElNotification } from 'element-plus';
-import { detailOrder, listOrder, listChannel, refundOrder, payOrder, deleteOrder, shipOrder } from '@/services/api/user/order'
+import { detailOrder, listOrder, listChannel, refundOrder, payOrder, deleteOrder, shipOrder } from '@/services/api/market/order'
 
 let statusMap = {
     101: '未付款',
@@ -383,7 +383,7 @@ let getList = () => {
 getList()
 
 let getChannel = () => {
-    listChannel().then(res => {
+    listChannel().then((res: any) => {
         channels.value = res.data
     })
 }
@@ -400,7 +400,7 @@ let handleFilter = () => {
 }
 
 let handleDetail = (row: any) => {
-    detailOrder(row.id).then(res => {
+    detailOrder(row.id).then((res: any) => {
         orderDetail.value = res.data
         console.log(orderDetail.value.order);
     })
@@ -433,14 +433,14 @@ let confirmPay = () => {
     }
 }
 let confirmPay2 = () => {
-    payOrder(payForm).then(res => {
+    payOrder(payForm).then((res: any) => {
         ElNotification({
             type: 'success',
             title: '成功',
             message: '订单收款操作成功'
         })
         getList()
-    }).catch(res => {
+    }).catch((res: any) => {
         ElNotification({
             type: 'error',
             title: '失败',
@@ -463,7 +463,7 @@ let handleShip = (row: any) => {
 let confirmShip = () => {
     shipFormRef.value?.validate((valid: any) => {
         if (valid) {
-            shipOrder(shipForm).then(res => {
+            shipOrder(shipForm).then((res: any) => {
                 shipDialogVisible.value = false
                 ElNotification({
                     type: 'success',
@@ -471,7 +471,7 @@ let confirmShip = () => {
                     message: '确认发货成功'
                 })
                 getList()
-            }).catch(res => {
+            }).catch((res: any) => {
                 ElNotification({
                     type: 'error',
                     title: '失败',
@@ -482,14 +482,14 @@ let confirmShip = () => {
     })
 }
 let handleDelete = (row: any) => {
-    deleteOrder({ orderId: row.id }).then(res => {
+    deleteOrder({ orderId: row.id }).then((res: any) => {
         ElNotification({
             type: 'success',
             title: '成功',
             message: '订单删除成功'
         })
         getList()
-    }).catch(res => {
+    }).catch((res: any) => {
         ElNotification({
             type: 'error',
             title: '失败',
@@ -509,7 +509,7 @@ let handleRefund = (row: any) => {
 let confirmRefund = () => {
     refundFormRef.value?.validate((valid: any) => {
         if (valid) {
-            refundOrder(refundForm).then(res => {
+            refundOrder(refundForm).then((res: any) => {
                 refundDialogVisible.value = false
                 ElNotification({
                     type: 'success',
@@ -517,7 +517,7 @@ let confirmRefund = () => {
                     message: '确认退款成功'
                 })
                 getList()
-            }).catch(res => {
+            }).catch((res: any) => {
                 ElNotification({
                     type: 'error',
                     title: '失败',