feat: 🚀 对接接口

This commit is contained in:
2025-05-22 16:36:39 +08:00
parent 10e1443e78
commit 2bb7d442ea
107 changed files with 4291 additions and 388 deletions

View File

@@ -7,6 +7,13 @@
"name": "foundation", "name": "foundation",
"component": "/foundation/index", "component": "/foundation/index",
"hidden": false, "hidden": false,
"children":[
{
"id": 11,
"path": "/index",
"name": "foundation",
"component": "/foundation/index",
"hidden": false,
"children":[], "children":[],
"meta": { "meta": {
"icon": "", "icon": "",
@@ -15,14 +22,68 @@
"isKeepAlive": true, "isKeepAlive": true,
"isAffix":true "isAffix":true
} }
}],
"meta": {
"icon": "",
"zhTitle": "基础API",
"enTitle":"Base API",
"isKeepAlive": true,
"isAffix":true
}
}, },
{ {
"id": 2, "id": 2,
"path": "/product/index", "path": "/product",
"name": "product", "name": "product",
"component": "/product/index", "component": "/product",
"hidden": false,
"children":[
{
"id": 21,
"path": "/product/list/index",
"name": "productListIndex",
"component": "/product/list/index",
"hidden": false, "hidden": false,
"children":[], "children":[],
"meta": {
"icon": "",
"zhTitle": "产品列表接口",
"enTitle":"Product List API",
"isKeepAlive": true,
"isAffix":true
}
},
{
"id": 211,
"path": "/product/details/index",
"name": "productDetailsIndex",
"component": "/product/details/index",
"hidden": false,
"children":[],
"meta": {
"icon": "",
"zhTitle": "产品详情接口",
"enTitle":"Product Details API",
"isKeepAlive": true,
"isAffix":true
}
},
{
"id": 2111,
"path": "/product/class/index",
"name": "productClassIndex",
"component": "/product/class/index",
"hidden": false,
"children":[],
"meta": {
"icon": "",
"zhTitle": "产品分类接口",
"enTitle":"Product class List API",
"isKeepAlive": true,
"isAffix":true
}
}
],
"meta": { "meta": {
"icon": "", "icon": "",
"zhTitle": "产品API", "zhTitle": "产品API",
@@ -33,11 +94,58 @@
}, },
{ {
"id": 3, "id": 3,
"path": "/news/index", "path": "/news",
"name": "news", "name": "news",
"component": "/news/index", "component": "/news",
"hidden": false,
"children":[
{
"id": 31,
"path": "/news/list/index",
"name": "newsListIndex",
"component": "/news/list/index",
"hidden": false, "hidden": false,
"children":[], "children":[],
"meta": {
"icon": "",
"zhTitle": "新闻列表接口",
"enTitle":"News List API",
"isKeepAlive": true,
"isAffix":true
}
},
{
"id": 311,
"path": "/news/details/index",
"name": "newsDetailsIndex",
"component": "/news/details/index",
"hidden": false,
"children":[],
"meta": {
"icon": "",
"zhTitle": "新闻详情接口",
"enTitle":"News Details API",
"isKeepAlive": true,
"isAffix":true
}
},
{
"id": 2111,
"path": "/news/class/index",
"name": "newsClassIndex",
"component": "/news/class/index",
"hidden": false,
"children":[],
"meta": {
"icon": "",
"zhTitle": "新闻分类接口",
"enTitle":"news class List API",
"isKeepAlive": true,
"isAffix":true
}
}
],
"meta": { "meta": {
"icon": "", "icon": "",
"zhTitle": "新闻API", "zhTitle": "新闻API",

View File

@@ -1,27 +1,45 @@
<template> <template>
<div> <div @mouseleave="handleHideSubMenus">
<el-scrollbar> <el-scrollbar>
<lv1 :menuList="menuList" @change="handleShowSubMenus" /> <lv1 :menuList="menuList" @change="handleShowSubMenus" />
</el-scrollbar> </el-scrollbar>
<el-scrollbar class="sub-menu" v-if="displaySubMenus">
<lv2 :menus="activedMenu" />
</el-scrollbar>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import lv1 from "./components/lv1.vue"; import lv1 from "./components/lv1.vue";
const $router = useRouter(); import lv2 from "./components/lv2.vue";
import { useRoute } from "vue-router";
defineProps<{ menuList: Menu.MenuOptions[] }>(); defineProps<{ menuList: Menu.MenuOptions[] }>();
const $route = useRoute();
const activedMenu = ref<any>({});
const displaySubMenus = ref(false);
const handleShowSubMenus = (menu: any) => { const handleShowSubMenus = (menu: any) => {
$router.push({ activedMenu.value = menu;
path: menu.path displaySubMenus.value = true;
});
}; };
const handleHideSubMenus = () => {
activedMenu.value = {};
displaySubMenus.value = false;
};
watch(
() => $route,
() => {
displaySubMenus.value = false;
}
);
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.sub-menu { .sub-menu {
position: fixed; position: fixed;
top: 0; top: 60px;
left: 65px; left: 95px;
z-index: 100; z-index: 100;
box-sizing: border-box; box-sizing: border-box;
width: 210px; width: 210px;

View File

@@ -0,0 +1,112 @@
<template>
<div class="wrap">
<h4 class="wrap-tag">{{ languageValue === 1 ? menus.meta.zhTitle : menus.meta.enTitle }}</h4>
<div class="menu-wrap" v-for="(menu, idx) in menus.children" :key="idx">
<ul class="menu1" style="margin: 0 !important">
<li>
<a
href="javascript:void(0);"
:class="{ actived: menu.path == path }"
@click="handleOpenPage(menu)"
v-if="!menu.hidden"
>{{ languageValue === 1 ? menu.meta.zhTitle : menu.meta.enTitle }}</a
>
<a
target="_blank"
:class="{ actived: menu.path == path }"
:href="item.path"
v-else-if="(menu.hidden && menu.path.indexOf('https://') !== -1) || menu.path.indexOf('http://') !== -1"
>{{ menu.meta.title }}</a
>
</li>
</ul>
</div>
</div>
</template>
<script setup lang="ts" name="lv2">
import { useRoute, useRouter } from "vue-router";
import { useUserStore } from "@/stores/modules/user";
const userStore = useUserStore();
const $router = useRouter();
const $route = useRoute();
const path: any = ref("/index");
let languageValue = ref(1);
defineProps<{ menus: any }>();
watch(
() => $route,
(to: any) => {
path.value = to.path;
}
);
const handleOpenPage = (item: any) => {
$router.push({
path: item.path
});
};
watch(
() => userStore.languageValue,
newVal => {
languageValue.value = newVal;
},
{
immediate: true,
deep: true
}
);
</script>
<style lang="scss" scoped>
.wrap {
padding: 24px;
}
.wrap-tag {
font-size: 18px;
color: #303133;
}
.menu-wrap {
margin: 24px 0;
}
.menu-wrap .title {
font-size: 14px;
font-weight: bold;
color: #303133;
}
.menu-wrap .menu1 {
padding: 0;
margin: 0;
list-style: none;
border-left: 1px solid #dcdfe6;
}
.menu-wrap .menu1 li {
margin-bottom: 10px;
}
.menu-wrap .menu1 li:not(:last-child) {
margin-bottom: 10px;
}
.menu-wrap .menu1 li a {
display: block;
min-width: 140px;
padding-left: 24px;
margin-left: -1px;
font-size: 14px;
color: #303133;
text-decoration: none;
}
.menu-wrap.menu1 li a::before {
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 8px;
margin-top: -4px;
content: "";
background-color: #dcdfe6;
}
.menu-wrap .menu1 li a.actived,
.menu-wrap .menu1 li a:hover {
color: #4178d5;
border-left: 2px solid #4178d5;
}
</style>

View File

@@ -16,6 +16,11 @@ export const HTTPS_PUBLIC_PARAMS_EN_COLUMNS = [
label: "Is it mandatory", label: "Is it mandatory",
prop: "isItMandatory" prop: "isItMandatory"
}, },
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{ {
align: "left", align: "left",
label: "Parameter description", label: "Parameter description",

View File

@@ -15,6 +15,11 @@ export const HTTPS_PUBLIC_PARAMS_COLUMNS = [
label: "是否必填", label: "是否必填",
prop: "isItMandatory" prop: "isItMandatory"
}, },
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{ {
align: "left", align: "left",
label: "参数描述", label: "参数描述",

View File

@@ -29,24 +29,29 @@ export const EN_DATA = [
parameterName: "client_id", parameterName: "client_id",
parameterType: "string", parameterType: "string",
isItMandatory: "yes", isItMandatory: "yes",
exampleValue: "682c22b746aef",
parameterDescription: "" parameterDescription: ""
}, },
{ {
parameterName: "client_secret", parameterName: "client_secret",
parameterType: "string", parameterType: "string",
isItMandatory: "yes", isItMandatory: "yes",
exampleValue: "oibmLhFdEVWhX6lFSF4rWVXnATKI8Oml",
parameterDescription: "" parameterDescription: ""
}, },
{ {
parameterName: "grant_type", parameterName: "grant_type",
parameterType: "string", parameterType: "string",
isItMandatory: "yes", isItMandatory: "yes",
exampleValue: "client_credentials",
parameterDescription: "Client-side credentials: Get tokens; Refresh_token: Refresh token" parameterDescription: "Client-side credentials: Get tokens; Refresh_token: Refresh token"
}, },
{ {
parameterName: "refresh_token", parameterName: "refresh_token",
parameterType: "string", parameterType: "string",
isItMandatory: "no", isItMandatory: "no",
exampleValue: "",
parameterDescription: "When refreshing the token, it is necessary" parameterDescription: "When refreshing the token, it is necessary"
} }
] ]

View File

@@ -29,24 +29,28 @@ export const ZH_DATA = [
parameterName: "client_id", parameterName: "client_id",
parameterType: "string", parameterType: "string",
isItMandatory: "必需", isItMandatory: "必需",
exampleValue: "682c22b746aef",
parameterDescription: "" parameterDescription: ""
}, },
{ {
parameterName: "client_secret", parameterName: "client_secret",
parameterType: "string", parameterType: "string",
isItMandatory: "必需", isItMandatory: "必需",
exampleValue: "oibmLhFdEVWhX6lFSF4rWVXnATKI8Oml",
parameterDescription: "" parameterDescription: ""
}, },
{ {
parameterName: "grant_type", parameterName: "grant_type",
parameterType: "string", parameterType: "string",
isItMandatory: "必需", isItMandatory: "必需",
exampleValue: "client_credentials",
parameterDescription: "client_credentials:获取tokenrefresh_token:刷新token" parameterDescription: "client_credentials:获取tokenrefresh_token:刷新token"
}, },
{ {
parameterName: "refresh_token", parameterName: "refresh_token",
parameterType: "string", parameterType: "string",
isItMandatory: "非必需", isItMandatory: "可选",
exampleValue: "",
parameterDescription: "刷新token时必须" parameterDescription: "刷新token时必须"
} }
] ]

View File

@@ -10,11 +10,11 @@ export const HTTPS_ERROR_PARAMS_EN_COLUMNS = [
align: "left", align: "left",
label: "Error message", label: "Error message",
prop: "errorMessage" prop: "errorMessage"
},
{
align: "left",
label: "Troubleshooting method",
prop: "TroMethods"
} }
// {
// align: "left",
// label: "Troubleshooting method",
// prop: "TroMethods"
// }
]; ];

View File

@@ -9,11 +9,11 @@ export const HTTPS_ERROR_PARAMS_COLUMNS = [
align: "left", align: "left",
label: "错误信息", label: "错误信息",
prop: "errorInfo" prop: "errorInfo"
},
{
align: "left",
label: "排查方法",
prop: "TroMethods"
} }
// {
// align: "left",
// label: "排查方法",
// prop: "TroMethods"
// }
]; ];

