Skip to content

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

fea(静态): 列表页静态开发

parent d6f5d225
Hide whitespace changes
Inline Side-by-side
Showing with 2036 additions and 160 deletions
src/components/Table/index.vue
View file @ ff2774e8
......@@ -102,11 +102,12 @@ export default {
judgeTableColumnAttribute (attributeArray) {
let judgeObject = _.cloneDeep(attributeArray)
// 默认加入排序功能
if (judgeObject.hasOwnProperty('sortable')) {
judgeObject.sortable = attributeArray.sort
} else {
judgeObject.sortable = 'custom'
}
// 中通项目暂不加默认排序功能
// if (judgeObject.hasOwnProperty('sortable')) {
// judgeObject.sortable = attributeArray.sort
// } else {
// judgeObject.sortable = 'custom'
// }
return judgeObject
}
},
......
src/lang/zh/route.js
View file @ ff2774e8
export default {
Welcome: '欢迎页',
WelcomeIndex: '欢迎页',
Classification: '设备分类',
ClassificationList: '设备分类',
ClassificationAdd: '新增分类',
ClassificationEdit: '编辑分类',
ClassificationView: '查看分类',
Account: '设备管理',
Materials: '物料管理',
MaterialsSort: '物料分类',
RoutingList: '工艺路线',
Process: '工艺管理',
RoutingView: '工艺路线查看',
RoutingRecord: '工艺路线履历',
RoutingCrafts: '工序管理',
RoutingWorkStep: '工步管理',
RoutingViewStep: '查看工步',
MaterialsView: '查看物料',
InspectionList: '质检工艺',
InspectionView: '质检工艺查看',
InspectionRecord: '质检工艺履历',
BomList: 'BOM管理',
BomView: 'BOM查看',
BomRecord: 'BOM管理履历',
ProductionLine: '产线管理',
Line: '产线管理',
Archives: '设备建档管理',
Running: '运行设备管理',
EquipmentQuery: '设备查询',
EquipmentView: '设备统一视图',
DeviceAccount: '设备台账',
DeviceAccountView: '设备台账详情',
DeviceSort: '设备分类',
Monitoring: '大屏监控',
PackageLine: '封装线监控',
Oven: '烘箱监控',
Ferrite: '铁氧体线监控',
TestMachine: '韩国测试机',
Integrate: '综合面板',
OvenIcebox: '烘箱冰箱面板',
FlowOrder: '流转单面板',
DataBoard: '综合数据看板',
Dashboard: '仪表盘',
Workbench: '工作台',
WorkbenchIndex: '工作台',
WorkbenchClient: '工作台',
WorkbenchDetail: '工作台详情',
Component: '组件示例',
DragDialog: '拖拽弹框',
UEditor: '富文本',
Nested: '嵌套路由',
Menu1: '菜单1',
'Menu1-1': '菜单1-1',
'Menu1-2': '菜单1-2',
'Menu1-2-1': '菜单1-2-1',
'Menu1-2-2': '菜单1-2-2',
'Menu1-3': '菜单1-3',
Menu2: '菜单2',
Maintain: '维修管理',
MaintainList: '维修管理',
MaintainDetail: '维修详情',
Cutter: '刀具管理',
CutterNew: '新增刀具',
CutterList: '刀具列表',
CutterDetail: '刀具详情',
System: '系统设置',
User: '用户管理',
Role: '角色管理',
Basics: '基础配置',
Basic: '基础信息',
Resource: '资源管理',
Dict: '字典管理',
UserView: '人员信息视图',
DocumentList: '建档管理',
DocumentDetail: '设备详情',
Demand: '供需管理',
ReportList: '产能、需求上报',
DisposeList: '产能、需求处理',
ReportDetail: '产能、需求详情',
DisposeDetail: '产能、需求详情',
PublishList: '信息发布',
PublishDetail: '信息发布详情',
Customer: '客户管理',
CustomerList: '客户管理',
CustomerDetail: '客户详情',
Case: '案例维护',
CaseList: '案例维护',
CaseDetail: '案例详情',
Sale: '销售管理',
SaleList: '销售管理',
EquipmentGenre: '设备分类维护',
GatewayList: '网关档案管理',
Template: '检修、保养模板维护',
Appmanagement: 'APP 管理',
Appview: 'App 管理',
AppExamine: 'App 查看',
Program: '程序管理',
ProgramList: '程序管理',
ProgramView: '程序查看',
IsomerousEdit: '异构数据编辑',
IsomerousAdd: '异构数据新增',
ProductionLineList: '产线管理',
ProductionLineView: '产线查看',
StationList: '工位管理',
StationView: '工位查看',
WorkshopList: '车间管理',
WorkshopView: '车间查看',
TrayList: '托盘档案',
FixtureList: '工装夹具',
OrderList: '工单管理',
Course: '过程管理',
DataFile: '数据文件',
OrderView: '查看工单',
RecordList: '过程记录',
RecordView: '流转单执行记录',
Plan: '计划管理',
PlanView: '计划查看',
PlanList: '计划管理',
PlanSplit: '计划拆分',
PlanDetails: '计划详情',
PlanDetailList: '计划明细',
PlanDetailView: '计划明细详情',
SetResults: '齐套结果',
SetView: '齐套结果详情',
MissingList: '缺料清单',
SetWorkList: '齐套作业',
MissingMaterialList: '缺料汇总',
Calendar: '日历配置',
WeekConfigure: '周配置',
MonthConfigure: '月配置',
MaterialsFile: '物料档案',
MaterialsFileList: '物料档案',
testPage: '测试页面',
WareHouse: '仓库管理',
WareHouseInfo: '仓库信息',
WareHouseView: '仓库查看',
InboundList: '入库管理',
InboundView: '入库单明细',
InboundOrder: '入库申请',
InboundOrderView: '入库申请单明细',
OutboundList: '出库管理',
OutboundOrder: '出库申请',
OutboundView: '出库单信息',
OutboundOrderView: '出库申请单明细',
BarCode: '条码管理',
CodingConfig: '编码配置',
WeekCode: '时间码',
PrintConfig: '打印机配置',
PrinterRecord: '打印机记录',
CheckTemplate: '设备点检模板',
CheckTemplateInfo: '点检模板信息',
CheckCycle: '点检周期',
CheckCycleView: '点检周期明细',
CheckResult: '点检结果',
RepairApplication: '维修申请',
RepairRecords: '维修记录',
RepairRecordsDetail: '维修记录详情',
RepairRecordsSumUp: '维修记录总结',
Kanban: '看板管理',
KanbanIndex: '看板管理',
MaterialsFileListView: '物料档案详情',
Report: '报表管理',
ReportView: '报表查看'
Workbench: '工作台',
// 车间（设备数据）
Workshop: '设备数据',
Parts: '制件车间',
Welding: '焊装车间',
Painting: '涂装车间',
Chassis: '底盘车间',
Final: '总装车间',
Trial: '试交车间',
// 设备运行时间
DeviceRunning: '设备运行时间',
DeviceRunningTime: '设备运行时间',
DeviceFaultRecord: '设备故障/报警记录',
// 基础数据
Basic: '基础数据',
WorkshopBasic: '车间基础数据',
DeviceBasic: '设备基础数据',
LaneBasic: '车道基础数据'
}
src/router/index.js
View file @ ff2774e8
......@@ -13,6 +13,12 @@ import Router from 'vue-router'
/* Router Modules */
// 欢迎
import welcomeRouter from './modules/welcome'
// 车间（设备数据）
import workshopRouter from './modules/workshop'
// 设备运行时间
import deviceRunningTimeRouter from './modules/deviceRunning'
// 基础数据
import basicRouter from './modules/basic'
// 系统管理
import systemRouter from './modules/system'
......@@ -39,6 +45,9 @@ export const constantRouterMap = [{
// 业务级路由（后期可能在界面中动态配置）
export const asyncRouterMap = [
welcomeRouter,
workshopRouter,
deviceRunningTimeRouter,
basicRouter,
systemRouter,
{
path: '*',
......
src/router/modules/basic.js 0 → 100644
View file @ ff2774e8
/**
* 基础数据
*/
export default {
path: '/basic',
component: () => import('@/views/Layout'),
redirect: '/basic/workshopBasic',
meta: {title: 'Basic', icon: 'codingConfig'},
alwaysShow: true,
children: [
{
path: 'workshopBasic',
component: () => import('@/views/Basic/WorkshopBasic/list'),
name: 'WorkshopBasic',
meta: {title: 'WorkshopBasic', icon: 'document', noCache: false}
},
{
path: 'deviceBasic',
component: () => import('@/views/Basic/DeviceBasic/list'),
name: 'DeviceBasic',
meta: {title: 'DeviceBasic', icon: 'document', noCache: false}
},
{
path: 'laneBasic',
component: () => import('@/views/Basic/LaneBasic/list'),
name: 'LaneBasic',
meta: {title: 'LaneBasic', icon: 'document', noCache: false}
}
]
}
src/router/modules/deviceRunning.js 0 → 100644
View file @ ff2774e8
/**
* 设备运行时间
*/
export default {
path: '/deviceRunning',
component: () => import('@/views/Layout'),
redirect: '/deviceRunning/deviceRunningTime',
meta: { title: 'DeviceRunning', icon: 'repairRecords' },
alwaysShow: true,
children: [
{
path: 'deviceRunningTime',
component: () => import('@/views/DeviceRunning/DeviceRunningTime/list'),
name: 'DeviceRunningTime',
meta: { title: 'DeviceRunningTime', icon: 'repairApplication', noCache: false }
},
{
path: 'deviceFaultRecord',
component: () => import('@/views/DeviceRunning/DeviceFaultRecord/list'),
name: 'DeviceFaultRecord',
meta: { title: 'DeviceFaultRecord', icon: 'repairApplication', noCache: false }
}
]
}
src/router/modules/workshop.js 0 → 100644
View file @ ff2774e8
/**
* 车间（设备数据）路由
*/
export default {
path: '/workshop',
component: () => import('@/views/Layout'),
redirect: '/workshop/parts',
meta: { title: 'Workshop', icon: 'dict' },
alwaysShow: true,
children: [
{
path: 'parts',
component: () => import('@/views/Workshop/Parts/list'),
name: 'Parts',
meta: { title: 'Parts', icon: 'wareHouse', noCache: false }
},
{
path: 'welding',
component: () => import('@/views/Workshop/Welding/list'),
name: 'Welding',
meta: { title: 'Welding', icon: 'wareHouse', noCache: false }
},
{
path: 'painting',
component: () => import('@/views/Workshop/Painting/list'),
name: 'Painting',
meta: { title: 'Painting', icon: 'wareHouse', noCache: false }
},
{
path: 'chassis',
component: () => import('@/views/Workshop/Chassis/list'),
name: 'Chassis',
meta: { title: 'Chassis', icon: 'wareHouse', noCache: false }
},
{
path: 'final',
component: () => import('@/views/Workshop/Final/list'),
name: 'Final',
meta: { title: 'Final', icon: 'wareHouse', noCache: false }
},
{
path: 'trial',
component: () => import('@/views/Workshop/Trial/list'),
name: 'Trial',
meta: { title: 'Trial', icon: 'wareHouse', noCache: false }
}
]
}
src/views/Basic/DeviceBasic/list.vue 0 → 100644
View file @ ff2774e8
<template>
<div class="page-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">设备基础数据</span>
</div>
<div class="float-right page-refresh">
<span @click="doRefreshClick()" class="pointer">
<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
searchCode="MATERIEL_RECORD"
@search="doSearchClick"
@reset="doResetClick">
</Search>
<div class="float-left">
<el-button
size="small"
type="primary">
新增
</el-button>
<el-button
size="small">
导入
</el-button>
</div>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'DeviceBasic',
components: {
Search,
Table
},
data () {
return {
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 210
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
position: relative;
height: 100%;
width: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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;
}
}
.edit-button {
color: #538FFD;
}
.status-circle {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
margin-right: 5px;
vertical-align: middle;
}
.delete-button {
color: #F47476;
}
.view-span {
color: #1284fa;
border-bottom: 1px solid #1284fa;
&:hover {
cursor: pointer;
}
}
.el-dialog__body {
padding: 30px 30px 10px 20px!important;
.el-row {
.el-col {
line-height: 35px;
.el-form-item {
width: 100%;
.el-form-item__content {
width: 100%;
.el-input {
font-size: 12px;
height: 32px;
}
.el-input__inner {
height: 32px;
}
.el-select {
width: 100%!important;
font-size: 12px;
height: 32px;
}
.el-date-editor {
width: 100%!important;
}
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Basic/LaneBasic/list.vue 0 → 100644
View file @ ff2774e8
<template>
<div class="page-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">车道基础数据</span>
</div>
<div class="float-right page-refresh">
<span @click="doRefreshClick()" class="pointer">
<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
searchCode="MATERIEL_RECORD"
@search="doSearchClick"
@reset="doResetClick">
</Search>
<div class="float-left">
<el-button
size="small"
type="primary">
新增
</el-button>
<el-button
size="small">
导入
</el-button>
</div>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'LaneBasic',
components: {
Search,
Table
},
data () {
return {
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 210
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
position: relative;
height: 100%;
width: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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;
}
}
.edit-button {
color: #538FFD;
}
.status-circle {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
margin-right: 5px;
vertical-align: middle;
}
.delete-button {
color: #F47476;
}
.view-span {
color: #1284fa;
border-bottom: 1px solid #1284fa;
&:hover {
cursor: pointer;
}
}
.el-dialog__body {
padding: 30px 30px 10px 20px!important;
.el-row {
.el-col {
line-height: 35px;
.el-form-item {
width: 100%;
.el-form-item__content {
width: 100%;
.el-input {
font-size: 12px;
height: 32px;
}
.el-input__inner {
height: 32px;
}
.el-select {
width: 100%!important;
font-size: 12px;
height: 32px;
}
.el-date-editor {
width: 100%!important;
}
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Basic/WorkshopBasic/list.vue 0 → 100644
View file @ ff2774e8
<template>
<div class="page-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">车间基础数据</span>
</div>
<div class="float-right page-refresh">
<span @click="doRefreshClick()" class="pointer">
<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
searchCode="MATERIEL_RECORD"
@search="doSearchClick"
@reset="doResetClick">
</Search>
<div class="float-left">
<el-button
size="small"
type="primary">
新增
</el-button>
</div>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'WorkshopBasic',
components: {
Search,
Table
},
data () {
return {
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 210
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
position: relative;
height: 100%;
width: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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;
}
}
.edit-button {
color: #538FFD;
}
.status-circle {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
margin-right: 5px;
vertical-align: middle;
}
.delete-button {
color: #F47476;
}
.view-span {
color: #1284fa;
border-bottom: 1px solid #1284fa;
&:hover {
cursor: pointer;
}
}
.el-dialog__body {
padding: 30px 30px 10px 20px!important;
.el-row {
.el-col {
line-height: 35px;
.el-form-item {
width: 100%;
.el-form-item__content {
width: 100%;
.el-input {
font-size: 12px;
height: 32px;
}
.el-input__inner {
height: 32px;
}
.el-select {
width: 100%!important;
font-size: 12px;
height: 32px;
}
.el-date-editor {
width: 100%!important;
}
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/DeviceRunning/DeviceFaultRecord/list.vue 0 → 100644
View file @ ff2774e8
<template>
<div class="page-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">设备故障/报警记录</span>
</div>
<div class="float-right page-refresh">
<span @click="doRefreshClick()" class="pointer">
<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
searchCode="MATERIEL_RECORD"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'DeviceFaultRecord',
components: {
Search,
Table
},
data () {
return {
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
position: relative;
height: 100%;
width: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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;
}
}
.edit-button {
color: #538FFD;
}
.status-circle {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
margin-right: 5px;
vertical-align: middle;
}
.delete-button {
color: #F47476;
}
.view-span {
color: #1284fa;
border-bottom: 1px solid #1284fa;
&:hover {
cursor: pointer;
}
}
.el-dialog__body {
padding: 30px 30px 10px 20px!important;
.el-row {
.el-col {
line-height: 35px;
.el-form-item {
width: 100%;
.el-form-item__content {
width: 100%;
.el-input {
font-size: 12px;
height: 32px;
}
.el-input__inner {
height: 32px;
}
.el-select {
width: 100%!important;
font-size: 12px;
height: 32px;
}
.el-date-editor {
width: 100%!important;
}
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/DeviceRunning/DeviceRunningTime/list.vue 0 → 100644
View file @ ff2774e8
<template>
<div class="page-pack">
<div class="title-pack clear-float pl-15 pr-15">
<div class="float-left">
<span class="page-title-text">设备运行时间</span>
</div>
<div class="float-right page-refresh">
<span @click="doRefreshClick()" class="pointer">
<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
searchCode="MATERIEL_RECORD"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'DeviceRunningTime',
components: {
Search,
Table
},
data () {
return {
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
position: relative;
height: 100%;
width: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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;
}
}
.edit-button {
color: #538FFD;
}
.status-circle {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
margin-right: 5px;
vertical-align: middle;
}
.delete-button {
color: #F47476;
}
.view-span {
color: #1284fa;
border-bottom: 1px solid #1284fa;
&:hover {
cursor: pointer;
}
}
.el-dialog__body {
padding: 30px 30px 10px 20px!important;
.el-row {
.el-col {
line-height: 35px;
.el-form-item {
width: 100%;
.el-form-item__content {
width: 100%;
.el-input {
font-size: 12px;
height: 32px;
}
.el-input__inner {
height: 32px;
}
.el-select {
width: 100%!important;
font-size: 12px;
height: 32px;
}
.el-date-editor {
width: 100%!important;
}
}
}
}
}
}
}
</style>
\ No newline at end of file
src/views/Workshop/Chassis/list.vue 0 → 100644
View file @ ff2774e8
<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
searchCode="MATERIEL_TYPE"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'Chassis',
components: {
Table,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '旋转辊床'
},
{
id: 2,
label: '过程扫码设备'
},
{
id: 3,
label: '智能扭力钣手'
},
{
id: 4,
label: '润滑油集中加注'
},
{
id: 5,
label: '四轮定位'
},
{
id: 6,
label: '铆接设备'
}
],
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 300px;
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: 310px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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>
\ No newline at end of file
src/views/Workshop/Final/list.vue 0 → 100644
View file @ ff2774e8
<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
searchCode="MATERIEL_TYPE"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'Final',
components: {
Table,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '板链'
},
{
id: 2,
label: '过程扫码设备'
},
{
id: 3,
label: '智能扭力钣手'
},
{
id: 4,
label: '集中加注冷媒'
},
{
id: 5,
label: '集中加注离合器'
},
{
id: 6,
label: '集中加注助力油'
},
{
id: 7,
label: '地板革热熔胶涂布设备'
},
{
id: 8,
label: '新能源在线检测点'
}
],
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 300px;
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: 310px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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>
\ No newline at end of file
src/views/Workshop/Painting/list.vue 0 → 100644
View file @ ff2774e8
<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
searchCode="MATERIEL_TYPE"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'Painting',
components: {
Table,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '整车前处理电泳'
},
{
id: 2,
label: '整车电泳输出'
},
{
id: 3,
label: '电泳整流'
},
{
id: 4,
label: '喷漆室'
},
{
id: 5,
label: '烘干室'
},
{
id: 6,
label: '打磨室'
},
{
id: 7,
label: '喷涂机器人'
}
],
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 300px;
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: 310px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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>
\ No newline at end of file
src/views/Workshop/Parts/list.vue 0 → 100644
View file @ ff2774e8
<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
searchCode="MATERIEL_TYPE"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'Parts',
components: {
Table,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '三维激光切割机'
},
{
id: 2,
label: '激光切管机'
},
{
id: 3,
label: '平板激光切割机'
},
{
id: 4,
label: '等离子切割机'
},
{
id: 5,
label: '机器人焊接'
},
{
id: 6,
label: '前处理'
},
{
id: 7,
label: '型钢数控下料'
},
{
id: 8,
label: '喷粉线'
}
],
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 300px;
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: 310px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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>
\ No newline at end of file
src/views/Workshop/Trial/list.vue 0 → 100644
View file @ ff2774e8
<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
searchCode="MATERIEL_TYPE"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'Trial',
components: {
Table,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '检测线'
},
{
id: 2,
label: '充电桩'
},
{
id: 3,
label: '动静态测试'
},
{
id: 4,
label: '加氢站'
}
],
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 300px;
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: 310px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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>
\ No newline at end of file
src/views/Workshop/Welding/list.vue 0 → 100644
View file @ ff2774e8
<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
searchCode="MATERIEL_TYPE"
@search="doSearchClick"
@reset="doResetClick">
</Search>
</div>
<div class="general-list-main-pack pl-15 pr-15">
<div>
<Table
:tableConfig="tableConfig">
</Table>
</div>
</div>
</div>
</div>
</template>
<script>
import Table from '@/components/Table/index.vue'
import Search from '@/components/Search'
export default {
name: 'Welding',
components: {
Table,
Search
},
data () {
return {
// 分类树数据
sortTreeData: [
{
id: 1,
label: '车顶自动点焊'
},
{
id: 2,
label: 'PLC数控合装胎'
},
{
id: 3,
label: '板链'
},
{
id: 4,
label: '旋转辊床'
}
],
// 设备分类树高度
treeHeight: {},
// 当前选中分类
currentSort: {},
// 表格配置项
tableConfig: {
height: 0,
data: [],
fieldList: [],
paginationToggle: true,
paginationConfig: {
total: 0,
currentPage: 1,
pageSize: 20
}
}
}
},
methods: {
// 点击刷新按钮
doRefreshClick () {},
// 点击分类树
doSortTreeClick (treeNode) {
this.currentSort = _.cloneDeep(treeNode)
},
// 点击搜索组件搜索按钮
doSearchClick () {},
// 点击搜索组件重置按钮
doResetClick () {}
},
mounted () {
setTimeout(() => {
this.treeHeight = { 'height': `${document.body.offsetHeight - 180}px` }
this.tableConfig.height = document.querySelector('.page-pack').offsetHeight - 180
this.$refs.sortTree.setCurrentKey(this.sortTreeData[0].id)
this.currentSort = _.cloneDeep(this.sortTreeData[0])
}, 0)
}
}
</script>
<style lang="scss" scoped>
.page-pack {
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
// 左侧类别树
.tree-pack {
position: absolute;
width: 300px;
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: 310px;
height: 100%;
border: 1px solid #d2d3d5;
background-color: #fff;
.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>
\ No newline at end of file
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