DigitalScholl/Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/partyevaluatzp/SucceedZP.vue

<template> 
  
    <view v-if="ready" class="box" style="padding-top: 0; "> 
		<view class="succeedcontent">
			<view class="succeedtopic">
				<view class="succeedscore">
				</view>
			</view>
				<p class="texts">提交成功</p>
				<p class="backList" @click="action('backList')" >返回列表</p>
		</view>
	
	
    </view> 
</template> 
  
  
<script> 
/* 
 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) 
 * Copyright (c) 2013-2020 上海力软信息技术有限公司 
 * 创建人：超级管理员 
 * 日  期：2020-10-20 09:37 
 * 描  述：班级工作记事 
 */
  
/** 
 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用 
 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录： 
 * { "path": "pages/partyevaluatzp/single", "style": { "navigationBarTitleText": "表单详情页" } } 
 *  
 * （navigationBarTitleText 字段为本页面的标题文本，可以修改） 
 * （必须自行操作该步骤，力软代码生成器不会自动帮您修改 /pages.json 文件） 
 */
  
import get from 'lodash/get'
import set from 'lodash/set'
import moment from 'moment'
import customPageMixins from '@/common/custompage.js'
  
export default { 
  mixins: [customPageMixins], 
  
  data() { 
    return { 
      // 页面相关参数 
	  
      ready: false, 
	  
    } 
  }, 
  
  async onLoad() { 
    await this.init() 
  }, 
  
  methods: { 
    // 页面初始化 
    async init() { 
      this.ready = true
    },
	
    // 点击 「返回列表」、 按钮 
    async action(type) { 
      switch (type) { 
        
		case 'backList':
		  this.EMIT('partyevaluatzp-list-change')
		  this.NAV_BACK(4)
		  break
		  
        default: break
      } 
    },
	 
  
  } 
} 
</script> 

<style lang="less">	
uni-page-body{
	height: 100%;
}
.box {
	height: 100%;
	width: 100%;
	background: url(../../common/images/content.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/* position: relative; */
}

.succeedcontent {
	position: relative;
	background-color: #FFFFFF;
	height: 70%;
	top: 20%;
	width: 93%;
	margin: 0 auto;
	border-radius: 20rpx;
}

.succeedtopic {
	height: 500rpx;
}

.succeedscore {
	width: 350rpx;
	height: 350rpx;
	background: url(../../common/images/succeed.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 58%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.texts {
	height: 60rpx;
	/* background-color: red; */
	text-align: center;
}

.succeedlookButton {
	width: 80%;
	float: none;
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.succeedlookButton p {
	background-color: #e1bb53;
	margin: 0 auto;
	color: #FFFFFF;
	border-radius: 50rpx;
	font-size: 36rpx;
	color: #FFFFFF;
	width: 80%;
	height: 72rpx;
	text-align: center;
	line-height: 72rpx;
	margin-bottom: 20rpx;
}

	  .backList{
			  width: 80%;
			  float: none;
			  position: absolute;
			  bottom: 15%;
			  left: 50%;
			  transform: translate(-50%,-50%);
			  background-color: #e1bb53;
			  margin: 0 auto;
			  color: #FFFFFF;
			  border-radius: 50rpx;
			  font-size: 36rpx;
			  color: #FFFFFF;
			  width: 80%;
			  height: 72rpx;
			  text-align: center;
			  line-height: 72rpx;
			   margin-bottom: 20rpx;
		  }
		   

</style>