<!--
|
* @Date: 2024-01-06 17:40:19
|
* @LastEditors: Sneed
|
* @LastEditTime: 2024-01-16 23:53:17
|
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/machineList/index.vue
|
-->
|
<template>
|
<div class="maintenance">
|
<div class="nav">机床采集</div>
|
<List ref="list" url="/machine/pageQuery">
|
<template slot="search">
|
<div class="item">
|
<span>机床名称</span>
|
<el-input class="item-value" v-model="queryInfo.machineName" clearable></el-input>
|
</div>
|
<div class="item">
|
<span>ip地址</span>
|
<el-input class="item-value" v-model="queryInfo.ip" clearable></el-input>
|
</div>
|
<div class="item">
|
<span>型号</span>
|
<el-input class="item-value" v-model="queryInfo.type" clearable></el-input>
|
</div>
|
<div class="item">
|
<span>程序传输模式</span>
|
<el-select class="value" v-model="queryInfo.transMode" placeholder="请选择">
|
<el-option v-for="item in transModeList" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</div>
|
<div class="item">
|
<span>加工类型</span>
|
<el-select class="item-value" v-model="queryInfo.category" placeholder="">
|
<el-option v-for="item in deviceType" :key="item.value" :label="item.label" :value="item.value">
|
</el-option>
|
</el-select>
|
</div>
|
<div class="item" style="flex: 1 1 auto;justify-content: flex-end;">
|
<el-button type="primary" size="small" @click="query">查询</el-button>
|
<el-button type="primary" size="small" @click="reset">重置</el-button>
|
</div>
|
</template>
|
<!--
|
<template slot="table-tool">
|
<el-button type="primary" size="mini" @click="add">添加设备类型</el-button>
|
</template>
|
-->
|
<template slot="columns">
|
|
<el-table-column
|
prop="machineName"
|
label="名称"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="type"
|
label="型号"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="category"
|
label="加工类型"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="ip"
|
label="IP地址"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="port"
|
label="端口"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="workshop"
|
label="车间"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="section"
|
label="工段"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="shiftType"
|
label="班制"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="port"
|
label="端口"
|
width="180">
|
</el-table-column>
|
<el-table-column
|
prop="transMode"
|
label="程序传输模式"
|
width="180">
|
<template slot-scope="scope">
|
<span v-if="scope.row.state == 0">com口</span>
|
<span v-else-if="scope.row.state == 1">共享文件夹</span>
|
<span v-else-if="scope.row.state == 3">网口</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
prop="dncName"
|
label="DNC名称"
|
width="180">
|
</el-table-column>
|
<el-table-column fixed="right" align="center" label="操作">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="handlerSetting(scope.row)">配置</el-button>
|
</template>
|
</el-table-column>
|
</template>
|
|
</List>
|
<manage-add-update v-if="addOrUpdateVisible" :addVisible="addOrUpdateVisible" @close="close" @confirm="confirm"
|
:row="row"></manage-add-update>
|
</div>
|
</template>
|
<script>
|
import List from '../list/index.vue'
|
import ManageAddUpdate from './Manage-add-update'
|
import { getUrl } from '@/api/Api'
|
export default {
|
components: {
|
List,
|
ManageAddUpdate
|
},
|
data () {
|
return {
|
transModeList: [
|
{
|
label: 'com口',
|
value: 0
|
},
|
{
|
label: '享文件夹',
|
value: 1
|
},
|
{
|
label: '网口',
|
value: 2
|
},
|
],
|
deviceType: [
|
{ value: '立加', label: '立加' },
|
{ value: '卧加', label: '卧加' },
|
{ value: '立卧转换', label: '立卧转换' },
|
{ value: '五轴', label: '五轴' },
|
{ value: '数控车', label: '数控车' },
|
{ value: '复合加工', label: '复合加工' },
|
{ value: '数控磨', label: '数控磨' },
|
{ value: '齿加工', label: '齿加工' },
|
{ value: '电工加', label: '电工加' }
|
],
|
queryInfo: {
|
category: '',
|
transMode: '',
|
machineName: '',
|
ip: '',
|
type: '',
|
},
|
row: {},
|
addOrUpdateVisible: false
|
}
|
},
|
created () {
|
this.url = getUrl('machineQuery')
|
},
|
methods: {
|
reset () {
|
Object.keys(this.queryInfo).forEach(key => {
|
this.queryInfo[key] = ''
|
})
|
},
|
query () {
|
this.$refs.list.pageQuery(this.queryInfo)
|
},
|
add() {
|
this.row = {id:''}
|
this.addOrUpdateVisible = true
|
|
},
|
close() {
|
this.addOrUpdateVisible = false
|
},
|
confirm() {
|
this.query()
|
this.close()
|
},
|
handlerSetting(row) {
|
this.row = row
|
this.addOrUpdateVisible = true
|
}
|
|
},
|
}
|
</script>
|
<style lang="scss">
|
.maintenance {
|
.item-value {
|
.el-input__inner {
|
background: transparent;
|
border-radius: 2px;
|
border: 1px solid #435F9E;
|
}
|
}
|
.el-button--mini {
|
background: transparent;
|
}
|
.el-button--primary {
|
background-color: transparent;
|
}
|
}
|
</style>
|
<style lang="scss" scoped>
|
.maintenance {
|
width: 100%;
|
height: 100%;
|
overflow: hidden;
|
color: #FFF;
|
display: flex;
|
flex-direction: column;
|
|
.nav {
|
padding: 10px 30px;
|
}
|
|
.item {
|
margin-top: 20px;
|
margin-left: 50px;
|
display: flex;
|
align-items: center;
|
|
span {
|
width: 120px;
|
font-size: 16px;
|
font-family: PingFangSC, PingFang SC;
|
color: #C6DCE0;
|
text-align: right;
|
padding-right: 20px;
|
}
|
|
.item-value {
|
width: 200px;
|
border: 1px solid #435F9E;
|
}
|
|
.btn {
|
line-height: 1.5;
|
width: 100px;
|
text-align: center;
|
font-size: 16px;
|
cursor: pointer;
|
}
|
|
.reset {
|
background: #AAB6BA;
|
color: #FFF;
|
}
|
|
.query {
|
background: #5DD1FC;
|
color: #FFF;
|
}
|
}
|
}
|
</style>
|
