|
@@ -11,24 +11,34 @@
|
|
>
|
|
>
|
|
<el-row :gutter="20">
|
|
<el-row :gutter="20">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
- <el-form-item label="经销商名称" prop="">
|
|
|
|
- <el-input
|
|
|
|
- v-model="searchForm.customerName"
|
|
|
|
- placeholder="请输入经销商名称"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ <el-form-item label="经销商名称" prop="customerNumber">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="searchForm.customerNumber"
|
|
|
|
+ class="selectStyle"
|
|
|
|
+ placeholder="请选择"
|
|
|
|
+ filterable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="(v, i) in customerList"
|
|
|
|
+ :key="i"
|
|
|
|
+ :label="v.name"
|
|
|
|
+ :value="v.number"
|
|
|
|
+ >
|
|
|
|
+ </el-option>
|
|
|
|
+ </el-select>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
|
|
|
+ <!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
<el-form-item label="经销商编码" prop="">
|
|
<el-form-item label="经销商编码" prop="">
|
|
<el-input
|
|
<el-input
|
|
v-model="searchForm.customerNumber"
|
|
v-model="searchForm.customerNumber"
|
|
placeholder="请输入"
|
|
placeholder="请输入"
|
|
></el-input>
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- </el-col>
|
|
|
|
- <el-col :xs="24" :sm="24" :lg="12">
|
|
|
|
|
|
+ </el-col> -->
|
|
|
|
+ <el-col :xs="24" :sm="24" :lg="18">
|
|
<el-form-item label="" class="fr">
|
|
<el-form-item label="" class="fr">
|
|
- <el-button size="small">清空</el-button>
|
|
|
|
|
|
+ <el-button size="small" @click="clearFn">清空</el-button>
|
|
<el-button size="small" type="primary" @click="searchFn"
|
|
<el-button size="small" type="primary" @click="searchFn"
|
|
>搜索</el-button
|
|
>搜索</el-button
|
|
>
|
|
>
|
|
@@ -102,7 +112,9 @@
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
class="textColor"
|
|
class="textColor"
|
|
- @click="seeFN(row.customerName, row.customerNumber,row.customerId)"
|
|
|
|
|
|
+ @click="
|
|
|
|
+ seeFN(row.customerName, row.customerNumber, row.customerId)
|
|
|
|
+ "
|
|
>
|
|
>
|
|
明细
|
|
明细
|
|
</el-button>
|
|
</el-button>
|
|
@@ -126,6 +138,7 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
|
+import { getCustomerList } from "@/api/finance/account_list";
|
|
import { getFinanceTotalCustomer } from "@/api/finance/blance_sum";
|
|
import { getFinanceTotalCustomer } from "@/api/finance/blance_sum";
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
@@ -135,16 +148,30 @@ export default {
|
|
// listTotal: 0, // 列表总数
|
|
// listTotal: 0, // 列表总数
|
|
dataList: [], // 列表数据
|
|
dataList: [], // 列表数据
|
|
searchForm: {
|
|
searchForm: {
|
|
- customerName: "",
|
|
|
|
|
|
+ // customerName: "",
|
|
customerNumber: "",
|
|
customerNumber: "",
|
|
}, //搜索表单
|
|
}, //搜索表单
|
|
|
|
+ customerList: [],
|
|
listLoading: false, // 列表加载loading
|
|
listLoading: false, // 列表加载loading
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
this.getDataList();
|
|
this.getDataList();
|
|
|
|
+ this.getCustomerDataList({
|
|
|
|
+ pageSize: -1,
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ });
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ //获取经销商数据
|
|
|
|
+ async getCustomerDataList(data) {
|
|
|
|
+ const res = await getCustomerList(data);
|
|
|
|
+ this.customerList = res.data.records;
|
|
|
|
+ },
|
|
|
|
+ //清除
|
|
|
|
+ clearFn() {
|
|
|
|
+ this.$refs.searchForm.resetFields();
|
|
|
|
+ },
|
|
//搜索
|
|
//搜索
|
|
searchFn() {
|
|
searchFn() {
|
|
this.getDataList(this.searchForm);
|
|
this.getDataList(this.searchForm);
|
|
@@ -165,13 +192,13 @@ export default {
|
|
});
|
|
});
|
|
},
|
|
},
|
|
//明细
|
|
//明细
|
|
- seeFN(customerName, customerNumber,customerId) {
|
|
|
|
|
|
+ seeFN(customerName, customerNumber, customerId) {
|
|
this.$router.push({
|
|
this.$router.push({
|
|
path: "/finance/details/standbook_list",
|
|
path: "/finance/details/standbook_list",
|
|
query: {
|
|
query: {
|
|
customerName,
|
|
customerName,
|
|
customerNumber,
|
|
customerNumber,
|
|
- customerId
|
|
|
|
|
|
+ customerId,
|
|
},
|
|
},
|
|
});
|
|
});
|
|
},
|
|
},
|
|
@@ -179,4 +206,8 @@ export default {
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
-<style></style>
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+.selectStyle {
|
|
|
|
+ width: 100%;
|
|
|
|
+}
|
|
|
|
+</style>
|