<template> <view class="box"> <view class="renyuan"> <view class="jibenhead"> <view class="jibenleft"> <view class="projectinfoname"> <image src="../../static/img/renyuan.png" mode=""></image> </view> <view class="projectname">基本信息</view> </view> <view class="jibenright"> <image src="../../static/img/shenhe.png" mode="" v-if="item.ffinauditstatus=='已审结'"></image> <image src="../../static/img/shenhezhong.png" mode="" v-else></image> </view> </view> <view class="projectlist"> <!-- <view class="projectitem"> <view class="projectitemleft">项目编号:</view> <view class="projectitemright">{{item.fnumber}}</view> </view> --> <!-- <view class="projectitem"> <view class="projectitemleft">项目类型:</view> <view class="projectitemright">{{item.fprojecttype}}</view> </view> --> <view class="projectitem"> <view class="projectitemleft">项目名称:</view> <view class="projectitemright">{{item.fname}}</view> </view> <!-- <view class="projectitem"> <view class="projectitemleft">当前评审节点:</view> <view class="projectitemright">{{item.fcurrentname}}</view> </view> <view class="projectitem"> <view class="projectitemleft">评审类型:</view> <view class="projectitemright">{{item.freviewtype}}</view> </view> --> <!-- <view class="projectitem"> <view class="projectitemleft">项目类型:</view> <view class="projectitemright">咨询服务类</view> </view> --> <!-- <view class="projectitem"> <view class="projectitemleft">评审类型:</view> <view class="projectitemright">结算</view> </view> --> <!-- <view class="projectitem"> <view class="projectitemleft">送审单位:</view> <view class="projectitemright" v-if="item.fdrgdoment==undefined"></view> <view class="projectitemright" v-else>{{item.fdrgdoment}}</view> </view> --> <!-- --> <view class="projectitem"> <view class="projectitemleft">送审金额:</view> <view class="projectitemright" v-if="item.ftoauditamt==undefined"></view> <view class="projectitemright" v-else>{{item.ftoauditamt}}</view> </view> <view class="projectitem"> <view class="projectitemleft">送审时间:</view> <view class="projectitemright" v-if="item.fsubmitfindate==undefined"></view> <view class="projectitemright" v-else>{{item.fsubmitfindate}}</view> </view> <!-- --> <!-- <view class="projectitem"> <view class="projectitemleft">项目业主负责人:</view> <view class="projectitemright" v-if="item.fdrgmants==undefined"></view> <view class="projectitemright" v-else>{{item.fdrgmants}}</view> </view> --> <!-- --> <!-- <view class="projectitem"> <view class="projectitemleft">项目业主联系人:</view> <view class="projectitemright" v-if="item.fstandbyphones==undefined"> </view> <view class="projectitemright" v-else>{{item.fcontacter}}</view> </view> <view class="projectitem"> <view class="projectitemleft">项目业主联系人手机号:</view> <view class="projectitemright" v-if="item.fstandbyphones==undefined"> </view> <view class="projectitemright" v-else>{{item.fstandbyphones}}</view> </view> --> </view> </view> <!-- <view class="renyaoqiu"> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/xinxi.png" mode=""></image> </view> <view class="projectname">项目人员信息</view> </view> <view class="projectlist"> <view class="projectitem"> <view class="renyuanleft">项目组:</view> <view class="zuxiangmu" v-if="item.fteam==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fteam}} </view> </view> <view class="projectitem"> <view class="renyuanleft">项目经办人1:</view> <view class="zuxiangmu" v-if="item.fprjleaderone==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fprjleaderone}} </view> </view> <view class="projectitem"> <view class="renyuanleft">项目经办人2:</view> <view class="zuxiangmu" v-if="item.fprjleadertwo==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fprjleadertwo}} </view> </view> <view class="projectitem"> <view class="renyuanleft">咨询单位:</view> <view class="zuxiangmu" v-if="item.fintorgid==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fintorgname}} </view> </view> <view class="projectitem"> <view class="renyuanleft">大足区中介负责人:</view> <view class="zuxiangmu" v-if="item.fauthorizeman==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fauthorizeman}} </view> </view> <view class="projectitem"> <view class="renyuanleft">大足区中介负责人手机:</view> <view class="zuxiangmu" v-if="item.fauthphone==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fauthphone}} </view> </view> <view class="projectitem"> <view class="renyuanleft">专家:</view> <view class="zuxiangmu" v-if="item.fprjexpert==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fprjexpert}} </view> </view> <view class="projectitem"> <view class="renyuanleft">专家手机:</view> <view class="zuxiangmu" v-if="item.asfprjexpertphone==undefined"> </view> <view class="zuxiangmu" v-else> {{item.asfprjexpertphone}} </view> </view> </view> </view> --> <!-- 項目过程时间表信息 --> <!-- <view class="zixun"> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/zixundanwei.png" mode=""></image> </view> <view class="projectname">项目过程时间表信息</view> </view> <view class="zixunbox"> <view class="zixundan"> <view class="zixundanitem">评审节点</view> <view class="zixundanitem">项目过程描述</view> <view class="zixundanitem">登记时间</view> <view class="zixundanitem">操作</view> </view> <view class="zixundanbox"> <view class="zixundanboxlist"> <view class="zixundanitem zixunname">某某某</view> <view class="zixundanitem zixunshu">项目过程描述项目 过程描述</view> <view class="zixundanitem zixuntou">2019-11-11 19:30:30</view> <view class="caozuo"> <view class="caozuoleft"> <image src="../../static/img/add.png" mode=""></image> </view> <view class="caozuoleft caozuoyou"> <image src="../../static/img/reduce.png" mode=""></image> </view> </view> </view> </view> </view> </view> --> <!-- <view class="renyaoqiu"> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/zhengqiu.png" mode=""></image> </view> <view class="projectname">中介征求意见稿</view> </view> <view class="projectlist"> <view class="projectitem"> <view class="renyuanleft">送审金额:</view> <view class="zuxiangmu" v-if="item.fditoauditamt==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fditoauditamt}} </view> </view> <view class="projectitem"> <view class="renyuanleft">审定金额(元):</view> <view class="zuxiangmu"> {{item.fauditamount}} </view> </view> <view class="projectitem"> <view class="renyuanleft">审减(增)金额:</view> <view class="zuxiangmu"> {{item.fshenjianmoney}} </view> </view> <view class="projectitem"> <view class="renyuanleft">审减(增)率:</view> <view class="zuxiangmu"> {{item.fshenjianrate}} </view> </view> </view> </view> --> <!-- <view class="renyaoqiu"> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/zhengqiu.png" mode=""></image> </view> <view class="projectname">专家审核结果</view> </view> <view class="projectlist"> <view class="projectitem"> <view class="renyuanleft">送审金额:</view> <view class="zuxiangmu" v-if="item.ftoauditamt==undefined"> </view> <view class="zuxiangmu" v-else> {{item.fextoauditamt}} </view> </view> <view class="projectitem"> <view class="renyuanleft">审定金额(元):</view> <view class="zuxiangmu"> {{item.fexauditamount}} </view> </view> <view class="projectitem"> <view class="renyuanleft">审减(增)金额:</view> <view class="zuxiangmu"> {{item.fexshenjianmoney}} </view> </view> <view class="projectitem"> <view class="renyuanleft">审减(增)率:</view> <view class="zuxiangmu"> {{item.fexshenjianrate}} </view> </view> </view> </view> --> <!--专家建议 --> <!-- <view class='advise'> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/zhuanjiaad.png" mode=""></image> </view> <view class="projectname">专家建议</view> </view> <view class="noadvice" v-if="advice.length==0">暂无数据</view> <view class="advicetext" v-else> {{advice[0].fexfilename}} </view> </view> --> <!-- <view class="zixunbottom"> <view class="querenfen">确认分配</view> </view> --> <!-- 项目接件 --> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/xinxi.png" mode=""></image> </view> <view class="projectname">项目接件</view> <view class="projectname">(总共用时{{hourjiejian}}日)</view> </view> <view class="noadvice" v-if="projectjiejian.length==0">暂无数据</view> <view class="jiejian" v-else> <view class='head'> <view class="headitem jiedain">评审节点</view> <view class="headitem workcontent">工作内容</view> <view class="headitem worktime">时间</view> <view class="headitem workday">用时(工作日)</view> </view> <view class="xiangmlist"> <view class="xiangmulistitem" v-for="(item,index) in projectjiejian" :key="index"> <view class="xiangming pjiedain">{{item.fname}}</view> <view class="pingshen workcontentp">{{item.fprocessmemo}}</view> <view class="state worktimep">{{item.fprocessmemotime}}</view> <view class="state workday">{{item.fprocessmemodate}}</view> </view> </view> </view> <!-- 评审过程 --> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/xinxi.png" mode=""></image> </view> <view class="projectname">评审过程</view> <view class="projectname">(总共用时{{hourguocheng}}日)</view> </view> <view class="noadvice" v-if="pingshenlist.length==0">暂无数据</view> <view class="jiejian" v-else> <view class='head'> <view class="headitem jiedain">评审节点</view> <view class="headitem workcontent">工作内容</view> <view class="headitem worktime">时间</view> <view class="headitem workday">用时(工作日)</view> </view> <view class="xiangmlist"> <view class="xiangmulistitem" v-for="(item,index) in pingshenlist" :key="index"> <view class="xiangming pjiedain">{{item.fname}}</view> <view class="pingshen workcontentp">{{item.fprocessmemo1}}</view> <view class="state worktimep">{{item.fprocessmemotime1}}</view> <view class="state workday">{{item.fprocessmemodate1}}</view> </view> </view> </view> <!-- 评审报告 --> <view class="projectinfo"> <view class="projectinfoname"> <image src="../../static/img/xinxi.png" mode=""></image> </view> <view class="projectname">评审报告</view> <view class="projectname">(总共用时{{hourbaogao}}日)</view> </view> <view class="noadvice" v-if="projectbaogaolist.length==0">暂无数据</view> <view class="jiejian" v-else> <view class='head'> <view class="headitem jiedain">评审节点</view> <view class="headitem workcontent">工作内容</view> <view class="headitem worktime">时间</view> <view class="headitem workday">用时(工作日)</view> </view> <view class="xiangmlist"> <view class="xiangmulistitem" v-for="(item,index) in projectbaogaolist" :key="index"> <view class="xiangming pjiedain">{{item.fname}}</view> <view class="pingshen workcontentp">{{item.fprocessmemo3}}</view> <view class="state worktimep">{{item.fprocessmemotime3}}</view> <view class="state workday">{{item.fprocessmemodate3}}</view> </view> </view> </view> </view> </template> <script> import app from "../../App.vue"; import helper from '../../common/help.js'; export default { data() { return { selshow: false, statusBarH: this.statusBar, customBarH: this.customBar, item: "", // 项目接件 projectjiejian: [], // 评审过程 pingshenlist: [], // 评审报告 projectbaogaolist:[], advice:'', hourguocheng:0, hourbaogao:0, hourjiejian:0 } }, onLoad(options) { // console.log(options); let item=JSON.parse(options.item); item.fsubmitfindate=item.fsubmitfindate.split("T") item.fsubmitfindate=item.fsubmitfindate[0] this.item = item; let newitem=this.item; newitem.ftoauditamt=helper.change(newitem.ftoauditamt); newitem.fditoauditamt=helper.change(newitem.fditoauditamt); newitem.fauditamount=helper.change(newitem.fauditamount); newitem.fshenjianmoney=helper.change(newitem.fshenjianmoney); newitem.fextoauditamt=helper.change(newitem.fextoauditamt); newitem.fexauditamount=helper.change(newitem.fexauditamount); newitem.fexshenjianmoney=helper.change(newitem.fexshenjianmoney); this.item=newitem console.log('数据显示',this.item) this.project(); this.pingshenproject(); this.projectbaogao(); // 获取专家意见 this.getadvice() // console.log(this.item) }, onShow() { }, onLaunch() {}, methods: { selectxuan() { console.log(888) this.selshow = !this.selshow }, // 获取专家建议 getadvice(){ let that = this; console.log(9988776655, that.item.fid) let url = "project/Get_Processedtimedoc"; let param = { fid: that.item.fid, } // console.log('8877665544',param) app.post(url, param, 'get').then(r => { console.log('专家意见',r) that.advice = r.data; console.log(that.advice) }).catch(err => { console.log(err) }) }, // 项目接件.评审过程。评审报告 project() { let that = this; console.log(9988776655, that.item.fid) let url = "project/Get_bd_prjcomponentlv"; let param = { fid: that.item.fid, fname: '项目接件' } // console.log('8877665544',param) app.post(url, param, 'get').then(r => { console.log(r) that.projectjiejian = r.data; let newprojectjiejian=that.projectjiejian; let newhour=0 if(newprojectjiejian.length!=0){ for(var obj of newprojectjiejian){ obj.fprocessmemotime=obj.fprocessmemotime.split("T"); obj.fprocessmemotime=obj.fprocessmemotime[0]; newhour=newhour+Number(obj.fprocessmemodate) } that.hourjiejian=newhour } that.projectjiejian=newprojectjiejian console.log(that.projectjiejian.length); }).catch(err => { console.log(err) }) }, // 评审过程 pingshenproject() { let that = this; console.log(9988776655, that.item.fid) let url = "project/Get_bd_prjcomponentlv"; let param = { fid: that.item.fid, fname: '评审过程' } // console.log('8877665544',param) app.post(url, param, 'get').then(r => { that.pingshenlist = r.data console.log('评审过程',r); let newpingshenlist=that.pingshenlist; if(newpingshenlist.length!=0){ let newhour=0 for(var obj of newpingshenlist){ obj.fprocessmemotime1=obj.fprocessmemotime1.split("T"); obj.fprocessmemotime1=obj.fprocessmemotime1[0]; newhour=newhour+Number(obj.fprocessmemodate1) } that.hourguocheng=newhour } that.pingshenlist=newpingshenlist; }).catch(err => { console.log(err) }) }, // 评审报告 projectbaogao(){ let that = this; console.log(9988776655, that.item.fid) let url = "project/Get_bd_prjcomponentlv"; let param = { fid: that.item.fid, fname: '评审报告' } // console.log('8877665544',param) app.post(url, param, 'get').then(r => { that.projectbaogaolist = r.data; let newprojectbaogaolist=that.projectbaogaolist; if(newprojectbaogaolist.length!=0){ let hour=0 for(var obj of newprojectbaogaolist){ obj.fprocessmemotime3=obj.fprocessmemotime3.split("T"); obj.fprocessmemotime3=obj.fprocessmemotime3[0]; hour=hour+Number(obj.fprocessmemodate3) } that.hourbaogao=hour } that.projectbaogaolist=newprojectbaogaolist console.log('评审报告',that.projectbaogaolist); }).catch(err => { console.log(err) }) } }, } </script> <style> page { background: #fff; } .box { /* background: #F9F9F9; */ padding: 0 32rpx; box-sizing: border-box; } .projectinfo { display: flex; align-items: center; } .advicetext { color: #3D444D; font-size: 24rpx; padding: 32rpx; box-sizing: border-box; line-height: 1.5; } .jibenhead { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; box-sizing: border-box; border-bottom: 1rpx solid #BDC4CE; } .jibenleft { display: flex; align-items: center; } .jibenright { width: 88rpx; height: 88rpx; fotn-size: 0 } .jibenright image { width: 100%; height: 100%; } .projectinfoname { width: 44rpx; height: 44rpx; font-size: 0; } .projectinfoname image { width: 100%; height: 100% } .projectname { color: #3D444D; font-size: 28rpx; font-weight: bold; margin-left: 16rpx; } .projectinfo { padding: 36rpx 32rpx 16rpx; box-sizing: border-box; border-bottom: 1rpx solid #BDC4CE; } .projectlist { padding: 0 32rpx; box-sizing: border-box; } .projectitem { display: flex; align-items: center; justify-content: space-between; padding: 32rpx 0; box-sizing: border-box; border-bottom: 1rpx solid #EEEEEE } .projectitemleft { color: #8C9198; font-size: 28rpx; } .projectitemright { width:480rpx; margin-left:20rpx; color: #3D444D; font-size: 26rpx; font-weight: bold; text-align: right; } .renyuanleft { color: #8C9198; font-size: 28rpx; } .renyuanright { width: 300rpx; height: 60rpx; background: #EEEEEE; padding: 14rpx 28rpx; box-sizing: border-box; display: flex; align-items: center; } .renyuanright input { width: 100%; height: 40rpx; color: #8C9198; font-size: 24rpx; } .xiangmuyuan { color: #8C9198; font-size: 24rpx; } .zixunbottom { display: flex; align-items: center; padding: 28rpx 32rpx 34rpx; } .zixunbotleft { width: 130rpx; height: 80rpx; background: rgba(232, 80, 0, 1); opacity: 1; border-radius: 8rpx; color: #fff; font-size: 28rpx; text-align: center; line-height: 80rpx; } .zixunbotright { width: 532rpx; height: 80rpx; background: rgba(0, 147, 255, 1); opacity: 1; border-radius: 8rpx; color: #fff; font-size: 28rpx; text-align: center; line-height: 80rpx; margin-left: 24rpx; } /* .renyuan{ border-bottom:16rpx solid #f9f9f9; } */ .renyaoqiu { margin-top: 12rpx; } .zixundan { display: flex; align-items: center; justify-content: space-between; padding: 44rpx 42rpx 16rpx 0; box-sizing: border-box; border-bottom: 1rpx solid #BDC4CE; } .zixundanitem { color: #06121E; font-size: 28rpx; } .zixunbox { padding: 0 32rpx; box-sizing: border-box; } .zixundanboxlist { display: flex; align-items: center; padding: 20rpx 0; box-sizing: border-box; /* justify-content: space-between; */ } .zixunname { width: 120rpx; color: #06121E; font-size: 24rpx; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .zixunshu { width: 170rpx; margin-left: 60rpx; text-align: left; color: #06121E; font-size: 24rpx; line-height: 1.4; } .zixuntou { width: 168rpx; height: 40rpx; opacity: 1; border-radius: 8rpx; color: #06121E; font-size: 24rpx; text-align: center; line-height: 1.2; margin-left: 40rpx } .zuxiangmu { color: #3D444D; font-size: 26rpx; font-weight: bold; } .querenfen { width: 686rpx; height: 80rpx; background: rgba(0, 147, 255, 1); opacity: 1; border-radius: 8rpx; color: #fff; font-size: 28rpx; text-align: center; line-height: 80rpx; } .caozuo { display: flex; align-items: center; margin-left: 20rpx; } .caozuoleft { width: 28rpx; height: 28rpx; font-size: 0; } .caozuoleft image { width: 100%; height: 100%; } .caozuoyou { margin-left: 10rpx; } /* 项目接件 */ .head { display: flex; align-items: center; padding: 32rpx 0; box-sizing: border-box; justify-content: space-around; border-bottom: 2rpx solid #BDC4CE; } .headitem { color: #06121E; font-size: 28rpx; font-weight: bold; } .xiangmulistitem { display: flex; justify-content: space-around; align-items: center; padding: 22rpx 0 34rpx; box-sizing: border-box; border-bottom: 1rpx solid #EEEEEE; background: #fff; } .xiangmuhao { width: 76rpx; color: #06121E; font-size: 24rpx; text-align: center; } .xiangming { width: 150rpx; color: #06121E; font-size: 24rpx; margin-left: 4rpx; text-align: center; line-height: 1.5; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ } .pingshen { color: #06121E; font-size: 24rpx; margin-left: 10rpx; width: 240rpx; text-align: center; } .state { width: 240rpx; color: #06121E; font-size: 24rpx; margin-left: 30rpx; line-height: 1.4; /* margin-left: 18rpx; */ } .caozuoshuo { width: 240rpx; text-align: center; } .bianhao { width: 15%; text-align: center; word-break: break-all; } .jiedain { width: 20%; text-align: center; } .workcontent { width: 30%; text-align: center; } .worktime { width: 20%; text-align: center; } .workday { width: 25%; text-align: center; } .jiejian { padding: 0 32rpx; box-sizing: border-box; } .xiangmlist { box-sizing: border-box; } .jiejian { background: #fff; } .pjiedain { width: 20%; margin-left: 10rpx; } .workcontentp { width: 25%; text-align: center; margin-left: 50rpx; } .worktimep { width: 25%; text-align: center; } .noadvice{ color:#999; font-size: 30rpx; text-align: center; margin-top:40rpx; } </style>