chenzihao/sac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修改原型白名单的部分，修改跳转方式

Browse Source
This commit is contained in:
张洋川 2024-04-15 17:51:38 +08:00
parent 1d276d5862
commit 0e1238636a
11 changed files with 555 additions and 508 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
sf-ui/src/router/index.js
View File

@ -266,6 +266,21 @@ export const dynamicRoutes = [
] ]
}, },
{
path: '/build/whiteList',
component: Layout,
hidden: true,
permissions: ['build:whiteListManagement:equepDetail'],
children: [
{
path: 'equepDetail',
component: () => import('@/views/FDS/whiteListManagement/equepDetail'),
name: 'WhiteListManagementEquepDetail',
meta: { title: '白名单设备详情', activeMenu: '/build/whiteListManagement' }
}
]
},
{ {
path: '/build/whiteList', path: '/build/whiteList',
component: Layout, component: Layout,

43
sf-ui/src/views/FDS/publishList/components/addPack.vue
View File

@ -9,11 +9,11 @@
> >
<el-form-item label="安装包名称" prop="installpackName"> <el-form-item label="安装包名称" prop="installpackName">
<el-input <el-input
v-model="queryParams.installpackName" v-model="queryParams.installpackName"
clearable clearable
placeholder="请输入安装包名称" placeholder="请输入安装包名称"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -33,14 +33,14 @@
</el-table-column> </el-table-column>
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="50"> <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="50">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button circle icon="el-icon-plus" type="primary" <el-button circle icon="el-icon-plus" size="20" type="primary" @click="addPack"
></el-button> ></el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div slot="footer" class="dialog-footer"> <!-- <div slot="footer" class="dialog-footer">-->
<el-button type="primary" @click="submitAddForm()">确 定</el-button> <!-- <el-button type="primary" @click="submitAddForm()">确 定</el-button>-->
</div> <!-- </div>-->
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
@ -79,10 +79,10 @@ export default {
getList() { getList() {
this.loading = true this.loading = true
listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => { listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.dataList = response.rows this.dataList = response.rows
this.total = response.total this.total = response.total
this.loading = false this.loading = false
} }
) )
}, },
@ -101,19 +101,12 @@ export default {
submitAddForm() { submitAddForm() {
}, },
reset() {
this.form = { /** 新增当前包的按钮 */
whiteListType: undefined, addPack() {
whiteListName: undefined,
remark: undefined
}
this.resetForm('form')
},
// 取消按钮
cancel() {
this.reset()
this.closeModal()
}, },
closeModal() { closeModal() {
this.$emit('close') this.$emit('close')
}, },

156
sf-ui/src/views/FDS/publishList/index.vue
View File

@ -4,41 +4,41 @@
<el-form-item label="选择APP" prop="configName"> <el-form-item label="选择APP" prop="configName">
<el-select v-model="queryParams.configType" clearable placeholder="请选择APP"> <el-select v-model="queryParams.configType" clearable placeholder="请选择APP">
<el-option <el-option
v-for="dict in dict.type.sys_yes_no" v-for="dict in dict.type.sys_yes_no"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="版本号" prop="version"> <el-form-item label="版本号" prop="version">
<el-input <el-input
v-model="queryParams.version" v-model="queryParams.version"
clearable clearable
placeholder="请输入版本号" placeholder="请输入版本号"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="公开时间"> <el-form-item label="公开时间">
<el-date-picker <el-date-picker
v-model="dateRange" v-model="dateRange"
end-placeholder="结束日期" end-placeholder="结束日期"
range-separator="-" range-separator="-"
start-placeholder="开始日期" start-placeholder="开始日期"
style="width: 240px" style="width: 240px"
type="daterange" type="daterange"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="configType"> <el-form-item label="状态" prop="configType">
<el-select v-model="queryParams.configType" clearable placeholder="请选择状态"> <el-select v-model="queryParams.configType" clearable placeholder="请选择状态">
<el-option <el-option
v-for="dict in dict.type.sys_yes_no" v-for="dict in dict.type.sys_yes_no"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -51,35 +51,35 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
v-hasPermi="['system:config:add']" v-hasPermi="['system:config:add']"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="primary" type="primary"
@click="handleAdd" @click="handleAdd"
>新增 >新增
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
:disabled="multiple" :disabled="multiple"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="info" type="info"
@click="handlePublish" @click="handlePublish"
>批量发布 >批量发布
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
v-hasPermi="['system:config:add']" v-hasPermi="['system:config:add']"
:disabled="multiple" :disabled="multiple"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="info" type="info"
@click="handleDelete" @click="handleDelete"
>批量删除 >批量删除
</el-button> </el-button>
</el-col> </el-col>
@ -93,9 +93,9 @@
<el-table-column :show-overflow-tooltip="true" align="center" label="版本号" prop="version"/> <el-table-column :show-overflow-tooltip="true" align="center" label="版本号" prop="version"/>
<el-table-column :show-overflow-tooltip="true" align="center" label="子版本号" prop="configValue"/> <el-table-column :show-overflow-tooltip="true" align="center" label="子版本号" prop="configValue"/>
<el-table-column <el-table-column
label="系统" label="系统"
min-width="80" min-width="80"
prop="platform" prop="platform"
> >
<template scope="scope"> <template scope="scope">
<div>{{ scope.row.platform === '0' ? '安卓' : 'IOS' }}</div> <div>{{ scope.row.platform === '0' ? '安卓' : 'IOS' }}</div>
@ -133,16 +133,16 @@
<el-table-column :show-overflow-tooltip="true" align="center" label="更新说明" prop="remark"/> <el-table-column :show-overflow-tooltip="true" align="center" label="更新说明" prop="remark"/>
<el-table-column <el-table-column
align="center" align="center"
label="二维码" label="二维码"
min-width="80" min-width="80"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-image <el-image
:preview-src-list="srcList" :preview-src-list="srcList"
:src="url" :src="url"
style="width: 80px; height: 80px" style="width: 80px; height: 80px"
> >
</el-image> </el-image>
@ -163,19 +163,19 @@
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="150"> <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
icon="el-icon-bottom" icon="el-icon-bottom"
size="mini" size="mini"
type="text" type="text"
@click="handleDown(scope.row)" @click="handleDown(scope.row)"
>下架 >下架
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
>修改 >修改
</el-button> </el-button>
<el-dropdown size="mini" <el-dropdown size="mini"
@ -204,11 +204,11 @@
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total>0"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:total="total" :total="total"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
@ -263,32 +263,30 @@ export default {
] ]
} }
}, },
computed: {
applicationInfo: function() {
return this.$store.state.applicationInfo
}
},
created() { created() {
this.getList() this.getList()
}, },
mounted() {
console.log(this.$store.getters.applicationId)
console.log(this.applicationInfo)
},
methods: { methods: {
/** 查询参数列表 */ /** 查询参数列表 */
getList() { getList() {
this.loading = true this.loading = true
listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => { listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.configList = response.rows this.configList = response.rows
this.total = response.total this.total = response.total
this.loading = false this.loading = false
} }
) )
}, },
// 表单重置
reset() {
this.form = {
configId: undefined,
configName: undefined,
configKey: undefined,
configValue: undefined,
configType: 'Y',
remark: undefined
}
this.resetForm('form')
},
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1

59
sf-ui/src/views/FDS/whiteListManagement/add.vue
View File

@ -2,7 +2,7 @@
<div class="app-container"> <div class="app-container">
<el-container> <el-container>
<el-header> <el-header>
<div>新增文件</div> <div>新增白名单</div>
<el-divider/> <el-divider/>
</el-header> </el-header>
<el-main> <el-main>
@ -17,6 +17,15 @@
<el-option label="白名单设备" value="1"/> <el-option label="白名单设备" value="1"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="白名单模式" prop="whitePattern">
<el-select v-model="form.whitePattern" clearable placeholder="请选择白名单模式">
<el-option label="正则模式" value="0"/>
<el-option label="普通模式" value="1"/>
</el-select>
</el-form-item>
<el-form-item label="备注"> <el-form-item label="备注">
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/> <el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
</el-form-item> </el-form-item>
@ -32,7 +41,7 @@
</template> </template>
<script> <script>
import { addConfig, updateConfig } from '@/api/system/config' import { addConfig } from '@/api/system/config'
export default { export default {
name: 'WhiteAdd', name: 'WhiteAdd',
@ -45,45 +54,55 @@ export default {
// 文件存放的路径 // 文件存放的路径
fileList: [], fileList: [],
rules: { rules: {
configName: [ whiteListName: [
{ required: true, message: '上传方式不能为空', trigger: 'change' } { required: true, message: '白名单名称不能为空', trigger: 'blur' }
], ],
configKey: [ whiteListType: [
{ required: true, message: '安装包名称不能为空', trigger: 'blur' } { required: true, message: '白名单类型不能为空', trigger: 'change' }
],
whitePattern: [
{ required: true, message: '白名单模式不能为空', trigger: 'change' }
] ]
}, }
activeTabs: '1'
} }
}, },
computed: {}, computed: {},
mounted() {
this.reset()
},
methods: { methods: {
reset() { reset() {
this.form = { this.form = {
whiteListType: undefined, whiteListType: undefined,
whiteListName: undefined, whiteListName: undefined,
whitePattern: undefined,
remark: undefined remark: undefined
} }
this.resetForm('form') this.resetForm('form')
}, },
/** 提交按钮 */ /** 新增按钮 */
submitAddForm: function() { submitAddForm: function() {
this.$refs['form'].validate(valid => { this.$refs['form'].validate(valid => {
if (valid) { if (valid) {
if (this.form.configId != undefined) {
updateConfig(this.form).then(response => { addConfig(this.form).then(response => {
this.$modal.msgSuccess('修改成功') this.$modal.msgSuccess('新增成功')
}) })
} else { this.$router.push({ path: '/build/whiteListManagement' })
addConfig(this.form).then(response => { // if (this.form.configId != undefined) {
this.$modal.msgSuccess('新增成功') // updateConfig(this.form).then(response => {
}) // this.$modal.msgSuccess('修改成功')
} // })
// } else {
// addConfig(this.form).then(response => {
// this.$modal.msgSuccess('新增成功')
// })
// }
} }
}) })
}, },
cancel() { cancel() {
this.history.back() this.$router.push({ path: '/build/whiteListManagement' })
} }
} }
} }

86
sf-ui/src/views/FDS/whiteListManagement/addConfig.vue
View File

@ -12,11 +12,11 @@
<el-form-item label="添加方式" prop="configName"> <el-form-item label="添加方式" prop="configName">
<el-radio-group v-model="configForm.addMode"> <el-radio-group v-model="configForm.addMode">
<el-radio <el-radio
:label="1" :label="1"
>手动添加 >手动添加
</el-radio> </el-radio>
<el-radio <el-radio
:label="2" :label="2"
>批量添加 >批量添加
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
@ -28,32 +28,19 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<template v-if="configForm.addMode==1"> <template v-if="configForm.addMode==1">
<el-form-item v-if="configForm.whiteListType==0" label="白名单电话" prop="phone"> <el-form-item v-if="configForm.whiteListType==0" label="用户ID" prop="userId">
<el-input v-model="configForm.phone" placeholder="请输入电话号码"/> <el-input v-model="configForm.userId" placeholder="请输入用户ID" type="textarea"/>
</el-form-item> </el-form-item>
<el-form-item v-if="configForm.whiteListType==0" label="姓名"> <el-form-item v-if="configForm.whiteListType==1" label="白名单设备" prop="equepid">
<el-input v-model="configForm.name" placeholder="请输入姓名"/>
</el-form-item>
<el-form-item v-if="configForm.whiteListType==1" label="白名单设备">
<el-input v-model="configForm.equepid" placeholder="请输入设备信息" type="textarea"/> <el-input v-model="configForm.equepid" placeholder="请输入设备信息" type="textarea"/>
</el-form-item> </el-form-item>
</template> </template>
<el-form-item v-else-if="configForm.addMode==2" label="白名单文件"> <el-form-item v-else-if="configForm.addMode==2" label="白名单文件" prop="file">
<el-upload
ref="whiteListFiles"
:auto-upload="true" <image-upload v-model="configForm.file" :fileType="['txt']" :limit="1"
:before-remove="beforeRemove" :listType="'text'"
:before-upload="beforeAvatarUpload" />
:file-list="fileList"
:headers="{tokenId: tokenId}"
:multiple="false"
:on-success="handleSuccess"
accept=".txt"
action="https://jsonplaceholder.typicode.com/posts/"
class="upload"
>
<el-button slot="trigger" size="small" type="primary">上传文件</el-button>
</el-upload>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark"> <el-form-item label="备注" prop="remark">
<el-input v-model="configForm.remark" placeholder="请输入备注" type="textarea"/> <el-input v-model="configForm.remark" placeholder="请输入备注" type="textarea"/>
@ -65,7 +52,6 @@
<el-button @click="cancel">取 消</el-button> <el-button @click="cancel">取 消</el-button>
</div> </div>
</el-main> </el-main>
<!--安装包弹窗-->
</el-container> </el-container>
</div> </div>
@ -75,7 +61,6 @@ import { addConfig, updateConfig } from '@/api/system/config'
export default { export default {
name: 'WhiteAddConfig', name: 'WhiteAddConfig',
dicts: ['sys_yes_no'],
data() { data() {
return { return {
@ -88,7 +73,8 @@ export default {
whiteListType: '', whiteListType: '',
whitelistIds: '', whitelistIds: '',
remark: '', remark: '',
equepid: '' equepid: '',
file: []
}, },
configRules: { configRules: {
addMode: [ addMode: [
@ -96,7 +82,17 @@ export default {
], ],
whiteListType: [ whiteListType: [
{ required: true, message: '白名单类型不能为空', trigger: 'change' } { required: true, message: '白名单类型不能为空', trigger: 'change' }
],
userId: [
{ required: true, message: '用户Id不能为空', trigger: 'blur' }
],
equepid: [
{ required: true, message: '设备信息不能为空', trigger: 'blur' }
],
file: [
{ required: true, message: '白名单文件不能为空', trigger: 'change' }
] ]
} }
} }
}, },
@ -104,9 +100,11 @@ export default {
methods: { methods: {
reset() { reset() {
this.form = { this.form = {
addMode: undefined,
whiteListType: undefined, whiteListType: undefined,
whiteListName: undefined, userId: undefined,
remark: undefined equepid: undefined,
file: undefined
} }
this.resetForm('form') this.resetForm('form')
}, },
@ -121,40 +119,16 @@ export default {
} else { } else {
addConfig(this.form).then(response => { addConfig(this.form).then(response => {
this.$modal.msgSuccess('新增成功') this.$modal.msgSuccess('新增成功')
}) })
} }
this.$router.push({ path: '/build/whiteListManagement' })
} }
}) })
}, },
/** 在上传之前进行校验 */
beforeAvatarUpload(file) {
const formatList = file.name.split('.')
const isFormat = file.type === 'text/plain' || formatList[formatList.length - 1] === 'txt'
if (!isFormat) {
this.$message.error(`上传格式只能是名称后缀为.txt的文本文件!`)
}
const isLt2M = file.size / 1024 / 1024 < 5
if (!isLt2M) {
this.$message.error(`上传文件大小不能超过5M!`)
}
return isLt2M && isFormat
},
/** 上传文件 */
handleSuccess(file) {
this.fileList = []
const nameList = file.context.path.split('/')
this.fileList.push({
name: file.context.name || nameList[nameList.length - 1],
url: file.context.path
})
this.addFormData.path = file.context.path
},
beforeRemove(files, filesList) {
return this.$confirm(`确定要移除${files.name}？`)
},
cancel() { cancel() {
this.history.back() this.$router.push({ path: '/build/whiteListManagement' })
} }
} }
} }

61
sf-ui/src/views/FDS/whiteListManagement/components/editWhiteList.vue
View File

@ -1,17 +1,17 @@
<template> <template>
<el-dialog :modal-append-to-body="false" :title="title" v-bind="$attrs" width="500px" <el-dialog :modal-append-to-body="false" :title="title" v-bind="$attrs" width="500px"
@close="onClose"
@open="onOpen"
v-on="$listeners" v-on="$listeners"
> >
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="姓名" prop="name"> <el-form-item v-if="type==1" label="用户Id" prop="userId">
<el-input v-model="form.whiteListName" placeholder="请输入名称"/> <el-input v-model="form.userId" placeholder="请输入用户Id"/>
</el-form-item> </el-form-item>
<el-form-item label="电话" prop="phoneNumber">
<el-input v-model="form.phoneNumber" placeholder="请输入电话"/> <el-form-item v-else label="设备号" prop="equepid">
<el-input v-model="form.equepid" placeholder="请输入设备号"/>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitAddForm()">保 存</el-button> <el-button type="primary" @click="submitAddForm()">保 存</el-button>
@ -20,30 +20,29 @@
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { addConfig, updateConfig } from '@/api/system/config' import { updateConfig } from '@/api/system/config'
export default { export default {
name: 'EditWhiteList', name: 'EditWhiteList',
dicts: ['sys_yes_no'],
props: { props: {
// 图片数量限制 //类型
title: { type: {
type: String, type: Number,
default: '添加白名单' default: 1
} }
}, },
data() { data() {
return { return {
configName: undefined, configName: undefined,
form: {}, form: {},
// 白名单配置表单验证 title: '编辑',
// 详情信息
rules: { rules: {
whiteListName: [ userId: [
{ required: true, message: '名称不能为空', trigger: 'blur' } { required: true, message: '用户Id不能为空', trigger: 'blur' }
], ],
whiteListType: [ equepid: [
{ required: true, message: '白名单类型不能为空', trigger: 'change' } { required: true, message: '设备号不能为空', trigger: 'blur' }
] ]
} }
} }
@ -54,25 +53,17 @@ export default {
submitAddForm: function() { submitAddForm: function() {
this.$refs['form'].validate(valid => { this.$refs['form'].validate(valid => {
if (valid) { if (valid) {
if (this.form.configId != undefined) { updateConfig(this.form).then(response => {
updateConfig(this.form).then(response => { this.$modal.msgSuccess('修改成功')
this.$modal.msgSuccess('修改成功') this.closeModal()
this.closeModal() })
})
} else {
addConfig(this.form).then(response => {
this.$modal.msgSuccess('新增成功')
this.closeModal()
})
}
} }
}) })
}, },
reset() { reset() {
this.form = { this.form = {
whiteListType: undefined, userId: undefined,
whiteListName: undefined, equepid: undefined
remark: undefined
} }
this.resetForm('form') this.resetForm('form')
}, },
@ -83,12 +74,6 @@ export default {
}, },
closeModal() { closeModal() {
this.$emit('close') this.$emit('close')
},
onOpen() {
this.active = this.current
this.key = ''
},
onClose() {
} }
} }
} }

135
sf-ui/src/views/FDS/whiteListManagement/detail.vue
View File

@ -3,11 +3,11 @@
<el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small"> <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small">
<el-form-item label="白名单信息" prop="phoneNumber"> <el-form-item label="白名单信息" prop="phoneNumber">
<el-input <el-input
v-model="queryParams.phoneNumber" v-model="queryParams.phoneNumber"
clearable clearable
placeholder="请输入电话号码" placeholder="请输入用户Id"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -19,13 +19,13 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
v-hasPermi="['system:config:delete']" v-hasPermi="['system:config:delete']"
:disabled="multiple" :disabled="multiple"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="info" type="info"
@click="handleDelete" @click="handleDelete"
>批量删除 >批量删除
</el-button> </el-button>
</el-col> </el-col>
@ -33,47 +33,48 @@
</el-row> </el-row>
<el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
<el-table-column align="center" type="selection" width="55"/> <el-table-column align="center" type="selection" width="55"/>
<el-table-column align="center" label="姓名" prop="configId"/> <el-table-column :show-overflow-tooltip="true" align="center" label="用户Id" prop="configName"/>
<el-table-column :show-overflow-tooltip="true" align="center" label="电话" prop="configName"/>
<el-table-column :show-overflow-tooltip="true" align="center" label="添加时间" prop="configKey"/> <el-table-column :show-overflow-tooltip="true" align="center" label="添加时间" prop="configKey"/>
<el-table-column :show-overflow-tooltip="true" align="center" label="备注" prop="configValue"/> <el-table-column :show-overflow-tooltip="true" align="center" label="备注" prop="configValue"/>
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="250"> <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="250">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
>编辑 >编辑
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['system:config:delete']" v-hasPermi="['system:config:delete']"
icon="el-icon-delete" icon="el-icon-delete"
size="mini" size="mini"
type="text" type="text"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
>删除 >删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total>0"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:total="total" :total="total"
@pagination="getList" @pagination="getList"
/> />
<EditWhiteList :visible.sync="editWhiteListOpen" @close="closeEditWhiteList"/>
</div> </div>
</template> </template>
<script> <script>
import { delConfig, getConfig, listConfig } from '@/api/system/config' import { delConfig, listConfig } from '@/api/system/config'
import EditWhiteList from '@/views/FDS/whiteListManagement/components/editWhiteList.vue'
export default { export default {
name: 'WhiteListDetail', name: 'WhiteListDetail',
components: { EditWhiteList },
dicts: ['sys_yes_no'], dicts: ['sys_yes_no'],
data() { data() {
return { return {
@ -90,19 +91,10 @@ export default {
// 总条数 // 总条数
total: 0, total: 0,
// 参数表格数据 // 参数表格数据
dataList: [], dataList: [],
configList: [],
// 弹出层标题 // 弹出层标题
title: '', title: '',
// 是否显示安装包上传弹出框 editWhiteListOpen: false,
addOpen: false,
// 是否显示安装包详情弹出框
detailOpen: false,
tokenId: '',
// 日期范围
dateRange: [],
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -121,22 +113,17 @@ export default {
getList() { getList() {
this.loading = true this.loading = true
listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => { listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.dataList = response.rows this.dataList = response.rows
this.total = response.total this.total = response.total
this.loading = false this.loading = false
} }
) )
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
configId: undefined, phoneNumber: undefined
configName: undefined,
configKey: undefined,
configValue: undefined,
configType: 'Y',
remark: undefined
} }
this.resetForm('form') this.resetForm('form')
}, },
@ -147,16 +134,9 @@ export default {
}, },
/** 重置按钮操作 */ /** 重置按钮操作 */
resetQuery() { resetQuery() {
this.dateRange = []
this.resetForm('queryForm') this.resetForm('queryForm')
this.handleQuery() this.handleQuery()
}, },
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.addOpen = true
this.title = '上传安装包'
},
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.configId) this.ids = selection.map(item => item.configId)
@ -180,40 +160,17 @@ export default {
handleEdit(row) { handleEdit(row) {
this.reset() this.reset()
const configId = row.configId || this.ids const configId = row.configId || this.ids
getConfig(configId).then(response => { this.editWhiteListOpen = true
this.form = response.data // getConfig(configId).then(response => {
this.addOpen = true // this.form = response.data
this.title = '修改安装包' // this.addOpen = true
}) // this.title = '修改安装包'
}, // })
/** 查看详情弹窗 **/
handleDetail() {
this.detailOpen = true
},
/** 切换TAB触发的事件 */
handleClickTabs() {
this.getList()
},
/** 下载按钮 */
handleDownload(row) {
const configIds = row.configId || this.ids
this.$modal.confirm('是否确认下载编号为"' + configIds + '"的数据项？').then(function() {
return delConfig(configIds)
}).then(() => {
this.getList()
this.$modal.msgSuccess('下载成功')
}).catch(() => {
})
}, },
/** 关闭新增弹出框*/ /** 关闭新增弹出框*/
closeAdd() { closeEditWhiteList() {
this.addOpen = false this.editWhiteListOpen = false
this.getList() this.getList()
},
closeAddConfig() {
this.detailOpen = false
} }
} }
} }

140
sf-ui/src/views/FDS/whiteListManagement/edit.vue Normal file
View File

