feat(钢卷管理): 在操作列添加数字钢卷按钮并实现跳转功能
添加数字钢卷按钮到钢卷管理页面的操作列,并实现点击跳转到数字钢卷详情页面的功能。同时调整了操作列的宽度以适应新增按钮。
This commit is contained in:
@@ -50,7 +50,8 @@
|
|||||||
<i class="el-icon-box"></i>
|
<i class="el-icon-box"></i>
|
||||||
<p>暂无待领物料</p>
|
<p>暂无待领物料</p>
|
||||||
</div> -->
|
</div> -->
|
||||||
<KLPTable :data="materialCoilList" height="calc(100vh - 340px)" :floatLayer="true" :floatLayerConfig="floatLayerConfig" :row-style="getRowStyle">
|
<KLPTable :data="materialCoilList" height="calc(100vh - 340px)" :floatLayer="true"
|
||||||
|
:floatLayerConfig="floatLayerConfig" :row-style="getRowStyle">
|
||||||
<el-table-column prop="status" label="钢卷状态" width="100" show-overflow-tooltip>
|
<el-table-column prop="status" label="钢卷状态" width="100" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag size="small" :style="getBorderStyle(scope.row)">{{ getTypeLabel(scope.row) }}</el-tag>
|
<el-tag size="small" :style="getBorderStyle(scope.row)">{{ getTypeLabel(scope.row) }}</el-tag>
|
||||||
@@ -66,12 +67,15 @@
|
|||||||
<el-table-column prop="warehouseName" label="逻辑库区" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="warehouseName" label="逻辑库区" show-overflow-tooltip></el-table-column>
|
||||||
<el-table-column prop="specification" label="规格" width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="specification" label="规格" width="100" show-overflow-tooltip></el-table-column>
|
||||||
<el-table-column prop="netWeight" label="净重" width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="netWeight" label="净重" width="100" show-overflow-tooltip></el-table-column>
|
||||||
<el-table-column prop="action" label="操作" width="400">
|
<el-table-column prop="action" label="操作" width="500">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
||||||
size="mini" icon="el-icon-view" @click="handlePreviewLabel(scope.row)" title="预览标签">预览</el-button>
|
size="mini" icon="el-icon-view" @click="handlePreviewLabel(scope.row)" title="预览标签">预览</el-button>
|
||||||
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
||||||
size="mini" icon="el-icon-printer" @click="handlePrintLabel(scope.row)" title="打印标签">打印</el-button>
|
size="mini" icon="el-icon-printer" @click="handlePrintLabel(scope.row)" title="打印标签">打印</el-button>
|
||||||
|
<el-button size="mini" type="default" style="margin-left: 0px; padding: 4px !important;" icon="el-icon-view" @click="handleNumberCoilClick(scope.row)">
|
||||||
|
数字钢卷
|
||||||
|
</el-button>
|
||||||
<el-button type="warning" icon="el-icon-time" size="mini" @click="handleTrace(scope.row)"
|
<el-button type="warning" icon="el-icon-time" size="mini" @click="handleTrace(scope.row)"
|
||||||
:loading="scope.row.picking" class="action-btn">追溯</el-button>
|
:loading="scope.row.picking" class="action-btn">追溯</el-button>
|
||||||
|
|
||||||
@@ -80,14 +84,12 @@
|
|||||||
<el-button type="danger" icon="el-icon-delete" size="mini" @click="hanleDeleteMaterial(scope.row)"
|
<el-button type="danger" icon="el-icon-delete" size="mini" @click="hanleDeleteMaterial(scope.row)"
|
||||||
:loading="scope.row.picking" class="action-btn">删除</el-button>
|
:loading="scope.row.picking" class="action-btn">删除</el-button>
|
||||||
|
|
||||||
<el-button v-if="scope.row.dataType == 1 && scope.row.status == 0"
|
<el-button v-if="scope.row.dataType == 1 && scope.row.status == 0" type="success"
|
||||||
type="success" icon="el-icon-refresh"
|
icon="el-icon-refresh" size="mini" @click="handleRestoreMaterial(scope.row)"
|
||||||
size="mini" @click="handleRestoreMaterial(scope.row)" :loading="scope.row.cancelling"
|
:loading="scope.row.cancelling" class="action-btn">回滚</el-button>
|
||||||
class="action-btn">回滚</el-button>
|
<el-button v-if="scope.row.dataType == 10 && scope.row.status == 0" type="success"
|
||||||
<el-button v-if="scope.row.dataType == 10 && scope.row.status == 0"
|
icon="el-icon-refresh" size="mini" @click="handleForceInMaterial(scope.row)"
|
||||||
type="success" icon="el-icon-refresh"
|
:loading="scope.row.cancelling" class="action-btn">强制入库</el-button>
|
||||||
size="mini" @click="handleForceInMaterial(scope.row)" :loading="scope.row.cancelling"
|
|
||||||
class="action-btn">强制入库</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
@@ -603,6 +605,12 @@ export default {
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
parseTime,
|
parseTime,
|
||||||
|
// 进入数字钢卷页面
|
||||||
|
handleNumberCoilClick(row) {
|
||||||
|
this.$router.push({
|
||||||
|
path: '/wms/coil/' + row.coilId,
|
||||||
|
});
|
||||||
|
},
|
||||||
/** 新增按钮操作 */
|
/** 新增按钮操作 */
|
||||||
handleAdd() {
|
handleAdd() {
|
||||||
this.reset();
|
this.reset();
|
||||||
|
|||||||
@@ -55,12 +55,15 @@
|
|||||||
<el-table-column prop="specification" label="规格" width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="specification" label="规格" width="100" show-overflow-tooltip></el-table-column>
|
||||||
<el-table-column prop="netWeight" label="净重" width="100" show-overflow-tooltip></el-table-column>
|
<el-table-column prop="netWeight" label="净重" width="100" show-overflow-tooltip></el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="action" label="操作" width="400">
|
<el-table-column prop="action" label="操作" width="460">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
||||||
size="mini" icon="el-icon-view" @click="handlePreviewLabel(scope.row)" title="预览标签">预览</el-button>
|
size="mini" icon="el-icon-view" @click="handlePreviewLabel(scope.row)" title="预览标签">预览</el-button>
|
||||||
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
<el-button v-loading="buttonLoading" style="margin-left: 0px; padding: 4px !important;" type="default"
|
||||||
size="mini" icon="el-icon-printer" @click="handlePrintLabel(scope.row)" title="打印标签">打印</el-button>
|
size="mini" icon="el-icon-printer" @click="handlePrintLabel(scope.row)" title="打印标签">打印</el-button>
|
||||||
|
<el-button size="mini" type="default" style="margin-left: 0px; padding: 4px !important;" icon="el-icon-view" @click="handleNumberCoilClick(scope.row)">
|
||||||
|
数字钢卷
|
||||||
|
</el-button>
|
||||||
<el-button type="warning" icon="el-icon-time" size="mini" @click="handleTrace(scope.row)"
|
<el-button type="warning" icon="el-icon-time" size="mini" @click="handleTrace(scope.row)"
|
||||||
:loading="scope.row.picking" class="action-btn">追溯</el-button>
|
:loading="scope.row.picking" class="action-btn">追溯</el-button>
|
||||||
|
|
||||||
@@ -69,14 +72,12 @@
|
|||||||
<el-button type="danger" icon="el-icon-delete" size="mini" @click="hanleDeleteMaterial(scope.row)"
|
<el-button type="danger" icon="el-icon-delete" size="mini" @click="hanleDeleteMaterial(scope.row)"
|
||||||
:loading="scope.row.picking" class="action-btn">删除</el-button>
|
:loading="scope.row.picking" class="action-btn">删除</el-button>
|
||||||
|
|
||||||
<el-button v-if="scope.row.dataType == 1 && scope.row.status == 0"
|
<el-button v-if="scope.row.dataType == 1 && scope.row.status == 0" type="success" icon="el-icon-refresh"
|
||||||
type="success" icon="el-icon-refresh"
|
|
||||||
size="mini" @click="handleRestoreMaterial(scope.row)" :loading="scope.row.cancelling"
|
size="mini" @click="handleRestoreMaterial(scope.row)" :loading="scope.row.cancelling"
|
||||||
class="action-btn">回滚</el-button>
|
class="action-btn">回滚</el-button>
|
||||||
<el-button v-if="scope.row.dataType == 10 && scope.row.status == 0"
|
<el-button v-if="scope.row.dataType == 10 && scope.row.status == 0" type="success"
|
||||||
type="success" icon="el-icon-refresh"
|
icon="el-icon-refresh" size="mini" @click="handleForceInMaterial(scope.row)"
|
||||||
size="mini" @click="handleForceInMaterial(scope.row)" :loading="scope.row.cancelling"
|
:loading="scope.row.cancelling" class="action-btn">强制入库</el-button>
|
||||||
class="action-btn">强制入库</el-button>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
@@ -597,6 +598,12 @@ export default {
|
|||||||
}
|
}
|
||||||
return '物品类型';
|
return '物品类型';
|
||||||
},
|
},
|
||||||
|
// 进入数字钢卷页面
|
||||||
|
handleNumberCoilClick(row) {
|
||||||
|
this.$router.push({
|
||||||
|
path: '/wms/coil/' + row.coilId,
|
||||||
|
});
|
||||||
|
},
|
||||||
// 分条操作列表(100-199)
|
// 分条操作列表(100-199)
|
||||||
splitTypes() {
|
splitTypes() {
|
||||||
if (!this.dict.type.action_type) return [];
|
if (!this.dict.type.action_type) return [];
|
||||||
|
|||||||
Reference in New Issue
Block a user