yangchunlong/orico-officialWebsite-ts-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 🚀 站点切换

Browse Source
This commit is contained in:
yangchunlong
2025-04-09 09:25:12 +08:00
parent af5894dd5a
commit f8d73b1ddb
12 changed files with 115 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.vue
View File

@@ -5,6 +5,8 @@
</template>
<script setup lang="ts">
// import { useUserStore } from "@/stores/modules/user";
// const userStore: any = useUserStore();
import { reactive, ref, computed } from "vue";
import { useTheme } from "@/hooks/useTheme";
@@ -26,4 +28,11 @@ const assemblySize = computed(() => globalStore.assemblySize);
// element button config
const buttonConfig = reactive({ autoInsertSpace: false });
// watch(
// () => userStore.languageType,
// (newVal: any) => {
// console.log(newVal, "=======newVal=======");
// window.location.reload();
// }
// );
</script>

4
src/api/index.ts
View File

@@ -14,8 +14,10 @@ const getDispositionName = (response: any) => {
//导出表格,从content-disposition获取表格的名称 只有导出服务端才会返回该字段
const contentDisposition = response.headers["content-disposition"];
if (contentDisposition) {
let contentDispositionClone = decodeURIComponent(contentDisposition);
console.log(contentDispositionClone);
// 解析 Content-Disposition 以提取文件名
const filenameMatch = contentDisposition.match(/filename=(.*)/i);
const filenameMatch = contentDispositionClone.match(/filename=(.*)/i);
if (filenameMatch && filenameMatch[1]) {
let filename = filenameMatch[1].trim();
localStorage.setItem("filename", filename);

13
src/components/ProTable/index.vue
View File

@@ -83,7 +83,7 @@
<script setup lang="ts" name="ProTable">
// /watch
import { ref, provide, onMounted, watch } from "vue";
import { ref, provide, onMounted } from "vue";
import { ElTable } from "element-plus";
import { useTable } from "@/hooks/useTable";
import { useSelection } from "@/hooks/useSelection";
@@ -93,6 +93,8 @@ import SearchForm from "@/components/SearchForm/index.vue";
import Pagination from "./components/Pagination.vue";
import ColSetting from "./components/ColSetting.vue";
import TableColumn from "./components/TableColumn.vue";
// import { useUserStore } from "@/stores/modules/user";
// const userStore = useUserStore();
const $router = useRouter();
const routeName: any = ref($router.currentRoute.value.name);
export interface ProTableProps {
@@ -157,7 +159,7 @@ onMounted(() => props.requestAuto && getTableList());
// 监听页面 initParam 改化，重新获取表格数据
// watch(() => props.initParam, getTableList, { deep: true });
// 监听页面 orgCode 改化，重新获取表格数据
watch(() => props.orgCode, getTableList, { deep: true });
// watch(() => userStore.languageType, getTableList, { deep: true });
// 接收 columns 并设置为响应式
const tableColumns = ref<ColumnProps[]>(props.columns);
@@ -195,7 +197,12 @@ const colRef = ref();
const colSetting = tableColumns.value!.filter(
item => !["selection", "index", "expand"].includes(item.type!) && item.prop !== "operation" && item.isShow
);
// watch(
// () => userStore.languageType,
// (newVal: any) => {
// console.log(newVal, "=newVal=");
// }
// );
// 暴露给父组件的参数和方法(外部需要什么，都可以从这里暴露出去)
defineExpose({
element: tableRef,

12
src/components/rulesForm/index.vue
View File

@@ -108,7 +108,17 @@
>
</el-radio-group>
</template>
<!-- <template v-if="item.type === 'radio1'">
<el-radio-group v-model="_ruleForm[`${item.prop}`]">
<el-radio
:value="option.value"
:label="option.value"
v-for="(option, optionIndex) in item.options"
:key="optionIndex"
>{{ option.label }}</el-radio
>
</el-radio-group>
</template> -->
<template v-if="item.type === 'upImg'">
<UploadImg v-model:image-url="_ruleForm[`${item.prop}`]">
<template #tip>

12
src/layouts/components/Header/components/Avatar.vue
View File

@@ -42,26 +42,28 @@ import { ref } from "vue";
import { logoutApi } from "@/api/modules/login";
import { useMsg } from "@/hooks/useMsg";
import { useUserStore } from "@/stores/modules/user";
import { ElMessageBox } from "element-plus";
import { outLogin } from "@/utils/outLogin";
//getLanguageCutoverApi
import { getLanguageListApi, getLanguageCutoverApi } from "@/api/modules/global";
const userStore: any = useUserStore();
const userStore = useUserStore();
document.cookie = `lang=zh_cn`;
const langs = ref<any>([]);
const name = ref("");
// 站点列表
const getLanguageList = async () => {
const result = await getLanguageListApi();
if (result?.code === 0) {
const { data } = result;
langs.value = data;
getLanguageCutover(data[0]?.id);
console.log(userStore?.languageType, "===== userStore?.languageType==========");
let id = userStore?.languageType ? userStore?.languageType : data[0]?.id;
getLanguageCutover(id);
}
};
getLanguageList();
// 站点切换接口
const getLanguageCutover = async (id: any) => {
const result = await getLanguageCutoverApi(id);
@@ -73,10 +75,12 @@ const getLanguageCutover = async (id: any) => {
name.value = names[0]?.country_name;
}
};
// 站点切换事件
const handleCommand = (val: string) => {
getLanguageCutover(val);
};
// 退出登录
const logout = () => {
ElMessageBox.confirm("您是否确认重新登录?", "温馨提示", {

38
src/layouts/components/Tabs/components/MoreButton.vue
View File

@@ -34,30 +34,36 @@ import { useTabsStore } from "@/stores/modules/tabs";
import { useGlobalStore } from "@/stores/modules/global";
import { useKeepAliveStore } from "@/stores/modules/keepAlive";
import { useRoute, useRouter } from "vue-router";
// import { initCache } from "./init/init";
import { useUserStore } from "@/stores/modules/user";
const userStore = useUserStore();
// import { useMsg } from "@/hooks/useMsg";
const route = useRoute();
const router = useRouter();
const tabStore = useTabsStore();
const globalStore = useGlobalStore();
const keepAliveStore = useKeepAliveStore();
// // refresh current page
// const refreshCurrentPage: Function = inject("refresh") as Function;
// const refresh = async () => {
// // initCache(data);
// setTimeout(() => {
// keepAliveStore.removeKeepAliveName(route.name as string);
// refreshCurrentPage(false);
// nextTick(() => {
// keepAliveStore.addKeepAliveName(route.name as string);
// refreshCurrentPage(true);
// });
// }, 300);
// };
// refresh current page
const refreshCurrentPage: Function = inject("refresh") as Function;
const refresh = async () => {
// initCache(data);
setTimeout(() => {
keepAliveStore.removeKeepAliveName(route.name as string);
refreshCurrentPage(false);
nextTick(() => {
keepAliveStore.addKeepAliveName(route.name as string);
refreshCurrentPage(true);
});
}, 300);
};
watch(
() => userStore.languageType,
(newVal: any) => {
refresh();
console.log(newVal, "我是tab");
}
);
// maximize current page
const maximize = () => {
globalStore.setGlobalState("maximize", true);

4
src/layouts/components/Tabs/index.vue
View File

@@ -31,6 +31,7 @@ import { useTabsStore } from "@/stores/modules/tabs";
import { useAuthStore } from "@/stores/modules/auth";
import { useKeepAliveStore } from "@/stores/modules/keepAlive";
import { TabsPaneContext, TabPaneName } from "element-plus";
import MoreButton from "./components/MoreButton.vue";
const route = useRoute();
@@ -55,9 +56,6 @@ watch(
() => {
if (route.meta.isFull) return;
tabsMenuValue.value = route.fullPath;
// const TITLES_OBJ = {
// "/articleManagement/list/edit?type=add": "添加文章"
// };
let title: any = route.query.title ? route.query.title : route.meta.title;
const tabsParams = {
icon: route.meta.icon as string,

2
src/views/bannerManagement/list/constant/edit.ts
View File

@@ -61,7 +61,7 @@ export const EDIT_FORM_DATA: FormItem[] = [
},
{
label: "否",
value: 0
value: -1
}
]
},

33
src/views/bannerManagement/list/index.vue
View File

@@ -152,15 +152,24 @@ const buildTree = (data: any, outerLinkTo: any = "") => {
};
// let isFirstRequest = true;
const handleRadioGroupEmits = (value: any) => {
// if (value !== "video" || value !== "image") {
// return;
// }
if (value === "video") {
dataStore.editFormData = EDIT_FORM_DATA1;
dataStore.rules = RULES1;
getBannerClassEditList();
}
// getBannerClassList();
if (value === "image") {
dataStore.isFirstRequest = true;
dataStore.editFormData = EDIT_FORM_DATA;
dataStore.rules = RULES;
} else {
dataStore.editFormData = EDIT_FORM_DATA1;
dataStore.rules = RULES1;
getBannerClassEditList();
}
// console.log(value, "==========value==========");
// getBannerClassEditList();
};
const getSystemUrls = async (node: any, resolve: any) => {
@@ -205,7 +214,6 @@ const getBannerRead = async (id: any) => {
if (result?.code === 0) {
dataStore.editRuleForm = result?.data;
setImgOrVideo();
if (dataStore.editRuleForm.link && dataStore.editRuleForm.link_to) {
let { id, name, link } = dataStore.editRuleForm.link_echo_data;
let obj: any = {
@@ -277,7 +285,7 @@ const getBannerClassEditList = async () => {
}
};
// 新增 getBannerListSave
// 新增
const getBannerListSave = async () => {
const result = await getBannerListSaveApi(dataStore.editRuleForm);
if (result?.code === 0) {
@@ -370,21 +378,6 @@ const handleBlur = (row: any) => {
const handleInput = (row: any) => {
row.sort = integerRexg(row.sort);
};
// watch(
// () => dataStore.editRuleForm.type,
// newVal => {
// console.log(dataStore.editRuleForm.type);
// if (newVal === "video") {
// dataStore.editFormData = EDIT_FORM_DATA1;
// } else {
// dataStore.editFormData = EDIT_FORM_DATA;
// }
// },
// {
// immediate: true,
// deep: true
// }
// );
</script>
<style scoped lang="scss">

33
src/views/feedbackManagement/product/index.vue
View File

@@ -14,10 +14,10 @@
<script setup lang="ts" name="feedbackProductIndex">
import ProTable from "@/components/ProTable/index.vue";
// const $router = useRouter();
//列表接口
import { getProductListApi } from "@/api/modules/product";
// import { getCountryListApi } from "@/api/modules/global";
// import { useUserStore } from "@/stores/modules/user";
// const userStore: any = useUserStore();
//深拷贝方法
@@ -32,36 +32,15 @@ const dataStore = reactive<any>({
initParam: cloneDeep(RULE_FORM), // 初始化搜索条件|重置搜索条件
ruleForm: cloneDeep(RULE_FORM), // 搜索參數
formData: FORM_DATA //搜索配置项
// ZH: [],
// EN: []
});
// const getCountryList = async () => {
// const result = await getCountryListApi();
// if (result?.code === 0) {
// dataStore.ZH = [];
// dataStore.EN = [];
// result?.data.forEach((item: any) => {
// dataStore.ZH.push({
// label: item.name,
// value: item.id
// });
// dataStore.EN.push({
// label: item.name,
// value: item.id
// });
// });
// dataStore.formData[1].options = userStore.languageType === 1 ? dataStore.ZH : dataStore.EN;
// }
// };
// getCountryList();
// watch(
// () => userStore.languageType,
// (newVal: any) => {
// dataStore.formData[1].options = newVal === 1 ? dataStore.ZH : dataStore.EN;
// },
// { deep: true, immediate: true }
// console.log(newVal, "=======newVal=======");
// // window.location.reload();
// $router.go(0);
// }
// );
</script>

12
src/views/feedbackManagement/purchase/index.vue
View File

@@ -19,6 +19,8 @@
<script setup lang="ts" name="feedbackContactIndex">
import ProTable from "@/components/ProTable/index.vue";
import { useExport } from "@/hooks/useExport";
// import { useUserStore } from "@/stores/modules/user";
// const userStore: any = useUserStore();
//列表接口
import { getBPListExportApi, getBPListApi, getBPInterestedListApi } from "@/api/modules/purchase";
//深拷贝方法
@@ -58,10 +60,18 @@ const getBPInterestedList = async () => {
});
});
dataStore.formData[1].options = arr;
console.log(result?.data, "=======data========");
}
};
getBPInterestedList();
// watch(
// () => userStore.languageType,
// (newVal: any) => {
// console.log(newVal);
// getBPInterestedList();
// },
// { deep: true, immediate: true }
// );
</script>
<style scoped></style>

32
src/views/productManagement/list/constant/edit.ts
View File

@@ -109,22 +109,22 @@ export const BASIC_INFO_FORM_DATA: FormItem[] = [
]
},
{
prop: "is_show1",
placeholder: "",
type: "radio",
label: "是否启用: ",
options: [
{
label: "是",
value: 1
},
{
label: "否",
value: 0
}
]
},
// {
// prop: "is_show1",
// placeholder: "",
// type: "radio",
// label: "是否启用: ",
// options: [
// {
// label: "是",
// value: 1
// },
// {
// label: "否",
// value: -1
// }
// ]
// },
{
prop: "seo_title",