|
|
|
@ -1,41 +1,48 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="citys-outter">
|
|
|
|
|
<v-label-div :title="time+'('+form.sStartTime+'至'+form.sEndTime+')'">
|
|
|
|
|
<v-btn @click="goBack">返回</v-btn>
|
|
|
|
|
<v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerTime"></v-tab-group>
|
|
|
|
|
</v-label-div>
|
|
|
|
|
<div class="d2">
|
|
|
|
|
<v-tab-group :value="tValue" :style="{ background: 'transparent' }" :btns="btnTimes" @change="handlerTime"></v-tab-group>
|
|
|
|
|
<a-select class="choose-series" v-model="form.sBrand" placeholder="请选择品牌" @dropdownVisibleChange="brandDrawer" :dropdownMatchSelectWidth="false" allowClear>
|
|
|
|
|
<div slot="dropdownRender"></div>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-select class="choose-series" v-model="form.sSeriesName" placeholder="请选择车型" allowClear>
|
|
|
|
|
<a-select-option v-for="(item,index) in seriesList" :value="item.name" :key="index">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-select class="choose-series" v-model="form.sBrandType" placeholder="请选择类型">
|
|
|
|
|
<a-select-option v-for="(item,index) in brandTypeList" :value="item.key" :key="index">
|
|
|
|
|
{{item.value}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-month-picker style="width: 160px;margin-left:20px" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
|
|
|
|
|
<a-month-picker style="width: 160px;margin-left:20px" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
|
|
|
|
|
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
|
|
|
|
|
<a-form-model layout="inline">
|
|
|
|
|
<a-form-model-item label="选择日期">
|
|
|
|
|
<a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[0]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择开始日期"></a-month-picker>
|
|
|
|
|
<a-month-picker style="width: 146px" :allowClear="false" v-model="selTime[1]" :disabled-date="disabledDate" valueFormat="YYYY-MM" placeholder="请选择结束日期"></a-month-picker>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item label="品牌车型">
|
|
|
|
|
<a-select style="width: 160px" v-model="form.sBrand" placeholder="请选择品牌" @dropdownVisibleChange="brandDrawer" :dropdownMatchSelectWidth="false" allowClear>
|
|
|
|
|
<div slot="dropdownRender"></div>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-select style="width: 160px" v-model="form.sSeriesName" placeholder="请选择车型" allowClear>
|
|
|
|
|
<a-select-option v-for="(item,index) in seriesList" :value="item.name" :key="index">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
<a-select style="width: 160px" v-model="form.sBrandType" placeholder="请选择类型">
|
|
|
|
|
<a-select-option v-for="(item,index) in brandTypeList" :value="item.key" :key="index">
|
|
|
|
|
{{item.value}}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
<a-form-model-item>
|
|
|
|
|
<a-button @click="onSearch" style="margin-left: 40px" type="primary">查询</a-button>
|
|
|
|
|
</a-form-model-item>
|
|
|
|
|
</a-form-model>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="d3">
|
|
|
|
|
<v-table v-if="activeIndex == 0" ref="rtable" :columns="columns" :loading="tableLoad" :pagination="pagination" @change="handlerPagnation" :data="tbData">
|
|
|
|
|
<template slot="about" slot-scope="text, record">
|
|
|
|
|
<a-button @click="onSalePro(record)">销量明细</a-button>
|
|
|
|
|
<a-button ghost @click="onSalePro(record)">销量明细</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
</v-table>
|
|
|
|
|
<v-table v-if="activeIndex == 1" ref="rtable" :columns="columns2" :loading="tableLoad" :pagination="pagination2" @change="handlerPagnation2" :data="tbData2">
|
|
|
|
|
<template slot="about" slot-scope="text, record">
|
|
|
|
|
<a-button @click="onSaleCity(record)">销量明细</a-button>
|
|
|
|
|
<a-button ghost @click="onSaleCity(record)">销量明细</a-button>
|
|
|
|
|
</template>
|
|
|
|
|
</v-table>
|
|
|
|
|
</div>
|
|
|
|
|
<a-modal title="销量明细" width="1200px" :footer="null" @cancel="onClose" :visible="visible">
|
|
|
|
|
<v-tab-group :value="pValue" :style="{ background: 'transparent' }" :btns="btnPro" @change="handlerProMode"></v-tab-group>
|
|
|
|
|
<v-tab-group :value="pValue" :style="{ background: 'transparent',padding: '0px 0px 12px 0px' }" :btns="btnPro" @change="handlerProMode"></v-tab-group>
|
|
|
|
|
<v-table v-if="pValue == 0" ref="rtable" :columns="columnsProCity" :data="dataProCity">
|
|
|
|
|
</v-table>
|
|
|
|
|
<v-table v-if="pValue == 1" ref="rtable" :columns="columnsProBrand" :data="dataProBrand">
|
|
|
|
@ -44,7 +51,7 @@
|
|
|
|
|
</v-table>
|
|
|
|
|
</a-modal>
|
|
|
|
|
<a-modal title="销量明细" width="1200px" :footer="null" @cancel="onClose2" :visible="visible2">
|
|
|
|
|
<v-tab-group :value="cValue" :style="{ background: 'transparent' }" :btns="btnCity" @change="handlerCityMode"></v-tab-group>
|
|
|
|
|
<v-tab-group :value="cValue" :style="{ background: 'transparent',padding: '0px 0px 12px 0px' }" :btns="btnCity" @change="handlerCityMode"></v-tab-group>
|
|
|
|
|
<v-table v-if="cValue == 0" ref="rtable" :columns="columnsCityBrand" :data="dataCityBrand">
|
|
|
|
|
</v-table>
|
|
|
|
|
<v-table v-if="cValue == 1" ref="rtable" :columns="columnsCitySeries" :data="dataCitySeries">
|
|
|
|
@ -181,10 +188,10 @@ export default {
|
|
|
|
|
.d2 {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: flex-start;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
padding: 16px 16px 16px 16px;
|
|
|
|
|
}
|
|
|
|
|
.d3 {
|
|
|
|
|
padding: 16px;
|
|
|
|
|
padding: 0px 16px 16px 16px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -194,12 +201,10 @@ export default {
|
|
|
|
|
height: 320px;
|
|
|
|
|
background: rgb(11, 25, 47);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.choose-brand {
|
|
|
|
|
width: 150px;
|
|
|
|
|
margin-left: 16px;
|
|
|
|
|
.drawer-letter {
|
|
|
|
|
color: #45B5F4;
|
|
|
|
|
}
|
|
|
|
|
.choose-series {
|
|
|
|
|
width: 150px;
|
|
|
|
|
.drawer-link {
|
|
|
|
|
color: #DDD;
|
|
|
|
|
}
|
|
|
|
|
</style>
|