View File

@@ -3,7 +3,7 @@ export const HTTPS_RETURN_PARAMS_COLUMNS = [
{ {
align: "left", align: "left",
fixed: true, fixed: true,
label: "参数接口", label: "参数名称",
prop: "parameterInterface" prop: "parameterInterface"
}, },
{ {

View File

@@ -0,0 +1,117 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS
// HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
//HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
// {
// title: "Common request parameters", 公共参数
// columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// parameterName: "category_id",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "",
// parameterDescription: "Classification ID"
// },
// {
// parameterName: "language",
// parameterType: "string",
// isItMandatory: "可选",
// exampleValue: "zh-cn",
// parameterDescription: "语言"
// },
// {
// parameterName: "page",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "1",
// parameterDescription: ""
// },
// {
// parameterName: "size",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "50",
// parameterDescription: ""
// }
// ]
// },
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
parameterName: "parent_id",
parameterType: "integer",
isItMandatory: "no",
exampleValue: "1",
parameterDescription: "Superior classification ID"
},
{
parameterName: "language",
parameterType: "string",
isItMandatory: "no",
exampleValue: "zh-cn",
parameterDescription: "Language: zh cn (Chinese); En us (English)"
},
{
parameterName: "page",
parameterType: "integer ",
isItMandatory: "no",
exampleValue: "1",
parameterDescription: "page number"
},
{
parameterName: "size",
parameterType: "integer ",
isItMandatory: "no",
exampleValue: "50",
parameterDescription: "Number of items displayed per page (default 50, maximum 200)"
}
]
},
// {
// title: "Return parameter description",
// columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// environment: "测试环境",
// https: "http://dev.ow.f2b211.com/admapi"
// },
// {
// environment: "正式环境",
// https: "http://ow.f2b211.com/admapi"
// }
// ]
// },
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorMessage: "Unauthorized interface",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,87 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS
// HTTPS_PUBLIC_PARAMS_COLUMNS,
// HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "parent_id",
parameterType: "integer",
isItMandatory: "可选",
exampleValue: "1",
parameterDescription: "所属上级分类id"
},
{
parameterName: "language",
parameterType: "string",
isItMandatory: "可选",
exampleValue: "zh-cn",
parameterDescription: "所属语言zh-cn中文en-us英文"
},
{
parameterName: "page",
parameterType: "integer ",
isItMandatory: "可选",
exampleValue: "1",
parameterDescription: "页码"
},
{
parameterName: "size",
parameterType: "integer ",
isItMandatory: "可选",
exampleValue: "50",
parameterDescription: "每页显示条数默认50最大200"
}
]
},
// {
// title: "返回参数说明",
// columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
// data: [
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// },
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// }
// ]
// },
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorInfo: "接口未经授权",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,170 @@
//想要示例
export const RETURN_VALUE = {
code: 0,
msg: "success",
data: {
total: 13,
per_page: 50,
current_page: 1,
last_page: 1,
data: [
{
id: 10,
pid: 5,
name: "初次使用",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/f9337c05ea42bba312c779473750546d.png",
desc: null,
sort: 1,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 2,
pid: 1,
name: "新闻热点",
short_name: null,
icon: null,
desc: null,
sort: 1,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 1,
pid: 0,
name: "品牌动态",
short_name: null,
icon: null,
desc: null,
sort: 1,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 11,
pid: 5,
name: "存储管理",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/c2fbb88e15410dd490100c651e93ff6e.png",
desc: null,
sort: 2,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 3,
pid: 1,
name: "产品评测",
short_name: null,
icon: null,
desc: null,
sort: 2,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 12,
pid: 5,
name: "网络设置",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/3945d6e1e57a95d90918beeb2a8d0f39.png",
desc: null,
sort: 3,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 4,
pid: 1,
name: "博客",
short_name: null,
icon: null,
desc: null,
sort: 3,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 13,
pid: 5,
name: "文件管理",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/bbf9270ab5ed7579312856fd01c8d97a.png",
desc: null,
sort: 4,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 5,
pid: 0,
name: "帮助中心",
short_name: null,
icon: null,
desc: null,
sort: 4,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 14,
pid: 5,
name: "影视管理",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/f180790da3e94f97af840b3acd3f87ff.png",
desc: null,
sort: 5,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 15,
pid: 5,
name: "相册管理",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/c1ac147f0d84e83bf3c739ec88a7e72b.png",
desc: null,
sort: 6,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 16,
pid: 5,
name: "系统管理",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/0d870c4c2da82cac18b0935e9739bac9.png",
desc: null,
sort: 7,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 17,
pid: 5,
name: "更多",
short_name: null,
icon: "https://dev.ow.f2b211.com/storage/images/article/20250430/ea84add2d16c5049a6fa5d182300254c.png",
desc: null,
sort: 8,
level: 1,
is_show: 1,
deleted_at: null
}
],
has_more: false
}
};

View File

@@ -0,0 +1,79 @@
<template>
<div class="card table-box">
<div>
<h3>/article/categories</h3>
</div>
<div>
<h4>{{ paramsValue }}</h4>
</div>
<template v-for="(item, index) in tableData" :key="index">
<MyTable :title="item.title" :columns="item.columns" :tableData="item.data" />
</template>
<div>
<h5>{{ queryTextareaTitle }}</h5>
<el-input v-model="queryTextareaValue" style="width: 840px" :rows="10" type="textarea" readonly />
</div>
<div>
<h5>{{ returnTextareaTitle }}</h5>
<el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="30" type="textarea" readonly />
</div>
</div>
</template>
<script setup lang="ts" name="productIndex">
import { ZH_DATA } from "./data/zh_data";
import { EN_DATA } from "./data/en_data";
import { useUserStore } from "@/stores/modules/user";
import MyTable from "@/components/MyTable/index.vue";
import { RETURN_VALUE } from "./example/index";
const userStore = useUserStore();
const PARAMS_DATA = {
1: ZH_DATA,
2: EN_DATA
};
const TEXTAREA_TITLES = {
1: "请求示例",
2: "Request Example"
};
const TEXTAREA_TITLES1 = {
1: "响应示例",
2: "Response Example"
};
const PARAMS_VALUE = {
1: "公共参数",
2: "Common parameters"
};
let tableData = ref(ZH_DATA);
let queryTextareaValue = ref(
JSON.stringify(
{
parent_id: 1,
language: "zh-cn",
page: 1,
size: 50
},
null,
2
)
);
let returnTextareaTitleValue = ref(JSON.stringify(RETURN_VALUE, null, 2));
let queryTextareaTitle = ref("请求示例");
let returnTextareaTitle = ref("响应示例");
let paramsValue = ref("公共参数");
watch(
() => userStore.languageValue,
newVal => {
tableData.value = PARAMS_DATA[newVal];
queryTextareaTitle.value = TEXTAREA_TITLES[newVal];
returnTextareaTitle.value = TEXTAREA_TITLES1[newVal];
paramsValue.value = PARAMS_VALUE[newVal];
},
{
immediate: true,
deep: true
}
);
</script>
<style scoped></style>

View File

@@ -1,82 +0,0 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS,
HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Common request parameters",
columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Return parameter description",
columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
errorCode: "111",
errorInfo: "233",
TroMethods: "123232"
},
{
errorCode: "111",
errorInfo: "233",
TroMethods: "123232"
}
]
}
];

View File

@@ -1,79 +0,0 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS,
// HTTPS_PUBLIC_PARAMS_COLUMNS,
HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "测试环境",
parameterType: "http://dev.ow.f2b211.com/admapi",
isItMandatory: "否",
exampleValue: "多少",
parameterDescription: "demo"
},
{
parameterName: "测试环境",
parameterType: "http://dev.ow.f2b211.com/admapi",
isItMandatory: "是",
exampleValue: "大萨达",
parameterDescription: "demo1"
}
]
},
{
title: "返回参数说明",
columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterInterface: "1",
parameterType: "2",
exampleValue: "3",
describe: "4"
},
{
parameterInterface: "1",
parameterType: "2",
exampleValue: "3",
describe: "4"
}
]
},
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "111",
errorInfo: "233",
TroMethods: "123232"
},
{
errorCode: "111",
errorInfo: "233",
TroMethods: "123232"
}
]
}
];

View File

@@ -10,11 +10,11 @@ export const HTTPS_ERROR_PARAMS_EN_COLUMNS = [
align: "left", align: "left",
label: "Error message", label: "Error message",
prop: "errorMessage" prop: "errorMessage"
},
{
align: "left",
label: "Troubleshooting method",
prop: "TroMethods"
} }
// {
// align: "left",
// label: "Troubleshooting method",
// prop: "TroMethods"
// }
]; ];

View File

@@ -9,11 +9,11 @@ export const HTTPS_ERROR_PARAMS_COLUMNS = [
align: "left", align: "left",
label: "错误信息", label: "错误信息",
prop: "errorInfo" prop: "errorInfo"
},
{
align: "left",
label: "排查方法",
prop: "TroMethods"
} }
// {
// align: "left",
// label: "排查方法",
// prop: "TroMethods"
// }
]; ];

View File

@@ -3,7 +3,7 @@ export const HTTPS_RETURN_PARAMS_COLUMNS = [
{ {
align: "left", align: "left",
fixed: true, fixed: true,
label: "参数接口", label: "参数名称",
prop: "parameterInterface" prop: "parameterInterface"
}, },
{ {

View File

@@ -0,0 +1,96 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS
// HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
//HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
// {
// title: "Common request parameters", 公共参数
// columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// parameterName: "category_id",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "",
// parameterDescription: "Classification ID"
// },
// {
// parameterName: "language",
// parameterType: "string",
// isItMandatory: "可选",
// exampleValue: "zh-cn",
// parameterDescription: "语言"
// },
// {
// parameterName: "page",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "1",
// parameterDescription: ""
// },
// {
// parameterName: "size",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "50",
// parameterDescription: ""
// }
// ]
// },
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
parameterName: "id",
parameterType: "string ",
isItMandatory: "yes",
exampleValue: "1",
parameterDescription: "Details ID"
}
]
},
// {
// title: "Return parameter description",
// columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// environment: "测试环境",
// https: "http://dev.ow.f2b211.com/admapi"
// },
// {
// environment: "正式环境",
// https: "http://ow.f2b211.com/admapi"
// }
// ]
// },
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorMessage: "Unauthorized interface",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,66 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS
// HTTPS_PUBLIC_PARAMS_COLUMNS,
// HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "id",
parameterType: "string ",
isItMandatory: "必需",
exampleValue: "1",
parameterDescription: "详情id"
}
]
},
// {
// title: "返回参数说明",
// columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
// data: [
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// },
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// }
// ]
// },
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorInfo: "接口未经授权",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,25 @@
//想要示例
export const RETURN_VALUE = {
code: 0,
msg: "success",
data: {
id: 1,
title: "ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一",
author: "writer",
source: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/f2fe26180c14b959c23081df6b09b7d8.jpg",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
recommend: 0,
release_time: "2018-09-11 08:58:35",
sort: 0,
link: "",
content:
"国内的电信行业已经实施过多轮改革了影响大的重组、拆分至少有六次我们现在所熟悉的中国移动、中国联通、中国电信就是多次拆分、重组之后的产物了最近的一次大规模重组发生在2008年前后当时国内有六家电信运营商——除了电信联通移动之外还有铁通、卫通及网通。重组之后剩下这三家他们各自都拥有了移动及固网业务了。",
view_count: 10,
praise_count: 0,
category: {
id: 2,
name: "新闻热点"
}
}
};

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="card table-box"> <div class="card table-box">
<div> <div>
<h3>/open/product</h3> <h3>/article/{id}</h3>
</div> </div>
<div> <div>
<h4>{{ paramsValue }}</h4> <h4>{{ paramsValue }}</h4>
@@ -15,16 +15,17 @@
</div> </div>
<div> <div>
<h5>{{ returnTextareaTitle }}</h5> <h5>{{ returnTextareaTitle }}</h5>
<el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="10" type="textarea" readonly /> <el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="30" type="textarea" readonly />
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts" name="product"> <script setup lang="ts" name="productIndex">
import { ZH_DATA } from "./data/zh_data"; import { ZH_DATA } from "./data/zh_data";
import { EN_DATA } from "./data/en_data"; import { EN_DATA } from "./data/en_data";
import { useUserStore } from "@/stores/modules/user"; import { useUserStore } from "@/stores/modules/user";
import MyTable from "@/components/MyTable/index.vue"; import MyTable from "@/components/MyTable/index.vue";
import { RETURN_VALUE } from "./example/index";
const userStore = useUserStore(); const userStore = useUserStore();
const PARAMS_DATA = { const PARAMS_DATA = {
1: ZH_DATA, 1: ZH_DATA,
@@ -42,9 +43,18 @@ const PARAMS_VALUE = {
1: "公共参数", 1: "公共参数",
2: "Common parameters" 2: "Common parameters"
}; };
let tableData = ref(ZH_DATA); let tableData = ref(ZH_DATA);
let queryTextareaValue = ref(null); let queryTextareaValue = ref(
let returnTextareaTitleValue = ref(null); JSON.stringify(
{
id: 1
},
null,
2
)
);
let returnTextareaTitleValue = ref(JSON.stringify(RETURN_VALUE, null, 2));
let queryTextareaTitle = ref("请求示例"); let queryTextareaTitle = ref("请求示例");
let returnTextareaTitle = ref("响应示例"); let returnTextareaTitle = ref("响应示例");
let paramsValue = ref("公共参数"); let paramsValue = ref("公共参数");

View File

@@ -0,0 +1,20 @@
//错误说明
export const HTTPS_ERROR_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Error code",
prop: "errorCode"
},
{
align: "left",
label: "Error message",
prop: "errorMessage"
}
// {
// align: "left",
// label: "Troubleshooting method",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,29 @@
//请求参数
export const HTTPS_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Environment",
prop: "environment"
},
{
align: "left",
label: "HTTPS Address",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_EN_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_EN_COLUMNS } from "./https_params";
import { HTTPS_URL_EN_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_EN_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_EN_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS,
HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
HTTPS_RETURN_PARAMS_EN_COLUMNS
};

View File

@@ -0,0 +1,24 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter interface",
prop: "parameterInterface"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Describe",
prop: "describe"
}
];

View File

