17 Commits

Author SHA1 Message Date
c0750ed493 feat: 🚀 入库单列表增加客户名称搜索条件 2025-10-21 16:33:31 +08:00
8a958c987e feat: 🚀 生产环境 2025-10-21 11:48:44 +08:00
0861dae12d fix: 🧩 修复bug 2025-10-20 11:50:38 +08:00
e8dc354c10 fix: 🧩 修复bug 2025-10-17 17:25:38 +08:00
eea0925899 fix: 🧩 修复bug 2025-10-17 16:59:21 +08:00
c913152460 feat: 🚀 修复bug 2025-10-17 16:38:54 +08:00
7efeb8faf0 feat: 🚀 优化 2025-10-17 09:56:05 +08:00
8a064cf1b9 feat: 🚀 增加表格数据容错初五 2025-10-16 16:46:09 +08:00
f08b094efc feat: 🚀 增加容错性 2025-10-16 16:39:17 +08:00
9aa3782667 fix: 🧩 修复bug 2025-10-16 16:18:30 +08:00
574c46580f feat: 🚀 钉钉跳转 2025-10-16 15:35:43 +08:00
3c72a248fa fix: 🧩 修复bug 2025-10-15 18:00:05 +08:00
f057f07ce7 feat: 🚀 修复bug 2025-10-14 17:46:22 +08:00
54522f7ca2 feat: 🚀 入库单添加弹窗 2025-10-14 16:30:16 +08:00
c18746fcf5 fix: 🧩 修復bug 2025-10-14 09:31:12 +08:00
ef38880743 fix: 🧩 修复bug 2025-10-11 10:51:20 +08:00
190be3b7ce fix: 🧩 修复BUG 2025-10-10 16:58:14 +08:00
35 changed files with 662 additions and 191 deletions

2
.env
View File

@@ -1,5 +1,5 @@
# title # title
VITE_GLOB_APP_TITLE = OPS供应链系统 VITE_GLOB_APP_TITLE = WMS系统
# 本地运行端口号 # 本地运行端口号
VITE_PORT = 8080 VITE_PORT = 8080

View File

@@ -1,7 +1,7 @@
ENV = 'dev' ENV = 'dev'
VITE_APP_API_VERSION ="" VITE_APP_API_VERSION =""
VITE_APP_API_BASEURL = https://dev.wms.api.v2.f2b211.com/v1/admapi/ VITE_APP_API_BASEURL = https://dev.wms.api.v2.f2b211.com/v1/admapi/
VITE_APP_SSO_LOGINURL = http://dev.uc.v3.f2b211.com/uc/login # http://dev.uc.f2b211.com/index.php/uc/user/login.html VITE_APP_SSO_LOGINURL = https://dev.uc.v3.f2b211.com/uc/login # http://dev.uc.f2b211.com/index.php/uc/user/login.html
VITE_APP_SSO_APPID = 101341644040699904 VITE_APP_SSO_APPID = 101341644040699904
VITE_REDIRECT_URL =http://localhost:8080/login #单点从定向地址 VITE_REDIRECT_URL =http://localhost:8080/login #单点从定向地址

View File

@@ -1,10 +1,10 @@
ENV = 'production' ENV = 'production'
VITE_APP_API_VERSION = "" #版本号 VITE_APP_API_VERSION = "" #版本号
VITE_APP_API_BASEURL = https://opsscmapi.f2b211.com/api/ #请求地址 VITE_APP_API_BASEURL = https://newwms.api.f2b211.com/v1/admapi/ #请求地址
VITE_APP_SSO_LOGINURL = http://uc.v3.f2b211.com/uc/login VITE_APP_SSO_LOGINURL = https://uc.v3.f2b211.com/uc/login
VITE_APP_SSO_APPID = 100664627590856707 VITE_APP_SSO_APPID = 100664627590856709
VITE_REDIRECT_URL = https://opsscm.f2b211.com/login #单点从定向地址 VITE_REDIRECT_URL = https://newwms.f2b211.com/login #单点从定向地址
VITE_SINGLE_URL = https://uc.v3.f2b211.com/ #单点登录通知 VITE_SINGLE_URL = https://uc.v3.f2b211.com/ #单点登录通知
# 线上环境 # 线上环境
VITE_USER_NODE_ENV = production VITE_USER_NODE_ENV = production

View File

@@ -1,7 +1,7 @@
ENV = 'test' ENV = 'test'
VITE_APP_API_VERSION ="" VITE_APP_API_VERSION =""
VITE_APP_API_BASEURL = https://dev.wms.api.v2.f2b211.com/v1/admapi/ VITE_APP_API_BASEURL = https://dev.wms.api.v2.f2b211.com/v1/admapi/
VITE_APP_SSO_LOGINURL = http://dev.uc.v3.f2b211.com/uc/login # http://dev.uc.f2b211.com/index.php/uc/user/login.html VITE_APP_SSO_LOGINURL = https://dev.uc.v3.f2b211.com/uc/login # http://dev.uc.f2b211.com/index.php/uc/user/login.html
VITE_APP_SSO_APPID = 101341644040699904 VITE_APP_SSO_APPID = 101341644040699904
VITE_REDIRECT_URL =https://dev.wms.v2.f2b211.com/login #单点从定向地址 VITE_REDIRECT_URL =https://dev.wms.v2.f2b211.com/login #单点从定向地址

View File

@@ -60,8 +60,17 @@ class RequestHttp {
this.service.interceptors.response.use( this.service.interceptors.response.use(
(response: AxiosResponse) => { (response: AxiosResponse) => {
const { data } = response; const { data } = response;
// const userStore = useUserStore();
tryHideFullScreenLoading(); tryHideFullScreenLoading();
// 获取响应头中的 Authorization 信息
const authorization = response.headers["authorization"];
//刷新token
if (authorization) {
// 可以在这里更新用户的 token 信息
const userStore = useUserStore();
userStore.setToken(authorization);
return data;
}
// 登陆失效 // 登陆失效
if (data.code == 401) { if (data.code == 401) {
ElMessage.error(data.msg || data.message); ElMessage.error(data.msg || data.message);

View File

@@ -6,6 +6,9 @@ import http from "@/api";
//物料分页列表 //物料分页列表
export const getMaterialListApi = (params: any) => { export const getMaterialListApi = (params: any) => {
if (params.disabled && params.disabled === "启用") {
params.disabled = 0;
}
return http.get<any>(`material`, params); return http.get<any>(`material`, params);
}; };
//刷新 /admapi/material/reload //刷新 /admapi/material/reload

View File

@@ -17,7 +17,6 @@ export const loginApi = (params: Login.ReqLoginCode) => {
// 获取菜单列表 // 获取菜单列表
export const getAuthMenuListApi = () => { export const getAuthMenuListApi = () => {
console.log("触发了吗");
return http.get<any>(`/user/permissions`, {}, { noLoading: true }); return http.get<any>(`/user/permissions`, {}, { noLoading: true });
// return authMenuList; // return authMenuList;
}; };

View File

@@ -2,6 +2,9 @@ import http from "@/api";
//订阅入庫單列表 /admapi/subscribe /admapi/subscribe/wrr //订阅入庫單列表 /admapi/subscribe /admapi/subscribe/wrr
export const getSubscribeWrrListApi = (params: any) => { export const getSubscribeWrrListApi = (params: any) => {
if (params?.notif_ret_status === "空") {
params.notif_ret_status = 0;
}
return http.get<any>(`subscribe/wrr`, params); return http.get<any>(`subscribe/wrr`, params);
}; };
//订阅入库单刷新 //订阅入库单刷新
@@ -9,5 +12,8 @@ export const getSubscribeResetListApi = (params: any) => {
return http.get<any>(`subscribe/wrr/reload`, params); return http.get<any>(`subscribe/wrr/reload`, params);
}; };
export const getSubscribeResetListExportApi = (params: any) => { export const getSubscribeResetListExportApi = (params: any) => {
if (params?.notif_ret_status === "空") {
params.notif_ret_status = 0;
}
return http.get<any>(`subscribe/wrr/export`, params); return http.get<any>(`subscribe/wrr/export`, params);
}; };

View File

@@ -13,14 +13,14 @@
:label="item.label" :label="item.label"
:prop="item.prop" :prop="item.prop"
:label-width="labelWidth || '81px'" :label-width="labelWidth || '81px'"
:rules="item.rules"
:error="item.error" :error="item.error"
:required="item.required"
:show-message="item.showMessage ? item.showMessage : false" :show-message="item.showMessage ? item.showMessage : false"
:inline-message="item.inlineMessage" :inline-message="item.inlineMessage"
:style="item.style ? item.style : 'margin-right:8px;position: relative;'" :style="item.style ? item.style : 'margin-right:8px;position: relative;'"
:required="item.required"
:class="item.class ? item.class : 'form-item'" :class="item.class ? item.class : 'form-item'"
> >
<!-- :required="item.required" -->
<template v-if="item.type === 'input'"> <template v-if="item.type === 'input'">
<el-input <el-input
v-model.trim="_searchResult[`${item.prop}`]" v-model.trim="_searchResult[`${item.prop}`]"
@@ -31,6 +31,15 @@
> >
</el-input> </el-input>
</template> </template>
<template v-if="item.type === 'textarea'">
<el-input
v-model.trim="_searchResult[`${item.prop}`]"
:placeholder="item.placeholder"
:disabled="item.disabled"
type="textarea"
>
</el-input>
</template>
<template v-if="item.type === 'inputs'"> <template v-if="item.type === 'inputs'">
<el-input <el-input
v-model.trim="_searchResult[`${item.startProp}`]" v-model.trim="_searchResult[`${item.startProp}`]"
@@ -142,6 +151,7 @@
class="m-2 select" class="m-2 select"
:remote-method="(query:any)=> handleSelectMultipleRemote(query, item)" :remote-method="(query:any)=> handleSelectMultipleRemote(query, item)"
:disabled="item.disabled" :disabled="item.disabled"
style="max-height: 300px; overflow-y: auto"
> >
<el-option <el-option
:label="option.label" :label="option.label"
@@ -205,8 +215,10 @@ const getCustomers = async (keywords: any, item: any) => {
let options: any = []; let options: any = [];
data.forEach((item: any) => { data.forEach((item: any) => {
options.push({ options.push({
value: item.customer_number, value: item.customer_number + "_" + item.use_org_number,
label: item.customer_name label: item.customer_name + " " + `(${item.use_org_name})`,
id: item.use_org_number,
useOrgName: item.use_org_name
}); });
}); });
item.options = options; item.options = options;
@@ -316,9 +328,10 @@ const valueVerifyInputs = (item: any) => {
prop: item.prop prop: item.prop
}); });
}; };
// const handleSelectMultipleClear = (item: any) => {
// console.log(item, "===========>"); defineExpose({
// }; formElement: ruleFormRef
});
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
.search-box1 { .search-box1 {

View File

@@ -150,7 +150,6 @@ const handleRemoteClick = (item: any, index: number) => {
emits("handleRemoteClickValue", { item, index }); emits("handleRemoteClickValue", { item, index });
}; };
const handleEnterInput = (item: any, index: number) => { const handleEnterInput = (item: any, index: number) => {
console.log("1232323");
emits("handleKeyupEnterInputValue", { emits("handleKeyupEnterInputValue", {
item, item,
index index

View File

@@ -147,7 +147,7 @@ const newValInitParams = toRef(props, "initParam");
const { selectionChange, selectedList, selectedListIds, isSelected } = useSelection(props.rowKey); const { selectionChange, selectedList, selectedListIds, isSelected } = useSelection(props.rowKey);
// 清空选中数据列表 // 清空选中数据列表
const clearSelection = () => tableRef.value!.clearSelection(); const clearSelection = () => tableRef?.value!.clearSelection();
// 表格操作 Hooks // 表格操作 Hooks
const { tableData, pageable, getTableList, handleSizeChange, handleCurrentChange } = useTable( const { tableData, pageable, getTableList, handleSizeChange, handleCurrentChange } = useTable(
routeName.value, routeName.value,

View File

@@ -58,7 +58,7 @@
v-if="item.type === 'selectRemote' || item.type === 'selectRemote1' || item.type === 'selectRemote2'" v-if="item.type === 'selectRemote' || item.type === 'selectRemote1' || item.type === 'selectRemote2'"
> >
<el-select <el-select
v-model="_searchParams[`${item.prop}`]" v-model.trim="_searchParams[`${item.prop}`]"
:placeholder="item.placeholder" :placeholder="item.placeholder"
clearable clearable
remote remote
@@ -89,12 +89,13 @@
<!-- getProductLinesApi --> <!-- getProductLinesApi -->
<template v-if="item.type === 'selectMultipleRemote' || item.type === 'selectProductLinesRemote'"> <template v-if="item.type === 'selectMultipleRemote' || item.type === 'selectProductLinesRemote'">
<el-select <el-select
v-model="_searchParams[`${item.prop}`]" v-model.trim="_searchParams[`${item.prop}`]"
:placeholder="item.placeholder" :placeholder="item.placeholder"
remote remote
multiple multiple
filterable filterable
:reserve-keyword="false" :reserve-keyword="false"
@remove-tag="handleTagRemove(item)"
@clear="handleClear(item)" @clear="handleClear(item)"
:loading="loading" :loading="loading"
class="m-2 select" class="m-2 select"
@@ -122,7 +123,7 @@
<template v-if="item.type === 'selectMultiple'"> <template v-if="item.type === 'selectMultiple'">
<!-- multiple --> <!-- multiple -->
<el-select <el-select
v-model="_searchParams[`${item.prop}`]" v-model.trim="_searchParams[`${item.prop}`]"
filterable filterable
multiple multiple
:disabled="item.disabled" :disabled="item.disabled"
@@ -130,6 +131,8 @@
class="m-2 select" class="m-2 select"
:reserve-keyword="false" :reserve-keyword="false"
style="width: 224px" style="width: 224px"
@remove-tag="handleTagRemove1(item)"
ref="remoteRef"
> >
<!-- 循环渲染选项label 为显示文本value 为实际提交值 --> <!-- 循环渲染选项label 为显示文本value 为实际提交值 -->
<el-option <el-option
@@ -144,7 +147,7 @@
<template v-if="item.type === 'selectMultipleD'"> <template v-if="item.type === 'selectMultipleD'">
<!-- multiple --> <!-- multiple -->
<el-select <el-select
v-model="_searchParams[`${item.prop}`]" v-model.trim="_searchParams[`${item.prop}`]"
filterable filterable
clearable clearable
:reserve-keyword="false" :reserve-keyword="false"
@@ -178,15 +181,17 @@ import { getSupplierApi, getCustomersApi, getProductLinesApi } from "@/api/modul
const props = defineProps<{ const props = defineProps<{
formData: any[]; formData: any[];
searchParams: Record<string, any>; searchParams: Record<string, any>;
selectMultipleRemoveTag?: () => void;
}>(); }>();
const emits = defineEmits<{ const emits = defineEmits<{
(e: "search", result: Record<string, any>): void; (e: "search", result: Record<string, any>): void;
(e: "reset", result: Record<string, any>): void; (e: "reset", result: Record<string, any>): void;
(e: "selectMultipleRemoveTag", result: Record<string, any>): void;
}>(); }>();
let loading = ref(false); let loading = ref(false);
const remoteRef = ref(null);
const _searchParams = computed(() => { const _searchParams = computed(() => {
return props.searchParams; return props.searchParams;
}); });
@@ -209,6 +214,8 @@ const getSupplier = async (keywords: any, item: any) => {
if (result?.code === 0) { if (result?.code === 0) {
const { data } = result; const { data } = result;
item.options = data; item.options = data;
} else {
item.options = [];
} }
}; };
//客戶 //客戶
@@ -219,13 +226,17 @@ const getCustomers = async (keywords: any, item: any) => {
const { data } = result; const { data } = result;
if (Array.isArray(data) && data.length) { if (Array.isArray(data) && data.length) {
let options: any = []; let options: any = [];
data.forEach((item: any) => { data.forEach((it: any) => {
options.push({ options.push({
value: item.customer_number, value: it.customer_number + "_" + it.use_org_number,
label: item.customer_name label: it.customer_name + " " + `(${it.use_org_name})`,
id: it.use_org_number,
useOrgName: it.use_org_name
}); });
}); });
item.options = options; item.options = options;
} else {
item.options = [];
} }
} }
}; };
@@ -236,39 +247,53 @@ const getProductLines = async (keywords: any, item: any) => {
const { data } = result; const { data } = result;
if (Array.isArray(data) && data.length) { if (Array.isArray(data) && data.length) {
let options: any = []; let options: any = [];
data.forEach((item: any) => { data.forEach((it: any) => {
options.push({ options.push({
value: item, value: it,
label: item label: it
}); });
}); });
item.options = options; item.options = options;
} else {
item.options = [];
} }
} }
}; };
//多选远程搜索 //多选远程搜索
const handleSelectMultipleRemote = async (query: any, item: any) => { const handleSelectMultipleRemote = async (query: any, item: any) => {
console.log(remoteRef.value, "==========remoteRef=========");
loading.value = true; loading.value = true;
if (!query) { if (!query) {
loading.value = false; loading.value = false;
return; return;
} }
item.options = [];
//去除字符串首尾的所有空白字符。 //去除字符串首尾的所有空白字符。
let valClone = query.replace(/^\s*|\s*$/g, ""); let valClone = query.replace(/^\s*|\s*$/g, "");
if (!valClone.length) { if (!valClone.length) {
loading.value = false; loading.value = false;
return; return;
} }
if (item.type === "selectMultipleRemote") { if (item.type === "selectMultipleRemote") {
//客戶編碼 //客戶編碼
getCustomers(valClone, item); getCustomers(valClone, item);
} else if (item.type === "selectProductLinesRemote") { } else if (item.type === "selectProductLinesRemote") {
//品线 //品线
getProductLines(valClone, item); getProductLines(valClone, item);
} }
loading.value = false; loading.value = false;
}; };
const handleTagRemove = (item: any) => {
if (!_searchParams.value[item.prop].length) {
item.options = [];
}
};
const handleTagRemove1 = (item: any) => {
emits("selectMultipleRemoveTag", { item, org_number: _searchParams.value.org_number });
};
//单选远程搜索(供应商) //单选远程搜索(供应商)
const remoteMethod = async (query: any, item: any) => { const remoteMethod = async (query: any, item: any) => {
loading.value = true; loading.value = true;
@@ -276,8 +301,9 @@ const remoteMethod = async (query: any, item: any) => {
loading.value = false; loading.value = false;
return; return;
} }
item.options = [];
//去除字符串首尾的所有空白字符。 //去除字符串首尾的所有空白字符。
let valClone = query.replace(/^\s*|\s*$/g, ""); let valClone = query.replace(/^\s+|\s+$/g, "");
if (!valClone.length) { if (!valClone.length) {
loading.value = false; loading.value = false;
return; return;

View File

@@ -1,6 +1,16 @@
export const usePathUrl = () => { export const usePathUrl = (redirect_path?: any) => {
const PATH_URL = `${import.meta.env.VITE_APP_SSO_LOGINURL}?client_id=${ let PATH_URL: any = "";
import.meta.env.VITE_APP_SSO_APPID if (redirect_path) {
}&redirect_uri=${encodeURIComponent(import.meta.env.VITE_REDIRECT_URL)}&response_type=code`; PATH_URL = `${import.meta.env.VITE_APP_SSO_LOGINURL}?client_id=${
return PATH_URL; import.meta.env.VITE_APP_SSO_APPID
}&redirect_uri=${encodeURIComponent(
import.meta.env.VITE_REDIRECT_URL + "?redirect_path=" + redirect_path
)}&response_type=code`;
return PATH_URL;
} else {
PATH_URL = `${import.meta.env.VITE_APP_SSO_LOGINURL}?client_id=${
import.meta.env.VITE_APP_SSO_APPID
}&redirect_uri=${encodeURIComponent(import.meta.env.VITE_REDIRECT_URL)}&response_type=code`;
return PATH_URL;
}
}; };

View File

@@ -31,15 +31,15 @@ export const useTable = (
} }
}); });
//数据处理 //訂閲数据处理
const initSubscribeData = () => { const initSubscribeData = () => {
if (routeName === "foundationSubscribeList") { if (routeName === "foundationSubscribeList") {
if (Array.isArray(state.totalParam?.org_number) && state.totalParam?.org_number?.length) { if (Array.isArray(state.totalParam?.org_number) && state.totalParam?.org_number?.length) {
state.totalParam.org_number = state.totalParam.org_number.join(","); state.totalParam.org_number = state.totalParam.org_number.join(",");
} }
//品线 //品线
if (Array.isArray(state.totalParam?.product_line_name) && state.totalParam?.product_line_name?.length) { if (Array.isArray(state.totalParam?.product_line) && state.totalParam?.product_line?.length) {
state.totalParam.org_number = state.totalParam.product_line_name.join(","); state.totalParam.product_line = state.totalParam.product_line.join(",");
} }
//客户名称 //客户名称
if (Array.isArray(state.totalParam?.customer_number) && state.totalParam?.customer_number?.length) { if (Array.isArray(state.totalParam?.customer_number) && state.totalParam?.customer_number?.length) {
@@ -64,9 +64,16 @@ export const useTable = (
} }
} }
}; };
// //其他數據處理
// const initData = () => {
// if (state.totalParam?.warehouse_number) {
// state.totalParam.warehouse_number = state.totalParam?.warehouse_number.split("_")[0];
// }
// };
//删除临时参数和空值参数 //删除临时参数和空值参数
const deleteParams = () => { const deleteParams = () => {
const KEY = ["Time", "customer_number1"]; const KEY = ["Time", "customer_number1", "customer_numbers"];
for (let key in state.totalParam) { for (let key in state.totalParam) {
if (KEY.includes(key) || !state.totalParam[key]) { if (KEY.includes(key) || !state.totalParam[key]) {
delete state.totalParam[key]; delete state.totalParam[key];
@@ -81,14 +88,17 @@ export const useTable = (
if (!api) return; if (!api) return;
try { try {
initSubscribeData(); await initSubscribeData();
deleteParams(); await deleteParams();
state.tableData = [];
let params = { let params = {
...state.totalParam, ...state.totalParam,
...pageParam.value ...pageParam.value
}; };
const { data } = await api(params); const { data } = await api(params);
state.tableData = data.data || [];
state.tableData = Array.isArray(data.data) && data.data.length ? data.data : [];
clearSelection && clearSelection(); clearSelection && clearSelection();
if (isPageable && data.total_size !== undefined) { if (isPageable && data.total_size !== undefined) {
updatePageable({ updatePageable({

View File

@@ -7,7 +7,7 @@
<!-- <el-icon v-show="item.meta.icon && globalStore.breadcrumbIcon" class="breadcrumb-icon"> <!-- <el-icon v-show="item.meta.icon && globalStore.breadcrumbIcon" class="breadcrumb-icon">
<component :is="item.meta.icon"></component> <component :is="item.meta.icon"></component>
</el-icon> --> </el-icon> -->
<!-- {{ breadcrumbList }} -->
<span class="breadcrumb-title">{{ item.meta.title }}</span> <span class="breadcrumb-title">{{ item.meta.title }}</span>
</div> </div>
</el-breadcrumb-item> </el-breadcrumb-item>
@@ -28,13 +28,22 @@ const route = useRoute();
const router = useRouter(); const router = useRouter();
const authStore = useAuthStore(); const authStore = useAuthStore();
const globalStore = useGlobalStore(); const globalStore = useGlobalStore();
// const routeName: any = ref(router.currentRoute.value.name);
const breadcrumbList = computed(() => { const breadcrumbList = computed(() => {
let breadcrumbData = authStore.breadcrumbListGet[route.matched[route.matched.length - 1].path] ?? []; let breadcrumbData = authStore.breadcrumbListGet[route.matched[route.matched.length - 1].path] ?? [];
// 🙅‍♀️不需要首页面包屑可删除以下判断 // 🙅‍♀️不需要首页面包屑可删除以下判断
if (breadcrumbData[0].path !== HOME_URL) { if (breadcrumbData[0].path !== HOME_URL) {
breadcrumbData = [{ path: HOME_URL, meta: { icon: "HomeFilled", title: "首页" } }, ...breadcrumbData]; breadcrumbData = [{ path: HOME_URL, meta: { icon: "HomeFilled", title: "首页" } }, ...breadcrumbData];
} }
if (route.query.title === "新增订阅" || "编辑订阅") {
breadcrumbData.forEach((item: any) => {
if (item.name === "foundationSubscribeListAdd") {
item.meta.title = route.query.title;
}
});
console.log("");
}
return breadcrumbData; return breadcrumbData;
}); });

View File

@@ -55,7 +55,9 @@ watch(
() => { () => {
if (route.meta.isFull) return; if (route.meta.isFull) return;
tabsMenuValue.value = route.fullPath; tabsMenuValue.value = route.fullPath;
let title: any = route.query.title ? route.query.title : route.meta.title; let title: any = route.query.title ? route.query.title : route.meta.title;
const tabsParams = { const tabsParams = {
icon: route.meta.icon as string, icon: route.meta.icon as string,
title: title, title: title,
@@ -63,6 +65,7 @@ watch(
name: route.name as string, name: route.name as string,
close: !route.meta.isAffix close: !route.meta.isAffix
}; };
tabStore.addTabs(tabsParams); tabStore.addTabs(tabsParams);
route.meta.isKeepAlive && keepAliveStore.addKeepAliveName(route.name as string); route.meta.isKeepAlive && keepAliveStore.addKeepAliveName(route.name as string);
}, },
@@ -107,13 +110,12 @@ const tabClick = (tabItem: TabsPaneContext) => {
// Remove Tab // Remove Tab
const tabRemove = (fullPath: TabPaneName) => { const tabRemove = (fullPath: TabPaneName) => {
if (fullPath === "/index") { const name = tabStore.tabsMenuList.filter(item => item.path == fullPath)[0].name || "";
if (fullPath === "/index" || name === "home") {
return; return;
} }
// const name = tabStore.tabsMenuList.filter(item => item.path == fullPath)[0].name || "";
// keepAliveStore.removeKeepAliveName(name);
// tabStore.removeTabs(fullPath as string, fullPath == route.fullPath);
const name = tabStore.tabsMenuList.filter(item => item.path == fullPath)[0].name || "";
tabStore.removeTabs(fullPath as string, fullPath == route.fullPath); tabStore.removeTabs(fullPath as string, fullPath == route.fullPath);
let isKeepAlive = tabStore.tabsMenuList.some((item: any) => { let isKeepAlive = tabStore.tabsMenuList.some((item: any) => {
return item.name === name; return item.name === name;

View File

@@ -38,7 +38,7 @@ router.beforeEach(async (to, from, next) => {
// 1.NProgress 开始 // 1.NProgress 开始
NProgress.start(); NProgress.start();
const currentPath = window.location.pathname;
// 2.动态设置标题 // 2.动态设置标题
const title = import.meta.env.VITE_GLOB_APP_TITLE; const title = import.meta.env.VITE_GLOB_APP_TITLE;
document.title = to.meta.title ? `${to.meta.title} - ${title}` : title; document.title = to.meta.title ? `${to.meta.title} - ${title}` : title;
@@ -51,6 +51,17 @@ router.beforeEach(async (to, from, next) => {
// 4.判断访问页面是否在路由白名单地址(静态路由)中,如果存在直接放行 // 4.判断访问页面是否在路由白名单地址(静态路由)中,如果存在直接放行
if (ROUTER_WHITE_LIST.includes(to.path)) return next(); if (ROUTER_WHITE_LIST.includes(to.path)) return next();
// 4.判断访问页面是否在路由白名单地址(静态路由)中,如果存在直接放行
if (ROUTER_WHITE_LIST.includes(to.path)) return next();
// 如果没有token但是有订阅路由就将订阅路由当参数携带
if (!userStore.newUserToken && currentPath === "/foundation/subscribe/warehousing/index") {
return next({
path: LOGIN_URL,
replace: true,
query: { redirect_path: currentPath } // 通过query传递参数
});
}
// 5.判断是否有 Token没有重定向到 login 页面 // 5.判断是否有 Token没有重定向到 login 页面
if (!userStore.newUserToken) return next({ path: LOGIN_URL, replace: true }); if (!userStore.newUserToken) return next({ path: LOGIN_URL, replace: true });

View File

@@ -10,4 +10,5 @@ export interface TabsMenuProps {
/* TabsState */ /* TabsState */
export interface TabsState { export interface TabsState {
tabsMenuList: TabsMenuProps[]; tabsMenuList: TabsMenuProps[];
isSubscribeAdd: Boolean;
} }

View File

@@ -65,23 +65,26 @@ export const useAuthStore = defineStore({
// 获取权限菜单列表并处理按钮权限 // 获取权限菜单列表并处理按钮权限
async getAuthMenuList() { async getAuthMenuList() {
const { data } = await getAuthMenuListApi(); const { data } = await getAuthMenuListApi();
let dataClone = data; let dataClone =
Array.isArray(data) && data.length
? data
: [
{
path: "/index",
name: "home",
component: "/home/index",
hidden: true,
children: [],
meta: {
icon: "",
title: "首页",
isKeepAlive: true
}
}
];
// 如果没有路由数据,设置默认首页 // 如果没有路由数据,设置默认首页
this.authMenuList = dataClone || [ this.authMenuList = dataClone;
{
path: "/index",
name: "home",
component: "/home/index",
hidden: true,
children: [],
meta: {
icon: "",
title: "首页",
isKeepAlive: true
}
}
];
// 提取按钮权限 // 提取按钮权限
this.buttonPermissions = extractButtonPermissions(this.authMenuList); this.buttonPermissions = extractButtonPermissions(this.authMenuList);
@@ -92,7 +95,6 @@ export const useAuthStore = defineStore({
// 构建页面与按钮的映射关系 // 构建页面与按钮的映射关系
buildPageButtonMap() { buildPageButtonMap() {
const pageButtonMap: PageButtonMap = {}; const pageButtonMap: PageButtonMap = {};
// 递归处理路由,建立页面与按钮的关联 // 递归处理路由,建立页面与按钮的关联
const processRoutes = (routes: any[], parentPageName?: string) => { const processRoutes = (routes: any[], parentPageName?: string) => {
routes.forEach((route: any) => { routes.forEach((route: any) => {
@@ -102,7 +104,6 @@ export const useAuthStore = defineStore({
if (!pageButtonMap[route.name]) { if (!pageButtonMap[route.name]) {
pageButtonMap[route.name] = []; pageButtonMap[route.name] = [];
} }
// 处理子节点中的按钮权限 // 处理子节点中的按钮权限
if (route.children && route.children.length > 0) { if (route.children && route.children.length > 0) {
route.children.forEach((child: any) => { route.children.forEach((child: any) => {
@@ -123,9 +124,7 @@ export const useAuthStore = defineStore({
} }
}); });
}; };
processRoutes(this.authMenuList); processRoutes(this.authMenuList);
console.log(pageButtonMap, "=pageButtonMap=");
this.pageButtonMap = pageButtonMap; this.pageButtonMap = pageButtonMap;
}, },

View File

@@ -6,16 +6,86 @@ import piniaPersistConfig from "@/config/piniaPersist";
export const useTabsStore = defineStore({ export const useTabsStore = defineStore({
id: "wms-tabs", id: "wms-tabs",
state: (): TabsState => ({ state: (): TabsState => ({
tabsMenuList: [] isSubscribeAdd: false,
tabsMenuList: [
{
icon: "", // 首页的icon按实际路由meta.icon填写如"Home"
title: "首页", // 固定首页标题
path: "/index", // 首页的基础路径(无参数版本,避免初始参数冗余)
name: "home", // 必须与首页路由的name一致如路由定义中name: "home"
close: true // 首页是否可关闭按业务需求设置通常true若禁止关闭设为false
}
]
}), }),
actions: { actions: {
// Add Tabs
async addTabs(tabItem: any) { async addTabs(tabItem: any) {
if (this.tabsMenuList.every(item => item.path !== tabItem.path)) { // 1. 校验参数:首页必须有 name其他标签必须有 path
this.tabsMenuList.push(tabItem); if ((tabItem.name === "home" && !tabItem.name) || (!tabItem.name && !tabItem.path)) {
return;
}
// 2. 区分首页和普通标签的去重逻辑
let isExist = false;
if (tabItem.name === "home") {
// 首页:按 name 去重(确保唯一)
isExist = this.tabsMenuList.some(item => item.name === "home");
} else {
// 普通标签:按完整 path 去重(区分参数)
isExist = this.tabsMenuList.some(item => item.path === tabItem.path);
}
if (!isExist) {
// 3. 首页放首位,其他放末尾
if (tabItem.name === "home") {
// 先移除旧首页(防止重复),再添加到最前
this.tabsMenuList = this.tabsMenuList.filter(item => item.name !== "home");
this.tabsMenuList.unshift(tabItem);
} else {
this.tabsMenuList.push(tabItem);
}
} else {
// 4. 已存在时更新信息
this.tabsMenuList = this.tabsMenuList.map(item => {
if (tabItem.name === "home" && item.name === "home") {
// 首页:更新 path 等信息(如首页参数变化)
return { ...item, path: tabItem.path };
} else if (item.path === tabItem.path) {
// 普通标签:全量更新(如标题、参数)
return { ...item, ...tabItem };
}
return item;
});
} }
}, },
// Remove Tabs // // Add Tabs按 name 去重,首页始终在最前
// async addTabs(tabItem: any) {
// // 1. 校验参数:确保 tabItem 有 name避免异常数据
// if (!tabItem.name) return;
// // 2. 去重逻辑:按 name 判断是否已存在
// const isExist = this.tabsMenuList.some(item => item.name === tabItem.name);
// if (!isExist) {
// // 3. 首页name: "home")添加到数组开头,其他标签添加到末尾
// if (tabItem.name === "home") {
// // 先移除旧的首页(防止极端情况残留),再添加新首页到最前
// this.tabsMenuList = this.tabsMenuList.filter(item => item.name !== "home");
// this.tabsMenuList.unshift(tabItem); // 首页放第一位
// } else {
// this.tabsMenuList.push(tabItem); // 非首页放末尾
// }
// } else {
// // 4. 可选优化:若标签已存在,同步更新其 path如首页参数变化时
// this.tabsMenuList = this.tabsMenuList.map(item => {
// if (item.name === tabItem.name) {
// return { ...item, path: tabItem.path }; // 仅更新 path保留其他属性
// }
// return item;
// });
// }
// },
// Remove Tabs原有逻辑不变无需修改
async removeTabs(tabPath: string, isCurrent: boolean = true) { async removeTabs(tabPath: string, isCurrent: boolean = true) {
const tabsMenuList = this.tabsMenuList; const tabsMenuList = this.tabsMenuList;
if (isCurrent) { if (isCurrent) {
@@ -28,22 +98,46 @@ export const useTabsStore = defineStore({
} }
this.tabsMenuList = tabsMenuList.filter(item => item.path !== tabPath); this.tabsMenuList = tabsMenuList.filter(item => item.path !== tabPath);
}, },
// Close MultipleTab
// Close MultipleTab原有逻辑不变
async closeMultipleTab(tabsMenuValue?: string) { async closeMultipleTab(tabsMenuValue?: string) {
this.tabsMenuList = this.tabsMenuList.filter(item => { this.tabsMenuList = this.tabsMenuList.filter(item => {
return item.path === tabsMenuValue || !item.close; return item.path === tabsMenuValue || !item.close;
}); });
}, },
// Set Tabs
// Set Tabs原有逻辑不变
async setTabs(tabsMenuList: any[]) { async setTabs(tabsMenuList: any[]) {
this.tabsMenuList = tabsMenuList; // 补充:设置 tabs 时也需去重,避免批量设置时带入重复首页
const uniqueTabs = [];
const nameSet = new Set();
// 先处理首页,确保在最前
const homeTab = tabsMenuList.find(item => item.name === "home");
if (homeTab) {
uniqueTabs.push(homeTab);
nameSet.add("home");
}
// 再处理其他标签,去重
tabsMenuList.forEach(tab => {
if (!nameSet.has(tab.name)) {
nameSet.add(tab.name);
uniqueTabs.push(tab);
}
});
this.tabsMenuList = uniqueTabs;
}, },
// Set Tabs Title
// Set Tabs Title原有逻辑不变
async setTabsTitle(title: string) { async setTabsTitle(title: string) {
console.log("12332323");
const nowFullPath = location.hash.substring(1); const nowFullPath = location.hash.substring(1);
this.tabsMenuList.forEach(item => { this.tabsMenuList.forEach(item => {
if (item.path == nowFullPath) item.title = title; if (item.path == nowFullPath) item.title = title;
}); });
},
async setSIsSubscribeAdd(is: any) {
console.log(is, "==========is========");
this.isSubscribeAdd = is;
} }
}, },
persist: piniaPersistConfig("wms-tabs") persist: piniaPersistConfig("wms-tabs")

View File

@@ -34,6 +34,22 @@ export const FORM_DATA: FormItem[] = [
placeholder: "请输入品线", placeholder: "请输入品线",
type: "input", type: "input",
label: "品线: " label: "品线: "
},
{
prop: "disabled",
placeholder: "请选择",
type: "select",
label: "物料状态: ",
options: [
{
value: 1,
label: "禁用"
},
{
value: "启用",
label: "启用"
}
]
} }
]; ];

View File

@@ -1,3 +1,4 @@
import { RenderScope } from "@/components/ProTable/interface";
export const COLUMNS = [ export const COLUMNS = [
{ type: "selection", fixed: "left", width: 40 }, { type: "selection", fixed: "left", width: 40 },
{ {
@@ -69,5 +70,24 @@ export const COLUMNS = [
label: "SPU", label: "SPU",
prop: "spu", prop: "spu",
width: 200 width: 200
},
{
align: "left",
label: "物料状态",
prop: "disabled",
width: 200,
render: (scope: RenderScope<any>): VNode | string | any => {
const OBJ: any = {
0: "启用",
1: "禁用"
};
return OBJ[scope.row.disabled];
}
},
{
align: "left",
label: "更新时间",
prop: "updated_at",
width: 200
} }
]; ];

View File

@@ -66,7 +66,7 @@ const selectionChange = (selection: any) => {
}; };
const handleButtonClickCallback = (item: any) => { const handleButtonClickCallback = (item: any) => {
const { type } = item; const { type } = item;
// dataStore.selectionList, proTableRef
btnClick[type]({ btnClick[type]({
selectionList: dataStore.selectionList, selectionList: dataStore.selectionList,
proTableRef, proTableRef,
@@ -79,7 +79,7 @@ const handleSearch = async (params: any) => {
dataStore.initParam = cloneDeep(params); dataStore.initParam = cloneDeep(params);
//这里需要等到表格刷新以后才去请求 //这里需要等到表格刷新以后才去请求
nextTick(() => { nextTick(() => {
proTableRef.value!.getTableList(); proTableRef?.value!.getTableList();
}); });
}; };
//重置 //重置
@@ -87,7 +87,7 @@ const handleReset = () => {
dataStore.initParam = cloneDeep(RULE_FORM); dataStore.initParam = cloneDeep(RULE_FORM);
//这里需要等到表格刷新以后才去请求 //这里需要等到表格刷新以后才去请求
nextTick(() => { nextTick(() => {
proTableRef.value!.getTableList(); proTableRef?.value!.getTableList();
}); });
}; };
</script> </script>

View File

@@ -6,7 +6,7 @@ export const handleExport = async (params: any) => {
const { initParam } = params; const { initParam } = params;
const result = await getMaterialListExportApi(initParam); const result = await getMaterialListExportApi(initParam);
if (result?.code === 0) { if (result?.code === 0) {
useMsg("success", "导出成功 "); useMsg("success", "导出成功请前往导出列表中进行下载");
} }
}; };
//刷新 //刷新
@@ -25,7 +25,7 @@ export const handleReload = async (params: any) => {
const result = await getMaterialListReloadApi({ id }); const result = await getMaterialListReloadApi({ id });
if (result?.code === 0) { if (result?.code === 0) {
useMsg("success", "数据刷新成功 "); useMsg("success", "数据刷新成功 ");
proTable.value!.getTableList(); proTable?.value!.getTableList();
} }
}; };

View File

@@ -13,6 +13,7 @@
:labelWidth="dataStore.labelWidth" :labelWidth="dataStore.labelWidth"
@selectMultipleRemoveTag="handleSelectMultipleRemoveTag" @selectMultipleRemoveTag="handleSelectMultipleRemoveTag"
:inline="true" :inline="true"
ref="detailsRef"
/> />
</div> </div>
</div> </div>
@@ -22,15 +23,16 @@
import PermissionButton from "@/components/PermissionButton/index.vue"; import PermissionButton from "@/components/PermissionButton/index.vue";
import DetailsSearch from "@/components/DetailsSearch/index.vue"; import DetailsSearch from "@/components/DetailsSearch/index.vue";
import { FORM_DATA, RULE_FORM } from "./constant/add"; import { FORM_DATA, RULE_FORM } from "./constant/add";
import { useRoute } from "vue-router"; import { useRoute, useRouter } from "vue-router";
import { getSubscribeDetailsApi, getSubscribeUpdateApi, getSubscribeAddApi } from "@/api/modules/subscribe";
import { getSubscribeDetailsApi, getSubscribeAddApi, getSubscribeUpdateApi } from "@/api/modules/subscribe";
import { setDetailsData } from "./init/setDetailsData"; import { setDetailsData } from "./init/setDetailsData";
import { useMsg } from "@/hooks/useMsg"; import { useMsg } from "@/hooks/useMsg";
import { BUTTON } from "./constant/add/button"; import { BUTTON } from "./constant/add/button";
import { useUserStore } from "@/stores/modules/user"; import { useUserStore } from "@/stores/modules/user";
import { cloneDeep } from "lodash-es"; import { cloneDeep } from "lodash-es";
import $Bus from "@/utils/mittBus";
// import { useTabsStore } from "@/stores/modules/tabs";
// const tabStore = useTabsStore();
const dataStore = reactive({ const dataStore = reactive({
formData: cloneDeep(FORM_DATA), formData: cloneDeep(FORM_DATA),
ruleForm: cloneDeep(RULE_FORM), ruleForm: cloneDeep(RULE_FORM),
@@ -42,10 +44,10 @@ const dataStore = reactive({
}); });
const userStore = useUserStore(); const userStore = useUserStore();
const $route = useRoute(); const $route = useRoute();
const $router = useRouter();
const detailsRef = ref<any>(null);
dataStore.formData[0].options = userStore.orgIdArr; dataStore.formData[0].options = userStore.orgIdArr;
const init = () => { const init = () => {
//$route.query.title === "新增订阅" ? org_number: ["101"],
if ($route.query.title === "新增订阅") { if ($route.query.title === "新增订阅") {
dataStore.ruleForm.org_number = ["101"]; dataStore.ruleForm.org_number = ["101"];
} }
@@ -53,30 +55,52 @@ const init = () => {
init(); init();
//新增 //新增
const handleAdd = () => { const handleAdd = () => {
if ( if ($route.query.title === "编辑订阅") {
dataStore.ruleForm?.customer_number.length || $router.replace({
dataStore.ruleForm?.org_number || path: "/foundation/subscribe/list/add",
dataStore.ruleForm?.product_lines || query: {
dataStore.ruleForm?.subscriber_dduid title: "新增订阅"
) { }
ElMessageBox.confirm("当前数据未提交, 确认放弃新增数据?", "温馨提示", { });
confirmButtonText: "确定", }
cancelButtonText: "取消", if ($route.query.title === "新增订阅") {
type: "warning" if (
}) dataStore.ruleForm?.customer_number?.length ||
.then(async () => { dataStore.ruleForm?.org_number ||
dataStore.ruleForm = cloneDeep(RULE_FORM); dataStore.ruleForm?.product_lines ||
dataStore.isAdd = true; dataStore.ruleForm?.subscriber_dduid
) {
ElMessageBox.confirm("当前数据未提交, 确认放弃新增数据?", "温馨提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}) })
.catch(() => {}); .then(async () => {
dataStore.ruleForm = cloneDeep(RULE_FORM);
dataStore.ruleForm.org_number = ["101"];
dataStore.isAdd = true;
detailsRef?.value?.formElement?.resetFields();
})
.catch(() => {});
}
} }
}; };
const handleGoList = () => {
setTimeout(() => {
$router.replace({ path: "/foundation/subscribe/list/index" });
$Bus.emit("setResetList");
}, 300);
};
//添加 //添加
const getSubscribeAdd = async (params: any) => { const getSubscribeAdd = async (params: any) => {
console.log(params);
const result = await getSubscribeAddApi(params); const result = await getSubscribeAddApi(params);
if (result?.code === 0) { if (result?.code === 0) {
useMsg("success", "新增成功 "); useMsg("success", "新增成功 ");
dataStore.ruleForm = cloneDeep(RULE_FORM);
dataStore.ruleForm.org_number = ["101"];
detailsRef?.value?.formElement?.resetFields();
handleGoList();
} }
}; };
//更新 //更新
@@ -84,6 +108,7 @@ const getSubscribeUpdate = async (params: any) => {
const result = await getSubscribeUpdateApi($route.query.id, params); const result = await getSubscribeUpdateApi($route.query.id, params);
if (result?.code === 0) { if (result?.code === 0) {
useMsg("success", "更新成功 "); useMsg("success", "更新成功 ");
handleGoList();
} }
}; };
@@ -117,7 +142,6 @@ const handleCommit = () => {
}; };
//详情 //详情
const getSubscribeDetails = async () => { const getSubscribeDetails = async () => {
console.log($route.query.id);
let id = $route.query.id; let id = $route.query.id;
if (!id) { if (!id) {
return; return;
@@ -129,19 +153,36 @@ const getSubscribeDetails = async () => {
setDetailsData(dataStore, data); setDetailsData(dataStore, data);
} }
}; };
const filterBySecondArray = (firstArray: any, secondArray: any) => {
if (!firstArray || !secondArray) {
return;
}
if (!firstArray.length || !secondArray.length) {
return;
}
// 创建一个Set用于快速查找
const filterSet = new Set(secondArray);
// 过滤出后缀在第二个数组中的元素(保留符合条件的)
return firstArray.filter((item: any) => {
// 分割字符串获取后缀部分
const suffix = item.split("_")[1];
// 检查后缀是否在过滤集合中,保留存在的元素
return filterSet.has(suffix);
});
};
//本地多选远程搜索Tag删除回调(组织) //本地多选远程搜索Tag删除回调(组织)
const handleSelectMultipleRemoveTag = async (params: any) => { const handleSelectMultipleRemoveTag = async (params: any) => {
const { org_number } = params; const { org_number } = params;
let customers: any = [];
// 筛选出 org_number 在 ids 中的数据
dataStore.formData[1].options = dataStore.formData[1].options.filter((item: any) => org_number.includes(item.org_number));
dataStore.formData[1].options.length && // 筛选出 org_number 数组包含的数据
dataStore.formData[1].options.forEach((item: any) => { dataStore.formData[1].options = dataStore.formData[1].options.filter((item: any) => {
customers.push(item.value); return org_number.includes(item.id);
}); });
dataStore.ruleForm.customer_number = customers; dataStore.ruleForm.customer_number1 = filterBySecondArray(dataStore.ruleForm.customer_number1, org_number);
}; };
getSubscribeDetails(); getSubscribeDetails();
@@ -154,4 +195,25 @@ const handleButtonClickCallback = (item: any) => {
handleCommit(); handleCommit();
} }
}; };
const getPrefixes = (arr: any) => {
// 遍历数组,返回每个元素下划线前面的部分
return arr.map((item: any) => {
// 分割字符串并返回下划线前面的部分索引0
return item.split("_")[0];
});
};
watch(
() => dataStore.ruleForm.customer_number1,
(newVal: any) => {
if (Array.isArray(newVal) && newVal.length) {
dataStore.ruleForm.customer_number = getPrefixes(newVal);
} else {
dataStore.ruleForm.customer_number = [];
}
},
{
deep: true
}
);
</script> </script>

View File

@@ -11,7 +11,7 @@ export const FORM_DATA: any[] = [
options: [] options: []
}, },
{ {
prop: "customer_number", prop: "customer_number1",
placeholder: "请输入", placeholder: "请输入",
type: "selectMultipleRemoteCustomersNames", type: "selectMultipleRemoteCustomersNames",
label: "客户名称:", label: "客户名称:",
@@ -23,7 +23,7 @@ export const FORM_DATA: any[] = [
{ {
prop: "customer_number", prop: "customer_number",
placeholder: "请输入", placeholder: "请输入",
type: "input", type: "textarea",
label: "客户编码:", label: "客户编码:",
disabled: true, disabled: true,
required: true, required: true,

View File

@@ -24,7 +24,7 @@ export const FORM_DATA: FormItem[] = [
options: [] options: []
}, },
{ {
prop: "customer_number", prop: "customer_numbers",
placeholder: "请输入客户名称", placeholder: "请输入客户名称",
type: "selectMultipleRemote", type: "selectMultipleRemote",
label: "客户名称: ", label: "客户名称: ",
@@ -37,7 +37,7 @@ export const FORM_DATA: FormItem[] = [
label: "客户编码: " label: "客户编码: "
}, },
{ {
prop: "product_line_name", prop: "product_line",
placeholder: "请输入品线", placeholder: "请输入品线",
type: "selectProductLinesRemote", type: "selectProductLinesRemote",
label: "品线: ", label: "品线: ",
@@ -71,5 +71,6 @@ export const FORM_DATA: FormItem[] = [
export const RULE_FORM = { export const RULE_FORM = {
page: 1, page: 1,
size: 1, size: 1,
org_number: ["101"] org_number: ["101"],
customer_number: []
}; };

View File

@@ -19,6 +19,7 @@
<SearchForm <SearchForm
@search="handleSearch" @search="handleSearch"
@reset="handleReset" @reset="handleReset"
@selectMultipleRemoveTag="handleSelectMultipleRemoveTag"
:searchParams="dataStore.initParam" :searchParams="dataStore.initParam"
:formData="dataStore.formData" :formData="dataStore.formData"
/> />
@@ -34,6 +35,7 @@
</template> </template>
<script setup lang="ts" name="foundationSubscribeList"> <script setup lang="ts" name="foundationSubscribeList">
import { onMounted } from "vue";
import SearchForm from "@/components/SearchForm/index.vue"; import SearchForm from "@/components/SearchForm/index.vue";
import ProTable from "@/components/ProTable/index.vue"; import ProTable from "@/components/ProTable/index.vue";
import PermissionButton from "@/components/PermissionButton/index.vue"; import PermissionButton from "@/components/PermissionButton/index.vue";
@@ -45,7 +47,7 @@ import { ProTableInstance } from "@/components/ProTable/interface";
import { btnClick } from "./init"; import { btnClick } from "./init";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { useUserStore } from "@/stores/modules/user"; import { useUserStore } from "@/stores/modules/user";
import $Bus from "@/utils/mittBus";
//深拷贝方法 //深拷贝方法
import { cloneDeep } from "lodash-es"; import { cloneDeep } from "lodash-es";
// 获取 ProTable 元素,调用其获取刷新数据方法(还能获取到当前查询参数,方便导出携带参数) // 获取 ProTable 元素,调用其获取刷新数据方法(还能获取到当前查询参数,方便导出携带参数)
@@ -57,7 +59,7 @@ const userStore = useUserStore();
const dataStore = reactive<any>({ const dataStore = reactive<any>({
columns: COLUMNS, //列表配置项 columns: COLUMNS, //列表配置项
initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件 initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
ruleForm: cloneDeep(RULE_FORM), // 搜索条件
formData: FORM_DATA, //搜索配置项 formData: FORM_DATA, //搜索配置项
buttons: cloneDeep(BUTTON), buttons: cloneDeep(BUTTON),
options: [], //规格型号 options: [], //规格型号
@@ -90,7 +92,7 @@ const handleSearch = async (params: any) => {
dataStore.initParam = cloneDeep(params); dataStore.initParam = cloneDeep(params);
//这里需要等到表格刷新以后才去请求 //这里需要等到表格刷新以后才去请求
nextTick(() => { nextTick(() => {
proTableRef.value!.getTableList(); proTableRef?.value!.getTableList();
}); });
}; };
//重置 //重置
@@ -98,7 +100,7 @@ const handleReset = () => {
dataStore.initParam = cloneDeep(RULE_FORM); dataStore.initParam = cloneDeep(RULE_FORM);
//这里需要等到表格刷新以后才去请求 //这里需要等到表格刷新以后才去请求
nextTick(() => { nextTick(() => {
proTableRef.value!.getTableList(); proTableRef?.value!.getTableList();
}); });
}; };
@@ -109,6 +111,65 @@ const handleOpen = (row: any) => {
query: { id: row.id, title: "编辑订阅" } query: { id: row.id, title: "编辑订阅" }
}); });
}; };
const filterBySecondArray = (firstArray: any, secondArray: any) => {
if (!firstArray || !secondArray) {
return;
}
if (!firstArray.length || !secondArray.length) {
return;
}
// 创建一个Set用于快速查找
const filterSet = new Set(secondArray);
// 过滤出后缀在第二个数组中的元素(保留符合条件的)
return firstArray.filter((item: any) => {
// 分割字符串获取后缀部分
const suffix = item.split("_")[1];
// 检查后缀是否在过滤集合中,保留存在的元素
return filterSet.has(suffix);
});
};
const getPrefixes = (arr: any) => {
// 遍历数组,返回每个元素下划线前面的部分
return arr.map((item: any) => {
// 分割字符串并返回下划线前面的部分索引0
return item.split("_")[0];
});
};
//本地多选远程搜索Tag删除回调(组织)
const handleSelectMultipleRemoveTag = async (params: any) => {
const { org_number } = params;
// 筛选出 org_number 数组包含的数据
dataStore.formData[1].options = dataStore.formData[1].options.filter((item: any) => {
return org_number.includes(item.id);
});
let customer_numbers = filterBySecondArray(dataStore.initParam.customer_numbers, org_number);
dataStore.initParam.customer_numbers = customer_numbers;
};
watch(
() => dataStore.initParam.customer_numbers,
(newVal: any) => {
if (Array.isArray(newVal) && newVal.length) {
dataStore.initParam.customer_number = getPrefixes(newVal);
} else {
dataStore.initParam.customer_number = [];
}
},
{
deep: true
}
);
onMounted(() => {
$Bus.on("setResetList", () => {
nextTick(() => {
proTableRef?.value!.getTableList();
});
});
});
</script> </script>
<style scope lang="scss"> <style scope lang="scss">

View File

@@ -21,7 +21,7 @@ export const handleDel = (params: any) => {
}); });
const result = await getSubscribeDelApi(ids.join(",")); const result = await getSubscribeDelApi(ids.join(","));
if (result?.code === 0) { if (result?.code === 0) {
proTable.value!.getTableList(); proTable?.value!.getTableList();
useMsg("success", "删除成功 "); useMsg("success", "删除成功 ");
} }
}) })

View File

@@ -10,15 +10,18 @@ export const setDetailsData = (dataStore: any, data: any) => {
if (data?.customers?.length) { if (data?.customers?.length) {
data?.customers?.forEach((item: any) => { data?.customers?.forEach((item: any) => {
//客户编码 //客户编码
dataStore.ruleForm.customers.push(item.customer_number); dataStore.ruleForm.customers.push(item.customer_number + "_" + item.use_org_number);
//客户名称下拉框数据初始化 //客户名称下拉框数据初始化
customers_names.push({ customers_names.push({
value: item.customer_number, value: item.customer_number + "_" + item.use_org_number,
label: item.customer_name, label: item.customer_name + " " + `(${item.use_org_name})`,
org_number: "100" id: item.use_org_number,
useOrgName: item.use_org_name
}); });
}); });
//客户名称值回填 //客户名称值回填
dataStore.ruleForm.customer_number1 = dataStore.ruleForm.customers;
dataStore.ruleForm.customer_number = dataStore.ruleForm.customers; dataStore.ruleForm.customer_number = dataStore.ruleForm.customers;
//客户名称下拉框数据 //客户名称下拉框数据
dataStore.formData[1].options = customers_names; dataStore.formData[1].options = customers_names;

View File

@@ -45,6 +45,10 @@ export const FORM_DATA: FormItem[] = [
value: 1, value: 1,
label: "成功" label: "成功"
}, },
{
value: "空",
label: "空"
},
{ {
value: -1, value: -1,
label: "失败" label: "失败"
@@ -65,11 +69,11 @@ export const FORM_DATA: FormItem[] = [
options: [] options: []
}, },
{ {
prop: "warehouse_number", prop: "warehouse_name",
placeholder: "请选择仓库", placeholder: "请输入仓库",
type: "select", type: "input",
label: "仓库: ", label: "仓库: "
options: [] // options: []
}, },
{ {
prop: "sub_warehouse_name", prop: "sub_warehouse_name",
@@ -77,7 +81,12 @@ export const FORM_DATA: FormItem[] = [
type: "input", type: "input",
label: "子仓库: " label: "子仓库: "
}, },
{
prop: "customer_name",
placeholder: "请输入客户名称",
type: "input",
label: "客户名称: "
},
{ {
prop: "Time", prop: "Time",
type: "daterange", type: "daterange",

View File

@@ -23,6 +23,23 @@
:formData="dataStore.formData" :formData="dataStore.formData"
/> />
</template> </template>
<template #notif_ret_text="scope">
<div
v-if="scope.row.notif_ret_text === '成功'"
style="color: #4178d5; cursor: pointer"
@click="handleClickSuccess(scope.row)"
>
{{ scope.row.notif_ret_text }}
</div>
<div
v-else-if="scope.row.notif_ret_text === '失败'"
style="color: red; cursor: pointer"
@click="handleClickError(scope.row)"
>
{{ scope.row.notif_ret_text }}
</div>
<div v-else-if="!scope.row.notif_ret_text">--</div>
</template>
</ProTable> </ProTable>
</div> </div>
</template> </template>
@@ -84,7 +101,7 @@ const handleSearch = async (params: any) => {
dataStore.initParam = cloneDeep(params); dataStore.initParam = cloneDeep(params);
//这里需要等到表格刷新以后才去请求 //这里需要等到表格刷新以后才去请求
nextTick(() => { nextTick(() => {
proTable.value!.getTableList(); proTable?.value!.getTableList();
}); });
}; };
//重置 //重置
@@ -93,7 +110,26 @@ const handleReset = () => {
init(); init();
//这里需要等到表格刷新以后才去请求 //这里需要等到表格刷新以后才去请求
nextTick(() => { nextTick(() => {
proTable.value!.getTableList(); proTable?.value!.getTableList();
});
};
const handleClickSuccess = (row: any) => {
Array.isArray;
ElMessageBox.alert(
`<div style='font-size:16px'>${
Array.isArray(row?.notif_user_names) && row?.notif_user_names.length ? row?.notif_user_names.join(",") : ""
}</div>`,
"接收人",
{
dangerouslyUseHTMLString: true,
showConfirmButton: false
}
);
};
const handleClickError = (row: any) => {
ElMessageBox.alert(`<div style='font-size:16px'>${row.fail_msg}</div>`, "失败原因", {
dangerouslyUseHTMLString: true,
showConfirmButton: false
}); });
}; };
</script> </script>

View File

@@ -1,19 +1,23 @@
import { useMsg } from "@/hooks/useMsg"; import { useMsg } from "@/hooks/useMsg";
import { getSubscribeResetListApi, getSubscribeResetListExportApi } from "@/api/modules/warehousing"; import { getSubscribeResetListApi, getSubscribeResetListExportApi } from "@/api/modules/warehousing";
import { cloneDeep } from "lodash-es";
// 导出 // 导出
export const handleExport = async (params: any) => { export const handleExport = async (data: any) => {
const { initParam } = params; const { initParam } = data;
const result = await getSubscribeResetListExportApi(initParam); let params = cloneDeep(initParam);
params.org_number =
Array.isArray(params?.org_number) && params?.org_number?.length ? params.org_number.join(",") : params.org_number;
const result = await getSubscribeResetListExportApi(params);
if (result?.code === 0) { if (result?.code === 0) {
useMsg("success", "导出成功 "); useMsg("success", "导出成功请前往导出列表中进行下载 ");
} }
}; };
// proTable: any // proTable: any
export const handleReSet = async (item: any, selectionList: any[], proTable: any) => { export const handleReSet = async (params: any) => {
console.log("刷新操作", item); const { proTable, selectionList } = params;
let length = selectionList.length; let length = selectionList.length;
if (length && length > 100) { if (length && length > 100) {
useMsg("warning", "选中刷新数据最大100条"); useMsg("warning", "选中刷新数据最大100条 ");
return; return;
} }
let ids: any = []; let ids: any = [];
@@ -25,7 +29,7 @@ export const handleReSet = async (item: any, selectionList: any[], proTable: any
const result = await getSubscribeResetListApi({ id }); const result = await getSubscribeResetListApi({ id });
if (result?.code === 0) { if (result?.code === 0) {
useMsg("success", "数据刷新成功 "); useMsg("success", "数据刷新成功 ");
proTable.value!.getTableList(); proTable?.value!.getTableList();
} }
}; };

View File

@@ -6,48 +6,61 @@
<script setup lang="ts" name="home"> <script setup lang="ts" name="home">
//登录请求接口 //登录请求接口
import { getOrgsApi, getWarehousesListApi } from "@/api/modules/global"; // import { getOrgsApi, getWarehousesListApi } from "@/api/modules/global";
import { useRoute, useRouter } from "vue-router";
//用户信息存储 //用户信息存储
import { useUserStore } from "@/stores/modules/user"; // import { useUserStore } from "@/stores/modules/user";
const userStore = useUserStore(); // const userStore = useUserStore();
//获取组织 //路由;
const getOrgs = async () => { const $route = useRoute();
const result = await getOrgsApi(); const $router = useRouter();
if (result?.code === 0) { // //获取组织
const { data } = result; // const getOrgs = async () => {
if (data?.length) { // const result = await getOrgsApi();
let options: any = []; // if (result?.code === 0) {
data.forEach((item: any) => { // const { data } = result;
options.push({ // if (data?.length) {
id: item.id, // let options: any = [];
value: item.org_number, // data.forEach((item: any) => {
label: item.org_name // options.push({
}); // id: item.id,
}); // value: item.org_number,
userStore.setOrgIdArr(options); // label: item.org_name
} // });
// });
// userStore.setOrgIdArr(options);
// }
// }
// };
// getOrgs();
// const getWarehousesList = async () => {
// const result = await getWarehousesListApi();
// if (result?.code === 0) {
// const { data } = result;
// if (data?.length) {
// let options: any = [];
// data.forEach((item: any) => {
// options.push({
// id: item.id,
// value: item.warehouse_name,
// label: item.warehouse_name
// });
// });
// userStore.setWarehouse(options);
// }
// }
// };
// getWarehousesList();
const init = () => {
let redirect_path: any = $route.query.redirect_path;
if (redirect_path) {
setTimeout(() => {
$router.push({ path: redirect_path });
}, 500);
} }
}; };
getOrgs(); init();
const getWarehousesList = async () => {
const result = await getWarehousesListApi();
if (result?.code === 0) {
const { data } = result;
if (data?.length) {
let options: any = [];
data.forEach((item: any) => {
options.push({
id: item.id,
value: item.warehouse_number,
label: item.warehouse_name
});
});
userStore.setWarehouse(options);
}
}
};
getWarehousesList();
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">

View File

@@ -4,6 +4,7 @@
<script setup lang="ts"> <script setup lang="ts">
//useRouter //useRouter
import { useRoute, useRouter } from "vue-router"; import { useRoute, useRouter } from "vue-router";
import { getOrgsApi, getWarehousesListApi } from "@/api/modules/global";
// import { useMsg } from "@/hooks/useMsg"; // import { useMsg } from "@/hooks/useMsg";
//重定向 //重定向
import { usePathUrl } from "@/hooks/usePathUrl"; import { usePathUrl } from "@/hooks/usePathUrl";
@@ -18,18 +19,66 @@ const userStore = useUserStore();
const $route = useRoute(); const $route = useRoute();
const $router = useRouter(); const $router = useRouter();
//获取组织
const getOrgs = async () => {
const result = await getOrgsApi();
if (result?.code === 0) {
const { data } = result;
if (data?.length) {
let options: any = [];
data.forEach((item: any) => {
options.push({
id: item.id,
value: item.org_number,
label: item.org_name
});
});
userStore.setOrgIdArr(options);
}
}
};
const getWarehousesList = async () => {
const result = await getWarehousesListApi();
if (result?.code === 0) {
const { data } = result;
if (data?.length) {
let options: any = [];
data.forEach((item: any) => {
options.push({
id: item.id,
value: item.warehouse_name,
label: item.warehouse_name
});
});
userStore.setWarehouse(options);
}
}
};
// 登录 // 登录
const loginHttp = async (code: any) => { const loginHttp = async (code: any) => {
const result: Record<string, any> = await loginApi(code); const result: Record<string, any> = await loginApi(code);
if (result.code === 0) { if (result.code === 0) {
userStore.setToken(result?.data?.access_token); userStore.setToken(result?.data?.access_token);
console.log(result?.data?.access_token, "=data.access_token=");
// 设置用户信息 // 设置用户信息
userStore.setUserInfo(result?.data?.user_data); userStore.setUserInfo(result?.data?.user_data);
//设置好了token和用户信息跳转到首页
setTimeout(() => { let redirect_path: any = $route.query.redirect_path;
$router.push({ path: "/" });
}, 500); if (result?.data?.access_token) {
getWarehousesList();
getOrgs();
}
if (redirect_path) {
setTimeout(() => {
$router.replace({ path: redirect_path });
}, 500);
} else {
setTimeout(() => {
$router.replace({ path: "/" });
}, 500);
}
} else { } else {
location.href = usePathUrl(); location.href = usePathUrl();
} }
@@ -37,14 +86,20 @@ const loginHttp = async (code: any) => {
// 登录前的判断 // 登录前的判断
const login = () => { const login = () => {
const { code } = $route.query; const { code, redirect_path } = $route.query;
// 没有code直接跳转到登录页 // 没有code直接跳转到登录页
if (!code && redirect_path) {
location.href = usePathUrl(redirect_path);
return;
}
if (!code) { if (!code) {
location.href = usePathUrl(); location.href = usePathUrl();
return; return;
} }
// 有code就登录请求 // 有code就登录请求
loginHttp(code); if (code) {
loginHttp(code);
}
}; };
login(); login();
</script> </script>