Skip to content

V
vipSupplier
Commit 6664949d by 初志鑫
Options

prettier代码格式重新配置

parent d134f932
Showing with 579 additions and 550 deletions
prettier.config.js
......@@ -10,6 +10,7 @@ module.exports = {
bracketSpacing: true,
jsxBracketSameLine: false,
arrowParens: "always",
vueIndentScriptAndStyle: false,
htmlWhitespaceSensitivity: "ignore",
vueIndentScriptAndStyle: true,
endOfLine: "lf",
};
src/App.vue
......@@ -5,8 +5,8 @@
</template>
<script>
export default {
export default {
name: "App",
mounted() {},
};
};
</script>
src/components/JsonEditor/index.vue
......@@ -7,17 +7,17 @@
</template>
<script>
import CodeMirror from "codemirror";
import "codemirror/addon/lint/lint.css";
import "codemirror/lib/codemirror.css";
import "codemirror/theme/rubyblue.css";
import "codemirror/mode/javascript/javascript";
import "codemirror/addon/lint/lint";
import "codemirror/addon/lint/json-lint";
import CodeMirror from "codemirror";
import "codemirror/addon/lint/lint.css";
import "codemirror/lib/codemirror.css";
import "codemirror/theme/rubyblue.css";
import "codemirror/mode/javascript/javascript";
import "codemirror/addon/lint/lint";
import "codemirror/addon/lint/json-lint";
require("script-loader!jsonlint");
require("script-loader!jsonlint");
export default {
export default {
name: "JsonEditor",
props: {
value: {
......@@ -75,37 +75,37 @@ export default {
return false;
},
},
};
};
</script>
<style scoped>
.json-editor {
.json-editor {
position: relative;
height: 100%;
}
}
.json-editor >>> .CodeMirror {
.json-editor >>> .CodeMirror {
height: auto;
min-height: calc(100vh - 220px);
}
}
.json-editor >>> .CodeMirror-scroll {
.json-editor >>> .CodeMirror-scroll {
min-height: calc(100vh - 220px);
}
}
.json-editor >>> .cm-s-rubyblue span.cm-string {
.json-editor >>> .cm-s-rubyblue span.cm-string {
color: #f08047;
}
}
.json-editor >>> .cm-s-rubyblue .CodeMirror-gutters {
.json-editor >>> .cm-s-rubyblue .CodeMirror-gutters {
padding-right: 10px;
/* background: transparent; */
border-right: 1px solid #fff;
}
}
.json-editor >>> .cm-s-rubyblue.CodeMirror {
.json-editor >>> .cm-s-rubyblue.CodeMirror {
/* background: #08233e; */
color: white;
}
}
</style>
src/components/SelectTree/index.vue
......@@ -31,7 +31,7 @@
</template>
<script>
export default {
export default {
name: "SelectTreeTemplate",
props: {
/* 树形结构数据 */
......@@ -157,42 +157,42 @@ export default {
this.selectKey = keyArr;
},
},
};
};
</script>
<style lang="scss" scoped>
.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
height: auto;
max-height: 274px;
padding: 0;
overflow-y: auto;
}
}
.el-select-dropdown__item.selected {
.el-select-dropdown__item.selected {
font-weight: normal;
}
}
ul li > .el-tree .el-tree-node__content {
ul li > .el-tree .el-tree-node__content {
height: auto;
padding: 0 20px;
}
}
.el-tree-node__label {
.el-tree-node__label {
font-weight: normal;
}
}
.el-tree > .is-current .el-tree-node__label {
.el-tree > .is-current .el-tree-node__label {
font-weight: 700;
color: #409eff;
}
}
.el-tree > .is-current .el-tree-node__children .el-tree-node__label {
.el-tree > .is-current .el-tree-node__children .el-tree-node__label {
font-weight: normal;
color: #606266;
}
}
</style>
<style lang="scss">
/* .vab-tree-select{
/* .vab-tree-select{
.el-tag__close.el-icon-close{
width:0;
overflow:hidden;
......
src/components/VabCharge/index.vue
......@@ -23,7 +23,7 @@
</template>
<script>
export default {
export default {
name: "VabCharge",
props: {
styleObj: {
......@@ -53,11 +53,11 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.content {
.content {
position: relative;
display: flex;
align-items: center; /* 垂直居中 */
......@@ -187,5 +187,5 @@ export default {
filter: contrast(15) hue-rotate(360deg);
}
}
}
}
</style>
src/components/VabImage/index.vue
......@@ -17,7 +17,7 @@
</template>
<script>
export default {
export default {
name: "VabImage",
components: {},
props: {
......@@ -47,11 +47,11 @@ export default {
this.$emit("clickSmall");
},
},
};
};
</script>
<style lang="scss" scoped>
.vab-image {
.vab-image {
&__outter {
position: relative;
width: 100%;
......@@ -88,5 +88,5 @@ export default {
border-radius: $base-border-radius;
}
}
}
}
</style>
src/components/VabProfile/index.vue
......@@ -25,7 +25,7 @@
</template>
<script>
export default {
export default {
name: "VabProfile",
props: {
styleObj: {
......@@ -59,11 +59,11 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.card {
.card {
--card-bg-color: hsl(240, 31%, 25%);
--card-bg-color-transparent: hsla(240, 31%, 25%, 0.7);
......@@ -230,9 +230,9 @@ export default {
}
}
}
}
}
@keyframes bump-in {
@keyframes bump-in {
50% {
transform: scale(1.05);
}
......@@ -241,9 +241,9 @@ export default {
opacity: 1;
transform: scale(1);
}
}
}
@keyframes slide-in-horizontal {
@keyframes slide-in-horizontal {
50% {
transform: translateX(0);
}
......@@ -251,9 +251,9 @@ export default {
to {
transform: translateX(100%);
}
}
}
@keyframes slide-in-horizontal-reverse {
@keyframes slide-in-horizontal-reverse {
50% {
transform: translateX(0);
}
......@@ -261,9 +261,9 @@ export default {
to {
transform: translateX(-100%);
}
}
}
@keyframes slide-in-vertical {
@keyframes slide-in-vertical {
50% {
transform: translateY(0);
}
......@@ -271,9 +271,9 @@ export default {
to {
transform: translateY(-100%);
}
}
}
@keyframes slide-in-vertical-reverse {
@keyframes slide-in-vertical-reverse {
50% {
transform: translateY(0);
}
......@@ -281,9 +281,9 @@ export default {
to {
transform: translateY(100%);
}
}
}
@keyframes slide-in-out {
@keyframes slide-in-out {
50% {
transform: scaleX(1);
transform-origin: left;
......@@ -297,17 +297,17 @@ export default {
transform: scaleX(0);
transform-origin: right;
}
}
}
@keyframes fill-text-white {
@keyframes fill-text-white {
to {
color: white;
}
}
}
@keyframes scale-in {
@keyframes scale-in {
to {
transform: scale(1);
}
}
}
</style>
src/components/VabQrCode/index.vue
......@@ -5,10 +5,10 @@
</template>
<script>
import VueQArt from "vue-qart";
import qrImg from "@/assets/qr_logo/lqr_logo.png";
import VueQArt from "vue-qart";
import qrImg from "@/assets/qr_logo/lqr_logo.png";
export default {
export default {
name: "VabQrCode",
components: {
VueQArt,
......@@ -40,5 +40,5 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
src/components/VabSnow/index.vue
......@@ -5,7 +5,7 @@
</template>
<script>
export default {
export default {
name: "VabSnow",
props: {
styleObj: {
......@@ -21,27 +21,27 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.content {
.content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
filter: drop-shadow(0 0 10px white);
}
}
@function random_range($min, $max) {
@function random_range($min, $max) {
$rand: random();
$random_range: $min + floor($rand * (($max - $min) + 1));
@return $random_range;
}
}
.snow {
.snow {
$total: 200;
position: absolute;
......@@ -69,7 +69,8 @@ export default {
@keyframes fall-#{$i} {
#{percentage($random-yoyo-time)} {
transform: translate($random-x-end, $random-yoyo-y) scale($random-scale);
transform: translate($random-x-end, $random-yoyo-y)
scale($random-scale);
}
to {
......@@ -77,5 +78,5 @@ export default {
}
}
}
}
}
</style>
src/components/VabSticky/index.vue
......@@ -16,7 +16,7 @@
</template>
<script>
export default {
export default {
name: "VabSticky",
props: {
stickyTop: {
......@@ -91,5 +91,5 @@ export default {
}
},
},
};
};
</script>
src/components/VabUpload/index.vue
......@@ -11,8 +11,7 @@
:closable="false"
:title="`支持jpg、jpeg、png格式，单次可最多选择${limit}张图片，每张不可大于${size}M，如果大于${size}M会自动为您过滤`"
type="info"
>
</el-alert>
></el-alert>
<br />
<el-upload
ref="upload"
......@@ -68,16 +67,17 @@
type="success"
:loading="loading"
@click="submitUpload"
>开始上传
>
开始上传
</el-button>
</div>
</el-dialog>
</template>
<script>
import { tokenName } from "@/config/settings";
import { tokenName } from "@/config/settings";
export default {
export default {
name: "VabUpload",
props: {
url: {
......@@ -228,11 +228,11 @@ export default {
this.dialogFormVisible = false;
},
},
};
};
</script>
<style lang="scss" scoped>
.upload {
.upload {
height: 600px;
.upload-content {
......@@ -263,5 +263,5 @@ export default {
}
}
}
}
}
</style>
src/layouts/components/Ad/index.vue
......@@ -9,15 +9,15 @@
indicator-position="none"
>
<el-carousel-item v-for="(item, index) in adList" :key="index">
<el-tag type="warning"> Ad</el-tag>
<a target="_blank" :href="item.url"> {{ item.title }}</a>
<el-tag type="warning">Ad</el-tag>
<a target="_blank" :href="item.url">{{ item.title }}</a>
</el-carousel-item>
</el-carousel>
</div>
</template>
<script>
import { getList } from "@/api/ad";
export default {
import { getList } from "@/api/ad";
export default {
data() {
return {
nodeEnv: process.env.NODE_ENV,
......@@ -33,10 +33,10 @@ export default {
this.adList = data;
},
},
};
};
</script>
<style lang="scss" scoped>
.vab-ad {
.vab-ad {
height: 30px;
padding-right: $base-padding;
padding-left: $base-padding;
......@@ -48,5 +48,5 @@ export default {
a {
color: #999;
}
}
}
</style>
src/layouts/index.vue
......@@ -52,10 +52,10 @@
</template>
<script>
import { Ad, AppMain, NavBar, SideBar, TagsBar, TopBar } from "./components";
import { mapActions, mapGetters } from "vuex";
import { tokenName } from "@/config/settings";
export default {
import { Ad, AppMain, NavBar, SideBar, TagsBar, TopBar } from "./components";
import { mapActions, mapGetters } from "vuex";
import { tokenName } from "@/config/settings";
export default {
name: "Layout",
components: {
Ad,
......@@ -116,7 +116,8 @@ export default {
"storage",
(e) => {
if (e.key === tokenName || e.key === null) window.location.reload();
if (e.key === tokenName && e.value === null) window.location.reload();
if (e.key === tokenName && e.value === null)
window.location.reload();
},
false
);
......@@ -146,11 +147,11 @@ export default {
}
},
},
};
};
</script>
<style lang="scss" scoped>
@mixin fix-header {
@mixin fix-header {
position: fixed;
top: 0;
right: 0;
......@@ -158,9 +159,9 @@ export default {
z-index: $base-z-index - 2;
width: 100%;
overflow: hidden;
}
}
.vue-admin-beautiful-wrapper {
.vue-admin-beautiful-wrapper {
position: relative;
width: 100%;
height: 100%;
......@@ -308,5 +309,5 @@ export default {
}
/* 手机端结束 */
}
}
</style>
src/utils/request.js
......@@ -36,7 +36,7 @@ service.interceptors.request.use(
}
if (process.env.NODE_ENV !== "preview") {
if (contentType === "application/x-www-form-urlencoded;charset=UTF-8") {
if (config.data && !config.data.param) {
if (config.data) {
config.data = qs.stringify(config.data);
}
}
......
src/views/401.vue
......@@ -43,7 +43,7 @@
</template>
<script>
export default {
export default {
name: "Page401",
data() {
return {
......@@ -76,11 +76,11 @@ export default {
}, 1000);
},
},
};
};
</script>
<style lang="scss" scoped>
.error-container {
.error-container {
position: absolute;
top: 40%;
left: 50%;
......@@ -292,5 +292,5 @@ export default {
}
}
}
}
}
</style>
src/views/404.vue
......@@ -43,7 +43,7 @@
</template>
<script>
export default {
export default {
name: "Page404",
data() {
return {
......@@ -76,11 +76,11 @@ export default {
}, 1000);
},
},
};
};
</script>
<style lang="scss" scoped>
.error-container {
.error-container {
position: absolute;
top: 40%;
left: 50%;
......@@ -292,5 +292,5 @@ export default {
}
}
}
}
}
</style>
src/views/index/index.vue
......@@ -44,8 +44,8 @@
:options="fwl"
/>
<div class="bottom">
<span
>日均访问量:
<span>
日均访问量:
<vab-count
:start-val="config1.startVal"
......@@ -71,8 +71,8 @@
:options="sqs"
/>
<div class="bottom">
<span
>总授权数:
<span>
总授权数:
<vab-count
:start-val="config2.startVal"
:end-val="config2.endVal"
......@@ -81,7 +81,8 @@
:prefix="config2.prefix"
:suffix="config2.suffix"
:decimals="config2.decimals"
/></span>
/>
</span>
</div>
</el-card>
</el-col>
......@@ -98,8 +99,9 @@
@click="handleClick"
/>
<div class="bottom">
<span
>词云数量:<vab-count
<span>
词云数量:
<vab-count
:start-val="config3.startVal"
:end-val="config3.endVal"
:duration="config3.duration"
......@@ -107,7 +109,8 @@
:prefix="config3.prefix"
:suffix="config3.suffix"
:decimals="config3.decimals"
/></span>
/>
</span>
</div>
</el-card>
</el-col>
......@@ -273,12 +276,10 @@
:title="item.title"
:type="item.type"
:closable="item.closable"
>
</el-alert>
></el-alert>
<br />
</div>
<el-alert :closable="false" :title="userAgent" type="info">
</el-alert>
<el-alert :closable="false" :title="userAgent" type="info"></el-alert>
<br />
</el-card>
<el-card shadow="never">
......@@ -296,12 +297,12 @@
</template>
<script>
import VabChart from "@/plugins/echarts";
import { dependencies, devDependencies } from "../../../package.json";
import { getList } from "@/api/changeLog";
import { getNoticeList } from "@/api/notice";
import { getRepos, getStargazers } from "@/api/github";
export default {
import VabChart from "@/plugins/echarts";
import { dependencies, devDependencies } from "../../../package.json";
import { getList } from "@/api/changeLog";
import { getNoticeList } from "@/api/notice";
import { getRepos, getStargazers } from "@/api/github";
export default {
name: "Index",
components: {
VabChart,
......@@ -750,10 +751,10 @@ export default {
}); */
},
},
};
};
</script>
<style lang="scss" scoped>
.index-container {
.index-container {
padding: 0 !important;
margin: 0 !important;
background: #f5f7f8 !important;
......@@ -844,5 +845,5 @@ export default {
margin: 5px 10px 5px 0;
}
}
}
}
</style>
src/views/login/index.vue
......@@ -6,8 +6,7 @@
type="success"
:closable="false"
style="position: fixed;"
>
</el-alert>
></el-alert>
<el-row>
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
<div style="color: transparent;">占位符</div>
......@@ -65,7 +64,8 @@
class="login-btn"
type="primary"
@click="handleLogin"
>登录
>
登录
</el-button>
<router-link to="/register">
<div style="margin-top: 20px;">注册</div>
......@@ -77,9 +77,9 @@
</template>
<script>
import { isPassword } from "@/utils/validate";
import { isPassword } from "@/utils/validate";
export default {
export default {
name: "Login",
directives: {
focus: {
......@@ -176,11 +176,11 @@ export default {
}, 30000);
},
},
};
};
</script>
<style lang="scss" scoped>
.login-container {
.login-container {
height: 100vh;
background: url("~@/assets/login_images/background.jpg") center center fixed
no-repeat;
......@@ -318,5 +318,5 @@ export default {
}
}
}
}
}
</style>
src/views/mall/goodsDetail/index.vue
......@@ -3,12 +3,12 @@
</template>
<script>
export default {
export default {
name: "GoodsDetail",
data() {
return {};
},
created() {},
methods: {},
};
};
</script>
src/views/mall/goodsList/index.vue
......@@ -17,7 +17,8 @@
type="primary"
native-type="submit"
@click="handleQuery"
>查询
>
查询
</el-button>
</el-form-item>
</el-form>
......@@ -64,9 +65,9 @@
</template>
<script>
import { getList } from "@/api/goodsList";
import { getList } from "@/api/goodsList";
export default {
export default {
name: "Goods",
components: {},
data() {
......@@ -106,10 +107,10 @@ export default {
this.total = totalCount;
},
},
};
};
</script>
<style lang="scss" scoped>
.goods-list-container {
.goods-list-container {
.goods-list-card-body {
position: relative;
text-align: center;
......@@ -158,5 +159,5 @@ export default {
}
}
}
}
}
</style>
src/views/mall/pay/components/Step1.vue
......@@ -25,7 +25,7 @@
</div>
</template>
<script>
export default {
export default {
data() {
return {
form: {
......@@ -61,12 +61,12 @@ export default {
});
},
},
};
};
</script>
<style lang="scss" scoped>
.pay-button-group {
.pay-button-group {
display: block;
margin: 20px auto;
text-align: center;
}
}
</style>
src/views/mall/pay/components/Step2.vue
......@@ -25,15 +25,15 @@
</el-form-item>
</el-form>
<div class="pay-button-group">
<el-button type="primary" :loading="loading" @click="handleSubmit"
>提交</el-button
>
<el-button type="primary" :loading="loading" @click="handleSubmit">
提交
</el-button>
<el-button @click="handlePrev">上一步</el-button>
</div>
</div>
</template>
<script>
export default {
export default {
props: {
infoData: {
type: Object,
......@@ -73,12 +73,12 @@ export default {
this.$emit("change-step", 1);
},
},
};
};
</script>
<style lang="scss" scoped>
.pay-button-group {
.pay-button-group {
display: block;
margin: 20px auto;
text-align: center;
}
}
</style>
src/views/mall/pay/components/Step3.vue
......@@ -32,7 +32,7 @@
</div>
</template>
<script>
export default {
export default {
props: {
infoData: {
type: Object,
......@@ -72,10 +72,10 @@ export default {
this.$emit("change-step", 1);
},
},
};
};
</script>
<style lang="scss" scoped>
.pay-top-content {
.pay-top-content {
text-align: center;
.pay-success {
......@@ -84,18 +84,18 @@ export default {
font-size: 40px;
color: $base-color-green;
}
}
}
.pay-bottom {
.pay-bottom {
padding: 20px;
margin-top: 20px;
background: #f5f7f8;
border: 1px dashed $base-color-gray;
}
}
.pay-button-group {
.pay-button-group {
display: block;
margin: 20px auto;
text-align: center;
}
}
</style>
src/views/mall/pay/index.vue
......@@ -30,10 +30,10 @@
</template>
<script>
import Step1 from "./components/Step1";
import Step2 from "./components/Step2";
import Step3 from "./components/Step3";
export default {
import Step1 from "./components/Step1";
import Step2 from "./components/Step2";
import Step3 from "./components/Step3";
export default {
name: "Pay",
components: { Step1, Step2, Step3 },
data() {
......@@ -48,13 +48,13 @@ export default {
if (form) this.form = Object.assign(this.form, form);
},
},
};
};
</script>
<style lang="scss" scoped>
.pay-container {
.pay-container {
.steps {
justify-content: center;
margin-bottom: 20px;
}
}
}
</style>
src/views/personalCenter/index.vue
......@@ -10,7 +10,7 @@
</template>
<script>
export default {
export default {
name: "PersonalCenter",
data() {
return {
......@@ -19,5 +19,5 @@ export default {
},
created() {},
methods: {},
};
};
</script>
src/views/personnelManagement/menuManagement/components/MenuManagementEdit.vue
......@@ -17,16 +17,16 @@
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="close">取 消 </el-button>
<el-button @click="close">取 消</el-button>
<el-button type="primary" @click="save">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import { doEdit } from "@/api/menuManagement";
import { doEdit } from "@/api/menuManagement";
export default {
export default {
name: "MenuManagementEdit",
data() {
return {
......@@ -67,5 +67,5 @@ export default {
});
},
},
};
};
</script>
src/views/personnelManagement/menuManagement/index.vue
......@@ -11,8 +11,8 @@
node-key="id"
:default-expanded-keys="['root']"
@node-click="handleNodeClick"
></el-tree
></el-col>
></el-tree>
</el-col>
<el-col :xs="24" :sm="24" :md="16" :lg="20" :xl="20">
<vab-query-form>
<vab-query-form-top-panel :span="12">
......@@ -107,11 +107,11 @@
width="200"
>
<template v-slot="scope">
<el-button type="text" @click="handleEdit(scope.row)"
>编辑
<el-button type="text" @click="handleEdit(scope.row)">
编辑
</el-button>
<el-button type="text" @click="handleDelete(scope.row)"
>删除
<el-button type="text" @click="handleDelete(scope.row)">
删除
</el-button>
</template>
</el-table-column>
......@@ -124,11 +124,11 @@
</template>
<script>
import { getRouterList as getList } from "@/api/router";
import { getTree, doDelete } from "@/api/menuManagement";
import Edit from "./components/MenuManagementEdit";
import { getRouterList as getList } from "@/api/router";
import { getTree, doDelete } from "@/api/menuManagement";
import Edit from "./components/MenuManagementEdit";
export default {
export default {
name: "MenuManagement",
components: { Edit },
data() {
......@@ -178,5 +178,5 @@ export default {
this.fetchData();
},
},
};
};
</script>
src/views/personnelManagement/roleManagement/components/RoleManagementEdit.vue
......@@ -18,9 +18,9 @@
</template>
<script>
import { doEdit } from "@/api/roleManagement";
import { doEdit } from "@/api/roleManagement";
export default {
export default {
name: "RoleManagementEdit",
data() {
return {
......@@ -65,5 +65,5 @@ export default {
});
},
},
};
};
</script>
src/views/personnelManagement/roleManagement/index.vue
......@@ -5,11 +5,11 @@
</el-divider>
<vab-query-form>
<vab-query-form-left-panel :span="12">
<el-button icon="el-icon-plus" type="primary" @click="handleEdit"
>添加</el-button
>
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"
>批量删除
<el-button icon="el-icon-plus" type="primary" @click="handleEdit">
添加
</el-button>
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">
批量删除
</el-button>
</vab-query-form-left-panel>
<vab-query-form-right-panel :span="12">
......@@ -22,8 +22,8 @@
/>
</el-form-item>
<el-form-item>
<el-button icon="el-icon-search" type="primary" @click="queryData"
>查询
<el-button icon="el-icon-search" type="primary" @click="queryData">
查询
</el-button>
</el-form-item>
</el-form>
......@@ -41,8 +41,8 @@
show-overflow-tooltip
prop="id"
label="id"
></el-table-column
><el-table-column
></el-table-column>
<el-table-column
show-overflow-tooltip
prop="permission"
label="权限码"
......@@ -54,11 +54,9 @@
width="200"
>
<template v-slot="scope">
<el-button type="text" @click="handleEdit(scope.row)"
>编辑
</el-button>
<el-button type="text" @click="handleDelete(scope.row)"
>删除
<el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
<el-button type="text" @click="handleDelete(scope.row)">
删除
</el-button>
</template>
</el-table-column>
......@@ -71,17 +69,16 @@
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
></el-pagination>
<edit ref="edit" @fetchData="fetchData"></edit>
</div>
</template>
<script>
import { getList, doDelete } from "@/api/roleManagement";
import Edit from "./components/RoleManagementEdit";
import { getList, doDelete } from "@/api/roleManagement";
import Edit from "./components/RoleManagementEdit";
export default {
export default {
name: "RoleManagement",
components: { Edit },
data() {
......@@ -156,5 +153,5 @@ export default {
}, 300);
},
},
};
};
</script>
src/views/personnelManagement/userManagement/components/UserManagementEdit.vue
......@@ -34,9 +34,9 @@
</template>
<script>
import { doEdit } from "@/api/userManagement";
import { doEdit } from "@/api/userManagement";
export default {
export default {
name: "UserManagementEdit",
data() {
return {
......@@ -50,7 +50,9 @@ export default {
username: [
{ required: true, trigger: "blur", message: "请输入用户名" },
],
password: [{ required: true, trigger: "blur", message: "请输入密码" }],
password: [
{ required: true, trigger: "blur", message: "请输入密码" },
],
email: [{ required: true, trigger: "blur", message: "请输入邮箱" }],
permissions: [
{ required: true, trigger: "blur", message: "请选择权限" },
......@@ -89,5 +91,5 @@ export default {
});
},
},
};
};
</script>
src/views/personnelManagement/userManagement/index.vue
......@@ -2,11 +2,11 @@
<div class="userManagement-container">
<vab-query-form>
<vab-query-form-left-panel :span="12">
<el-button icon="el-icon-plus" type="primary" @click="handleEdit"
>添加</el-button
>
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"
>批量删除
<el-button icon="el-icon-plus" type="primary" @click="handleEdit">
添加
</el-button>
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">
批量删除
</el-button>
</vab-query-form-left-panel>
<vab-query-form-right-panel :span="12">
......@@ -19,8 +19,8 @@
/>
</el-form-item>
<el-form-item>
<el-button icon="el-icon-search" type="primary" @click="queryData"
>查询
<el-button icon="el-icon-search" type="primary" @click="queryData">
查询
</el-button>
</el-form-item>
</el-form>
......@@ -52,9 +52,9 @@
<el-table-column show-overflow-tooltip label="权限">
<template v-slot="{ row }">
<el-tag v-for="(item, index) in row.permissions" :key="index">{{
item
}}</el-tag>
<el-tag v-for="(item, index) in row.permissions" :key="index">
{{ item }}
</el-tag>
</template>
</el-table-column>
......@@ -70,11 +70,9 @@
width="200"
>
<template v-slot="scope">
<el-button type="text" @click="handleEdit(scope.row)"
>编辑
</el-button>
<el-button type="text" @click="handleDelete(scope.row)"
>删除
<el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
<el-button type="text" @click="handleDelete(scope.row)">
删除
</el-button>
</template>
</el-table-column>
......@@ -87,17 +85,16 @@
:total="total"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
></el-pagination>
<edit ref="edit" @fetchData="fetchData"></edit>
</div>
</template>
<script>
import { getList, doDelete } from "@/api/userManagement";
import Edit from "./components/UserManagementEdit";
import { getList, doDelete } from "@/api/userManagement";
import Edit from "./components/UserManagementEdit";
export default {
export default {
name: "UserManagement",
components: { Edit },
data() {
......@@ -172,5 +169,5 @@ export default {
}, 300);
},
},
};
};
</script>
src/views/register/index.vue
......@@ -6,8 +6,7 @@
type="success"
:closable="false"
style="position: fixed;"
>
</el-alert>
></el-alert>
<el-row>
<el-col :xs="24" :sm="24" :md="12" :lg="16" :xl="16">
<div style="color: transparent;">占位符</div>
......@@ -49,11 +48,12 @@
v-model.trim="form.phoneCode"
type="text"
placeholder="手机验证码"
><vab-icon
>
<vab-icon
slot="prefix"
:icon="['fas', 'envelope-open']"
></vab-icon
></el-input>
></vab-icon>
</el-input>
<el-button
type="primary"
class="show-pwd phone-code"
......@@ -69,15 +69,17 @@
type="password"
placeholder="设置密码"
autocomplete="new-password"
><vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon
></el-input>
>
<vab-icon slot="prefix" :icon="['fas', 'unlock']"></vab-icon>
</el-input>
</el-form-item>
<el-form-item>
<el-button
class="register-btn"
type="primary"
@click.native.prevent="handleReister"
>注册
>
注册
</el-button>
<router-link to="/login">
<div style="margin-top: 20px;">登录</div>
......@@ -89,9 +91,9 @@
</div>
</template>
<script>
import { isPassword, isPhone } from "@/utils/validate";
import { register } from "@/api/user";
export default {
import { isPassword, isPhone } from "@/utils/validate";
import { register } from "@/api/user";
export default {
username: "Register",
directives: {
focus: {
......@@ -189,10 +191,10 @@ export default {
});
},
},
};
};
</script>
<style lang="scss" scoped>
.register-container {
.register-container {
height: 100vh;
background: url("~@/assets/login_images/background.jpg") center center fixed
no-repeat;
......@@ -364,5 +366,5 @@ export default {
}
}
}
}
}
</style>
src/views/test/index.vue
......@@ -4,7 +4,7 @@
</div>
</template>
<script>
export default {
export default {
name: "Test",
data() {
return { show: true };
......@@ -12,5 +12,5 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
src/views/vab/backToTop/index.vue
......@@ -8,15 +8,15 @@
</template>
<script>
export default {
export default {
name: "BackToTop",
data() {
return {};
},
};
};
</script>
<style lang="scss" scoped>
.placeholder-container div {
.placeholder-container div {
margin: 10px;
}
}
</style>
src/views/vab/betterScroll/index.vue
......@@ -14,8 +14,8 @@
<el-button @click="handleScrollTo(300)">滚动到300像素位置</el-button>
<el-button @click="handleScrollBy(100)">向下滚动100像素</el-button>
<el-button @click="handleScrollBy(-50)">向上滚动50像素</el-button>
<el-button @click="handleScrollToElement(15)">滚动到第15个 </el-button>
<el-button @click="handleScrollToElement(25)">滚动到第25个 </el-button>
<el-button @click="handleScrollToElement(15)">滚动到第15个</el-button>
<el-button @click="handleScrollToElement(25)">滚动到第25个</el-button>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
<div ref="wrapper" class="right-content">
......@@ -29,9 +29,9 @@
</template>
<script>
import BScroll from "better-scroll";
import BScroll from "better-scroll";
export default {
export default {
name: "BetterScroll",
data() {
return {
......@@ -70,14 +70,14 @@ export default {
}
},
},
};
};
</script>
<style lang="scss" scoped>
.better-scroll-container {
.better-scroll-container {
.right-content {
height: 500px;
margin-top: 40px;
overflow: hidden;
}
}
}
</style>
src/views/vab/card/index.vue
......@@ -39,10 +39,10 @@
</template>
<script>
import { getList } from "@/api/table";
import VabImage from "@/components/VabImage";
import { getList } from "@/api/table";
import VabImage from "@/components/VabImage";
export default {
export default {
name: "Card",
components: {
VabImage,
......@@ -95,5 +95,5 @@ export default {
}, 300);
},
},
};
};
</script>
src/views/vab/codeGenerator/components/TableEditor.vue
......@@ -8,12 +8,12 @@
</template>
<script>
import JsonEditor from "@/components/JsonEditor/index";
import JsonEditor from "@/components/JsonEditor/index";
const jsonData =
const jsonData =
'{"code": 200, "msg": "操作成功", "pageNo": 1, "pageSize": 10, "totalPages": 4, "totalCount": 238, "data": [{"id": "", "title": "", "status": "", "author": "", "datetime": "", "pageViews": "", "img": "", "switch": ""}]}';
export default {
export default {
components: { JsonEditor },
data() {
return {
......@@ -33,5 +33,5 @@ export default {
this.$emit("change", jsonData);
},
},
};
};
</script>
src/views/vab/codeGenerator/components/TableExhibition.vue
......@@ -13,12 +13,12 @@
</template>
<script>
import TableExhibitionBody from "./TableExhibitionBody";
import TableExhibitionQuery from "./TableExhibitionQuery";
import TableExhibitionHeader from "./TableExhibitionHeader";
import { genTableSnippet } from "./snippetTable.js";
import TableExhibitionBody from "./TableExhibitionBody";
import TableExhibitionQuery from "./TableExhibitionQuery";
import TableExhibitionHeader from "./TableExhibitionHeader";
import { genTableSnippet } from "./snippetTable.js";
export default {
export default {
components: {
TableExhibitionBody,
TableExhibitionHeader,
......@@ -77,5 +77,5 @@ export default {
editdata() {},
test(val) {},
},
};
};
</script>
src/views/vab/codeGenerator/components/TableExhibitionBody.vue
......@@ -19,13 +19,12 @@
background
layout="total, sizes, prev, pager, next, jumper"
:total="1000"
>
</el-pagination>
></el-pagination>
</div>
</template>
<script>
export default {
export default {
props: {
list: {
type: null,
......@@ -56,5 +55,5 @@ export default {
editdata() {},
test(val) {},
},
};
};
</script>
src/views/vab/codeGenerator/components/TableExhibitionHeader.vue
......@@ -17,11 +17,14 @@
effect="dark"
placement="top-start"
>
<el-button v-if="header.opt === ''" @click="opt(header, 'template')"
>{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
<el-button
v-if="header.opt === ''"
@click="opt(header, 'template')"
>
{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
</el-button>
<el-button v-else @click="opt(header, '')"
>{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
<el-button v-else @click="opt(header, '')">
{{ header.opt ? "点击关闭自定义" : "点击开启自定义" }}
</el-button>
</el-tooltip>
<el-tooltip
......@@ -30,8 +33,8 @@
effect="dark"
placement="top-start"
>
<el-button @click="hide(header)"
>{{ header.show ? "点击隐藏字段" : "点击显示字段" }}
<el-button @click="hide(header)">
{{ header.show ? "点击隐藏字段" : "点击显示字段" }}
</el-button>
</el-tooltip>
<div slot="reference" class="table-header-card">
......@@ -50,9 +53,9 @@
</template>
<script>
import draggable from "vuedraggable";
import draggable from "vuedraggable";
export default {
export default {
components: {
draggable,
},
......@@ -89,10 +92,10 @@ export default {
header.query = query;
},
},
};
};
</script>
<style scoped>
.table-header-card {
.table-header-card {
display: flex;
align-items: center;
justify-content: space-between;
......@@ -102,15 +105,15 @@ export default {
margin-left: 0;
border: 1px solid #dcdfe6;
border-radius: 4px;
}
}
.table-header >>> .el-input__inner {
.table-header >>> .el-input__inner {
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
}
}
.el-popover {
.el-popover {
min-width: 100px !important;
}
}
</style>
src/views/vab/codeGenerator/components/TableExhibitionQuery.vue
......@@ -2,8 +2,8 @@
<div class="table-query">
<div>
<el-button type="primary" @click="openCodeDialog">查看代码</el-button>
<el-button type="primary" @click="handleClipboard(srcTableCode, $event)"
>复制代码
<el-button type="primary" @click="handleClipboard(srcTableCode, $event)">
复制代码
</el-button>
</div>
<el-dialog destroy-on-close title="查看代码" :visible.sync="dialogVisible">
......@@ -11,20 +11,23 @@
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="closeCodeDialog(srcTableCode, $event)"
>复制代码</el-button
<el-button
type="primary"
@click="closeCodeDialog(srcTableCode, $event)"
>
复制代码
</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { mapGetters } from "vuex";
import clipboard from "@/utils/clipboard";
import CodeMirror from "codemirror";
import { mapGetters } from "vuex";
import clipboard from "@/utils/clipboard";
import CodeMirror from "codemirror";
export default {
export default {
props: {
headers: {
type: Array,
......@@ -60,11 +63,11 @@ export default {
this.dialogVisible = false;
},
},
};
};
</script>
<style lang="scss" scoped>
.table-query {
.table-query {
display: flex;
justify-content: flex-end;
height: 45px;
......@@ -75,5 +78,5 @@ export default {
min-height: calc(100vh - 420px);
}
}
}
}
</style>
src/views/vab/codeGenerator/index.vue
......@@ -12,10 +12,10 @@
</template>
<script>
import TableEditor from "./components/TableEditor";
import TableExhibition from "./components/TableExhibition";
import TableEditor from "./components/TableEditor";
import TableExhibition from "./components/TableExhibition";
export default {
export default {
name: "Index",
components: {
TableEditor,
......@@ -32,5 +32,5 @@ export default {
this.tableData = JSON.parse(val);
},
},
};
};
</script>
src/views/vab/echarts/index.vue
......@@ -65,10 +65,10 @@
</template>
<script>
import * as echarts from "echarts";
import VabChart from "@/plugins/echarts";
import * as echarts from "echarts";
import VabChart from "@/plugins/echarts";
export default {
export default {
name: "Echarts",
components: {
VabChart,
......@@ -645,11 +645,11 @@ export default {
},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.echarts {
.echarts {
width: 100%;
}
}
</style>
src/views/vab/editor/index.vue
......@@ -14,7 +14,7 @@
<vab-quill v-model="form.content" :min-height="400"></vab-quill>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSee">预览效果 </el-button>
<el-button type="primary" @click="handleSee">预览效果</el-button>
<el-button type="primary" @click="handleSave">保存</el-button>
</el-form-item>
</el-form>
......@@ -28,8 +28,8 @@
</template>
<script>
import vabQuill from "@/plugins/vabQuill";
export default {
import vabQuill from "@/plugins/vabQuill";
export default {
name: "Editor",
components: { vabQuill },
data() {
......@@ -93,10 +93,10 @@ export default {
});
},
},
};
};
</script>
<style lang="scss" scoped>
.editor-container {
.editor-container {
.news {
&-title {
text-align: center;
......@@ -124,5 +124,5 @@ export default {
}
}
}
}
}
</style>
src/views/vab/element/index.vue
......@@ -2,8 +2,8 @@
<div class="element-container">
<el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="18" :lg="18" :xl="16">
<el-button type="primary" @click="dialogVisible = !dialogVisible"
>element全部文档点这里
<el-button type="primary" @click="dialogVisible = !dialogVisible">
element全部文档点这里
</el-button>
<el-dialog
:fullscreen="true"
......@@ -16,8 +16,8 @@
frameborder="0"
></iframe>
</el-dialog>
<el-divider content-position="left"
>Tag 标签
<el-divider content-position="left">
Tag 标签
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/tag"
......@@ -36,8 +36,8 @@
<el-tag effect="dark" type="warning">标签四</el-tag>
<el-tag effect="dark" type="danger">标签五</el-tag>
<el-divider content-position="left"
>进度条
<el-divider content-position="left">
进度条
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/progress"
......@@ -90,8 +90,8 @@
status="exception"
></el-progress>
<el-divider content-position="left"
>按钮
<el-divider content-position="left">
按钮
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/button"
......@@ -133,13 +133,14 @@
<el-button type="primary" icon="el-icon-share"></el-button>
<el-button type="primary" icon="el-icon-delete"></el-button>
<el-button type="primary" icon="el-icon-search">搜索</el-button>
<el-button type="primary"
>上传<i class="el-icon-upload el-icon--right"></i
></el-button>
<el-button type="primary">
上传
<i class="el-icon-upload el-icon--right"></i>
</el-button>
<el-button type="primary" :loading="true">加载中</el-button>
<el-divider content-position="left"
>文字链接
<el-divider content-position="left">
文字链接
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/link"
......@@ -147,8 +148,8 @@
文档
</a>
</el-divider>
<el-link href="https://element.eleme.io" target="_blank"
>默认链接
<el-link href="https://element.eleme.io" target="_blank">
默认链接
</el-link>
<el-link type="primary">主要链接</el-link>
<el-link type="success">成功链接</el-link>
......@@ -163,8 +164,8 @@
<el-link type="info" disabled>信息链接</el-link>
<el-link :underline="false">无下划线</el-link>
<el-link>有下划线</el-link>
<el-divider content-position="left"
>头像
<el-divider content-position="left">
头像
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/avatar"
......@@ -173,8 +174,8 @@
</a>
</el-divider>
<el-avatar icon="el-icon-user-solid"></el-avatar>
<el-divider content-position="left"
>页头
<el-divider content-position="left">
页头
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/page-header"
......@@ -183,8 +184,8 @@
</a>
</el-divider>
<el-page-header content="详情页面"></el-page-header>
<el-divider content-position="left"
>面包屑
<el-divider content-position="left">
面包屑
<a
target="_blank"
href="https://element.eleme.cn/#/zh-CN/component/breadcrumb"
......@@ -204,7 +205,7 @@
</template>
<script>
export default {
export default {
name: "Element",
components: {},
data() {
......@@ -215,11 +216,11 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.element-container {
.element-container {
::v-deep {
.el-dialog__wrapper {
position: fixed;
......@@ -249,5 +250,5 @@ export default {
width: 100%;
height: 89vh;
}
}
}
</style>
src/views/vab/errorLog/components/ErrorTest.vue
......@@ -4,10 +4,10 @@
</template>
<script>
export default {
export default {
name: "ErrorTest",
data() {
return {};
},
};
};
</script>
src/views/vab/errorLog/index.vue
<template>
<div class="errorLog-container">
<el-divider content-position="left"
>这里会在顶部navbar上模拟一个控制台错误日志
<el-divider content-position="left">
这里会在顶部navbar上模拟一个控制台错误日志
</el-divider>
<el-button type="primary" @click="handleError"
>点击模拟一个chuzhixinjiayou的错误
<el-button type="primary" @click="handleError">
点击模拟一个chuzhixinjiayou的错误
</el-button>
<error-test v-if="show" />
</div>
</template>
<script>
import ErrorTest from "./components/ErrorTest";
import ErrorTest from "./components/ErrorTest";
export default {
export default {
name: "ErrorLog",
components: { ErrorTest },
data() {
......@@ -24,5 +24,5 @@ export default {
this.show = true;
},
},
};
};
</script>
src/views/vab/form/index.vue
......@@ -39,8 +39,8 @@
<el-input v-model="ruleForm.desc" type="textarea"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')"
>立即创建
<el-button type="primary" @click="submitForm('ruleForm')">
立即创建
</el-button>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
......@@ -51,7 +51,7 @@
</template>
<script>
export default {
export default {
name: "Form",
data() {
return {
......@@ -66,7 +66,12 @@ export default {
rules: {
name: [
{ required: true, message: "请输入活动名称", trigger: "blur" },
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" },
{
min: 3,
max: 5,
message: "长度在 3 到 5 个字符",
trigger: "blur",
},
],
region: [
{ required: true, message: "请选择活动区域", trigger: "change" },
......@@ -82,7 +87,9 @@ export default {
resource: [
{ required: true, message: "请选择活动资源", trigger: "change" },
],
desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }],
desc: [
{ required: true, message: "请填写活动形式", trigger: "blur" },
],
},
};
},
......@@ -100,5 +107,5 @@ export default {
this.$refs[formName].resetFields();
},
},
};
};
</script>
src/views/vab/icon/colorfulIcon.vue
......@@ -2,8 +2,8 @@
<div class="colorful-icon-container">
<el-row :gutter="20">
<el-col :span="24">
<el-divider content-position="left"
>多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
<el-divider content-position="left">
多彩图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码
</el-divider>
</el-col>
<el-col :span="24">
......@@ -12,8 +12,8 @@
<el-input v-model="queryForm.title"></el-input>
</el-form-item>
<el-form-item label-width="0">
<el-button native-type="submit" type="primary" @click="queryData"
>搜索
<el-button native-type="submit" type="primary" @click="queryData">
搜索
</el-button>
</el-form-item>
......@@ -60,10 +60,10 @@
</template>
<script>
import { getIconList } from "@/api/colorfulIcon";
import clip from "@/utils/clipboard";
import { getIconList } from "@/api/colorfulIcon";
import clip from "@/utils/clipboard";
export default {
export default {
name: "ColorfulIcon",
data() {
return {
......@@ -111,11 +111,11 @@ export default {
clip(copyText, event);
},
},
};
};
</script>
<style lang="scss" scoped>
.colorful-icon-container {
.colorful-icon-container {
::v-deep {
.el-card__body {
position: relative;
......@@ -151,5 +151,5 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
</style>
src/views/vab/icon/index.vue
......@@ -10,8 +10,8 @@
<el-input v-model="queryForm.title"></el-input>
</el-form-item>
<el-form-item label-width="0">
<el-button native-type="submit" type="primary" @click="queryData"
>搜索
<el-button native-type="submit" type="primary" @click="queryData">
搜索
</el-button>
</el-form-item>
</el-form>
......@@ -52,10 +52,10 @@
</template>
<script>
import clip from "@/utils/clipboard";
import { getIconList } from "@/api/icon";
import clip from "@/utils/clipboard";
import { getIconList } from "@/api/icon";
export default {
export default {
name: "AwesomeIcon",
data() {
return {
......@@ -102,11 +102,11 @@ export default {
clip(copyText, event);
},
},
};
};
</script>
<style lang="scss" scoped>
.icon-container {
.icon-container {
::v-deep {
.el-card__body {
position: relative;
......@@ -137,5 +137,5 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
</style>
src/views/vab/icon/remixIcon.vue
......@@ -2,8 +2,8 @@
<div class="colorful-icon-container">
<el-row :gutter="20">
<el-col :span="24">
<el-divider content-position="left"
>小清新图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码，点击图标即可复制源码
<el-divider content-position="left">
小清新图标在演示环境中使用的是cdn加速服务，开发时需存储到本地，使用方法可查看群文档，点击图标即可复制源码，点击图标即可复制源码
</el-divider>
</el-col>
<el-col :span="24">
......@@ -12,8 +12,8 @@
<el-input v-model="queryForm.title"></el-input>
</el-form-item>
<el-form-item label-width="0">
<el-button native-type="submit" type="primary" @click="queryData"
>搜索
<el-button native-type="submit" type="primary" @click="queryData">
搜索
</el-button>
</el-form-item>
......@@ -62,10 +62,10 @@
</template>
<script>
import { getIconList } from "@/api/remixIcon";
import clip from "@/utils/clipboard";
import { getIconList } from "@/api/remixIcon";
import clip from "@/utils/clipboard";
export default {
export default {
name: "RemixIcon",
data() {
return {
......@@ -113,11 +113,11 @@ export default {
clip(copyText, event);
},
},
};
};
</script>
<style lang="scss" scoped>
.colorful-icon-container {
.colorful-icon-container {
::v-deep {
.el-card__body {
position: relative;
......@@ -149,5 +149,5 @@ export default {
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
</style>
src/views/vab/imgComparison/index.vue
......@@ -25,10 +25,10 @@
</template>
<script>
import VabComparison from "@/plugins/vabComparison";
import { random } from "@/utils";
import VabComparison from "@/plugins/vabComparison";
import { random } from "@/utils";
export default {
export default {
name: "ImgComparison",
components: { VabComparison },
data() {
......@@ -49,5 +49,5 @@ export default {
return random(m, n).toString();
},
},
};
};
</script>
src/views/vab/loading/index.vue
......@@ -11,28 +11,30 @@
<el-button type="primary" @click="handleLoading(7)">效果7</el-button>
<el-button type="primary" @click="handleLoading(8)">效果8</el-button>
<el-button type="primary" @click="handleLoading(9)">效果9</el-button>
<el-button type="primary" @click="test()"
>全局默认骨架屏(仿支付宝)
<el-button type="primary" @click="test()">
全局默认骨架屏(仿支付宝)
</el-button>
<br /><br /><br />
<br />
<br />
<br />
<el-divider content-position="left">多彩loading</el-divider>
<el-button type="primary" @click="handleColorfullLoading(1)"
>效果1
<el-button type="primary" @click="handleColorfullLoading(1)">
效果1
</el-button>
<el-button type="primary" @click="handleColorfullLoading(2)"
>效果2
<el-button type="primary" @click="handleColorfullLoading(2)">
效果2
</el-button>
<el-button type="primary" @click="handleColorfullLoading(3)"
>效果3
<el-button type="primary" @click="handleColorfullLoading(3)">
效果3
</el-button>
<el-button type="primary" @click="handleColorfullLoading(4)"
>效果4
<el-button type="primary" @click="handleColorfullLoading(4)">
效果4
</el-button>
</div>
</template>
<script>
export default {
export default {
name: "Loading",
data() {
return {};
......@@ -48,11 +50,11 @@ export default {
location.reload();
},
},
};
};
</script>
<style lang="scss" scoped>
.loading-container {
.loading-container {
::v-deep {
.el-button {
margin-top: 10px;
......@@ -65,5 +67,5 @@ export default {
margin-left: 0;
}
}
}
}
</style>
src/views/vab/lodash/index.vue
......@@ -7,7 +7,8 @@
type="primary"
href="https://www.lodashjs.com/"
target="_blank"
>lodashjs官网
>
lodashjs官网
</el-link>
</el-card>
</el-col>
......@@ -187,7 +188,7 @@
</template>
<script>
export default {
export default {
name: "Lodash",
data() {
return {};
......@@ -195,10 +196,10 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.lodash-container {
.lodash-container {
text-align: left;
::v-deep {
......@@ -206,5 +207,5 @@ export default {
min-height: 150px;
}
}
}
}
</style>
src/views/vab/magnifier/index.vue
......@@ -24,12 +24,12 @@
</template>
<script>
import VabMagnifier from "@/plugins/vabMagnifier.js";
import VabMagnifier from "@/plugins/vabMagnifier.js";
export default {
export default {
name: "Magnifier",
components: {
VabMagnifier,
},
};
};
</script>
src/views/vab/map/amap.vue
......@@ -7,7 +7,7 @@
</template>
<script>
export default {
export default {
name: "Amap",
data() {
return {};
......@@ -15,13 +15,13 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.amap-container {
.amap-container {
.container {
width: 100%;
height: calc(100vh - 214px);
}
}
}
</style>
src/views/vab/map/index.vue
......@@ -5,9 +5,9 @@
</template>
<script>
import axios from "axios";
import * as mapv from "mapv";
export default {
import axios from "axios";
import * as mapv from "mapv";
export default {
name: "Map",
components: {},
data() {
......@@ -103,13 +103,13 @@ export default {
});
},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.map-container {
.map-container {
.container {
width: 100%;
height: calc(100vh - 214px);
}
}
}
</style>
src/views/vab/markdown/index.vue
......@@ -6,18 +6,17 @@
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
></el-option>
</el-select>
<div v-html="prettierList"></div>
</div>
</template>
<script>
import marked from "marked";
import "github-markdown-css/github-markdown.css";
import { getList } from "@/api/markdown";
export default {
import marked from "marked";
import "github-markdown-css/github-markdown.css";
import { getList } from "@/api/markdown";
export default {
name: "Markdown",
data() {
return {
......@@ -65,5 +64,5 @@ export default {
}, 500);
},
},
};
};
</script>
src/views/vab/markdownEditor/index.vue
......@@ -23,9 +23,9 @@
</template>
<script>
import VabMarkdownEditor from "@/plugins/vabMarkdownEditor";
import VabMarkdownEditor from "@/plugins/vabMarkdownEditor";
export default {
export default {
name: "MarkdownEditor",
components: { VabMarkdownEditor },
data() {
......@@ -47,5 +47,5 @@ export default {
this.html = html;
},
},
};
};
</script>
src/views/vab/more/index.vue
......@@ -8,8 +8,8 @@
<el-card>
<div slot="header">
开源版本
<el-button style="float: right; padding: 3px 0;" type="text"
>永久免费 个人/商业使用
<el-button style="float: right; padding: 3px 0;" type="text">
永久免费 个人/商业使用
</el-button>
</div>
<div>
......@@ -21,8 +21,9 @@
<a
target="_blank"
href="https://github.com/chuzhixin/vue-admin-beautiful"
>支持白嫖，也请给个star</a
>
支持白嫖，也请给个star
</a>
</li>
<li>
提供讨论群专属文档，QQ群 972435319
......@@ -36,9 +37,9 @@
<el-card>
<div slot="header">
VIP群
<el-button style="float: right; padding: 3px 0;" type="text"
>￥100</el-button
>
<el-button style="float: right; padding: 3px 0;" type="text">
￥100
</el-button>
</div>
<div>
<ul>
......@@ -56,9 +57,9 @@
<el-card>
<div slot="header">
商业用途 完全自定义版权
<el-button style="float: right; padding: 3px 0;" type="text"
>￥299</el-button
>
<el-button style="float: right; padding: 3px 0;" type="text">
￥299
</el-button>
</div>
<div>
<ul>
......@@ -78,7 +79,7 @@
</template>
<script>
export default {
export default {
name: "More",
components: {},
data() {
......@@ -87,10 +88,10 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.more-container {
.more-container {
::v-deep {
.el-card__body {
> div {
......@@ -111,5 +112,5 @@ export default {
}
}
}
}
}
</style>
src/views/vab/nested/menu1/menu1-1/index.vue
<template>
<div class="menu1-1-container">
<el-alert :closable="false" title="嵌套路由 1-1" type="success">
<router-view
/></el-alert>
<router-view />
</el-alert>
</div>
</template>
<style lang="scss" scoped>
[class*="-container"] {
[class*="-container"] {
padding: 15px;
background: $base-color-white;
}
}
</style>
src/views/vab/nested/menu1/menu1-1/menu1-1-1/index.vue
......@@ -8,8 +8,8 @@
</div>
</template>
<style lang="scss" scoped>
[class*="-container"] {
[class*="-container"] {
padding: 15px;
background: $base-color-white;
}
}
</style>
src/views/vab/permissions/index.vue
......@@ -14,8 +14,8 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleChangePermission"
>切换权限
<el-button type="primary" @click="handleChangePermission">
切换权限
</el-button>
</el-form-item>
<el-form-item label="当前账号拥有的权限">
......@@ -119,12 +119,12 @@
</template>
<script>
import { mapGetters } from "vuex";
import { tokenTableName } from "@/config/settings";
import { getRouterList } from "@/api/router";
import JsonEditor from "@/components/JsonEditor";
import { mapGetters } from "vuex";
import { tokenTableName } from "@/config/settings";
import { getRouterList } from "@/api/router";
import JsonEditor from "@/components/JsonEditor";
export default {
export default {
name: "Permissions",
components: {
JsonEditor,
......@@ -152,7 +152,10 @@ export default {
},
methods: {
handleChangePermission() {
localStorage.setItem(tokenTableName, `${this.form.account}-accessToken`);
localStorage.setItem(
tokenTableName,
`${this.form.account}-accessToken`
);
location.reload();
},
async fetchData() {
......@@ -161,5 +164,5 @@ export default {
this.res = res;
},
},
};
};
</script>
src/views/vab/player/index.vue
<template>
<div class="player-container">
<el-divider content-position="left"
>视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
<el-divider content-position="left">
视频地址采用cdn加速服务，开发时需部署到到本地，使用方法可查看群文档
</el-divider>
<el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
......@@ -33,9 +33,9 @@
</template>
<script>
import { VabPlayerMp4, VabPlayerHls } from "@/plugins/vabPlayer.js";
import { VabPlayerMp4, VabPlayerHls } from "@/plugins/vabPlayer.js";
export default {
export default {
name: "Player",
components: {
VabPlayerMp4,
......@@ -69,5 +69,5 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
src/views/vab/qrCode/index.vue
......@@ -14,9 +14,9 @@
</template>
<script>
import VabQrCode from "@/components/VabQrCode";
import VabQrCode from "@/components/VabQrCode";
export default {
export default {
name: "QrCode",
components: {
VabQrCode,
......@@ -30,11 +30,11 @@ export default {
created() {},
mounted() {},
methods: {},
};
};
</script>
<style lang="scss" scoped>
.qr-code-container {
.qr-code-container {
::v-deep {
.el-card__body {
display: flex;
......@@ -42,5 +42,5 @@ export default {
justify-content: center;
}
}
}
}
</style>
src/views/vab/smallComponents/index.vue
......@@ -20,7 +20,8 @@
style="float: right; padding: 3px 0;"
type="text"
@click="handleProfile"
>重载
>
重载
</el-button>
</div>
<vab-profile
......@@ -43,11 +44,11 @@
</template>
<script>
import VabSnow from "@/components/VabSnow";
import VabProfile from "@/components/VabProfile";
import VabCharge from "@/components/VabCharge";
import VabSnow from "@/components/VabSnow";
import VabProfile from "@/components/VabProfile";
import VabCharge from "@/components/VabCharge";
export default {
export default {
name: "Sticky",
components: {
VabSnow,
......@@ -93,10 +94,10 @@ export default {
});
},
},
};
};
</script>
<style lang="scss" scoped>
.small-components-container {
.small-components-container {
::v-deep {
.el-card__body {
display: flex;
......@@ -105,5 +106,5 @@ export default {
height: 430px;
}
}
}
}
</style>
src/views/vab/sticky/index.vue
......@@ -280,9 +280,9 @@
</template>
<script>
import VabSticky from "@/components/VabSticky";
import VabSticky from "@/components/VabSticky";
export default {
export default {
name: "Sticky",
components: { VabSticky },
data() {
......@@ -302,13 +302,13 @@ export default {
},
};
},
};
};
</script>
<style lang="scss" scoped>
.sticky-container {
.sticky-container {
div {
height: 40px;
line-height: 40px;
}
}
}
</style>
src/views/vab/table/components/TableEdit.vue
......@@ -21,9 +21,9 @@
</template>
<script>
import { doEdit } from "@/api/table";
import { doEdit } from "@/api/table";
export default {
export default {
name: "TableEdit",
data() {
return {
......@@ -71,5 +71,5 @@ export default {
});
},
},
};
};
</script>
src/views/vab/table/index.vue
......@@ -2,11 +2,11 @@
<div class="table-container">
<vab-query-form>
<vab-query-form-left-panel>
<el-button icon="el-icon-plus" type="primary" @click="handleAdd"
>添加
<el-button icon="el-icon-plus" type="primary" @click="handleAdd">
添加
</el-button>
<el-button icon="el-icon-delete" type="danger" @click="handleDelete"
>删除
<el-button icon="el-icon-delete" type="danger" @click="handleDelete">
删除
</el-button>
<el-button type="primary" @click="testMessage">baseMessage</el-button>
<el-button type="primary" @click="testALert">baseAlert</el-button>
......@@ -29,7 +29,8 @@
type="primary"
native-type="submit"
@click="handleQuery"
>查询
>
查询
</el-button>
</el-form-item>
</el-form>
......@@ -87,8 +88,8 @@
effect="dark"
placement="top-start"
>
<el-tag :type="scope.row.status | statusFilter"
>{{ scope.row.status }}
<el-tag :type="scope.row.status | statusFilter">
{{ scope.row.status }}
</el-tag>
</el-tooltip>
</template>
......@@ -106,11 +107,9 @@
fixed="right"
>
<template slot-scope="scope">
<el-button type="text" @click="handleEdit(scope.row)"
>编辑
</el-button>
<el-button type="text" @click="handleDelete(scope.row)"
>删除
<el-button type="text" @click="handleEdit(scope.row)">编辑</el-button>
<el-button type="text" @click="handleDelete(scope.row)">
删除
</el-button>
</template>
</el-table-column>
......@@ -129,9 +128,9 @@
</template>
<script>
import { getList, doDelete } from "@/api/table";
import TableEdit from "./components/TableEdit";
export default {
import { getList, doDelete } from "@/api/table";
import TableEdit from "./components/TableEdit";
export default {
name: "ComprehensiveTable",
components: {
TableEdit,
......@@ -261,5 +260,5 @@ export default {
this.$baseNotify("测试消息提示", "test", "success", "bottom-right");
},
},
};
};
</script>
src/views/vab/table/inlineEditTable.vue
......@@ -66,9 +66,9 @@
</template>
<script>
import { getList } from "@/api/table";
import { getList } from "@/api/table";
export default {
export default {
name: "InlineEditTable",
data() {
return {
......@@ -105,5 +105,5 @@ export default {
row.originalTitle = row.title;
},
},
};
};
</script>
src/views/vab/tree/index.vue
......@@ -32,21 +32,24 @@
class="vab-tree-btn"
title="添加"
@click="() => append(node, data, 0)"
><i class="el-icon-plus"></i
></a>
>
<i class="el-icon-plus"></i>
</a>
<a
class="vab-tree-btn"
title="编辑"
@click="() => edit(node, data, 1)"
><i class="el-icon-edit"></i
></a>
>
<i class="el-icon-edit"></i>
</a>
<a
v-if="node.data.rank !== 1"
class="vab-tree-btn"
title="刪除"
@click="() => remove(node, data)"
><i class="el-icon-delete"></i
></a>
>
<i class="el-icon-delete"></i>
</a>
</span>
</span>
</el-tree>
......@@ -85,9 +88,9 @@
>
<i class="el-icon-plus"></i>
</a>
<a class="vab-tree-btn" title="编辑"
><i class="el-icon-edit"></i
></a>
<a class="vab-tree-btn" title="编辑">
<i class="el-icon-edit"></i>
</a>
<a
v-if="node.data.rank !== 1"
class="vab-tree-btn"
......@@ -119,12 +122,16 @@
</span>
<span class="vab-tree-options">
<!-- <a v-if="node.data.rank !== 4" class="vab-tree-btn" title="添加""><i class="el-icon-plus"></i></a> -->
<a class="vab-tree-btn" title="编辑"
><i class="el-icon-edit"></i
></a>
<a v-if="node.data.rank !== 1" class="vab-tree-btn" title="刪除"
><i class="el-icon-delete"></i
></a>
<a class="vab-tree-btn" title="编辑">
<i class="el-icon-edit"></i>
</a>
<a
v-if="node.data.rank !== 1"
class="vab-tree-btn"
title="刪除"
>
<i class="el-icon-delete"></i>
</a>
</span>
</span>
</el-tree>
......@@ -214,9 +221,9 @@
</template>
<script>
import { getTreeList } from "@/api/tree";
import { getTreeList } from "@/api/tree";
export default {
export default {
name: "Tree",
data() {
return {
......@@ -467,5 +474,5 @@ export default {
},
/* 单选/多选树方法-------------------结束 */
},
};
};
</script>
src/views/vab/upload/index.vue
<template>
<div class="upload-container">
<el-divider content-position="left">演示环境可能无法模拟上传 </el-divider>
<el-divider content-position="left">演示环境可能无法模拟上传</el-divider>
<vab-upload
ref="vabUpload"
url="/upload"
......@@ -8,16 +8,16 @@
:limit="50"
:size="2"
></vab-upload>
<el-button type="primary" @click="handleShow({ key: 'value' })"
>模拟上传
<el-button type="primary" @click="handleShow({ key: 'value' })">
模拟上传
</el-button>
</div>
</template>
<script>
import VabUpload from "@/components/VabUpload";
import VabUpload from "@/components/VabUpload";
export default {
export default {
name: "Upload",
components: {
VabUpload,
......@@ -30,5 +30,5 @@ export default {
this.$refs["vabUpload"].handleShow(data);
},
},
};
};
</script>
src/views/vab/verify/index.vue
......@@ -12,8 +12,8 @@
</template>
<script>
import VabVerify from "@/plugins/vabVerify";
export default {
import VabVerify from "@/plugins/vabVerify";
export default {
name: "Verify",
components: { VabVerify },
data() {
......@@ -31,5 +31,5 @@ export default {
this.$baseMessage("校验失败", "error");
},
},
};
};
</script>
src/views/vab/webSocket/index.vue
......@@ -14,7 +14,7 @@
<el-input v-model="form.message"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submit">发送消息 </el-button>
<el-button type="primary" @click="submit">发送消息</el-button>
</el-form-item>
<el-form-item label="返回信息汇总">
{{ data }}
......@@ -26,7 +26,7 @@
</template>
<script>
export default {
export default {
name: "WebSocket",
components: {},
data() {
......@@ -83,5 +83,5 @@ export default {
this.status = "断开";
},
},
};
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment