Skip to content

Z
zhongtong-avi-web
Commit b50a75fb authored by 李志鸣's avatar 李志鸣
Browse files
Options

fea(菜单项): 【设备数据采集】新增质量管部和其他，设备分类调整

parent d130b552
Show whitespace changes
Inline Side-by-side
Showing with 607 additions and 15 deletions
src/lang/zh/route.js
View file @ b50a75fb
......@@ -16,6 +16,8 @@ export default {
Chassis: '底盘车间',
Final: '装配车间',
Trial: '试交车间',
Quality: '质量管理部',
Other: '其他',
// 设备运行时间
DeviceRunning: '设备运行状况',
DeviceRunningTime: '设备运行时间',
......
src/router/modules/workshop.js
View file @ b50a75fb
......@@ -43,6 +43,18 @@ export default {
component: () => import('@/views/Workshop/Trial/list'),
name: 'Trial',
meta: { title: 'Trial', icon: 'wareHouse', noCache: false, mark: '/Workshop/Trial/list' }
},
{
path: 'quality',
component: () => import('@/views/WorkShop/Quality/list'),
name: 'Quality',
meta: { title: 'Quality', icon: 'wareHouse', noCache: false, mark: '/Workshop/Quality/list' }
},
{
path: 'other',
component: () => import('@/views/WorkShop/Other/list'),
name: 'Other',
meta: { title: 'Other', icon: 'wareHouse', noCache: false, mark: '/Workshop/Other/list' }
}
]
}
src/views/Workshop/Other/list.vue 0 → 100644
View file @ b50a75fb
<template>
<div class="page-pack">
<div class="tree-pack float-left clear-float">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">涂装车间</span>
</div>
</div>
<div class="tree-main-pack">
<el-tree
class="filter-tree"
default-expand-all
highlight-current
ref="sortTree"
empty-text="暂无分类数据"
:data="sortTreeData"
:style="treeHeight"
node-key="id"
:props="{ children: 'children', label: 'label' }"
:expand-on-click-node="false"
@node-click="doSortTreeClick">
</el-tree>
</div>
</div>
<div class="view-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">{{currentSort.label}}</span>
</div>
<div class="float-right page-refresh">
<span
class="pointer"
@click="doRefreshClick">
<svg-icon icon-class="refresh"></svg-icon>
<span class="ml-10">刷新</span>
</span>
</div>
</div>
<div class="tool-pack clear-float pl-15 pr-15">
<Search
v-if="searchComponentRenderToggle"
:searchCode="currentSearchCode"
@search="doSearchClick"
@reset="doResetClick">
</Search>
<div class="float-left">
<el-button
size="small"
type="primary"
@click="doExportClick">
导出
</el-button>
</div>
</div>
<div class="general-list-main-pack pl-15 pr-15 pb-15">
<div>
<PreviewTable
:tableConfig="tableConfig"
@onPageSizeChange="onPageSizeChange"
@onCurrentPageChange="onCurrentPageChange">
</PreviewTable>
</div>
</div>
</div>
</div>
</template>
<script>
import PreviewTable from '@/components/PreviewTable'
import Search from '@/components/Search'
import request from '@/utils/request'
export default {
name: 'Other',
components: {
PreviewTable,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '加氢站',
code: 'HYDROGEN_STATIONVoc'
}
],
// 搜索组件关键字列表
searchList: {},
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 当前设备searchcode
currentSearchCode: '',
// 当前车间code
currentWorkshopCode: 'PAINTING',
// 是否重新加载搜索组件
searchComponentRenderToggle: false,
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {
this.getTableData().then(() => {
this.$message.success('刷新成功！')
})
},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
this.currentSearchCode = this.currentSort.code
// 重新渲染搜索组件
this.searchComponentRenderToggle = false
this.$nextTick(() => {
this.searchComponentRenderToggle = true
})
// 获取列表表头展示字段
this.getTableLabel()
// 获取列表数据
this.getTableData()
},
// 点击搜索组件搜索按钮
doSearchClick (param) {
this.searchList = param
this.tableConfig.paginationConfig.currentPage = 1
// 获取列表数据
this.getTableData()
},
// 点击搜索组件重置按钮
doResetClick (param) {
this.searchList = { ...param, filters: [] }
this.tableConfig.paginationConfig.currentPage = 1
this.tableConfig.paginationConfig.pageSize = 20
// 获取列表数据
this.getTableData()
},
// 获取列表表头展示字段
getTableLabel () {
let queryParams = { searchCode: this.currentSearchCode }
this.$fetch('show-field-controller/showField-get', queryParams).then((response) => {
this.tableConfig.fieldList = _.cloneDeep(response)
})
},
// 获取列表数据
getTableData () {
let queryParams = {
searchCode: this.currentSearchCode,
filters: _.cloneDeep(this.searchList.filters) || [],
pageSize: this.tableConfig.paginationConfig.pageSize,
pageNum: this.tableConfig.paginationConfig.currentPage
}
// queryParams.filters.push({
// fieldCode: 'workshopCode',
// fieldType: 'STRING',
// value: this.currentWorkshopCode
// })
return new Promise((resolve, reject) => {
this.$fetch('equipment-controller/data-post', queryParams).then((response) => {
this.tableConfig.data = _.cloneDeep(response.list)
this.tableConfig.paginationConfig.total = _.cloneDeep(response.total)
resolve()
})
})
},
// 表格组件分页数量改变事件
onPageSizeChange (pageSize) {
this.tableConfig.paginationConfig.currentPage = 1
this.tableConfig.paginationConfig.pageSize = pageSize
// 获取列表数据
this.getTableData()
},
// 表格组件分页页数改变事件
onCurrentPageChange (currentPage) {
this.tableConfig.paginationConfig.currentPage = currentPage
// 获取列表数据
this.getTableData()
},
// 点击程序下发按钮
doProgramIssuedClick () {
this.$refs.ProgramIssued.dialogToggle = true
},
// 点击导出按钮
async doExportClick () {
let queryParams = {
searchCode: this.currentSearchCode,
filters: _.cloneDeep(this.searchList.filters) || []
}
// queryParams.filters.push({
// fieldCode: 'workshopCode',
// fieldType: 'STRING',
// value: this.currentWorkshopCode
// })
try {
let response = await request({
url: `${process.env.API_HOST}/api/equipment/data/export`,
data: queryParams,
method: 'post',
responseType: 'blob'
})
if (response.status === 200) {
let objectUrl = URL.createObjectURL(response.data)
const link = document.createElement('a')
link.download = decodeURI(response.headers.filename)
link.href = objectUrl
link.click()
window.URL.revokeObjectURL(objectUrl)
} else {
this.$message.error(response.message)
}
} catch (error) {
console.log(error)
}
}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 210
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
this.currentSearchCode = _.cloneDeep(this.sortTreeData[0].code)
// 搜索组件渲染开启
this.searchComponentRenderToggle = true
// 获取列表表头展示字段
this.getTableLabel()
// 获取列表数据
this.getTableData()
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
min-height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 250px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.title-pack {
height: 38px;
line-height: 38px;
border-bottom: 1px solid #d2d3d5;
}
}
// 显示区域
.view-pack {
margin-left: 260px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
overflow-y: auto;
.title-pack {
height: 38px;
line-height: 38px;
border-bottom: 1px solid #d2d3d5;
}
.tool-pack {
padding-top: 16px;
padding-bottom: 16px;
.tool-tag {
height: 32px;
line-height: 32px;
font-size: 14px;
}
}
}
}
</style>
src/views/Workshop/Quality/list.vue 0 → 100644
View file @ b50a75fb
<template>
<div class="page-pack">
<div class="tree-pack float-left clear-float">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">涂装车间</span>
</div>
</div>
<div class="tree-main-pack">
<el-tree
class="filter-tree"
default-expand-all
highlight-current
ref="sortTree"
empty-text="暂无分类数据"
:data="sortTreeData"
:style="treeHeight"
node-key="id"
:props="{ children: 'children', label: 'label' }"
:expand-on-click-node="false"
@node-click="doSortTreeClick">
</el-tree>
</div>
</div>
<div class="view-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">{{currentSort.label}}</span>
</div>
<div class="float-right page-refresh">
<span
class="pointer"
@click="doRefreshClick">
<svg-icon icon-class="refresh"></svg-icon>
<span class="ml-10">刷新</span>
</span>
</div>
</div>
<div class="tool-pack clear-float pl-15 pr-15">
<Search
v-if="searchComponentRenderToggle"
:searchCode="currentSearchCode"
@search="doSearchClick"
@reset="doResetClick">
</Search>
<div class="float-left">
<el-button
size="small"
type="primary"
@click="doExportClick">
导出
</el-button>
</div>
</div>
<div class="general-list-main-pack pl-15 pr-15 pb-15">
<div>
<PreviewTable
:tableConfig="tableConfig"
@onPageSizeChange="onPageSizeChange"
@onCurrentPageChange="onCurrentPageChange">
</PreviewTable>
</div>
</div>
</div>
</div>
</template>
<script>
import PreviewTable from '@/components/PreviewTable'
import Search from '@/components/Search'
import request from '@/utils/request'
export default {
name: 'Quality',
components: {
PreviewTable,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '检测线',
code: 'CHECK_LINE'
},
{
id: 2,
label: '动静态测试',
code: 'DYNAMIC_STATIC_TEST'
}
],
// 搜索组件关键字列表
searchList: {},
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 当前设备searchcode
currentSearchCode: '',
// 当前车间code
currentWorkshopCode: 'PAINTING',
// 是否重新加载搜索组件
searchComponentRenderToggle: false,
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {
this.getTableData().then(() => {
this.$message.success('刷新成功！')
})
},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
this.currentSearchCode = this.currentSort.code
// 重新渲染搜索组件
this.searchComponentRenderToggle = false
this.$nextTick(() => {
this.searchComponentRenderToggle = true
})
// 获取列表表头展示字段
this.getTableLabel()
// 获取列表数据
this.getTableData()
},
// 点击搜索组件搜索按钮
doSearchClick (param) {
this.searchList = param
this.tableConfig.paginationConfig.currentPage = 1
// 获取列表数据
this.getTableData()
},
// 点击搜索组件重置按钮
doResetClick (param) {
this.searchList = { ...param, filters: [] }
this.tableConfig.paginationConfig.currentPage = 1
this.tableConfig.paginationConfig.pageSize = 20
// 获取列表数据
this.getTableData()
},
// 获取列表表头展示字段
getTableLabel () {
let queryParams = { searchCode: this.currentSearchCode }
this.$fetch('show-field-controller/showField-get', queryParams).then((response) => {
this.tableConfig.fieldList = _.cloneDeep(response)
})
},
// 获取列表数据
getTableData () {
let queryParams = {
searchCode: this.currentSearchCode,
filters: _.cloneDeep(this.searchList.filters) || [],
pageSize: this.tableConfig.paginationConfig.pageSize,
pageNum: this.tableConfig.paginationConfig.currentPage
}
// queryParams.filters.push({
// fieldCode: 'workshopCode',
// fieldType: 'STRING',
// value: this.currentWorkshopCode
// })
return new Promise((resolve, reject) => {
this.$fetch('equipment-controller/data-post', queryParams).then((response) => {
this.tableConfig.data = _.cloneDeep(response.list)
this.tableConfig.paginationConfig.total = _.cloneDeep(response.total)
resolve()
})
})
},
// 表格组件分页数量改变事件
onPageSizeChange (pageSize) {
this.tableConfig.paginationConfig.currentPage = 1
this.tableConfig.paginationConfig.pageSize = pageSize
// 获取列表数据
this.getTableData()
},
// 表格组件分页页数改变事件
onCurrentPageChange (currentPage) {
this.tableConfig.paginationConfig.currentPage = currentPage
// 获取列表数据
this.getTableData()
},
// 点击程序下发按钮
doProgramIssuedClick () {
this.$refs.ProgramIssued.dialogToggle = true
},
// 点击导出按钮
async doExportClick () {
let queryParams = {
searchCode: this.currentSearchCode,
filters: _.cloneDeep(this.searchList.filters) || []
}
// queryParams.filters.push({
// fieldCode: 'workshopCode',
// fieldType: 'STRING',
// value: this.currentWorkshopCode
// })
try {
let response = await request({
url: `${process.env.API_HOST}/api/equipment/data/export`,
data: queryParams,
method: 'post',
responseType: 'blob'
})
if (response.status === 200) {
let objectUrl = URL.createObjectURL(response.data)
const link = document.createElement('a')
link.download = decodeURI(response.headers.filename)
link.href = objectUrl
link.click()
window.URL.revokeObjectURL(objectUrl)
} else {
this.$message.error(response.message)
}
} catch (error) {
console.log(error)
}
}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 210
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
this.currentSearchCode = _.cloneDeep(this.sortTreeData[0].code)
// 搜索组件渲染开启
this.searchComponentRenderToggle = true
// 获取列表表头展示字段
this.getTableLabel()
// 获取列表数据
this.getTableData()
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
min-height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 250px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.title-pack {
height: 38px;
line-height: 38px;
border-bottom: 1px solid #d2d3d5;
}
}
// 显示区域
.view-pack {
margin-left: 260px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
overflow-y: auto;
.title-pack {
height: 38px;
line-height: 38px;
border-bottom: 1px solid #d2d3d5;
}
.tool-pack {
padding-top: 16px;
padding-bottom: 16px;
.tool-tag {
height: 32px;
line-height: 32px;
font-size: 14px;
}
}
}
}
</style>
src/views/Workshop/Trial/list.vue
View file @ b50a75fb
......@@ -82,23 +82,8 @@
sortTreeData: [
{
id: 1,
label: '检测线',
code: 'CHECK_LINE'
},
{
id: 2,
label: '充电桩',
code: 'CHARGING_PILE'
},
{
id: 3,
label: '动静态测试',
code: 'DYNAMIC_STATIC_TEST'
},
{
id: 4,
label: '加氢站',
code: 'HYDROGEN_STATIONVoc'
}
],
// 搜索组件关键字列表
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment