Skip to content

jml0128 / xrk-bi

Go to a project
Commit 67233713 by web
Options

feat: 创建文件

1 parent e7e4d9f8
Expand all
Inline Side-by-side
Showing with 250 additions and 4 deletions
src/packages/bi/src/commonComponents/title.vue
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
class="bi_title_text_icon" class="bi_title_text_icon"
/> />
</div> </div>
<slot name="handler"></slot>
</div> </div>
</template> </template>
...@@ -33,9 +34,12 @@ $bluecolor: #1989fa; ...@@ -33,9 +34,12 @@ $bluecolor: #1989fa;
line-height: 0; line-height: 0;
height: 88px; height: 88px;
border-bottom: 2px solid #f4f4f4; border-bottom: 2px solid #f4f4f4;
padding-left: 29px; padding: 0 29px;
display: flex;
align-items: center;
justify-content: space-between;
&_text { &_text {
margin-top: 32px; // margin-top: 32px;
height: 33px; height: 33px;
background: $bluecolor; background: $bluecolor;
font-size: 22px; font-size: 22px;
......
src/packages/bi/src/components/photo-wall/del.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: '',
mixins: [],
components: {},
data() {
return {};
},
computed: {},
watch: {},
methods: {},
created() {},
beforeDestroy() {}
};
</script>
<style scoped lang="scss"></style>
src/packages/bi/src/components/photo-wall/images.vue 0 → 100644
<template>
<ul>
<li>
<img
src="http://yiyang.oss-cn-beijing.aliyuncs.com/WEB/SaaS/images/20201013_1147.png"
alt=""
/>
</li>
<li>
<img
src="http://yiyang.oss-cn-beijing.aliyuncs.com/WEB/SaaS/images/2103251844.png"
alt=""
/>
</li>
</ul>
</template>
<script>
export default {
name: 'bi-photo-wall-images',
mixins: [],
components: {},
data() {
return {};
},
computed: {},
watch: {},
methods: {},
created() {},
beforeDestroy() {}
};
</script>
<style scoped lang="scss">
ul {
padding: 0 30px;
padding-top: 35px;
position: relative;
img {
max-width: 300px;
max-height: 300px;
}
}
</style>
src/packages/bi/src/components/photo-wall/index.vue 0 → 100644
<!--
* @Description:
* @Date: 2021-06-09 19:05:20
-->
<template>
<div class="bi-photo" ref="bi-photo">
<BiTitle :index="index" :name="name">
<template #handler>
<div>
<el-button class="bi-photo_btn">
<img
src="http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/delete.svg"
alt=""
/>
选择样式
</el-button>
<el-button class="bi-photo_btn">
<img
src="http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/delete.svg"
alt=""
/>
选择图片
</el-button>
<el-button class="bi-photo_btn">
<img
src="http://cdn.yxvzb.com/WEB/SaaS/images/bi/svg/delete.svg"
alt=""
/>
删除
</el-button>
</div>
</template>
</BiTitle>
<BiImages />
</div>
</template>
<script>
import BiTitle from '../../commonComponents/title.vue';
import BiImages from './images';
import { heightToPage } from '../../chart-type/common';
export default {
name: 'bi-photo-wall',
components: { BiTitle, BiImages },
props: {
name: String,
data: {
default: () => [],
type: Array
},
index: {
type: Number,
default: 4
}
},
data() {
return {};
},
methods: {},
mounted() {},
watch: {
data: {
handler() {
this.$nextTick(() => {
this.$emit('page', heightToPage(this.$refs['bi-photo'].offsetHeight));
});
},
deep: true,
immediate: true
}
}
};
</script>
<style lang="scss" scoped>
.bi-photo {
// page-break-before: always;
// page-break-after: always;
padding-bottom: 50px;
&_btn {
display: inline-block;
min-width: 42px;
height: 42px;
border: 1px solid #bac1ce;
border-radius: 4px;
vertical-align: top;
text-align: center;
line-height: 42px;
padding: 0 15px;
font-size: 16px;
font-weight: 500;
color: #6f7a91;
cursor: pointer;
position: relative;
&_group {
position: absolute;
right: 16px;
top: 50%;
margin-top: -21px;
z-index: 3;
&_item {
& + .bi-chart-title_btn_group_item {
margin-left: 8px;
}
}
}
}
}
</style>
src/packages/bi/src/components/photo-wall/select.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: '',
mixins: [],
components: {},
data() {
return {};
},
computed: {},
watch: {},
methods: {},
created() {},
beforeDestroy() {}
};
</script>
<style scoped lang="scss"></style>
src/packages/bi/src/components/photo-wall/style.vue 0 → 100644
<template>
<div></div>
</template>
<script>
export default {
name: '',
mixins: [],
components: {},
data() {
return {};
},
computed: {},
watch: {},
methods: {},
created() {},
beforeDestroy() {}
};
</script>
<style scoped lang="scss"></style>
src/packages/bi/src/project/20-configurable.vue
...@@ -53,6 +53,21 @@ ...@@ -53,6 +53,21 @@
@sort="sort(arguments, 'singleChoiceMixin', hideSingleChoiceMixin)" @sort="sort(arguments, 'singleChoiceMixin', hideSingleChoiceMixin)"
@page="setPage(arguments, 'page3', 'page3Info')" @page="setPage(arguments, 'page3', 'page3Info')"
></BiSingleChoice> ></BiSingleChoice>
<!-- <BiSingleChoice
v-if="showSingleChoice.length > 0"
class="bi-block no-border"
:singleChoice="showSingleChoice"
:pageWrap="true"
@sort="sort(arguments, 'singleChoice', hideSingleChoice)"
@page="setPage(arguments, 'page4')"
>
<BiSingleChoiceInfo index="4" name="照片集合"></BiSingleChoiceInfo>
</BiSingleChoice> -->
<BiPhoto
class="bi-block"
name="照片集合"
@page="setPage(arguments, 'page4')"
/>
<BiCoverEnd title="奇正藏药医学沙龙推广项目数据报告"></BiCoverEnd> <BiCoverEnd title="奇正藏药医学沙龙推广项目数据报告"></BiCoverEnd>
<BiOperate <BiOperate
:questionData="[...singleChoice, ...singleChoiceMixin]" :questionData="[...singleChoice, ...singleChoiceMixin]"
...@@ -70,8 +85,9 @@ import BiOverview from '../components/overview.vue'; ...@@ -70,8 +85,9 @@ import BiOverview from '../components/overview.vue';
import BiMission from '../components/mission.vue'; import BiMission from '../components/mission.vue';
import BiSingleChoice from '../components/singleChoice.vue'; import BiSingleChoice from '../components/singleChoice.vue';
import BiCoverEnd from '../components/cover-end.vue'; import BiCoverEnd from '../components/cover-end.vue';
import BiOperate from '../components/operate.vue'; import BiOperate from '../components/operate.vue';
import BiPhoto from '../components/photo-wall/index.vue';
import mixin, { printWidth } from '../mixin/index'; import mixin, { printWidth } from '../mixin/index';
/** /**
* dealSingleChoice、sort、setPage * dealSingleChoice、sort、setPage
...@@ -100,7 +116,8 @@ export default { ...@@ -100,7 +116,8 @@ export default {
BiSingleChoice, BiSingleChoice,
BiSingleChoiceInfo, BiSingleChoiceInfo,
BiCoverEnd, BiCoverEnd,
BiOperate BiOperate,
BiPhoto
}, },
data() { data() {
return { return {
...@@ -178,6 +195,15 @@ export default { ...@@ -178,6 +195,15 @@ export default {
}; };
}) })
] ]
},
{
name: '照片集合',
child: [
{
name: '照片集合',
page: 4
}
]
} }
]; ];
}, },
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!