<template>
|
<div>
|
<!-- 查询区域 -->
|
<div class="table-page-search-wrapper">
|
<a-form layout="inline" @keyup.enter.native="searchQuery">
|
<a-row :gutter="24">
|
<a-col :md="5" :sm="5">
|
<a-form-item label="刀具编号">
|
<a-input placeholder="请输入刀具编号" v-model="queryParam.cutterCode" allow-clear/>
|
</a-form-item>
|
</a-col>
|
|
<a-col :md="5" :sm="5">
|
<a-form-item label="刀具名称">
|
<a-input placeholder="请输入刀具名称" v-model="queryParam.cutterName" allow-clear/>
|
</a-form-item>
|
</a-col>
|
|
<a-col :md="4" :sm="4">
|
<a-space>
|
<a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
|
<a-button type="primary" @click="handleAdd" icon="plus" v-has="'cutter_add'">新增</a-button>
|
<a-button type="primary" @click="handleExportXls('刀具列表')" icon="export">导出</a-button>
|
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader"
|
:action="importExcelUrl" @change="handleImportExcel">
|
<a-button type="primary" icon="import">导入</a-button>
|
</a-upload>
|
</a-space>
|
</a-col>
|
</a-row>
|
</a-form>
|
</div>
|
|
<a-table :columns="columns" :data-source="dataSource" bordered :pagination="ipagination" :size="size" rowKey="id"
|
@change="handleTableChange" :scroll="{y:189}">
|
<template slot="action" slot-scope="text, record">
|
<a @click="handleEdit(record)">编辑</a>
|
|
<a-divider type="vertical"/>
|
|
<a-dropdown>
|
<a class="ant-dropdown-link">
|
更多
|
<a-icon type="down"/>
|
</a>
|
<a-menu slot="overlay">
|
<a-menu-item>
|
<a href="javascript:;" @click="handleDetail(record)">详情</a>
|
</a-menu-item>
|
|
<a-menu-item>
|
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
|
<a>删除</a>
|
</a-popconfirm>
|
</a-menu-item>
|
</a-menu>
|
</a-dropdown>
|
</template>
|
</a-table>
|
|
<CutterModal ref="cutterModalRef" :currentTreeNodeInfo="currentLevelInfo" @submitSuccess="loadData"/>
|
</div>
|
</template>
|
|
<script>
|
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
|
import CutterModal from '@views/dnc/base/modules/ProductStructure/Cutter/CutterModal.vue'
|
|
export default {
|
name: 'CutterTableList',
|
components: { CutterModal },
|
mixins: [JeecgListMixin],
|
props: {
|
currentLevelInfo: {
|
type: Object
|
},
|
size: {
|
type: String
|
}
|
},
|
data() {
|
return {
|
disableMixinCreated: true,
|
columns: [
|
{
|
title: '序号',
|
dataIndex: 'rowIndex',
|
key: 'rowIndex',
|
width: 65,
|
align: 'center',
|
customRender: function(t, r, index) {
|
return parseInt(index) + 1
|
}
|
},
|
{ title: '刀具编号', dataIndex: 'cutterCode', align: 'center' },
|
{ title: '刀具名称', dataIndex: 'cutterName', align: 'center' },
|
{ title: '刀具类型', dataIndex: 'cutterType_dictText', align: 'center' },
|
{ title: '额定寿命', dataIndex: 'lifetime', width: 150, align: 'center' },
|
{ title: '刀位', dataIndex: 'cutterSpacing', width: 150, align: 'center' },
|
{ title: '刀具数量', dataIndex: 'quantity', width: 150, align: 'center' },
|
{ title: '操作', dataIndex: 'action', scopedSlots: { customRender: 'action' }, align: 'center', width: 150 }
|
],
|
url: {
|
list: '/nc/cutter/getByBusinessId',
|
delete: '/nc/cutter/delete',
|
exportXlsUrl: '/nc/cutter/exportXls',
|
importExcelUrl: '/nc/cutter/importExcel'
|
}
|
}
|
},
|
computed: {
|
importExcelUrl: function() {
|
return `${window._CONFIG['domianURL']}${this.url.importExcelUrl}`
|
}
|
},
|
methods: {
|
setQueryParamAndLoadData(pageNo = 1) {
|
const { id, type } = this.currentLevelInfo
|
this.queryParam = Object.assign({}, { attributionId: id, attributionType: type })
|
this.loadData(pageNo)
|
},
|
|
handleAdd() {
|
if (!this.$refs.cutterModalRef) return
|
this.$refs.cutterModalRef.title = '添加刀具'
|
this.$refs.cutterModalRef.disableSubmit = false
|
this.$refs.cutterModalRef.handleCutterAdd()
|
},
|
|
/**
|
* 编辑表格行信息
|
* @param record 表格行信息
|
*/
|
handleEdit(record) {
|
if (!this.$refs.cutterModalRef) return
|
this.$refs.cutterModalRef.title = '编辑刀具信息'
|
this.$refs.cutterModalRef.disableSubmit = false
|
this.$refs.cutterModalRef.handleCutterEdit(record)
|
},
|
|
/**
|
* 查看表格完整行信息
|
* @param record 表格行信息
|
*/
|
handleDetail: function(record) {
|
if (!this.$refs.cutterModalRef) return
|
this.$refs.cutterModalRef.title = '刀具详情'
|
this.$refs.cutterModalRef.disableSubmit = true
|
this.$refs.cutterModalRef.handleCutterEdit(record)
|
}
|
}
|
}
|
</script>
|