@@ -0,0 +1,19 @@
//错误说明
export const HTTPS_ERROR_PARAMS_COLUMNS = [
{
align: "left",
label: "错误码",
prop: "errorCode"
},
{
align: "left",
label: "错误信息",
prop: "errorInfo"
}
// {
// align: "left",
// label: "排查方法",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,28 @@
//请求参数
export const HTTPS_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_COLUMNS = [
{
align: "left",
fixed: true,
label: "环境",
prop: "environment"
},
{
align: "left",
label: "HTTPS地址",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_COLUMNS } from "./https_params";
import { HTTPS_URL_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS,
HTTPS_PUBLIC_PARAMS_COLUMNS,
HTTPS_RETURN_PARAMS_COLUMNS
};

View File

@@ -0,0 +1,23 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_COLUMNS = [
{
align: "left",
fixed: true,
label: "参数名称",
prop: "parameterInterface"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "说明",
prop: "describe"
}
];

View File

@@ -0,0 +1,117 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS
// HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
//HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
// {
// title: "Common request parameters", 公共参数
// columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// parameterName: "category_id",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "",
// parameterDescription: "Classification ID"
// },
// {
// parameterName: "language",
// parameterType: "string",
// isItMandatory: "可选",
// exampleValue: "zh-cn",
// parameterDescription: "语言"
// },
// {
// parameterName: "page",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "1",
// parameterDescription: ""
// },
// {
// parameterName: "size",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "50",
// parameterDescription: ""
// }
// ]
// },
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
parameterName: "parent_id",
parameterType: "integer",
isItMandatory: "no",
exampleValue: "1",
parameterDescription: "Category (optional)"
},
{
parameterName: "language",
parameterType: "string",
isItMandatory: "no",
exampleValue: "zh-cn",
parameterDescription: "Language: zh cn (Chinese); En us (English)"
},
{
parameterName: "page",
parameterType: "integer ",
isItMandatory: "no",
exampleValue: "1",
parameterDescription: "page number"
},
{
parameterName: "size",
parameterType: "integer ",
isItMandatory: "no",
exampleValue: "50",
parameterDescription: "Number of items displayed per page (default 50, maximum 200)"
}
]
},
// {
// title: "Return parameter description",
// columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// environment: "测试环境",
// https: "http://dev.ow.f2b211.com/admapi"
// },
// {
// environment: "正式环境",
// https: "http://ow.f2b211.com/admapi"
// }
// ]
// },
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorMessage: "Unauthorized interface",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,87 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS
// HTTPS_PUBLIC_PARAMS_COLUMNS,
// HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "category_id",
parameterType: "integer",
isItMandatory: "可选",
exampleValue: "1",
parameterDescription: "所属分类(可不传)"
},
{
parameterName: "language",
parameterType: "string ",
isItMandatory: "可选",
exampleValue: "zh-cn",
parameterDescription: "所属语言zh-cn中文en-us英文"
},
{
parameterName: "page",
parameterType: "integer ",
isItMandatory: "可选",
exampleValue: "1",
parameterDescription: "页码"
},
{
parameterName: "size",
parameterType: "integer ",
isItMandatory: "可选",
exampleValue: "50",
parameterDescription: "每页显示条数默认50最大200"
}
]
},
// {
// title: "返回参数说明",
// columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
// data: [
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// },
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// }
// ]
// },
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorInfo: "接口未经授权",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,564 @@
//想要示例
export const RETURN_VALUE = {
code: 0,
msg: "success",
data: {
total: 255,
per_page: 50,
current_page: 1,
last_page: 6,
data: [
{
id: 1,
title: "ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/f2fe26180c14b959c23081df6b09b7d8.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 2,
title: "台北电脑展最全的充电外设",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/a9cc2cef42efcf0a2100b587b956f831.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 3,
title: "ORICO携多款新型科技产品再次亮相 环球资源消费电子展",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/90f7b38e53f7cd7194b4c85a5eaae571.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 4,
title: "ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/dac17c2e7e3bf4f34fc2e79a5f05e486.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 5,
title: "台北电脑展最全的充电外设",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/b2250d01182c32159c1580973fd31329.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 6,
title: "ORICO携多款新型科技产品再次亮相 环球资源消费电子展",
desc: "相比3G网络时代国内三种不同的技术标准带来的兼容性问题4G时代国内的发展速度快多了移动、联通及电信在几年内就建立了全球最大的4G移动网络这两年来的提速降费政策也让普通人感受到了流量费用下降的实惠。如今移动、联通、电信三足鼎立的格局已经有10年时间了今年又传出了新的改革方案联通、电信将被重组为一家公司国内现在重组电信行业普遍被认为是在为未来的5G时代做准备。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/78c83f42c01baaf783af3d9e4290d4cf.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 7,
title: "test",
desc: "123",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/a9cc2cef42efcf0a2100b587b956f831.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 8,
title: "1",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/d90e5f64874009b2906a5481479143d1.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 9,
title: "20180916",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/647c7e6cef758e376cbab90d4f7ec163.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 10,
title: "test",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/a9cc2cef42efcf0a2100b587b956f831.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 11,
title: "ORICO北京礼品展惊艳登场 用科技创意打造礼品盛宴 ",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/90f7b38e53f7cd7194b4c85a5eaae571.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 12,
title: "ORICO北京礼品展惊艳登场 用科技创意打造礼品盛宴 ",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/90f7b38e53f7cd7194b4c85a5eaae571.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 13,
title: "ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一炮",
desc: "说起区块链,外界首先想到的就是去中心化、信用建设等公认的特点。日益发展的区块链也对传统存储提出了更多的需求,而传统的存储如何满足日新月异的区块链呢? 传统网络下访问网络或服务器文件都离不开http协议。当你输入网址点击网页连接就会向中心服务器地址下载完整的文件(网页, 视频, 图片等),如果有很多人同时访问,就容易造成网络堵塞,速度变慢。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/90f7b38e53f7cd7194b4c85a5eaae571.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 14,
title: "国砖添新丁 校园伴侣飞傲FiiOM3K满血上阵",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/e1d4c97874f857d9badc4482fbc6f106.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 15,
title: "500元内难得高频佳作十赫兹K5圈铁耳机评测",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/b145549e447301a0aa0599362e59d296.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 16,
title: "AI智能全方位助阵拍照还会智能构图充满智慧的麦芒7",
desc: "在这个每天都要发个照片晒一晒的年代,智能手机俨然成为了我们生活中不可或缺的重要伴侣,所以,在选购手机的这件大事上,真的是马虎不得。不过,从我们日常的使用习惯和使用需求来看,大家选购手机的要求无外乎屏幕、拍照、续航和性能。首先,大屏是必须的,因为这代表着最直接的感官享受。其次,拍照也是一定要给力的,不然,不但自拍上不了台面,就连晒个朋友圈或者发个抖音都会被模糊的照片和...",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/1ff31535218852d3069067d50bd005e7.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 17,
title: "WiFi信号莫名消失你用错了USB3.0分线器亲测全金属ORICO M3H4",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/7de934bd70cb5640cdf55ea8e7317fca.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 18,
title: "新起点新征程——2018年ORICO越南经销商大会完美落幕 ",
desc: "2018年12月19日ORICO越南经销商大会暨越南总代理VISCOM成立15周年纪念大会在越南胡志明市拉开帷幕。经过15年的发展Viscom在越南63个省市拥有1000多名经销商销售超过500000种产品。会议不仅有越南200多家优秀经销商和客户代表参加还邀请了泰国和印尼代理进行观摩和交流经验。大会旨在加强ORICO与越南当地经销商和客户的沟通增进彼此的了解和信任奖励优秀经销商期望未来能携手共赢创造更大辉煌。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/3eeb4f049ccb719057da5171948f7f24.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 19,
title: "江西展速递ORICO点滴改变大有不同 ",
desc: "北京时间2018年11月9日至11日首届中国国际消费电子通信产业博览会暨手机零配件展览会将在江西南昌绿地国际博览中心举办。在此次展会中ORICO展位是A7T05欢迎各位合作伙伴、同行、朋友前来参观交流。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/46995f9a07cd026782cb376323e71339.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 20,
title: "ORICO亮相迪拜展 展况一睹为快 ",
desc: "始于1982年的GITEX以下简称迪拜展是中东地区最大而且最成功的电脑、通讯及网络消费性电子展会是全球三大IT展之一。该展会聚集了世界上IT行业内的各大主导品牌主导着业内的潮流走向趋势现已成为专业厂商开拓中东市场掌握专业信息了解当今国际市场流行趋势掌握最新技术及签订订货合同最重要的展会。优越的地理位置和良好的营商环境让迪拜成为众多中国企业进入中东地区的门户。“一带一路”构想的推进为中企在迪拜创造了更多机会。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/c8b0aa9b62aa8274e844aa420bb798ba.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 21,
title: "ORICO推出UFO歌者/武者,与世界一齐探索音乐未知 ",
desc: "ORICO秉承着“小改变.大不同”的品牌理念不断探索与创新力求赋能人们的美好生活。在此理念下近日推出的产品UFO歌者/武者是ORICO对于未知与音乐的探索。其高分离度监听级HIFI耳机加上磁悬浮创意底座集有线音乐耳机、无线蓝牙耳机于一体可自由切换模式能够让沉浸在音乐世界的你尽情体验星际穿越的失重感。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/f134be55b840f04487349f1d603a2da7.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 22,
title: "ORICO星际号HIFI耳机众筹成功",
desc: "ORICO研发设计的星际号HIFI耳机于2019年2月25号登录京东众筹目前我们不仅完成了众筹目标还超额完成了95%。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/e404756a8303a23c923ea46e6fbf0340.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 23,
title: "ORICO 2018台北国际电脑展之行圆满结束",
desc: "历经数十年的发展台北国际电脑展已经成为PC领域的最大展会和引领IT变革的前沿阵地。此次2018台北国际电脑展在建构全球科技生态系的定位上共打造了六大主题人工智能、5G、区块链、物联网技术应用、创新与新创、电竞与虚拟实境。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/8a583afc39d0279b7ae681b89eaaaec7.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 24,
title: "ORICO即将推出移动魔盘与所有公共云对抗",
desc: "近日, orico推出一款名为“移动魔盘magibox”的产品简单来说涵括了私人云盘、无线路由、移动电源、资源远程共享等功能的新产品为手机、相机、电脑、无人机等数码设备解决文件共享与备份问题同时还针对公共云盘的安全性、私密性屡遭挑战这一问题提供了一键式的解决方法。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/d28fb8f7b818c798409f475f2fd016fb.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 25,
title: "ORICO强势登陆香港“环球资源电子展”",
desc: "电子产品采购盛会“环球资源电子展”于2018年10月11日在香港亚洲国际博览馆开幕。汇集3,700个展位其中包含移动电子装置、VR/AR产品、可穿戴产品及移动电子配件等展会上各种高新科技电子产品、智能家居产品琳琅满目。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/5a08b055e4b86e285374ccfaf600eaec.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 26,
title: "ORICO强势进军中东市场 迪拜Gitex展大放溢彩",
desc: "迪拜当地时间10月8日中东地区通信技术与消费电子展GITEX在迪拜火爆开幕USB技术品牌ORICO携众多新品亮相展会吸引了一大批国际参展商取得圆满成功。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/4ba3d555f98a654d0cb684d2fda41662.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 27,
title: "ORICO携星际云存储正式入军区块链 IPFS系统加持轰响第一炮",
desc: "说起区块链,外界首先想到的就是去中心化、信用建设等公认的特点。日益发展的区块链也对传统存储提出了更多的需求,而传统的存储如何满足日新月异的区块链呢? 传统网络下访问网络或服务器文件都离不开http协议。当你输入网址点击网页连接就会向中心服务器地址下载完整的文件(网页, 视频, 图片等),如果有很多人同时访问,就容易造成网络堵塞,速度变慢。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/9b16626988e8d692a870a5983d5fbc7f.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 28,
title: "ORICO与东芝达成战略合作打造品质存储外设",
desc: "存储外设及3C数码品牌奥睿科ORICO成为了台湾东芝电子零组件股份有限公司授权的中国区域战略合作伙伴。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/acc4e01d4f2557f0d35e2e946bfc566f.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 29,
title: "备份扩容ORICO发布WS系列蜂巢存储硬盘柜",
desc: "继硬盘盒之后近日ORICO又上架了WS系列3.5英寸蜂巢存储硬盘柜针对多硬盘组合备份扩容的需求而打造。全铝合金材质有存储硬盘及磁盘阵列两种功能版本支持双、四、五盘位具备高达5Gbps的USB 3.0数据传输速率。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/28d03e0ccf18908811dcb8fcd69b019d.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 30,
title: "带跑马灯的飞机引擎ORICO双盘位USB3.0脱机对拷硬盘底座",
desc: "也许你在使用电脑的过程中不可避免地需要对拷硬盘以达到备份数据等目的而这又是一个既费时又要占用大量电脑资源的事情。而且传统台式机电脑装卸硬盘麻烦不说笔记本电脑对于3.5寸的硬盘基本没辙。今天我们就看到了Orico新推出的5628US3-C 双盘位USB3.0脱机对拷硬盘底座。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/c995175ad852647f73fcc121f2e5f888.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 31,
title: "解锁新姿势MacBox亮相",
desc: "USB-C接口作为下一代USB Type-C接口支持传输数据速率较高、传输电能功率较大在智能手机、笔记本电脑中逐渐普及。苹果新发布推出的Macbook就引起了社会的激烈讨论因为它仅保留了一个Type-C接口和一耳机接口。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/ef87b351ca547174b9f9627d39c108da.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 32,
title: "历“9”弥新共赴精彩未来",
desc: "在时间的轮轴里ORICO已在数码科技行业运转了整整九年。九年来ORICO不断发展壮大成长的路上有继承发扬也有改革创新但始终坚持着追崇原创的初心不断努力成为了而今的行业品牌。 6月17日ORICO九周岁了。9岁的ORICO将继续带着不变的初心迎接挑战凝神聚气探索科技与未来。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/9611e5dd14f99b031702f92dfa48b662.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 33,
title: "谦卑领航逾八载,携手再创新未来",
desc: "时光如同白驹过隙2017已是ORICO在数码科技配件行业征程的第8个年头8年间ORICO从默默无闻到而今行业品牌坚守着一颗谦卑的技术革新之心创造一个个行业传奇6月17日ORICO八周岁了。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/e87ac747ca2a65753d7a53e689489500.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 34,
title: "新兴产业链垂直孵化平台——广东双创高科产业园开发有限公司成立",
desc: "广东双创高科产业园开发有限公司以下简称“双创高科”由东莞百润实业投资有限公司和东莞市元创动力科技孵化有限公司合资成立。双创高科专注于产业园区开发改造和运营、企业产业链垂直整合、打造产业链金融服务平台、打造企业产业引导基金、企业实战咨询、协同研发创新和品牌运营等6大板块立足于东莞倍增企业和企业聚焦在东莞6大战略新兴产业对接深港澳创新服务资源深挖东莞制造优势并服务于东莞制造打造中国智造身边的新兴产业链垂直孵化平台。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/8a85b8bb3b6d4fa459b6fa514fd3af17.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 35,
title: "元创集团携手CQC实验室中认尚动再创品质新未来",
desc: "2017年11月2日下午CQC实验室中认尚动与元创集团在ORICO元创动力产业园举行了揭牌仪式。这标志着元创集团与CQC实验室中认尚动达成战略合作元创集团会一如既往做好品质管控为消费者提供品质的产品。CQC实验室中认尚动胡孝红总监、周迎今主管、向宇安规总工元创集团丁贤林副总经理元创集团李平医副总经理等出席了揭牌仪式。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/e40b9b5fffaf7ec0d41f2ef41bd71206.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 36,
title: "ORICO亮相香港环球资源消费电子展 这次又带来了什么黑科技?",
desc: "4月11日香港环球资源消费电子展在香港亚洲国际博览馆拉开帷幕为期四天。此次展览汇聚逾7500个展位的热门电子产品云集来自大中华区、韩国及其他地区的参展商是全球闻名的电子产品采购盛事。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/8059082102662157be4b750d618fd085.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 37,
title: "ORICO香港环球资源消费电子展完美落幕 改变让生活更美好",
desc: "为期四天的香港环球资源消费电子展于2019年4月14日在香港亚洲国际博览馆落下帷幕。此次展会共吸引来自中国、香港、台湾、日本、韩国等140个国家和地区的3000多家企业参展。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/696819f917ac732cff05be59a161e87c.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 38,
title: "实力与颜值并存ORICO NVME M.2固态透明硬盘盒上市",
desc: "在越来越快的信息时代节奏的影响下大家买电脑、手机都是朝着更轻薄、更小巧去的这就要求每一个电子零部件在做到在压缩体积的同时还能提高速度。众所周知固态硬盘具有传统机械硬盘不具备的快速读写、质量轻、能耗低以及体积小等特点除了价格比机械硬盘贵以外固态硬盘是每一个需要数据传输的用户追求轻便快捷的不二之选。在NVMe出现之前固态硬盘绝大多数走的是AHCI和SATA的协议如今AHCI已经不能跟上固态硬盘性能发展的步伐了体积更小同时性能更强的支持NVME协议的M.2接口固态硬盘出现了。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/9a41937e62d4a564e98a921eb77155d8.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 39,
title: "ORICO闪速家族强势来袭真Type-C 10Gbps高速体验",
desc: "在这个快节奏的生活时代人们越来越追求高效率。高效率的学习高效率的工作高效率的生活。人们喜欢花更少的时间完成一件事情。速度在这个时代似乎可以决定很多事一直以快著称的ORICO闪速家族他们到底有什么样的“独到秘笈”让你在速度上快人一等体验真ype-C 10Gbps带来的高速体验。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/1498c7c85452358b7a247c44ab661ddb.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 40,
title: "ORICO荣获2019中国出海品牌20强 彰显全球影响力",
desc: "2019年4月18日环球资源电子组发布了2019中国出海品牌20强名单甄选海外市场中经营成功的中国品牌深圳市元创时代科技有限公司凭借旗下数码产品在海外市场的出色表现以及全球化布局加速深化成为榜单中一员。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/72e8e3b4304ce851a19694b757531424.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 41,
title: "凝聚突破,团队无间 ",
desc: "2019年5月11日当天阳光明媚微风怡人元创集团ORICO长沙分公司全体员工一起乘车前往长沙著名4A级旅游风景区-石燕湖,参加户外拓展团建活动。拓展活动是一套专门帮助企业培养团队凝聚力,推动团队协同力的训练,通过户外各种有趣的运动项目,增强团队之间的沟通能力,建立团队信任,突破自我,既愉悦身心,亦能营造团队氛围。\r\n项目一“趣味破冰组建团队”",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/428cdb3fc4624de5dc78c39b8e519e16.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 42,
title: "硬盘秒变云盘ORICO备份宝京东首发开售",
desc: "",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/be86393d3ee8b896736f5616a6f28825.jpg",
deleted_at: "2025-04-12 10:12:20",
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 43,
title: "2019台北国际电脑展开幕ORICO新品竞相登场",
desc: "作为亚洲数一数二的信息与通信技术行业盛会COMPUTEX 2019电脑展将于5月28日—6月1日在台北举行今年COMPUTEX南港展览馆2馆参展范围通讯及网络产品、行动装置配件、计算机外设产品、SmarTEX、信息安全与影像监控、触控及显示产品、智慧零售及商业解决方案、国家馆等八大核心展览主题。走过了30多个年头的台北展见证了电脑行业的发展从台式机一路发展到笔记本平板电脑再到VR物联网产品的亮相每一次新产品的发布都会引起行业的高度关注并引领行业的发展从某种意义上来说台北电脑展不仅是展示新品电脑的展会而是基于电脑这一产品形态衍生出各种应用并以此为基础形成的人工智能的生态系统。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/7d46ae0b0561207795b9c7a6479d85ff.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 44,
title: "桌面更新计划之ORICO双盘位C口硬盘拷贝盒",
desc: "作为一个PT爱好者以及不相信网盘的人老房还是喜欢把各种资料都保存在本地磁盘上安全。由于穷老房硬盘只有2TNAS用的是4块3T组了一个Raid 5可用容量9T。但照片、录像、游戏、电影等等各种既有资料不舍得删然后又在不断的下载磁盘空间容量告急",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/db8c062b3aed5cd9508c180e1c96b8f8.jpg",
deleted_at: null,
category: {
id: 3,
name: "产品评测"
}
},
{
id: 45,
title: "台北电脑展ORICO提出全新个人移动端备份方案",
desc: "ORICO始终深耕于个人PC、移动设备等硬件周边配件邻域技术涉及个人存储、数据传输与安全备份等方面此次盛会自然不会缺席期间分别展示了一些与日常生活息息相关的电子产品所使用的外置式解决方案以及未来个人、家庭、企业级数据安全备份的全新理念产品——备份宝。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/998e4c008e5c726689ab6156db573888.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 46,
title: "随时随地带来凉爽体验上手ORICO新品手持小风扇",
desc: "不知不觉我们已经进入到了6月份这也意味着马上就要迎来一年之中最热的季节对于不抗热的小伙伴来说给自己配备一款便携又给力的降温利器是非常有必要的。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/368e6c6b14097ae97b83aac35c8e42a2.jpg",
deleted_at: null,
category: {
id: 3,
name: "产品评测"
}
},
{
id: 47,
title: "2019上海CES亚洲消费电子展开幕ORICO首日亮点一览",
desc: "亚洲消费电子展由赛逸上海会展有限公司CES Shanghai所有并主办、上海国展展览中心有限公司(Shanghai Intex)联合主办。随着展会的不断发展壮大550多家各种规模的领先科技企业将汇聚2019亚洲消费电子展共同打造品牌促进合作竞相展示亚洲科技领域的优秀产品。目前CES展已成为世界上最新科技创新展会能否参展在一定程度上检验了一家科技企业是否具有行业影响力。作为数码配件行业的领军品牌ORICO受邀参加本次展会展示自身最新的科技成果例如多规多口USB智能排插、企业级多口充电巴士、移动电源口红系列、双人旅行系列、雷电3多功能扩展坞、透明家族系列、多盘位磁盘阵列存储系统等一系列产品都将亮相与N1展区-1580展位。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/e7d054a76ba9f978b5ad1e1388233db2.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 48,
title: "为什么一定要选M.2接口的固态而不是SATA接口看完秒懂",
desc: "M.2接口由一个名为PCI-SIG的协会发布该协会的主导成员有英特尔、惠普等等发布该接口原本的主要目的是代替m SATA 和m PCIE 成为超极本和各种移动设备的新一代多用途接口规范英特尔自己也没想到随着SATA的瓶颈M.2接口莫名就成为了主要的固态接口。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/fb9ff2ad784cda408b9fe9a75ad0f3d0.jpg",
deleted_at: null,
category: {
id: 3,
name: "产品评测"
}
},
{
id: 49,
title: "“十年耀变,十年新章” 拥变革,迎未来 ————ORICO元创集团十周年庆典",
desc: "时间总是以飞快的速度向前从清晨到日暮也不过一晃眼。不知不觉间ORICO已在时光的长廊里摸爬滚打了整整十年。十年来ORICO在数码科技配件行业不断发展壮大成长的路上一直坚持着“小改变.大不同”的品牌理念,不断努力,力求通过小的改变去赋能人们的美好生活。",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/686e6b83a63840ff26f6d98a3f9ab669.jpg",
deleted_at: null,
category: {
id: 2,
name: "新闻热点"
}
},
{
id: 50,
title: "充电器or数据线谁才是快充的决定者快充对手机有危害吗",
desc: "快”在这两年的数码行业内可谓是一名红人,各大品牌、产品都在大肆宣扬“快”这个理念。手机快充、充电器快充、数据线快充,似乎所有的电子产品都在尽力往“快”字靠拢,那么问题来了,决定快充速度的到底是充电头还是充电线?普通手机使用快充类产品会对手机造成危害吗?是否会影响电池使用寿命呢电?",
image: "https://dev.ow.f2b211.com/storage/images/faq/20250411/95dd439579a5813d534a7375e5ab6504.jpg",
deleted_at: null,
category: {
id: 3,
name: "产品评测"
}
}
],
has_more: true
}
};

View File

@@ -0,0 +1,79 @@
<template>
<div class="card table-box">
<div>
<h3>/articles</h3>
</div>
<div>
<h4>{{ paramsValue }}</h4>
</div>
<template v-for="(item, index) in tableData" :key="index">
<MyTable :title="item.title" :columns="item.columns" :tableData="item.data" />
</template>
<div>
<h5>{{ queryTextareaTitle }}</h5>
<el-input v-model="queryTextareaValue" style="width: 840px" :rows="10" type="textarea" readonly />
</div>
<div>
<h5>{{ returnTextareaTitle }}</h5>
<el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="30" type="textarea" readonly />
</div>
</div>
</template>
<script setup lang="ts" name="productIndex">
import { ZH_DATA } from "./data/zh_data";
import { EN_DATA } from "./data/en_data";
import { useUserStore } from "@/stores/modules/user";
import MyTable from "@/components/MyTable/index.vue";
import { RETURN_VALUE } from "./example/index";
const userStore = useUserStore();
const PARAMS_DATA = {
1: ZH_DATA,
2: EN_DATA
};
const TEXTAREA_TITLES = {
1: "请求示例",
2: "Request Example"
};
const TEXTAREA_TITLES1 = {
1: "响应示例",
2: "Response Example"
};
const PARAMS_VALUE = {
1: "公共参数",
2: "Common parameters"
};
let tableData = ref(ZH_DATA);
let queryTextareaValue = ref(
JSON.stringify(
{
category_id: 1,
language: "zh-cn",
page: 1,
size: 50
},
null,
2
)
);
let returnTextareaTitleValue = ref(JSON.stringify(RETURN_VALUE, null, 2));
let queryTextareaTitle = ref("请求示例");
let returnTextareaTitle = ref("响应示例");
let paramsValue = ref("公共参数");
watch(
() => userStore.languageValue,
newVal => {
tableData.value = PARAMS_DATA[newVal];
queryTextareaTitle.value = TEXTAREA_TITLES[newVal];
returnTextareaTitle.value = TEXTAREA_TITLES1[newVal];
paramsValue.value = PARAMS_VALUE[newVal];
},
{
immediate: true,
deep: true
}
);
</script>
<style scoped></style>

View File

@@ -0,0 +1,20 @@
//错误说明
export const HTTPS_ERROR_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Error code",
prop: "errorCode"
},
{
align: "left",
label: "Error message",
prop: "errorMessage"
}
// {
// align: "left",
// label: "Troubleshooting method",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,29 @@
//请求参数
export const HTTPS_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Environment",
prop: "environment"
},
{
align: "left",
label: "HTTPS Address",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_EN_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_EN_COLUMNS } from "./https_params";
import { HTTPS_URL_EN_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_EN_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_EN_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS,
HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
HTTPS_RETURN_PARAMS_EN_COLUMNS
};

View File

@@ -0,0 +1,24 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter interface",
prop: "parameterInterface"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Describe",
prop: "describe"
}
];

View File

@@ -0,0 +1,19 @@
//错误说明
export const HTTPS_ERROR_PARAMS_COLUMNS = [
{
align: "left",
label: "错误码",
prop: "errorCode"
},
{
align: "left",
label: "错误信息",
prop: "errorInfo"
}
// {
// align: "left",
// label: "排查方法",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,28 @@
//请求参数
export const HTTPS_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_COLUMNS = [
{
align: "left",
fixed: true,
label: "环境",
prop: "environment"
},
{
align: "left",
label: "HTTPS地址",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_COLUMNS } from "./https_params";
import { HTTPS_URL_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS,
HTTPS_PUBLIC_PARAMS_COLUMNS,
HTTPS_RETURN_PARAMS_COLUMNS
};

View File

@@ -0,0 +1,23 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_COLUMNS = [
{
align: "left",
fixed: true,
label: "参数名称",
prop: "parameterInterface"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "说明",
prop: "describe"
}
];

View File

@@ -0,0 +1,117 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS
// HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
//HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
// {
// title: "Common request parameters", 公共参数
// columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// parameterName: "category_id",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "",
// parameterDescription: "Classification ID"
// },
// {
// parameterName: "language",
// parameterType: "string",
// isItMandatory: "可选",
// exampleValue: "zh-cn",
// parameterDescription: "语言"
// },
// {
// parameterName: "page",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "1",
// parameterDescription: ""
// },
// {
// parameterName: "size",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "50",
// parameterDescription: ""
// }
// ]
// },
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
parameterName: "parent_id",
parameterType: "integer",
isItMandatory: "no",
exampleValue: "1",
parameterDescription: "Parent ID (can be omitted)"
},
{
parameterName: "language",
parameterType: "string",
isItMandatory: "no",
exampleValue: "zh-cn",
parameterDescription: "Language: zh cn (Chinese); En us (English)"
},
{
parameterName: "page",
parameterType: "integer ",
isItMandatory: "no",
exampleValue: "1",
parameterDescription: "page number"
},
{
parameterName: "size",
parameterType: "integer ",
isItMandatory: "no",
exampleValue: "50",
parameterDescription: "Number of items displayed per page (default 50, maximum 200)"
}
]
},
// {
// title: "Return parameter description",
// columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// environment: "测试环境",
// https: "http://dev.ow.f2b211.com/admapi"
// },
// {
// environment: "正式环境",
// https: "http://ow.f2b211.com/admapi"
// }
// ]
// },
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorMessage: "Unauthorized interface",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,87 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS
// HTTPS_PUBLIC_PARAMS_COLUMNS,
// HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "parent_id",
parameterType: "integer",
isItMandatory: "可选",
exampleValue: "1",
parameterDescription: "所属父ID可不传"
},
{
parameterName: "language",
parameterType: "string",
isItMandatory: "可选",
exampleValue: "zh-cn",
parameterDescription: "所属语言zh-cn中文en-us英文"
},
{
parameterName: "page",
parameterType: "integer ",
isItMandatory: "可选",
exampleValue: "1",
parameterDescription: "页码"
},
{
parameterName: "size",
parameterType: "integer ",
isItMandatory: "可选",
exampleValue: "50",
parameterDescription: "每页显示条数默认50最大200"
}
]
},
// {
// title: "返回参数说明",
// columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
// data: [
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// },
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// }
// ]
// },
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorInfo: "接口未经授权",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,614 @@
//想要示例
export const RETURN_VALUE = {
code: 0,
msg: "success",
data: {
total: 85,
per_page: 50,
current_page: 1,
last_page: 2,
data: [
{
id: 1,
pid: 0,
path: "",
name: "数据存储",
icon: "",
desc: "",
sort: 1,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 2,
pid: 0,
path: "",
name: "智慧存储",
icon: "",
desc: "",
sort: 2,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 3,
pid: 0,
path: "",
name: "智能家居",
icon: "",
desc: "",
sort: 3,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 4,
pid: 0,
path: "",
name: "3C配件",
icon: "",
desc: "",
sort: 999,
level: 1,
is_show: 1,
deleted_at: null
},
{
id: 5,
pid: 1,
path: "1",
name: "固态硬盘",
icon: "",
desc: "",
sort: 1,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 6,
pid: 1,
path: "1",
name: "移动硬盘",
icon: "",
desc: "",
sort: 2,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 7,
pid: 1,
path: "1",
name: "U盘/闪存卡",
icon: "",
desc: "",
sort: 5,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 8,
pid: 1,
path: "1",
name: "混合存储",
icon: "",
desc: "",
sort: 6,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 9,
pid: 1,
path: "1",
name: "网络附加存储 NAS",
icon: "",
desc: "",
sort: 4,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 10,
pid: 1,
path: "1",
name: "DAS",
icon: "",
desc: "",
sort: 7,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 11,
pid: 2,
path: "2",
name: "AI NAS",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 12,
pid: 2,
path: "2",
name: "AI PC",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 13,
pid: 2,
path: "2",
name: "家庭多媒体智慧存储",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 14,
pid: 2,
path: "2",
name: "视频剪辑存储电脑",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 15,
pid: 3,
path: "3",
name: "智能桌面",
icon: "",
desc: "",
sort: 16,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 16,
pid: 3,
path: "3",
name: "智能电脑桌",
icon: "",
desc: "",
sort: 17,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 17,
pid: 3,
path: "3",
name: "智能充电",
icon: "",
desc: "",
sort: 18,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 18,
pid: 3,
path: "3",
name: "插排",
icon: "",
desc: "",
sort: 15,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 19,
pid: 4,
path: "4",
name: "硬盘盒",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 20,
pid: 4,
path: "4",
name: "硬盘座",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 21,
pid: 4,
path: "4",
name: "HUB/扩展坞",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 22,
pid: 4,
path: "4",
name: "线材",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 23,
pid: 4,
path: "4",
name: "其他配件",
icon: "",
desc: "",
sort: 0,
level: 2,
is_show: 1,
deleted_at: null
},
{
id: 24,
pid: 5,
path: "1,5",
name: "2.5寸SATA SSD",
icon: "",
desc: "",
sort: 4,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 25,
pid: 5,
path: "1,5",
name: "M.2 NVMe SSD",
icon: "",
desc: "",
sort: 1,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 26,
pid: 5,
path: "1,5",
name: "M.2 SATA SSD",
icon: "",
desc: "",
sort: 2,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 27,
pid: 5,
path: "1,5",
name: "mSATA SSD",
icon: "",
desc: "",
sort: 3,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 28,
pid: 6,
path: "1,6",
name: "移动硬盘",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 29,
pid: 7,
path: "1,7",
name: "U盘",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 30,
pid: 7,
path: "1,7",
name: "TF卡",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 31,
pid: 8,
path: "1,8",
name: "混合存储",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 32,
pid: 9,
path: "1,9",
name: "个人私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 33,
pid: 9,
path: "1,9",
name: "家庭私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 34,
pid: 9,
path: "1,9",
name: "团队私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 35,
pid: 9,
path: "1,9",
name: "内容创作者私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 36,
pid: 9,
path: "1,9",
name: "企业私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 37,
pid: 10,
path: "1,10",
name: "DAS",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 38,
pid: 11,
path: "2,11",
name: "个人AI私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 39,
pid: 11,
path: "2,11",
name: "企业AI私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 40,
pid: 12,
path: "2,12",
name: "AI PC",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 41,
pid: 13,
path: "2,13",
name: "家庭影音私有云",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 42,
pid: 13,
path: "2,13",
name: "家庭影音PC",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 43,
pid: 14,
path: "2,14",
name: "个人级PC",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 44,
pid: 14,
path: "2,14",
name: "专业级PC",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 45,
pid: 14,
path: "2,14",
name: "企业级PC",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 46,
pid: 15,
path: "3,15",
name: "扩展支架",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 47,
pid: 16,
path: "3,16",
name: "智能电脑桌",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 48,
pid: 17,
path: "3,17",
name: "PD充电器",
icon: "",
desc: "",
sort: 3,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 49,
pid: 17,
path: "3,17",
name: "USB充电器",
icon: "",
desc: "",
sort: 4,
level: 3,
is_show: 1,
deleted_at: null
},
{
id: 50,
pid: 17,
path: "3,17",
name: "车载充电器",
icon: "",
desc: "",
sort: 0,
level: 3,
is_show: 1,
deleted_at: null
}
],
has_more: true
}
};

View File

@@ -0,0 +1,79 @@
<template>
<div class="card table-box">
<div>
<h3>/product/categories</h3>
</div>
<div>
<h4>{{ paramsValue }}</h4>
</div>
<template v-for="(item, index) in tableData" :key="index">
<MyTable :title="item.title" :columns="item.columns" :tableData="item.data" />
</template>
<div>
<h5>{{ queryTextareaTitle }}</h5>
<el-input v-model="queryTextareaValue" style="width: 840px" :rows="10" type="textarea" readonly />
</div>
<div>
<h5>{{ returnTextareaTitle }}</h5>
<el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="30" type="textarea" readonly />
</div>
</div>
</template>
<script setup lang="ts" name="productClassIndex">
import { ZH_DATA } from "./data/zh_data";
import { EN_DATA } from "./data/en_data";
import { useUserStore } from "@/stores/modules/user";
import MyTable from "@/components/MyTable/index.vue";
import { RETURN_VALUE } from "./example/index";
const userStore = useUserStore();
const PARAMS_DATA = {
1: ZH_DATA,
2: EN_DATA
};
const TEXTAREA_TITLES = {
1: "请求示例",
2: "Request Example"
};
const TEXTAREA_TITLES1 = {
1: "响应示例",
2: "Response Example"
};
const PARAMS_VALUE = {
1: "公共参数",
2: "Common parameters"
};
let tableData = ref(ZH_DATA);
let queryTextareaValue = ref(
JSON.stringify(
{
parent_id: 1,
language: "zh-cn",
page: 1,
size: 50
},
null,
2
)
);
let returnTextareaTitleValue = ref(JSON.stringify(RETURN_VALUE, null, 2));
let queryTextareaTitle = ref("请求示例");
let returnTextareaTitle = ref("响应示例");
let paramsValue = ref("公共参数");
watch(
() => userStore.languageValue,
newVal => {
tableData.value = PARAMS_DATA[newVal];
queryTextareaTitle.value = TEXTAREA_TITLES[newVal];
returnTextareaTitle.value = TEXTAREA_TITLES1[newVal];
paramsValue.value = PARAMS_VALUE[newVal];
},
{
immediate: true,
deep: true
}
);
</script>
<style scoped></style>

View File

@@ -1,80 +0,0 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS,
HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Common request parameters",
columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Return parameter description",
columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
}
];

View File

@@ -1,96 +0,0 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS,
// HTTPS_PUBLIC_PARAMS_COLUMNS,
HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
// {
// title: "公共请求参数",
// columns: HTTPS_PUBLIC_PARAMS_COLUMNS, //列表配置项
// data: [
// {
// parameterName: "111",
// parameterType: "233",
// isItMandatory: "123232",
// parameterDescription: "3232323"
// },
// {
// parameterName: "111",
// parameterType: "233",
// isItMandatory: "123232",
// parameterDescription: "3232323"
// }
// ]
// },
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "测试环境",
parameterType: "http://dev.ow.f2b211.com/admapi",
isItMandatory: "否",
exampleValue: "多少",
parameterDescription: "demo"
},
{
parameterName: "测试环境",
parameterType: "http://dev.ow.f2b211.com/admapi",
isItMandatory: "是",
exampleValue: "大萨达",
parameterDescription: "demo1"
}
]
},
{
title: "返回参数说明",
columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterInterface: "1",
parameterType: "2",
exampleValue: "3",
describe: "4"
},
{
parameterInterface: "1",
parameterType: "2",
exampleValue: "3",
describe: "4"
}
]
},
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "111",
errorInfo: "233",
TroMethods: "123232"
},
{
errorCode: "111",
errorInfo: "233",
TroMethods: "123232"
}
]
}
];

View File

@@ -0,0 +1,20 @@
//错误说明
export const HTTPS_ERROR_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Error code",
prop: "errorCode"
},
{
align: "left",
label: "Error message",
prop: "errorMessage"
}
// {
// align: "left",
// label: "Troubleshooting method",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,29 @@
//请求参数
export const HTTPS_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Environment",
prop: "environment"
},
{
align: "left",
label: "HTTPS Address",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_EN_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_EN_COLUMNS } from "./https_params";
import { HTTPS_URL_EN_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_EN_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_EN_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS,
HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
HTTPS_RETURN_PARAMS_EN_COLUMNS
};

View File

@@ -0,0 +1,24 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter interface",
prop: "parameterInterface"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Describe",
prop: "describe"
}
];

View File

@@ -0,0 +1,19 @@
//错误说明
export const HTTPS_ERROR_PARAMS_COLUMNS = [
{
align: "left",
label: "错误码",
prop: "errorCode"
},
{
align: "left",
label: "错误信息",
prop: "errorInfo"
}
// {
// align: "left",
// label: "排查方法",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,28 @@
//请求参数
export const HTTPS_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_COLUMNS = [
{
align: "left",
fixed: true,
label: "环境",
prop: "environment"
},
{
align: "left",
label: "HTTPS地址",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_COLUMNS } from "./https_params";
import { HTTPS_URL_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS,
HTTPS_PUBLIC_PARAMS_COLUMNS,
HTTPS_RETURN_PARAMS_COLUMNS
};

View File

@@ -0,0 +1,23 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_COLUMNS = [
{
align: "left",
fixed: true,
label: "参数名称",
prop: "parameterInterface"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "说明",
prop: "describe"
}
];

View File

@@ -0,0 +1,96 @@
import {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS
// HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
//HTTPS_RETURN_PARAMS_EN_COLUMNS
} from "../../constant/en_list/index";
export const EN_DATA = [
{
title: "Request URL",
columns: HTTPS_URL_EN_COLUMNS, //列表配置项
data: [
{
environment: "Test environment",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "Formal environment",
https: "http://ow.f2b211.com/admapi"
}
]
},
// {
// title: "Common request parameters", 公共参数
// columns: HTTPS_PUBLIC_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// parameterName: "category_id",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "",
// parameterDescription: "Classification ID"
// },
// {
// parameterName: "language",
// parameterType: "string",
// isItMandatory: "可选",
// exampleValue: "zh-cn",
// parameterDescription: "语言"
// },
// {
// parameterName: "page",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "1",
// parameterDescription: ""
// },
// {
// parameterName: "size",
// parameterType: "integer",
// isItMandatory: "可选",
// exampleValue: "50",
// parameterDescription: ""
// }
// ]
// },
{
title: "Request parameter description",
columns: HTTPS_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
parameterName: "id",
parameterType: "string ",
isItMandatory: "yes",
exampleValue: "1",
parameterDescription: "Details ID"
}
]
},
// {
// title: "Return parameter description",
// columns: HTTPS_RETURN_PARAMS_EN_COLUMNS, //列表配置项
// data: [
// {
// environment: "测试环境",
// https: "http://dev.ow.f2b211.com/admapi"
// },
// {
// environment: "正式环境",
// https: "http://ow.f2b211.com/admapi"
// }
// ]
// },
{
title: "Error declaration",
columns: HTTPS_ERROR_PARAMS_EN_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorMessage: "Unauthorized interface",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,66 @@
import {
HTTPS_ERROR_PARAMS_COLUMNS,
HTTPS_PARAMS_COLUMNS,
HTTPS_URL_COLUMNS
// HTTPS_PUBLIC_PARAMS_COLUMNS,
// HTTPS_RETURN_PARAMS_COLUMNS
} from "../../constant/zh_list/index";
export const ZH_DATA = [
{
title: "请求地址",
columns: HTTPS_URL_COLUMNS, //列表配置项
data: [
{
environment: "测试环境",
https: "http://dev.ow.f2b211.com/admapi"
},
{
environment: "正式环境",
https: "http://ow.f2b211.com/admapi"
}
]
},
{
title: "请求参数说明",
columns: HTTPS_PARAMS_COLUMNS, //列表配置项
data: [
{
parameterName: "id",
parameterType: "string ",
isItMandatory: "必需",
exampleValue: "1",
parameterDescription: "详情id"
}
]
},
// {
// title: "返回参数说明",
// columns: HTTPS_RETURN_PARAMS_COLUMNS, //列表配置项
// data: [
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// },
// {
// parameterInterface: "1",
// parameterType: "2",
// exampleValue: "3",
// describe: "4"
// }
// ]
// },
{
title: "错误说明",
columns: HTTPS_ERROR_PARAMS_COLUMNS, //列表配置项
data: [
{
errorCode: "401",
errorInfo: "接口未经授权",
TroMethods: ""
}
]
}
];

View File

@@ -0,0 +1,119 @@
//想要示例
export const RETURN_VALUE = {
code: 0,
msg: "success",
data: {
id: 1,
spu: "ORICO-20UTS",
name: "2.5英寸硬盘易驱线, 免工具免驱动,即插即用",
short_name: "支持热插拔免驱动支持OTG",
cover_image: "https://dev.ow.f2b211.com/storage/images/product/20250509/c5bb77c9495d1bd476f8d2e4d66aea4f.jpg",
desc: "USB-A To Type-C\r\n支持2TB\r\n免工具拆装",
video_img: "",
video_url: "",
is_sale: 1,
is_new: 0,
is_hot: 0,
is_show: 1,
sort: 0,
detail: '<div class="seo-pro">\r\n\t<h3>\r\n\t\tOrico USB3.0 2.5英寸硬盘易驱线\r\n\t</h3>\r\n\t<p>\r\n\t\t高速传输就是要快\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/e27095e40a1c2c8656a3bdbd90b6b7c0.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t简约风格灵越之作\r\n\t</h3>\r\n\t<p>\r\n\t\t简约外观设计表面纹面工艺处理大气\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/4519eab0dd7604b3ca3d368feb208eb6.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\tOTG功能手机/平板也可以连硬盘\r\n\t</h3>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/eed723ee811ed2e645bcd16f9d9bb7a7.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t6Gbps急速支持UASP协议\r\n\t</h3>\r\n\t<p>\r\n\t\t配合高速SSD固态硬盘传输速度可达500M/S传输一部1GB的高清电影仅需2秒。\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/3ca27e13da86c0fd1f94c99b54cc1c61.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t露天式结构解决散热问题\r\n\t</h3>\r\n\t<p>\r\n\t\t360度散热设计使硬盘散热更畅快\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/6b155628758caf3fc9357ed65a628b3c.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t免工具免驱动即插即用\r\n\t</h3>\r\n\t<p>\r\n\t\t免工具拆装硬盘2秒更换硬盘支持热插拔\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/c0bb2558b29b3f4fac13bc5be853faab.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t成为您的移动资料库让旧硬盘焕发新生\r\n\t</h3>\r\n\t<p>\r\n\t\t只要您是2.5英寸SATA串口硬盘配合ORICO易驱线使用便能成为您的移动资料库。\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/ebff6c0b1fd53757b0c12d74f2df4a59.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t让您存储无忧\r\n\t</h3>\r\n\t<p>\r\n\t\t急速传输智能存储数据保护\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/3e303ce0dfb43b665e0402b1201a265c.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t迷你便携设计仅火柴盒大小\r\n\t</h3>\r\n\t<p>\r\n\t\t迷你尺寸不占地方小巧方便携带使用简单。\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/3ac75fe47ed33655c3c28343afd48295.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t品质与工艺的双重结合\r\n\t</h3>\r\n\t<p>\r\n\t\t采用ABS工程材料精心打造拥有很好的抗氧化性、耐腐蚀性使用长久。\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/63acfe180b5f15473f270b2bebc6d012.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t真海量存储\r\n\t</h3>\r\n\t<p>\r\n\t\t支持2TB硬盘海量存储游戏/数据无忧存,无虑取。\r\n\t</p>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/4a64ccae66f40c02eecb6a809159383e.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t广泛兼容适用诸多设备\r\n\t</h3>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/846227a8e7369cd1fc12e7cbbb681ee0.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t多重安全模块\r\n\t</h3>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/963a1109da8d04f85c086f2618a5ecbd.jpg" alt="" /><br />\r\n\t<h3>\r\n\t\t2.5英寸硬盘易驱线细节展示\r\n\t</h3>\r\n<img src="https://dev.ow.f2b211.com/storage/images/unknown/20250509/debdbf144393d59358620561ecc19f1a.jpg" alt="" /><br />\r\n<span>标签:<a href="https://www.orico.com.cn/search.html?skeyword=%E4%BE%BF%E6%90%BA%E5%BC%8F%E6%98%93%E9%A9%B1%E7%BA%BF">便携式易驱线</a></span> \r\n</div>',
status: 1,
category: {
id: 56,
name: "易驱线"
},
params: [
{
name: "产品材料",
value: "ABS"
},
{
name: "产品供电",
value: "USB接口供电"
},
{
name: "产品接口",
value: "USB-A To Type-C"
},
{
name: "安装方式",
value: "免工具"
},
{
name: "支持容量",
value: "2TB"
},
{
name: "支持系统",
value: "Windows/MAC/Linux"
},
{
name: "产品尺寸",
value: "52*30*12mm(分离式数据线长度50cm)"
},
{
name: "产品颜色",
value: "黑"
},
{
name: "传输速率",
value: "USB3.0 5Gbps"
},
{
name: "主控方案",
value: "VL716"
}
],
skus: [
{
sku: "",
main_image: "https://dev.ow.f2b211.com/storage/images/product/20250509/cfc63f7e9735230a57cb0e2e4cc63d79.jpg",
photo_album: [
"https://dev.ow.f2b211.com/storage/images/product/20250509/c6331b33b11fbb6b3c32835cc7e1e536.jpg",
"https://dev.ow.f2b211.com/storage/images/product/20250509/fc9a8d8b8fe4191d098a49c2a161d451.jpg",
"https://dev.ow.f2b211.com/storage/images/product/20250509/aa2fbc174250b08d9e85366a41ee4ec8.jpg",
"https://dev.ow.f2b211.com/storage/images/product/20250509/6f12aa1db3658d23fc01c0e64e5bd697.jpg",
"https://dev.ow.f2b211.com/storage/images/product/20250509/50d915d8e1d3cd27e766c5c2808b5fcd.jpg"
],
sort: 0,
sku_attr: [
{
attr_value:
"https://dev.ow.f2b211.com/storage/images/product/20250509/d67f26a264e009c7a80758f5012b0d64.jpg",
attr_name: "颜色"
}
]
}
],
links: [
{
link: "https://detail.tmall.com/item.htm?abbucket=14&id=757428266785&rn=61905612024094e4b01cbe4a1b91ccd7&spm=a1z10.5-b-s.w4011-15573035611.53.3d737746rz6hlI",
platform: "天猫购买"
},
{
link: "https://item.jd.com/10094204384530.html",
platform: "京东购买"
}
],
related: [
{
id: 59,
name: "充电巴士支架式5口40W总功率智能充电器",
spu: "ORICO-DUK-5P",
cover_image: "https://dev.ow.f2b211.com/storage/images/product/20250509/12409d7a1084841b9c683563325ea967.jpg"
},
{
id: 58,
name: "120W总功率 10口桌面智能充电器",
spu: "ORICO-DUB-10P-V1",
cover_image: "https://dev.ow.f2b211.com/storage/images/product/20250509/4571bc111d575939df5bf694fd2be0a4.jpg"
},
{
id: 103,
name: "6口桌面式50W总功率智能充电器",
spu: "ORICO-CSE-6U",
cover_image: "https://dev.ow.f2b211.com/storage/images/product/20250509/970404301dd1fd436d17dd1ed9a726db.jpg"
}
]
}
};

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="card table-box"> <div class="card table-box">
<div> <div>
<h3>/open/product</h3> <h3>/product/{id}</h3>
</div> </div>
<div> <div>
<h4>{{ paramsValue }}</h4> <h4>{{ paramsValue }}</h4>
@@ -15,16 +15,17 @@
</div> </div>
<div> <div>
<h5>{{ returnTextareaTitle }}</h5> <h5>{{ returnTextareaTitle }}</h5>
<el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="10" type="textarea" readonly /> <el-input v-model="returnTextareaTitleValue" style="width: 840px" :rows="30" type="textarea" readonly />
</div> </div>
</div> </div>
</template> </template>
<script setup lang="ts" name="product"> <script setup lang="ts" name="productDetailsIndex">
import { ZH_DATA } from "./data/zh_data"; import { ZH_DATA } from "./data/zh_data";
import { EN_DATA } from "./data/en_data"; import { EN_DATA } from "./data/en_data";
import { useUserStore } from "@/stores/modules/user"; import { useUserStore } from "@/stores/modules/user";
import MyTable from "@/components/MyTable/index.vue"; import MyTable from "@/components/MyTable/index.vue";
import { RETURN_VALUE } from "./example/index";
const userStore = useUserStore(); const userStore = useUserStore();
const PARAMS_DATA = { const PARAMS_DATA = {
1: ZH_DATA, 1: ZH_DATA,
@@ -42,9 +43,18 @@ const PARAMS_VALUE = {
1: "公共参数", 1: "公共参数",
2: "Common parameters" 2: "Common parameters"
}; };
let tableData = ref(ZH_DATA); let tableData = ref(ZH_DATA);
let queryTextareaValue = ref(null); let queryTextareaValue = ref(
let returnTextareaTitleValue = ref(null); JSON.stringify(
{
id: 1
},
null,
2
)
);
let returnTextareaTitleValue = ref(JSON.stringify(RETURN_VALUE, null, 2));
let queryTextareaTitle = ref("请求示例"); let queryTextareaTitle = ref("请求示例");
let returnTextareaTitle = ref("响应示例"); let returnTextareaTitle = ref("响应示例");
let paramsValue = ref("公共参数"); let paramsValue = ref("公共参数");

View File

@@ -0,0 +1,20 @@
//错误说明
export const HTTPS_ERROR_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Error code",
prop: "errorCode"
},
{
align: "left",
label: "Error message",
prop: "errorMessage"
}
// {
// align: "left",
// label: "Troubleshooting method",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,29 @@
//请求参数
export const HTTPS_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Environment",
prop: "environment"
},
{
align: "left",
label: "HTTPS Address",
prop: "https"
}
];

View File

@@ -0,0 +1,13 @@
import { HTTPS_ERROR_PARAMS_EN_COLUMNS } from "./error_params";
import { HTTPS_PARAMS_EN_COLUMNS } from "./https_params";
import { HTTPS_URL_EN_COLUMNS } from "./https_url";
import { HTTPS_PUBLIC_PARAMS_EN_COLUMNS } from "./public_params";
import { HTTPS_RETURN_PARAMS_EN_COLUMNS } from "./return_params";
export {
HTTPS_ERROR_PARAMS_EN_COLUMNS,
HTTPS_PARAMS_EN_COLUMNS,
HTTPS_URL_EN_COLUMNS,
HTTPS_PUBLIC_PARAMS_EN_COLUMNS,
HTTPS_RETURN_PARAMS_EN_COLUMNS
};

View File

@@ -0,0 +1,24 @@
//公共请求
export const HTTPS_PUBLIC_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter name",
prop: "parameterName"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Is it mandatory",
prop: "isItMandatory"
},
{
align: "left",
label: "Parameter description",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,25 @@
//返回参数
export const HTTPS_RETURN_PARAMS_EN_COLUMNS = [
{
align: "left",
fixed: true,
label: "Parameter interface",
prop: "parameterInterface"
},
{
align: "left",
label: "Type",
prop: "parameterType"
},
{
align: "left",
label: "Sample value",
prop: "exampleValue"
},
{
align: "left",
label: "Describe",
prop: "describe"
}
];

View File

@@ -0,0 +1,19 @@
//错误说明
export const HTTPS_ERROR_PARAMS_COLUMNS = [
{
align: "left",
label: "错误码",
prop: "errorCode"
},
{
align: "left",
label: "错误信息",
prop: "errorInfo"
}
// {
// align: "left",
// label: "排查方法",
// prop: "TroMethods"
// }
];

View File

@@ -0,0 +1,28 @@
//请求参数
export const HTTPS_PARAMS_COLUMNS = [
{
align: "left",
label: "参数名称",
prop: "parameterName"
},
{
align: "left",
label: "参数类型",
prop: "parameterType"
},
{
align: "left",
label: "是否必填",
prop: "isItMandatory"
},
{
align: "left",
label: "示例值",
prop: "exampleValue"
},
{
align: "left",
label: "参数描述",
prop: "parameterDescription"
}
];

View File

@@ -0,0 +1,14 @@
//请求地址
export const HTTPS_URL_COLUMNS = [
{
align: "left",
fixed: true,
label: "环境",
prop: "environment"
},
{
align: "left",
label: "HTTPS地址",
prop: "https"
}
];

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