Skip to content

E
ElectricitySheep
Commit 06e9893f authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 06bd1df3
Hide whitespace changes
Inline Side-by-side
Showing with 558 additions and 524 deletions
src/components/pintuan/pintuanActive.vue
View file @ 06e9893f
...@@ -243,8 +243,8 @@ ...@@ -243,8 +243,8 @@
<div flex="dir:left"> <div flex="dir:left">
<span class="box-grow-0" style="color:#606266">商品</span> <span class="box-grow-0" style="color:#606266">商品</span>
<div style="width: 100%;margin:0 10px"> <div style="width: 100%;margin:0 10px">
<el-input placeholder="请输入限购数量" @keyup.native="checkInteger(addMsg,'Confine_Count','-')" v-model="addMsg.Confine_Count" size="small" <el-input placeholder="请输入限购数量" @keyup.native="checkInteger(addMsg,'Confine_Count','-')"
:disabled="addMsg.Confine_Count <=-1"> v-model="addMsg.Confine_Count" size="small" :disabled="addMsg.Confine_Count <=-1">
<template slot="append">件</template> <template slot="append">件</template>
</el-input> </el-input>
</div> </div>
...@@ -255,7 +255,8 @@ ...@@ -255,7 +255,8 @@
<div flex="dir:left" style="margin-top: 10px;"> <div flex="dir:left" style="margin-top: 10px;">
<span class="box-grow-0" style="color:#606266">订单</span> <span class="box-grow-0" style="color:#606266">订单</span>
<div style="width: 100%;margin:0 10px"> <div style="width: 100%;margin:0 10px">
<el-input placeholder="请输入限购数量" @keyup.native="checkInteger(addMsg,'Confine_Order_Count','-')" v-model="addMsg.Confine_Order_Count" size="small" <el-input placeholder="请输入限购数量" @keyup.native="checkInteger(addMsg,'Confine_Order_Count','-')"
v-model="addMsg.Confine_Order_Count" size="small"
:disabled="addMsg.Confine_Order_Count<=-1"> :disabled="addMsg.Confine_Order_Count<=-1">
<template slot="append">单</template> <template slot="append">单</template>
</el-input> </el-input>
...@@ -295,20 +296,20 @@ ...@@ -295,20 +296,20 @@
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item v-if="addMsg.Is_Area_Limit == 1" label="允许购买区域"> <el-form-item v-if="addMsg.Is_Area_Limit == 1" label="允许购买区域">
<span v-if="addMsg.Area_limit.length == 0" @click="addArea" class="blue point">+添加地区</span> <span v-if="addMsg.AreaList.length == 0" @click="addArea" class="blue point">+添加地区</span>
<div v-if="addMsg.Area_limit.length > 0" style="border: 1px solid #EBEEF5;padding:20px" <div v-if="addMsg.AreaList.length > 0" style="border: 1px solid #EBEEF5;padding:20px"
flex="dir:left box:last"> flex="dir:left box:last">
<div> <div>
<div flex="dir:left" style="flex-wrap: wrap; width: 90%;"> <div flex="dir:left" style="flex-wrap: wrap; width: 90%;">
<span>区域：</span> <span>区域：</span>
<el-tag v-for="item in addMsg.Area_limit" :key="item.Id" type="info" style="margin:5px"> <el-tag v-for="item in addMsg.AreaList" :key="item.Id" type="info" style="margin:5px">
{{ item.AreaName }}</el-tag> {{ item.AreaName }}</el-tag>
</div> </div>
</div> </div>
<div> <div>
<img @click="editQy" style="cursor:pointer;" src="../../assets/img/userman/edit.png" alt="" /> <img @click="editQy" style="cursor:pointer;" src="../../assets/img/userman/edit.png" alt="" />
<img @click="(addMsg.Area_limit = []), (AreaList = [])" style="margin-left:15px;cursor:pointer;" <img @click="(addMsg.AreaList = []), (ChooseAreaList = [])"
src="../../assets/img/userman/del.png" alt="" /> style="margin-left:15px;cursor:pointer;" src="../../assets/img/userman/del.png" alt="" />
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
...@@ -491,7 +492,7 @@ ...@@ -491,7 +492,7 @@
</el-dialog> </el-dialog>
<!--区域--> <!--区域-->
<el-dialog custom-class="regionDig" title="区域" :visible.sync="dialogFormVisible"> <el-dialog custom-class="regionDig" title="区域" :visible.sync="dialogFormVisible">
<regionChoice @event1="change($event)" :List="AreaList" ref="child"></regionChoice> <regionChoice @event1="change($event)" :List="ChooseAreaList" ref="child"></regionChoice>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" size="small" @click="Addto">确 定</el-button> <el-button type="primary" size="small" @click="Addto">确 定</el-button>
</div> </div>
...@@ -550,7 +551,7 @@ ...@@ -550,7 +551,7 @@
Pieces: 0, //单品满件包邮 Pieces: 0, //单品满件包邮
Forehead: 0, //单品满额包邮 Forehead: 0, //单品满额包邮
Is_Area_Limit: 0, //区域购买 Is_Area_Limit: 0, //区域购买
Area_limit: [], //购买区域 AreaList: [], //购买区域
Give_integral: 0, //积分赠送 Give_integral: 0, //积分赠送
Give_integral_type: 1, //积分赠送=>1固定值 2百分比 Give_integral_type: 1, //积分赠送=>1固定值 2百分比
Is_forehead_integral: 0, //积分抵扣 Is_forehead_integral: 0, //积分抵扣
...@@ -583,7 +584,7 @@ ...@@ -583,7 +584,7 @@
formName: '', formName: '',
imgDialog: false, imgDialog: false,
//区域 //区域
AreaList:[], ChooseAreaList: [],
dialogFormVisible: false, dialogFormVisible: false,
rules: { rules: {
StartTime: [{ StartTime: [{
...@@ -646,7 +647,10 @@ ...@@ -646,7 +647,10 @@
this.addMsg.Pieces = Mydata.Pieces; this.addMsg.Pieces = Mydata.Pieces;
this.addMsg.Forehead = Mydata.Forehead; this.addMsg.Forehead = Mydata.Forehead;
this.addMsg.Is_Area_Limit = Mydata.Is_Area_Limit; this.addMsg.Is_Area_Limit = Mydata.Is_Area_Limit;
this.addMsg.Area_limit = Mydata.Area_limit; if (Mydata.AreaList && Mydata.AreaList) {
this.addMsg.AreaList = Mydata.AreaList;
this.ChooseAreaList = Mydata.AreaList;
}
this.addMsg.Give_integral = Mydata.Give_integral; this.addMsg.Give_integral = Mydata.Give_integral;
this.addMsg.Give_integral_type = Mydata.Give_integral_type; this.addMsg.Give_integral_type = Mydata.Give_integral_type;
this.addMsg.Is_forehead_integral = Mydata.Is_forehead_integral; this.addMsg.Is_forehead_integral = Mydata.Is_forehead_integral;
...@@ -821,37 +825,36 @@ ...@@ -821,37 +825,36 @@
this.imgDialog = false; this.imgDialog = false;
}, },
//添加区域 //添加区域
addArea(){ addArea() {
this.dialogFormVisible = true; this.dialogFormVisible = true;
this.AreaList = []; this.ChooseAreaList = [];
this.addMsg.Area_limit = []; this.addMsg.AreaList = [];
setTimeout(() => { setTimeout(() => {
this.$refs.child.Receive(this.AreaList); this.$refs.child.Receive(this.ChooseAreaList);
}, 1000); }, 1000);
}, },
//点击区域弹窗确定 //点击区域弹窗确定
Addto() { Addto() {
this.addMsg.Area_limit = []; this.addMsg.AreaList = [];
this.AreaList.forEach(item => { this.ChooseAreaList.forEach(item => {
let obj = { let obj = {
Id: item.RegionId, Id: item.RegionId,
AreaId: item.RegionId, AreaId: item.RegionId,
AreaName: item.RegionName AreaName: item.RegionName
}; };
this.addMsg.Area_limit.push(obj); this.addMsg.AreaList.push(obj);
}); });
this.dialogFormVisible = false; this.dialogFormVisible = false;
}, },
change(data) { change(data) {
this.AreaList = data; this.ChooseAreaList = data;
}, },
editQy() { editQy() {
this.dialogFormVisible = true; this.dialogFormVisible = true;
setTimeout(() => { setTimeout(() => {
this.$refs.child.Receive(this.AreaList); this.$refs.child.Receive(this.ChooseAreaList);
}, 1000); }, 1000);
} }
} }
}; };
......
src/components/setup/view/regionChoice.vue
View file @ 06e9893f
<template> <template>
<div class="regionChoice" v-loading="loading"> <div class="regionChoice" v-loading="loading">
<div class="item"> <div class="item">
<div class="item_b" v-for="(item,index) in regionList" :key="index"> <div class="item_b" v-for="(item,index) in regionList" :key="index">
<el-checkbox :indeterminate="item.indeterminate" v-model="item.ischeckAll" <el-checkbox :indeterminate="item.indeterminate" v-model="item.ischeckAll" @change="handleCheckAllChange(index,item.ID,$event)" :disabled="item.disabled"> </el-checkbox>
@change="handleCheckAllChange(index,item.ID,$event)" :disabled="item.disabled"> </el-checkbox> <span @click="showcity(index,item.ID)">{{item.Name}}</span>
<span @click="showcity(index,item.ID)">{{item.Name}}</span> </div>
</div>
</div> </div>
<div class="item"> <div class="item">
<div class="item_b" v-for="(item,index) in cityList " :key="index"> <div class="item_b" v-for="(item,index) in cityList " :key="index">
<el-checkbox :indeterminate="item.indeterminate" v-model="item.ischeckAll" <el-checkbox :indeterminate="item.indeterminate" v-model="item.ischeckAll" @change="handleCityAllChange(index,item.ID,$event)" :disabled="item.disabled"> </el-checkbox>
@change="handleCityAllChange(index,item.ID,$event)" :disabled="item.disabled"> </el-checkbox>
<span @click="showarea(index,item.ID)">{{item.Name}}</span> <span @click="showarea(index,item.ID)">{{item.Name}}</span>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="item_b" v-for="(item,index) in areaList" :key="index" v-if="areaList[0].Name.indexOf('街道')==-1"> <div class="item_b" v-for="(item,index) in areaList" :key="index" v-if="areaList[0].Name.indexOf('街道')==-1" >
<el-checkbox v-model="item.ischeckAll" @change="handleareaAllChange(index,item.ID,$event)" <el-checkbox v-model="item.ischeckAll" @change="handleareaAllChange(index,item.ID,$event)" :disabled="item.disabled"></el-checkbox>
:disabled="item.disabled"></el-checkbox>
<span>{{item.Name}}</span> <span>{{item.Name}}</span>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "regionChoice", name: "regionChoice",
props: { props: {
List: Array, List: Array,
required: true required: true
}, },
data() { data(){
return { return{
regionList: [], regionList:[],
msg: { msg:{ Id:1,},
Id: 1, cityID:0,
}, areaID:0,
cityID: 0, list:[],
areaID: 0, provinceindex:0,
list: [], cityindex:0,
provinceindex: 0, areaindex:0,
cityindex: 0,
areaindex: 0, cityList:[],
areaList:[],
cityList: [], loading:false,
areaList: [], getlist:[],
loading: false, isban:false,//是否禁止
getlist: [], isbanlist:[],//被禁的数组
isban: false, //是否禁止 }
isbanlist: [], //被禁的数组 },
} methods:{
}, getprovince(){
methods: { let getlist = this.getlist
getprovince() { let isbanlist = this.isbanlist
let getlist = this.getlist
let isbanlist = this.isbanlist this.apipost("/api/Destination/GetChildList",this.msg , res => {
this.apipost("/api/Destination/GetChildList", this.msg, res => { if (res.data.resultCode == 1) {
if (res.data.resultCode == 1) { let data = res.data.data;
let data = res.data.data; for(let i=0;i<data.length;i++){
for (let i = 0; i < data.length; i++) { data[i].ischeckAll=false;
data[i].ischeckAll = false; data[i].indeterminate=false;
data[i].indeterminate = false; if(getlist.length>0){
if (getlist.length > 0) { for(let j=0;j<getlist.length;j++){
for (let j = 0; j < getlist.length; j++) { if(getlist[j].GrandpaID==data[i].ID || getlist[j].ParentID==data[i].ID){ //如果有着2个参数再 他的子级没选择完全
if (getlist[j].GrandpaID == data[i].ID || getlist[j].ParentID == data[i] data[i].indeterminate=true;
.ID) { //如果有着2个参数再 他的子级没选择完全 this.citylist(data[i].ID,i)
data[i].indeterminate = true; }
this.citylist(data[i].ID, i) if(getlist[j].RegionId==data[i].ID){
} data[i].ischeckAll=true;
if (getlist[j].RegionId == data[i].ID) { data[i].indeterminate=false;
data[i].ischeckAll = true; this.getCitylist(true)
data[i].indeterminate = false; }
this.getCitylist(true)
} }
} }
}
if (isbanlist.length > 0 && this.isban == true) { if(isbanlist.length>0 && this.isban==true){
for (let j = 0; j < isbanlist.length; j++) {
if (isbanlist[j].GrandpaID == data[i].ID || isbanlist[j].ParentID == data[i] for(let j=0;j<isbanlist.length;j++){
.ID) { //如果有着2个参数再 他的子级没选择完全 if(isbanlist[j].GrandpaID==data[i].ID || isbanlist[j].ParentID==data[i].ID){ //如果有着2个参数再 他的子级没选择完全
data[i].disabled = true; data[i].disabled=true;
this.citylist(data[i].ID, i) this.citylist(data[i].ID,i)
}
if (isbanlist[j].RegionId == data[i].ID) { }
data[i].disabled = true; if(isbanlist[j].RegionId==data[i].ID){
data[i].disabled=true;
}
} }
} }
} }
this.regionList = data;
this.cityID = data[this.provinceindex].ID
this.getCitylist()
} else {
// this.Info(res.data.message);
} }
this.regionList = data; })
this.cityID = data[this.provinceindex].ID },
this.getCitylist() getCitylist(type=false,type2=true){
} let getlist =this.getlist
}) let isbanlist = this.isbanlist
}, this.apipost("/api/Destination/GetChildList",{'Id':this.cityID} , res => {
getCitylist(type = false, type2 = true) { if (res.data.resultCode == 1) {
let getlist = this.getlist let data = res.data.data;
let isbanlist = this.isbanlist this.areaID = data[this.cityindex].ID
this.apipost("/api/Destination/GetChildList", { for(let i=0;i<data.length;i++){
'Id': this.cityID if(type2==true){
}, res => { if(getlist.length>0){
if (res.data.resultCode == 1) { for(let j=0;j<getlist.length;j++){
let data = res.data.data; if(type==true){
this.areaID = data[this.cityindex].ID data[i].ischeckAll=true;
for (let i = 0; i < data.length; i++) { data[i].indeterminate=false;
if (type2 == true) { }else {
if (getlist.length > 0) {
for (let j = 0; j < getlist.length; j++) { if(getlist[j].RegionId==data[i].ID || getlist[j].RegionId==this.cityID){
if (type == true) { data[i].ischeckAll=true;
data[i].ischeckAll = true; data[i].indeterminate=false;
data[i].indeterminate = false; }else if(getlist[j].ParentID==data[i].ID){
} else { data[i].ischeckAll=false;
if (getlist[j].RegionId == data[i].ID || getlist[j].RegionId == this.cityID) { data[i].indeterminate=true;
data[i].ischeckAll = true;
data[i].indeterminate = false; }else if(data[i].hasOwnProperty('ischeckAll')==false && data[i].hasOwnProperty('indeterminate')==false){
} else if (getlist[j].ParentID == data[i].ID) { data[i].ischeckAll=false;
data[i].ischeckAll = false; data[i].indeterminate=false;
data[i].indeterminate = true; }
} else if (data[i].hasOwnProperty('ischeckAll') == false && data[i].hasOwnProperty(
'indeterminate') == false) {
data[i].ischeckAll = false;
data[i].indeterminate = false;
} }
} }
}else {
if(type==true){
data[i].ischeckAll=true;
data[i].indeterminate=false;
}else {
data[i].ischeckAll=false;
data[i].indeterminate=false;
}
} }
} else {
if (type == true) { if(isbanlist.length>0 && this.isban==true){
data[i].ischeckAll = true;
data[i].indeterminate = false; for(let j=0;j<isbanlist.length;j++){
} else { if(isbanlist[j].RegionId==data[i].ID || isbanlist[j].RegionId==this.cityID){
data[i].ischeckAll = false; data[i].disabled=true;
data[i].indeterminate = false; }else if(isbanlist[j].ParentID==data[i].ID){
} data[i].disabled=true;
} }
if (isbanlist.length > 0 && this.isban == true) {
for (let j = 0; j < isbanlist.length; j++) {
if (isbanlist[j].RegionId == data[i].ID || isbanlist[j].RegionId == this.cityID) {
data[i].disabled = true;
} else if (isbanlist[j].ParentID == data[i].ID) {
data[i].disabled = true;
} }
} }
}else {
data[i].ischeckAll=false;
data[i].indeterminate=false;
} }
} else {
data[i].ischeckAll = false;
data[i].indeterminate = false;
} }
} let regionList = this.regionList
let regionList = this.regionList for(let i=0;i<regionList.length;i++){
for (let i = 0; i < regionList.length; i++) { if(regionList[i].ID== this.cityID){
if (regionList[i].ID == this.cityID) { regionList[i].cityList = data;
regionList[i].cityList = data; }
} }
this.cityList = regionList[this.provinceindex].cityList
this.getareaIDlist(type)
} else {
this.Info(res.data.message);
} }
this.cityList = regionList[this.provinceindex].cityList })
this.getareaIDlist(type) },
} else { getareaIDlist(type=false,type2=true){
this.Info(res.data.message); let getlist =this.getlist
} let isbanlist = this.isbanlist
}) this.apipost("/api/Destination/GetChildList",{'Id':this.areaID} , res => {
}, this.loading= false
getareaIDlist(type = false, type2 = true) { if (res.data.resultCode == 1) {
let getlist = this.getlist let data = res.data.data;
let isbanlist = this.isbanlist for(let i=0;i<data.length;i++){
this.apipost("/api/Destination/GetChildList", { if(type2==true){
'Id': this.areaID if(getlist.length>0){
}, res => { for(let j=0;j<getlist.length;j++){
this.loading = false if(type==true){
if (res.data.resultCode == 1) { data[i].ischeckAll=true;
let data = res.data.data; }else {
for (let i = 0; i < data.length; i++) {
if (type2 == true) { if(getlist[j].RegionId==this.cityID || getlist[j].RegionId==data[i].ID || getlist[j].RegionId == this.areaID){
if (getlist.length > 0) { data[i].ischeckAll=true;
for (let j = 0; j < getlist.length; j++) { }else if(data[i].hasOwnProperty('ischeckAll')==false ){
if (type == true) { data[i].ischeckAll=false;
data[i].ischeckAll = true;
} else { }
if (getlist[j].RegionId == this.cityID || getlist[j].RegionId == data[i].ID || getlist[j]
.RegionId == this.areaID) {
data[i].ischeckAll = true;
} else if (data[i].hasOwnProperty('ischeckAll') == false) {
data[i].ischeckAll = false;
} }
} }
}
} else {
if (type == true) { }else {
data[i].ischeckAll = true; if(type==true){
} else { data[i].ischeckAll=true;
data[i].ischeckAll = false; }else {
data[i].ischeckAll=false;
}
} }
} if(isbanlist.length>0 && this.isban==true){
if (isbanlist.length > 0 && this.isban == true) { for(let j=0;j<isbanlist.length;j++){
for (let j = 0; j < isbanlist.length; j++) { if(isbanlist[j].RegionId==this.cityID || isbanlist[j].RegionId==data[i].ID || isbanlist[j].RegionId == this.areaID){
if (isbanlist[j].RegionId == this.cityID || isbanlist[j].RegionId == data[i].ID || isbanlist[j] data[i].disabled=true;
.RegionId == this.areaID) {
data[i].disabled = true; }
} }
} }
}else {
data[i].ischeckAll=false;
} }
} else {
data[i].ischeckAll = false;
} }
} let regionList = this.regionList;
let regionList = this.regionList; for(let i=0;i<regionList.length;i++){
for (let i = 0; i < regionList.length; i++) { if(regionList[i].ID== this.cityID){
if (regionList[i].ID == this.cityID) { let cityList = regionList[i].cityList;
let cityList = regionList[i].cityList; for(let i=0;i<cityList.length;i++){
for (let i = 0; i < cityList.length; i++) { if(cityList[i].ID== this.areaID){
if (cityList[i].ID == this.areaID) { cityList[i].areaList = data;
cityList[i].areaList = data; }
} }
} }
} }
this.areaList = data
} else {
this.Info(res.data.message);
} }
this.areaList = data })
} else { },
this.Info(res.data.message); handleCheckAllChange(index, id, e){
let regionList = this.regionList;
this.provinceindex = index;
this.cityID = id;
if(regionList[index].indeterminate==true){
regionList[index].indeterminate=false;
regionList[index].ischeckAll=true;
} }
})
}, if(e==false){
handleCheckAllChange(index, id, e) {
let regionList = this.regionList; if(regionList[index].hasOwnProperty('cityList')==false) {
this.provinceindex = index; this.getCitylist(false,false)
this.cityID = id; }else {
if (regionList[index].indeterminate == true) { let cityList = regionList[index].cityList;
regionList[index].indeterminate = false;
regionList[index].ischeckAll = true; for(let i=0;i<cityList.length;i++){
} cityList[i].ischeckAll=false
if (e == false) { }
if (regionList[index].hasOwnProperty('cityList') == false) { this.cityList = cityList
this.getCitylist(false, false) let areaList = this.cityList[this.cityindex].areaList
} else { for(let i=0;i<areaList.length;i++){
let cityList = regionList[index].cityList; areaList[i].ischeckAll=false
for (let i = 0; i < cityList.length; i++) { }
cityList[i].ischeckAll = false this.areaList = areaList
} }
this.cityList = cityList }else {
let areaList = this.cityList[this.cityindex].areaList if(regionList[index].hasOwnProperty('cityList')==false) {
for (let i = 0; i < areaList.length; i++) { this.getCitylist(true)
areaList[i].ischeckAll = false }else {
let cityList = regionList[index].cityList;
for(let i=0;i<cityList.length;i++){
cityList[i].ischeckAll=true
}
this.cityList = cityList
let areaList = this.cityList[this.cityindex].areaList
for(let i=0;i<areaList.length;i++){
areaList[i].ischeckAll=true
}
this.areaList = areaList
} }
this.areaList = areaList
} }
} else {
if (regionList[index].hasOwnProperty('cityList') == false) {
this.getCitylist(true) this.toParent()
} else { },
let cityList = regionList[index].cityList; showcity(index, id){
for (let i = 0; i < cityList.length; i++) { let regionList = this.regionList;
cityList[i].ischeckAll = true this.provinceindex = index;
this.cityID = id;
if(regionList[index].hasOwnProperty('cityList')==false){
this.getCitylist()
}else {
this.cityList = regionList[index].cityList;
this.areaList = this.cityList[0].areaList;
}
},
handleCityAllChange(index, id, e){
let regionList = this.regionList;
this.cityindex = index;
this.areaID = id;
//取消自己的勾的时候父级的勾改变
let areaList = regionList[this.provinceindex].cityList[index].areaList;
if(e==false){
if(regionList[this.provinceindex].cityList[index].hasOwnProperty('areaList')==false){
this.getareaIDlist(false,false)
}else {
this.areaList = regionList[this.provinceindex].cityList[index].areaList;
}
regionList[this.provinceindex].indeterminate=true;
regionList[this.provinceindex].ischeckAll=false;
if(areaList!=undefined){
for(let i=0;i<areaList.length;i++){
areaList[i].ischeckAll=false;
}
regionList[this.provinceindex].cityList[index].indeterminate=false
} }
this.cityList = cityList
let areaList = this.cityList[this.cityindex].areaList let all=true;
for (let i = 0; i < areaList.length; i++) { let cityList = this.regionList[this.provinceindex].cityList;
areaList[i].ischeckAll = true if(cityList!=undefined){
for(let i=0;i<cityList.length;i++){
if(cityList[i].ischeckAll==true){
all=false
}
}
} }
this.areaList = areaList
} if(all==true){
} this.regionList[this.provinceindex].indeterminate=false
this.toParent() this.regionList[this.provinceindex].ischeckAll=false
},
showcity(index, id) {
let regionList = this.regionList;
this.provinceindex = index;
this.cityID = id;
if (regionList[index].hasOwnProperty('cityList') == false) {
this.getCitylist()
} else {
this.cityList = regionList[index].cityList;
this.areaList = this.cityList[0].areaList;
}
},
handleCityAllChange(index, id, e) {
let regionList = this.regionList;
this.cityindex = index;
this.areaID = id;
//取消自己的勾的时候父级的勾改变
let areaList = regionList[this.provinceindex].cityList[index].areaList;
if (e == false) {
if (regionList[this.provinceindex].cityList[index].hasOwnProperty('areaList') == false) {
this.getareaIDlist(false, false)
} else {
this.areaList = regionList[this.provinceindex].cityList[index].areaList;
}
regionList[this.provinceindex].indeterminate = true;
regionList[this.provinceindex].ischeckAll = false;
if (areaList != undefined) {
for (let i = 0; i < areaList.length; i++) {
areaList[i].ischeckAll = false;
} }
regionList[this.provinceindex].cityList[index].indeterminate = false if(areaList!=undefined){
} for(let i=0;i<areaList.length;i++){
let all = true; areaList[i].ischeckAll=false
let cityList = this.regionList[this.provinceindex].cityList;
if (cityList != undefined) {
for (let i = 0; i < cityList.length; i++) {
if (cityList[i].ischeckAll == true) {
all = false
} }
} }
} }else {
if (all == true) {
this.regionList[this.provinceindex].indeterminate = false if(regionList[this.provinceindex].cityList[index].hasOwnProperty('areaList')==false){
this.regionList[this.provinceindex].ischeckAll = false this.getareaIDlist(true)
} }else {
if (areaList != undefined) { this.areaList = regionList[this.provinceindex].cityList[index].areaList;
for (let i = 0; i < areaList.length; i++) {
areaList[i].ischeckAll = false
} }
} regionList[this.provinceindex].indeterminate=true;
} else { regionList[this.provinceindex].ischeckAll=false;
if (regionList[this.provinceindex].cityList[index].hasOwnProperty('areaList') == false) {
this.getareaIDlist(true)
} else { let all=true;
this.areaList = regionList[this.provinceindex].cityList[index].areaList; let cityList = this.regionList[this.provinceindex].cityList;
} if(cityList!=undefined){
regionList[this.provinceindex].indeterminate = true; for(let i=0;i<cityList.length;i++){
regionList[this.provinceindex].ischeckAll = false; if(cityList[i].ischeckAll==false){
let all = true; all=false
let cityList = this.regionList[this.provinceindex].cityList; }
if (cityList != undefined) {
for (let i = 0; i < cityList.length; i++) {
if (cityList[i].ischeckAll == false) {
all = false
} }
} }
}
if (all == true) { if(all==true){
this.regionList[this.provinceindex].indeterminate = false this.regionList[this.provinceindex].indeterminate=false
this.regionList[this.provinceindex].ischeckAll = true this.regionList[this.provinceindex].ischeckAll=true
}
if (areaList != undefined) {
for (let i = 0; i < areaList.length; i++) {
areaList[i].ischeckAll = true
} }
if(areaList!=undefined){
for(let i=0;i<areaList.length;i++){
areaList[i].ischeckAll=true
}
}
} }
} this.toParent()
this.toParent()
}, },
showarea(index, id) { showarea(index, id){
let regionList = this.regionList; let regionList = this.regionList;
this.cityindex = index; this.cityindex = index;
this.areaID = id; this.areaID = id;
if (regionList[this.provinceindex].cityList[index].hasOwnProperty('areaList') == false) { //没有子级的时候加载 if(regionList[this.provinceindex].cityList[index].hasOwnProperty('areaList')==false){//没有子级的时候加载
if (regionList[this.provinceindex].cityList[index].ischeckAll == true) { if(regionList[this.provinceindex].cityList[index].ischeckAll==true){
this.getareaIDlist(true) this.getareaIDlist(true)
} else { }else {
this.getareaIDlist() this.getareaIDlist()
}
} else {
this.areaList = regionList[this.provinceindex].cityList[index].areaList;
}
},
handleareaAllChange(index, id, e) {
let regionList = this.regionList;
this.areaindex = index;
let areaList = regionList[this.provinceindex].cityList[this.cityindex].areaList;
let cityList = regionList[this.provinceindex].cityList;
if (e == false) {
regionList[this.provinceindex].indeterminate = true
regionList[this.provinceindex].cityList[this.cityindex].indeterminate = true
let areaAll = true
for (let i = 0; i < areaList.length; i++) {
if (areaList[i].ischeckAll == true) {
areaAll = false
} }
}else {
this.areaList = regionList[this.provinceindex].cityList[index].areaList;
} }
if (areaAll == true) { },
regionList[this.provinceindex].cityList[this.cityindex].indeterminate = false; handleareaAllChange(index, id, e){
regionList[this.provinceindex].cityList[this.cityindex].ischeckAll = false; let regionList = this.regionList;
let provinceAll = true; this.areaindex = index;
for (let i = 0; i < cityList.length; i++) { let areaList= regionList[this.provinceindex].cityList[this.cityindex].areaList;
if (cityList[i].ischeckAll == true || cityList[i].indeterminate == true) { let cityList= regionList[this.provinceindex].cityList;
provinceAll = false if(e==false){
regionList[this.provinceindex].indeterminate=true
regionList[this.provinceindex].cityList[this.cityindex].indeterminate=true
let areaAll=true
for(let i=0;i<areaList.length;i++){
if(areaList[i].ischeckAll==true){
areaAll=false
} }
} }
if (provinceAll == true) { if(areaAll==true){
regionList[this.provinceindex].indeterminate = false; regionList[this.provinceindex].cityList[this.cityindex].indeterminate=false;
regionList[this.provinceindex].ischeckAll = false; regionList[this.provinceindex].cityList[this.cityindex].ischeckAll=false;
}
} let provinceAll =true;
} else { for(let i=0;i<cityList.length;i++){
regionList[this.provinceindex].indeterminate = true if(cityList[i].ischeckAll==true || cityList[i].indeterminate==true){
regionList[this.provinceindex].cityList[this.cityindex].indeterminate = true provinceAll=false
let areaAll = true }
for (let i = 0; i < areaList.length; i++) { }
if (areaList[i].ischeckAll == false) { if(provinceAll== true){
areaAll = false regionList[this.provinceindex].indeterminate=false;
regionList[this.provinceindex].ischeckAll=false;
}
} }
}
if (areaAll == true) { }else {
regionList[this.provinceindex].cityList[this.cityindex].indeterminate = false; regionList[this.provinceindex].indeterminate=true
regionList[this.provinceindex].cityList[this.cityindex].ischeckAll = true; regionList[this.provinceindex].cityList[this.cityindex].indeterminate=true
let provinceAll = true;
for (let i = 0; i < cityList.length; i++) { let areaAll=true
if (cityList[i].ischeckAll == false || cityList[i].indeterminate == true) { for(let i=0;i<areaList.length;i++){
provinceAll = false if(areaList[i].ischeckAll==false){
areaAll=false
} }
} }
if (provinceAll == true) { if(areaAll==true){
regionList[this.provinceindex].indeterminate = false; regionList[this.provinceindex].cityList[this.cityindex].indeterminate=false;
regionList[this.provinceindex].ischeckAll = true; regionList[this.provinceindex].cityList[this.cityindex].ischeckAll=true;
let provinceAll =true;
for(let i=0;i<cityList.length;i++){
if(cityList[i].ischeckAll==false || cityList[i].indeterminate==true){
provinceAll=false
}
}
if(provinceAll== true){
regionList[this.provinceindex].indeterminate=false;
regionList[this.provinceindex].ischeckAll=true;
}
} }
} }
} this.toParent()
this.toParent()
}, },
toParent() { //传值给父组件 toParent(){//传值给父组件
let List = []; let List=[];
let data = this.regionList let data= this.regionList
for (let i = 0; i < data.length; i++) { for(let i=0 ;i<data.length;i++){
if (data[i].ischeckAll == true && data[i].indeterminate == false && (data[i].hasOwnProperty('disabled') == if(data[i].ischeckAll==true && data[i].indeterminate==false && (data[i].hasOwnProperty('disabled')==false || data[i].disabled==false)){ //全选的情况 只穿省的ID
false || data[i].disabled == false)) { //全选的情况 只穿省的ID List.push({'ID':0,'RegionId':data[i].ID,"RegionName":data[i].Name,'GrandpaID':0,'ParentID':0})
List.push({ }
'ID': 0, if(data[i].indeterminate==true){//传市的ID
'RegionId': data[i].ID,
"RegionName": data[i].Name, if(data[i].hasOwnProperty('cityList')==true){
'GrandpaID': 0, let citylist = data[i].cityList;
'ParentID': 0 for(let j= 0;j<citylist.length;j++){
}) if(citylist[j].ischeckAll==true && citylist[j].indeterminate==false && (citylist[j].hasOwnProperty('disabled')==false || citylist[j].disabled==false)){
} List.push({'ID':0,'RegionId':citylist[j].ID,"RegionName":citylist[j].Name,'GrandpaID':0,'ParentID':data[i].ID})
if (data[i].indeterminate == true) { //传市的ID }
if (data[i].hasOwnProperty('cityList') == true) { if(citylist[j].indeterminate==true){
let citylist = data[i].cityList; if(citylist[j].hasOwnProperty('areaList')==true){
for (let j = 0; j < citylist.length; j++) { let areaList = citylist[j].areaList;
if (citylist[j].ischeckAll == true && citylist[j].indeterminate == false && (citylist[j].hasOwnProperty( for(let z= 0;z<areaList.length;z++){
'disabled') == false || citylist[j].disabled == false)) { if(areaList[z].ischeckAll==true && (areaList[z].hasOwnProperty('disabled')==false || areaList[z].disabled==false)){
List.push({ List.push({'ID':0,'RegionId':areaList[z].ID,"RegionName":areaList[z].Name,'GrandpaID':data[i].ID,'ParentID':citylist[j].ID})
'ID': 0, }
'RegionId': citylist[j].ID,
"RegionName": citylist[j].Name,
'GrandpaID': 0,
'ParentID': data[i].ID
})
}
if (citylist[j].indeterminate == true) {
if (citylist[j].hasOwnProperty('areaList') == true) {
let areaList = citylist[j].areaList;
for (let z = 0; z < areaList.length; z++) {
if (areaList[z].ischeckAll == true && (areaList[z].hasOwnProperty('disabled') == false ||
areaList[z].disabled == false)) {
List.push({
'ID': 0,
'RegionId': areaList[z].ID,
"RegionName": areaList[z].Name,
'GrandpaID': data[i].ID,
'ParentID': citylist[j].ID
})
} }
} }
} }
} }
} }
} }
} }
}
this.$emit('event1', List) this.$emit('event1', List)
}, },
citylist(Id, index) { citylist(Id,index){
let getlist = this.getlist; let getlist =this.getlist;
let isbanlist = this.isbanlist; let isbanlist =this.isbanlist;
let msg = { let msg = {'Id':Id}
'Id': Id this.apipost("/api/Destination/GetChildList",msg , res => {
} if (res.data.resultCode == 1) {
this.apipost("/api/Destination/GetChildList", msg, res => { let data = res.data.data;
if (res.data.resultCode == 1) { for(let i=0;i<data.length;i++){
let data = res.data.data; if(getlist.length>0){
for (let i = 0; i < data.length; i++) { for(let j=0;j<getlist.length;j++){
if (getlist.length > 0) {
for (let j = 0; j < getlist.length; j++) { if(getlist[j].RegionId==data[i].ID || getlist[j].RegionId==this.regionList[index].ID){
if (getlist[j].RegionId == data[i].ID || getlist[j].RegionId == this.regionList[index].ID) { data[i].ischeckAll=true;
data[i].ischeckAll = true; data[i].indeterminate=false;
data[i].indeterminate = false; this.arealist(data[i].ID,i,index)
this.arealist(data[i].ID, i, index)
} else if (getlist[j].ParentID == data[i].ID) { }else if(getlist[j].ParentID==data[i].ID){
data[i].ischeckAll = false; data[i].ischeckAll=false;
data[i].indeterminate = true; data[i].indeterminate=true;
this.arealist(data[i].ID, i, index) this.arealist(data[i].ID,i,index)
} else if (data[i].hasOwnProperty('ischeckAll') == false && data[i].hasOwnProperty( }else if(data[i].hasOwnProperty('ischeckAll')==false && data[i].hasOwnProperty('indeterminate')==false){
'indeterminate') == false) { data[i].ischeckAll=false;
data[i].ischeckAll = false; data[i].indeterminate=false;
data[i].indeterminate = false; }
} }
}else {
data[i].ischeckAll=false;
data[i].indeterminate=false;
} }
} else { if(isbanlist.length>0 && this.isban==true){
data[i].ischeckAll = false; for(let j=0;j<isbanlist.length;j++){
data[i].indeterminate = false; if(isbanlist[j].RegionId==data[i].ID || isbanlist[j].RegionId==this.cityID){
} data[i].disabled=true;
if (isbanlist.length > 0 && this.isban == true) {
for (let j = 0; j < isbanlist.length; j++) { }else if(isbanlist[j].ParentID==data[i].ID){
if (isbanlist[j].RegionId == data[i].ID || isbanlist[j].RegionId == this.cityID) { data[i].disabled=true;
data[i].disabled = true;
} else if (isbanlist[j].ParentID == data[i].ID) { }
data[i].disabled = true;
} }
} }
} }
this.regionList[index].cityList = data
} else {
this.Info(res.data.message);
} }
this.regionList[index].cityList = data })
} else { },
this.Info(res.data.message); arealist(Id,index,Pindex){
} let getlist =this.getlist;
}) let isbanlist =this.isbanlist;
}, let msg = {'Id':Id}
arealist(Id, index, Pindex) { this.apipost("/api/Destination/GetChildList",msg , res => {
let getlist = this.getlist; if (res.data.resultCode == 1) {
let isbanlist = this.isbanlist; let data = res.data.data;
let msg = { for(let i=0;i<data.length;i++){
'Id': Id
} if(getlist.length>0){
this.apipost("/api/Destination/GetChildList", msg, res => { for(let j=0;j<getlist.length;j++){
if (res.data.resultCode == 1) {
let data = res.data.data; if(getlist[j].RegionId==this.regionList[Pindex].ID || getlist[j].RegionId==data[i].ID || getlist[j].RegionId == this.regionList[Pindex].cityList[index].ID){
for (let i = 0; i < data.length; i++) { data[i].ischeckAll=true;
if (getlist.length > 0) { }else if(data[i].hasOwnProperty('ischeckAll')==false ){
for (let j = 0; j < getlist.length; j++) { data[i].ischeckAll=false;
if (getlist[j].RegionId == this.regionList[Pindex].ID || getlist[j].RegionId == data[i].ID ||
getlist[j].RegionId == this.regionList[Pindex].cityList[index].ID) { }
data[i].ischeckAll = true; }
} else if (data[i].hasOwnProperty('ischeckAll') == false) { }else {
data[i].ischeckAll = false; data[i].ischeckAll=false;
} }
}
} else {
data[i].ischeckAll = false;
}
if (isbanlist.length > 0 && this.isban == true) {
for (let j = 0; j < isbanlist.length; j++) {
if (isbanlist[j].RegionId == this.cityID || isbanlist[j].RegionId == data[i].ID || isbanlist[j]
.RegionId == this.areaID) {
data[i].disabled = true;
if(isbanlist.length>0 && this.isban==true){
for(let j=0;j<isbanlist.length;j++){
if(isbanlist[j].RegionId==this.cityID || isbanlist[j].RegionId==data[i].ID || isbanlist[j].RegionId == this.areaID){
data[i].disabled=true;
}
} }
} }
} }
this.regionList[Pindex].cityList[index].areaList = data
} else {
this.Info(res.data.message);
} }
this.regionList[Pindex].cityList[index].areaList = data })
} else { },
this.Info(res.data.message); Receive(val,val2=[],isban=false){
} this.regionList = [];
}) this.loading=true;
this.provinceindex=0;
this.cityindex=0;
this.areaindex=0;
this.cityID=0;
this.areaID=0;
this.getlist= val;
this.isbanlist= val2;
this.isban = isban
setTimeout(()=>{
this.getprovince()
},2000)
}
}, },
Receive(val, val2 = [], isban = false) {
this.regionList = [];
this.loading = true;
this.provinceindex = 0;
this.cityindex = 0;
this.areaindex = 0;
this.cityID = 0;
this.areaID = 0;
this.getlist = val;
this.isbanlist = val2;
this.isban = isban
setTimeout(() => {
this.getprovince()
}, 2000)
}
},
mounted() {
},
}
mounted(){
// this.getprovince()
},
}
</script> </script>
<style scoped> <style scoped>
.regionChoice { .regionChoice{
width: 880px; width: 880px;
height: 400px; height: 400px;
display: flex; /*margin-left: 100px;*/
flex-direction: row; display: flex;
align-items: center; flex-direction: row;
justify-content: space-between; align-items: center;
} justify-content: space-between;
}
.regionChoice .item { .regionChoice .item{
overflow-y: auto; overflow-y: auto;
border: 1px solid #EBEEF5; border: 1px solid #EBEEF5;
border-radius: 4px; border-radius: 4px;
...@@ -589,15 +623,12 @@ ...@@ -589,15 +623,12 @@
height: 400px; height: 400px;
} }
.regionChoice .item_b{
.regionChoice .item_b { display: flex;
display: flex; flex-direction: row;
flex-direction: row; align-items: center;
align-items: center;
}
.regionChoice .item_b span {
margin-left: 15px;
} }
.regionChoice .item_b span{
margin-left: 15px;
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment