|
|
@ -4,24 +4,24 @@
|
|
|
|
<i-col span="32">
|
|
|
|
<i-col span="32">
|
|
|
|
<row>
|
|
|
|
<row>
|
|
|
|
<!--搜索、状态行-->
|
|
|
|
<!--搜索、状态行-->
|
|
|
|
<row style="height: 73px;line-height: 73px;background: #F7F8FA">
|
|
|
|
<row class="search-row">
|
|
|
|
<row>
|
|
|
|
<row>
|
|
|
|
<span class="left-15">选择日期</span>
|
|
|
|
<span class="search-span">选择日期</span>
|
|
|
|
<DatePicker v-model="dateRange" separator="至" class="left-10" type="daterange" placement="bottom-start" split-panels placeholder="请选择日期区间" style="width: 200px"></DatePicker>
|
|
|
|
<DatePicker v-model="dateRange" separator="至" class="date-picker" type="daterange" placement="bottom-start" split-panels placeholder="请选择日期区间" ></DatePicker>
|
|
|
|
<span style="margin: 0 10px">大区</span>
|
|
|
|
<span class="search-span">大区</span>
|
|
|
|
<Select filterable placeholder="请选择大区" v-model="regionId" @on-change="regionSelect" style="width:190px">
|
|
|
|
<Select filterable placeholder="请选择大区" v-model="regionId" @on-change="regionSelect" class="search-select">
|
|
|
|
<Option v-for="item in regionList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
<Option v-for="item in regionList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
</Select>
|
|
|
|
</Select>
|
|
|
|
<span style="margin: 0 10px">零售公司</span>
|
|
|
|
<span class="search-span">零售公司</span>
|
|
|
|
<Select filterable placeholder="请选择零售公司" v-model="companyId" @on-change="companySelect" style="width:190px">
|
|
|
|
<Select filterable placeholder="请选择零售公司" v-model="companyId" @on-change="companySelect" class="search-select">
|
|
|
|
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
<Option v-for="item in companyList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
</Select>
|
|
|
|
</Select>
|
|
|
|
<span style="margin: 0 10px">客户</span>
|
|
|
|
<span class="search-span">客户</span>
|
|
|
|
<Select filterable placeholder="请选择客户" v-model="customerId" style="width:190px">
|
|
|
|
<Select filterable placeholder="请选择客户" v-model="customerId" class="search-select">
|
|
|
|
<Option v-for="item in customerList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
<Option v-for="item in customerList" :value="item.id" :key="item.id">{{ item.name }}</Option>
|
|
|
|
</Select>
|
|
|
|
</Select>
|
|
|
|
<Button type="primary" style="width: 70px;margin-left: 20px" @click="searchBtnClick">查询</Button>
|
|
|
|
<Button type="primary" class="search-btn" @click="searchBtnClick">查询</Button>
|
|
|
|
<Button type="primary" style="width: 90px;margin-left: 20px;" @click="exportZeroExtend">导出数据</Button>
|
|
|
|
<Button type="primary" style="margin-left: 20px;" @click="exportZeroExtend">导出数据</Button>
|
|
|
|
</row>
|
|
|
|
</row>
|
|
|
|
</row>
|
|
|
|
</row>
|
|
|
|
<!--表格数据-->
|
|
|
|
<!--表格数据-->
|
|
|
|