[li_she]
5 years ago
7 changed files with 148 additions and 469 deletions
-
7src/api/sysLanguageMenu.js
-
10src/views/main-navbar.vue
-
23src/views/modules/knifemold/receive.vue
-
30src/views/modules/sys/language/common.vue
-
438src/views/modules/sys/language/menu.vue
-
93src/views/modules/sys/menu-language.vue
-
16src/views/modules/sys/menu.vue
@ -0,0 +1,7 @@ |
|||
import { createAPI } from "@/utils/httpRequest.js"; |
|||
|
|||
// 获取 语言列表
|
|||
export const searchMenuLanguageById = data => createAPI(`sys/menu/searchMenuLanguageById`,'post',data) |
|||
|
|||
// 保存语言
|
|||
export const saveMenuLanguage = data => createAPI(`sys/menu/saveMenuLanguage`,'post',data) |
|||
@ -1,438 +0,0 @@ |
|||
<template> |
|||
<div class="mod-config"> |
|||
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> |
|||
<el-form-item> |
|||
<el-input v-model="dataForm.key" :placeholder="$t('commonsearch')" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button @click="getDataList()" type="primary">{{$t('commonsearch')}}</el-button> |
|||
<el-button v-if="isAuth(':prd:save')" type="primary" @click="addOrUpdateHandle()">{{$t('commonadd')}} |
|||
</el-button> |
|||
<el-button @click="saveColumnList()" type="primary" v-show="showDefault">设置默认配置</el-button> |
|||
<el-button @click="userSetting" type="primary">{{$t('commonsettingTable')}}</el-button> |
|||
<download-excel |
|||
:data="dataList" |
|||
class="el-button el-button--primary el-button--medium" |
|||
name=" "> |
|||
{{$t('commondownload')}} |
|||
</download-excel> |
|||
|
|||
<el-button v-if="isAuth(':prd:delete')" type="danger" @click="deleteHandle()" |
|||
:disabled="dataListSelections.length <= 0">{{$t('commondeleteList')}} |
|||
</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
:data="dataList" |
|||
border |
|||
v-loading="dataListLoading" |
|||
@selection-change="selectionChangeHandle" |
|||
style="width: 100%;" |
|||
:header-cell-style="{ |
|||
'background-color': '#17b3a3', |
|||
'color': '#fff', |
|||
'font-weight': '400' |
|||
}"> |
|||
<el-table-column |
|||
type="selection" |
|||
header-align="center" |
|||
width="40" |
|||
align="center"> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columnList" :key="item.columnProp" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed" |
|||
:width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden"> {{scope.row[item.columnProp]}}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" |
|||
style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
|
|||
<el-table-column |
|||
fixed="right" |
|||
header-align="center" |
|||
align="center" |
|||
width="150" |
|||
:label="$t('commoncz')"> |
|||
<template slot-scope="scope"> |
|||
<a type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{$t('commonedit')}}</a> |
|||
<a type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('commondelete')}}</a> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
@size-change="sizeChangeHandle" |
|||
@current-change="currentChangeHandle" |
|||
:current-page="pageIndex" |
|||
:page-sizes="[10, 20, 50, 100]" |
|||
:page-size="pageSize" |
|||
:total="totalPage" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
<el-dialog title="设置table列" :visible.sync="visible" width="1000px"> |
|||
<el-form @keyup.enter.native="updateColumnList()" |
|||
v-model="userColumnList" |
|||
inline="inline" |
|||
size="mini" |
|||
label-width="80px"> |
|||
<el-form-item v-for="(item,index) in userColumnList" |
|||
:key="item.columnProp" |
|||
:label="item.columnLabel" |
|||
:prop="item.columnProp"> |
|||
<el-form-item> |
|||
排序 |
|||
<el-input-number v-model="item.sortLv" controls-position="right" size="mini" :min="0" |
|||
:max="10"></el-input-number> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-switch |
|||
v-model="item.status" |
|||
active-text="显示" |
|||
inactive-text="隐藏"> |
|||
</el-switch> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-switch |
|||
v-model="item.columnSortable" |
|||
active-text="排序" |
|||
inactive-text="不排序"> |
|||
</el-switch> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-switch |
|||
v-model="item.fixed" |
|||
active-text="固定" |
|||
inactive-text="不固定"> |
|||
</el-switch> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
宽度 |
|||
<el-input-number v-model="item.columnWidth" controls-position="right" size="mini" :min="0" |
|||
:max="1000"></el-input-number> |
|||
</el-form-item> |
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="visible = false">取消</el-button> |
|||
<el-button type="primary" @click="updateColumnList()">确定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
import {getPrdList} from "@/api/prd.js" |
|||
import { |
|||
saveTableDefaultList, |
|||
saveTableUser, |
|||
getTableDefaultListLanguage, |
|||
getTableUserListLanguage |
|||
} from "@/api/table.js" |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
functionId: 9001, |
|||
tableId: "common1001", |
|||
value1: true, |
|||
visible: false, |
|||
showDefault: false, |
|||
queryTable: { |
|||
functionId: 9001, |
|||
tableId: "common1001", |
|||
languageCode: this.$i18n.locale |
|||
}, |
|||
queryTableUser: { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 9001, |
|||
tableId: "common1001", |
|||
status: true, |
|||
languageCode: this.$i18n.locale |
|||
}, |
|||
dataForm: { |
|||
key: '' |
|||
}, |
|||
userColumnList: [], |
|||
columnList: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 9001, |
|||
serialNumber: 'common1001languageCode', |
|||
tableId: "common1001", |
|||
tableName: "common", |
|||
columnProp: "languageCode", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "语言编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: true, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: false, |
|||
}, { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 9001, |
|||
serialNumber: 'common1001functionId', |
|||
tableId: "common1001", |
|||
tableName: "common", |
|||
columnProp: "functionId", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "功能编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: true, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: false |
|||
}, { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 9001, |
|||
serialNumber: 'common1001serialNumber', |
|||
tableId: "common1001", |
|||
tableName: "common", |
|||
columnProp: "serialNumber", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "序列化编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: true, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: false, |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 9001, |
|||
serialNumber: 'common1001type', |
|||
tableId: "common1001", |
|||
tableName: "common", |
|||
columnProp: " type", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "类型", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: true, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: false, |
|||
}, { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 9001, |
|||
serialNumber: 'common1001value', |
|||
tableId: "common1001", |
|||
tableName: "common", |
|||
columnProp: " value", |
|||
headerAlign: "center", |
|||
align: "center", |
|||
columnLabel: "语言编码", |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: true, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: false, |
|||
} |
|||
], |
|||
dataList: [], |
|||
queryPrd: { |
|||
page: 1, |
|||
limit: 1, |
|||
key: '' |
|||
}, |
|||
pageIndex: 1, |
|||
pageSize: 10, |
|||
totalPage: 0, |
|||
dataListLoading: false, |
|||
dataListSelections: [], |
|||
addOrUpdateVisible: false |
|||
} |
|||
}, |
|||
activated() { |
|||
this.getDataList() |
|||
|
|||
}, |
|||
methods: { |
|||
// 打开页面设置 |
|||
userSetting() { |
|||
this.visible = true; |
|||
this.getTableUserAll() |
|||
}, |
|||
// 获取 用户的配置 |
|||
getTableUserAll() { |
|||
let queryTable = { |
|||
userId: this.$store.state.user.name, |
|||
functionId: 1001, |
|||
tableId: "prd1001", |
|||
languageCode: this.$i18n.locale |
|||
} |
|||
getTableUserListLanguage(queryTable).then(({data}) => { |
|||
if (data.code == 0) { |
|||
this.userColumnList = data.rows |
|||
if (data.rows.length <= 0) { |
|||
getTableDefaultListLanguage(this.queryTable).then(({data}) => { |
|||
this.userColumnList = data.rows |
|||
|
|||
}) |
|||
} |
|||
} |
|||
|
|||
}) |
|||
}, |
|||
// 修改 table 列 |
|||
updateColumnList() { |
|||
let userColumns = [] |
|||
for (let column of this.userColumnList) { |
|||
let userColumn = { |
|||
userId: this.$store.state.user.name, |
|||
functionId: column.functionId, |
|||
tableId: column.tableId, |
|||
tableName: column.tableName, |
|||
columnProp: column.columnProp, |
|||
headerAlign: column.headerAlign, |
|||
align: column.align, |
|||
columnWidth: column.columnWidth, |
|||
//columnLabel: column.columnLabel, |
|||
columnHidden: column.columnHidden, |
|||
columnImage: column.columnImage, |
|||
columnSortable: column.columnSortable, |
|||
format: column.format, |
|||
sortLv: column.sortLv, |
|||
status: column.status, |
|||
fixed: column.fixed, |
|||
serialNumber: column.serialNumber |
|||
} |
|||
userColumns.push(userColumn) |
|||
} |
|||
saveTableUser(userColumns).then(({data}) => { |
|||
if (data.code == 0) { |
|||
this.$message.success(data.msg) |
|||
this.visible = false |
|||
this.getTableUserColumn() |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}, |
|||
// 获取 用户保存的 格式列 |
|||
getTableUserColumn() { |
|||
getTableUserListLanguage(this.queryTableUser).then(({data}) => { |
|||
if (data.rows.length > 0) { |
|||
this.columnList = [] |
|||
this.columnList = data.rows |
|||
} else { |
|||
this.getColumnList() |
|||
} |
|||
}) |
|||
}, |
|||
// 保存 默认配置 列 |
|||
saveColumnList() { |
|||
saveTableDefaultList(this.columnList).then(({data}) => { |
|||
if (data.code == 0) { |
|||
this.$message.success(data.msg) |
|||
this.showDefault = false |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
this.getColumnList() |
|||
}, |
|||
// 获取 tableDefault 列 |
|||
getColumnList() { |
|||
getTableDefaultListLanguage(this.queryTable).then(({data}) => { |
|||
if (!data.rows.length == 0) { |
|||
this.showDefault = false |
|||
this.columnList = data.rows |
|||
} else { |
|||
this.showDefault = true |
|||
} |
|||
}) |
|||
}, |
|||
// 获取数据列表 |
|||
getDataList() { |
|||
this.dataListLoading = true |
|||
getPrdList(this.queryPrd).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.dataList = data.page.list |
|||
this.totalPage = data.page.totalCount |
|||
} else { |
|||
this.dataList = [] |
|||
this.totalPage = 0 |
|||
} |
|||
this.dataListLoading = false |
|||
}) |
|||
}, |
|||
// 每页数 |
|||
sizeChangeHandle(val) { |
|||
this.pageSize = val |
|||
this.pageIndex = 1 |
|||
this.getDataList() |
|||
}, |
|||
// 当前页 |
|||
currentChangeHandle(val) { |
|||
this.pageIndex = val |
|||
this.getDataList() |
|||
}, |
|||
// 多选 |
|||
selectionChangeHandle(val) { |
|||
this.dataListSelections = val |
|||
}, |
|||
// 删除 |
|||
deleteHandle(id) { |
|||
var ids = id ? [id] : this.dataListSelections.map(item => { |
|||
return item.id |
|||
}) |
|||
this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.$http({ |
|||
url: this.$http.adornUrl('//prd/delete'), |
|||
method: 'post', |
|||
data: this.$http.adornData(ids, false) |
|||
}).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.$message({ |
|||
message: '操作成功', |
|||
type: 'success', |
|||
duration: 1500, |
|||
onClose: () => { |
|||
this.getDataList() |
|||
} |
|||
}) |
|||
} else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
}) |
|||
}, |
|||
}, |
|||
created() { |
|||
this.getTableUserColumn() |
|||
} |
|||
} |
|||
</script> |
|||
<style> |
|||
.el-table th { |
|||
display: table-cell !important; |
|||
} |
|||
|
|||
|
|||
</style> |
|||
@ -0,0 +1,93 @@ |
|||
<template> |
|||
<el-dialog |
|||
width="350px" |
|||
title="语言" |
|||
:close-on-click-modal="false" |
|||
:visible.sync="visible"> |
|||
<el-form |
|||
v-model="dataList" |
|||
inline="inline" |
|||
size="mini" |
|||
label-width="80px"> |
|||
<el-form-item v-for="(item,index) in dataList" |
|||
:key="item.columnProp" |
|||
:label="item.columnLabel" |
|||
:prop="item.columnProp"> |
|||
<el-form-item> |
|||
{{item.languageCode }} |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-input v-model="item.languageValue" controls-position="right" style="display:inline"></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" @click="dataFormSubmit(item)"> {{buttons.add}}</el-button> |
|||
</el-form-item> |
|||
|
|||
|
|||
</el-form-item> |
|||
</el-form> |
|||
|
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="visible = false" type="primary">关闭</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import {searchMenuLanguageById,saveMenuLanguage} from '@/api/sysLanguageMenu.js' |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
visible: false, |
|||
addLanguage: false, |
|||
functionId: 9001, |
|||
tableId: "common1001", |
|||
value1: true, |
|||
showDefault: false, |
|||
dataListLoading: false, |
|||
dataList: [], |
|||
querySysLanguageParam: {}, |
|||
buttons: { |
|||
add: '确认', |
|||
}, |
|||
} |
|||
}, |
|||
methods: { |
|||
init(id) { |
|||
this.visible = true |
|||
let menu = { |
|||
menuId: id |
|||
} |
|||
searchMenuLanguageById(menu).then(({data}) =>{ |
|||
this.dataList = data.menuLanguageList |
|||
}) |
|||
}, |
|||
saveLanguageList(){ |
|||
|
|||
}, |
|||
// 获取数据列表 |
|||
getDataList() { |
|||
this.dataListLoading = false |
|||
|
|||
}, |
|||
// 表单提交 |
|||
dataFormSubmit(val) { |
|||
saveMenuLanguage(val).then(({data})=>{ |
|||
if (data.code == 0){ |
|||
this.$message.success(data.msg) |
|||
}else { |
|||
this.$message.error(data.msg) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss"> |
|||
|
|||
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item { |
|||
margin-bottom: 5px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue