79 lines
2.2 KiB
Vue
79 lines
2.2 KiB
Vue
<template>
|
|
<el-card>
|
|
<view class="item-wrap">
|
|
<view class="form-title-wrap">
|
|
<view class="goods-info-title">
|
|
<view class="form-title">
|
|
询价单管理
|
|
</view>
|
|
</view>
|
|
<text class="text-gray text-25 pointer">查看全部 <i class="el-icon-arrow-right"></i></text>
|
|
</view>
|
|
</view>
|
|
<view class="flex justify-center items-center">
|
|
<view class="flex flex-col justify-center items-center">
|
|
<text class="text-main text-50">{{ enquiry.noQuote }}</text>
|
|
<text>待报价</text>
|
|
</view>
|
|
<view class="flex flex-col justify-center items-center">
|
|
<text class="text-main text-50">{{ enquiry.notPick }}</text>
|
|
<text>待选商</text>
|
|
</view>
|
|
<view class="flex flex-col justify-center items-center">
|
|
<text class="text-main text-50">{{ enquiry.picked }}</text>
|
|
<text>已选商</text>
|
|
</view>
|
|
<view class="flex flex-col justify-center items-center">
|
|
<text class="text-main text-50">{{ enquiry.closed }}</text>
|
|
<text>已关闭</text>
|
|
</view>
|
|
</view>
|
|
</el-card>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "enquiryData",
|
|
data() {
|
|
return {
|
|
enquiry: {
|
|
noQuote: 0,
|
|
notPick: 0,
|
|
picked: 0,
|
|
closed: 0
|
|
},
|
|
|
|
}
|
|
},
|
|
methods: {}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
@import "@/common/css/app.scss";
|
|
|
|
.item-wrap {
|
|
margin: 24px 0;
|
|
|
|
.form-title-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
.goods-info-title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.form-title {
|
|
padding-left: 10px;
|
|
color: $--color-primary;
|
|
font-size: 18px;
|
|
line-height: 18px;
|
|
border-left: 4px solid $--color-primary;
|
|
}
|
|
|
|
}
|
|
}
|
|
</style> |