forked from angelo/web-retail-admin
feat(memberRetailRegion): 收益区域配置逻辑调整
This commit is contained in:
parent
db651039dc
commit
04a5f057c2
|
|
@ -7,10 +7,10 @@
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<el-form-item :label="'会员编号'" prop="memberCode">
|
<el-form-item :label="'会员编号'" prop="memberCode">
|
||||||
<el-input
|
<el-input
|
||||||
clearable
|
|
||||||
v-model="queryParams.memberCode"
|
v-model="queryParams.memberCode"
|
||||||
|
clearable
|
||||||
:placeholder="'请输入'"
|
:placeholder="'请输入'"
|
||||||
></el-input>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
|
|
@ -20,36 +20,36 @@
|
||||||
clearable
|
clearable
|
||||||
placeholder=""
|
placeholder=""
|
||||||
>
|
>
|
||||||
<el-option label="是" value="0"></el-option>
|
<el-option label="是" value="0" />
|
||||||
<el-option label="否" value="1"></el-option>
|
<el-option label="否" value="1" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<el-form-item label="签呈来源">
|
<el-form-item label="签呈来源">
|
||||||
<el-select
|
<el-select
|
||||||
|
v-model="queryParams.source"
|
||||||
clearable
|
clearable
|
||||||
:placeholder="'请选择'"
|
:placeholder="'请选择'"
|
||||||
v-model="queryParams.source"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in sourceList"
|
v-for="item in sourceList"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
></el-option>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<el-form-item :label="$t('收益区域')" prop="accountStatus">
|
<el-form-item :label="$t('收益区域')" prop="accountStatus">
|
||||||
<el-cascader
|
<el-cascader
|
||||||
clearable
|
|
||||||
@change="flChange"
|
|
||||||
v-model="address"
|
v-model="address"
|
||||||
|
clearable
|
||||||
:options="areaData"
|
:options="areaData"
|
||||||
:placeholder="'请选择省市区'"
|
:placeholder="'请选择省市区'"
|
||||||
:props="regionParams"
|
:props="regionParams"
|
||||||
|
@change="flChange"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -80,7 +80,7 @@
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8">
|
<!-- <el-col :span="8">
|
||||||
<el-form-item :label="$t('生效结束时间')" prop="creationTime">
|
<el-form-item :label="$t('生效结束时间')" prop="creationTime">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="effectiveTime"
|
v-model="effectiveTime"
|
||||||
|
|
@ -91,18 +91,15 @@
|
||||||
start-placeholder="开始日期"
|
start-placeholder="开始日期"
|
||||||
end-placeholder="结束日期"
|
end-placeholder="结束日期"
|
||||||
@change="changeTime2"
|
@change="changeTime2"
|
||||||
>
|
/>
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col> -->
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<div class="searchbox">
|
<div class="searchbox">
|
||||||
<el-button class="my_search" @click="research()">
|
<el-button class="my_search" @click="research()">
|
||||||
{{ '搜索' }}</el-button
|
{{ '搜索' }}</el-button>
|
||||||
>
|
|
||||||
<el-button class="my_reset" @click="reChongzhi">
|
<el-button class="my_reset" @click="reChongzhi">
|
||||||
{{ '重置' }}</el-button
|
{{ '重置' }}</el-button>
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -112,27 +109,25 @@
|
||||||
<div class="maintop">
|
<div class="maintop">
|
||||||
<div class="mainbtn">
|
<div class="mainbtn">
|
||||||
<el-button
|
<el-button
|
||||||
|
v-hasButtons="['memberRetailRegionAdd']"
|
||||||
size="small"
|
size="small"
|
||||||
style="background-color: #48b2fd"
|
style="background-color: #48b2fd"
|
||||||
class="thebtn1"
|
class="thebtn1"
|
||||||
v-hasButtons="['memberRetailRegionAdd']"
|
|
||||||
@click="addRules"
|
@click="addRules"
|
||||||
>{{ '添加' }}</el-button
|
>{{ '添加' }}</el-button>
|
||||||
>
|
|
||||||
<el-button
|
<el-button
|
||||||
size="small"
|
|
||||||
v-hasButtons="['memberRetailRegionExport']"
|
v-hasButtons="['memberRetailRegionExport']"
|
||||||
|
size="small"
|
||||||
class="thebtn2"
|
class="thebtn2"
|
||||||
@click="handleExport"
|
@click="handleExport"
|
||||||
>
|
>
|
||||||
{{ '导出' }}</el-button
|
{{ '导出' }}</el-button>
|
||||||
>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="maintable">
|
<div class="maintable">
|
||||||
<el-table
|
<el-table
|
||||||
:data="tableData"
|
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
|
:data="tableData"
|
||||||
height="730px"
|
height="730px"
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
:header-cell-style="{ background: '#EEEEEE' }"
|
:header-cell-style="{ background: '#EEEEEE' }"
|
||||||
|
|
@ -186,35 +181,37 @@
|
||||||
align="center"
|
align="center"
|
||||||
prop="creationTime"
|
prop="creationTime"
|
||||||
:label="$t('创建时间')"
|
:label="$t('创建时间')"
|
||||||
|
width="160"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="modifiedTime"
|
prop="modifiedTime"
|
||||||
:label="$t('修改时间')"
|
:label="$t('修改时间')"
|
||||||
|
width="160"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<!-- <el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="effectiveEndDate"
|
prop="effectiveEndDate"
|
||||||
:label="$t('生效结束时间')"
|
:label="$t('生效结束时间')"
|
||||||
/>
|
/> -->
|
||||||
<el-table-column align="center" :label="'操作'" width="150">
|
<el-table-column align="center" :label="'操作'" width="150">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
|
v-has-buttons="['memberRetailRegionUpdate']"
|
||||||
class="colors"
|
class="colors"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
style="color: #ffad41"
|
style="color: #ffad41"
|
||||||
v-has-buttons="['memberRetailRegionUpdate']"
|
|
||||||
@click.native.prevent="updateShow(scope.row)"
|
@click.native.prevent="updateShow(scope.row)"
|
||||||
>
|
>
|
||||||
{{ $t("修改") }}
|
{{ $t("修改") }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
|
v-has-buttons="['memberRetailRegionDel']"
|
||||||
class="colors"
|
class="colors"
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
style="color: #c73030"
|
style="color: #c73030"
|
||||||
v-has-buttons="['memberRetailRegionDel']"
|
|
||||||
@click.native.prevent="delRole(scope.row)"
|
@click.native.prevent="delRole(scope.row)"
|
||||||
>
|
>
|
||||||
{{ '删除' }}
|
{{ '删除' }}
|
||||||
|
|
@ -235,34 +232,34 @@
|
||||||
<el-form ref="forms" :rules="rules" :model="table" label-width="100px">
|
<el-form ref="forms" :rules="rules" :model="table" label-width="100px">
|
||||||
<el-form-item :label="$t('会员编号')" prop="memberCode">
|
<el-form-item :label="$t('会员编号')" prop="memberCode">
|
||||||
<el-input
|
<el-input
|
||||||
|
v-model="table.memberCode"
|
||||||
style="width: 460px"
|
style="width: 460px"
|
||||||
clearable
|
clearable
|
||||||
:disabled="types == 2 ? true : false"
|
:disabled="types == 2 ? true : false"
|
||||||
v-model="table.memberCode"
|
|
||||||
@input="getmemberinfo"
|
|
||||||
:placeholder="'请输入'"
|
:placeholder="'请输入'"
|
||||||
></el-input>
|
@input="getmemberinfo"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('收益区域')" prop="addressd">
|
<el-form-item :label="$t('收益区域')" prop="addressd">
|
||||||
<el-cascader
|
<el-cascader
|
||||||
style="width: 460px"
|
|
||||||
@change="flChange1"
|
|
||||||
v-model="table.addressd"
|
v-model="table.addressd"
|
||||||
:options="areaData"
|
:disabled="areaDataFilter.length === 0"
|
||||||
|
style="width: 460px"
|
||||||
|
:options="areaDataFilter"
|
||||||
:placeholder="'请选择省市区'"
|
:placeholder="'请选择省市区'"
|
||||||
:props="regionParams"
|
:props="regionParams"
|
||||||
|
@change="flChange1"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('生效结束时间')" prop="addressd">
|
<!-- <el-form-item :label="$t('生效结束时间')" prop="addressd">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="table.effectiveEndDate"
|
v-model="table.effectiveEndDate"
|
||||||
:picker-options="pickerOptions"
|
:picker-options="pickerOptions"
|
||||||
value-format="yyyy-MM-dd HH:mm:ss"
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
type="datetime"
|
type="datetime"
|
||||||
@change="changeTime3"
|
@change="changeTime3"
|
||||||
>
|
/>
|
||||||
</el-date-picker>
|
</el-form-item> -->
|
||||||
</el-form-item>
|
|
||||||
<div style="padding-top: 30px; display: flex; justify-content: center">
|
<div style="padding-top: 30px; display: flex; justify-content: center">
|
||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
|
|
@ -270,8 +267,7 @@
|
||||||
class="button-style"
|
class="button-style"
|
||||||
@click="handleClose"
|
@click="handleClose"
|
||||||
>
|
>
|
||||||
{{ '取消' }}</el-button
|
{{ '取消' }}</el-button>
|
||||||
>
|
|
||||||
<el-button
|
<el-button
|
||||||
v-preventReClick="3000"
|
v-preventReClick="3000"
|
||||||
type="text"
|
type="text"
|
||||||
|
|
@ -296,20 +292,20 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import topBar from "@/components/topBar";
|
import topBar from '@/components/topBar'
|
||||||
import { getbdmenuList, getPubenumsList } from "@/api/system";
|
import { getbdmenuList, getPubenumsList } from '@/api/system'
|
||||||
import { getgradeRanglist, getAwardsListChiose } from "@/api/level";
|
import { getgradeRanglist, getAwardsListChiose } from '@/api/level'
|
||||||
import * as con from "@/api/configManage.js";
|
import * as con from '@/api/configManage.js'
|
||||||
import * as api from "@/api/manage.js";
|
import * as api from '@/api/manage.js'
|
||||||
import { Message } from "element-ui";
|
import { Message } from 'element-ui'
|
||||||
import { deleteAgreement } from "@/api/configManage";
|
import { deleteAgreement } from '@/api/configManage'
|
||||||
import ImageUpload from "@/components/ImageUpload";
|
import ImageUpload from '@/components/ImageUpload'
|
||||||
import { areaList } from "@/api/site";
|
import { areaList } from '@/api/site'
|
||||||
export default {
|
export default {
|
||||||
name: "Qxpz",
|
name: 'Qxpz',
|
||||||
components: {
|
components: {
|
||||||
topBar,
|
topBar,
|
||||||
ImageUpload,
|
ImageUpload
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -318,253 +314,293 @@ export default {
|
||||||
effectiveTime: [],
|
effectiveTime: [],
|
||||||
sourceList: [],
|
sourceList: [],
|
||||||
regionParams: {
|
regionParams: {
|
||||||
label: "name",
|
label: 'name',
|
||||||
value: "id",
|
value: 'id',
|
||||||
children: "children",
|
children: 'children',
|
||||||
expandTrigger: "hover",
|
expandTrigger: 'hover'
|
||||||
},
|
},
|
||||||
title: '添加',
|
title: '添加',
|
||||||
forms: "",
|
forms: '',
|
||||||
pickerOptions: {
|
pickerOptions: {
|
||||||
disabledDate(time) {
|
disabledDate(time) {
|
||||||
const now = new Date();
|
const now = new Date()
|
||||||
now.setHours(0, 0, 0, 0); // Reset to start of today
|
now.setHours(0, 0, 0, 0) // Reset to start of today
|
||||||
return time.getTime() < now.getTime(); // Disable only dates before today
|
return time.getTime() < now.getTime() // Disable only dates before today
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
memberCode: [
|
memberCode: [
|
||||||
{ required: true, message: '请选择发布位置', trigger: "blur" },
|
{ required: true, message: '请选择发布位置', trigger: 'blur' }
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
table: {
|
table: {
|
||||||
memberCode: "",
|
memberCode: '',
|
||||||
pkMember: "",
|
pkMember: '',
|
||||||
addressd: ["", "", ""],
|
addressd: ['', '', ''],
|
||||||
effectiveEndDate: "",
|
effectiveEndDate: ''
|
||||||
},
|
},
|
||||||
ruleShow: false,
|
ruleShow: false,
|
||||||
moren: "memberRetailRegion",
|
moren: 'memberRetailRegion',
|
||||||
topList: [
|
topList: [
|
||||||
{
|
{
|
||||||
name: this.$t("收益区域配置"),
|
name: this.$t('收益区域配置'),
|
||||||
path: "memberRetailRegion",
|
path: 'memberRetailRegion'
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
defaultParams: {
|
defaultParams: {
|
||||||
label: "label",
|
label: 'label',
|
||||||
value: "value",
|
value: 'value',
|
||||||
children: "enumList",
|
children: 'enumList'
|
||||||
},
|
},
|
||||||
multipleSelection: [],
|
multipleSelection: [],
|
||||||
queryParams: {
|
queryParams: {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 50,
|
pageSize: 50,
|
||||||
effective: "0",
|
effective: '0'
|
||||||
},
|
},
|
||||||
gradeRangList: [],
|
gradeRangList: [],
|
||||||
awardsList: [],
|
awardsList: [],
|
||||||
statusList: [
|
statusList: [
|
||||||
{ name: '立即发送', id: "1" },
|
{ name: '立即发送', id: '1' },
|
||||||
{ name: '定时发送', id: "2" },
|
{ name: '定时发送', id: '2' }
|
||||||
],
|
],
|
||||||
statusList1: [
|
statusList1: [
|
||||||
{ name: '未发送', id: "0" },
|
{ name: '未发送', id: '0' },
|
||||||
{ name: '已发送', id: "1" },
|
{ name: '已发送', id: '1' }
|
||||||
],
|
],
|
||||||
menuOptions: [],
|
menuOptions: [],
|
||||||
loading: false,
|
loading: false,
|
||||||
tableData: [],
|
tableData: [],
|
||||||
total: 0,
|
total: 0,
|
||||||
types: "",
|
types: '',
|
||||||
formId: "",
|
formId: '',
|
||||||
getPostionList: [],
|
getPostionList: [],
|
||||||
address: "",
|
address: '',
|
||||||
areaData: [],
|
areaData: [],
|
||||||
pkIds: "",
|
pkIds: '',
|
||||||
};
|
memberInfo: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// BL30720213
|
||||||
|
areaDataFilter() {
|
||||||
|
if (!this.memberInfo || Object.keys(this.memberInfo).length === 0 || ![60, 70, 80].includes(this.memberInfo.pkSettleGradeValue)) {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
console.log(this.memberInfo.pkSettleGradeValue, 'memberInfo')
|
||||||
|
if ([60, 70].includes(this.memberInfo.pkSettleGradeValue)) {
|
||||||
|
return this.areaData
|
||||||
|
}
|
||||||
|
|
||||||
|
const list = this.areaData.map(item => {
|
||||||
|
const province = item
|
||||||
|
let city = null
|
||||||
|
if (province.children && province.children.length > 0) {
|
||||||
|
city = province.children.map(child => {
|
||||||
|
return {
|
||||||
|
...child,
|
||||||
|
children: null
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
...province,
|
||||||
|
children: city
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return list
|
||||||
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.research();
|
this.research()
|
||||||
this.getsignSource();
|
this.getsignSource()
|
||||||
this.getAllArea();
|
this.getAllArea()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleExport() {
|
handleExport() {
|
||||||
this.$confirm('是否确认导出所有数据项?', '警告', {
|
this.$confirm('是否确认导出所有数据项?', '警告', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: "warning",
|
type: 'warning'
|
||||||
}).then((_) => {
|
}).then((_) => {
|
||||||
this.download(
|
this.download(
|
||||||
"/member/manage/cu-member-retail-region/export",
|
'/member/manage/cu-member-retail-region/export',
|
||||||
{ ...this.queryParams },
|
{ ...this.queryParams },
|
||||||
`${this.$t("会员收益区域配置")}}${new Date().getTime()}.xlsx`
|
`${this.$t('会员收益区域配置')}}${new Date().getTime()}.xlsx`
|
||||||
);
|
)
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
getmemberinfo(member) {
|
getmemberinfo(member) {
|
||||||
con.getQueryMemberInfo({ memberCode: member }).then((res) => {
|
con.getQueryMemberInfo({ memberCode: member }).then((res) => {
|
||||||
this.table.pkMember = res.data.pkId;
|
if (res.code === 200) {
|
||||||
});
|
this.table.pkMember = res.data.pkId
|
||||||
|
this.memberInfo = res.data
|
||||||
|
} else {
|
||||||
|
this.memberInfo = {}
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
getAllArea() {
|
getAllArea() {
|
||||||
areaList().then((res) => {
|
areaList().then((res) => {
|
||||||
this.areaData = res.data;
|
this.areaData = res.data
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
flChange(value) {
|
flChange(value) {
|
||||||
this.queryParams.county = "";
|
this.queryParams.county = ''
|
||||||
this.queryParams.province = "";
|
this.queryParams.province = ''
|
||||||
this.queryParams.city = "";
|
this.queryParams.city = ''
|
||||||
|
|
||||||
this.queryParams.province = value[0];
|
this.queryParams.province = value[0]
|
||||||
this.queryParams.city = value[1];
|
this.queryParams.city = value[1]
|
||||||
this.queryParams.county = value[2];
|
this.queryParams.county = value[2]
|
||||||
},
|
},
|
||||||
flChange1(value) {
|
flChange1(value) {
|
||||||
this.table.county = "";
|
this.table.county = ''
|
||||||
this.table.province = "";
|
this.table.province = ''
|
||||||
this.table.city = "";
|
this.table.city = ''
|
||||||
this.table.province = value[0];
|
this.table.province = value[0]
|
||||||
this.table.city = value[1];
|
this.table.city = value[1]
|
||||||
this.table.county = value[2];
|
this.table.county = value[2]
|
||||||
},
|
},
|
||||||
getsignSource() {
|
getsignSource() {
|
||||||
api.noticeWebsiteType().then((res) => {
|
api.noticeWebsiteType().then((res) => {
|
||||||
this.sourceList = res.data;
|
this.sourceList = res.data
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
addRules() {
|
addRules() {
|
||||||
this.types = 1;
|
this.types = 1
|
||||||
this.ruleShow = true;
|
this.ruleShow = true
|
||||||
this.title = '添加';
|
this.title = '添加'
|
||||||
},
|
},
|
||||||
submitBtn() {
|
submitBtn() {
|
||||||
// 添加角色
|
// 添加角色
|
||||||
this.ruleSubmit();
|
this.ruleSubmit()
|
||||||
},
|
},
|
||||||
updateShow(item) {
|
updateShow(item) {
|
||||||
this.types = 2;
|
this.getmemberinfo(item.memberCode)
|
||||||
this.title = '修改';
|
this.types = 2
|
||||||
this.table = item;
|
this.title = '修改'
|
||||||
let arr = [item.province + "", item.city + "", (item.county || "") + ""];
|
this.table = item
|
||||||
arr = arr.filter((item) => item != "");
|
let arr = [item.province + '', item.city + '']
|
||||||
this.$set(this.table, "addressd", arr);
|
if (item.county && item.county !== -1) {
|
||||||
this.$forceUpdate();
|
arr.push(item.county + '')
|
||||||
console.log(this.table.addressd, "table");
|
}
|
||||||
this.pkIds = item.pkId;
|
arr = arr.filter((item) => item != '')
|
||||||
this.ruleShow = true;
|
this.$set(this.table, 'addressd', arr)
|
||||||
|
this.$forceUpdate()
|
||||||
|
console.log(this.table.addressd, 'table')
|
||||||
|
this.pkIds = item.pkId
|
||||||
|
this.ruleShow = true
|
||||||
},
|
},
|
||||||
delRole(item) {
|
delRole(item) {
|
||||||
this.$confirm(this.$t("确认要删除该配置吗?"), '提示', {
|
this.$confirm(this.$t('确认要删除该配置吗?'), '提示', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
cancelButtonText: '取消',
|
cancelButtonText: '取消',
|
||||||
type: "warning",
|
type: 'warning'
|
||||||
}).then(() => {
|
}).then(() => {
|
||||||
con.delRetailRegion(item.pkId).then((res) => {
|
con.delRetailRegion(item.pkId).then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
Message({
|
Message({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
type: "success",
|
type: 'success'
|
||||||
});
|
})
|
||||||
this.research();
|
this.research()
|
||||||
} else {
|
} else {
|
||||||
Message({
|
Message({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
type: "error",
|
type: 'error'
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
ruleSubmit() {
|
ruleSubmit() {
|
||||||
const datas = {};
|
const datas = {}
|
||||||
const that = this;
|
const that = this
|
||||||
this.$refs["forms"].validate((valid) => {
|
this.$refs['forms'].validate((valid) => {
|
||||||
if (!valid) {
|
if (!valid) {
|
||||||
return false;
|
return false
|
||||||
} else {
|
} else {
|
||||||
if (this.types === 1) {
|
if (this.types === 1) {
|
||||||
datas.pkMember = this.table.pkMember;
|
datas.pkMember = this.table.pkMember
|
||||||
datas.province = this.table.addressd[0];
|
datas.province = this.table.addressd[0]
|
||||||
datas.city = this.table.addressd[1];
|
datas.city = this.table.addressd[1]
|
||||||
datas.county = this.table.addressd[2];
|
datas.county = this.table.addressd[2]
|
||||||
datas.effectiveEndDate = this.table.effectiveEndDate;
|
datas.effectiveEndDate = this.table.effectiveEndDate
|
||||||
con.retailRegionAdd(datas).then((res) => {
|
con.retailRegionAdd(datas).then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
Message({
|
Message({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
type: "success",
|
type: 'success'
|
||||||
});
|
})
|
||||||
that.ruleShow = false;
|
that.ruleShow = false
|
||||||
that.table = {
|
that.table = {
|
||||||
pkMember: "",
|
pkMember: '',
|
||||||
addressd: ["", "", ""],
|
addressd: ['', '', '']
|
||||||
};
|
|
||||||
that.research();
|
|
||||||
}
|
}
|
||||||
});
|
that.research()
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
if (this.types === 2) {
|
if (this.types === 2) {
|
||||||
datas.pkMember = this.table.pkMember;
|
datas.pkMember = this.table.pkMember
|
||||||
datas.pkId = this.pkIds;
|
datas.pkId = this.pkIds
|
||||||
datas.province = this.table.addressd[0];
|
datas.province = this.table.addressd[0]
|
||||||
datas.city = this.table.addressd[1];
|
datas.city = this.table.addressd[1]
|
||||||
datas.county = this.table.addressd[2];
|
datas.county = this.table.addressd[2]
|
||||||
datas.effectiveEndDate = this.table.effectiveEndDate;
|
datas.effectiveEndDate = this.table.effectiveEndDate
|
||||||
con.retailRegionUpdate(datas).then((res) => {
|
con.retailRegionUpdate(datas).then((res) => {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
Message({
|
Message({
|
||||||
message: res.msg,
|
message: res.msg,
|
||||||
type: "success",
|
type: 'success'
|
||||||
});
|
})
|
||||||
that.ruleShow = false;
|
that.ruleShow = false
|
||||||
that.table = {
|
that.table = {
|
||||||
pkMember: "",
|
pkMember: '',
|
||||||
addressd: ["", "", ""],
|
addressd: ['', '', '']
|
||||||
};
|
|
||||||
that.research();
|
|
||||||
}
|
}
|
||||||
});
|
that.research()
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
statusChange(value) {
|
statusChange(value) {
|
||||||
if (this.table.status.length > 1) {
|
if (this.table.status.length > 1) {
|
||||||
this.table.status.splice(0, 1);
|
this.table.status.splice(0, 1)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleClose() {
|
handleClose() {
|
||||||
this.ruleShow = false;
|
this.ruleShow = false
|
||||||
this.table = {
|
this.table = {
|
||||||
pkMember: "",
|
pkMember: '',
|
||||||
addressd: ["", "", ""],
|
addressd: ['', '', '']
|
||||||
};
|
}
|
||||||
},
|
},
|
||||||
changeBox(row) {
|
changeBox(row) {
|
||||||
console.error(row);
|
console.error(row)
|
||||||
},
|
},
|
||||||
addFrom() {},
|
addFrom() {},
|
||||||
addRule() {},
|
addRule() {},
|
||||||
changeTime(value) {
|
changeTime(value) {
|
||||||
this.queryParams.startDate = value[0] ? value[0] : "";
|
this.queryParams.startDate = value[0] ? value[0] : ''
|
||||||
this.queryParams.endDate = value[1] ? value[1] : "";
|
this.queryParams.endDate = value[1] ? value[1] : ''
|
||||||
},
|
},
|
||||||
changeTime1(value) {
|
changeTime1(value) {
|
||||||
this.queryParams.startDateModify = value[0] ? value[0] : "";
|
this.queryParams.startDateModify = value[0] ? value[0] : ''
|
||||||
this.queryParams.endDateModify = value[1] ? value[1] : "";
|
this.queryParams.endDateModify = value[1] ? value[1] : ''
|
||||||
},
|
},
|
||||||
changeTime2(value) {
|
changeTime2(value) {
|
||||||
this.queryParams.effectiveStaDateStr = value[0] ? value[0] : "";
|
this.queryParams.effectiveStaDateStr = value[0] ? value[0] : ''
|
||||||
this.queryParams.effectiveEndDateStr = value[1] ? value[1] : "";
|
this.queryParams.effectiveEndDateStr = value[1] ? value[1] : ''
|
||||||
},
|
},
|
||||||
changeTime3(value) {
|
changeTime3(value) {
|
||||||
this.table.effectiveEndDate = value;
|
this.table.effectiveEndDate = value
|
||||||
},
|
},
|
||||||
disabledDates(time) {
|
disabledDates(time) {
|
||||||
const now = new Date(); // 当前时间
|
const now = new Date() // 当前时间
|
||||||
const currentDateTime = new Date(
|
const currentDateTime = new Date(
|
||||||
now.getFullYear(),
|
now.getFullYear(),
|
||||||
now.getMonth(),
|
now.getMonth(),
|
||||||
|
|
@ -572,30 +608,30 @@ export default {
|
||||||
now.getHours(),
|
now.getHours(),
|
||||||
now.getMinutes(),
|
now.getMinutes(),
|
||||||
now.getSeconds()
|
now.getSeconds()
|
||||||
);
|
)
|
||||||
return time.getTime() < currentDateTime.getTime(); // 禁止当前时间之前的日期和时间
|
return time.getTime() < currentDateTime.getTime() // 禁止当前时间之前的日期和时间
|
||||||
},
|
},
|
||||||
handleChangeMunu(value) {
|
handleChangeMunu(value) {
|
||||||
console.log("🌈", value[value.length - 1]);
|
console.log('🌈', value[value.length - 1])
|
||||||
this.queryParams.menuId = value[value.length - 1];
|
this.queryParams.menuId = value[value.length - 1]
|
||||||
},
|
},
|
||||||
// 菜单下拉选
|
// 菜单下拉选
|
||||||
getPubenumsList() {
|
getPubenumsList() {
|
||||||
getPubenumsList().then((res) => {
|
getPubenumsList().then((res) => {
|
||||||
this.menuOptions = res.data;
|
this.menuOptions = res.data
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
// 等级范围选择
|
// 等级范围选择
|
||||||
getgradeRanglist() {
|
getgradeRanglist() {
|
||||||
getgradeRanglist().then((res) => {
|
getgradeRanglist().then((res) => {
|
||||||
this.gradeRangList = res.data;
|
this.gradeRangList = res.data
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
// 奖衔下拉列表
|
// 奖衔下拉列表
|
||||||
getAwardsListChiose() {
|
getAwardsListChiose() {
|
||||||
getAwardsListChiose().then((res) => {
|
getAwardsListChiose().then((res) => {
|
||||||
this.awardsList = res.rows;
|
this.awardsList = res.rows
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
research() {
|
research() {
|
||||||
// // 日期传入改为起止两个字段
|
// // 日期传入改为起止两个字段
|
||||||
|
|
@ -603,27 +639,27 @@ export default {
|
||||||
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
// this.queryParams.creationTimeStart = this.queryParams.creationTime[0];
|
||||||
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
// this.queryParams.creationTimeEnd = this.queryParams.creationTime[1];
|
||||||
// }
|
// }
|
||||||
this.loading = true;
|
this.loading = true
|
||||||
con.getRetailRegionList(this.queryParams).then((res) => {
|
con.getRetailRegionList(this.queryParams).then((res) => {
|
||||||
this.tableData = res.rows;
|
this.tableData = res.rows
|
||||||
this.total = res.total;
|
this.total = res.total
|
||||||
this.loading = false;
|
this.loading = false
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
reChongzhi() {
|
reChongzhi() {
|
||||||
this.queryParams = {
|
this.queryParams = {
|
||||||
pageNum: 1,
|
pageNum: 1,
|
||||||
pageSize: 50,
|
pageSize: 50
|
||||||
};
|
}
|
||||||
this.modifiedTime = [];
|
this.modifiedTime = []
|
||||||
this.modifiedTime1 = [];
|
this.modifiedTime1 = []
|
||||||
this.effectiveTime = [];
|
this.effectiveTime = []
|
||||||
this.address = [];
|
this.address = []
|
||||||
this.research();
|
this.research()
|
||||||
},
|
},
|
||||||
|
|
||||||
handleSelectionChange(val) {
|
handleSelectionChange(val) {
|
||||||
this.multipleSelection = val;
|
this.multipleSelection = val
|
||||||
},
|
},
|
||||||
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
|
||||||
// if (columnIndex === 0) {
|
// if (columnIndex === 0) {
|
||||||
|
|
@ -642,14 +678,14 @@ export default {
|
||||||
},
|
},
|
||||||
tableRowClassName({ row, rowIndex }) {
|
tableRowClassName({ row, rowIndex }) {
|
||||||
if (rowIndex % 2 == 1) {
|
if (rowIndex % 2 == 1) {
|
||||||
return "warning-row";
|
return 'warning-row'
|
||||||
} else if (rowIndex % 2 == 0) {
|
} else if (rowIndex % 2 == 0) {
|
||||||
return "success-row";
|
return 'success-row'
|
||||||
}
|
}
|
||||||
return "";
|
return ''
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
};
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-upload--picture-card {
|
::v-deep .el-upload--picture-card {
|
||||||
|
|
|
||||||
|
|
@ -195,14 +195,13 @@
|
||||||
<el-input v-model="scope.row.newPhone" clearable />
|
<el-input v-model="scope.row.newPhone" clearable />
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<!-- <el-table-column
|
||||||
min-width="210px"
|
min-width="210px"
|
||||||
align="center"
|
align="center"
|
||||||
prop="areaId"
|
prop="areaId"
|
||||||
label="分公司所属省份"
|
label="分公司所属省份"
|
||||||
>
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 155 -->
|
|
||||||
<el-select
|
<el-select
|
||||||
v-model="scope.row.areaId"
|
v-model="scope.row.areaId"
|
||||||
placeholder="请选择分公司所属省份"
|
placeholder="请选择分公司所属省份"
|
||||||
|
|
@ -217,7 +216,7 @@
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column> -->
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="memberName"
|
prop="memberName"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue