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

<template> 
  
    <view v-if="ready" class="box" style="padding-top: 0; "> 
		<view class="answertotalContent">
			<view class="progress">
				
			</view>
			<view class="answertotalTopic">
				<view class="answertotaScore">
					<span>评价总分</span>
					<p id="cpageTitle">{{this.sumScore}}</p>
				</view>
			</view>
			<view class="answertotalLookButton" >
				<p class="confirm" @click="action('confirm')" >确认分数，并保存</p>
				<p class="backs" @click="action('back')" >返回重测</p>
			</view>
		</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 { 
      // 页面相关参数 
      sumScore: null, 
	  data:[],
      ready: false, 
	  
    } 
  }, 
  
  async onLoad({ sumScore, data }) { 
    await this.init(sumScore, data) 
  }, 
  
  methods: { 
    // 页面初始化 
    async init(sumScore, data) { 
      this.LOADING('加载数据中...') 
  
      this.sumScore = sumScore
      this.data = JSON.parse(data) 
	  
	  
      this.ready = true
      this.HIDE_LOADING() 
    },
	
    // 点击 「确认分数」、「返回重测」、 按钮 
    async action(type) { 
      switch (type) { 
        case 'confirm': 
			
			if (!(await this.CONFIRM('保存项目', '确定保存吗？', true))) { 
			  return
			} 
			
			this.HTTP_POST('learun/adms/evaluatingindicator/savelist', { strEntity: JSON.stringify(this.data)}, '保存失败').then(success => { 
			  if(!success) { return } 
			  this.TOAST('保存成功', 'success') 
			    this.NAV_TO(`./SucceedZP`)
			}) 
			return
		  
		case 'back':
		  this.NAV_BACK(2)
		  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; */
		  }
		 .answertotalContent{
			position: relative;
			background-color: #FFFFFF;
			height: 70%;
			top: 25%;
			width: 93%;
			margin: 0 auto;
			border-radius: 10px;
		  }
		  .answertotalTopic{
			   width: 350rpx;
			   height: 350rpx;
			   box-shadow: #e8e7e7 0rpx 0rpx 8rpx 4rpx ;
			   border-radius: 50%;
				position: relative;
				top: 35%;
				left: 50%;
				transform: translate(-50%,-50%);
				display: flex;
				justify-content: center;
				align-items: center;
		  }
		  .answertotaScore{
			  width: 290rpx;
			  height: 290rpx;
			  border: 6rpx solid #f5e285;
			  border-radius: 50%;
			  display: flex;
			  justify-content: center;
			  align-items: center;
			  flex-direction:column;
		  }
		  .answertotaScore span{
			  color: #b0afaf;
			  font-size: 30rpx;
		  }
		  .answertotaScore p{
		  			  color: #404040;
		  			  font-size: 70rpx;
					  font-weight: 800;
		  }
		  .answertotalLookButton{
			  width: 80%;
			  float: none;
			  position: absolute;
			  bottom: 0%;
			  left: 50%;
			  transform: translate(-50%,-50%);
		  }
		   .answertotalLookButton 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;
		   }
		   .answertotalLookButton p:last-child{
			   border: 2rpx solid #e1bb53;
			   background-color: #FFFFFF;
			   color: #e1bb53;
			   
		   }
</style>