新增社区活动列表/发起活动/我的活动/预览/模板/设置

config/project.js

@@ -1 +1 @@
-exports.name = 'home'
+exports.name = 'business'

src/projects/business/views/Master/Activity/Add.vue

@@ -1,8 +1,91 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">发起活动</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-fqhd">
+			<div class="margin10">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label style="width:50%">查看活动模板</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							查看
+						</button>
+					</div>
+				</form>
+			</div>
+			<div class="margin10">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>活动标题</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入">
+					</div>
+				</form>
+			</div>
+			<div class="vongi-fqhd-add margin10">
+				<a href="#addPopover"><span class="mui-icon mui-icon-plus"></span></a>
+			</div>
+			<div class="vongi-cashier margin10">
+				<div class="vongi-fqhd-addimg">
+					<img src="~$project/assets/img/02.jpg" alt="">
+					<!--<span>添加图片</span>
+					<i class="iconfont icon-23"></i>-->
+				</div>
+				<div class="vongi-cashier-text">
+					<a class="vongi-text-tit color333" href="">
+						名都喜欢羽毛球的业主朋友们，快快投入组织的怀抱吧——名都业主“羽你同行”俱乐部欢迎你！
+					</a>
+					<a><span class="mui-icon iconfont icon-guanbi1"></span></a>
+					<a><span class="mui-icon iconfont icon-jiantou1"></span></a>
+				</div>
+			</div>
+			<div class="vongi-fqhd-add margin10">
+				<a href="#addPopover"><span class="mui-icon mui-icon-plus"></span></a>
+			</div>
+			<div class="vongi-cashier margin10">
+				<a class="vongi-fqhd-addimg" href="">
+					<!--<img src="~$project/assets/img/02.jpg" alt="">-->
+					<span>添加图片</span>
+					<i class="iconfont icon-23"></i>
+				</a>
+				<div class="vongi-cashier-text">
+					<a class="vongi-text-tit color333" href="">
+						名都喜欢羽毛球的业主朋友们，快快投入组织的怀抱吧——名都业主“羽你同行”俱乐部欢迎你！
+					</a>
+					<a><span class="mui-icon iconfont icon-guanbi1"></span></a>
+					<a><span class="mui-icon iconfont icon-jiantou1"></span></a>
+				</div>
+			</div>
+			<div class="vongi-fqhd-add margin10">
+				<a href="#addPopover"><span class="mui-icon mui-icon-plus"></span></a>
+				<div id="#addPopover" class="vongi-popover">
+					<div class="mui-popover-arrow mui-bottom" style="left:43.5px"></div>
+					<ul class="mui-table-view mui-grid-view mui-grid-9">
+						<li class="mui-table-view-cell mui-media mui-col-xs-6">
+							<a href="#">
+								<span class="iconfont icon-23 color4fc5f7"></span>
+								<div class="mui-media-body">图片</div>
+							</a>
+						</li>
+						<li class="mui-table-view-cell mui-media mui-col-xs-6">
+							<a href="#">
+								<span class="iconfont icon-wenzi color4fc5f7"></span>
+								<div class="mui-media-body">文字</div>
+							</a>
+						</li>
+					</ul>
+				</div>
+			</div>
+
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Activity/AddPreview.vue

@@ -1,8 +1,44 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">活动详情</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+            <a class="mui-btn mui-btn-primary mui-pull-right">下一步</a>
+		</header>
+		<div class="mui-content">
+			<div class="vongi-hddat-tit">
+				<h1>欢迎加入恒大名都业主羽毛球群</h1>
+				<h1>——羽你同行！</h1>
+				<h5>活动起止日期：2020-10-25 至 2020-11-25</h5>
+			</div>
+			<div class="vongi-hddat-text">
+				<div class="vongi-hddat-cont">
+					<p><img src="~$project/assets/img/huodo.png" width="100%" /></p>
+					<p>名都喜欢羽毛球的业主朋友们，快快投入组织的怀抱吧——名都业主“羽你同行”俱乐部欢迎你！</p>
+					<p>扫码入群，为健康动起来 ↓</p>
+				</div>
+				<div class="vongi-hddat-cont vongi-hddat-center">
+					<p><img src="~$project/assets/img/huodoma.png" width="40%" /></p>
+					<p>咨询热线：13687155078</p>
+					<p>本活动发起人：12栋业主 李军 13687155078</p>
+				</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
+export default {
+        mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+        destroyed() {
+            document.body.style.backgroundColor = '';
+        }
+    }
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Activity/AddSet.vue

@@ -1,8 +1,51 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">活动设置</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-fqhd">
+			<div class="mui-content-padded">
+				<h5>标题和封面</h5>
+			</div>
+			<div class="vongi-cashier margin10">
+				<div class="mui-col-xs-7">
+					<!--<textarea placeholder="请输入标题"></textarea>-->
+					<span class="color999">欢迎加入恒大名都业主羽毛球群——羽你同行</span>
+					<a href="" class="iconfont icon-bianji1"></a>
+				</div>				
+				<div class="flew mui-col-xs-5">
+					<img src="~$project/assets/img/02.jpg" alt="">
+					<a href="">更换封面</a>
+				</div>				
+			</div>
+			<div class="vongi-qingjiadt vongi-editme">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label style="width:40%"><i class="colorfe616c">*</i>活动起止日期</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:60%">
+							2020-10-25 至 2020-11-24
+						</button>
+					</div>
+				</form>
+			</div>
+		</div>
+		<div class="fyy-footer vongi-footer">
+			<form class="mui-input-group vongi-xieyi">
+					<div class="mui-input-row mui-radio mui-left">
+						<label class="mui-h6">我已阅读并同意<span class="color4fc5f7">《小鹏管家用户责任承诺书》</span></label>
+						<input name="radio1" type="radio">
+					</div>
+				</form>
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">提交审核</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Activity/AddText.vue

@@ -1,8 +1,40 @@
 <template>
+<div>
+   <header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">编辑文字</h1>
+			<a class="mui-btn mui-pull-right mui-btn-blue">完成</a>
+		</header>
+		<div class="mui-content">
+			<div class="vongi-edit">
+				<textarea placeholder="请输入正文" class="flew"></textarea>
+				<div class="vongi-edit-footer">
+					<div class="vongi-edit-bl flew-sp flew-items">
+						<span class="iconfont icon-bold"></span>
+						<span class="iconfont icon-italic"></span>
+						<span class="iconfont icon-underline"></span>
+						<span class="iconfont icon-707bianjiqi_shanchuxian"></span>
+						<span class="vongi-edit-line"></span>
+						<span class="iconfont icon-a"></span>
+						<span class="vongi-edit-line"></span>
+						<span class="iconfont icon-718bianjiqi_youxuliebiao"></span>
+						<span class="iconfont icon-719bianjiqi_wuxuliebiao"></span>
+						<span class="iconfont icon-fuwenbenbianjiqi_suojin"></span>
+						<span class="iconfont icon-fuwenbenbianjiqi_suojin"></span>
+						<span class="vongi-edit-line"></span>
+						<span class="iconfont icon-fengexian"></span>
+						<span class="iconfont icon-quotation_marks"></span>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Activity/List.vue

@@ -1,8 +1,40 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">小区活动</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content">
+			<div class="vongi-sqhd-list">
+				<p class="vongi-center">2020-10-14 15:43:01</p>
+				<a href="" class="mui-card">
+					<div class="mui-card-content">
+						<div class="mui-card-content-inner">
+							<img src="~$project/assets/img/huodo.png" width="100%" />
+						</div>
+					</div>
+					<div class="mui-card-footer mui-ellipsis mui-navigate-right">欢迎加入恒大名都业主羽毛球群——羽你同行！</div>
+				</a>
+			</div>
+			<div class="vongi-sqhd-list">
+				<p class="vongi-center">2020-10-14 15:43:01</p>
+				<a href="" class="mui-card">
+					<div class="mui-card-content">
+						<div class="mui-card-content-inner">
+							<img src="~$project/assets/img/huodo.png" width="100%" />
+						</div>
+					</div>
+					<div class="mui-card-footer mui-ellipsis mui-navigate-right">欢迎加入恒大名都业主羽毛球群——羽你同行！</div>
+				</a>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Activity/MyList.vue

@@ -1,8 +1,62 @@
 <template>
+<div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">我发起的活动</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
+		<div class="mui-content vongi-hdsq">
+			<div class="mui-slider-group">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell">
+						<a href="">
+							<div class="mui-media-body flew-sp">
+								<div class="mui-col-xs-9">欢迎加入恒大名都业主羽毛球群！</div>
+								<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-greye mui-btn-outlined">待审核</button></div>
+							</div>
+							<p class="flew-items flew-sp">
+								活动时间：2020-10-25至2020-11-25
+								<span class='mui-ellipsis'>10-15</span>
+							</p>
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a href="">
+							<div class="mui-media-body flew-sp">
+								<div class="mui-col-xs-9">欢迎加入恒大名都业主羽毛球群——羽你同行！欢迎加入恒大名都业主羽毛球群——羽你同行！</div>
+								<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-success mui-btn-outlined">已批准</button></div>
+							</div>
+							<p class="flew-items flew-sp">
+								活动时间：2020-10-25至2020-11-25
+								<span class='mui-ellipsis'>10-15</span>
+							</p>
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a href="">
+							<div class="mui-media-body flew-sp">
+								<div class="mui-col-xs-9">欢迎加入恒大名都业主羽毛球群——羽你同行！欢迎加入恒大名都业主羽毛球群——羽你同行！</div>
+								<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">未批准</button></div>
+							</div>
+							<p class="flew-items flew-sp">
+								活动时间：2020-10-25至2020-11-25
+								<span class='mui-ellipsis'>10-15</span>
+							</p>
+						</a>
+					</li>
+				</ul>
+			</div>
+
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">发起活动</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>