111 lines
3.2 KiB
Vue
111 lines
3.2 KiB
Vue
<template>
|
|
<el-dialog
|
|
title="报价列表"
|
|
:visible.sync="dialogVisible"
|
|
width="60%"
|
|
:before-close="handleClose">
|
|
<view slot="title" class="text-main text-40 m-30 flex justify-between items-center">
|
|
<text>收到的报价</text>
|
|
<el-button type="primary" @click.native="dialogVisible = false">关闭</el-button>
|
|
</view>
|
|
<view class="mt-15">
|
|
<view class="request-header">
|
|
<text class="flex-1">供应商</text>
|
|
<text class="flex-1">报价时间</text>
|
|
<text class="flex-1">联系方式</text>
|
|
<text class="flex-1">报价</text>
|
|
<text class="flex-1">操作</text>
|
|
</view>
|
|
<view class="quote" v-for="(item, index) in quoteList" :key="index">
|
|
<text class="flex-1">{{ item.subjectName }}</text>
|
|
<text class="flex-1">{{ item._add_time_str }}</text>
|
|
<text class="flex-1">{{ item.subjectMobile }}</text>
|
|
<text class="flex-1">{{ item.totalPrice }}元</text>
|
|
<text class="flex-1">
|
|
<el-button type="primary" v-if="status === 0" @click.native="confirm(item)">选择</el-button>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</el-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import provinces from "@/uni_modules/vk-uview-ui/libs/address/provinces.json";
|
|
import citys from "@/uni_modules/vk-uview-ui/libs/address/citys.json";
|
|
import areas from "@/uni_modules/vk-uview-ui/libs/address/areas.json";
|
|
export default {
|
|
name: "enquiryModal",
|
|
data() {
|
|
return {
|
|
provinceData: provinces,
|
|
cityData: citys,
|
|
areaData: areas,
|
|
id: null,
|
|
dialogVisible: false,
|
|
quoteList: [],
|
|
status: 0
|
|
}
|
|
},
|
|
methods: {
|
|
open(status, quoteList) {
|
|
this.quoteList = quoteList
|
|
this.dialogVisible = true
|
|
},
|
|
handleClose() {
|
|
this.dialogVisible = false
|
|
},
|
|
toRelease() {
|
|
uni.navigateTo({
|
|
url: '/pages/enquiry/release'
|
|
})
|
|
},
|
|
confirm(item) {
|
|
vk.callFunction({
|
|
url: 'client/enquiry/quote/kh/confirmQuote',
|
|
title: '请求中...',
|
|
data: {
|
|
quoteId: item._id,
|
|
},
|
|
success: (data) => {
|
|
this.dialogVisible = false
|
|
this.$message({
|
|
type: 'success',
|
|
message: '报价确认成功'
|
|
})
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
.request-header {
|
|
border: 1px solid #EDEDED;
|
|
background-color: #FFF8F1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 15px;
|
|
margin-top: 30px;
|
|
|
|
text {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.quote {
|
|
border-left: 1px solid #EDEDED;
|
|
border-right: 1px solid #EDEDED;
|
|
border-bottom: 1px solid #EDEDED;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 15px;
|
|
|
|
text {
|
|
text-align: center;
|
|
}
|
|
}
|
|
</style> |