admin

src/views/admin/App.tsx

@@ -1,33 +1,34 @@
-import { css } from "@linaria/core";
 import { Layout } from "ant-design-vue";
 import { defineComponent } from "vue";
-const { Header, Content, Footer } = Layout;
-// import HeaderComponent from "../../components/layout/Header";
-// import FooterComponent from "../../components/layout/Footer";
+import HeaderComponent from "./components/Header";
+import { css } from "@linaria/core";
+import PageMenu from "./components/PageMenu";
+const { Header, Content, Sider } = Layout;
+
 export default defineComponent(() => {
   return () => (
-    <Layout>
-      <Header class={HeaderLayout}>{/* <HeaderComponent /> */}</Header>
-      <Content>
-        <router-view></router-view>
-      </Content>
-      <Footer class={FooterLayout}>{/* <FooterComponent /> */}</Footer>
+    <Layout class={Page}>
+      <Header>
+        <HeaderComponent />
+      </Header>
+      <Layout class={Page}>
+        <Sider class={SiderMenu}>
+          <PageMenu />
+        </Sider>
+        <Content>
+          <router-view></router-view>
+        </Content>
+      </Layout>
     </Layout>
   );
 });
-const HeaderLayout = css`
-  &.ant-layout-header {
-    height: auto;
-    line-height: 1;
-    padding: 0;
-    background-color: transparent;
-  }
+const Page = css`
+  height: 100%;
 `;
-const FooterLayout = css`
-  &.ant-layout-footer {
-    height: auto;
-    line-height: 1;
-    padding: 0;
-    background-color: transparent;
+const SiderMenu = css`
+  overflow: auto;
+  height: 100%;
+  &.ant-layout-sider {
+    background-color: #fff;
   }
 `;

src/views/admin/components/Header.tsx

@@ -0,0 +1,10 @@
+import { css } from "@linaria/core";
+import { defineComponent } from "vue";
+
+export default defineComponent(() => {
+  return () => <div class={Header}>西华大学美术与设计学院--后台管理系统</div>;
+});
+const Header = css`
+  font-size: 20px;
+  color: #fff;
+`;

src/views/admin/components/PageMenu.tsx

@@ -0,0 +1,41 @@
+import { css } from "@linaria/core";
+import { Menu } from "ant-design-vue";
+
+import { defineComponent } from "vue";
+import { MenusConfig } from "../config/menus";
+import { useRouter } from "vue-router";
+export default defineComponent({
+  setup() {
+    const router = useRouter();
+    return () => (
+      <div>
+        <Menu mode="inline" selectedKeys={[router.currentRoute.value.path]}>
+          {MenusConfig.map((item: any) => {
+            console.log(item);
+            if (item.children) {
+              return (
+                <Menu.SubMenu key={item.name} title={item.name}>
+                  {item.children.map((subItem: any) => {
+                    return (
+                      <Menu.Item key={subItem.path}>
+                        <router-link to={subItem.path}>
+                          {subItem.name}
+                        </router-link>
+                      </Menu.Item>
+                    );
+                  })}
+                </Menu.SubMenu>
+              );
+            } else {
+              return (
+                <Menu.Item key={item.path}>
+                  <router-link to={item.path}>{item.name}</router-link>
+                </Menu.Item>
+              );
+            }
+          })}
+        </Menu>
+      </div>
+    );
+  },
+});

src/views/admin/config/menus.ts

@@ -0,0 +1,317 @@
+export const MenusConfig = [
+  {
+    name: "学院概述",
+    children: [
+      {
+        name: "学院简介",
+        path: "/prices/bill/purchase",
+      },
+      {
+        name: "历史沿革",
+        path: "/prices/bill/product",
+      },
+      {
+        name: "学院领导",
+        path: "/prices/bill/produce",
+      },
+      {
+        name: "组织机构",
+        path: "/prices/report/process",
+      },
+    ],
+  },
+  {
+    name: "新闻资讯",
+    children: [
+      {
+        name: "要闻快讯",
+        path: "/prices/bill/purchase",
+      },
+      {
+        name: "通知公告",
+        path: "/prices/bill/product",
+      },
+      {
+        name: "热点专题",
+        path: "/prices/bill/produce",
+      },
+      {
+        name: "招聘信息",
+        path: "/prices/report/process",
+      },
+    ],
+  },
+  {
+    name: "党建工作",
+    children: [
+      {
+        name: "组织建设",
+        path: "/prices/materials",
+      },
+      {
+        name: "党建动态",
+        path: "/prices/crafts",
+      },
+      {
+        name: "党务公开",
+        path: "/prices/process",
+      },
+      {
+        name: "党风廉政",
+        path: "/prices/process",
+      },
+      {
+        name: "专题教育",
+        path: "/prices/process",
+      },
+      {
+        name: "服务指南",
+        path: "/prices/process",
+      },
+      {
+        name: "学习资源",
+        path: "/prices/process",
+      },
+    ],
+  },
+  {
+    name: "教育教学",
+    children: [
+      {
+        name: "本科生教育",
+        path: "/prices/supplier/list",
+      },
+      {
+        name: "研究生教育",
+        path: "/prices/supplier/list",
+      },
+      {
+        name: "教师工作室",
+        path: "/prices/supplier/list",
+      },
+    ],
+  },
+  {
+    name: "科学研究",
+    children: [
+      {
+        name: "教授委员会",
+        path: "/prices/setting/unit",
+      },
+      {
+        name: "学术委员会",
+        path: "/prices/setting/cates",
+      },
+      {
+        name: "研创动态",
+        path: "/prices/users",
+      },
+      {
+        name: "研创成果",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "科研平台",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "师资队伍",
+    children: [
+      {
+        name: "美术系",
+        path: "/prices/setting/unit",
+      },
+      {
+        name: "动画系",
+        path: "/prices/setting/cates",
+      },
+      {
+        name: "工业设计系",
+        path: "/prices/users",
+      },
+      {
+        name: "视觉传达设计系",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "博士导师",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "硕士导师",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "荣休教师",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "学科建设",
+    children: [
+      {
+        name: "工业设计系",
+        path: "/prices/users",
+      },
+      {
+        name: "视觉传达设计系",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "环境设计系",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "美术系",
+        path: "/prices/setting/unit",
+      },
+      {
+        name: "动画系",
+        path: "/prices/setting/cates",
+      },
+    ],
+  },
+  {
+    name: "人才培养",
+    children: [
+      {
+        name: "本科生教育",
+        path: "/prices/users",
+      },
+      {
+        name: "研究生教育",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "招生就业",
+    children: [
+      {
+        name: "本科生招生",
+        path: "/prices/users",
+      },
+      {
+        name: "研究生招生",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "就业去向",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "学生工作",
+    children: [
+      {
+        name: "奖勤助贷",
+        path: "/prices/users",
+      },
+      {
+        name: "团学动态",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "学生实践",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "学生风采",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "特色活动",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "合作交流",
+    children: [
+      {
+        name: "交流动态",
+        path: "/prices/users",
+      },
+      {
+        name: "合作项目",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "出国（境）升学",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "师生作品",
+    children: [
+      {
+        name: "美术展览",
+        path: "/prices/users",
+      },
+      {
+        name: "动画艺术",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "产品设计",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "视觉传达",
+        path: "/prices/setting/company",
+      },
+      {
+        name: "环境设计",
+        path: "/prices/setting/company",
+      },
+    ],
+  },
+  {
+    name: "教工之家",
+    children: [
+      {
+        name: "工会/教代会",
+        path: "/prices/users",
+      },
+    ],
+  },
+  {
+    name: "校友空间",
+    children: [
+      {
+        name: "校友服务",
+        path: "/prices/users",
+      },
+      {
+        name: "校友组织",
+        path: "/prices/users",
+      },
+      {
+        name: "校友活动",
+        path: "/prices/users",
+      },
+      {
+        name: "校友名录",
+        path: "/prices/users",
+      },
+    ],
+  },
+  {
+    name: "下载专区",
+    children: [
+      {
+        name: "教师必备",
+        path: "/prices/users",
+      },
+      {
+        name: "学生必备",
+        path: "/prices/users",
+      },
+    ],
+  },
+];

src/views/admin/router/index.ts

@@ -6,7 +6,7 @@ const router = createRouter({
     {
       path: "/",
       name: "home",
-      component: () => import("../pages/home"),
+      component: () => import("../index"),
     },
   ],
 });

src/views/website/home/components/Speciality.tsx

@@ -16,7 +16,7 @@ export default defineComponent({
                 <img src={getImageUrl("icons/icon_home_specialty_1.png")} />
               </div>
               <div class={"card_tit"}>
-                <div>产品设计系</div>
+                <div>工业设计系</div>
                 <div class={"sec_tit"}>
                   <p>工业产品设计</p>
                   <p>电子信息产品设计</p>
@@ -24,7 +24,7 @@ export default defineComponent({
                 </div>
                 <div class={"card_desc"}>
                   <div class={"desc"}>
-                    产品设计专业（即原艺招“工业设计专业”），是四川省高校省级特色专业、四川省一流本科专业、四川省地方高校应用型本科示范专业，也是四川省教育体制机制改革立项的重要试点。
+                    工业设计系（即原艺招“工业设计专业”），是四川省高校省级特色专业、四川省一流本科专业、四川省地方高校应用型本科示范专业，也是四川省教育体制机制改革立项的重要试点。
                   </div>
                   <div class={"more"}>
                     <a>