msb-mca
/
shop-admin
mirror of http://internel-git.mashibing.cn/yanxuan-frontend/shop-admin.git
2.1k
3
Code Issues Projects Releases Wiki Activity

feat:eslint + prettier

Browse Source
environments/test/deployments/1
saatana 4 years ago
parent 47e13a9dfb
commit 9eee03bf55
26 changed files with 230 additions and 126 deletions
Show Stats Download Patch File Download Diff File

1
.eslintcache
View File

File diff suppressed because one or more lines are too long

100
.eslintrc.js
Unescape View File

@ -5,7 +5,7 @@ module.exports = {
node: true, node: true,
browser: true, browser: true,
}, },
extends: ['eslint:recommended'], extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'plugin:prettier/recommended', '@vue/prettier'],
parser: 'vue-eslint-parser', parser: 'vue-eslint-parser',
parserOptions: { parserOptions: {
ecmaVersion: 'latest', ecmaVersion: 'latest',
@ -16,10 +16,106 @@ module.exports = {
}, },
}, },
rules: { rules: {
'no-undef': 'error',
'no-alert': 'warn', 'no-alert': 'warn',
'no-debugger': 'warn', 'no-debugger': 'warn',
'no-undef': 'error',
'no-else-return': 'error', 'no-else-return': 'error',
'no-console': 'off',
'vue/no-v-html': 'off',
'vue/html-self-closing': [
'error',
{
html: {
void: 'any',
normal: 'any',
component: 'always',
},
svg: 'always',
math: 'always',
},
],
'vue/multi-word-component-names': 'off',
'vue/order-in-components': [
'warn',
{
order: [
'el',
'name',
'key',
'parent',
'functional',
['delimiters', 'comments'],
['components', 'directives', 'filters'],
'extends',
'mixins',
['provide', 'inject'],
'ROUTER_GUARDS',
'layout',
'middleware',
'validate',
'scrollToTop',
'transition',
'loading',
'inheritAttrs',
'model',
['props', 'propsData'],
'emits',
'setup',
'fetch',
'asyncData',
'data',
'head',
'computed',
'watch',
'watchQuery',
'LIFECYCLE_HOOKS',
'methods',
['template', 'render'],
'renderError',
],
},
],
'vue/attributes-order': [
'warn',
{
order: [
'DEFINITION',
'LIST_RENDERING',
'CONDITIONALS',
'RENDER_MODIFIERS',
'GLOBAL',
'UNIQUE',
'TWO_WAY_BINDING',
'OTHER_DIRECTIVES',
'OTHER_ATTR',
'EVENTS',
'CONTENT',
],
alphabetical: true, //字母顺序
},
],
// 'prettier/prettier': [
// 'error',
// {
// printWidth: 120,
// tabWidth: 4,
// useTabs: false,
// semi: true,
// singleQuote: true,
// quoteProps: 'as-needed',
// jsxSingleQuote: false,
// trailingComma: 'es5',
// bracketSpacing: true,
// bracketSameLine: false,
// arrowParens: 'always',
// htmlWhitespaceSensitivity: 'ignore',
// vueIndentScriptAndStyle: true,
// endOfLine: 'auto',
// },
// {
// usePrettierrc: true,
// },
// ],
indent: [0, 4], indent: [0, 4],
eqeqeq: [2, 'always'], eqeqeq: [2, 'always'],
semi: [2, 'always'], semi: [2, 'always'],

9
package.json
Unescape View File

@ -11,7 +11,8 @@
"build:test": "vite build --mode test", "build:test": "vite build --mode test",
"build:preview": "vite build --mode preview", "build:preview": "vite build --mode preview",
"build:prod": "vite build --mode prod", "build:prod": "vite build --mode prod",
"preview": "vite preview" "preview": "vite preview",
"lint": "eslint src/**/*.{vue,js,jsx} --fix"
}, },
"dependencies": { "dependencies": {
"@element-plus/icons": "^0.0.11", "@element-plus/icons": "^0.0.11",
@ -28,13 +29,19 @@
"vuex": "^4.0.2" "vuex": "^4.0.2"
}, },
"devDependencies": { "devDependencies": {
"@nabla/vite-plugin-eslint": "^1.4.0",
"@originjs/vite-plugin-global-style": "^1.0.2", "@originjs/vite-plugin-global-style": "^1.0.2",
"@types/node": "^17.0.21", "@types/node": "^17.0.21",
"@vitejs/plugin-legacy": "^1.7.1", "@vitejs/plugin-legacy": "^1.7.1",
"@vitejs/plugin-vue": "^2.2.0", "@vitejs/plugin-vue": "^2.2.0",
"@vitejs/plugin-vue-jsx": "^1.3.8", "@vitejs/plugin-vue-jsx": "^1.3.8",
"consola": "^2.15.3", "consola": "^2.15.3",
"eslint": "^8.11.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-prettier": "^4.0.0",
"eslint-plugin-vue": "^8.5.0",
"less": "^4.1.2", "less": "^4.1.2",
"prettier": "^2.6.0",
"unplugin-auto-import": "^0.6.4", "unplugin-auto-import": "^0.6.4",
"unplugin-vue-components": "^0.18.0", "unplugin-vue-components": "^0.18.0",
"vite": "^2.8.0", "vite": "^2.8.0",

5
src/App.vue
Unescape View File

@ -1,10 +1,10 @@
<template> <template>
<el-config-provider <el-config-provider
:button="config.button"
:locale="config.locale" :locale="config.locale"
:message="config.message"
:size="config.size" :size="config.size"
:z-index="config.zIndex" :z-index="config.zIndex"
:button="config.button"
:message="config.message"
> >
<router-view /> <router-view />
</el-config-provider> </el-config-provider>
@ -12,7 +12,6 @@
<script setup> <script setup>
import zh from 'element-plus/lib/locale/lang/zh-cn'; import zh from 'element-plus/lib/locale/lang/zh-cn';
const route = useRoute();
const config = reactive({ const config = reactive({
locale: zh, locale: zh,
size: 'default', size: 'default',

1
src/api/system/user.js
Unescape View File

@ -34,6 +34,7 @@ let list = [
}, },
]; ];
export const findUserList = (data) => { export const findUserList = (data) => {
console.info(data);
return mock({ content: list, totalElements: list.length }); return mock({ content: list, totalElements: list.length });
}; };
export const createUser = (data) => { export const createUser = (data) => {

16
src/components/ElEditor.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<component :is="render"></component> <component :is="render" />
</template> </template>
<script lang="jsx"> <script lang="jsx">
export default defineComponent({ export default defineComponent({
@ -47,17 +47,17 @@
['clean'], ['clean'],
], ],
imageUploader: { imageUploader: {
upload: (file) => { upload: async (file) => {
return new Promise(async (resolve, reject) => { let res = null;
const formdata = new FormData(); const formdata = new FormData();
formdata.append('file', file); formdata.append('file', file);
const url = await upload(formdata); const url = await upload(formdata);
if (url) { if (url) {
resolve(url); res = url;
} else { } else {
reject('上传失败'); throw new Error('上传失败');
} }
}); return res;
}, },
}, },
}, },
@ -74,10 +74,10 @@
}, },
{ deep: true } { deep: true }
); );
const handleReady = (e) => { const handleReady = () => {
unref(editor).setHTML(attrs.modelValue || ''); unref(editor).setHTML(attrs.modelValue || '');
}; };
const handleUpdateContent = (value) => { const handleUpdateContent = () => {
content.value = unref(editor).getHTML(); content.value = unref(editor).getHTML();
}; };

4
src/components/extra/ElIcon.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<template v-if="name"> <template v-if="name">
<svg v-if="svg" class="x-icon" aria-hidden="true"> <svg v-if="svg" aria-hidden="true" class="x-icon">
<use :href="symbolId" :fill="color" /> <use :fill="color" :href="symbolId" />
</svg> </svg>
<i v-else-if="isRemix" class="x-icon" :class="'x-icon-' + name" v-bind="{ ...$props, ...$attrs }"></i> <i v-else-if="isRemix" class="x-icon" :class="'x-icon-' + name" v-bind="{ ...$props, ...$attrs }"></i>
<ElIcon v-else class="x-icon"> <ElIcon v-else class="x-icon">

7
src/components/extra/ElImage.vue
Unescape View File

@ -61,12 +61,13 @@
), ),
...slots, ...slots,
}; };
if (props.previewSrcList?.length === 0) { let previewSrcList = [...props.previewSrcList];
props.previewSrcList.push(props.src); if (previewSrcList?.length === 0) {
previewSrcList.push(props.src);
} }
const width = computed(() => props.width); const width = computed(() => props.width);
const height = computed(() => props.height); const height = computed(() => props.height);
const render = () => <ElImage {...props} {...attrs} v-slots={imageSlots} />; const render = () => <ElImage {...{ ...props, previewSrcList }} {...attrs} v-slots={imageSlots} />;
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

4
src/components/extra/ElInput.vue
Unescape View File

@ -27,10 +27,6 @@
return props.type === 'password'; return props.type === 'password';
}, },
}, },
showWordLimit: {
type: Boolean,
default: true,
},
rows: { rows: {
type: Number, type: Number,
default: 3, default: 3,

7
src/components/extra/ElUploadImage.vue
Unescape View File

@ -53,7 +53,8 @@
}); });
const attrs = useAttrs(); const attrs = useAttrs();
const emits = defineEmits(['update:modelValue']); const emits = defineEmits(['update:modelValue']);
props.headers['Authorization'] = 'Bearer ' + store.state.local.token; let headers = { ...props.headers };
headers['Authorization'] = 'Bearer ' + store.state.local.token;
let imgList = ref([]); let imgList = ref([]);
const refsUpload = ref(null); const refsUpload = ref(null);
watch( watch(
@ -136,10 +137,10 @@
)} )}
</div> </div>
))} ))}
{props.limit != unref(imgList).length ? ( {props.limit !== unref(imgList).length ? (
<ElUpload <ElUpload
ref={refsUpload} ref={refsUpload}
{...props} {...{ ...props, headers }}
{...attrs} {...attrs}
before-upload={handleBeforeUpload} before-upload={handleBeforeUpload}
on-exceed={handleExceed} on-exceed={handleExceed}

4
src/layouts/components/footer.vue
Unescape View File

@ -2,9 +2,7 @@
<div class="layout-footer">© 2020 马士兵（北京）教育科技有限公司</div> <div class="layout-footer">© 2020 马士兵（北京）教育科技有限公司</div>
</template> </template>
<script setup> <script setup></script>
import Breakcrumb from './breakcrumb.vue';
</script>
<style lang="less" scoped> <style lang="less" scoped>
.layout-footer { .layout-footer {

2
src/layouts/components/logo.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="layout-logo"> <div class="layout-logo">
<el-icon name="logo" svg :size="size" color="#fff" /> <el-icon color="#fff" name="logo" :size="size" svg />
</div> </div>
</template> </template>

2
src/layouts/components/main.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<el-scrollbar class="layout-main" ref="refsScrollbar" max-height="100%"> <el-scrollbar ref="refsScrollbar" class="layout-main" max-height="100%">
<RouterView /> <RouterView />
</el-scrollbar> </el-scrollbar>
</template> </template>

2
src/layouts/components/menu.vue
Unescape View File

@ -2,7 +2,7 @@
<div class="layout-menu" :class="{ collapse: collapseMenu }"> <div class="layout-menu" :class="{ collapse: collapseMenu }">
<LayoutTitle /> <LayoutTitle />
<el-scrollbar> <el-scrollbar>
<el-menu unique-opened :default-active="activeMenu" @select="handleSelect"> <el-menu :default-active="activeMenu" unique-opened @select="handleSelect">
<MenuItem v-for="(item, index) in menuList" :key="index" :menu-item="item" /> <MenuItem v-for="(item, index) in menuList" :key="index" :menu-item="item" />
</el-menu> </el-menu>
</el-scrollbar> </el-scrollbar>

4
src/layouts/components/profile.vue
Unescape View File

@ -13,9 +13,7 @@
const opts = reactive([ const opts = reactive([
{ {
label: '个人中心', label: '个人中心',
onClick() { onClick() {},
alert('个人中心');
},
}, },
{ {
label: '退出登录', label: '退出登录',

4
src/layouts/components/tabs.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="layout-tabs"> <div class="layout-tabs">
<el-tabs :modelValue="activeTab" type="card" class="demo-tabs" @tab-click="handleClick"> <el-tabs class="demo-tabs" :model-value="activeTab" type="card" @tab-click="handleClick">
<el-tab-pane v-for="(item, index) in tabList" :key="index" :name="item.name"> <el-tab-pane v-for="(item, index) in tabList" :key="index" :name="item.name">
<template #label> <template #label>
<el-icon class="tab-icon" :name="item.meta.icon" /> <el-icon class="tab-icon" :name="item.meta.icon" />
@ -15,7 +15,7 @@
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div class="operation"> <div class="operation">
<el-dropdown trigger="hover" :opts="opts" icon="apps-fill"> <el-dropdown icon="apps-fill" :opts="opts" trigger="hover">
<span></span> <span></span>
</el-dropdown> </el-dropdown>
</div> </div>

1
src/layouts/components/title.vue
Unescape View File

@ -7,7 +7,6 @@
<script setup> <script setup>
import config from '@/configs'; import config from '@/configs';
const store = useStore(); const store = useStore();
const activeAsideName = computed(() => store.getters['layout/activeAsideName']);
const collapseMenu = computed(() => store.getters['layout/collapseMenu']); const collapseMenu = computed(() => store.getters['layout/collapseMenu']);
</script> </script>

2
src/store/modules/system/user.js
Unescape View File

@ -36,7 +36,7 @@ const actions = {
], ],
}); });
}, },
detail: async ({ state }, id) => { detail: async (context, id) => {
let res = await api.getUserDetail(id); let res = await api.getUserDetail(id);
if (!res) { if (!res) {
ElMessage.error('加载详情失败'); ElMessage.error('加载详情失败');

2
src/utils/debug.js
Unescape View File

@ -6,7 +6,7 @@ const during = (func, name = 'func') => {
} catch (e) { } catch (e) {
error = e; error = e;
} }
const msg = `[debug] exec ${name} during ${Date.now() - time}ms`; let msg = `[debug] exec ${name} during ${Date.now() - time}ms`;
if (error) { if (error) {
msg += ' with error'; msg += ' with error';
} }

5
src/utils/request.js
Unescape View File

@ -62,12 +62,13 @@ instance.interceptors.request.use(
instance.interceptors.response.use( instance.interceptors.response.use(
(response) => handleResponse(response), (response) => handleResponse(response),
(error) => { (error) => {
let res = null;
if (!error.response) { if (!error.response) {
ElMessage.error('服务器无响应'); ElMessage.error('服务器无响应');
return null;
} else { } else {
return handleResponse(error.response); res = handleResponse(error.response);
} }
return res;
} }
); );

21
src/views/demo/sortableTableDemo.vue
Unescape View File

@ -13,12 +13,12 @@
<p>{{ list.find((item) => item.id === '1').childList.map((item) => item.id) }}</p> <p>{{ list.find((item) => item.id === '1').childList.map((item) => item.id) }}</p>
<ElTable <ElTable
v-loading="listLoading" v-loading="listLoading"
sortable
border border
code="parent" code="parent"
:data="list" :data="list"
group="test" group="test"
:row-class-name="handleRowClassName" :row-class-name="handleRowClassName"
sortable
@row-add="handleRowAdd" @row-add="handleRowAdd"
@row-clone="handleRowClone" @row-clone="handleRowClone"
@row-remove="handleRowRemove" @row-remove="handleRowRemove"
@ -28,12 +28,12 @@
<template #default="{ row }"> <template #default="{ row }">
<ElTable <ElTable
v-loading="listLoading" v-loading="listLoading"
sortable
border border
code="child" code="child"
:data="row.childList || []" :data="row.childList || []"
:group="{ name: 'test', pull: 'clone' }" :group="{ name: 'test', pull: 'clone' }"
:row-class-name="handleRowClassName" :row-class-name="handleRowClassName"
sortable
@row-add="handleChildrenRowAdd" @row-add="handleChildrenRowAdd"
@row-clone="handleChildrenRowClone" @row-clone="handleChildrenRowClone"
@row-remove="handleChildrenRowRemove" @row-remove="handleChildrenRowRemove"
@ -67,7 +67,6 @@
</template> </template>
<script> <script>
import { ElMessage } from '@/plugins/element-plus';
export default defineComponent({ export default defineComponent({
name: 'SortableTableDemo', name: 'SortableTableDemo',
setup() { setup() {
@ -160,7 +159,7 @@
// 排序改变回调 新下标，旧下标，sortablejs事件对象 // 排序改变回调 新下标，旧下标，sortablejs事件对象
const handleRowSort = (newIndex, oldIndex, e) => { const handleRowSort = (newIndex, oldIndex, e) => {
console.info('sort', e); console.info('sort', e);
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
// 从别的列表拖过来的 // 从别的列表拖过来的
const handleRowAdd = (newIndex, oldIndex, tableCode, done, e) => { const handleRowAdd = (newIndex, oldIndex, tableCode, done, e) => {
@ -168,38 +167,38 @@
if (tableCode === 'child') { if (tableCode === 'child') {
done(queryState.list.find((item) => item.id === '1').childList[oldIndex]); done(queryState.list.find((item) => item.id === '1').childList[oldIndex]);
} }
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
// 拖到别的列表去了 // 拖到别的列表去了
const handleRowRemove = (newIndex, oldIndex, e) => { const handleRowRemove = (newIndex, oldIndex, e) => {
console.info('remove', e); console.info('remove', e);
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
// 复制一份拖到别的列表去了 // 复制一份拖到别的列表去了
const handleRowClone = (newIndex, oldIndex, e) => { const handleRowClone = (newIndex, oldIndex, e) => {
console.info('clone', e); console.info('clone', e);
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
/* 子表格操作 */ /* 子表格操作 */
const handleChildrenRowSort = (newIndex, oldIndex, e) => { const handleChildrenRowSort = (newIndex, oldIndex, e) => {
console.info('child sort', e); console.info('child sort', e);
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
const handleChildrenRowAdd = (newIndex, oldIndex, tableCode, done, e) => { const handleChildrenRowAdd = (newIndex, oldIndex, tableCode, done, e) => {
console.info('child add', e); console.info('child add', e);
if (tableCode === 'parent') { if (tableCode === 'parent') {
done(queryState.list[oldIndex]); done(queryState.list[oldIndex]);
} }
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
const handleChildrenRowRemove = (newIndex, oldIndex, e) => { const handleChildrenRowRemove = (newIndex, oldIndex, e) => {
console.info('child remove', e); console.info('child remove', e);
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
const handleChildrenRowClone = (newIndex, oldIndex, e) => { const handleChildrenRowClone = (newIndex, oldIndex, e) => {
console.info('child clone', e); console.info('child clone', e);
ElMessage.success(`排序从 ${oldIndex} 变成了 ${newIndex} `); proxy.$message.success(`排序从 ${oldIndex} 变成了 ${newIndex} `);
}; };
return { return {

14
src/views/global/login.vue
Unescape View File

@ -2,7 +2,7 @@
<div class="mask"> <div class="mask">
<div class="box"> <div class="box">
<div class="logo"> <div class="logo">
<el-icon name="logo" svg color="#69ADE5" size="50"></el-icon> <el-icon color="#69ADE5" name="logo" size="50" svg />
</div> </div>
<div class="title">{{ config.projectName }}</div> <div class="title">{{ config.projectName }}</div>
<div class="sub">登录您的管理账号</div> <div class="sub">登录您的管理账号</div>
@ -10,14 +10,14 @@
<el-form-item prop="phone"> <el-form-item prop="phone">
<el-input v-model="form.phone" class="ghost" placeholder="请输入手机号码"> <el-input v-model="form.phone" class="ghost" placeholder="请输入手机号码">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon" name="User"></el-icon> <el-icon class="el-input__icon" name="User" />
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
<el-input v-model="form.password" type="password" class="ghost" placeholder="请输入登录密码"> <el-input v-model="form.password" class="ghost" placeholder="请输入登录密码" type="password">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon" name="View"></el-icon> <el-icon class="el-input__icon" name="View" />
</template> </template>
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -25,15 +25,15 @@
<div class="flex"> <div class="flex">
<el-input v-model="form.verifyCode" class="ghost" placeholder="请输入验证码"> <el-input v-model="form.verifyCode" class="ghost" placeholder="请输入验证码">
<template #prefix> <template #prefix>
<el-icon class="el-input__icon" name="ChatSquare"></el-icon> <el-icon class="el-input__icon" name="ChatSquare" />
</template> </template>
</el-input> </el-input>
<el-button class="ghost" :disabled="waitTime > 0" @click="handleSms" :loading="sending"> <el-button class="ghost" :disabled="waitTime > 0" :loading="sending" @click="handleSms">
{{ waitTime ? waitTime + 'S' : '发送验证码' }} {{ waitTime ? waitTime + 'S' : '发送验证码' }}
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item>
<el-button class="block" @click="handleLogin" :loading="submitting">立即登录</el-button> <el-button class="block" :loading="submitting" @click="handleLogin">立即登录</el-button>
</el-form> </el-form>
</div> </div>
</div> </div>

10
src/views/home/index.vue
Unescape View File

@ -4,18 +4,18 @@
<h1> <h1>
<el-icon name="app-store" size="30" /> <el-icon name="app-store" size="30" />
<span>马士兵严选</span> <span>马士兵严选</span>
<el-icon name="msb" svg size="30"></el-icon> <el-icon name="msb" size="30" svg />
<el-icon name="vue" svg color="red" size="30" /> <el-icon color="red" name="vue" size="30" svg />
<el-icon name="Avatar" color="red" size="30" /> <el-icon color="red" name="Avatar" size="30" />
</h1> </h1>
<p>count:{{ count }}, double count:{{ doubleCount }}</p> <p>count:{{ count }}, double count:{{ doubleCount }}</p>
<el-button type="primary" @click="handleAdd">增加</el-button> <el-button type="primary" @click="handleAdd">增加</el-button>
<el-button type="danger" @click="handleClear">清除</el-button> <el-button type="danger" @click="handleClear">清除</el-button>
<br /> <br />
<el-date-picker></el-date-picker> <el-date-picker />
{{ form }} {{ form }}
<el-input v-model="form.msg" /> <el-input v-model="form.msg" />
<el-editor preview="pc" v-model="form.msg"></el-editor> <el-editor v-model="form.msg" preview="pc" />
</div> </div>
</template> </template>

16
src/views/system/user/form.vue
Unescape View File

@ -1,13 +1,13 @@
<template> <template>
<div class="form-container"> <div class="form-container">
<el-form <el-form
class="form-content"
ref="refsForm" ref="refsForm"
v-loading="loading" v-loading="loading"
class="form-content"
:disabled="route.name === 'UserDetail'"
label-width="100px"
:model="form" :model="form"
:rules="rules" :rules="rules"
label-width="100px"
:disabled="route.name === 'UserDetail'"
> >
<el-form-item label="用户名" prop="username"> <el-form-item label="用户名" prop="username">
<el-input v-model="form.username" /> <el-input v-model="form.username" />
@ -16,17 +16,17 @@
<el-input v-model="form.nickname" /> <el-input v-model="form.nickname" />
</el-form-item> </el-form-item>
<el-form-item label="性别" prop="sex"> <el-form-item label="性别" prop="sex">
<el-radio-group :opts="opts.sex" v-model="form.sex" /> <el-radio-group v-model="form.sex" :opts="opts.sex" />
</el-form-item> </el-form-item>
<el-form-item label="头像" prop="avatar"> <el-form-item label="头像" prop="avatar">
<el-upload-image :disabled="route.name === 'UserDetail'" v-model="form.avatar" /> <el-upload-image v-model="form.avatar" :disabled="route.name === 'UserDetail'" />
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="enabled"> <el-form-item label="状态" prop="enabled">
<el-switch <el-switch
v-model="form.enabled" v-model="form.enabled"
active-text="启用" active-text="启用"
inactive-text="禁用"
:active-value="true" :active-value="true"
inactive-text="禁用"
:inactive-value="false" :inactive-value="false"
/> />
</el-form-item> </el-form-item>
@ -34,9 +34,9 @@
<div class="form-footer"> <div class="form-footer">
<template v-if="route.name !== 'UserDetail'"> <template v-if="route.name !== 'UserDetail'">
<el-button @click="handleCancel">取消</el-button> <el-button @click="handleCancel">取消</el-button>
<el-button type="primary" @click="handleSave" :disabled="loading" :loading="submitting">保存</el-button> <el-button :disabled="loading" :loading="submitting" type="primary" @click="handleSave">保存</el-button>
</template> </template>
<el-button @click="handleClose" v-else>返回</el-button> <el-button v-else @click="handleClose">返回</el-button>
</div> </div>
</div> </div>
</template> </template>

10
src/views/system/user/index.vue
Unescape View File

@ -2,17 +2,17 @@
<TableList <TableList
v-loading="loading" v-loading="loading"
code="DemoList" code="DemoList"
title="用户" :config="config"
:data="list" :data="list"
title="用户"
:total="total" :total="total"
:config="config"
@search="handleSearch"
@create="handleCreate" @create="handleCreate"
@remove="handleRemove" @remove="handleRemove"
@search="handleSearch"
> >
<template #search> <template #search>
<el-form inline> <el-form inline>
<el-form-item prop="username" label="用户名"> <el-form-item label="用户名" prop="username">
<el-input v-model="state.condition.username" /> <el-input v-model="state.condition.username" />
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -53,7 +53,7 @@
router.push({ name: 'UserDetail', params: { id: row.id } }); router.push({ name: 'UserDetail', params: { id: row.id } });
}; };
const handleEnabled = (row, enabled) => { const handleEnabled = (row, enabled) => {
alert((enabled ? 'enabled ' : 'disabled ') + row.id); console.info((enabled ? 'enabled ' : 'disabled ') + row.id);
}; };
const config = reactive({ const config = reactive({
columns: [ columns: [

7
vite.config.ts
Unescape View File

@ -11,6 +11,7 @@ import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import globalStyle from '@originjs/vite-plugin-global-style'; import globalStyle from '@originjs/vite-plugin-global-style';
import removeConsole from 'vite-plugin-remove-console'; import removeConsole from 'vite-plugin-remove-console';
import legacy from '@vitejs/plugin-legacy'; import legacy from '@vitejs/plugin-legacy';
import eslintPlugin from '@nabla/vite-plugin-eslint';
export default ({ command, mode }: ConfigEnv): UserConfigExport => { export default ({ command, mode }: ConfigEnv): UserConfigExport => {
console.info('command', command); console.info('command', command);
@ -92,6 +93,12 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
legacy({ legacy({
targets: ['defaults', 'not IE 11'], targets: ['defaults', 'not IE 11'],
}), }),
eslintPlugin({
eslintOptions: {
cache: true,
},
shouldLint: (path) => /\/src\/[^?]*\.(vue|m?[jt]sx?)$/.test(path),
}),
], ],
css: { css: {
preprocessorOptions: { preprocessorOptions: {

Write Preview
Loading…
Cancel
Save