150 lines
5.0 KiB
Vue
150 lines
5.0 KiB
Vue
<template>
|
|
<view>
|
|
<el-dialog
|
|
title="报价列表"
|
|
:visible.sync="dialogVisible"
|
|
width="100%"
|
|
:before-close="handleClose">
|
|
<view slot="title" class="text-main text-40 m-30 flex justify-between items-center">
|
|
<text>收到的报价列表</text>
|
|
</view>
|
|
<view class="py-20 border-bottom text-25" v-for="(item, index) in quoteList" :key="index">
|
|
<view class="flex justify-start items-center mb-20">
|
|
<text class="mr-10">报价方:</text>
|
|
<text>{{ item.subjectName }}</text>
|
|
</view>
|
|
<view class="flex justify-start items-center mb-20">
|
|
<text class="mr-10">报价时间:</text>
|
|
<text>{{ item._add_time_str }}</text>
|
|
</view>
|
|
<view class="flex justify-start items-center mb-20">
|
|
<text class="mr-10">联系方式:</text>
|
|
<text>{{ item.user.mobile }}</text>
|
|
</view>
|
|
<view class="flex justify-start items-center mb-20">
|
|
<text class="mr-10">报价:</text>
|
|
<text>{{ item.totalPrice }}元</text>
|
|
</view>
|
|
<view class="flex justify-start items-center mb-20">
|
|
<text class="mr-10">详情:</text>
|
|
<text>{{ item.remark }}</text>
|
|
</view>
|
|
<view class="flex justify-start items-center mb-20">
|
|
<text class="mr-10">附件:</text>
|
|
<template v-if="item.files.length > 0">
|
|
<file-type v-for="(file, fileIndex) in item.files" :key="fileIndex" :item="file"
|
|
@click.native="openDownload(file)"/>
|
|
</template>
|
|
<text v-else>无</text>
|
|
</view>
|
|
<u-button v-if="status === 0 && type !== 3"
|
|
size="mini" type="error" text="选择" style="width: 60rpx;"
|
|
@click="confirmQuote(item._id)"
|
|
></u-button>
|
|
</view>
|
|
</el-dialog>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import provinces from "@/util/address/provinces.json";
|
|
import citys from "@/util/address/citys.json";
|
|
import areas from "@/util/address/areas.json";
|
|
import {FileExcel, FilePdfOne, FileWord} from "@icon-park/vue";
|
|
|
|
export default {
|
|
name: "oldModal",
|
|
components: {FilePdfOne, FileExcel, FileWord},
|
|
data() {
|
|
return {
|
|
provinceData: provinces,
|
|
cityData: citys,
|
|
areaData: areas,
|
|
id: null,
|
|
dialogVisible: false,
|
|
quoteList: [],
|
|
status: 0,
|
|
infoColumns: [
|
|
{key: "company.companyName", title: "申请人", type: "text"},
|
|
{key: "company.mobile", title: "联系方式", type: "text"},
|
|
{key: "manager.personName", title: "代理人", type: "text"},
|
|
{key: "manager.mobile", title: "代理人联系方式", type: "text"},
|
|
],
|
|
info: null,
|
|
showInfo: false,
|
|
signMethod: 0,
|
|
type: 0,
|
|
}
|
|
},
|
|
methods: {
|
|
open(id, status, quoteList, signMethod, type) {
|
|
this.id = id
|
|
this.status = status
|
|
this.quoteList = quoteList
|
|
this.signMethod = signMethod
|
|
this.type = type
|
|
this.dialogVisible = true
|
|
},
|
|
handleClose() {
|
|
this.dialogVisible = false
|
|
},
|
|
toQuote() {
|
|
vk.navigateTo(`/pages/process/quote?sheetId=${this.id}`)
|
|
},
|
|
async confirmQuote(quoteId) {
|
|
await vk.callFunction({
|
|
url: 'client/old/kh/confirmQuote',
|
|
title: '请求中...',
|
|
data: {
|
|
quoteId,
|
|
}
|
|
});
|
|
this.dialogVisible = false
|
|
this.$message({
|
|
message: "选择成功",
|
|
type: 'success'
|
|
})
|
|
if (this.signMethod === 0) vk.navigateTo('/pages/public/contract?tab=1')
|
|
else {
|
|
if (this.signMethod === 1) vk.navigateTo('/pages/user/seller?menuIndex=2')
|
|
else vk.navigateTo('/pages/public/contract')
|
|
}
|
|
},
|
|
openDownload(url) {
|
|
// window.open(url)
|
|
window.location.href = url
|
|
}
|
|
}
|
|
}
|
|
</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> |