|
@@ -1,12 +1,12 @@
|
|
<template>
|
|
<template>
|
|
<el-dialog
|
|
<el-dialog
|
|
:visible.sync="visible"
|
|
:visible.sync="visible"
|
|
- :title="`订单详情 ${oData && oData.orderNo ? oData.orderNo : ''}`"
|
|
|
|
|
|
+ :title="formattedTitle"
|
|
append-to-body
|
|
append-to-body
|
|
width="1200px"
|
|
width="1200px"
|
|
>
|
|
>
|
|
<div class="flex column" style="padding-bottom:20px;height:580px">
|
|
<div class="flex column" style="padding-bottom:20px;height:580px">
|
|
- <div class="flex valign-center">
|
|
|
|
|
|
+ <div v-if="oData && oData.tagApplyStateId === '0'" class="flex valign-center">
|
|
<el-button
|
|
<el-button
|
|
plain
|
|
plain
|
|
icon="el-icon-delete"
|
|
icon="el-icon-delete"
|
|
@@ -14,11 +14,13 @@
|
|
size="small"
|
|
size="small"
|
|
class="custom-plain-button"
|
|
class="custom-plain-button"
|
|
@click="onBatchDeleteBtnClick"
|
|
@click="onBatchDeleteBtnClick"
|
|
- :disabled="selectedList.length === 0 || (oData.tagApplyStateId !='0' && oData.tagApplyStateId != '1')"
|
|
|
|
|
|
+ :disabled="selectedList.length === 0 || oData.tagApplyStateId !='0'"
|
|
>批量删除</el-button>
|
|
>批量删除</el-button>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1 fit-size" style="padding-top:20px;">
|
|
<div class="flex-1 fit-size" style="padding-top:20px;">
|
|
|
|
+ <!-- el-table 绑定 visible 是因为 第一列的checkbox 没有按条件隐藏 -->
|
|
<el-table
|
|
<el-table
|
|
|
|
+ v-if="visible"
|
|
ref="table"
|
|
ref="table"
|
|
:data="list"
|
|
:data="list"
|
|
stripe
|
|
stripe
|
|
@@ -30,10 +32,10 @@
|
|
@row-click="onRowClick"
|
|
@row-click="onRowClick"
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
|
|
+ v-if="oData && oData.tagApplyStateId === '0'"
|
|
type="selection"
|
|
type="selection"
|
|
width="55"
|
|
width="55"
|
|
align="center"
|
|
align="center"
|
|
- :selectable="tagSelectAble"
|
|
|
|
fixed
|
|
fixed
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -44,17 +46,17 @@
|
|
fixed
|
|
fixed
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- label="商品编码"
|
|
|
|
- prop="goodsCode"
|
|
|
|
|
|
+ label="商品名称"
|
|
|
|
+ min-width="200"
|
|
|
|
+ prop="goodsName"
|
|
header-align="center"
|
|
header-align="center"
|
|
- min-width="100"
|
|
|
|
align="center"
|
|
align="center"
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- label="商品名称"
|
|
|
|
- min-width="200"
|
|
|
|
- prop="goodsName"
|
|
|
|
|
|
+ label="商品编码"
|
|
|
|
+ prop="goodsCode"
|
|
header-align="center"
|
|
header-align="center"
|
|
|
|
+ min-width="100"
|
|
align="center"
|
|
align="center"
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -86,7 +88,7 @@
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.number" :class="{ 'input-error': scope.row.number === '' }" @input="handleInput" :disabled="oData.tagApplyStateId !='0' && oData.tagApplyStateId != '1'"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.number" :class="{ 'input-error': scope.row.number === '' }" @input="handleInput" :disabled="oData.tagApplyStateId !='0'"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -111,6 +113,7 @@
|
|
header-align="left"
|
|
header-align="left"
|
|
></el-table-column>
|
|
></el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
|
|
+ v-if="oData && oData.tagApplyStateId === '0'"
|
|
label="操作栏"
|
|
label="操作栏"
|
|
min-width="80"
|
|
min-width="80"
|
|
header-align="center"
|
|
header-align="center"
|
|
@@ -118,14 +121,14 @@
|
|
>
|
|
>
|
|
<template v-slot="{ row }">
|
|
<template v-slot="{ row }">
|
|
<div class="flex center layout-gap">
|
|
<div class="flex center layout-gap">
|
|
- <edit-button :data="row" :on-click="onDeleteBtnClick" icon="el-icon-delete" :disabled="oData.tagApplyStateId !='0' && oData.tagApplyStateId != '1'">删除</edit-button>
|
|
|
|
|
|
+ <edit-button :data="row" :on-click="onDeleteBtnClick" icon="el-icon-delete" :disabled="oData.tagApplyStateId !='0'">删除</edit-button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <template #footer v-if="oData && (oData.tagApplyStateId === '0'||oData.tagApplyStateId === '1')">
|
|
|
|
|
|
+ <template #footer v-if="oData && oData.tagApplyStateId === '0'">
|
|
<div class="flex center dialog-footer">
|
|
<div class="flex center dialog-footer">
|
|
<el-button
|
|
<el-button
|
|
@click="onCloseBtnClick"
|
|
@click="onCloseBtnClick"
|
|
@@ -134,7 +137,7 @@
|
|
v-if="oData && oData.tagApplyStateId === '0'"
|
|
v-if="oData && oData.tagApplyStateId === '0'"
|
|
type="primary"
|
|
type="primary"
|
|
@click="onConfirmOrderBtnClick"
|
|
@click="onConfirmOrderBtnClick"
|
|
- >确认订单</el-button>
|
|
|
|
|
|
+ >生成申领订单</el-button>
|
|
|
|
|
|
<el-button
|
|
<el-button
|
|
v-else
|
|
v-else
|
|
@@ -163,6 +166,11 @@ export default {
|
|
visible: false,
|
|
visible: false,
|
|
oData: null
|
|
oData: null
|
|
}),
|
|
}),
|
|
|
|
+ computed: {
|
|
|
|
+ formattedTitle () {
|
|
|
|
+ return `《${this.oData && this.oData.providerName ? this.oData.providerName : ''}》标签申领详情`
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
open (data) {
|
|
open (data) {
|
|
this.oData = data
|
|
this.oData = data
|
|
@@ -175,7 +183,7 @@ export default {
|
|
this.list = Object.freeze([])
|
|
this.list = Object.freeze([])
|
|
},
|
|
},
|
|
tagSelectAble () {
|
|
tagSelectAble () {
|
|
- return this.oData.tagApplyStateId === '0' || this.oData.tagApplyStateId === '1'
|
|
|
|
|
|
+ return this.oData.tagApplyStateId === '0'
|
|
},
|
|
},
|
|
onBatchDeleteBtnClick () {
|
|
onBatchDeleteBtnClick () {
|
|
const { selectedList } = this
|
|
const { selectedList } = this
|