wzp/Commerce-System-Frontend
1
0
Fork 0
generated from wzp/v3-admin-vite
Code Issues Pull Requests Packages Projects Releases Wiki Activity

321

Browse Source
This commit is contained in:
xinsin 2023-06-20 22:06:49 +08:00
parent 802f185220
commit 78f18847ef
5 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.production
View File

@ -4,10 +4,10 @@ NODE_ENV = production
# 下面是自定义的环境变量，可以修改（命名必须以 VITE_ 开头）
## 后端接口公共路径（如果解决跨域问题采用 CORS 就需要写全路径）
VITE_BASE_API = 'http://wzpmc.cn:8002'
VITE_BASE_API = 'http://8.134.138.255:8001'
## 路由模式 hash 或 html5
VITE_ROUTER_HISTORY = 'hash'
## 打包路径（就是网站前缀，例如部署到 https://un-pany.github.io/v3-admin-vite/ 域名下，就需要填写 /v3-admin-vite/）
VITE_PUBLIC_PATH = '/v3-admin-vite/'
VITE_PUBLIC_PATH = '/'

2
index.html
View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/app-loading.css" />
<title>V3 Admin Vite</title>
<title>运伦电商管理系统</title>
</head>
<body>
<div id="app">

3
package.json
View File

@ -1,5 +1,5 @@
{
"name": "v3-admin-vite",
"name": "commerce_system",
"version": "3.3.4",
"description": "一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element Plus、Pinia 和 Vite 等主流技术.",
"author": {
@ -64,6 +64,7 @@
"jsdom": "^21.1.1",
"lint-staged": "^13.2.0",
"prettier": "^2.8.4",
"rollup-plugin-visualizer": "^5.9.0",
"sass": "^1.59.3",
"terser": "^5.16.6",
"typescript": "^4.9.5",

43
src/views/order/manager/index.vue
View File

@ -17,37 +17,38 @@
</div>
<div class="orderManagerTableDiv">
<el-table :data="tableShowData" style="width: 100%" table-layout="auto">
<el-table-column fixed prop="id" label="ID" width="50px" />
<!-- 序号+订单时间+店铺名+旺旺+单号+金额+负责人 -->
<el-table-column fixed prop="id" label="ID" width="60px" />
<el-table-column prop="orderTime" label="订单创建时间" width="170px" />
<el-table-column prop="storeName" label="店铺" width="200px" />
<el-table-column prop="wangNo" label="旺旺号" width="200px" />
<el-table-column prop="orderNo" label="订单号" width="200px" />
<el-table-column prop="orderTime" label="订单创建时间" width="300px" />
<el-table-column prop="orderStatus" label="订单状态" width="150px">
<el-table-column prop="payAmt" label="付款金额" width="80px" />
<el-table-column prop="rpName" label="负责人名称" width="100px" />
<el-table-column prop="orderStatus" label="订单状态">
<template #default="scope">
<el-tag v-if="scope.row.orderStatus" :type="getColorId(scope.row)">{{ scope.row.orderStatus }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="wangNo" label="旺旺号" width="300px" />
<el-table-column prop="wechatNo" label="微信号" width="300px" />
<el-table-column prop="alipayNo" label="支付宝账号" width="300px" />
<el-table-column prop="payAmt" label="付款金额" width="100px" />
<el-table-column prop="storeName" label="店铺" width="200px" />
<el-table-column prop="commission" label="佣金" width="100px" />
<el-table-column prop="alipayName" label="支付宝用户名" width="300px" />
<el-table-column prop="rpName" label="负责人名称" width="300px" />
<el-table-column prop="rpWechatName" label="负责人微信名称" width="300px" />
<el-table-column prop="remark" label="备注" width="600px" />
<el-table-column prop="phoneNumber" label="收件人手机号" width="300px" />
<el-table-column prop="wechatNo" label="微信号" />
<el-table-column prop="alipayNo" label="支付宝账号" />
<el-table-column prop="commission" label="佣金" />
<el-table-column prop="alipayName" label="支付宝用户名" />
<el-table-column prop="rpWechatName" label="负责人微信名称" />
<el-table-column prop="remark" label="备注" />
<el-table-column prop="phoneNumber" label="收件人手机号" />
<el-table-column prop="cardNo" label="银行卡号" width="600px" />
<el-table-column prop="flag" label="插旗" width="50px">
<el-table-column prop="flag" label="插旗">
<template #default="scope">
<el-icon v-if="scope.row.flag"><Flag :style="{ color: getColor(scope.row) }" /></el-icon>
</template>
</el-table-column>
<el-table-column prop="flagRemark" label="插旗备注" width="600px" />
<el-table-column prop="payTime" label="支付时间" width="300px" />
<el-table-column prop="address" label="地址" width="1000px" />
<el-table-column prop="shopId" label="商品ID" width="200px" />
<el-table-column prop="sku" label="SKU" width="300px" />
<el-table-column fixed="right" label="操作" width="210px">
<el-table-column prop="flagRemark" label="插旗备注" />
<el-table-column prop="payTime" label="支付时间" />
<el-table-column prop="address" label="地址" />
<el-table-column prop="shopId" label="商品ID" />
<el-table-column prop="sku" label="SKU" />
<el-table-column fixed="right" label="操作">
<template #default="scope">
<el-button
link

4
vite.config.ts
View File

@ -8,6 +8,7 @@ import { createSvgIconsPlugin } from "vite-plugin-svg-icons"
import svgLoader from "vite-svg-loader"
import UnoCSS from "unocss/vite"
import DefineOptions from "unplugin-vue-define-options/vite"
import visualizer from "rollup-plugin-visualizer";
/** 配置项文档：https://cn.vitejs.dev/config */
export default (configEnv: ConfigEnv): UserConfigExport => {
const viteEnv = loadEnv(configEnv.mode, process.cwd()) as ImportMetaEnv
@ -46,6 +47,9 @@ export default (configEnv: ConfigEnv): UserConfigExport => {
}
},
build: {
rollupOptions: {
plugins: [visualizer()]
},
/** 消除打包大小超过 500kb 警告 */
chunkSizeWarningLimit: 2000,
/** Vite 2.6.x 以上需要配置 minify: "terser", terserOptions 才能生效 */