baoman / Ezquiz_Platform

Browse Code »

Commit c1b532ad9ca4f9d04954c7dd1d1b601b43ff0440

Authored by 梁保满 2022-11-29 16:22:49 +0800

1 parent ae233dc9

权限配置，路由基础设置

Inline Side-by-side

Showing 50 changed files with 3644 additions and 0 deletions

src/api/apis/login.js 0 → 100644

View file @c1b532a

		1	+
		2	+import axios from "../axios"
		3	+import loginUrls from "../urls/login"
		4	+
		5	+export default {
		6	+ // 账号密码登陆
		7	+ fetchLogin (data) {
		8	+ return axios.post(loginUrls.login, data)
		9	+ }
		10	+}

src/api/apis/role.js 0 → 100644

View file @c1b532a

		1	+
		2	+import axios from "../axios"
		3	+import roleUrls from "../urls/role"
		4	+
		5	+export default {
		6	+ // 获取权限列表
		7	+ fetchGetRoleList () {
		8	+ return axios.post(roleUrls.getRoleList)
		9	+ },
		10	+ // 增加角色
		11	+ fetchAddRole (data) {
		12	+ return axios.post(roleUrls.addRole, data)
		13	+ },
		14	+ // 删除角色
		15	+ fetchDelRole (data) {
		16	+ return axios.post(roleUrls.delRole, data)
		17	+ },
		18	+ // 分配角色权限
		19	+ fetchRolePermissions (data) {
		20	+ return axios.post(roleUrls.rolePermissions, data)
		21	+ }
		22	+}
		23	+

src/api/apis/user.js 0 → 100644

View file @c1b532a

		1	+
		2	+import axios from "../axios"
		3	+import userUrls from "../urls/user"
		4	+
		5	+export default {
		6	+ // 注册/添加账号
		7	+ fetchRegister (data) {
		8	+ return axios.post(userUrls.register, data)
		9	+ },
		10	+ // 删除用户
		11	+ fetchDelUser (data) {
		12	+ return axios.post(userUrls.delUser, data)
		13	+ },
		14	+ // 获取用户列表
		15	+ fetchUserList (data) {
		16	+ return axios.post(userUrls.userList, data)
		17	+ },
		18	+ // 修改用户信息
		19	+ fetchEditUser (data) {
		20	+ return axios.post(userUrls.editUser, data)
		21	+ },
		22	+ // 获取当前用户信息
		23	+ fetchGetUserInfo () {
		24	+ return axios.get(userUrls.getUserInfo)
		25	+ },
		26	+ // 获取用户信息
		27	+ fetchGetUserInfoId (data) {
		28	+ return axios.post(userUrls.getUserInfoId, data)
		29	+ },
		30	+ // 修改密码
		31	+ fetchEditPassword (data) {
		32	+ return axios.post(userUrls.editPassword, data)
		33	+ }
		34	+}
		35	+

src/api/axios.js 0 → 100644

View file @c1b532a

		1	+import axios from "axios"
		2	+import Cookies from "js-cookie"
		3	+import NProgress from "nprogress"
		4	+import { Message } from "element-ui"
		5	+// axios默认配置
		6	+axios.defaults.timeout = 10000 // 超时时间
		7	+axios.defaults.baseURL = process.env.API_HOST
		8	+
		9	+// http request 拦截器
		10	+axios.interceptors.request.use(config => {
		11	+ NProgress.start()
		12	+ config.headers["Content-Type"] = "application/json;charset=UTF-8"
		13	+ if (Cookies.get("access_token")) {
		14	+ config.headers.Authorization = "Bearer" + Cookies.get("access_token")
		15	+ }
		16	+ return config
		17	+},
		18	+error => {
		19	+ return Promise.reject(error.response)
		20	+})
		21	+
		22	+// http response 拦截器
		23	+axios.interceptors.response.use(
		24	+ response => {
		25	+ NProgress.done()
		26	+ if (response.data.code === 11000) {
		27	+ Cookies.set("access_token", response.data.message, { expires: 1 / 12 })
		28	+ return Promise.resolve()
		29	+ } else if (response.data.code === 10000) { // 约定报错信息
		30	+ Message({
		31	+ message: response.data.message,
		32	+ type: "warning"
		33	+ })
		34	+ return Promise.reject(response)
		35	+ } else {
		36	+ return Promise.resolve(response)
		37	+ }
		38	+ },
		39	+ error => {
		40	+ if (error.response.status === 404) {
		41	+ Message({
		42	+ message: "请求地址出错",
		43	+ type: "warning"
		44	+ })
		45	+ } else if (error.response.status === 401) {
		46	+ Message({
		47	+ message: error.response.data.message,
		48	+ type: "warning"
		49	+ })
		50	+ Cookies.remove("access_token")
		51	+ setTimeout(() => {
		52	+ location.reload()
		53	+ }, 3000)
		54	+ }
		55	+ return Promise.reject(error.response) // 返回接口返回的错误信息
		56	+ })
		57	+export default axios

src/api/index.js 0 → 100644

View file @c1b532a

		1	+const modulesFiles = require.context("./apis", true, /\.js$/)
		2	+const modules = modulesFiles.keys().reduce((modules, modulePath) => {
		3	+ const value = modulesFiles(modulePath)
		4	+ modules = Object.assign(modules, value.default)
		5	+ return modules
		6	+}, {})
		7	+
		8	+export default modules

src/api/urls/login.js 0 → 100644

View file @c1b532a

		1	+
		2	+export default {
		3	+ // 账号密码登陆
		4	+ login: "/admin/user/login"
		5	+}

src/api/urls/role.js 0 → 100644

View file @c1b532a

		1	+
		2	+export default {
		3	+ // 获取角色列表
		4	+ getRoleList: "/permissions/getRoleList",
		5	+ // 增加角色
		6	+ addRole: "/permissions/addRole",
		7	+ // 删除角色
		8	+ delRole: "/permissions/delRole",
		9	+ // 分配角色权限
		10	+ rolePermissions: "/permissions/rolePermissions"
		11	+}
		12	+

src/api/urls/user.js 0 → 100644

View file @c1b532a

		1	+
		2	+export default {
		3	+ // 注册/添加账号
		4	+ register: "/admin/user/register",
		5	+ // 删除用户
		6	+ delUser: "/user/delUser",
		7	+ // 修改用户信息
		8	+ editUser: "/user/editUserInfo",
		9	+ // 获取当前用户信息
		10	+ getUserInfo: "/user/getUserInfo",
		11	+ // 获取用户信息
		12	+ getUserInfoId: "/user/getUserInfoId",
		13	+ // 获取用户列表
		14	+ userList: "/user/userList",
		15	+ // 修改密码
		16	+ editPassword: "/user/editPassword"
		17	+}

src/assets/images/chiken.png 0 → 100644

View file @c1b532a

56.7 KB

src/assets/images/login-bg.png 0 → 100644

View file @c1b532a

277 KB

src/assets/images/logo.png 0 → 100644

View file @c1b532a

7.89 KB

src/assets/images/mandefault.png 0 → 100644

View file @c1b532a

5.58 KB

src/assets/images/womandefault.png 0 → 100644

View file @c1b532a

5.45 KB

src/assets/img404/bg404.jpg 0 → 100644

View file @c1b532a

35.8 KB

src/assets/img404/i404.png 0 → 100644

View file @c1b532a

16.8 KB

src/assets/img404/sign.png 0 → 100644

View file @c1b532a

423 KB

src/assets/lang.png 0 → 100644

View file @c1b532a

6.05 KB

src/components/ECharts/lineEcharts.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <div :id="id" :style="{width: width, height: height}"></div>
		4	+ </div>
		5	+</template>
		6	+
		7	+<script>
		8	+import * as echarts from "echarts"
		9	+export default {
		10	+ name: "lineEcharts",
		11	+ props: {
		12	+ id: {
		13	+ type: String,
		14	+ default: "myChart"
		15	+ },
		16	+ width: {
		17	+ type: String,
		18	+ default: "100%"
		19	+ },
		20	+ height: {
		21	+ type: String,
		22	+ default: "100%"
		23	+ }
		24	+ },
		25	+ data () {
		26	+ return {
		27	+ chart: null
		28	+ }
		29	+ },
		30	+ mounted () {
		31	+ this.initChart()
		32	+ },
		33	+ methods: {
		34	+ initChart () {
		35	+ this.chart = echarts.init(document.getElementById(this.id))
		36	+
		37	+ this.chart.setOption({
		38	+ title: {
		39	+ text: "折线图堆叠"
		40	+ },
		41	+ tooltip: {
		42	+ trigger: "axis"
		43	+ },
		44	+ legend: {
		45	+ data: ["邮件营销", "联盟广告", "视频广告", "直接访问", "搜索引擎"]
		46	+ },
		47	+ grid: {
		48	+ left: "3%",
		49	+ right: "4%",
		50	+ bottom: "3%",
		51	+ containLabel: true
		52	+ },
		53	+ toolbox: {
		54	+ feature: {
		55	+ saveAsImage: {}
		56	+ }
		57	+ },
		58	+ xAxis: {
		59	+ type: "category",
		60	+ boundaryGap: false,
		61	+ data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]
		62	+ },
		63	+ yAxis: {
		64	+ type: "value"
		65	+ },
		66	+ series: [
		67	+ {
		68	+ name: "邮件营销",
		69	+ type: "line",
		70	+ stack: "总量",
		71	+ data: [8200, 6320, 5010, 4340, 3400, 2300, 1100]
		72	+ },
		73	+ {
		74	+ name: "联盟广告",
		75	+ type: "line",
		76	+ stack: "总量",
		77	+ data: [2200, 3820, 1910, 2340, 4900, 3300, 1100]
		78	+ },
		79	+ {
		80	+ name: "视频广告",
		81	+ type: "line",
		82	+ stack: "总量",
		83	+ data: [2500, 4302, 5010, 2540, 6900, 5300, 6410]
		84	+ },
		85	+ {
		86	+ name: "直接访问",
		87	+ type: "line",
		88	+ stack: "总量",
		89	+ data: [5320, 7332, 9301, 6334, 5390, 4330, 1320]
		90	+ },
		91	+ {
		92	+ name: "搜索引擎",
		93	+ type: "line",
		94	+ stack: "总量",
		95	+ data: [8820, 1932, 5901, 7304, 2900, 3300, 8200]
		96	+ }
		97	+ ]
		98	+ })
		99	+ }
		100	+ }
		101	+}
		102	+</script>
		103	+
		104	+<style scoped>
		105	+
		106	+</style>

src/components/lang/langSelect.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <el-dropdown class='international' @command="handleSetLanguage">
		3	+ <div>
		4	+ <span class="el-dropdown-link"><i class="fa fa-language fa-lg"></i> {{language}}<i class="el-icon-arrow-down el-icon--right"></i>
		5	+ </span>
		6	+ </div>
		7	+ <el-dropdown-menu slot="dropdown">
		8	+ <el-dropdown-item command="cn">中文</el-dropdown-item>
		9	+ <el-dropdown-item command="en">English</el-dropdown-item>
		10	+ </el-dropdown-menu>
		11	+ </el-dropdown>
		12	+</template>
		13	+<script>
		14	+export default {
		15	+ name: "langSelect",
		16	+ data () {
		17	+ return {
		18	+ language: ""
		19	+ }
		20	+ },
		21	+ mounted () {
		22	+ const _lang = localStorage.lang \|\| "cn"
		23	+ this.getLanguage(_lang)
		24	+ },
		25	+ methods: {
		26	+ handleSetLanguage (lang) {
		27	+ this.$i18n.locale = lang
		28	+ localStorage.setItem("lang", lang)
		29	+ this.getLanguage(lang)
		30	+ },
		31	+ getLanguage (val) {
		32	+ if (val === "cn") {
		33	+ this.language = "中文"
		34	+ }
		35	+ if (val === "en") {
		36	+ this.language = "English"
		37	+ }
		38	+ }
		39	+ }
		40	+}
		41	+</script>
		42	+<style>
		43	+ .international .el-dropdown-link { cursor: pointer; color: #666666; font-size: 14px; }
		44	+ .el-icon-arrow-down { font-size: 14px; }
		45	+</style>
		46	+<style scoped>
		47	+ .international-icon {
		48	+ font-size: 20px;
		49	+ cursor: pointer;
		50	+ vertical-align: -5px !important;
		51	+ }
		52	+</style>
		53	+

src/components/userForm/editPassword.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <el-dialog title="修改密码" width="700px" :visible.sync="visible" destroy-on-close @close="closeCallback">
		3	+ <div class="card">
		4	+ <p class="title"><i class="fa fa-th-large fa-lg"></i>修改密码</p>
		5	+ <el-form :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm">
		6	+ <el-form-item label="原密码" prop="oldPassword">
		7	+ <el-input type="password" v-model="ruleForm2.oldPassword" autocomplete="off"></el-input>
		8	+ </el-form-item>
		9	+ <el-form-item label="密码" prop="password">
		10	+ <el-input type="password" v-model="ruleForm2.password" autocomplete="off"></el-input>
		11	+ </el-form-item>
		12	+ <el-form-item label="确认密码" prop="checkPass">
		13	+ <el-input type="password" v-model="ruleForm2.checkPass" autocomplete="off"></el-input>
		14	+ </el-form-item>
		15	+ <el-form-item>
		16	+ <el-button type="primary" @click="submitForm('ruleForm2')">提交</el-button>
		17	+ <el-button @click="resetForm('ruleForm2')">重置</el-button>
		18	+ </el-form-item>
		19	+ </el-form>
		20	+ </div>
		21	+ </el-dialog>
		22	+</template>
		23	+
		24	+<script>
		25	+import Cookies from "js-cookie"
		26	+export default {
		27	+ name: "editPassword",
		28	+ props: {
		29	+ dialogVisible: {
		30	+ type: Boolean,
		31	+ default: false
		32	+ }
		33	+ },
		34	+ data () {
		35	+ var validatePass = (rule, value, callback) => {
		36	+ if (value === "") {
		37	+ callback(new Error("请输入密码"))
		38	+ } else if (value.toString().length < 6) {
		39	+ callback(new Error("密码长度不能低于6位"))
		40	+ } else {
		41	+ if (this.ruleForm2.checkPass !== "") {
		42	+ this.$refs.ruleForm2.validateField("checkPass")
		43	+ }
		44	+ callback()
		45	+ }
		46	+ }
		47	+ var validatePass2 = (rule, value, callback) => {
		48	+ if (value === "") {
		49	+ callback(new Error("请再次输入密码"))
		50	+ } else if (value.toString().length < 6) {
		51	+ callback(new Error("密码长度不能低于6位"))
		52	+ } else if (value !== this.ruleForm2.password) {
		53	+ callback(new Error("两次输入密码不一致!"))
		54	+ } else {
		55	+ callback()
		56	+ }
		57	+ }
		58	+ return {
		59	+ visible: this.dialogVisible,
		60	+ ruleForm2: {
		61	+ oldPassword: "",
		62	+ password: "",
		63	+ checkPass: ""
		64	+ },
		65	+ rules2: {
		66	+ oldPassword: [
		67	+ {required: true, validator: validatePass, trigger: "blur"}
		68	+ ],
		69	+ password: [
		70	+ {required: true, validator: validatePass, trigger: "blur"}
		71	+ ],
		72	+ checkPass: [
		73	+ {required: true, validator: validatePass2, trigger: "blur"}
		74	+ ]
		75	+ }
		76	+ }
		77	+ },
		78	+ methods: {
		79	+ closeCallback () {
		80	+ this.$emit("editPwdCallback")
		81	+ },
		82	+ submitForm (formName) {
		83	+ let that = this
		84	+ this.$refs[formName].validate((valid) => {
		85	+ if (valid) {
		86	+ this.$request.fetchEditPassword({
		87	+ oldPassword: that.ruleForm2.oldPassword,
		88	+ newPassword: that.ruleForm2.password
		89	+ }).then((res) => {
		90	+ that.$message({
		91	+ showClose: true,
		92	+ message: res.data.message,
		93	+ type: "success"
		94	+ })
		95	+ setTimeout(function () {
		96	+ Cookies.remove("access_token")
		97	+ location.reload()
		98	+ }, 3000)
		99	+ }).catch((err) => {
		100	+ that.$message({
		101	+ showClose: true,
		102	+ message: err.data.message,
		103	+ type: "error"
		104	+ })
		105	+ })
		106	+ } else {
		107	+ console.log("error submit!!")
		108	+ return false
		109	+ }
		110	+ })
		111	+ },
		112	+ resetForm (formName) {
		113	+ this.$refs[formName].resetFields()
		114	+ }
		115	+ }
		116	+}
		117	+</script>
		118	+
		119	+<style scoped>
		120	+ .demo-ruleForm {
		121	+ width: 460px;
		122	+ padding-top: 25px;
		123	+ }
		124	+
		125	+ .card {
		126	+ width: 560px;
		127	+ padding-bottom: 15px;
		128	+ margin: 0px auto;
		129	+ }
		130	+</style>

src/components/userForm/userInfo.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <el-dialog :title="title" width="800px" :visible.sync="visible" destroy-on-close @close="closeCallback">
		3	+ <div class="card">
		4	+ <p class="title"><i class="fa fa-th-large fa-lg"></i>个人资料</p>
		5	+ <el-form :model="ruleForm2" status-icon :rules="rules" ref="ruleForm2" label-width="100px" class="demo-ruleForm">
		6	+ <el-form-item label="用户名" prop="username">
		7	+ <el-input v-model="ruleForm2.username" autocomplete="off"></el-input>
		8	+ </el-form-item>
		9	+ <el-form-item v-if="!userId" label="密码" prop="password">
		10	+ <el-input type="password" v-model="ruleForm2.password" autocomplete="off"></el-input>
		11	+ </el-form-item>
		12	+ <el-form-item v-if="!userId" label="确认密码" prop="checkPass">
		13	+ <el-input type="password" v-model="ruleForm2.checkPass" autocomplete="off"></el-input>
		14	+ </el-form-item>
		15	+ <el-form-item label="角色">
		16	+ <el-select v-if="roleName" v-model="ruleForm2.roleId" disabled placeholder="请选择等级">
		17	+ <el-option
		18	+ v-for="item in roleData"
		19	+ :key="item.id"
		20	+ :label="item.name"
		21	+ :value="item.id">
		22	+ </el-option>
		23	+ </el-select>
		24	+ <el-select v-else v-model="ruleForm2.roleId" placeholder="请选择等级">
		25	+ <el-option
		26	+ v-for="item in roleData"
		27	+ :key="item.id"
		28	+ :label="item.name"
		29	+ :value="item.id"
		30	+ :disabled="item.disabled">
		31	+ </el-option>
		32	+ </el-select>
		33	+ </el-form-item>
		34	+ <el-form-item label="姓名" prop="name">
		35	+ <el-input v-model="ruleForm2.name" autocomplete="off"></el-input>
		36	+ </el-form-item>
		37	+ <el-form-item label="性别">
		38	+ <el-radio-group v-model="ruleForm2.sex">
		39	+ <el-radio label="1">男</el-radio>
		40	+ <el-radio label="2">女</el-radio>
		41	+ </el-radio-group>
		42	+ </el-form-item>
		43	+ <el-form-item label="年龄" prop="age">
		44	+ <el-input v-model="ruleForm2.age" autocomplete="off"></el-input>
		45	+ </el-form-item>
		46	+ <el-form-item label="手机号" prop="mobilePhone">
		47	+ <el-input v-model="ruleForm2.mobilePhone" autocomplete="off"></el-input>
		48	+ </el-form-item>
		49	+ <el-form-item label="是否启用">
		50	+ <el-switch v-model="ruleForm2.status"></el-switch>
		51	+ </el-form-item>
		52	+ <el-form-item label="头像上传">
		53	+ <el-upload
		54	+ class="avatar-uploader"
		55	+ action="/api/editor/uploadImg"
		56	+ :show-file-list="false"
		57	+ :on-success="handleAvatarSuccess"
		58	+ :before-upload="beforeAvatarUpload">
		59	+ <img v-if="ruleForm2.avatar" :src="ruleForm2.avatar" class="avatar">
		60	+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
		61	+ </el-upload>
		62	+ </el-form-item>
		63	+ <el-form-item>
		64	+ <el-button type="primary" @click="submitForm('ruleForm2')">确定</el-button>
		65	+ <el-button @click="resetForm('ruleForm2')">重置</el-button>
		66	+ </el-form-item>
		67	+ </el-form>
		68	+ </div>
		69	+ </el-dialog>
		70	+</template>
		71	+
		72	+<script>
		73	+export default {
		74	+ name: "userInfo",
		75	+ props: {
		76	+ title: {
		77	+ type: String,
		78	+ default: "账号信息"
		79	+ },
		80	+ dialogVisible: {
		81	+ type: Boolean,
		82	+ default: false
		83	+ },
		84	+ userId: {
		85	+ type: String,
		86	+ default: ""
		87	+ }
		88	+ },
		89	+ data () {
		90	+ var validatePass = (rule, value, callback) => {
		91	+ if (value === "") {
		92	+ callback(new Error("请输入密码"))
		93	+ } else {
		94	+ if (this.ruleForm2.checkPass !== "") {
		95	+ this.$refs.ruleForm2.validateField("checkPass")
		96	+ }
		97	+ callback()
		98	+ }
		99	+ }
		100	+ var validatePass2 = (rule, value, callback) => {
		101	+ if (value === "") {
		102	+ callback(new Error("请再次输入密码"))
		103	+ } else if (value !== this.ruleForm2.password) {
		104	+ callback(new Error("两次输入密码不一致!"))
		105	+ } else {
		106	+ callback()
		107	+ }
		108	+ }
		109	+ return {
		110	+ roleName: false,
		111	+ roleData: "",
		112	+ visible: this.dialogVisible,
		113	+ ruleForm2: {
		114	+ mobilePhone: "",
		115	+ username: "",
		116	+ password: "",
		117	+ checkPass: "",
		118	+ roleId: "",
		119	+ status: "",
		120	+ sex: "1",
		121	+ age: 0,
		122	+ name: "",
		123	+ avatar: ""
		124	+ },
		125	+ rules: {
		126	+ username: [
		127	+ { required: true, message: "请输入用户名", trigger: "blur" },
		128	+ { min: 3, max: 18, message: "长度在 3 到 18 个字符", trigger: "blur" }
		129	+ ],
		130	+ password: [
		131	+ {required: true, validator: validatePass, trigger: "blur"}
		132	+ ],
		133	+ checkPass: [
		134	+ {required: true, validator: validatePass2, trigger: "blur"}
		135	+ ],
		136	+ roleId: [
		137	+ { required: true, message: "请选择用户角色", trigger: "change" }
		138	+ ]
		139	+ }
		140	+ }
		141	+ },
		142	+ methods: {
		143	+ handleAvatarSuccess (res, file) {
		144	+ this.ruleForm2.avatar = res.data[0]
		145	+ },
		146	+ closeCallback () {
		147	+ this.$emit("successCallback")
		148	+ },
		149	+ beforeAvatarUpload (file) {
		150	+ const isJPG = file.type === "image/jpeg"
		151	+ const isPNG = file.type === "image/png"
		152	+ const isLt2M = file.size / 1024 / 1024 < 2
		153	+
		154	+ if (!(isJPG \|\| isPNG)) {
		155	+ this.$message.error("上传头像图片只能是 JPG/PNG 格式!")
		156	+ }
		157	+ if (!isLt2M) {
		158	+ this.$message.error("上传头像图片大小不能超过 2MB!")
		159	+ }
		160	+ // eslint-disable-next-line no-mixed-operators
		161	+ return isLt2M && isJPG \|\| isPNG
		162	+ },
		163	+ getList () {
		164	+ let that = this
		165	+ this.$request.fetchGetRoleList().then(function (response) {
		166	+ that.roleData = response.data.rows
		167	+ let userId = that.userId
		168	+ if (!userId) {
		169	+ return false
		170	+ }
		171	+ that.$request.fetchGetUserInfoId({id: userId})
		172	+ .then(function (res) {
		173	+ console.log(res)
		174	+ res.data.password = ""
		175	+ if (res.data.status === "1") {
		176	+ res.data.status = true
		177	+ } else {
		178	+ res.data.status = false
		179	+ }
		180	+
		181	+ that.ruleForm2 = res.data
		182	+ that.roleName = true
		183	+ for (let i = 0; i < that.roleData.length; i++) {
		184	+ if (that.$store.getters.info.role === "超级管理员" && that.$store.getters.info.uid !== userId) {
		185	+ that.roleName = false
		186	+ }
		187	+ }
		188	+ return false
		189	+ })
		190	+ .catch(function (error) {
		191	+ console.log(error)
		192	+ })
		193	+ })
		194	+ .catch(function (error) {
		195	+ console.log(error)
		196	+ })
		197	+ },
		198	+ submitForm (formName) {
		199	+ let that = this
		200	+ this.$refs[formName].validate((valid) => {
		201	+ if (valid) {
		202	+ let newData = {}
		203	+ let fetchFn = this.$request.fetchEditUser
		204	+ if (!that.userId) {
		205	+ for (let item in that.ruleForm2) {
		206	+ if (item !== "checkPass") {
		207	+ newData[item] = that.ruleForm2[item]
		208	+ }
		209	+ }
		210	+ fetchFn = this.$request.fetchRegister
		211	+ } else {
		212	+ for (let item in that.ruleForm2) {
		213	+ if (item !== "password" && item !== "checkPass") {
		214	+ newData[item] = that.ruleForm2[item]
		215	+ }
		216	+ }
		217	+ }
		218	+ fetchFn(newData).then((res) => {
		219	+ that.$message({
		220	+ showClose: true,
		221	+ message: res.data.message,
		222	+ type: "success"
		223	+ })
		224	+ }).catch((err) => {
		225	+ console.log(err)
		226	+ })
		227	+ } else {
		228	+ console.log("error submit!!")
		229	+ return false
		230	+ }
		231	+ })
		232	+ },
		233	+ resetForm (formName) {
		234	+ this.$refs[formName].resetFields()
		235	+ }
		236	+ },
		237	+ mounted () {
		238	+ // this.getList()
		239	+ }
		240	+}
		241	+</script>
		242	+<style scoped>
		243	+ .demo-ruleForm {
		244	+ width: 460px;
		245	+ padding-top: 25px;
		246	+ }
		247	+ .el-select {
		248	+ width: 100%;
		249	+ }
		250	+ .card {
		251	+ width: 560px;
		252	+ padding-bottom: 15px;
		253	+ margin: 0px auto;
		254	+ }
		255	+ .avatar-uploader .el-upload {
		256	+ border: 1px dashed #d9d9d9;
		257	+ border-radius: 6px;
		258	+ cursor: pointer;
		259	+ position: relative;
		260	+ overflow: hidden;
		261	+ }
		262	+ .avatar-uploader .el-upload:hover {
		263	+ border-color: #409EFF;
		264	+ }
		265	+ .avatar-uploader-icon {
		266	+ font-size: 28px;
		267	+ color: #8c939d;
		268	+ width: 178px;
		269	+ height: 178px;
		270	+ line-height: 178px;
		271	+ text-align: center;
		272	+ }
		273	+ .avatar {
		274	+ width: 178px;
		275	+ height: 178px;
		276	+ display: block;
		277	+ }
		278	+</style>

src/config/index.js 0 → 100644

View file @c1b532a

		1	+const modeUrl = {
		2	+ // 开发环境
		3	+ development: {
		4	+ baseURL: "/",
		5	+ authBaseURL: "",
		6	+ $cdn:""
		7	+ },
		8	+ // 生产环境
		9	+ production: {
		10	+ authBaseURL: "",
		11	+ $cdn:""
		12	+ },
		13	+};
		14	+module.exports = modeUrl[process.env.NODE_ENV]

src/directive/permission/button.js 0 → 100644

View file @c1b532a

		1	+export default {
		2	+ install (Vue, options) {
		3	+ Vue.directive("roleBtn", {
		4	+ componentUpdated: function (el, binding) {
		5	+ let roleArr = binding.value
		6	+ let userRole = JSON.parse(localStorage.getItem("info")).role
		7	+ if (roleArr && roleArr.indexOf(userRole) !== -1) {
		8	+ return false
		9	+ } else {
		10	+ el.parentNode.removeChild(el)
		11	+ }
		12	+ },
		13	+ inserted: function (el, binding) {
		14	+ let roleArr = binding.value
		15	+ let userRole = JSON.parse(localStorage.getItem("info")).role
		16	+ if (roleArr && roleArr.indexOf(userRole) !== -1) {
		17	+ return false
		18	+ } else {
		19	+ el.parentNode.removeChild(el)
		20	+ }
		21	+ }
		22	+ })
		23	+ }
		24	+}
0	\ No newline at end of file	25	\ No newline at end of file

src/i18n/i18n.js 0 → 100644

View file @c1b532a

		1	+import Vue from "vue"
		2	+import locale from "element-ui/lib/locale"
		3	+import VueI18n from "vue-i18n"
		4	+import messages from "./lang"
		5	+
		6	+Vue.use(VueI18n)
		7	+const i18n = new VueI18n({
		8	+ locale: localStorage.lang \|\| "cn",
		9	+ messages
		10	+})
		11	+locale.i18n((key, value) => i18n.t(key, value))
		12	+
		13	+export default i18n

src/i18n/lang/cn.js 0 → 100644

View file @c1b532a

		1	+
		2	+import zhLocale from "element-ui/lib/locale/lang/zh-CN"
		3	+const cn = {
		4	+ routeName: {
		5	+ home: "主页",
		6	+ icon: "图标",
		7	+ builtInIcon: "内置图标",
		8	+ permissions: "权限管理",
		9	+ multiDirectory: "多级目录",
		10	+ "menu2-1": "二级-1",
		11	+ "menu2-3": "二级-3",
		12	+ "menu3-1": "三级-1",
		13	+ "menu4-1": "四级-1",
		14	+ },
		15	+ rightMenu: {
		16	+ close: "关闭",
		17	+ closeOther: "关闭其他",
		18	+ closeAll: "全部关闭"
		19	+ },
		20	+ role: {
		21	+ superAdmin: "超级管理员",
		22	+ admin: "管理员",
		23	+ ordinary: "普通用户"
		24	+ },
		25	+ userDropdownMenu: {
		26	+ basicInfor: "基本资料",
		27	+ changePassword: "修改密码",
		28	+ logout: "退出"
		29	+ },
		30	+
		31	+ ...zhLocale // 合并element-ui内置翻译
		32	+}
		33	+
		34	+export default cn

src/i18n/lang/en.js 0 → 100644

View file @c1b532a

		1	+import enLocale from "element-ui/lib/locale/lang/en"
		2	+const en = {
		3	+ routeName: {
		4	+ home: "home",
		5	+ icon: "icon",
		6	+ builtInIcon: "builtInIcon",
		7	+ permissions: "permissions",
		8	+ multiDirectory: "multiDirectory",
		9	+ "menu2-1": "menu2-1",
		10	+ "menu2-3": "menu2-3",
		11	+ "menu3-1": "menu3-1",
		12	+ "menu4-1": "menu4-1",
		13	+ },
		14	+ rightMenu: {
		15	+ close: "close",
		16	+ closeOther: "closeOther",
		17	+ closeAll: "closeAll"
		18	+ },
		19	+ role: {
		20	+ superAdmin: "superAdmin",
		21	+ admin: "admin",
		22	+ ordinary: "ordinary"
		23	+ },
		24	+ userDropdownMenu: {
		25	+ basicInfor: "basicInfor",
		26	+ changePassword: "changePassword",
		27	+ logout: "logout"
		28	+ },
		29	+
		30	+ ...enLocale // 合并element-ui内置翻译
		31	+}
		32	+
		33	+export default en

src/i18n/lang/index.js 0 → 100644

View file @c1b532a

		1	+import en from "./en"
		2	+import cn from "./cn"
		3	+export default {
		4	+ en,
		5	+ cn
		6	+}

src/router/index.js 0 → 100755

View file @c1b532a

		1	+import en from "../i18n/lang/en"
		2	+import Vue from "vue"
		3	+import Router from "vue-router"
		4	+import Login from "@/views/login/index"
		5	+import Layout from "@/views/layout/layout"
		6	+import HomeMain from "@/views/index/mainIndex"
		7	+
		8	+// 不是必须加载的组件使用懒加载
		9	+const NotFound = () => import("@/views/page404")
		10	+
		11	+/**
		12	+ * 重写路由的push方法
		13	+ */
		14	+const routerPush = Router.prototype.push
		15	+Router.prototype.push = function push (location) {
		16	+ return routerPush.call(this, location).catch(error => error)
		17	+}
		18	+Vue.use(Router)
		19	+let routeName = en.routeName
		20	+let defaultRouter = [
		21	+ { path: "/",
		22	+ redirect: "/index",
		23	+ hidden: true,
		24	+ children: []
		25	+ },
		26	+ {
		27	+ path: "/login",
		28	+ component: Login,
		29	+ name: "登录",
		30	+ hidden: true,
		31	+ children: []
		32	+ },
		33	+ {
		34	+ path: "/index",
		35	+ iconCls: "fa fa-dashboard", // 图标样式class
		36	+ name: "首页",
		37	+ component: Layout,
		38	+ alone: true,
		39	+ children: [
		40	+ {
		41	+ path: "/index",
		42	+ iconCls: "fa fa-dashboard", // 图标样式class
		43	+ name: "主页",
		44	+ component: HomeMain,
		45	+ children: []
		46	+ }
		47	+ ]
		48	+ },
		49	+ {
		50	+ path: "/404",
		51	+ component: NotFound,
		52	+ name: "404",
		53	+ hidden: true,
		54	+ children: []
		55	+ }
		56	+]
		57	+
		58	+export default new Router({
		59	+ routes: defaultRouter
		60	+})
		61	+export {defaultRouter}

src/router/permission.js 0 → 100644

View file @c1b532a

		1	+import NProgress from "nprogress"
		2	+import en from "../i18n/lang/en"
		3	+import Layout from "@/views/layout/layout"
		4	+import CommerViews from "@/views/commerViews"
		5	+import router from "./index"
		6	+import store from "../store"
		7	+let routeName = en.routeName
		8	+
		9	+const Erji = () => import("@/views/duoji/erji")
		10	+const Sanji = () => import("@/views/duoji/sanji")
		11	+ let addrouters = [ //测试用，后续后端获取
		12	+
		13	+ {
		14	+ path: "/",
		15	+ iconCls: "fa fa-server",
		16	+ // name: routeName.multiDirectory,
		17	+ name: '多级',
		18	+ component: Layout,
		19	+ children: [
		20	+ {
		21	+ path: "/erji1",
		22	+ iconCls: "fa fa-server",
		23	+ // name: routeName["menu2-1"],
		24	+ name: '二级',
		25	+ component: Erji,
		26	+ meta:{
		27	+ role:['admin']
		28	+ },
		29	+ children: []
		30	+ },
		31	+ {
		32	+ path: "/erji3",
		33	+ iconCls: "fa fa-server",
		34	+ name: "三级",
		35	+ component: CommerViews, // 无限极菜单的容器
		36	+ children: [
		37	+ {
		38	+ path: "/sanji1",
		39	+ iconCls: "fa fa-server",
		40	+ name: "三级子页面",
		41	+ component: Sanji,
		42	+ children: []
		43	+ },
		44	+ ]
		45	+ }
		46	+ ]
		47	+ },
		48	+
		49	+ { path: "*",
		50	+ redirect: "/404",
		51	+ hidden: true,
		52	+ children: []
		53	+ }
		54	+]
		55	+
		56	+
		57	+// 获取角色信息，根据用户权限动态加载路由
		58	+router.beforeEach((to, from, next) => {
		59	+ NProgress.start()
		60	+ if (store.getters.token) {
		61	+ if (to.path === "/login") {
		62	+ next({path: "/"})
		63	+ } else {
		64	+ if (!store.getters.info.role) {
		65	+ !(async function getAddRouters () {
		66	+ // 省略 axios 请求代码通过 token 向后台请求用户权限等信息，这里用假数据赋值
		67	+ await store.dispatch("setInfo", {
		68	+ role: "superAdmin",
		69	+ permissions: "超级管理员",
		70	+ name:"张老师",
		71	+ })
		72	+ await store.dispatch("newRoutes",addrouters)
		73	+ let newAddRouters = store.getters.addRouters
		74	+ await router.addRoutes(newAddRouters)
		75	+ next({path: to.path})
		76	+ }())
		77	+ } else {
		78	+ let is404 = to.matched.some(record => {
		79	+ if (record.meta.role) {
		80	+ return store.getters.info.authorityRouter === -1
		81	+ }
		82	+ })
		83	+ if (is404) {
		84	+ next({path: "/404"})
		85	+ return false
		86	+ }
		87	+ next()
		88	+ }
		89	+ }
		90	+ } else {
		91	+ if (to.path === "/login") {
		92	+ next()
		93	+ }
		94	+ next({path: "/login"})
		95	+ }
		96	+})
		97	+
		98	+router.afterEach(() => {
		99	+ NProgress.done()
		100	+})
		101	+
		102	+
		103	+// // 真实使用
		104	+// import fetchUser from "@/api/apis/user"
		105	+//
		106	+// router.beforeEach((to, from, next) => {
		107	+// if (store.getters.token && store.getters.token !== "undefined") {
		108	+// // store.dispatch('setToken', store.getters.token)
		109	+// if (to.path === "/login") {
		110	+// next({path: "/"})
		111	+// } else {
		112	+// if (!store.getters.info) {
		113	+// (async function getAddRouters () {
		114	+// fetchUser.fetchGetUserInfo().then(async function (response) {
		115	+// await store.dispatch("setInfo", response.data)
		116	+ // await store.dispatch("newRoutes", store.getters.info.authorityRouter)
		117	+// await router.addRoutes(store.getters.addRouters)
		118	+// next({path: "/index"})
		119	+// }).catch(function (error) {
		120	+// console.log(error)
		121	+// })
		122	+// }())
		123	+// } else {
		124	+// let is404 = to.matched.some(record => {
		125	+// console.log(record)
		126	+// if (record.meta.role) {
		127	+// return store.getters.info.authorityRouter === -1
		128	+// }
		129	+// })
		130	+// if (is404) {
		131	+// next({path: "/404"})
		132	+// return false
		133	+// }
		134	+// next()
		135	+// }
		136	+// }
		137	+// } else {
		138	+// if (to.path === "/login") {
		139	+// next()
		140	+// }
		141	+// next({path: "/login"})
		142	+// }
		143	+// })

src/store/index.js 0 → 100644

View file @c1b532a

		1	+import Vue from "vue"
		2	+import Vuex from "vuex"
		3	+import Cookies from "js-cookie"
		4	+import routerData from "./modules/routerData"
		5	+import role from "./modules/role"
		6	+import layout from "./modules/layout/index"
		7	+
		8	+Vue.use(Vuex)
		9	+
		10	+const store = new Vuex.Store({
		11	+ state: {
		12	+ token: Cookies.get("token")
		13	+ },
		14	+ mutations: {
		15	+ setToken (state, token) {
		16	+ state.token = token
		17	+ Cookies.set("token", token, { expires: 1 / 24 })
		18	+ }
		19	+ },
		20	+ actions: {
		21	+ setToken ({commit}, token) {
		22	+ return new Promise((resolve, reject) => {
		23	+ commit("setToken", token)
		24	+ resolve()
		25	+ })
		26	+ }
		27	+ },
		28	+ getters: {
		29	+ addRouters: state => state.routerData.addRouters,
		30	+ token: state => state.token,
		31	+ info: state => state.role.info,
		32	+ routers: state => state.routerData.routers,
		33	+ logoShow: state => state.layout.logoShow,
		34	+ isCollapse: state => state.layout.isCollapse,
		35	+ uniquerouter: state => state.layout.uniquerouter,
		36	+ tabnavBox: state => state.layout.tabnavBox,
		37	+ rightNav: state => state.layout.rightNav
		38	+ },
		39	+ modules: {
		40	+ routerData,
		41	+ role,
		42	+ layout
		43	+ }
		44	+})
		45	+
		46	+export default store

src/store/modules/layout/index.js 0 → 100644

View file @c1b532a

		1	+
		2	+export default {
		3	+ state: {
		4	+ isCollapse: false,
		5	+ logoShow: false,
		6	+ uniquerouter: true,
		7	+ rightNav: {},
		8	+ tabnavBox: JSON.parse(sessionStorage.getItem("addTab")) \|\| [{
		9	+ title: "home",
		10	+ path: "/index"
		11	+ }]
		12	+ },
		13	+ mutations: {
		14	+ addTab (state, arg) {
		15	+ state.isActive = arg.path
		16	+ if (state.tabnavBox[0] && state.tabnavBox[0].title !== "home") {
		17	+ state.tabnavBox.unshift({
		18	+ title: "home",
		19	+ path: "/index"
		20	+ })
		21	+ }
		22	+
		23	+ for (let i = 0; i < state.tabnavBox.length; i++) {
		24	+ if (state.tabnavBox[i].path === arg.path) {
		25	+ return false
		26	+ }
		27	+ }
		28	+ state.tabnavBox.push({
		29	+ title: arg.title,
		30	+ path: arg.path
		31	+ })
		32	+
		33	+ sessionStorage.setItem("addTab", JSON.stringify(state.tabnavBox))
		34	+ },
		35	+ openMenu (state, arg) {
		36	+ state.rightNav = arg
		37	+ },
		38	+ removeTab (state, arg) {
		39	+ let index = state.tabnavBox.findIndex(function (value, key) {
		40	+ return value.path === arg.tabItem.path
		41	+ })
		42	+ state.tabnavBox.splice(index, 1)
		43	+ if (arg.tabItem.path === arg.fullPath) {
		44	+ let tabActive = state.tabnavBox[index] \|\| state.tabnavBox[index - 1]
		45	+ arg.router.push(tabActive.path)
		46	+ }
		47	+ sessionStorage.setItem("addTab", JSON.stringify(state.tabnavBox))
		48	+ },
		49	+ removeOtherTab (state, arg) {
		50	+ state.tabnavBox = [{
		51	+ title: "home",
		52	+ path: "/index"
		53	+ }]
		54	+ if (arg.all) {
		55	+ arg.router.push("/index")
		56	+ return false
		57	+ }
		58	+ state.tabnavBox.push(arg.tabItem)
		59	+ arg.router.push(arg.tabItem.path)
		60	+ sessionStorage.setItem("addTab", JSON.stringify(state.tabnavBox))
		61	+ },
		62	+ collapse (state, arg) {
		63	+ state.isCollapse = !state.isCollapse
		64	+ if (state.logoShow) {
		65	+ setTimeout(function () {
		66	+ state.logoShow = false
		67	+ }, 300)
		68	+ } else {
		69	+ state.logoShow = true
		70	+ }
		71	+ }
		72	+ },
		73	+ actions: {
		74	+ addTab ({commit}, arg) {
		75	+ commit("addTab", arg)
		76	+ },
		77	+ openMenu ({commit}, arg) {
		78	+ commit("openMenu", arg)
		79	+ },
		80	+ removeTab ({commit}, arg) {
		81	+ commit("removeTab", arg)
		82	+ },
		83	+ removeOtherTab ({commit}, arg) {
		84	+ commit("removeOtherTab", arg)
		85	+ },
		86	+ collapse ({commit}, arg) {
		87	+ commit("collapse", arg)
		88	+ }
		89	+ }
		90	+}

src/store/modules/role.js 0 → 100644

View file @c1b532a

		1	+import store from "../index"
		2	+import router from "../../router/index"
		3	+export default {
		4	+ state: {
		5	+ info: "" // 每次刷新都要通过token请求个人信息来筛选动态路由
		6	+ },
		7	+ mutations: {
		8	+ setInfo (state, data) {
		9	+ if (data.authorityRouter) {
		10	+ data.authorityRouter = data.authorityRouter.indexOf(",") !== -1 ? data.authorityRouter.split(",") : new Array(data.authorityRouter)
		11	+ } else {
		12	+ data.authorityRouter = []
		13	+ }
		14	+
		15	+
		16	+
		17	+ state.info = {
		18	+ role: data.role,
		19	+ name: data.name,
		20	+ authorityRouter: data.authorityRouter,
		21	+ avatar: data.avatar ? data.avatar : "",
		22	+ uid: data.id
		23	+ }
		24	+ localStorage.setItem("info", JSON.stringify(store.getters.info))
		25	+ }
		26	+ },
		27	+ actions: {
		28	+ setInfo ({commit}, data) {
		29	+ commit("setInfo", data)
		30	+ }
		31	+ }
		32	+}

src/store/modules/routerData.js 0 → 100644

View file @c1b532a

		1	+import {defaultRouter} from "@/router/index"
		2	+
		3	+const routerData = {
		4	+ state: {
		5	+ routers: [],
		6	+ addRouters: [],
		7	+ },
		8	+ mutations: {
		9	+ setRouters: (state, routers) => {
		10	+ state.addRouters = routers // 保存动态路由用来addRouter
		11	+ state.routers = defaultRouter.concat(routers) // 所有有权限的路由表，用来生成菜单列表
		12	+ },
		13	+ },
		14	+ actions: {
		15	+ newRoutes ({commit},addRouter) {
		16	+ // 通过递归路由表，删除掉没有权限的路由
		17	+ function eachSelect (routers) {
		18	+ for (let i = 0; i < routers.length; i++) {
		19	+ if (routers[i].meta && routers[i].meta.role.length && routers[i].meta.role.indexOf(userRole) === -1) {
		20	+ routers.splice(i, 1)
		21	+ i = i !== 0 ? i - 1 : i
		22	+ }
		23	+ if (routers[i].children && routers[i].children.length) {
		24	+ eachSelect(routers[i].children, userRole)
		25	+ }
		26	+ }
		27	+ }
		28	+ // 仅限演示
		29	+ let newArr = [...addRouter] // 拷贝这个数组是因为做权限测试的时候可以从低级切回到高级角色，仅限演示，正式开发时省略这步直接使用 addRouter
		30	+ // eachSelect(newArr)
		31	+ commit("setRouters", newArr)
		32	+
		33	+ // 正式开发
		34	+ // eachSelect(addRouter, role)
		35	+ // commit('setRouters', addRouter)
		36	+ }
		37	+ }
		38	+}
		39	+
		40	+export default routerData

src/utils/global.js 0 → 100644

View file @c1b532a

		1	+import rules from "./rules"
		2	+import request from "@/api"
		3	+import * as echarts from "echarts"
		4	+
		5	+export default {
		6	+ install (Vue, options) {
		7	+ Vue.prototype.$echarts = echarts
		8	+ Vue.prototype.$request = request
		9	+ Vue.prototype.$rules = rules
		10	+ /** 时间字符串
		11	+ * @method $getDateDiff
		12	+ * @param timespan
		13	+ */
		14	+ Vue.prototype.$getDateDiff = function (timespan) {
		15	+ var dateTime = new Date(timespan)
		16	+ var year = dateTime.getFullYear()
		17	+ var month = (dateTime.getMonth() + 1) < 10 ? "0" + (dateTime.getMonth() + 1) : (dateTime.getMonth() + 1)
		18	+ var day = dateTime.getDate() < 10 ? "0" + dateTime.getDate() : dateTime.getDate()
		19	+ var hour = dateTime.getHours() < 10 ? "0" + dateTime.getHours() : dateTime.getHours()
		20	+ var minute = dateTime.getMinutes() < 10 ? "0" + dateTime.getMinutes() : dateTime.getMinutes()
		21	+ var seconds = dateTime.getSeconds() < 10 ? "0" + dateTime.getSeconds() : dateTime.getSeconds()
		22	+ var now = new Date()
		23	+ var nowNew = now.getTime()
		24	+ var milliseconds = 0
		25	+ var timeSpanStr
		26	+ milliseconds = nowNew - dateTime
		27	+
		28	+ if (milliseconds <= 1000 * 60 * 1) {
		29	+ timeSpanStr = "刚刚"
		30	+ } else if (1000 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60) {
		31	+ timeSpanStr = Math.round((milliseconds / (1000 * 60))) + "分钟前"
		32	+ } else if (1000 * 60 * 60 * 1 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24) {
		33	+ timeSpanStr = Math.round(milliseconds / (1000 * 60 * 60)) + "小时前"
		34	+ } else if (1000 * 60 * 60 * 24 < milliseconds && milliseconds <= 1000 * 60 * 60 * 24 * 3) {
		35	+ timeSpanStr = Math.round(milliseconds / (1000 * 60 * 60 * 24)) + "天前"
		36	+ } else if (milliseconds > 1000 * 60 * 60 * 24 * 3 && year === now.getFullYear()) {
		37	+ timeSpanStr = month + "-" + day + " " + hour + ":" + minute + ":" + seconds
		38	+ } else {
		39	+ timeSpanStr = year + "-" + month + "-" + day + " " + hour + ":" + minute + ":" + seconds
		40	+ }
		41	+ return timeSpanStr
		42	+ }
		43	+
		44	+ /** 当前地址ip
		45	+ * @method $path
		46	+ * @param {}
		47	+ */
		48	+ Vue.prototype.$path = process.env.API_HOST
		49	+
		50	+ /** 传入路径转换成完整连接
		51	+ * @method $getPath
		52	+ * @param {url: 路径}
		53	+ */
		54	+ Vue.prototype.$getPath = function (url) {
		55	+ const base = process.env.API_HOST
		56	+ if (/^http/.test(url)) return url
		57	+ return base + url
		58	+ }
		59	+ /** 是否开发模式
		60	+ * @method $env
		61	+ * @param {}
		62	+ */
		63	+ Vue.prototype.$env = process.env.NODE_ENV
		64	+
		65	+ /** 导出，下载处理文件流
		66	+ * @method $exportClick
		67	+ * @param {res：文件流，name ：下载文件名}
		68	+ */
		69	+ Vue.prototype.$exportClick = function (res, name = "下载.zip") {
		70	+ const content = res
		71	+ const blob = new Blob([content])
		72	+ const fileName = name
		73	+ if ("download" in document.createElement("a")) { // 非IE下载
		74	+ const elink = document.createElement("a")
		75	+ elink.download = fileName
		76	+ elink.style.display = "none"
		77	+ elink.href = URL.createObjectURL(blob)
		78	+ document.body.appendChild(elink)
		79	+ elink.click()
		80	+ URL.revokeObjectURL(elink.href) // 释放URL 对象
		81	+ document.body.removeChild(elink)
		82	+ } else { // IE10+下载
		83	+ navigator.msSaveBlob(blob, fileName)
		84	+ }
		85	+ }
		86	+
		87	+ /** 当res.code === 200 时
		88	+ * @method $restBack
		89	+ * @param res
		90	+ * @param fn
		91	+ * @param message
		92	+ * @param type
		93	+ */
		94	+ Vue.prototype.$restBack = function (res, fn = () => {}, message, type = "success") {
		95	+ if (res.code === 200) {
		96	+ this.$message({
		97	+ message: message \|\| res.message,
		98	+ type: type
		99	+ })
		100	+ fn()
		101	+ }
		102	+ }
		103	+ }
		104	+}

src/utils/index.js 0 → 100644

View file @c1b532a

		1	+
		2	+import CryptoJS from "crypto-js"
		3	+
		4	+const encryptKey = "WfJTKO9S4eLkrPz2JKrAnzdb"
		5	+const encryptIV = "D076D35C"
		6	+
		7	+// 深度复制
		8	+export function deepClone (obj) {
		9	+ let result = Array.isArray(obj) ? [] : {}
		10	+ for (let key in obj) {
		11	+ if (obj.hasOwnProperty(key)) {
		12	+ if (typeof obj[key] === "object") {
		13	+ result[key] = deepClone(obj[key])
		14	+ } else {
		15	+ result[key] = obj[key]
		16	+ }
		17	+ }
		18	+ }
		19	+ return result
		20	+}
		21	+
		22	+// 3DES加密
		23	+export function desEncrypt (str, key = encryptKey, iv = encryptIV) {
		24	+ var cryptoKey = CryptoJS.enc.Utf8.parse(key)
		25	+ var cryptoIv = CryptoJS.enc.Utf8.parse(iv.substr(0, 8))
		26	+ var encodeStr = CryptoJS.TripleDES.encrypt(str, cryptoKey, {
		27	+ iv: cryptoIv,
		28	+ mode: CryptoJS.mode.CBC,
		29	+ padding: CryptoJS.pad.Pkcs7
		30	+ })
		31	+ return encodeStr.toString()
		32	+}
		33	+
		34	+// 3DES解密
		35	+export function desDecrypt (str, key = encryptKey, iv = encryptIV) {
		36	+ var cryptoKey = CryptoJS.enc.Utf8.parse(key)
		37	+ var cryptoIv = CryptoJS.enc.Utf8.parse(iv.substr(0, 8))
		38	+ var decryptStr = CryptoJS.TripleDES.decrypt(str, cryptoKey, {
		39	+ iv: cryptoIv,
		40	+ mode: CryptoJS.mode.CBC,
		41	+ padding: CryptoJS.pad.Pkcs7
		42	+ })
		43	+ return decryptStr.toString(CryptoJS.enc.Utf8)
		44	+}
		45	+
		46	+// 随机生成由字母+数字的字符串
		47	+export function randomWord (randomFlag, min, max) {
		48	+ // randomFlag: Boolean 是否随机个数
		49	+ // min 最少个数
		50	+ // max 最大个数
		51	+ var str = ""
		52	+ var range = min
		53	+ var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]
		54	+ // 随机产生
		55	+ if (randomFlag) {
		56	+ range = Math.round(Math.random() * (max - min)) + min
		57	+ }
		58	+ var pos = ""
		59	+ for (var i = 0; i < range; i++) {
		60	+ pos = Math.round(Math.random() * (arr.length - 1))
		61	+ str += arr[pos]
		62	+ }
		63	+ return str
		64	+}
		65	+
		66	+// 判断数组中是否存在相同值
		67	+export function hasRepeatValue (arr, key = null) {
		68	+ if (key) arr = arr.map(d => d[key])
		69	+ if (arr.length) {
		70	+ let nameNum = arr.reduce((pre, cur) => {
		71	+ if (cur in pre) {
		72	+ pre[cur]++
		73	+ } else {
		74	+ pre[cur] = 1
		75	+ }
		76	+ return pre
		77	+ }, {})
		78	+ return Object.values(nameNum).findIndex(d => d > 1) < 0
		79	+ }
		80	+ return true
		81	+}
		82	+
		83	+// 获取cookie值
		84	+export function getCookie (name, defaultValue) {
		85	+ const result = new RegExp("(^\| )" + name + "=([^;]*)(;\|$)")
		86	+ return result[0] === document.cookie.match(result[1]) ? unescape(result[0][2]) : defaultValue
		87	+}
		88	+
		89	+// base64ToFile
		90	+export function base64ToFile (base64Data, tempfilename, contentType) {
		91	+ contentType = contentType \|\| ""
		92	+ var sliceSize = 1024
		93	+ var byteCharacters = atob(base64Data)
		94	+ var bytesLength = byteCharacters.length
		95	+ var slicesCount = Math.ceil(bytesLength / sliceSize)
		96	+ var byteArrays = new Array(slicesCount)
		97	+
		98	+ for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
		99	+ var begin = sliceIndex * sliceSize
		100	+ var end = Math.min(begin + sliceSize, bytesLength)
		101	+
		102	+ var bytes = new Array(end - begin)
		103	+ for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
		104	+ bytes[i] = byteCharacters[offset].charCodeAt(0)
		105	+ }
		106	+ byteArrays[sliceIndex] = new Uint8Array(bytes)
		107	+ }
		108	+ var file = new File(byteArrays, tempfilename, { type: contentType })
		109	+ return file
		110	+}
		111	+
		112	+// 将base64转换为文件
		113	+export function dataURLtoFile (dataurl, filename) {
		114	+ var arr = dataurl.split(",")
		115	+ var mime = arr[0].match(/:(.*?);/)[1]
		116	+ var bstr = atob(arr[1])
		117	+ var n = bstr.length
		118	+ var u8arr = new Uint8Array(n)
		119	+ while (n--) {
		120	+ u8arr[n] = bstr.charCodeAt(n)
		121	+ }
		122	+ return new File([u8arr], filename, { type: mime })
		123	+}
		124	+
		125	+// 将图片转换为Base64
		126	+export function getImgToBase64 (url, callback, outputFormat) {
		127	+ var canvas = document.createElement("canvas")
		128	+ var ctx = canvas.getContext("2d")
		129	+ var img = new Image()
		130	+ img.crossOrigin = "Anonymous"
		131	+ img.onload = function () {
		132	+ canvas.height = img.height
		133	+ canvas.width = img.width
		134	+ ctx.drawImage(img, 0, 0)
		135	+ var dataURL = canvas.toDataURL(outputFormat \|\| "image/png")
		136	+ callback(dataURL)
		137	+ canvas = null
		138	+ }
		139	+ img.src = url
		140	+}
		141	+
		142	+// 转换级联下拉数据
		143	+export function loopOptions (list, option = {}) {
		144	+ option = {
		145	+ value: "id",
		146	+ label: "name",
		147	+ children: "children",
		148	+ ...option
		149	+ }
		150	+ if (list instanceof Array && list.length) {
		151	+ return list.map((d, i) => {
		152	+ d.value = d[option.value] \|\| i + 1
		153	+ d.label = d[option.label]
		154	+ if (d[option.children]) {
		155	+ d[option.children] = loopOptions(d[option.children], option)
		156	+ }
		157	+ return d
		158	+ })
		159	+ }
		160	+ return []
		161	+}
		162	+
		163	+// 通过Id获取级联数据id数组
		164	+export function getTreeIds (tree, currentId, key = "id") {
		165	+ let parent = {}
		166	+ let pid = {}
		167	+ const loop = (list, level) => {
		168	+ if (list instanceof Array && list.length) {
		169	+ for (let index = 0; index < list.length; index++) {
		170	+ const d = list[index]
		171	+ parent[level] = d.id
		172	+ if (d[key] === currentId) {
		173	+ for (let idx = 1; idx <= level; idx++) {
		174	+ pid[idx] = parent[idx]
		175	+ }
		176	+ break
		177	+ } else if (d.children) {
		178	+ loop(d.children, level + 1)
		179	+ }
		180	+ }
		181	+ }
		182	+ }
		183	+ loop(tree, 1)
		184	+ let result = []
		185	+ Object.keys(pid).sort((a, b) => a - b).forEach(k => {
		186	+ result.push(pid[k])
		187	+ })
		188	+ return result
		189	+}
		190	+
		191	+// 秒转换时分秒
		192	+export function transverterMss (result) {
		193	+ var h = Math.floor(result / 3600) < 10 ? "0" + Math.floor(result / 3600) : Math.floor(result / 3600)
		194	+ var m = Math.floor((result / 60 % 60)) < 10 ? "0" + Math.floor((result / 60 % 60)) : Math.floor((result / 60 % 60))
		195	+ var s = Math.floor((result % 60)) < 10 ? "0" + Math.floor((result % 60)) : Math.floor((result % 60))
		196	+ return h + ":" + m + ":" + s
		197	+}
		198	+
		199	+// 获取日期时间戳
		200	+export function getTime (dayNum) {
		201	+ var myDate = new Date()
		202	+ var lw = new Date(myDate - 1000 * 60 * 60 * 24 * dayNum)// 最后一个数字多少天前的意思
		203	+ var lastY = lw.getFullYear()
		204	+ var lastM = lw.getMonth() + 1
		205	+ var lastD = lw.getDate()
		206	+ var startdate = lastY + "-" + (lastM < 10 ? "0" + lastM : lastM) + "-" + (lastD < 10 ? "0" + lastD : lastD)
		207	+ var b = startdate.split(/\D/)
		208	+ var date = new Date(b[0], b[1] - 1, b[2])
		209	+ var time = date.getTime()
		210	+ return time
		211	+}
		212	+
		213	+// 获取几天之前日期
		214	+export function getData (dayNum) {
		215	+ var myDate = new Date()
		216	+ var lw = new Date(myDate - 1000 * 60 * 60 * 24 * dayNum)// 最后一个数字多少天前的意思
		217	+ var lastY = lw.getFullYear()
		218	+ var lastM = lw.getMonth() + 1
		219	+ var lastD = lw.getDate()
		220	+ var startdate = lastY + "-" + (lastM < 10 ? "0" + lastM : lastM) + "-" + (lastD < 10 ? "0" + lastD : lastD)
		221	+ return startdate
		222	+}
		223	+
		224	+// 日期转换时间戳
		225	+export function getNewTime (dayNum) {
		226	+ var b = dayNum.split(/\D/)
		227	+ var date = new Date(b[0], b[1] - 1, b[2])
		228	+ var time = date.getTime()
		229	+ return time
		230	+}

src/utils/rules.js 0 → 100644

View file @c1b532a

		1	+export default {
		2	+ // 必选
		3	+ requiredSelect: (mes = "此项必选", trigger = ["blur", "change"]) => {
		4	+ return {
		5	+ required: true,
		6	+ message: mes,
		7	+ trigger: trigger
		8	+ }
		9	+ },
		10	+ // 固定长度
		11	+ $length: (len = 1, message = `长度必须为${len}`, trigger = ["blur", "change"]) => {
		12	+ return {
		13	+ len: len,
		14	+ message: message,
		15	+ trigger: trigger
		16	+ }
		17	+ },
		18	+ // 长度验证
		19	+ len: (min = 1, max = 255, message = `长度为${min}-${max}`, trigger = ["blur", "change"]) => {
		20	+ return {
		21	+ min: min,
		22	+ max: max,
		23	+ message: message,
		24	+ trigger: trigger
		25	+ }
		26	+ },
		27	+ // 最小长度
		28	+ min: (min = 1, message = `最小长度为${min}`, trigger = ["blur", "change"]) => {
		29	+ return {
		30	+ min: min,
		31	+ message: message,
		32	+ trigger: trigger
		33	+ }
		34	+ },
		35	+ // 最大长度
		36	+ max: (max = 255, message = `最大长度为${max}`, trigger = ["blur", "change"]) => {
		37	+ return {
		38	+ max: max,
		39	+ message: message,
		40	+ trigger: trigger
		41	+ }
		42	+ },
		43	+ // 最小数
		44	+ minNum: (min = 1, type = "number", message = `不能小于${min}`, trigger = ["blur", "change"]) => {
		45	+ return {
		46	+ type: type,
		47	+ min: min,
		48	+ message: message,
		49	+ trigger: trigger
		50	+ }
		51	+ },
		52	+ // 最大数
		53	+ maxNum: (max = 255, type = "number", message = `不能大于${max}`, trigger = ["blur", "change"]) => {
		54	+ return {
		55	+ type: type,
		56	+ max: max,
		57	+ message: message,
		58	+ trigger: trigger
		59	+ }
		60	+ },
		61	+ // 数值范围
		62	+ rangeNum: (min = 1, max = 255, message = `只能输入${min}-${max}之间的数`, trigger = ["blur", "change"]) => {
		63	+ const validator = (rule, value, callback) => {
		64	+ if (value === "" \|\| (Number(value) >= min && Number(value) <= max)) {
		65	+ callback()
		66	+ } else {
		67	+ callback(new Error(message))
		68	+ }
		69	+ }
		70	+ return {
		71	+ validator,
		72	+ trigger
		73	+ }
		74	+ },
		75	+ // 类型
		76	+ type: (type = "string", message = `输入的类型必须为${type}`, trigger = ["blur", "change"]) => {
		77	+ return {
		78	+ type: type,
		79	+ message: message,
		80	+ trigger: trigger
		81	+ }
		82	+ },
		83	+
		84	+ password: (callback) => {
		85	+ return {
		86	+ validator: callback,
		87	+ trigger: "change"
		88	+ }
		89	+ },
		90	+ // 邮箱
		91	+ email: (message = "请输入正确的邮箱地址", trigger = ["blur", "change"]) => {
		92	+ // eslint-disable-next-line no-useless-escape
		93	+ const reg = /^[a-zA-Z0-9][a-zA-Z0-9 . _-]+(@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)+)$/
		94	+ const validator = (rule, value, callback) => {
		95	+ if (value === "" \|\| reg.test(value)) {
		96	+ callback()
		97	+ } else {
		98	+ callback(new Error(message))
		99	+ }
		100	+ }
		101	+ return {
		102	+ validator,
		103	+ trigger
		104	+ }
		105	+ },
		106	+ // 大写字母
		107	+ upperCase: (message = "请输入大写字母", trigger = ["blur", "change"]) => {
		108	+ const reg = /^[A-Z]+$/
		109	+ const validator = (rule, value, callback) => {
		110	+ if (value === "" \|\| reg.test(value)) {
		111	+ callback()
		112	+ } else {
		113	+ callback(new Error(message))
		114	+ }
		115	+ }
		116	+ return {
		117	+ validator,
		118	+ trigger
		119	+ }
		120	+ },
		121	+ // 小写字母
		122	+ lowerCase: (message = "请输入小写字母", trigger = ["blur", "change"]) => {
		123	+ const reg = /^[A-Z]+$/
		124	+ const validator = (rule, value, callback) => {
		125	+ if (value === "" \|\| reg.test(value)) {
		126	+ callback()
		127	+ } else {
		128	+ callback(new Error(message))
		129	+ }
		130	+ }
		131	+ return {
		132	+ validator,
		133	+ trigger
		134	+ }
		135	+ },
		136	+ // 大小写字母
		137	+ english: (message = "请输入英文", trigger = ["blur", "change"]) => {
		138	+ const reg = /^[A-Za-z]+$/
		139	+ const validator = (rule, value, callback) => {
		140	+ if (value === "" \|\| reg.test(value)) {
		141	+ callback()
		142	+ } else {
		143	+ callback(new Error(message))
		144	+ }
		145	+ }
		146	+ return {
		147	+ validator,
		148	+ trigger
		149	+ }
		150	+ },
		151	+ // 只能输中文
		152	+ chinese: (message = "请输入中文", trigger = ["blur", "change"]) => {
		153	+ const reg = /^[\u4e00-\u9fa5]+$/
		154	+ const validator = (rule, value, callback) => {
		155	+ if (value === "" \|\| reg.test(value)) {
		156	+ callback()
		157	+ } else {
		158	+ callback(new Error(message))
		159	+ }
		160	+ }
		161	+ return {
		162	+ validator,
		163	+ trigger
		164	+ }
		165	+ },
		166	+ // 不能输中文
		167	+ noChinese: (message = "不能包含中文", trigger = ["blur", "change"]) => {
		168	+ const validator = (rule, value, callback) => {
		169	+ if (value === "" \|\| escape(value).indexOf("%u") >= 0) {
		170	+ callback()
		171	+ } else {
		172	+ callback(new Error(message))
		173	+ }
		174	+ }
		175	+ return {
		176	+ validator,
		177	+ trigger
		178	+ }
		179	+ },
		180	+ // 中文英文数字
		181	+ cnEnNum: (message = "请输入中文、大小写英文、数字", trigger = ["blur", "change"]) => {
		182	+ const reg = /^[\u4e00-\u9fa5\|A-Za-z0-9]+$/
		183	+ const validator = (rule, value, callback) => {
		184	+ if (value === "" \|\| reg.test(value)) {
		185	+ callback()
		186	+ } else {
		187	+ callback(new Error(message))
		188	+ }
		189	+ }
		190	+ return {
		191	+ validator,
		192	+ trigger
		193	+ }
		194	+ },
		195	+ // 路径
		196	+ path: (message = "请输入英文、数字、划线、斜线", trigger = ["blur", "change"]) => {
		197	+ const reg = /^[-\|_\|/\|A-Za-z0-9]+$/
		198	+ const validator = (rule, value, callback) => {
		199	+ if (value === "" \|\| reg.test(value)) {
		200	+ callback()
		201	+ } else {
		202	+ callback(new Error(message))
		203	+ }
		204	+ }
		205	+ return {
		206	+ validator,
		207	+ trigger
		208	+ }
		209	+ },
		210	+ // 英文数字下划线
		211	+ enNumLine: (message = "请输入英文、数字、下划线", trigger = ["blur", "change"]) => {
		212	+ const reg = /^[_\|A-Za-z0-9]+$/
		213	+ const validator = (rule, value, callback) => {
		214	+ if (value === "" \|\| reg.test(value)) {
		215	+ callback()
		216	+ } else {
		217	+ callback(new Error(message))
		218	+ }
		219	+ }
		220	+ return {
		221	+ validator,
		222	+ trigger
		223	+ }
		224	+ },
		225	+ // 英文数字
		226	+ enNum: (message = "请输入英文、数字", trigger = ["blur", "change"]) => {
		227	+ const reg = /^[A-Za-z0-9]+$/
		228	+ const validator = (rule, value, callback) => {
		229	+ if (value === "" \|\| reg.test(value)) {
		230	+ callback()
		231	+ } else {
		232	+ callback(new Error(message))
		233	+ }
		234	+ }
		235	+ return {
		236	+ validator,
		237	+ trigger
		238	+ }
		239	+ },
		240	+ // 必须包含英文数字
		241	+ haveCnEnNum: (message = "必须包含英文和数字", trigger = ["blur", "change"]) => {
		242	+ const reg = /^(?=.[a-zA-Z]+)(?=.[0-9]+)[a-zA-Z0-9]+$/
		243	+ const validator = (rule, value, callback) => {
		244	+ if (value === "" \|\| reg.test(value)) {
		245	+ callback()
		246	+ } else {
		247	+ callback(new Error(message))
		248	+ }
		249	+ }
		250	+ return {
		251	+ validator,
		252	+ trigger
		253	+ }
		254	+ },
		255	+ // 手机号
		256	+ mobile: (message = "请输入正确的手机号码", trigger = ["blur", "change"]) => { // 手机号码验证
		257	+ const reg = /^((13[0-9])\|(14[5\|7])\|(15([0-3]\|[5-9]))\|(16[2\|6\|7])\|(18[0-9])\|(17([0-1]\|[3]\|[5-8]))\|(19[1\|8\|9]))\d{8}$/
		258	+ const validator = (rule, value, callback) => {
		259	+ if (value === "" \|\| reg.test(value)) {
		260	+ callback()
		261	+ } else {
		262	+ callback(new Error(message))
		263	+ }
		264	+ }
		265	+ return {
		266	+ validator,
		267	+ trigger
		268	+ }
		269	+ },
		270	+ // 座机
		271	+ phone: (message = "请输入正确的座机号码", trigger = ["blur", "change"]) => {
		272	+ const reg = /^((\d{3,4}-\d{7,8})\|(\d{7}-\d{1,12})\|(\d{8}-\d{1,11})\|(\d{11}-\d{1,8})\|(\d{7,8})\|(\d{11,20})\|(\d{3}-\d{8}-\d{1,7})\|(\d{3}-\d{7}-\d{1,8})\|(\d{4}-\d{7}-\d{1,7})\|(\d{4}-\d{8}-\d{1,6}))$/
		273	+ const validator = (rule, value, callback) => {
		274	+ if (value === "" \|\| reg.test(value)) {
		275	+ callback()
		276	+ } else {
		277	+ callback(new Error(message))
		278	+ }
		279	+ }
		280	+ return {
		281	+ validator,
		282	+ trigger
		283	+ }
		284	+ },
		285	+ // 手机或座机
		286	+ phoneAll: (message = "请输入正确的电话号码", trigger = ["blur", "change"]) => {
		287	+ const reg = /^((13[0-9])\|(14[5\|7])\|(15([0-3]\|[5-9]))\|(16[2\|6\|7])\|(18[0-9])\|(17([0-1]\|[3]\|[5-8]))\|(19[1\|8\|9]))\d{8}$\|^((\d{3,4}-\d{7,8})\|(\d{7}-\d{1,12})\|(\d{8}-\d{1,11})\|(\d{11}-\d{1,8})\|(\d{7,8})\|(\d{11,20})\|(\d{3}-\d{8}-\d{1,7})\|(\d{3}-\d{7}-\d{1,8})\|(\d{4}-\d{7}-\d{1,7})\|(\d{4}-\d{8}-\d{1,6}))$/
		288	+ const validator = (rule, value, callback) => {
		289	+ if (value === "" \|\| reg.test(value)) {
		290	+ callback()
		291	+ } else {
		292	+ callback(new Error(message))
		293	+ }
		294	+ }
		295	+ return {
		296	+ validator,
		297	+ trigger
		298	+ }
		299	+ },
		300	+ // 小数
		301	+ float: (message = "请输入合法的数字", trigger = ["blur", "change"]) => {
		302	+ const reg = /^[0-9]+([.]{1}[0-9]+){0,1}$/
		303	+ const va = (rule, value, callback) => {
		304	+ if (value === null \|\| value === "") {
		305	+ callback()
		306	+ }
		307	+ if (reg.test(value)) {
		308	+ callback()
		309	+ } else {
		310	+ callback(new Error(message))
		311	+ }
		312	+ }
		313	+ return {
		314	+ validator: va,
		315	+ trigger: trigger
		316	+ }
		317	+ },
		318	+ // 两位小数
		319	+ decimal: (message = "请输入最多两位小数", trigger = ["blur", "change"]) => {
		320	+ const reg = /^(([0-9])\|(([0]\.\d{1,2}\|[0-9]\.\d{1,2})))$/
		321	+ const va = (rule, value, callback) => {
		322	+ if (value === null \|\| value === "") {
		323	+ callback()
		324	+ }
		325	+ if (reg.test(value)) {
		326	+ callback()
		327	+ } else {
		328	+ callback(new Error(message))
		329	+ }
		330	+ }
		331	+ return {
		332	+ validator: va,
		333	+ trigger: trigger
		334	+ }
		335	+ },
		336	+ // 整数
		337	+ number: (message = "请输入合法的数字", trigger = ["blur", "change"]) => {
		338	+ const reg = /^[0-9]\d*$/
		339	+ const va = (rule, value, callback) => {
		340	+ if (value === "") {
		341	+ callback()
		342	+ } else if (reg.test(value)) {
		343	+ callback()
		344	+ } else {
		345	+ callback(new Error(message))
		346	+ }
		347	+ }
		348	+ return {
		349	+ validator: va,
		350	+ trigger: trigger
		351	+ }
		352	+ },
		353	+ // 正数
		354	+ plusNumber: (message = "请输入合法的数字", trigger = ["blur", "change"]) => {
		355	+ const reg = /^(0\|[1-9][0-9]*)(\.\d+)?$/
		356	+ const va = (rule, value, callback) => {
		357	+ if (value === "") {
		358	+ callback()
		359	+ } else if (reg.test(value)) {
		360	+ callback()
		361	+ } else {
		362	+ callback(new Error(message))
		363	+ }
		364	+ }
		365	+ return {
		366	+ validator: va,
		367	+ trigger: trigger
		368	+ }
		369	+ },
		370	+ // 大于0的正数
		371	+ moreThanZeroNumber: (message = "只能输入大于0的整数", trigger = ["blur", "change"]) => {
		372	+ const reg = /^\+?[1-9]\d*$/
		373	+ const va = (rule, value, callback) => {
		374	+ if (value === "") {
		375	+ callback()
		376	+ } else if (reg.test(value)) {
		377	+ callback()
		378	+ } else {
		379	+ callback(new Error(message))
		380	+ }
		381	+ }
		382	+ return {
		383	+ validator: va,
		384	+ trigger: trigger
		385	+ }
		386	+ },
		387	+ // 网址
		388	+ url: (message = "请输入正确的网址", trigger = ["blur", "change"]) => {
		389	+ const reg = /^(?=^.{3,255}$)(http(s)?:\/\/)?(www\.)?[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+(:\d+)(\/\w+\.\w+)$/
		390	+ const va = (rule, value, callback) => {
		391	+ if (value === "") {
		392	+ callback()
		393	+ }
		394	+ if (reg.test(value)) {
		395	+ callback()
		396	+ } else {
		397	+ callback(new Error(message))
		398	+ }
		399	+ }
		400	+ return {
		401	+ validator: va,
		402	+ trigger: trigger
		403	+ }
		404	+ },
		405	+ // ip地址
		406	+ ip: (message = "请输入正确的ip", trigger = ["blur", "change"]) => {
		407	+ const reg = /^(?=(\b\|\D))(((\d{1,2})\|(1\d{1,2})\|(2[0-4]\d)\|(25[0-5]))\.){3}((\d{1,2})\|(1\d{1,2})\|(2[0-4]\d)\|(25[0-5]))(?=(\b\|\D))*$/
		408	+ const va = (rule, value, callback) => {
		409	+ if (value === "") {
		410	+ callback()
		411	+ }
		412	+ if (reg.test(value)) {
		413	+ callback()
		414	+ } else {
		415	+ callback(new Error(message))
		416	+ }
		417	+ }
		418	+ return {
		419	+ validator: va,
		420	+ trigger: trigger
		421	+ }
		422	+ },
		423	+ // 身份证号
		424	+ identity: (message = "请输入正确的身份证号", trigger = ["blur", "change"]) => {
		425	+ const reg = /^[1-9]\d{7}((0\d)\|(1[0-2]))(([0\|1\|2]\d)\|3[0-1])\d{3}$\|^[1-9]\d{5}[1-9]\d{3}((0\d)\|(1[0-2]))(([0\|1\|2]\d)\|3[0-1])\d{3}([0-9]\|X\|x)$/
		426	+ // ^[1-9]\d{5}(18\|19\|([23]\d))\d{2}((0[1-9])\|(10\|11\|12))(([0-2][1-9])\|10\|20\|30\|31)\d{3}[0-9Xx]$)\|(^[1-9]\d{5}\d{2}((0[1-9])\|(10\|11\|12))(([0-2][1-9])\|10\|20\|30\|31)\d{2}$
		427	+ const va = (rule, value, callback) => {
		428	+ if (value === "") {
		429	+ callback()
		430	+ }
		431	+ if (reg.test(value)) {
		432	+ callback()
		433	+ } else {
		434	+ callback(new Error(message))
		435	+ }
		436	+ }
		437	+ return {
		438	+ validator: va,
		439	+ trigger: trigger
		440	+ }
		441	+ },
		442	+ // 邮政编码
		443	+ postal: (message = "请输入正确的邮政编码", trigger = ["blur", "change"]) => {
		444	+ const reg = /^\d{6}$/
		445	+ const va = (rule, value, callback) => {
		446	+ if (value === "") {
		447	+ callback()
		448	+ }
		449	+ if (reg.test(value)) {
		450	+ callback()
		451	+ } else {
		452	+ callback(new Error(message))
		453	+ }
		454	+ }
		455	+ return {
		456	+ validator: va,
		457	+ trigger: trigger
		458	+ }
		459	+ }
		460	+}
		461	+