@ -0,0 +1,140 @@
<template>
<div class="app-container">
<el-container>
<el-header>
<div>编辑白名单</div>
<el-divider/>
</el-header>
<el-main>
<div class="form-main">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="白名单名称" prop="whiteListName">
<el-input v-model="form.whiteListName" placeholder="请输入白名单名称"/>
</el-form-item>
<el-form-item label="白名单类型" prop="whiteListType">
<el-select v-model="form.whiteListType" clearable placeholder="请选择白名单类型">
<el-option label="白名单人员" value="0"/>
<el-option label="白名单设备" value="1"/>
</el-select>
</el-form-item>
<el-form-item label="白名单模式" prop="whitePattern">
<el-select v-model="form.whitePattern" clearable placeholder="请选择白名单模式">
<el-option label="正则模式" value="0"/>
<el-option label="普通模式" value="1"/>
</el-select>
</el-form-item>
<el-form-item label="备注">
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
</el-form-item>
</el-form>
</div>
<div class="page-footer">
<el-button type="primary" @click="submitAddForm()">保 存</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-main>
</el-container>
</div>
</template>
<script>
import { updateConfig } from '@/api/system/config'
export default {
name: 'WhiteAdd',
dicts: ['sys_yes_no'],
data() {
return {
form: {},
tokenId: '',
// 文件存放的路径
fileList: [],
rules: {
whiteListName: [
{ required: true, message: '白名单名称不能为空', trigger: 'blur' }
],
whiteListType: [
{ required: true, message: '白名单类型不能为空', trigger: 'change' }
],
whitePattern: [
{ required: true, message: '白名单模式不能为空', trigger: 'change' }
]
}
}
},
computed: {},
methods: {
// reset() {
// this.form = {
// whiteListType: undefined,
// whiteListName: undefined,
// whitePattern: undefined,
// remark: undefined
// }
// this.resetForm('form')
// },
/** 提交按钮 */
submitAddForm: function() {
this.$refs['form'].validate(valid => {
if (valid) {
if (this.form.configId != undefined) {
updateConfig(this.form).then(response => {
this.$modal.msgSuccess('修改成功')
})
}
this.$router.push({ path: '/build/whiteListManagement' })
// else {
// addConfig(this.form).then(response => {
// this.$modal.msgSuccess('新增成功')
// })
// }
}
})
},
cancel() {
this.$router.push({ path: '/build/whiteListManagement' })
}
}
}
</script>
<style lang="scss" scoped>
.app-container {
background: #ffffff;
margin: 24px;
}
.form-main {
width: 700px;
margin: 0 auto;
}
::v-deep .el-input.is-disabled .el-input__inner, .el-textarea.is-disabled .el-textarea__inner {
border: 1px solid #E4E7ED !important;
}
.tag-group {
.el-tag {
cursor: pointer;
}
}
.el-tag + .el-tag {
margin-left: 10px
}
.page-footer {
margin: 0 auto;
width: 700px;
justify-content: center;
display: flex;
}
</style>

131
sf-ui/src/views/FDS/whiteListManagement/equepDetail.vue
View File

@ -3,11 +3,11 @@
<el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small"> <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small">
<el-form-item label="白名单信息" prop="phoneNumber"> <el-form-item label="白名单信息" prop="phoneNumber">
<el-input <el-input
v-model="queryParams.phoneNumber" v-model="queryParams.equepId"
clearable clearable
placeholder="请输入设备号" placeholder="请输入设备号"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -19,13 +19,13 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
v-hasPermi="['system:config:delete']" v-hasPermi="['system:config:delete']"
:disabled="multiple" :disabled="multiple"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="info" type="info"
@click="handleDelete" @click="handleDelete"
>批量删除 >批量删除
</el-button> </el-button>
</el-col> </el-col>
@ -39,41 +39,45 @@
<el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="250"> <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="250">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
>编辑 >编辑
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['system:config:delete']" v-hasPermi="['system:config:delete']"
icon="el-icon-delete" icon="el-icon-delete"
size="mini" size="mini"
type="text" type="text"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
>删除 >删除
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total>0"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:total="total" :total="total"
@pagination="getList" @pagination="getList"
/> />
<EditWhiteList :visible.sync="editWhiteListOpen" @close="closeEditWhiteList"/>
</div> </div>
</template> </template>
<script> <script>
import { delConfig, getConfig, listConfig } from '@/api/system/config' import { delConfig, listConfig } from '@/api/system/config'
import EditWhiteList from './components/editWhiteList.vue'
export default { export default {
name: 'WhiteListEquepDetail', name: 'WhiteListEquepDetail',
dicts: ['sys_yes_no'], dicts: ['sys_yes_no'],
components: {
EditWhiteList
},
data() { data() {
return { return {
// 遮罩层 // 遮罩层
@ -95,18 +99,13 @@ export default {
configList: [], configList: [],
// 弹出层标题 // 弹出层标题
title: '', title: '',
// 是否显示安装包上传弹出框 // 是否显示编辑详情弹窗
addOpen: false, editWhiteListOpen: false,
// 是否显示安装包详情弹出框
detailOpen: false,
tokenId: '',
// 日期范围
dateRange: [],
// 查询参数 // 查询参数
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
phoneNumber: undefined equepId: undefined
}, },
// 表单参数 // 表单参数
form: {} form: {}
@ -120,22 +119,17 @@ export default {
getList() { getList() {
this.loading = true this.loading = true
listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => { listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.dataList = response.rows this.dataList = response.rows
this.total = response.total this.total = response.total
this.loading = false this.loading = false
} }
) )
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
configId: undefined, equepId: undefined
configName: undefined,
configKey: undefined,
configValue: undefined,
configType: 'Y',
remark: undefined
} }
this.resetForm('form') this.resetForm('form')
}, },
@ -150,12 +144,6 @@ export default {
this.resetForm('queryForm') this.resetForm('queryForm')
this.handleQuery() this.handleQuery()
}, },
/** 新增按钮操作 */
handleAdd() {
this.reset()
this.addOpen = true
this.title = '上传安装包'
},
// 多选框选中数据 // 多选框选中数据
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.configId) this.ids = selection.map(item => item.configId)
@ -179,40 +167,17 @@ export default {
handleEdit(row) { handleEdit(row) {
this.reset() this.reset()
const configId = row.configId || this.ids const configId = row.configId || this.ids
getConfig(configId).then(response => { this.editWhiteListOpen = true
this.form = response.data // getConfig(configId).then(response => {
this.addOpen = true // this.form = response.data
this.title = '修改安装包' // this.editWhiteListOpen = true
}) // })
},
/** 查看详情弹窗 **/
handleDetail() {
this.detailOpen = true
}, },
/** 切换TAB触发的事件 */
handleClickTabs() {
this.getList()
},
/** 下载按钮 */
handleDownload(row) {
const configIds = row.configId || this.ids
this.$modal.confirm('是否确认下载编号为"' + configIds + '"的数据项？').then(function() {
return delConfig(configIds)
}).then(() => {
this.getList()
this.$modal.msgSuccess('下载成功')
}).catch(() => {
})
},
/** 关闭新增弹出框*/ /** 关闭新增弹出框*/
closeAdd() { closeEditWhiteList() {
this.addOpen = false this.editWhiteListOpen = false
this.getList() this.getList()
},
closeAddConfig() {
this.detailOpen = false
} }
} }
} }

157
sf-ui/src/views/FDS/whiteListManagement/index.vue
View File

@ -3,40 +3,40 @@
<el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small"> <el-form v-show="showSearch" ref="queryForm" :inline="true" :model="queryParams" label-width="90px" size="small">
<el-form-item label="名单类型" prop="whiteListType"> <el-form-item label="名单类型" prop="whiteListType">
<el-input <el-input
v-model="queryParams.whiteListType" v-model="queryParams.whiteListType"
clearable clearable
placeholder="请输入名单类型" placeholder="请输入名单类型"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="名称" prop="whiteListName"> <el-form-item label="名称" prop="whiteListName">
<el-input <el-input
v-model="queryParams.whiteListName" v-model="queryParams.whiteListName"
clearable clearable
placeholder="请输入名称" placeholder="请输入名称"
style="width: 240px" style="width: 240px"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker <el-date-picker
v-model="dateRange" v-model="dateRange"
end-placeholder="结束日期" end-placeholder="结束日期"
range-separator="-" range-separator="-"
start-placeholder="开始日期" start-placeholder="开始日期"
style="width: 240px" style="width: 240px"
type="daterange" type="daterange"
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="configType"> <el-form-item label="状态" prop="configType">
<el-select v-model="queryParams.status" clearable placeholder="请选择状态"> <el-select v-model="queryParams.status" clearable placeholder="请选择状态">
<el-option <el-option
v-for="dict in dict.type.sys_yes_no" v-for="dict in dict.type.sys_yes_no"
:key="dict.value" :key="dict.value"
:label="dict.label" :label="dict.label"
:value="dict.value" :value="dict.value"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -49,34 +49,34 @@
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
v-hasPermi="['system:config:add']" v-hasPermi="['system:config:add']"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="primary" type="primary"
@click="handleAdd" @click="handleAdd"
>新增 >新增
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
:disabled="multiple" :disabled="multiple"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="info" type="info"
@click="handlePublish" @click="handlePublish"
>批量发布 >批量发布
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
:disabled="multiple" :disabled="multiple"
icon="el-icon-plus" icon="el-icon-plus"
plain plain
size="mini" size="mini"
type="info" type="info"
@click="handleDelete" @click="handleDelete"
>批量删除 >批量删除
</el-button> </el-button>
</el-col> </el-col>
@ -104,52 +104,52 @@
<el-table-column align="center" class-name="small-padding fixed-width" label="操作"> <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleDown(scope.row)" @click="handleDown(scope.row)"
>下架 >下架
</el-button> </el-button>
<el-button <el-button
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handlePublish(scope.row)" @click="handlePublish(scope.row)"
>发布 >发布
</el-button> </el-button>
<el-button <el-button
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleConfig(scope.row)" @click="handleConfig(scope.row)"
>名单配置 >名单配置
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
>修改 >修改
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['system:config:edit']" v-hasPermi="['system:config:edit']"
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
type="text" type="text"
@click="handleDetail(scope.row)" @click="handleDetail(scope.row)"
>详情 >详情
</el-button> </el-button>
<el-button <el-button
v-hasPermi="['system:config:remove']" v-hasPermi="['system:config:remove']"
icon="el-icon-delete" icon="el-icon-delete"
size="mini" size="mini"
type="text" type="text"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
>删除 >删除
</el-button> </el-button>
</template> </template>
@ -157,11 +157,11 @@
</el-table> </el-table>
<pagination <pagination
v-show="total>0" v-show="total>0"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:total="total" :total="total"
@pagination="getList" @pagination="getList"
/> />
</div> </div>
@ -223,10 +223,10 @@ export default {
getList() { getList() {
this.loading = true this.loading = true
listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => { listConfig(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
this.configList = response.rows this.configList = response.rows
this.total = response.total this.total = response.total
this.loading = false this.loading = false
} }
) )
}, },
// 表单重置 // 表单重置
@ -325,11 +325,12 @@ export default {
/** 查看详情按钮操作 */ /** 查看详情按钮操作 */
handleDetail(row) { handleDetail(row) {
if (row.type == 1) { if (row.type == 1) {
this.$router.push({
this.$tab.openPage('白名单详情', '/build/WhiteList/detail/', '') path: '/build/WhiteList/detail'
})
} else { } else {
this.$router.push({ this.$router.push({
path: 'whiteList/equepDetail' path: '/build/WhiteList/equepDetail'
}) })
} }
} }

80
sf-ui/vue.config.js
View File

@ -18,7 +18,7 @@ module.exports = {
// 部署生产环境和开发环境下的URL。 // 部署生产环境和开发环境下的URL。
// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
publicPath: process.env.NODE_ENV === "production" ? "/" : "/", publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist） // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
outputDir: 'dist', outputDir: 'dist',
// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下） // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
@ -35,7 +35,7 @@ module.exports = {
proxy: { proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy // detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: { [process.env.VUE_APP_BASE_API]: {
target: `http://172.24.0.2:7781`, target: `http://192.168.1.23:22009`,
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' ['^' + process.env.VUE_APP_BASE_API]: ''
@ -47,7 +47,7 @@ module.exports = {
css: { css: {
loaderOptions: { loaderOptions: {
sass: { sass: {
sassOptions: { outputStyle: "expanded" } sassOptions: { outputStyle: 'expanded' }
} }
} }
}, },
@ -67,7 +67,7 @@ module.exports = {
algorithm: 'gzip', // 使用gzip压缩 algorithm: 'gzip', // 使用gzip压缩
minRatio: 0.8 // 压缩率小于1才会压缩 minRatio: 0.8 // 压缩率小于1才会压缩
}) })
], ]
}, },
chainWebpack(config) { chainWebpack(config) {
config.plugins.delete('preload') // TODO: need test config.plugins.delete('preload') // TODO: need test
@ -91,44 +91,44 @@ module.exports = {
.end() .end()
config.when(process.env.NODE_ENV !== 'development', config => { config.when(process.env.NODE_ENV !== 'development', config => {
config config
.plugin('ScriptExtHtmlWebpackPlugin') .plugin('ScriptExtHtmlWebpackPlugin')
.after('html') .after('html')
.use('script-ext-html-webpack-plugin', [{ .use('script-ext-html-webpack-plugin', [{
// `runtime` must same as runtimeChunk name. default is `runtime` // `runtime` must same as runtimeChunk name. default is `runtime`
inline: /runtime\..*\.js$/ inline: /runtime\..*\.js$/
}]) }])
.end() .end()
config.optimization.splitChunks({ config.optimization.splitChunks({
chunks: 'all', chunks: 'all',
cacheGroups: { cacheGroups: {
libs: { libs: {
name: 'chunk-libs', name: 'chunk-libs',
test: /[\\/]node_modules[\\/]/, test: /[\\/]node_modules[\\/]/,
priority: 10, priority: 10,
chunks: 'initial' // only package third parties that are initially dependent chunks: 'initial' // only package third parties that are initially dependent
}, },
elementUI: { elementUI: {
name: 'chunk-elementUI', // split elementUI into a single package name: 'chunk-elementUI', // split elementUI into a single package
test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm test: /[\\/]node_modules[\\/]_?element-ui(.*)/, // in order to adapt to cnpm
priority: 20 // the weight needs to be larger than libs and app or it will be packaged into libs or app priority: 20 // the weight needs to be larger than libs and app or it will be packaged into libs or app
}, },
commons: { commons: {
name: 'chunk-commons', name: 'chunk-commons',
test: resolve('src/components'), // can customize your rules test: resolve('src/components'), // can customize your rules
minChunks: 3, // minimum common number minChunks: 3, // minimum common number
priority: 5, priority: 5,
reuseExistingChunk: true reuseExistingChunk: true
}
}
})
config.optimization.runtimeChunk('single'),
{
from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
to: './' //到根目录下
} }
}
})
config.optimization.runtimeChunk('single'),
{
from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
to: './' //到根目录下
}
}) })
} }
} }