Merge branch 'feature_0521' of http://git.51jingcheng.com/zhenghuang/bsdgy-front into feature_0521
commit
f1f89e5212
@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<div style="padding: 0 40px;">
|
||||||
|
<Form ref="formValidate"
|
||||||
|
:model="useData"
|
||||||
|
:label-width="80">
|
||||||
|
<Row>
|
||||||
|
<i-col span="22"
|
||||||
|
offset="2">
|
||||||
|
<FormItem label="配置范围"
|
||||||
|
prop="activityRange">
|
||||||
|
<Collapse simple>
|
||||||
|
<Panel :key="index"
|
||||||
|
v-for="(item, index) in groups">
|
||||||
|
{{
|
||||||
|
item.name
|
||||||
|
}} {{
|
||||||
|
item.stores.length
|
||||||
|
}}家店铺
|
||||||
|
<div slot="content">
|
||||||
|
<div class="activityShopClass">
|
||||||
|
<div class="mr10"
|
||||||
|
v-for="(item, index) in item.stores"
|
||||||
|
:key="index">
|
||||||
|
<Tag class="tagClass"
|
||||||
|
color="blue">{{ item.name }}</Tag>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Panel>
|
||||||
|
</Collapse>
|
||||||
|
</FormItem>
|
||||||
|
</i-col>
|
||||||
|
</Row>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import store from "../../store/index";
|
||||||
|
export default {
|
||||||
|
name: "useActivityStepFoure",
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
useData: store.getters.useData,
|
||||||
|
operate: "收起",
|
||||||
|
displayActivityShopFlag: false,
|
||||||
|
groups: [],
|
||||||
|
};
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
detail: Object
|
||||||
|
},
|
||||||
|
created () {
|
||||||
|
let _this = this;
|
||||||
|
this.$nextTick(() => {
|
||||||
|
console.log(123, this.detail)
|
||||||
|
_this.detail.organizations.forEach((item) => {
|
||||||
|
item.stores = _this._.filter(
|
||||||
|
_this.detail.stores,
|
||||||
|
(s) => s.companyId == item.id || s.parentId == item.id
|
||||||
|
);
|
||||||
|
console.log(item.stores)
|
||||||
|
_this.groups.push(item);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
isDisplay () {
|
||||||
|
if (this.operate === "展开") {
|
||||||
|
this.operate = "收起";
|
||||||
|
this.displayActivityShopFlag = false;
|
||||||
|
} else {
|
||||||
|
this.operate = "展开";
|
||||||
|
this.displayActivityShopFlag = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.activityShopClass {
|
||||||
|
display: flex;
|
||||||
|
justify-content: start;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.mr10 {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.tagClass {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue