|
@@ -5,32 +5,44 @@ import { sellerConf, getImg } from "@/service/buyOrSell";
|
|
import { showFailToast, showSuccessToast } from "vant";
|
|
import { showFailToast, showSuccessToast } from "vant";
|
|
import { useRouter } from 'vue-router'
|
|
import { useRouter } from 'vue-router'
|
|
import { useTradeStore } from '@/stores/trade';
|
|
import { useTradeStore } from '@/stores/trade';
|
|
-
|
|
|
|
|
|
+import { showImagePreview } from 'vant';
|
|
|
|
|
|
const router = useRouter()
|
|
const router = useRouter()
|
|
const tradeStore = useTradeStore()
|
|
const tradeStore = useTradeStore()
|
|
|
|
|
|
-const certificate = ref('') // 买家用户名
|
|
|
|
|
|
+// const certificate = ref('') // 凭证图片
|
|
|
|
+
|
|
const price = ref(0) // 价格
|
|
const price = ref(0) // 价格
|
|
const tradeNumber = ref(0) // 股票数量
|
|
const tradeNumber = ref(0) // 股票数量
|
|
let totalPrice = computed(() => { // 应收款
|
|
let totalPrice = computed(() => { // 应收款
|
|
- return price.value * tradeNumber.value
|
|
|
|
|
|
+ return Math.round(price.value * tradeNumber.value * 100) / 100;
|
|
})
|
|
})
|
|
|
|
|
|
-const orderId = ref('') // 交易单id
|
|
|
|
|
|
+const orderId = ref('') // 交易单号id
|
|
|
|
|
|
let imgUrl = ref('')
|
|
let imgUrl = ref('')
|
|
|
|
|
|
-const getImgFunc = async () => {
|
|
|
|
- const { data } = await getImg(orderId.value)
|
|
|
|
- console.log("orderId >>>", orderId.value);
|
|
|
|
- if (data.code === '00000') {
|
|
|
|
- imgUrl.value = data.data
|
|
|
|
- } else {
|
|
|
|
- showFailToast('未找到买家付款截图')
|
|
|
|
|
|
+const getImgFunc = async (e) => {
|
|
|
|
+ try {
|
|
|
|
+ const imageUrl = await getImg(e);
|
|
|
|
+ imgUrl.value = imageUrl; // 假设imgUrl是一个Vue响应式变量
|
|
|
|
+ } catch (error) {
|
|
|
|
+ // 处理错误,例如显示一个消息给用户
|
|
|
|
+ showFailToast('未找到买家付款截图');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+// 预览图片的方法
|
|
|
|
+const previewImage = () => {
|
|
|
|
+ showImagePreview({
|
|
|
|
+ images: [
|
|
|
|
+ imgUrl.value
|
|
|
|
+ ],
|
|
|
|
+ // startPosition: 0, // 指定图片初始位置
|
|
|
|
+ closeable: true, // 展示关闭按钮
|
|
|
|
+ })
|
|
|
|
+};
|
|
|
|
+
|
|
const onSubmit = async () => {
|
|
const onSubmit = async () => {
|
|
try {
|
|
try {
|
|
const { data } = await sellerConf(orderId.value)
|
|
const { data } = await sellerConf(orderId.value)
|
|
@@ -50,12 +62,14 @@ const onSubmit = async () => {
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
if (tradeStore.tradeItem) {
|
|
if (tradeStore.tradeItem) {
|
|
const item = tradeStore.getTradeItem()
|
|
const item = tradeStore.getTradeItem()
|
|
- certificate.value = item.certificate;
|
|
|
|
|
|
+ console.log("item >>>", item);
|
|
|
|
+
|
|
|
|
+ // certificate.value = item.certificate;
|
|
tradeNumber.value = item.tradeNumber;
|
|
tradeNumber.value = item.tradeNumber;
|
|
price.value = item.price;
|
|
price.value = item.price;
|
|
orderId.value = item.id;
|
|
orderId.value = item.id;
|
|
}
|
|
}
|
|
- getImgFunc()
|
|
|
|
|
|
+ getImgFunc(orderId.value)
|
|
});
|
|
});
|
|
|
|
|
|
// 当组件卸载时清除用户信息
|
|
// 当组件卸载时清除用户信息
|
|
@@ -74,8 +88,10 @@ onBeforeUnmount(() => {
|
|
<br>
|
|
<br>
|
|
<!-- 买家应付款 -->
|
|
<!-- 买家应付款 -->
|
|
<van-cell-group inset>
|
|
<van-cell-group inset>
|
|
- <van-field v-model="certificate" readonly name="单据凭证" label="单据凭证" placeholder="单据凭证"
|
|
|
|
- left-icon="coupon" />
|
|
|
|
|
|
+ <van-field v-model="orderId" readonly name="交易单号" label="交易单号" placeholder="交易单号" type="textarea"
|
|
|
|
+ autosize left-icon="coupon" />
|
|
|
|
+ <!-- <van-field v-model="certificate" readonly name="单据凭证" label="单据凭证" placeholder="单据凭证"
|
|
|
|
+ type="textarea" autosize left-icon="coupon" /> -->
|
|
<van-field v-model="tradeNumber" readonly name="卖出数量" label="卖出数量" placeholder="卖出数量"
|
|
<van-field v-model="tradeNumber" readonly name="卖出数量" label="卖出数量" placeholder="卖出数量"
|
|
left-icon="goods-collect" :rules="[{ required: true, message: '买出数量不能为空' }]" />
|
|
left-icon="goods-collect" :rules="[{ required: true, message: '买出数量不能为空' }]" />
|
|
<van-field v-model="price" readonly name="卖出单价" label="卖出单价" placeholder="卖出单价" left-icon="gold-coin" />
|
|
<van-field v-model="price" readonly name="卖出单价" label="卖出单价" placeholder="卖出单价" left-icon="gold-coin" />
|
|
@@ -87,9 +103,7 @@ onBeforeUnmount(() => {
|
|
<!-- 买家的付款截图 -->
|
|
<!-- 买家的付款截图 -->
|
|
<van-field name="uploader" label="买家的付款截图">
|
|
<van-field name="uploader" label="买家的付款截图">
|
|
<template #input>
|
|
<template #input>
|
|
- <van-image width="100" height="100"
|
|
|
|
- :src="imgUrl" />
|
|
|
|
- <!-- https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg -->
|
|
|
|
|
|
+ <van-image width="100" height="100" :src="imgUrl" @click="previewImage" />
|
|
</template>
|
|
</template>
|
|
</van-field>
|
|
</van-field>
|
|
</van-cell-group>
|
|
</van-cell-group>
|
|
@@ -99,7 +113,6 @@ onBeforeUnmount(() => {
|
|
</van-button>
|
|
</van-button>
|
|
</div>
|
|
</div>
|
|
</van-form>
|
|
</van-form>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|