yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端eslint调整

Browse Source
This commit is contained in:
piexlMax
2023-09-14 18:47:47 +08:00
parent 636204bbaf
commit a4f86354d3
64 changed files with 3302 additions and 1096 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/superAdmin/dictionary/sysDictionary.vue
+87 -26
View File
@@ -4,21 +4,48 @@
title="获取字典且缓存方法已在前端utils/dictionary 已经封装完成 不必自己书写 使用方法查看文件内注释"
/>
<div class="gva-search-box">
<el-form :inline="true" :model="searchInfo">
<el-form
:inline="true"
:model="searchInfo"
>
<el-form-item label="字典名（中）">
<el-input v-model="searchInfo.name" placeholder="搜索条件" />
<el-input
v-model="searchInfo.name"
placeholder="搜索条件"
/>
</el-form-item>
<el-form-item label="字典名（英）">
<el-input v-model="searchInfo.type" placeholder="搜索条件" />
<el-input
v-model="searchInfo.type"
placeholder="搜索条件"
/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="searchInfo.status" clear placeholder="请选择">
<el-option key="true" label="是" value="true" />
<el-option key="false" label="否" value="false" />
<el-form-item
label="状态"
prop="status"
>
<el-select
v-model="searchInfo.status"
clear
placeholder="请选择"
>
<el-option
key="true"
label="是"
value="true"
/>
<el-option
key="false"
label="否"
value="false"
/>
</el-select>
</el-form-item>
<el-form-item label="描述">
<el-input v-model="searchInfo.desc" placeholder="搜索条件" />
<el-input
v-model="searchInfo.desc"
placeholder="搜索条件"
/>
</el-form-item>
<el-form-item>
<el-button
@@ -43,7 +70,10 @@
icon="plus"
@click="openDialog"
>新增</el-button>
<el-icon class="cursor-pointer" @click="toDoc('https://www.bilibili.com/video/BV1kv4y1g7nT?p=12&vd_source=f2640257c21e3b547a790461ed94875e')"><VideoCameraFilled /></el-icon>
<el-icon
class="cursor-pointer"
@click="toDoc('https://www.bilibili.com/video/BV1kv4y1g7nT?p=12&vd_source=f2640257c21e3b547a790461ed94875e')"
><VideoCameraFilled /></el-icon>
</div>
<el-table
ref="multipleTable"
@@ -52,8 +82,15 @@
tooltip-effect="dark"
row-key="ID"
>
<el-table-column type="selection" width="55" />
<el-table-column align="left" label="日期" width="180">
<el-table-column
type="selection"
width="55"
/>
<el-table-column
align="left"
label="日期"
width="180"
>
<template #default="scope">{{
formatDate(scope.row.CreatedAt)
}}</template>
@@ -73,15 +110,28 @@
width="120"
/>
<el-table-column align="left" label="状态" prop="status" width="120">
<el-table-column
align="left"
label="状态"
prop="status"
width="120"
>
<template #default="scope">{{
formatBoolean(scope.row.status)
}}</template>
</el-table-column>
<el-table-column align="left" label="描述" prop="desc" width="280" />
<el-table-column
align="left"
label="描述"
prop="desc"
width="280"
/>
<el-table-column align="left" label="操作">
<el-table-column
align="left"
label="操作"
>
<template #default="scope">
<el-button
@@ -154,7 +204,10 @@
:rules="rules"
label-width="110px"
>
<el-form-item label="字典名（中）" prop="name">
<el-form-item
label="字典名（中）"
prop="name"
>
<el-input
v-model="formData.name"
placeholder="请输入字典名（中）"
@@ -162,7 +215,10 @@
:style="{ width: '100%' }"
/>
</el-form-item>
<el-form-item label="字典名（英）" prop="type">
<el-form-item
label="字典名（英）"
prop="type"
>
<el-input
v-model="formData.type"
placeholder="请输入字典名（英）"
@@ -170,14 +226,21 @@
:style="{ width: '100%' }"
/>
</el-form-item>
<el-form-item label="状态" prop="status" required>
<el-form-item
label="状态"
prop="status"
required
>
<el-switch
v-model="formData.status"
active-text="开启"
inactive-text="停用"
/>
</el-form-item>
<el-form-item label="描述" prop="desc">
<el-form-item
label="描述"
prop="desc"
>
<el-input
v-model="formData.desc"
placeholder="请输入描述"
@@ -200,12 +263,6 @@
</div>
</template>
<script>
export default {
name: 'SysDictionary',
}
</script>
<script setup>
import {
createSysDictionary,
@@ -219,8 +276,12 @@ import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
import { formatBoolean, formatDate } from '@/utils/format'
import {toDoc} from "@/utils/doc";
import {VideoCameraFilled} from "@element-plus/icons-vue";
import { toDoc } from '@/utils/doc'
import { VideoCameraFilled } from '@element-plus/icons-vue'
defineOptions({
name: 'SysDictionary',
})
const router = useRouter()
web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
+168 -42
View File
@@ -1,28 +1,64 @@
<template>
<div>
<div class="gva-search-box">
<el-form :inline="true" :model="searchInfo">
<el-form
:inline="true"
:model="searchInfo"
>
<el-form-item label="展示值">
<el-input v-model="searchInfo.label" placeholder="搜索条件" />
<el-input
v-model="searchInfo.label"
placeholder="搜索条件"
/>
</el-form-item>
<el-form-item label="字典值">
<el-input-number v-model="searchInfo.value" placeholder="搜索条件" min="-2147483648" max="2147483647"/>
<el-input-number
v-model="searchInfo.value"
placeholder="搜索条件"
min="-2147483648"
max="2147483647"
/>
</el-form-item>
<el-form-item label="启用状态" prop="status">
<el-select v-model="searchInfo.status" placeholder="请选择">
<el-option key="true" label="是" value="true" />
<el-option key="false" label="否" value="false" />
<el-form-item
label="启用状态"
prop="status"
>
<el-select
v-model="searchInfo.status"
placeholder="请选择"
>
<el-option
key="true"
label="是"
value="true"
/>
<el-option
key="false"
label="否"
value="false"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
<el-button icon="refresh" @click="onReset">重置</el-button>
<el-button
type="primary"
icon="search"
@click="onSubmit"
>查询</el-button>
<el-button
icon="refresh"
@click="onReset"
>重置</el-button>
</el-form-item>
</el-form>
</div>
<div class="gva-table-box">
<div class="gva-btn-list">
<el-button type="primary" icon="plus" @click="openDialog">新增字典项</el-button>
<el-button
type="primary"
icon="plus"
@click="openDialog"
>新增字典项</el-button>
</div>
<el-table
ref="multipleTable"
@@ -31,34 +67,90 @@
tooltip-effect="dark"
row-key="ID"
>
<el-table-column type="selection" width="55" />
<el-table-column align="left" label="日期" width="180">
<el-table-column
type="selection"
width="55"
/>
<el-table-column
align="left"
label="日期"
width="180"
>
<template #default="scope">{{ formatDate(scope.row.CreatedAt) }}</template>
</el-table-column>
<el-table-column align="left" label="展示值" prop="label" width="120" />
<el-table-column
align="left"
label="展示值"
prop="label"
width="120"
/>
<el-table-column align="left" label="字典值" prop="value" width="120" />
<el-table-column
align="left"
label="字典值"
prop="value"
width="120"
/>
<el-table-column align="left" label="扩展值" prop="extend" width="120" />
<el-table-column
align="left"
label="扩展值"
prop="extend"
width="120"
/>
<el-table-column align="left" label="启用状态" prop="status" width="120">
<el-table-column
align="left"
label="启用状态"
prop="status"
width="120"
>
<template #default="scope">{{ formatBoolean(scope.row.status) }}</template>
</el-table-column>
<el-table-column align="left" label="排序标记" prop="sort" width="120" />
<el-table-column
align="left"
label="排序标记"
prop="sort"
width="120"
/>
<el-table-column align="left" label="操作">
<el-table-column
align="left"
label="操作"
>
<template #default="scope">
<el-button type="primary" link icon="edit" @click="updateSysDictionaryDetailFunc(scope.row)">变更</el-button>
<el-popover v-model="scope.row.visible" placement="top" width="160">
<el-button
type="primary"
link
icon="edit"
@click="updateSysDictionaryDetailFunc(scope.row)"
>变更</el-button>
<el-popover
v-model="scope.row.visible"
placement="top"
width="160"
>
<p>确定要删除吗？</p>
<div style="text-align: right; margin-top: 8px;">
<el-button type="primary" link @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" @click="deleteSysDictionaryDetailFunc(scope.row)">确定</el-button>
<el-button
type="primary"
link
@click="scope.row.visible = false"
>取消</el-button>
<el-button
type="primary"
@click="deleteSysDictionaryDetailFunc(scope.row)"
>确定</el-button>
</div>
<template #reference>
<el-button type="primary" link icon="delete" @click="scope.row.visible = true">删除</el-button>
<el-button
type="primary"
link
icon="delete"
@click="scope.row.visible = true"
>删除</el-button>
</template>
</el-popover>
</template>
@@ -78,9 +170,21 @@
</div>
</div>
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" :title="type==='create'?'添加字典项':'修改字典项'">
<el-form ref="dialogForm" :model="formData" :rules="rules" label-width="110px">
<el-form-item label="展示值" prop="label">
<el-dialog
v-model="dialogFormVisible"
:before-close="closeDialog"
:title="type==='create'?'添加字典项':'修改字典项'"
>
<el-form
ref="dialogForm"
:model="formData"
:rules="rules"
label-width="110px"
>
<el-form-item
label="展示值"
prop="label"
>
<el-input
v-model="formData.label"
placeholder="请输入展示值"
@@ -88,7 +192,10 @@
:style="{width: '100%'}"
/>
</el-form-item>
<el-form-item label="字典值" prop="value">
<el-form-item
label="字典值"
prop="value"
>
<el-input-number
v-model.number="formData.value"
step-strictly
@@ -100,36 +207,51 @@
max="2147483647"
/>
</el-form-item>
<el-form-item label="扩展值" prop="extend">
<el-form-item
label="扩展值"
prop="extend"
>
<el-input
v-model="formData.extend"
placeholder="请输入扩展值"
clearable
:style="{width: '100%'}"
v-model="formData.extend"
placeholder="请输入扩展值"
clearable
:style="{width: '100%'}"
/>
</el-form-item>
<el-form-item label="启用状态" prop="status" required>
<el-switch v-model="formData.status" active-text="开启" inactive-text="停用" />
<el-form-item
label="启用状态"
prop="status"
required
>
<el-switch
v-model="formData.status"
active-text="开启"
inactive-text="停用"
/>
</el-form-item>
<el-form-item label="排序标记" prop="sort">
<el-input-number v-model.number="formData.sort" placeholder="排序标记" />
<el-form-item
label="排序标记"
prop="sort"
>
<el-input-number
v-model.number="formData.sort"
placeholder="排序标记"
/>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button @click="closeDialog">取 消</el-button>
<el-button type="primary" @click="enterDialog">确 定</el-button>
<el-button
type="primary"
@click="enterDialog"
>确 定</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script>
export default {
name: 'SysDictionaryDetail'
}
</script>
<script setup>
import {
@@ -145,6 +267,10 @@ import { ElMessage } from 'element-plus'
import { formatBoolean, formatDate } from '@/utils/format'
const route = useRoute()
defineOptions({
name: 'SysDictionaryDetail'
})
onBeforeRouteUpdate((to) => {
if (to.name === 'dictionaryDetail') {
searchInfo.value.sysDictionaryID = to.params.id