gxwebsoft
/
websoft-cms
1
0
Fork 4
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化

master
科技小王子 9 months ago
parent
e6c21fbd6f
commit
f6dd10534b
9 changed files with 41 additions and 104 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      assets/css/main.css
  2. 7
      components/AppFooter.vue
  3. 26
      components/AppHeader.vue
  4. 2
      composables/useRequest.ts
  5. 2
      ecosystem.config.cjs
  6. 22
      nuxt.config.ts
  7. 4
      pages/[custom]/index.vue
  8. 61
      pages/plug/index.vue
  9. 3
      utils/tool.ts

8
assets/css/main.css
View File

@ -6,8 +6,8 @@
body {
margin: 0;
font-family: Inter, "Inter Fallback: Arial",ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
font-size: 14px;
line-height: 140%;
font-size: 15px;
line-height: 1.4rem;
}
ul, li {
@ -19,6 +19,10 @@ a {
color: #333333;
}
a:hover{
color: #cf1313;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

7
components/AppFooter.vue
View File

@ -8,6 +8,7 @@
<footer class="text-center py-10">
Copyright {{ new Date().getFullYear() }} {{ config?.siteName }} Inc. All Rights Reserved.
<a href="https://beian.miit.gov.cn/" target="_blank" class="ml-10"> 备案号：{{ config?.icpNo }}</a>
<a class="ml-3 cursor-pointer" @click="reload">刷新</a>
</footer>
</template>
@ -21,10 +22,14 @@ const config = ref<Config>()
// 获取数据
const reload = async () => {
await nextTick()
const { data: fields } = await useRequest<ApiResult<Config>>('/cms/website-field/config', {})
config.value = fields.value?.data;
ElMessage.success('刷新成功')
}
reload();
</script>
<style lang="scss">
</style>

26
components/AppHeader.vue
View File

@ -1,6 +1,6 @@
<template>
<header class="header bg-black">
<div class="container between">
<header class="header bg-black fixed z-10 w-full">
<div class="container flex between">
<div class="header__left flex">
<div class="logo w-[180px] flex items-center" @click="reload">
<nuxt-link v-if="config?.siteLogo" to="/">
@ -10,7 +10,7 @@
<text>{{ config?.siteName || '网宿软件' }}</text>
</nuxt-link>
</div>
<div v-if="route.path.indexOf('/user') === -1" class="hidden-sm-and-down">
<nav v-if="route.path.indexOf('/user') === -1" class="hidden-sm-and-down">
<el-menu
:default-active="currentIndex"
mode="horizontal"
@ -19,6 +19,7 @@
active-text-color="#ffd04b"
:collapse="true"
:ellipsis="false"
style="border-bottom: none"
@select="handleSelect"
>
<template v-for="(item, index) in navigations">
@ -48,23 +49,7 @@
</template>
</el-sub-menu>
</el-menu>
</div>
<!-- <nav v-if="route.path.indexOf('/user') === -1" class="hidden-sm-and-down">-->
<!-- <ul>-->
<!-- <li-->
<!-- v-for="item in navigations"-->
<!-- :key="item.navigationId"-->
<!-- class="relative"-->
<!-- :class="route.path === item.path ? 'active' : ''"-->
<!-- >-->
<!-- <nuxt-link v-if="item.target === '_blank'" :to="item.path" target="_blank">{{ item.title }}</nuxt-link>-->
<!-- <nuxt-link v-else :to="`${item.path}`">{{ item.title }}</nuxt-link>-->
<!-- <div class="absolute p-2 h-[100px]" v-if="item.children">-->
<!-- <nuxt-link v-for="(sub,index2) in item.children" :to="`${sub.path}`">{{ sub.title }}</nuxt-link>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </nav>-->
</nav>
</div>
<div class="header__right items-center">
<el-input
@ -164,4 +149,5 @@ reload();
</script>
<style lang="scss">
</style>

2
composables/useRequest.ts
View File

@ -19,7 +19,7 @@ export const useRequest = <T>(url: string, opts?: UseFetchOptions<T, unknown>) =
if (token.value) {
options.headers.Authorization = token.value;
}
options.headers.tenantid = `${TENANT_ID}`;
options.headers.tenantid = `5`;
},
onResponse({ response }) {
if (+response.status === 0 && +response._data.code !== 0) {

2
ecosystem.config.cjs
View File

@ -2,7 +2,7 @@ module.exports = {
apps: [
{
name: '网宿软件',
port: '10198',
port: '10123',
exec_mode: 'cluster',
instances: 'max',
script: './.output/server/index.mjs'

22
nuxt.config.ts
View File

@ -24,19 +24,19 @@ export default defineNuxtConfig({
}
},
devServer: {
port: 10189
port: 10123
},
nitro: {
devProxy: {
"/api": {
target: 'http://127.0.0.1:9001/api',
prependPath: true,
changeOrigin: true,
}
}
}
// nitro: {
// devProxy: {
// "/api": {
// target: 'http://127.0.0.1:9001/api',
// prependPath: true,
// changeOrigin: true,
// }
//
// }
// }
// runtimeConfig: {
// public: {

4
pages/[custom]/index.vue
View File

@ -2,7 +2,8 @@
<div class="banner" v-if="form">
<el-image :src="form.photo"></el-image>
</div>
<div v-if="form" class="container flex flex-col w-[1280px] m-auto">
<div class="container">
<div v-if="form" class="flex flex-col w-[1280px] m-auto bg-white">
<el-breadcrumb class="my-5" separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>{{ form.name }}</el-breadcrumb-item>
@ -13,6 +14,7 @@
</div>
</div>
</div>
</div>
<div v-if="!form">
<el-empty description="404 页面不存在"></el-empty>
</div>

61
pages/plug/index.vue
View File

@ -1,61 +0,0 @@
<template>
<div class="banner" v-if="form">
<el-image :src="form.photo"></el-image>
</div>
<div v-if="form" class="container flex flex-col w-[1280px] m-auto">
<el-breadcrumb class="my-5" separator="/">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>{{ form.name }}</el-breadcrumb-item>
</el-breadcrumb>
<div class="w-7xl m-auto bg-gray-50">
<div class="title text-3xl text-center py-10">{{ form.name }}</div>
<div class="p-4 leading-7" v-html="form.content">
</div>
</div>
</div>
<div v-if="!form">
<el-empty description="404 页面不存在"></el-empty>
</div>
</template>
<script setup lang="ts">
import type {Design} from "~/api/cms/design/model";
import type {ApiResult} from "~/api";
import {useRequest} from "~/composables/useRequest";
const route = useRoute();
const { query, params } = route;
const { custom: pageName} = params;
// 页面信息
const form = ref<Design | any>();
// 请求数据
const { data: design } = await useRequest<ApiResult<Design[]>>('/cms/design', {params: {
path: `/${pageName}`
}})
if (design.value) {
design.value?.data?.map((d,i) => {
if(i == 0){
form.value = d;
console.log(d.name)
useHead({
title: `${d.name} 网宿软件`,
meta: [{ name: "keywords", content: "Nuxt Vue SSR Typescript" }],
bodyAttrs: {
class: "page-container",
},
script: [
{
children: "console.log('Hello World')",
},
],
});
}
})
}
</script>
<style scoped lang="scss">
</style>

3
utils/tool.ts
View File

@ -16,9 +16,10 @@ export function isArray(str: unknown) {
// 配置服务器接口
export function getBaseUrl() {
console.log('process:',process.server)
if (process.server) {
return "http://127.0.0.1:9001/api"
} else {
return "/api"
return "https://modules.gxwebsoft.com/api"
}
}

Write Preview
Loading…
Cancel
Save