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 @@ ...@@ -17,17 +17,17 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="source"> <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=""></el-option>
<el-option label="上架" value="1">上架</el-option> <el-option label="上架" value="1">上架</el-option>
<el-option label="下架" value="2">下架</el-option> <el-option label="下架" value="2">下架</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="更新时间"> <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="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>
<el-form-item label="上架有效期"> <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-form-item> <el-form-item>
<el-button type="primary" @click="onSubmit">搜索</el-button> <el-button type="primary" @click="onSubmit">搜索</el-button>
...@@ -43,26 +43,17 @@ ...@@ -43,26 +43,17 @@
<span>该页面展示的数据为：统计我司上传的型号获得询价及最终转化成单的情况</span> <span>该页面展示的数据为：统计我司上传的型号获得询价及最终转化成单的情况</span>
</div> </div>
</div> </div>
<div class="operation-filter row bothSide verCenter"> <div class="operation-filter row verCenter">
<div style="margin-right: 10px"> <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>
<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> </div>
</div> </div>
<!--列表区--> <!--列表区-->
<div class="data-box" style="position: relative;"> <div class="data-box" style="position: relative;">
<el-table :data="list" border max-height="600"> <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="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="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="source" 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_num" label="询价次数" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'> <template v-slot:header='scope'>
<div class="row verCenter"> <div class="row verCenter">
<span>询价次数</span> <span>询价次数</span>
...@@ -73,8 +64,8 @@ ...@@ -73,8 +64,8 @@
</div> </div>
</template> </template>
</el-table-column> </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_sort" 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_num" label="报价次数" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'> <template v-slot:header='scope'>
<div class="row verCenter"> <div class="row verCenter">
<span>报价次数</span> <span>报价次数</span>
...@@ -85,8 +76,8 @@ ...@@ -85,8 +76,8 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_brand_name" label="报价排名" :show-overflow-tooltip="true" width="120"></el-table-column> <el-table-column prop="quote_sort" 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_change_quote_rate" label="询报价转化率" :show-overflow-tooltip="true" width="120">
<template v-slot:header='scope'> <template v-slot:header='scope'>
<div class="row verCenter"> <div class="row verCenter">
<span>询报价转化率</span> <span>询报价转化率</span>
...@@ -97,7 +88,7 @@ ...@@ -97,7 +88,7 @@
</div> </div>
</template> </template>
</el-table-column> </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'> <template v-slot:header='scope'>
<div class="row verCenter"> <div class="row verCenter">
<span>成单次数</span> <span>成单次数</span>
...@@ -108,8 +99,8 @@ ...@@ -108,8 +99,8 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_brand_name" label="成单排名" :show-overflow-tooltip="true" width="120"></el-table-column> <el-table-column prop="success_order_sort" 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="quote_change_success_order_rate" label="报价成单转化率" :show-overflow-tooltip="true" width="130">
<template v-slot:header='scope'> <template v-slot:header='scope'>
<div class="row verCenter"> <div class="row verCenter">
<span>报价成单转化率</span> <span>报价成单转化率</span>
...@@ -120,13 +111,13 @@ ...@@ -120,13 +111,13 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="inquiry_brand_name" label="库存" :show-overflow-tooltip="true" width="120"></el-table-column> <el-table-column prop="stock" 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="price" 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="chinese_delivery_time_cn" 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="chinese_hongkong_delivery_time_cn" 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="up_status_cn" 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="update_time_cn" 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="up_valid_time_cn" label="上架有效期" :show-overflow-tooltip="true" width="160"></el-table-column>
</el-table> </el-table>
<div class="row bothSide"> <div class="row bothSide">
<p class="tetx-goods row verCenter"> <p class="tetx-goods row verCenter">
...@@ -156,16 +147,49 @@ export default { ...@@ -156,16 +147,49 @@ export default {
name: "inquireTransform", name: "inquireTransform",
data() { data() {
return { 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, total: 0,
page: 1, page: 1,
limit: 10, limit: 10,
list: [], list: [],
tabPosition: 0, tabPosition: 0,
update_time_val: '',
up_valid_time_val: '',
create_time_val: '',
formInline: { formInline: {
goods_name: '',//型号 goods_name: '',//型号
brand_name: '',//品牌 brand_name: '',//品牌
source: '',//来源 source: '',//来源
up_status: '',//状态
update_time: '',//更新时间 update_time: '',//更新时间
up_valid_time: '',//上架有效期
create_time: ''//创建时间
} }
}; };
}, },
...@@ -174,8 +198,27 @@ export default { ...@@ -174,8 +198,27 @@ export default {
}, },
methods: { methods: {
getData() { 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) { if (res.code === 0) {
this.list = res.data.list || []; this.list = res.data.list || [];
this.total = Number(res.data.total) || 0; this.total = Number(res.data.total) || 0;
...@@ -187,13 +230,8 @@ export default { ...@@ -187,13 +230,8 @@ export default {
} }
}) })
}, },
/** changtime(val) {
* tab切换 this.getData();
* @param index
* @param type
*/
change(index, type) {
}, },
/** /**
* 搜索型号 * 搜索型号
...@@ -257,7 +295,8 @@ export default { ...@@ -257,7 +295,8 @@ export default {
* @param formName * @param formName
*/ */
resetForm(formName) { resetForm(formName) {
this.formParam.date = ''; this.update_time_val = '';
this.up_valid_time_val = '';
this.$refs[formName].resetFields(); 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