src/views/commerViews.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <router-view></router-view>
		4	+ </div>
		5	+</template>
		6	+
		7	+<script>
		8	+export default {
		9	+ name: "commerViews"
		10	+}
		11	+</script>
		12	+
		13	+<style scoped>
		14	+
		15	+</style>

src/views/duoji/erji.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ 无限级菜单测试======二级页面
		4	+ </div>
		5	+</template>
		6	+
		7	+<script>
		8	+export default {
		9	+ name: "erji"
		10	+}
		11	+</script>
		12	+
		13	+<style scoped>
		14	+
		15	+</style>

src/views/duoji/sanji.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ 无限级菜单测试======三级页面
		4	+ </div>
		5	+</template>
		6	+
		7	+<script>
		8	+export default {
		9	+ name: "sanji"
		10	+}
		11	+</script>
		12	+
		13	+<style scoped>
		14	+
		15	+</style>

src/views/duoji/siji.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ 无限级菜单测试======四级页面
		4	+ </div>
		5	+</template>
		6	+
		7	+<script>
		8	+export default {
		9	+ name: "siji"
		10	+}
		11	+</script>
		12	+
		13	+<style scoped>
		14	+
		15	+</style>

src/views/index/mainIndex.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <el-row>
		3	+ <el-col :span="24">
		4	+ <line-echarts
		5	+ id="lineEcharts"
		6	+ height="300px"
		7	+ ref="echarts"
		8	+ ></line-echarts>
		9	+ </el-col>
		10	+ </el-row>
		11	+</template>
		12	+
		13	+<script>
		14	+import LineEcharts from "components/ECharts/lineEcharts";
		15	+export default {
		16	+ name: "mainIndex",
		17	+ components: { LineEcharts },
		18	+ mounted() {
		19	+ this.selfAdaption();
		20	+ },
		21	+ methods: {
		22	+ // echart自适应
		23	+ selfAdaption() {
		24	+ let that = this;
		25	+ setTimeout(() => {
		26	+ window.onresize = function () {
		27	+ if (that.$refs.echarts) {
		28	+ that.$refs.echarts.chart.resize();
		29	+ }
		30	+ };
		31	+ }, 10);
		32	+ },
		33	+ },
		34	+};
		35	+</script>
		36	+
		37	+<style lang="scss">
		38	+$top: top;
		39	+$bottom: bottom;
		40	+$left: left;
		41	+$right: right;
		42	+$leftright: ($left, $right);
		43	+$pinkk: #eec2d3;
		44	+$bluee: #409eff;
		45	+$yelloww: #f4d884;
		46	+$grennn: #89dda0;
		47	+$purplee: #78a2ea;
		48	+$lightBluee: #b8d6ff;
		49	+
		50	+$list: bluee pinkk yelloww grennn purplee lightBluee;
		51	+$list1: $bluee $pinkk $yelloww $grennn $purplee $lightBluee;
		52	+%shadow {
		53	+ background: #fff;
		54	+ -webkit-box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.2);
		55	+ box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.2);
		56	+ border-color: rgba(0, 0, 0, 0.2);
		57	+ .title {
		58	+ font-size: 14px;
		59	+ padding: 10px;
		60	+ i {
		61	+ margin-#{$right}: 5px;
		62	+ }
		63	+ }
		64	+}
		65	+
		66	+@mixin flex($direction: row, $content: space-between) {
		67	+ display: flex;
		68	+ flex-direction: $direction;
		69	+ justify-content: $content;
		70	+}
		71	+.card {
		72	+ color: #666;
		73	+ @extend %shadow;
		74	+
		75	+ ul {
		76	+ @include flex;
		77	+ li {
		78	+ flex: 1;
		79	+ a {
		80	+ color: #666666;
		81	+ align-items: center;
		82	+ padding-#{$top}: 20px;
		83	+ padding-#{$bottom}: 20px;
		84	+ @include flex(column);
		85	+ span {
		86	+ height: 44px;
		87	+ }
		88	+ .num {
		89	+ line-height: 44px;
		90	+ font-size: 42px;
		91	+ color: $bluee;
		92	+ margin: 0px;
		93	+ }
		94	+ }
		95	+ .kjfs-bluee {
		96	+ color: $bluee;
		97	+ }
		98	+ .kjfs-pinkk {
		99	+ color: $pinkk;
		100	+ }
		101	+ .kjfs-yelloww {
		102	+ color: $yelloww;
		103	+ }
		104	+ .kjfs-grennn {
		105	+ color: $grennn;
		106	+ }
		107	+ .kjfs-purplee {
		108	+ color: $purplee;
		109	+ }
		110	+ .kjfs-lightBluee {
		111	+ color: $lightBluee;
		112	+ }
		113	+ &:hover {
		114	+ .kjfs-bluee {
		115	+ color: #ffffff;
		116	+ background: $bluee;
		117	+ }
		118	+ .kjfs-pinkk {
		119	+ color: #ffffff;
		120	+ background: $pinkk;
		121	+ }
		122	+ .kjfs-yelloww {
		123	+ color: #ffffff;
		124	+ background: $yelloww;
		125	+ }
		126	+ .kjfs-grennn {
		127	+ color: #ffffff;
		128	+ background: $grennn;
		129	+ }
		130	+ .kjfs-purplee {
		131	+ color: #ffffff;
		132	+ background: $purplee;
		133	+ }
		134	+ .kjfs-lightBluee {
		135	+ color: #ffffff;
		136	+ background: $lightBluee;
		137	+ }
		138	+ }
		139	+ }
		140	+ }
		141	+}
		142	+#lineEcharts {
		143	+ margin-#{$top}: 30px;
		144	+ padding-#{$top}: 30px;
		145	+ @extend %shadow;
		146	+}
		147	+</style>

src/views/layout/Footer/bottom.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <p>Copyright © 2022 guoke</p>
		4	+ </div>
		5	+</template>
		6	+
		7	+<script>
		8	+export default {
		9	+ name: "bottom"
		10	+}
		11	+</script>
		12	+
		13	+<style scoped>
		14	+p{
		15	+ height: 28px;
		16	+ line-height: 28px;
		17	+ text-align: left;
		18	+ font-size: 12px;
		19	+ color: #999999;
		20	+}
		21	+</style>

src/views/layout/aside/aside.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <el-aside id="asideNav">
		4	+ <div class="logo-name">
		5	+ <p v-if="$store.getters.logoShow">XU</p>
		6	+ <p v-else>admin</p>
		7	+ </div>
		8	+ <el-menu
		9	+ :default-active="$route.path"
		10	+ class="el-menu-vertical"
		11	+ @select="selectmenu"
		12	+ :collapse="$store.getters.isCollapse"
		13	+ background-color="#03152A"
		14	+ text-color="rgba(255,255,255,.7)"
		15	+ active-text-color="#ffffff"
		16	+ :router="$store.getters.uniquerouter"
		17	+ :unique-opened="$store.getters.uniquerouter"
		18	+ :collapse-transition="true"
		19	+ >
		20	+ <template v-for="(item, index) in $store.getters.routers">
		21	+ <template v-if="!item.hidden">
		22	+ <el-submenu
		23	+ v-if="!item.alone && item.children.length > 0"
		24	+ :index="index + ''"
		25	+ :key="index"
		26	+ >
		27	+ <template slot="title">
		28	+ <i :class="item.iconCls ? item.iconCls : [fa, fa - server]"></i>
		29	+ <span slot="title">{{item.name}}</span>
		30	+ </template>
		31	+
		32	+ <menu-tree :menuData="item.children"></menu-tree>
		33	+ </el-submenu>
		34	+ <el-menu-item :index="item.path" v-else :key="item.path">
		35	+ <i :class="item.iconCls ? item.iconCls : [fa, fa - file]" />
		36	+ <span slot="title">{{ item.name }}</span>
		37	+ </el-menu-item>
		38	+ </template>
		39	+ </template>
		40	+ </el-menu>
		41	+ </el-aside>
		42	+ </div>
		43	+</template>
		44	+
		45	+<script>
		46	+import menuTree from "./menuTree";
		47	+
		48	+export default {
		49	+ name: "asideNav",
		50	+ components: {
		51	+ menuTree,
		52	+ },
		53	+ watch: {
		54	+ // 监听浏览器直接输入路由，将此路由添加到tabnavBox
		55	+ "$route.path": function (val) {
		56	+ this.selectmenu(val);
		57	+ },
		58	+ },
		59	+ methods: {
		60	+ selectmenu(key, indexpath) {
		61	+ // 如果不使用 elemenUI 菜单的 vue-router 的模式将用以下方式进行页面跳转 el-menu的router设置为false
		62	+ // this.$router.push(indexpath.join("/"))
		63	+ let router = this.$store.getters.routers;
		64	+ let name = "";
		65	+ let navTitle = function (path, routerARR) {
		66	+ for (let i = 0; i < routerARR.length; i++) {
		67	+ if (routerARR[i].children.length > 0 \|\| routerARR[i].path === path) {
		68	+ if (
		69	+ routerARR[i].path === path &&
		70	+ routerARR[i].children.length < 1
		71	+ ) {
		72	+ name = routerARR[i].name;
		73	+ break;
		74	+ }
		75	+ navTitle(path, routerARR[i].children);
		76	+ }
		77	+ }
		78	+ return name;
		79	+ };
		80	+ this.$store.dispatch("addTab", {
		81	+ title: navTitle(key, router),
		82	+ path: key,
		83	+ });
		84	+ },
		85	+ },
		86	+};
		87	+</script>
		88	+
		89	+<style lang="scss">
		90	+$top: top;
		91	+$bottom: bottom;
		92	+$left: left;
		93	+$right: right;
		94	+%w100 {
		95	+ width: 100%;
		96	+}
		97	+
		98	+%h100 {
		99	+ height: 100%;
		100	+}
		101	+
		102	+%cursor {
		103	+ cursor: pointer;
		104	+}
		105	+
		106	+@mixin set-value($side, $value) {
		107	+ @each $prop in $leftright {
		108	+ #{$side}-#{$prop}: $value;
		109	+ }
		110	+}
		111	+
		112	+#asideNav {
		113	+ width: auto !important;
		114	+ display: flex;
		115	+ flex-direction: column;
		116	+ border-right: solid 1px #e6e6e6;
		117	+ .logo-name {
		118	+ background-color: #03152a !important;
		119	+ @extend %w100;
		120	+ font-weight: 300;
		121	+ z-index: 999;
		122	+ p {
		123	+ height: 50px;
		124	+ line-height: 50px;
		125	+ text-align: center;
		126	+ font-size: 16px;
		127	+ color: #5e6d82;
		128	+ }
		129	+ }
		130	+ .el-menu-vertical:not(.el-menu--collapse) {
		131	+ width: 200px;
		132	+ @extend %h100;
		133	+ overflow-y: scroll;
		134	+ overflow-x: hidden;
		135	+ }
		136	+ .el-menu {
		137	+ flex: 1;
		138	+ overflow: inherit;
		139	+ border-right: none;
		140	+ &::-webkit-scrollbar {
		141	+ display: none;
		142	+ }
		143	+ .fa {
		144	+ vertical-align: middle;
		145	+ margin-right: 5px;
		146	+ width: 24px;
		147	+ text-align: center;
		148	+ font-size: 18px;
		149	+ }
		150	+ .el-menu-item {
		151	+ background-color: #020f1d !important;
		152	+ border-bottom: 1px solid #020f1d;
		153	+ &:hover {
		154	+ color: #ffffff !important;
		155	+ background-color: #375573 !important;
		156	+ }
		157	+ }
		158	+ .el-menu-item.is-active {
		159	+ background-color: #56a9ff !important;
		160	+ }
		161	+ .is-opened > .el-submenu__title > .el-icon-arrow-down {
		162	+ color: #ffffff;
		163	+ font-weight: 500;
		164	+ font-size: 18px;
		165	+ }
		166	+ }
		167	+}
		168	+</style>

src/views/layout/aside/menuTree.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <template v-for="(child) in menuData">
		4	+ <el-submenu v-if="child.children.length > 0" :index="child.path" :key="child.path">
		5	+ <template slot="title">
		6	+ <i :class="child.iconCls?child.iconCls:[fa,fa-file]"/>
		7	+ <span slot="title">{{ child.name }}</span>
		8	+ </template>
		9	+ <menu-tree :menuData="child.children"/>
		10	+ </el-submenu>
		11	+
		12	+ <el-menu-item v-else-if="!child.hidden" :index="child.path" :key="child.path">
		13	+ <i :class="child.iconCls?child.iconCls:[fa,fa-file]"/>
		14	+ <span slot="title">{{ child.name}}</span>
		15	+ </el-menu-item>
		16	+ </template>
		17	+ </div>
		18	+</template>
		19	+
		20	+<script>
		21	+export default {
		22	+ name: "menuTree",
		23	+ props: ["menuData"]
		24	+}
		25	+</script>
		26	+
		27	+<style scoped>
		28	+
		29	+</style>

src/views/layout/header/header.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <el-header id="header">
		4	+ <span class="hideAside" @click="collapse"
		5	+ ><i class="fa fa-indent fa-lg"></i
		6	+ ></span>
		7	+ <ul class="personal">
		8	+ <li class="fullScreen" @click="fullScreen">
		9	+ <el-tooltip
		10	+ class="item"
		11	+ effect="dark"
		12	+ content="全屏"
		13	+ placement="bottom"
		14	+ ><i class="fa fa-arrows-alt fa-lg"></i
		15	+ ></el-tooltip>
		16	+ </li>
		17	+ <!-- <li>
		18	+ <langSelect></langSelect>
		19	+ </li> -->
		20	+ <li>{{ $t(`role.${this.$store.getters.info.role}`) }}</li>
		21	+ <li>
		22	+ <el-dropdown @command="handleCommand">
		23	+ <span class="el-dropdown-link">
		24	+ {{ $t(`${this.$store.getters.info.name}`) }}<i class="el-icon-arrow-down el-icon--right"></i>
		25	+ </span>
		26	+ <el-dropdown-menu slot="dropdown">
		27	+ <el-dropdown-item command="info">{{
		28	+ $t("userDropdownMenu.basicInfor")
		29	+ }}</el-dropdown-item>
		30	+ <el-dropdown-item command="editPassword">{{
		31	+ $t("userDropdownMenu.changePassword")
		32	+ }}</el-dropdown-item>
		33	+ <el-dropdown-item command="logout" divided>{{
		34	+ $t("userDropdownMenu.logout")
		35	+ }}</el-dropdown-item>
		36	+ </el-dropdown-menu>
		37	+ </el-dropdown>
		38	+ </li>
		39	+ <li class="icon"><img :src="avatar" /></li>
		40	+ </ul>
		41	+ </el-header>
		42	+ <!-- <tabNav></tabNav> -->
		43	+ </div>
		44	+</template>
		45	+
		46	+<script>
		47	+import Cookies from "js-cookie";
		48	+import langSelect from "../../../components/lang/langSelect";
		49	+import tabNav from "./tabNav";
		50	+import UserInfo from "../../../components/userForm/userInfo";
		51	+import EditPassword from "../../../components/userForm/editPassword";
		52	+
		53	+export default {
		54	+ name: "Header",
		55	+ components: { EditPassword, tabNav, langSelect, UserInfo },
		56	+ data() {
		57	+ return {
		58	+ isfullScreen: true,
		59	+ avatar: require("@/assets/images/womandefault.png"),
		60	+ dialogInfoVisible: false,
		61	+ dialogPassVisible: false,
		62	+ title: "",
		63	+ userId: "",
		64	+ };
		65	+ },
		66	+ methods: {
		67	+ collapse() {
		68	+ this.$store.dispatch("collapse");
		69	+ },
		70	+ successCallback() {
		71	+ this.dialogInfoVisible = false;
		72	+ },
		73	+ editPwdCallback() {
		74	+ this.dialogPassVisible = false;
		75	+ },
		76	+ fullScreen() {
		77	+ if (this.isfullScreen) {
		78	+ var docElm = document.documentElement;
		79	+ if (docElm.requestFullscreen) {
		80	+ docElm.requestFullscreen();
		81	+ } else if (docElm.mozRequestFullScreen) {
		82	+ docElm.mozRequestFullScreen();
		83	+ } else if (docElm.webkitRequestFullScreen) {
		84	+ docElm.webkitRequestFullScreen();
		85	+ } else if (elem.msRequestFullscreen) {
		86	+ elem.msRequestFullscreen();
		87	+ }
		88	+ this.isfullScreen = false;
		89	+ } else {
		90	+ if (document.exitFullscreen) {
		91	+ document.exitFullscreen();
		92	+ } else if (document.mozCancelFullScreen) {
		93	+ document.mozCancelFullScreen();
		94	+ } else if (document.webkitCancelFullScreen) {
		95	+ document.webkitCancelFullScreen();
		96	+ } else if (document.msExitFullscreen) {
		97	+ document.msExitFullscreen();
		98	+ }
		99	+ this.isfullScreen = true;
		100	+ }
		101	+ },
		102	+ handleCommand(command) {
		103	+ if (command === "info") {
		104	+ this.dialogInfoVisible = true;
		105	+ this.title = "编辑信息";
		106	+ // this.userId = this.$store.getters.info.uid
		107	+ } else if (command === "editPassword") {
		108	+ this.dialogPassVisible = true;
		109	+ } else if (command === "logout") {
		110	+ Cookies.remove("token");
		111	+ location.reload();
		112	+ }
		113	+ },
		114	+ },
		115	+};
		116	+</script>
		117	+
		118	+<style lang="scss">
		119	+$top: top;
		120	+$bottom: bottom;
		121	+$left: left;
		122	+$right: right;
		123	+$leftright: ($left, $right);
		124	+%w100 {
		125	+ width: 100%;
		126	+}
		127	+
		128	+%h100 {
		129	+ height: 100%;
		130	+}
		131	+
		132	+%cursor {
		133	+ cursor: pointer;
		134	+}
		135	+
		136	+html,
		137	+body,
		138	+#app,
		139	+.el-container,
		140	+#asideNav,
		141	+ul.el-menu {
		142	+ @extend %h100;
		143	+}
		144	+
		145	+@mixin set-value($side, $value) {
		146	+ @each $prop in $leftright {
		147	+ #{$side}-#{$prop}: $value;
		148	+ }
		149	+}
		150	+
		151	+#header {
		152	+ max-height: 50px;
		153	+ line-height: 50px;
		154	+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
		155	+ display: flex;
		156	+ justify-content: space-between;
		157	+ .hideAside {
		158	+ @extend %cursor;
		159	+ }
		160	+ .personal {
		161	+ display: flex;
		162	+ flex-direction: row;
		163	+ li {
		164	+ @include set-value(margin, 13px);
		165	+ font-size: 12px;
		166	+ }
		167	+ .fullScreen {
		168	+ @extend %cursor;
		169	+ }
		170	+ .el-dropdown-link {
		171	+ @extend %cursor;
		172	+ }
		173	+ .icon img {
		174	+ margin-#{$top}: 7px;
		175	+ -webkit-border-radius: 5px;
		176	+ -moz-border-radius: 5px;
		177	+ border-radius: 5px;
		178	+ width: 40px;
		179	+ height: 40px;
		180	+ }
		181	+ }
		182	+}
		183	+</style>

src/views/layout/header/tabNav.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div>
		3	+ <div class="tabnavBox">
		4	+ <transition-group name="list" tag="ul">
		5	+ <li
		6	+ v-for="(item, index) in $store.getters.tabnavBox"
		7	+ :key="item.path"
		8	+ @contextmenu.prevent="openMenu(item, $event, index)"
		9	+ class="tabnav"
		10	+ :class="{ active: $route.path === item.path }"
		11	+ >
		12	+ <router-link :to="item.path">{{
		13	+ $t(`routeName.${item.title}`)
		14	+ }}</router-link>
		15	+ <i
		16	+ @click="removeTab(item)"
		17	+ class="el-icon-error"
		18	+ v-if="index !== 0"
		19	+ ></i>
		20	+ </li>
		21	+ </transition-group>
		22	+ </div>
		23	+ <ul
		24	+ v-show="this.rightMenuShow"
		25	+ :style="{ left: this.left + 'px', top: this.top + 'px' }"
		26	+ class="menuBox"
		27	+ >
		28	+ <li @click="removeTab($store.getters.rightNav)">
		29	+ <i class="fa fa-remove"></i>{{ $t("rightMenu.close") }}
		30	+ </li>
		31	+ <li @click="removeOtherTab($store.getters.rightNav)">
		32	+ {{ $t("rightMenu.closeOther") }}
		33	+ </li>
		34	+ <li @click="removeAllTab">{{ $t("rightMenu.closeAll") }}</li>
		35	+ </ul>
		36	+ </div>
		37	+</template>
		38	+
		39	+<script>
		40	+export default {
		41	+ name: "tabNav",
		42	+ data() {
		43	+ return {
		44	+ rightMenuShow: false,
		45	+ left: 0,
		46	+ top: 0,
		47	+ };
		48	+ },
		49	+ methods: {
		50	+ openMenu(item, e, index) {
		51	+ if (index === 0) {
		52	+ return false;
		53	+ }
		54	+ this.rightMenuShow = true;
		55	+ this.left = e.clientX + 10;
		56	+ this.top = e.clientY;
		57	+ this.$store.dispatch("openMenu", item);
		58	+ },
		59	+ removeTab(tabItem) {
		60	+ this.$store.dispatch("removeTab", {
		61	+ tabItem,
		62	+ fullPath: this.$route.fullPath,
		63	+ router: this.$router,
		64	+ });
		65	+ },
		66	+ removeOtherTab(tabItem) {
		67	+ this.$store.dispatch("removeOtherTab", { tabItem, router: this.$router });
		68	+ },
		69	+ removeAllTab() {
		70	+ this.$store.dispatch("removeOtherTab", {
		71	+ all: true,
		72	+ router: this.$router,
		73	+ });
		74	+ },
		75	+ },
		76	+ watch: {
		77	+ rightMenuShow(value) {
		78	+ if (value) {
		79	+ document.body.addEventListener("click", () => {
		80	+ this.rightMenuShow = false;
		81	+ });
		82	+ } else {
		83	+ document.body.removeEventListener("click", () => {
		84	+ this.rightMenuShow = false;
		85	+ });
		86	+ }
		87	+ },
		88	+ },
		89	+};
		90	+</script>
		91	+<style>
		92	+.tabnav {
		93	+ display: inline-block;
		94	+ transition: all 0.5s;
		95	+}
		96	+
		97	+.list-enter,
		98	+.list-leave-to {
		99	+ opacity: 0;
		100	+ transform: translateY(30px);
		101	+}
		102	+
		103	+.list-enter-active {
		104	+ transition: all 0.5s;
		105	+}
		106	+
		107	+.list-leave-active {
		108	+ position: absolute;
		109	+ transition: all 1s;
		110	+}
		111	+</style>
		112	+<style lang="scss">
		113	+$top: top;
		114	+$bottom: bottom;
		115	+$left: left;
		116	+$right: right;
		117	+$leftright: ($left, $right);
		118	+
		119	+%w100 {
		120	+ width: 100%;
		121	+}
		122	+
		123	+%h100 {
		124	+ height: 100%;
		125	+}
		126	+
		127	+%cursor {
		128	+ cursor: pointer;
		129	+}
		130	+
		131	+@mixin set-value($side, $value) {
		132	+ @each $prop in $leftright {
		133	+ #{$side}-#{$prop}: $value;
		134	+ }
		135	+}
		136	+
		137	+.tabnavBox {
		138	+ @extend %w100;
		139	+ height: 36px;
		140	+ min-height: 36px;
		141	+ overflow: hidden;
		142	+ border-#{$top}: 1px solid #f6f6f6;
		143	+ border-#{$bottom}: 1px solid #d8dce5;
		144	+
		145	+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
		146	+ 0 0 3px 0 rgba(0, 0, 0, 0.04);
		147	+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
		148	+ ul {
		149	+ display: flex;
		150	+ justify-content: flex-start;
		151	+ padding-#{$left}: 20px;
		152	+ flex-wrap: nowrap;
		153	+ overflow-x: auto;
		154	+ li {
		155	+ line-height: 22px;
		156	+ display: flex;
		157	+ align-items: center;
		158	+ @extend %cursor;
		159	+ margin-#{$top}: 6px;
		160	+ margin-#{$right}: 5px;
		161	+ border:1px solid #e2e2e2;
		162	+ box-sizing: border-box;
		163	+ overflow: hidden;
		164	+ &:not(:first-child) {
		165	+ padding-#{$right}: 10px;
		166	+ min-width: 80px;
		167	+ }
		168	+ a {
		169	+ @include set-value(padding, 10px);
		170	+ display: inline-block;
		171	+ @extend %h100;
		172	+ font-size: 12px;
		173	+ color: #999999;
		174	+ }
		175	+ &:nth-child(n + 2) {
		176	+ a {
		177	+ padding-#{$right}: 15px;
		178	+ }
		179	+ }
		180	+ i {
		181	+ @extend %cursor;
		182	+ &:hover {
		183	+ color: red;
		184	+ }
		185	+ }
		186	+ }
		187	+ li.active {
		188	+ line-height: 24px;
		189	+ background: #409eff;
		190	+ color: #ffffff;
		191	+ border:none;
		192	+ a {
		193	+ color: #ffffff;
		194	+ }
		195	+ }
		196	+ }
		197	+}
		198	+
		199	+.menuBox {
		200	+ margin: 0;
		201	+ background: #fff;
		202	+ z-index: 999;
		203	+ position: absolute;
		204	+ padding: 5px 0;
		205	+ border: 1px solid #cccccc;
		206	+ font-size: 12px;
		207	+ font-weight: 400;
		208	+ color: #333;
		209	+ box-shadow: 2px 1px 6px 0 rgba(0, 0, 0, 0.3);
		210	+ li {
		211	+ margin: 0;
		212	+ padding: 7px 16px;
		213	+ @extend %cursor;
		214	+ &:hover {
		215	+ background: #e1e6ea;
		216	+ }
		217	+ }
		218	+}
		219	+</style>

src/views/layout/layout.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div id="loyout">
		3	+ <el-container>
		4	+ <layoutAside></layoutAside>
		5	+ <el-container>
		6	+ <layoutHeader></layoutHeader>
		7	+ <el-main id="elmain">
		8	+ <transition name="main" mode="out-in">
		9	+ <router-view></router-view>
		10	+ </transition>
		11	+ </el-main>
		12	+ <el-footer height="28px">
		13	+ <Bottom></Bottom>
		14	+ </el-footer>
		15	+ </el-container>
		16	+ </el-container>
		17	+ </div>
		18	+</template>
		19	+
		20	+<script>
		21	+import layoutAside from "./aside/aside";
		22	+import layoutHeader from "./header/header";
		23	+import Bottom from "./Footer/bottom";
		24	+import langSelect from "../../components/lang/langSelect";
		25	+
		26	+export default {
		27	+ name: "layout",
		28	+ components: {
		29	+ layoutHeader,
		30	+ Bottom,
		31	+ langSelect,
		32	+ layoutAside,
		33	+ },
		34	+};
		35	+</script>
		36	+
		37	+<style>
		38	+.main-enter,
		39	+.main-leave-to {
		40	+ opacity: 0;
		41	+ transform: translateY(30px);
		42	+}
		43	+.main-enter-active {
		44	+ transition: all 0.2s;
		45	+}
		46	+.main-leave-active {
		47	+ position: absolute;
		48	+ transition: all 0.3s;
		49	+}
		50	+</style>
		51	+<style lang="scss">
		52	+* {
		53	+ margin: 0px;
		54	+ padding: 0px;
		55	+}
		56	+
		57	+body {
		58	+ background-color: #f2f2f2;
		59	+ font-size: 14px;
		60	+ color: #333333;
		61	+}
		62	+
		63	+li {
		64	+ list-style: none;
		65	+}
		66	+
		67	+a {
		68	+ text-decoration: none;
		69	+}
		70	+
		71	+$top: top;
		72	+$bottom: bottom;
		73	+$left: left;
		74	+$right: right;
		75	+$leftright: ($left, $right);
		76	+%w100 {
		77	+ width: 100%;
		78	+}
		79	+
		80	+%h100 {
		81	+ height: 100%;
		82	+}
		83	+
		84	+%cursor {
		85	+ cursor: pointer;
		86	+}
		87	+html,
		88	+body {
		89	+ overflow: hidden;
		90	+}
		91	+html,
		92	+body,
		93	+#loyout,
		94	+.el-container,
		95	+#asideNav,
		96	+ul.el-menu {
		97	+ @extend %h100;
		98	+}
		99	+
		100	+@mixin set-value($side, $value) {
		101	+ @each $prop in $leftright {
		102	+ #{$side}-#{$prop}: $value;
		103	+ }
		104	+}
		105	+
		106	+#elmain {
		107	+ background-color: #f0f2f5;
		108	+}
		109	+
		110	+.avatar-uploader .el-upload {
		111	+ border: 1px dashed #d9d9d9 !important;
		112	+ border-radius: 6px;
		113	+ cursor: pointer;
		114	+ position: relative;
		115	+ overflow: hidden;
		116	+}
		117	+.avatar-uploader .el-upload:hover {
		118	+ border-color: #409eff;
		119	+}
		120	+.avatar-uploader-icon {
		121	+ font-size: 28px;
		122	+ color: #8c939d;
		123	+ width: 178px;
		124	+ height: 178px;
		125	+ line-height: 178px;
		126	+ text-align: center;
		127	+}
		128	+.avatar {
		129	+ width: 178px;
		130	+ height: 178px;
		131	+ display: block;
		132	+}
		133	+</style>

src/views/login/index.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div class="login-container">
		3	+ <el-form
		4	+ ref="loginForm"
		5	+ :model="loginForm"
		6	+ :rules="loginRules"
		7	+ class="login-form"
		8	+ auto-complete="on"
		9	+ label-position="left"
		10	+ >
		11	+ <!-- <img
		12	+ src="../../assets/images/logo.png"
		13	+ style="
		14	+ width: 120px;
		15	+ height: 120px;
		16	+ position: absolute;
		17	+ top: -250px;
		18	+ left: 190px;
		19	+ "
		20	+ alt
		21	+ /> -->
		22	+ <img
		23	+ src="../../assets/images/chiken.png"
		24	+ style="width: 428px; height: 142px; position: absolute; top: -142px"
		25	+ alt
		26	+ />
		27	+ <div class="title-container">
		28	+ <h3 class="title">欢迎使用教育云平台！</h3>
		29	+ </div>
		30	+
		31	+ <el-form-item prop="username">
		32	+ <i class="fa fa-user" aria-hidden="true"></i>
		33	+ <el-input
		34	+ ref="username"
		35	+ v-model="loginForm.username"
		36	+ placeholder="请输入用户名"
		37	+ name="username"
		38	+ type="text"
		39	+ autofocus="autofocus"
		40	+ tabindex="1"
		41	+ maxlength="40"
		42	+ auto-complete="on"
		43	+ />
		44	+ </el-form-item>
		45	+
		46	+ <el-form-item prop="password">
		47	+ <i class="fa fa-unlock-alt" aria-hidden="true"></i>
		48	+ <el-input
		49	+ :key="passwordType"
		50	+ ref="password"
		51	+ v-model="loginForm.password"
		52	+ :type="passwordType"
		53	+ placeholder="请输入登录密码"
		54	+ name="password"
		55	+ class="mima"
		56	+ maxlength="16"
		57	+ tabindex="2"
		58	+ auto-complete="on"
		59	+ @keyup.enter.native="submitForm"
		60	+ />
		61	+ <span class="show-pwd" @click="showPwd">
		62	+ <i
		63	+ class="fa"
		64	+ aria-hidden="true"
		65	+ :class="passwordType === 'password' ? 'fa-eye-slash' : 'fa-eye'"
		66	+ ></i>
		67	+ </span>
		68	+ </el-form-item>
		69	+ <el-button
		70	+ type="primary"
		71	+ style="
		72	+ width: 80%;
		73	+ display: block;
		74	+ margin: 0 auto;
		75	+ margin-bottom: 30px;
		76	+ margin-top: 10px;
		77	+ "
		78	+ round
		79	+ :disabled="!disableClick"
		80	+ @click.native.prevent="submitForm"
		81	+ >登录</el-button
		82	+ >
		83	+ </el-form>
		84	+ </div>
		85	+</template>
		86	+<script>
		87	+export default {
		88	+ data() {
		89	+ return {
		90	+ disableClick: true,
		91	+ passwordType: "password",
		92	+ loginForm: {
		93	+ username: "admin",
		94	+ password: "123456",
		95	+ },
		96	+ loginRules: {
		97	+ username: [
		98	+ { required: true, message: "请输入用户账号",trigger: "blur" }
		99	+ ],
		100	+ password: [
		101	+ { required: true, message: "请输入账号密码",trigger: "blur" }
		102	+ ]
		103	+ },
		104	+ };
		105	+ },
		106	+ methods: {
		107	+ showPwd() {
		108	+ if (this.passwordType === "password") {
		109	+ this.passwordType = "";
		110	+ } else {
		111	+ this.passwordType = "password";
		112	+ }
		113	+ this.$nextTick(() => {
		114	+ this.$refs.password.focus();
		115	+ });
		116	+ },
		117	+ submitForm() {
		118	+ let that = this;
		119	+ if (this.loginForm.username === "" \|\| this.loginForm.password === "") {
		120	+ this.$message({
		121	+ showClose: true,
		122	+ message: "账号或密码不能为空",
		123	+ type: "error",
		124	+ });
		125	+ return false;
		126	+ } else {
		127	+ // 真实请求参考
		128	+ // this.$request.fetchLogin({
		129	+ // username: that.loginForm.username,
		130	+ // password: that.loginForm.password
		131	+ // }).then(res => {
		132	+ // that.$restBack(res.data, () => {
		133	+ // that.$store.dispatch("setToken", res.data.data.access_token).then(res => {
		134	+ // that.$router.push({path: "/"})
		135	+ // })
		136	+ // }, "登录成功")
		137	+ // }).catch((err) => {
		138	+ // console.log(err)
		139	+ // })
		140	+
		141	+ // 将 username 设置为 token 存储在 store，仅为测试效果，实际存储 token 以后台返回为准
		142	+ that.$store
		143	+ .dispatch("setToken", that.loginForm.username)
		144	+ .then(() => {
		145	+ that.$router.push({ path: "/" });
		146	+ })
		147	+ .catch((res) => {
		148	+ that.$message({
		149	+ showClose: true,
		150	+ message: res,
		151	+ type: "error",
		152	+ });
		153	+ });
		154	+ }
		155	+ },
		156	+ },
		157	+ mounted() {},
		158	+};
		159	+</script>
		160	+<style lang="scss">
		161	+$bg: #283443;
		162	+$dark_gray: #889aa4;
		163	+$light_gray: #000;
		164	+$cursor: #000;
		165	+
		166	+@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
		167	+ .login-container .el-input input {
		168	+ color: $cursor;
		169	+ }
		170	+}
		171	+.login-container {
		172	+ width: 100%;
		173	+ height: 100vh;
		174	+ background: url("../../assets/images/login-bg.png") no-repeat;
		175	+ background-size: cover;
		176	+ overflow: hidden;
		177	+ display: flex;
		178	+ justify-content: center;
		179	+ align-items: center;
		180	+ .el-input {
		181	+ display: inline-block;
		182	+ height: 47px;
		183	+ width: 85%;
		184	+ input::-ms-reveal {
		185	+ display: none;
		186	+ }
		187	+ input {
		188	+ background: transparent;
		189	+ border: 0px;
		190	+ -webkit-appearance: none;
		191	+ border-radius: 0px;
		192	+ font-size:16px;
		193	+ color: $light_gray;
		194	+ height: 52px;
		195	+ caret-color: $cursor;
		196	+
		197	+ &:-webkit-autofill {
		198	+ box-shadow: 0 0 0px 1000px #e5e5e5 inset !important;
		199	+ -webkit-text-fill-color: $cursor !important;
		200	+ }
		201	+ }
		202	+ }
		203	+
		204	+ .el-form-item {
		205	+ border: 1px solid #e5e5e5;
		206	+ background: rgba(0, 0, 0, 0.1);
		207	+ border-radius: 5px;
		208	+ color: #454545;
		209	+ }
		210	+ .login-form {
		211	+ position: relative;
		212	+ width: 500px;
		213	+ height: 331px;
		214	+ max-width: 100%;
		215	+ padding: 30px 35px 0;
		216	+ border-radius: 10px;
		217	+ background: #fff;
		218	+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		219	+ margin-top: 200px;
		220	+ box-sizing: border-box;
		221	+ }
		222	+
		223	+ .tips {
		224	+ font-size: 14px;
		225	+ color: #fff;
		226	+ margin-bottom: 10px;
		227	+
		228	+ span {
		229	+ &:first-of-type {
		230	+ margin-right: 16px;
		231	+ }
		232	+ }
		233	+ }
		234	+
		235	+ .fa {
		236	+ padding: 5px 0px 6px 15px;
		237	+ color: $dark_gray;
		238	+ font-size: 20px;
		239	+ }
		240	+
		241	+ .title-container {
		242	+ position: relative;
		243	+
		244	+ .title {
		245	+ font-size: 24px;
		246	+ color: $light_gray;
		247	+ margin: 0px auto 40px auto;
		248	+ text-align: center;
		249	+ font-weight: bold;
		250	+ }
		251	+ }
		252	+
		253	+ .show-pwd {
		254	+ position: absolute;
		255	+ right: 10px;
		256	+ top: 7px;
		257	+ font-size: 16px;
		258	+ color: $dark_gray;
		259	+ cursor: pointer;
		260	+ user-select: none;
		261	+ }
		262	+}
		263	+</style>
		264	+

src/views/page404.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div class="page404">
		3	+ <div class="i404">
		4	+ <img src="../assets/img404/i404.png"/>
		5	+ <p>您的访问页面可能被删除或者不存在</p>
		6	+ <a href="/">返回首页</a>
		7	+ </div>
		8	+ <div class="sign">
		9	+ <img src="../assets/img404/sign.png" />
		10	+ </div>
		11	+ </div>
		12	+</template>
		13	+
		14	+<script>
		15	+export default {
		16	+ name: "page404",
		17	+ mounted () {
		18	+ }
		19	+}
		20	+</script>
		21	+
		22	+<style lang="scss">
		23	+ .page404{
		24	+ width: 100%;
		25	+ height: 100%;
		26	+ background: url("../assets/img404/bg404.jpg") no-repeat;
		27	+ background-size: cover;
		28	+ overflow: hidden;
		29	+ & >div{
		30	+ width: 50%;
		31	+ height: 100%;
		32	+ }
		33	+ .i404{
		34	+ float: left;
		35	+ display: flex;
		36	+ flex-direction: column;
		37	+ justify-content: center;
		38	+ align-items: center;
		39	+ img{
		40	+ width: 500px;
		41	+ height: 200px;
		42	+ margin-top: -100px;
		43	+ }
		44	+ p{
		45	+ font-size: 20px;
		46	+ color: #3d95ff;
		47	+ margin-top: 2px;
		48	+ }
		49	+ a{
		50	+ display: block;
		51	+ width: 150px;
		52	+ height: 50px;
		53	+ color: #ffffff;
		54	+ background: #56a9ff;
		55	+ margin-top: 35px;
		56	+ line-height: 50px;
		57	+ text-align: center;
		58	+ border-radius: 50px;
		59	+ font-size: 18px;
		60	+ }
		61	+ }
		62	+ .sign{
		63	+ float: right;
		64	+ img{
		65	+ width: 600px;
		66	+ margin-top: 50px;
		67	+ margin-left: 50px;
		68	+ }
		69	+ }
		70	+ }
		71	+
		72	+</style>

src/views/systemManage/roleManage.vue 0 → 100644

View file @c1b532a

		1	+<template>
		2	+ <div class="cardshadow roleListTable">
		3	+ <div>
		4	+ <el-button type="primary" icon="el-icon-circle-plus-outline" size="mini" @click="addRole" plain v-role-btn="'btn_100002'">新增</el-button>
		5	+ </div>
		6	+ <el-table
		7	+ :data="tableData"
		8	+ style="width: 100%">
		9	+ <el-table-column
		10	+ type="index">
		11	+ </el-table-column>
		12	+ <el-table-column
		13	+ property="name"
		14	+ label="角色名">
		15	+ </el-table-column>
		16	+ <el-table-column
		17	+ property="describe"
		18	+ label="角色描述">
		19	+ </el-table-column>
		20	+ <el-table-column
		21	+ prop="status"
		22	+ label="状态"
		23	+ filter-placement="bottom-end">
		24	+ <template slot-scope="scope">
		25	+ <el-tag
		26	+ :type="scope.row.status === '启用' ? 'primary' : 'danger'"
		27	+ disable-transitions>{{scope.row.status}}
		28	+ </el-tag>
		29	+ </template>
		30	+ </el-table-column>
		31	+ <el-table-column label="操作">
		32	+ <template slot-scope="scope">
		33	+ <el-button
		34	+ size="mini"
		35	+ :disabled="scope.row.name=='超级管理员'"
		36	+ @click="handleEdit(scope.$index, scope.row)">编辑
		37	+ </el-button>
		38	+ <el-button
		39	+ size="mini"
		40	+ :disabled="scope.row.name=='超级管理员'"
		41	+ @click="roleEdit(scope.$index, scope.row)">权限分配
		42	+ </el-button>
		43	+ <el-button
		44	+ size="mini"
		45	+ type="danger"
		46	+ :disabled="scope.row.name=='超级管理员'"
		47	+ @click="handleDelete(scope.$index, scope.row)">删除
		48	+ </el-button>
		49	+ </template>
		50	+ </el-table-column>
		51	+ </el-table>
		52	+ <el-dialog title="角色信息" width="700px" class="dialog1" :visible.sync="dialogFormVisible">
		53	+ <el-form :model="form">
		54	+ <el-form-item label="角色名称" :label-width="formLabelWidth">
		55	+ <el-input v-model="form.name"
		56	+ maxlength="8"
		57	+ show-word-limit
		58	+ autocomplete="off"></el-input>
		59	+ </el-form-item>
		60	+ <el-form-item label="角色描述" :label-width="formLabelWidth">
		61	+ <el-input v-model="form.describe"
		62	+ maxlength="15"
		63	+ show-word-limit
		64	+ autocomplete="off"></el-input>
		65	+ </el-form-item>
		66	+ <el-form-item label="是否开启" :label-width="formLabelWidth">
		67	+ <el-switch v-model="form.status"></el-switch>
		68	+ </el-form-item>
		69	+ </el-form>
		70	+ <div slot="footer" class="dialog-footer">
		71	+ <el-button @click="dialogFormVisible=false">取消</el-button>
		72	+ <el-button type="primary" @click="addRoleSubmit">确定</el-button>
		73	+ </div>
		74	+ </el-dialog>
		75	+ <el-dialog title="权限分配" class="dialog2" @opened="setRoleData" :visible.sync="dialogFormVisible2">
		76	+ <el-input
		77	+ placeholder="输入关键字进行过滤"
		78	+ v-model="filterText"
		79	+ style="margin-bottom: 20px"
		80	+ >
		81	+ </el-input>
		82	+ <el-tree
		83	+ :data="roleTree"
		84	+ node-key="r_id"
		85	+ show-checkbox
		86	+ check-on-click-node
		87	+ default-expand-all
		88	+ check-strictly
		89	+ :expand-on-click-node="false"
		90	+ ref="permission"
		91	+ :filter-node-method="filterNode"
		92	+ :props="defaultProps">
		93	+ </el-tree>
		94	+ <div slot="footer" class="dialog-footer">
		95	+ <el-button @click="dialogFormVisible2 = false">取消</el-button>
		96	+ <el-button type="primary" @click="rolePermissionSubmit">确定</el-button>
		97	+ </div>
		98	+ </el-dialog>
		99	+ </div>
		100	+</template>
		101	+
		102	+<script>
		103	+export default {
		104	+ name: "roleManage",
		105	+ data () {
		106	+ return {
		107	+ tableData: [],
		108	+ dialogFormVisible: false,
		109	+ dialogFormVisible2: false,
		110	+ form: {
		111	+ name: "",
		112	+ describe: "",
		113	+ status: true,
		114	+ permission: []
		115	+ },
		116	+ formLabelWidth: "120px",
		117	+ defaultProps: {
		118	+ children: "children",
		119	+ label: "r_name",
		120	+ id: "r_id"
		121	+ },
		122	+ selectRoleId: "",
		123	+ selectData: [],
		124	+ filterText: ""
		125	+ }
		126	+ },
		127	+ methods: {
		128	+ handleEdit (index, row) {
		129	+ for (let item in row) {
		130	+ this.form[item] = row[item]
		131	+ }
		132	+ this.form.status = row.status === "启用"
		133	+ this.dialogFormVisible = true
		134	+ },
		135	+ addRole () {
		136	+ this.form = {
		137	+ name: "",
		138	+ describe: "",
		139	+ status: true
		140	+ }
		141	+ this.dialogFormVisible = true
		142	+ },
		143	+ addRoleSubmit () {
		144	+ let that = this
		145	+ if (!this.form.name) {
		146	+ that.$message({
		147	+ showClose: true,
		148	+ message: "角色名称不能为空",
		149	+ type: "error"
		150	+ })
		151	+ return false
		152	+ }
		153	+ this.$request.fetchAddRole(this.form).then((res) => {
		154	+ that.$message({
		155	+ showClose: true,
		156	+ message: res.data.message,
		157	+ type: "success"
		158	+ })
		159	+ this.dialogFormVisible = false
		160	+ this.getList()
		161	+ }).catch((err) => {
		162	+ console.log(err)
		163	+ })
		164	+ },
		165	+ rolePermissionSubmit () {
		166	+ let that = this
		167	+ let rolePermissionData = {
		168	+ selectPermission: that.$refs.permission.getCheckedKeys(),
		169	+ rid: that.selectRoleId
		170	+ }
		171	+ this.$request.fetchRolePermissions(rolePermissionData).then(res => {
		172	+ that.$restBack(res.data, () => {
		173	+ that.dialogFormVisible2 = false
		174	+ that.getList()
		175	+ })
		176	+ }).catch((err) => {
		177	+ console.log(err)
		178	+ })
		179	+ },
		180	+ roleEdit (index, row) {
		181	+ console.log(index, row)
		182	+ this.selectRoleId = row.id
		183	+ this.selectData = row.permission ? row.permission.split(",") : []
		184	+ this.dialogFormVisible2 = true
		185	+ },
		186	+ setRoleData () {
		187	+ this.$request.fetchSearchRolePermissions({rid: this.selectRoleId}).then(res => {
		188	+ this.$refs.permission.setCheckedKeys([])
		189	+ let permissionData = res.data.data.permissionPage + "," + res.data.data.permissionButton
		190	+ this.$refs.permission.setCheckedKeys(permissionData.split(","))
		191	+ })
		192	+ },
		193	+ handleDelete (index, row) {
		194	+ let that = this
		195	+ this.$request.fetchDelRole({
		196	+ id: row.id
		197	+ })
		198	+ .then(response => {
		199	+ console.log(response)
		200	+ that.$message({
		201	+ showClose: true,
		202	+ message: response.data.message,
		203	+ type: "success"
		204	+ })
		205	+ that.getList()
		206	+ })
		207	+ .catch(err => {
		208	+ console.log(err)
		209	+ })
		210	+ },
		211	+ getList () {
		212	+ let that = this
		213	+ this.$request.fetchGetRoleList()
		214	+ .then(function (response) {
		215	+ console.log(response)
		216	+ for (let i = 0; i < response.data.rows.length; i++) {
		217	+ if (response.data.rows[i].status) {
		218	+ response.data.rows[i].status = "启用"
		219	+ } else {
		220	+ response.data.rows[i].status = "禁用"
		221	+ }
		222	+ }
		223	+ that.tableData = response.data.rows
		224	+ })
		225	+ .catch(function (error) {
		226	+ console.log(error)
		227	+ })
		228	+ },
		229	+ filterNode (value, data) {
		230	+ if (!value) return true
		231	+ return data.r_name.indexOf(value) !== -1
		232	+ }
		233	+ },
		234	+ watch: {
		235	+ filterText (val) {
		236	+ this.$refs.permission.filter(val)
		237	+ }
		238	+ },
		239	+ computed: {
		240	+ roleTree: function () {
		241	+ let roleData = this.$store.getters.roleData
		242	+ for (let i = 0; i < roleData.length; i++) {
		243	+ if (roleData[i].redirect === "/404") {
		244	+ roleData.splice(i, 1)
		245	+ }
		246	+ }
		247	+ return roleData
		248	+ }
		249	+ },
		250	+ mounted () {
		251	+ this.getList()
		252	+ }
		253	+}
		254	+</script>
		255	+
		256	+<style scoped>
		257	+ .nameinput {
		258	+ width: 150px;
		259	+ }
		260	+
		261	+ .phoneinput {
		262	+ width: 120px;
		263	+ }
		264	+
		265	+ .datepicker {
		266	+ width: 260px;
		267	+ }
		268	+ .dialog1 .el-dialog {
		269	+ width: 35%;
		270	+ }
		271	+
		272	+ .dialog1 .el-dialog .el-form {
		273	+ width: 500px;
		274	+ margin: 0 auto;
		275	+ }
		276	+
		277	+ .el-form-item__content {
		278	+ margin-left: 120px;
		279	+ width: 300px;
		280	+ }
		281	+
		282	+</style>
		283	+