Browse Source

feat: 获取授权

luoyali 1 year ago
parent
commit
89fe3d708c

+ 1 - 0
src/assets/icons/authProduct.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1713131183567" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5479" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M512 924.458667L0 380.416l195.541333-280.874667h632.917334L1024 380.416l-512 544z" fill="#388FDF" p-id="5480"></path><path d="M303.274667 380.416L512 924.416 0 380.458667h303.274667z" fill="#388FDF" p-id="5481"></path><path d="M0 380.416l195.541333-280.874667h632.917334L1024 380.416H0z" fill="#489CEA" p-id="5482"></path><path d="M0 380.416l195.541333-280.874667 107.733334 280.874667H0z" fill="#489CEA" p-id="5483"></path><path d="M195.541333 99.541333L512 924.458667l316.458667-824.917334H195.541333z" fill="#83BBFF" p-id="5484"></path><path d="M303.274667 380.416h417.450666L512 99.541333 303.274667 380.416z" fill="#B7D7FF" p-id="5485"></path><path d="M303.274667 380.416L195.584 99.541333H512L303.274667 380.416z" fill="#83BBFF" p-id="5486"></path><path d="M512 924.458667L303.274667 380.416h417.450666L512 924.416z" fill="#489CEA" p-id="5487"></path></svg>

BIN
src/assets/images/footer-left.png


BIN
src/assets/images/footer-right.png


BIN
src/assets/images/wx.jpg


+ 1 - 0
src/lang/lance-element/en.ts

@@ -23,6 +23,7 @@ export default {
 		fullscreen: 'Full Screen',
 		exitFullscreen: 'Exit Full Screen',
 		menuSearch: 'Search Menu',
+		authProduct: 'Product Auth',
 		menuDarkTheme: 'Switch Theme',
 		copy: 'Copy',
 		column: 'Column',

+ 1 - 0
src/lang/lance-element/zh-cn.ts

@@ -23,6 +23,7 @@ export default {
 		fullscreen: '全屏',
 		exitFullscreen: '退出全屏',
 		menuSearch: '搜索菜单',
+		authProduct: '采购授权',
 		menuDarkTheme: '切换主题',
 		copy: '复制',
 		column: '视图',

+ 2 - 0
src/layout/components/Header/ToolBarRight.vue

@@ -1,6 +1,7 @@
 <template>
 	<div class="tool-bar-right">
 		<div class="header-icon">
+			<AuthProduct />
 			<SearchMenu />
 			<ScreenFull />
 			<SwitchDarkTheme />
@@ -22,6 +23,7 @@ import Message from './components/Message.vue'
 import Avatar from './components/Avatar.vue'
 import SwitchDarkTheme from './components/SwitchDarkTheme.vue'
 import ThemeSetting from './components/ThemeSetting.vue'
+import AuthProduct from "./components/AuthProduct.vue";
 </script>
 
 <style lang="scss">

+ 24 - 0
src/layout/components/Header/components/AuthProduct.vue

@@ -0,0 +1,24 @@
+<template>
+	<div class="menu--search-wrap">
+		<el-tooltip :content="$t('le.authProduct')" effect="dark" placement="bottom">
+			<div class="menu--search menu-item le-hover-effect--bg" @click="jumpAuthPage">
+				<SvgIcon icon-class="authProduct" />
+				<span style="font-size: 14px; display: inline-block; margin-left: 3px">采购授权</span>
+			</div>
+		</el-tooltip>
+	</div>
+</template>
+
+<script setup>
+import router from '@/router'
+
+const jumpAuthPage = () => {
+	router.push('/product_auth')
+}
+</script>
+
+<style lang="scss" scoped>
+.menu--lang-select-wrap {
+	height: 100%;
+}
+</style>

+ 15 - 0
src/router/index.ts

@@ -80,6 +80,21 @@ export const sysStaticRouter: Array<AppRouteRecordRaw> = [
 				meta: { hidden: true, title: '创建流程', icon: '' }
 			}
 		]
+	},
+	{
+		path: '/product_auth',
+		component: Layout,
+		name: 'product_auth',
+		meta: { hidden: true, title: '采购授权' },
+		redirect: '/product_auth/index',
+		children: [
+			{
+				path: 'index',
+				component: () => import('@/views/dashboard/productAuth/index.vue'),
+				name: 'product_auth',
+				meta: { hidden: true, title: '采购授权', icon: '' }
+			}
+		]
 	}
 ]
 

+ 104 - 0
src/views/dashboard/productAuth/index.vue

@@ -0,0 +1,104 @@
+<template>
+	<div class="pageWrap">
+		<div class="content-warp flex-column-page-wrap">
+			<!-- 二维码 -->
+			<div class="wechat-box flex flex-align-pack-center">
+				<img src="@/assets/images/wx.jpg" alt="" style="width: 200px; height: 200px; margin-top: 20px" />
+			</div>
+
+			<!-- 常见问题 -->
+			<div class="issues-box-tl">
+				<div class="issues-box">
+					<div class="text-center pb-5">
+						<h2 class="issue-title">常见问题</h2>
+					</div>
+
+					<div class="text-container">
+						<el-row :gutter="15">
+							<el-col :span="12">
+								<h5 class="issues-sub">01. 商用授权如何保障?</h5>
+								<p class="issues-tip">
+									AiZuDa官方提供的付费软件享有版权保障,您可放心商用; 购买付费版软件后,我们将为您签订授权合同,提供商用授权书,保障您的商用权益;
+								</p>
+							</el-col>
+							<el-col :span="12">
+								<h5 class="issues-sub">02. 是否可以开发票?在哪里开?</h5>
+								<p class="issues-tip">可以,我们支持开具增值税电子普通发票。购买后加上述微信进行索取。</p>
+							</el-col>
+							<el-col :span="12">
+								<h5 class="issues-sub">03. 更新权是什么意思?</h5>
+								<p class="issues-tip">
+									获取授权后,您将拥有AiZuDa永久使用权,但仅拥有一年的更新权,一年以后支付订阅费继续可以享受更新技术服务。
+									例如:您在2024年2月22日,购买了一年更新权的版本,那么只要在2025年2月22日之前发布的版本,您都可以升级并免费使用,但在2025年2月22日之后发布的版本是不可以升级使用的,
+									如果需要,您可以支付订阅费
+								</p>
+							</el-col>
+						</el-row>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script setup lang="ts"></script>
+<style scoped lang="scss">
+.ApprovalList {
+}
+.text-container {
+	width: 90%;
+	margin: 0 auto;
+}
+
+.issues-box-tl {
+	background: url(@/assets/images/footer-left.png) no-repeat top left;
+	background-size: 55%;
+}
+.issues-box {
+	background: url(@/assets/images/footer-right.png) no-repeat bottom right;
+	background-size: 55%;
+	.text-center {
+		text-align: center;
+	}
+	.pb-5 {
+		padding-bottom: 35px;
+	}
+	.issue-title {
+		position: relative;
+		width: 300px;
+		padding: 10px 0;
+		font-size: 24px;
+		margin: 0 auto;
+		text-align: center;
+		overflow: hidden;
+		color: #3d3d3d;
+		margin-bottom: 20px;
+		&::after {
+			content: '';
+			position: absolute;
+			left: 50%;
+			bottom: 0;
+			width: 40px;
+			height: 3px;
+			margin-left: -20px;
+			background-color: #131313;
+		}
+	}
+}
+
+.issues-sub {
+	font-family: 'Dosis', 'Open Sans', sans-serif;
+	font-weight: 600;
+	color: #37404d;
+	letter-spacing: 1px;
+	line-height: 1.6;
+	font-size: 20px;
+}
+
+.issues-tip {
+	margin-top: 0;
+	margin-bottom: 1rem;
+	line-height: 1.9;
+	font-size: 14px;
+}
+</style>