main
qsh
3 months ago
parent
7df45d6703
commit
b2a376cdf0
@ -0,0 +1,127 @@ |
|||||||
|
<template> |
||||||
|
<Dialog title="成交商品" v-model="show" width="80%"> |
||||||
|
<el-table :data="orderProductList" border stripe> |
||||||
|
<el-table-column prop="productName" label="成交产品" /> |
||||||
|
<el-table-column prop="specsName" label="产品规格" /> |
||||||
|
<el-table-column prop="signNum" label="成交数量" /> |
||||||
|
<el-table-column prop="remark" label="成交备注" /> |
||||||
|
<el-table-column label="生产状态" width="160px"> |
||||||
|
<template #default="scope"> |
||||||
|
<el-switch |
||||||
|
v-model="scope.row.isProduced" |
||||||
|
:active-value="true" |
||||||
|
:inactive-value="false" |
||||||
|
active-text="已生产" |
||||||
|
inactive-text="待生产" |
||||||
|
v-if="checkPermi(['clue:order:update-produce'])" |
||||||
|
size="small" |
||||||
|
@change="handleChangeProdoce(scope.row)" |
||||||
|
/> |
||||||
|
<div v-else>{{ scope.row.isProducedDesc }}</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="发货状态" prop="sendState" width="90px"> |
||||||
|
<template #default="scope"> |
||||||
|
<el-tag :type="scope.row.sendState == '待发货' ? 'danger' : 'success'" size="small"> |
||||||
|
{{ scope.row.sendState }} |
||||||
|
</el-tag> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="发货备注" width="100px"> |
||||||
|
<template #default="scope"> |
||||||
|
<el-popover |
||||||
|
placement="top" |
||||||
|
width="500px" |
||||||
|
trigger="click" |
||||||
|
v-if="scope.row.warehouseName && scope.row.sendRemark" |
||||||
|
> |
||||||
|
<template #reference> |
||||||
|
<el-button type="primary" style="padding: 0" text>点击查看</el-button> |
||||||
|
</template> |
||||||
|
<div v-dompurify-html="scope.row.sendRemark"></div> |
||||||
|
</el-popover> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" width="100px"> |
||||||
|
<template #default="scope"> |
||||||
|
<el-button |
||||||
|
type="primary" |
||||||
|
class="mr-10px" |
||||||
|
link |
||||||
|
:disabled="scope.row.sendState == '已发货'" |
||||||
|
style="padding: 0; margin-left: 0" |
||||||
|
v-hasPermi="['clue:order:send']" |
||||||
|
@click="handleDelivery(scope.row)" |
||||||
|
> |
||||||
|
发货 |
||||||
|
</el-button> |
||||||
|
<el-button |
||||||
|
type="danger" |
||||||
|
link |
||||||
|
style="padding: 0; margin-left: 0" |
||||||
|
v-hasPermi="['clue:order:remove-product']" |
||||||
|
@click="handleRemoveProduct(scope.row)" |
||||||
|
> |
||||||
|
删除 |
||||||
|
</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</Dialog> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup> |
||||||
|
import * as OrderApi from '@/api/clue/sign' |
||||||
|
import { checkPermi } from '@/utils/permission' |
||||||
|
|
||||||
|
const show = ref(false) |
||||||
|
const orderProductList = ref([]) |
||||||
|
function open(orderId) { |
||||||
|
try { |
||||||
|
show.value = true |
||||||
|
getFields() |
||||||
|
OrderApi.getSign(orderId).then((data) => { |
||||||
|
orderProductList.value = data.signProducts || [] |
||||||
|
}) |
||||||
|
} catch (error) { |
||||||
|
console.log(error) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const orderSchema = ref([]) |
||||||
|
function getFields() { |
||||||
|
getOrderFieldList().then((data) => { |
||||||
|
const list = useCrudSchemas(data).allSchemas.detailSchema |
||||||
|
const arr = [] |
||||||
|
list.forEach((it) => { |
||||||
|
if (it.label.includes('日期')) { |
||||||
|
it.dateFormat = 'YYYY-MM-DD' |
||||||
|
} |
||||||
|
|
||||||
|
if (it.field == 'receivedMoney') { |
||||||
|
checkPermi(['clue:order:return-list']) && arr.push(it) |
||||||
|
} else { |
||||||
|
arr.push(it) |
||||||
|
} |
||||||
|
}) |
||||||
|
if (arr.filter((item) => item.span != 2).length % 2 != 0) { |
||||||
|
arr.push({}) |
||||||
|
} |
||||||
|
orderSchema.value = [ |
||||||
|
...arr, |
||||||
|
{ |
||||||
|
field: 'remark', |
||||||
|
label: '备注', |
||||||
|
span: 2, |
||||||
|
isEditor: true |
||||||
|
} |
||||||
|
] |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
defineExpose({ |
||||||
|
open |
||||||
|
}) |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped></style> |
||||||
Loading…
Reference in new issue