RRSWithSmartHome
/
wms_vue
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI 优化

hwork-master
zhangkaiios 2025-11-04 14:04:50 +08:00
parent b8fb480511
commit eec9baf4b1
250 changed files with 1923 additions and 17972 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.development
View File

@ -1,3 +1,3 @@
NODE_ENV = development
VUE_APP_API_BASE_URL = 'http://10.180.218.86:9292'
# VUE_APP_API_BASE_URL = 'http://127.0.0.1:9292'
VITE_API_BASE_URL = 'http://10.180.218.86:9292'
# VITE_API_BASE_URL = 'http://127.0.0.1:9292'

2
.env.production
View File

@ -1,2 +1,2 @@
NODE_ENV = 'production'
VUE_APP_API_BASE_URL = 'http://api.pro.pearadmin.com'
VITE_API_BASE_URL = 'http://api.pro.pearladmin.com'

15
public/index.html → index.html
View File

@ -5,10 +5,8 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>superMan.ico">
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
<link rel="icon" href="/public/superMan.ico">
<title>WMS Admin</title>
<style>.first-loading-wrp{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:420px;height:100%}.first-loading-wrp>h1{font-size:120px}.first-loading-wrp .loading-wrp{padding:98px;display:flex;justify-content:center;align-items:center}.dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:32px;width:42px;height:42px;box-sizing:border-box}.dot i{width:18px;height:18px;position:absolute;display:block;background-color:#1890ff !important;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.dot i:nth-child(1){top:0;left:0}.dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style>
</head>
<body>
@ -21,13 +19,6 @@
<div style="display: flex; justify-content: center; align-items: center;">WMS</div>
</div>
</div>
<script>
window.less = {
async: false,
env:"production"
};
</script>
<!-- src="https://cdn.bootcdn.net/ajax/libs/less.js/2.7.2/less.min.js" -->
<script type="text/javascript" href="/less.min2.7.2.js"></script>
<script type="module" src="/src/main.js"></script>
</body>
</html>

18268
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

32
package.json
View File

@ -3,12 +3,12 @@
"version": "1.0.0-RELEASE",
"private": true,
"scripts": {
"serve-dev": "vue-cli-service serve --mode development",
"serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --mode development",
"serve-pro": "vue-cli-service serve --mode production",
"build-dev": "vue-cli-service build --mode development",
"build-pro": "vue-cli-service build --mode production",
"report": "vue-cli-service build --report"
"dev": "vite --mode development",
"prod": "vite --mode production",
"build": "vite build",
"build-dev": "vite build --mode development",
"build-pro": "vite build --mode production",
"preview": "vite preview"
},
"dependencies": {
"@ant-design/icons-vue": "^6.0.1",
@ -36,19 +36,12 @@
"devDependencies": {
"@types/node": "^14.14.6",
"@types/webpack-env": "^1.15.3",
"@vue/cli-plugin-babel": "~4.5.8",
"@vue/cli-plugin-eslint": "~4.5.8",
"@vue/cli-service": "~4.5.8",
"@vue/compiler-sfc": "^3.2.19",
"babel-eslint": "^10.1.0",
"babel-plugin-import": "^1.13.3",
"compression-webpack-plugin": "^4.0.1",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0-0",
"less": "^3.13.1",
"less-loader": "^7.1.0",
"@vitejs/plugin-vue": "^4.0.0",
"eslint": "^8.0.0",
"eslint-plugin-vue": "^9.0.0",
"less": "^4.1.3",
"mockjs2": "^1.0.8",
"webpackbar": "^4.0.0"
"vite": "^4.0.0"
},
"eslintConfig": {
"root": true,
@ -60,7 +53,8 @@
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
"ecmaVersion": 2020,
"sourceType": "module"
},
"rules": {
"no-unused-vars": "off",

2
src/api/module/announce.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/module/captcha.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
// 接口
const Api = {

2
src/api/module/config.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/config/page',

2
src/api/module/dataSource.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口列表 */
const Api = {

2
src/api/module/dept.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
tree: '/api/sys/dept/tree',

2
src/api/module/dict.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/dict/page',

2
src/api/module/dictData.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
list: '/api/sys/dict/data/list',

2
src/api/module/inbox.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/module/job.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/job/page',

2
src/api/module/jobLog.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/job/log/page',

2
src/api/module/log.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/log/page',

2
src/api/module/mail.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
send: '/api/sys/mail/send'

2
src/api/module/online.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
list: '/api/sys/online/list',

2
src/api/module/oss.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/oss/page',

2
src/api/module/post.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/post/page',

2
src/api/module/power.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
tree: '/api/sys/power/tree',

2
src/api/module/redis.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
info: '/api/sys/redis/info',

2
src/api/module/role.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/module/server.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
info: '/api/sys/server/info',

2
src/api/module/sms.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
send: '/api/sys/sms/send'

2
src/api/module/tenant.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/sys/tenant/page',

2
src/api/module/user.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口 */
const Api = {

6
src/api/request.js
View File

@ -2,7 +2,7 @@ import axios from "axios";
import {
message as antdMessage
} from "@hwork/ant-design-vue";
import store from "../store";
import store from '../store/index.js';
import qs from 'qs';
import router from '@/route/index'
@ -12,7 +12,7 @@ class Request {
this.config = config || {
timeout: 8000,
withCredentials: true,
baseURL: process.env.VUE_APP_API_BASE_URL,
baseURL: import.meta.env.VITE_API_BASE_URL,
headers: {
"Content-Type": "application/json; charset=utf-8"
}
@ -81,7 +81,7 @@ class Request {
);
}
errorHandle = function(error) {
errorHandle(error) {
var response = error.response
var message = error.message
if (response) {

2
src/api/wms/channel.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/check.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/check/page',

2
src/api/wms/checkDetail.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/checkDetail/page',

2
src/api/wms/checkPlt.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/checkPlt/page',

2
src/api/wms/common/uiAppearance.js
View File

@ -1,4 +1,4 @@
import request from '../../request'
import request from '../../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/customer.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/deliverType.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/deliver/page',

2
src/api/wms/inBill.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/inBill/page',

2
src/api/wms/inBillDetail.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/InBillDetail/page',

2
src/api/wms/inventoryStatistics.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/inventoryView.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/list.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/loc.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/locExit.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/outBill.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/outBill/page',

2
src/api/wms/outBillDetail.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/outBillDetail/page',

2
src/api/wms/outbound.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/pallet.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/palletDetail.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/palletLog.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/pick.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/pick/page',

2
src/api/wms/plan.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/report.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/request.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/seqNum.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/sku.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/sku/page',

2
src/api/wms/skuCategory.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
const Api = {
page: '/api/wms/skuCategory/page',

2
src/api/wms/skuNeedStatistics.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/sn.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/snHis.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/snNoPlan.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/statistics.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/task.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/taskLog.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/track.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

2
src/api/wms/warehouse.js
View File

@ -1,4 +1,4 @@
import request from '../request'
import request from '../request.js';
/** 接口管理 */
const Api = {

11
src/assets/css/layout.less
View File

@ -422,4 +422,15 @@ html {
text-align: center;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
line-height: 30px;
}
.ant-list-layout-content {
height: 100%;
display: flex;
flex-direction: column;
}
#pro-table {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}

2
src/component/authority/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/cardBase/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/count/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/dictionary/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/dictionary/src/index.vue
View File

@ -46,7 +46,7 @@
} from "vue";
import {
list
} from "../../../api/module/dictData";
} from '../../../api/module/dictData.js';
import {
useStore
} from 'vuex';

2
src/component/footer/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/header/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/icon/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

24
src/component/index.js
View File

@ -1,16 +1,16 @@
/*头部组件*/
import Header from "./header";
import Layout from "./layout";
import Footer from "./footer";
import CardBase from "./cardBase";
import Count from "./count";
import Table from './table';
import Query from './query';
import Authority from './authority';
import iconPicker from './iconPicker';
import icon from './icon';
import Dictionary from './dictionary';
import Modal from './proModal';
import Header from './header/index.js';
import Layout from './layout/index.js';
import Footer from './footer/index.js';
import CardBase from './cardBase/index.js';
import Count from './count/index.js';
import Table from './table/index.js';
import Query from './query/index.js';
import Authority from './authority/index.js';
import iconPicker from './iconPicker/index.js';
import icon from './icon/index.js';
import Dictionary from './dictionary/index.js';
import Modal from './proModal/index.js';
const components = [
Footer,Header,Layout,CardBase,Count,Table,Query,Authority,iconPicker,icon,Dictionary,Modal

2
src/component/layout/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/proModal/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

2
src/component/proModal/src/index.less
View File

@ -1,7 +1,7 @@
.pro-table-prev {
display: inline-block;
.ant-btn {
margin: 4px;
margin-right: 12px;
margin-bottom: 8px;
}
}

4
src/component/proModal/src/index.vue
View File

@ -61,14 +61,14 @@
</a-modal>
</template>
<script>
import {
import {
message
} from "@hwork/ant-design-vue";
import {
save
} from "@/api/module/config";
import "./index.less";
import M from "@hwork/ant-design-vue/es/modal/Modal";
import { Modal as M } from "@hwork/ant-design-vue";
import {
defineComponent,
reactive,

2
src/component/query/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

12
src/component/query/src/index.less
View File

@ -1,12 +0,0 @@
.pro-query {
.pro-query-select {
width: 180px;
}
.pro-query-button {
margin-left: 3px;
margin-right: 3px;
}
.pro-query-hidden {
margin-left: 10px;
}
}

119
src/component/query/src/index.vue
View File

@ -1,63 +1,45 @@
<template>
<div class="pro-query">
<!-- 表单内容 -->
<a-form
ref="formRef"
layout="inline"
:model="formState"
:rules="formRules"
:label-col="labelCol"
:wrapper-col="wrapperCol">
<a-form-item v-show="!param.hidden || !hidden" :label="param.label" :key="index" v-for="(param, index) in searchParam">
<!-- 输入框 -->
<a-input v-model:value="formState[param.key]"
v-show="!param.hidden || !hidden"
v-if="param.type == 'input'" type="text"
:disabled=" param.disabled === undefined ? false : param.disabled">
</a-input>
<!--多行文本框-->
<a-textarea v-model:value="formState[param.key]"
v-show="!param.hidden || !hidden"
v-if="param.type == 'textarea'"
placeholder="Info" :rows="4"
:disabled=" param.disabled === undefined ? false : param.disabled"/>
<!-- 数值输入框 -->
<a-input-number v-model:value="formState[param.key]" :min="1" :max="100" v-show="!param.hidden || !hidden"
v-if="param.type == 'number'" :disabled=" param.disabled === undefined ? false : param.disabled"/>
<!-- 选择框 -->
<a-select v-if="param.type == 'select'"
v-model:value="formState[param.key]"
style="width: 160px" class="pro-query-select"
<a-search ref="formRef" @search="search" @reset="reset">
<a-search-item v-show="!param.hidden || !hidden" :label="param.label" :key="index" v-for="(param, index) in searchParam" :span="param.type == 'rangePicker' ? 2 : 1">
<!-- 输入框 -->
<a-input v-model:value="formState[param.key]"
v-show="!param.hidden || !hidden"
v-if="param.type == 'input'" type="text"
:disabled=" param.disabled === undefined ? false : param.disabled">
<a-select-option :key="index" v-for="(option,index) in param.options" :value="option.value" >{{option.text}}</a-select-option>
</a-select>
<!-- 连级选择器：change-on-select 允许只选父节点 -->
<a-cascader v-if="param.type == 'cascader'" v-model:value="formState[param.key]" :options="param.options" change-on-select placeholder="Please select" />
<!-- 日期选择 -->
<a-time-picker v-if="param.type == 'timePicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'" />
<a-date-picker v-if="param.type == 'datePicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"/>
<a-range-picker v-if="param.type == 'rangePicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"
:format="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"/>
<a-week-picker v-if="param.type == 'weekPicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"/>
<!-- 内容插槽 -->
<template v-if="param.type == 'custom'">
<slot :name="param.customRender" :data="formState"></slot>
</template>
</a-form-item>
<!-- 按钮组 -->
<a-button type="primary" class="pro-query-button" @click="search"> 查询 </a-button>
<a-button html-type="submit" class="pro-query-button" @click="reset"> 重置 </a-button>
<!-- 收起 隐藏 -->
<a class="pro-query-hidden" @click="hiddenHandle" v-show="hidden && more">展开 &nbsp;<DownOutlined/></a>
<a class="pro-query-hidden" @click="hiddenHandle" v-show="!hidden && more">收起 &nbsp;<UpOutlined/></a>
</a-form>
</div>
</a-input>
<!--多行文本框-->
<a-textarea v-model:value="formState[param.key]"
v-show="!param.hidden || !hidden"
v-if="param.type == 'textarea'"
placeholder="Info" :rows="4"
:disabled=" param.disabled === undefined ? false : param.disabled"/>
<!-- 数值输入框 -->
<a-input-number v-model:value="formState[param.key]" :min="1" :max="100" v-show="!param.hidden || !hidden"
v-if="param.type == 'number'" :disabled=" param.disabled === undefined ? false : param.disabled"/>
<!-- 选择框 -->
<a-select v-if="param.type == 'select'"
v-model:value="formState[param.key]"
:disabled=" param.disabled === undefined ? false : param.disabled">
<a-select-option :key="index" v-for="(option,index) in param.options" :value="option.value" >{{option.text}}</a-select-option>
</a-select>
<!-- 连级选择器：change-on-select 允许只选父节点 -->
<a-cascader v-if="param.type == 'cascader'" v-model:value="formState[param.key]" :options="param.options" change-on-select placeholder="Please select" />
<!-- 日期选择 -->
<a-time-picker v-if="param.type == 'timePicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'" />
<a-date-picker v-if="param.type == 'datePicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"/>
<a-range-picker v-if="param.type == 'rangePicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"
:format="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"/>
<a-week-picker v-if="param.type == 'weekPicker'" v-model:value="formState[param.key]" :valueFormat="param.format ? param.format:'YYYY-MM-DD HH:mm:ss'"/>
<!-- 内容插槽 -->
<template v-if="param.type == 'custom'">
<slot :name="param.customRender" :data="formState"></slot>
</template>
</a-search-item>
</a-search>
</template>
<script>
import "./index.less";
import { defineComponent, reactive, ref,watch } from "vue";
import { DownOutlined , UpOutlined } from "@ant-design/icons-vue"
export default defineComponent({
name: "pro-query",
props: {
@ -74,8 +56,7 @@ export default defineComponent({
}
},
components: {
DownOutlined,
UpOutlined
},
emits: [
'on-search',
@ -84,10 +65,6 @@ export default defineComponent({
setup(props, {emit}) {
const formRef = ref();
const hidden = ref(true);
const more = ref(false);
const formState = reactive({})
const formRules = reactive({})
/// 表单数据、值初始化
@ -104,23 +81,11 @@ export default defineComponent({
generateFormState(props.searchParam);
/// 是否存在隐藏表单
props.searchParam.forEach(element => {
if(element.hidden){
return more.value = true;
}
});
/// 更多操作
const hiddenHandle = function() {
hidden.value = !hidden.value;
}
/// 表单查询
const search = async function(){
try {
const values = await formRef.value.validate();
emit('on-search', {...values})
emit('on-search', {...formState})
} catch (error) {
console.log('表单验证失败:', error);
}
@ -128,7 +93,8 @@ export default defineComponent({
/// 重置表单
const reset = function(){
formRef.value.resetFields();
generateFormState(props.searchParam);
search();
emit('on-reset')
}
@ -139,14 +105,9 @@ export default defineComponent({
return {
formRef,
more: more,
hidden: hidden,
hiddenHandle: hiddenHandle,
/// EMIT
search: search,
reset: reset,
/// 状态
formState,
formRules,

2
src/component/table/index.js
View File

@ -1,4 +1,4 @@
import Component from './src'
import Component from './src/index.vue'
Component.install = function (Vue) {
Vue.component(Component.name, Component)

45
src/component/table/src/index.less
View File

@ -1,45 +0,0 @@
.pro-table-prev {
display: inline-block;
.ant-btn {
margin: 4px;
margin-bottom: 8px;
}
}
.pro-table-next {
float: right;
.ant-btn {
margin: 4px;
margin-bottom: 8px;
}
}
.filtration {
width: 130px;
.ant-checkbox-wrapper {
margin-left: 14px;
margin-top: 4px;
}
}
/*//点击行的样式*/
.clickRowStyl {
background-color: #a5a5e0 !important;
}
/*//偶数行的样式*/
.evenRowStyl {
background-color: #FFFFFF !important;
}
.ant-table-tbody>tr:hover:not(.ant-table-expanded-row)>td {
background: #bbbbff;
}
/*//鼠标移入样式*/
.ant-table-tbody>tr:hover>td {
background: #a5a5e0 !important
}
.ant-table-tbody > tr > td , .ant-table-tbody > tr > th{
padding: 3px 12px !important
}

8
src/component/table/src/index.vue
View File

@ -95,7 +95,7 @@
</a-table>
<!-- 表格组件 -->
<a-table id="table" :rowKey="rowKey" @change="fetch" :columns="columns" :loading="loading" :pagination="pagination"
:dataSource="datasource" :row-selection="rowSelection" :size="size" :scroll="{ x: 1200, y: 900 }"
:dataSource="datasource" :row-selection="rowSelection"
:row-height="100" :customRow="rowClick" :sortDirections="['descend', 'ascend', '']"
:rowClassName="setRowClassName" @resizeColumn="handleResizeColumn" bordered>
<!--列搜索组件封装-->
@ -258,7 +258,7 @@
<!-- 页脚字段汇总模板,取datasource中的第一条数据渲染table -->
<template #footer="" v-if="showPageTotal && datasource.length>0">
<a-table id="totalTable" :rowKey="rowKey" :data-source=" datasource.slice(0, 1)" :columns="columns"
:pagination="false" :showHeader="false" :scroll="{ x: true, y: false }" :bordered=false size="small">
:pagination="false" :showHeader="false" :bordered=false size="small">
<template #bodyCell="{ column, record }">
<!-- 开关转换 -->
<template v-if="column.dataIndex === 'operate'">
@ -275,19 +275,17 @@
</template>
</a-table>
</template>
</a-table>
</div>
</template>
<script>
import "./index.less";
import FileSaver from 'file-saver';
import * as XLSX from 'xlsx/xlsx.mjs';
import T from "@hwork/ant-design-vue/es/table/Table";
//import excelExport from "../module/ExportExcel"
import {
list
} from "../../../api/module/dictData";
} from '../../../api/module/dictData.js';
import {
useStore
} from 'vuex';

6
src/component/tinymce/index.vue
View File

@ -5,9 +5,9 @@
</template>
<script>
import Editor from "@tinymce/tinymce-vue";
require("./imp.js");
import init from "./init";
import initMini from "./init_mini";
import './imp.js';
import init from './init.js';
import initMini from './init_mini.js';
export default {
name:"tinymce",

4
src/component/tinymce/init.js
View File

@ -8,9 +8,9 @@ const plugins = [
"print preview searchreplace autolink directionality visualblocks visualchars fullscreen link media template code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help autosave autoresize "
];
let init = {
language_url: require("@/assets/tinymce/langs/zh_CN.js"),
language_url: "/src/assets/tinymce/langs/zh_CN.js",
language: "zh_CN",
skin_url: require("@/assets/tinymce/skins/ui/oxide/skin.css"),
skin_url: "/src/assets/tinymce/skins/ui/oxide/skin.css",
min_height: 300,
plugins: plugins,
toolbar: toolbar,

4
src/component/tinymce/init_mini.js
View File

@ -7,9 +7,9 @@ const plugins = [
"print preview searchreplace autolink directionality visualblocks visualchars fullscreen link media template code codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists wordcount imagetools textpattern help autosave autoresize "
];
let init = {
language_url: require("@/assets/tinymce/langs/zh_CN.js"),
language_url: "/src/assets/tinymce/langs/zh_CN.js",
language: "zh_CN",
skin_url: require("@/assets/tinymce/skins/ui/oxide/skin.css"),
skin_url: "/src/assets/tinymce/skins/ui/oxide/skin.css",
min_height: 300,
plugins: plugins,
toolbar: toolbar,

7
src/layout/module/logo/index.vue
View File

@ -6,13 +6,15 @@
</div>
<!-- 根据侧边收缩状态决定隐显内容 -->
<!-- <span v-else><img class="image" :src="image" /></span> -->
<span v-else><img class="image" :src="require('@/assets/image/superMan.png')" /></span>
<span v-else><img class="image" :src="superManImage" /></span>
</div>
</template>
<script>
import { computed } from "vue";
import { useStore } from "vuex";
import config from '@/configure/pear.config.js';
import superManImage from '@/assets/image/superMan.png';
export default {
setup() {
@ -25,7 +27,8 @@ export default {
return {
collapsed,
image,
title
title,
superManImage
};
}
};

25
src/layout/module/tab/index.vue
View File

@ -24,9 +24,9 @@
</a-button>
<template v-slot:overlay>
<a-menu>
<a-menu-item @click="closeAll()">关 闭 所 有</a-menu-item>
<a-menu-item @click="closeOther()">关 闭 其 他</a-menu-item>
<a-menu-item @click="closeCurrent()">关 闭 当 前</a-menu-item>
<a-menu-item @click="closeAll()">关闭所有</a-menu-item>
<a-menu-item @click="closeOther()">关闭其他</a-menu-item>
<a-menu-item @click="closeCurrent()">关闭当前</a-menu-item>
</a-menu>
</template>
</a-dropdown>
@ -169,3 +169,22 @@ export default {
}
};
</script>
<style lang="less" scoped>
#tab {
display: flex;
justify-content: space-between;
align-items: flex-start;
.tab {
flex: 1;
overflow: auto;
}
.tab-tool {
margin-top: 5px;
margin-right: 16px;
margin-left: 16px;
}
:deep(.ant-tabs-top >.ant-tabs-nav) {
margin: 0 !important;
}
}
</style>

4
src/locale/lang/en-us.js
View File

@ -1,8 +1,8 @@
import { getModule } from '@/tools/common'
import antLocal from '@hwork/ant-design-vue/es/locale/en_US'
const requireENContext = require.context('./en-us/', false, /[\w+].(js)$/)
const enUS = getModule(requireENContext)
const moduleFiles = import.meta.glob('./en-us/*.js', { eager: true })
const enUS = getModule(moduleFiles)
export default {
...enUS,

6
src/locale/lang/zh-cn.js
View File

@ -1,10 +1,10 @@
import { getModule } from '@/tools/common'
import antLocal from '@hwork/ant-design-vue/es/locale/zh_CN'
const requireENContext = require.context('./zh-cn/', false, /[\w+].(js)$/)
const zhCN = getModule(requireENContext)
const moduleFiles = import.meta.glob('./zh-cn/*.js', { eager: true })
const zhCN = getModule(moduleFiles)
export default {
...zhCN,
antLocal
}
}

12
src/main.js
View File

@ -1,16 +1,20 @@
import { createApp } from "vue";
import Antd from "@hwork/ant-design-vue";
import App from "./App.vue";
import Router from "./route";
import Store from "./store";
import Pear from "./component";
import i18n from './locale';
import Router from './route/index.js';
import Store from './store/index.js';
import Pear from './component/index.js';
import i18n from './locale/index.js';
import * as antIcons from '@ant-design/icons-vue';
import { Select, Input, Table } from '@hwork/ant-design-vue'
import "./assets/css/index.less";
import "@hwork/ant-design-vue/dist/reset.css";
import VueCropper from 'vue-cropper'
Select.props.placeholder.default = '请选择'
Input.props.placeholder.default = '请输入'
Table.props.scroll.default = { x: 'max-content', y: 'flex' }
const app = createApp(App)
app.use(i18n)
app.use(Antd)

2
src/route/index.js
View File

@ -1,6 +1,6 @@
import {createRouter, createWebHashHistory} from 'vue-router';
import { permissionController } from "@/route/permission";
import routes from './module/base-routes';
import routes from './module/base-routes.js';
import NProgress from "nprogress";
import "nprogress/nprogress.css";

2
src/route/module/base-routes.js
View File

@ -1,4 +1,4 @@
import Layout from "@/layout";
import Layout from "@/layout/index.vue";
export default [
{

4
src/route/module/main-routes.js
View File

@ -1,6 +1,6 @@
import Layout from "@/layout";
import wmsRoutes from './wms-routes';
import Layout from "@/layout/index.vue";
import wmsRoutes from './wms-routes.js';
export default {
Layout,
'dashboard-console': () => import('@/view/console/index.vue'),

4
src/route/permission.js
View File

@ -1,5 +1,5 @@
import permissionRoutes from './module/main-routes'
import wmsRoutes from './module/wms-routes'
import permissionRoutes from './module/main-routes.js';
import wmsRoutes from './module/wms-routes.js';
import NProgress from "nprogress";
import store from "@/store";
import router from "@/route/index";

10
src/store/index.js
View File

@ -2,13 +2,15 @@ import {createLogger, createStore} from 'vuex';
import { isNotProduction } from "@/tools/common";
const debug = isNotProduction();
const context = require.context('./module/', false, /([\w+]\.(js))/);
const modules = context.keys().reduce((modules, fileName) => {
const name = fileName.replace(/(\.\/|\.js)/g, '');
// Use Vite's import.meta.glob instead of webpack's require.context
const moduleFiles = import.meta.glob('./module/*.js', { eager: true });
const modules = Object.keys(moduleFiles).reduce((modules, path) => {
const name = path.replace(/(\.\/module\/|\.js)/g, '');
return {
...modules,
[name]: context(fileName).default
[name]: moduleFiles[path].default
}
}, {});

12
src/tools/common.js
View File

@ -1,14 +1,14 @@
/** 生产环境 */
export const isNotProduction = () => {
return process.env.NODE_ENV !== 'production'
return import.meta.env.MODE !== 'production'
}
/** 聚合导入 */
export const getModule = context => {
return context.keys().reduce((modules, key) => {
/** 聚合导入 - Vite版本 */
export const getModule = (moduleFiles) => {
return Object.keys(moduleFiles).reduce((modules, path) => {
return {
...modules,
...context(key).default
...moduleFiles[path].default
}
}, {})
}
}

4
src/tools/enums-options.js
View File

@ -1,7 +1,7 @@
import * as Enums from './enums'
import * as Enums from './enums.js';
import {
generateEnumOptions
} from './helper'
} from './helper.js';
/**
* 枚举的options集合

2
src/tools/helper.js
View File

@ -1,4 +1,4 @@
import * as Enums from './enums'
import * as Enums from './enums.js';
// import * as EnumsColor from './enum-color'
/**

Some files were not shown because too many files have changed in this diff Show More