|
@@ -1,133 +1,44 @@
|
|
<template>
|
|
<template>
|
|
- <div class="app-container" v-if="isShow">
|
|
|
|
- <div class="screen-container">
|
|
|
|
- <Collapse :screen-form="screenForm">
|
|
|
|
- <template #right_btn>
|
|
|
|
- <el-button size="mini" @click="resetScreenForm">清空</el-button>
|
|
|
|
- <el-button type="primary" size="mini" @click="submitScreenForm">搜索</el-button>
|
|
|
|
- </template>
|
|
|
|
- <template #search>
|
|
|
|
- <el-form
|
|
|
|
- size="mini"
|
|
|
|
- :model="screenForm"
|
|
|
|
- ref="screenForm"
|
|
|
|
- :inline="false"
|
|
|
|
- label-position="left"
|
|
|
|
- label-width="120px"
|
|
|
|
- >
|
|
|
|
- <el-row :gutter="20">
|
|
|
|
- <el-col :xs="24" :sm="8" :lg="8">
|
|
|
|
- <el-form-item prop="code" label="销售政策编号">
|
|
|
|
- <el-input size="mini" v-model="screenForm.code" placeholder="销售政策编号"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :xs="24" :sm="8" :lg="8">
|
|
|
|
- <el-form-item prop="remark" label="销售政策说明">
|
|
|
|
- <el-input size="mini" v-model="screenForm.remark" placeholder="销售政策说明"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :xs="24" :sm="8" :lg="8">
|
|
|
|
- <el-form-item prop="title" label="表头备注">
|
|
|
|
- <el-input size="mini" v-model="screenForm.title" placeholder="表头备注"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
- </el-form>
|
|
|
|
- </template>
|
|
|
|
- </Collapse>
|
|
|
|
- </div>
|
|
|
|
- <!-- <div class="btn-group">-->
|
|
|
|
- <!-- <el-row type="flex">-->
|
|
|
|
- <!-- <el-button type="primary" size="mini" @click="">导出</el-button>-->
|
|
|
|
- <!-- </el-row>-->
|
|
|
|
- <!-- </div>-->
|
|
|
|
- <div class="mymain-container">
|
|
|
|
- <div class="table">
|
|
|
|
- <el-table :data="dataList" border>
|
|
|
|
- <el-table-column prop="name" label="操作" width="120" align="center" class="table">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-button type="text" size="mini" @click=";(id = scope.row.id), (isShow = false)">详情</el-button>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="status" label="状态" width="120" align="left">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-tag type="success" size="mini" v-if="scope.row.status == 1">已生效</el-tag>
|
|
|
|
- <el-tag type="danger" size="mini" v-else>未生效</el-tag>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="200" prop="code" label="销售政策编号" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="150" prop="title" label="销售政策说明" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="150" prop="title" label="表头备注" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column
|
|
|
|
- show-overflow-tooltip
|
|
|
|
- min-width="150"
|
|
|
|
- prop="customerCount"
|
|
|
|
- label="关联经销商"
|
|
|
|
- width="150"
|
|
|
|
- align="left"
|
|
|
|
- >
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="200" prop="startTime" label="生效日期" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="200" prop="endTime" label="结束日期" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="200" prop="createBy" label="制表人" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column show-overflow-tooltip min-width="200" prop="createTime" label="制表日期" align="left">
|
|
|
|
- </el-table-column>
|
|
|
|
- </el-table>
|
|
|
|
- </div>
|
|
|
|
- <!-- 分页 -->
|
|
|
|
- <div class="fr">
|
|
|
|
- <el-pagination
|
|
|
|
- :current-page="currentPage"
|
|
|
|
- :page-sizes="[10, 20, 30, 50, 500]"
|
|
|
|
- :page-size="10"
|
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
- :total="listTotal"
|
|
|
|
- @size-change="handleSizeChange"
|
|
|
|
- @current-change="handleCurrentChange"
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <Distributor v-else :cid="id" />
|
|
|
|
-
|
|
|
|
- <!-- <template-page
|
|
|
|
|
|
+ <template-page
|
|
ref="pageRef"
|
|
ref="pageRef"
|
|
:getList="getList"
|
|
:getList="getList"
|
|
:operation="operation()"
|
|
:operation="operation()"
|
|
:optionsEvensGroup="optionsEvensGroup"
|
|
:optionsEvensGroup="optionsEvensGroup"
|
|
- :exportList="exportList"
|
|
|
|
:columnParsing="columnParsing"
|
|
:columnParsing="columnParsing"
|
|
:tableAttributes="tableAttributes"
|
|
:tableAttributes="tableAttributes"
|
|
:tableEvents="tableEvents"
|
|
:tableEvents="tableEvents"
|
|
>
|
|
>
|
|
-
|
|
|
|
- </template-page> -->
|
|
|
|
|
|
+ <Popu v-if="!isShow">
|
|
|
|
+ <el-page-header slot="head" :content="content" @back="handleClose" />
|
|
|
|
+ <Distributor :cid="id" />
|
|
|
|
+ </Popu>
|
|
|
|
+ </template-page>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import TemplatePage from '@/components/template/template-page-1.vue'
|
|
import TemplatePage from '@/components/template/template-page-1.vue'
|
|
import Popu from '@/components/template/popu.vue'
|
|
import Popu from '@/components/template/popu.vue'
|
|
|
|
|
|
-import { getCustomerlist } from '@/api/policy_list'
|
|
|
|
-import Minxin from '@/mixin'
|
|
|
|
|
|
+import { getCustomerlist, policyCustomerCountListV2 } from '@/api/policy_list'
|
|
|
|
+// import Minxin from '@/mixin'
|
|
import Distributor from './components/Distributor'
|
|
import Distributor from './components/Distributor'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
- mixins: [Minxin],
|
|
|
|
|
|
+ mixins: [],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ content: '详情',
|
|
|
|
+ // 关闭新增弹窗
|
|
|
|
+ handleClose: () => {
|
|
|
|
+ this.isShow = true
|
|
|
|
+ this.$refs.pageRef.refreshList()
|
|
|
|
+ },
|
|
// 事件组合
|
|
// 事件组合
|
|
optionsEvensGroup: [],
|
|
optionsEvensGroup: [],
|
|
// 表格属性
|
|
// 表格属性
|
|
tableAttributes: {
|
|
tableAttributes: {
|
|
// 启用勾选列
|
|
// 启用勾选列
|
|
- selectColumn: true
|
|
|
|
|
|
+ selectColumn: false
|
|
},
|
|
},
|
|
// 表格事件
|
|
// 表格事件
|
|
tableEvents: {
|
|
tableEvents: {
|
|
@@ -150,7 +61,7 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
// 列表请求函数
|
|
// 列表请求函数
|
|
- // getList: levelList,
|
|
|
|
|
|
+ getList: policyCustomerCountListV2,
|
|
// 列表导出函数
|
|
// 列表导出函数
|
|
// exportList: exportLevelList,
|
|
// exportList: exportLevelList,
|
|
// 表格列解析渲染数据更改
|
|
// 表格列解析渲染数据更改
|
|
@@ -165,30 +76,37 @@ export default {
|
|
return (h, { row, index, column }) => {
|
|
return (h, { row, index, column }) => {
|
|
return (
|
|
return (
|
|
<div class="operation-btns">
|
|
<div class="operation-btns">
|
|
- <el-button size="mini" type="text" onClick={async () => {}}>
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ size="mini"
|
|
|
|
+ type="text"
|
|
|
|
+ onClick={async () => {
|
|
|
|
+ this.id = row.id
|
|
|
|
+ this.isShow = false
|
|
|
|
+ }}
|
|
|
|
+ >
|
|
详情
|
|
详情
|
|
</el-button>
|
|
</el-button>
|
|
</div>
|
|
</div>
|
|
)
|
|
)
|
|
}
|
|
}
|
|
- },
|
|
|
|
-
|
|
|
|
- getList() {
|
|
|
|
- this.listLoading = true
|
|
|
|
- const params = {
|
|
|
|
- pageNum: this.currentPage,
|
|
|
|
- pageSize: this.pageSize,
|
|
|
|
- code: this.screenForm.code,
|
|
|
|
- remark: this.screenForm.remark,
|
|
|
|
- title: this.screenForm.title
|
|
|
|
- }
|
|
|
|
- getCustomerlist(params).then(res => {
|
|
|
|
- console.log(res)
|
|
|
|
- this.dataList = res.data.records
|
|
|
|
- this.listTotal = res.data.total
|
|
|
|
- this.listLoading = false
|
|
|
|
- })
|
|
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ // getList() {
|
|
|
|
+ // this.listLoading = true
|
|
|
|
+ // const params = {
|
|
|
|
+ // pageNum: this.currentPage,
|
|
|
|
+ // pageSize: this.pageSize,
|
|
|
|
+ // code: this.screenForm.code,
|
|
|
|
+ // remark: this.screenForm.remark,
|
|
|
|
+ // title: this.screenForm.title
|
|
|
|
+ // }
|
|
|
|
+ // getCustomerlist(params).then(res => {
|
|
|
|
+ // console.log(res)
|
|
|
|
+ // this.dataList = res.data.records
|
|
|
|
+ // this.listTotal = res.data.total
|
|
|
|
+ // this.listLoading = false
|
|
|
|
+ // })
|
|
|
|
+ // }
|
|
},
|
|
},
|
|
components: {
|
|
components: {
|
|
TemplatePage,
|
|
TemplatePage,
|