Skip to content

肖康 / cloudSystem

Go to a project
Commit 70b9a7aa by LJM
Options

css

parent c62ccc41
Inline Side-by-side
Showing with 82 additions and 43 deletions
src/views/InquireTransform/index.vue
......@@ -17,17 +17,17 @@
</el-select>
</el-form-item>
<el-form-item label="状态" prop="source">
<el-select v-model="formInline.source" placeholder="请选择" clearable>
<el-select v-model="formInline.up_status" placeholder="请选择" clearable>
<el-option label="全部" value=""></el-option>
<el-option label="上架" value="1">上架</el-option>
<el-option label="下架" value="2">下架</el-option>
</el-select>
</el-form-item>
<el-form-item label="更新时间">
<el-date-picker v-model="formInline.update_time" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
<el-form-item label="库存更新时间">
<el-date-picker v-model="update_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item label="上架有效期">
<el-date-picker v-model="formInline.update_time" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
<el-date-picker v-model="up_valid_time_val" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button>
......@@ -43,26 +43,17 @@
<span>该页面展示的数据为：统计我司上传的型号获得询价及最终转化成单的情况</span>
</div>
</div>
<div class="operation-filter row bothSide verCenter">
<div style="margin-right: 10px">
<el-radio-group v-model="tabPosition" @change="change(tabPosition,'frqRates')">
<el-radio-button label="0">当月</el-radio-button>
<el-radio-button label="1">季度</el-radio-button>
<el-radio-button label="2">本年</el-radio-button>
</el-radio-group>
</div>
<div class="date-wrap">
<el-date-picker v-model="formInline.update_time" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"></el-date-picker>
</div>
<div class="operation-filter row verCenter">
<el-date-picker v-model="create_time_val" @change="changtime" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" :picker-options="pickerOptions"></el-date-picker>
</div>
</div>
<!--列表区-->
<div class="data-box" style="position: relative;">
<el-table :data="list" border max-height="600">
<el-table-column prop="inquiry_goods_name" label="型号" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="品牌" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="来源" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="询价次数" :show-overflow-tooltip="true" width="120">
<el-table-column prop="goods_name" label="型号" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="brand_name" label="品牌" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="source" label="来源" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_num" label="询价次数" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>询价次数</span>
......@@ -73,8 +64,8 @@
</div>
</template>
</el-table-column>
<el-table-column prop="inquiry_brand_name" label="询价排名" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="报价次数" :show-overflow-tooltip="true" width="120">
<el-table-column prop="inquiry_sort" label="询价排名" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="quote_num" label="报价次数" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>报价次数</span>
......@@ -85,8 +76,8 @@
</div>
</template>
</el-table-column>
<el-table-column prop="inquiry_brand_name" label="报价排名" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="询报价转化率" :show-overflow-tooltip="true" width="120">
<el-table-column prop="quote_sort" label="报价排名" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_change_quote_rate" label="询报价转化率" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>询报价转化率</span>
......@@ -97,7 +88,7 @@
</div>
</template>
</el-table-column>
<el-table-column prop="inquiry_brand_name" label="成单次数" :show-overflow-tooltip="true" width="120">
<el-table-column prop="success_order_num" label="成单次数" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>成单次数</span>
......@@ -108,8 +99,8 @@
</div>
</template>
</el-table-column>
<el-table-column prop="inquiry_brand_name" label="成单排名" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="报价成单转化率" :show-overflow-tooltip="true" width="130">
<el-table-column prop="success_order_sort" label="成单排名" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="quote_change_success_order_rate" label="报价成单转化率" :show-overflow-tooltip="true" width="130">
<template v-slot:header='scope'>
<div class="row verCenter">
<span>报价成单转化率</span>
......@@ -120,13 +111,13 @@
</div>
</template>
</el-table-column>
<el-table-column prop="inquiry_brand_name" label="库存" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="价格" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="大陆交期" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="香港交期" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="状态" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="更新时间" :show-overflow-tooltip="true" width="160"></el-table-column>
<el-table-column prop="inquiry_brand_name" label="上架有效期" :show-overflow-tooltip="true" width="160"></el-table-column>
<el-table-column prop="stock" label="库存" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="price" label="价格" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="chinese_delivery_time_cn" label="大陆交期" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="chinese_hongkong_delivery_time_cn" label="香港交期" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="up_status_cn" label="状态" :show-overflow-tooltip="true" width="120"></el-table-column>
<el-table-column prop="update_time_cn" label="更新时间" :show-overflow-tooltip="true" width="160"></el-table-column>
<el-table-column prop="up_valid_time_cn" label="上架有效期" :show-overflow-tooltip="true" width="160"></el-table-column>
</el-table>
<div class="row bothSide">
<p class="tetx-goods row verCenter">
......@@ -156,16 +147,49 @@ export default {
name: "inquireTransform",
data() {
return {
pickerOptions: {
shortcuts: [{
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近1年',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
picker.$emit('pick', [start, end]);
}
}]
},
total: 0,
page: 1,
limit: 10,
list: [],
tabPosition: 0,
update_time_val: '',
up_valid_time_val: '',
create_time_val: '',
formInline: {
goods_name: '',//型号
brand_name: '',//品牌
source: '',//来源
up_status: '',//状态
update_time: '',//更新时间
up_valid_time: '',//上架有效期
create_time: ''//创建时间
}
};
},
......@@ -174,8 +198,27 @@ export default {
},
methods: {
getData() {
var params = Object.assign({}, {page: this.page, limit: this.limit}, this.formParam);
this.$http('GET', "/api/quote/getlist", params).then(res => {
//格式化时间
if (this.update_time_val) {
this.formInline.update_time = this.update_time_val[0] + '~' + this.update_time_val[1];
} else {
this.formInline.update_time = '';
}
if (this.up_valid_time_val) {
this.formInline.up_valid_time = this.up_valid_time_val[0] + '~' + this.up_valid_time_val[1];
} else {
this.formInline.up_valid_time = '';
}
if (this.create_time_val) {
this.formInline.create_time = this.create_time_val[0] + '~' + this.create_time_val[1];
} else {
this.formInline.create_time = '';
}
var params = Object.assign({}, {page: this.page, limit: this.limit}, this.formInline);
this.$http('GET', "/api/statistics/inquiryChangeStatisticsList", params).then(res => {
if (res.code === 0) {
this.list = res.data.list || [];
this.total = Number(res.data.total) || 0;
......@@ -187,13 +230,8 @@ export default {
}
})
},
/**
* tab切换
* @param index
* @param type
*/
change(index, type) {
changtime(val) {
this.getData();
},
/**
* 搜索型号
......@@ -257,7 +295,8 @@ export default {
* @param formName
*/
resetForm(formName) {
this.formParam.date = '';
this.update_time_val = '';
this.up_valid_time_val = '';
this.$refs[formName].resetFields();
},
/**
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment