底部签到信息组件

app/followup/html/fangshi-detail-8.html

@@ -439,6 +439,7 @@
					</td>
				</tr>-->
			</table>
			<follow-bottom></follow-bottom>
		</div>
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
@@ -446,6 +447,7 @@
        <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
        <script src="../../../component/followup/follow-bottom.js"></script>
        <!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
		<script>
			new Vue({
@@ -453,7 +455,9 @@
				data: function() {
					return {
						editable: true,
						checkList: [],
						data1: "",
						input: null,
						radio: ""
					}
				}

component/followup/follow-bottom.js

@@ -0,0 +1,34 @@
Vue.component('follow-bottom', {
	template: '<div class="plr30 ptb10">\
		<p class="c-f16 c-37a6ed">签到信息</p>\
		<div class="plr30">\
			<div class="ui-grid mt10">\
				<div class="ui-col-1">签到方式:&emsp;定位签到</div>\
				<div class="ui-col-1">签到时间:&emsp;2019-01-01 10:10:10</div>\
			</div>\
			<div class="mt10">签到位置:&emsp;福建省厦门市思明区软件园望海路</div>\
			<div class="ui-grid mt10">\
				<div class="ui-col-0">签到拍照:&emsp;</div>\
				<div class="ui-col-0"><img width="40" height="40"></div>\
			</div>\
		</div>\
	</div>',
	data: function() {
		return {
			followUpList:[],
			curPage:1
		}
	},
	props:[],
	methods: {
		method: function() {
		}
	},
	watch:{
		followUpData:function(val){
			this.followUpList=this.followUpData;
		}
	},
	mounted: function() {
	}
})