@@ -4,7 +4,7 @@ | |||||
<!-- <van-col span="2">--> | <!-- <van-col span="2">--> | ||||
<!-- <van-image src="../../static/images/index/logo.png" />--> | <!-- <van-image src="../../static/images/index/logo.png" />--> | ||||
<!-- </van-col>--> | <!-- </van-col>--> | ||||
<van-col span="24" style="line-height: 29px;font-size: 20px;text-align: center;">{{titleHead}}</van-col> | |||||
<van-col span="24" style="line-height: 29px;font-size: 20px;text-align: center;font-weight: bold;">{{titleHead}}</van-col> | |||||
</van-row> | </van-row> | ||||
<van-swipe class="my-swipe" :autoplay="3000" height="200" indicator-color="white" :show-indicators="false"> | <van-swipe class="my-swipe" :autoplay="3000" height="200" indicator-color="white" :show-indicators="false"> | ||||
<van-swipe-item v-for="(item,index) in bannerList" :key="index"> | <van-swipe-item v-for="(item,index) in bannerList" :key="index"> | ||||
@@ -45,7 +45,7 @@ | |||||
</van-grid> | </van-grid> | ||||
</div> | </div> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<p class="block_tt"><i></i>新闻资讯</p> | |||||
<p class="block_tt"><i></i>新闻资讯 <span style="margin-left: auto;color: #A5A5A5;">更多</span></p> | |||||
<van-list | <van-list | ||||
v-model="loading" | v-model="loading" | ||||
:finished="finished" | :finished="finished" | ||||
@@ -3,11 +3,9 @@ | |||||
<navBar title="新闻资讯" background="0" positionType="fixed"></navBar> | <navBar title="新闻资讯" background="0" positionType="fixed"></navBar> | ||||
<div class="content"> | <div class="content"> | ||||
<p class="title">{{detail.title}}</p> | <p class="title">{{detail.title}}</p> | ||||
<van-row style="text-align: center;margin: 0.3rem 0;"> | |||||
<van-col span="2"></van-col> | |||||
<van-col span="10">{{detail.createTime}}</van-col> | |||||
<van-col span="10">数据来源:{{detail.createBy}}</van-col> | |||||
<van-col span="2"></van-col> | |||||
<van-row style="margin: 0.3rem 0;font-size: 1.4vh;color: #AAB1B5;"> | |||||
<van-col span="12" style="text-align: left;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;">{{detail.createTime}}</van-col> | |||||
<van-col span="12" style="text-align: right;">数据来源:{{detail.createBy}}</van-col> | |||||
</van-row> | </van-row> | ||||
<div id="content"></div> | <div id="content"></div> | ||||
@@ -44,6 +42,7 @@ export default { | |||||
newDetails(this.$route.query.id).then(response => { | newDetails(this.$route.query.id).then(response => { | ||||
console.log(response) | console.log(response) | ||||
this.detail = response.data | this.detail = response.data | ||||
response.data.content = response.data.content.replace(new RegExp('<img', 'g'), `$& width="100%"`); | |||||
document.getElementById('content').innerHTML = response.data.content; | document.getElementById('content').innerHTML = response.data.content; | ||||
if(response.data.attachment){ | if(response.data.attachment){ | ||||
@@ -77,14 +76,14 @@ export default { | |||||
} | } | ||||
#content{ | #content{ | ||||
overflow: hidden; | overflow: hidden; | ||||
img{ | |||||
width: 100%; | |||||
} | |||||
} | } | ||||
iframe{ | iframe{ | ||||
width: 100%; | width: 100%; | ||||
} | } | ||||
img{ | |||||
width: 100%; | |||||
} | |||||
/deep/.van-cell__title, .van-cell__value{ | /deep/.van-cell__title, .van-cell__value{ | ||||
display: -webkit-box; | display: -webkit-box; | ||||
-webkit-box-orient: vertical; | -webkit-box-orient: vertical; | ||||
@@ -3,7 +3,7 @@ | |||||
<navBar title="鉴证详情" background="0" positionType="fixed"></navBar> | <navBar title="鉴证详情" background="0" positionType="fixed"></navBar> | ||||
<!-- <p class="title">{{attestationDetail.projectName}}成交公示</p>--> | <!-- <p class="title">{{attestationDetail.projectName}}成交公示</p>--> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">鉴证详情信息</van-divider> | |||||
<div class="block_tt"><i></i>鉴证详情信息</div> | |||||
<van-cell title="鉴证书编号" :value="attestationDetail.jzsNumOne+'第'+attestationDetail.jzsNumTwo+'号'" /> | <van-cell title="鉴证书编号" :value="attestationDetail.jzsNumOne+'第'+attestationDetail.jzsNumTwo+'号'" /> | ||||
<van-cell title="项目名称" :value="attestationDetail.projectName" /> | <van-cell title="项目名称" :value="attestationDetail.projectName" /> | ||||
<van-cell title="项目编号" :value="attestationDetail.projectCode" /> | <van-cell title="项目编号" :value="attestationDetail.projectCode" /> | ||||
@@ -16,14 +16,17 @@ | |||||
<van-cell title="转出方式" :value="attestationDetail.rollout" /> | <van-cell title="转出方式" :value="attestationDetail.rollout" /> | ||||
<van-cell title="交易方式" :value="attestationDetail.dealType" /> | <van-cell title="交易方式" :value="attestationDetail.dealType" /> | ||||
<van-cell title="交易底价" :value="attestationDetail.price+attestationDetail.unit" /> | <van-cell title="交易底价" :value="attestationDetail.price+attestationDetail.unit" /> | ||||
<van-cell title="成交金额" :value="attestationDetail.dealMoneySum+'元'" /> | |||||
<van-cell title="成交金额" > | |||||
<template slot="default"><p style="color: #c60000;">{{attestationDetail.dealMoneySum}}元</p></template> | |||||
</van-cell> | |||||
<van-cell title="合同签署日期" :value="attestationDetail.contractDate" /> | <van-cell title="合同签署日期" :value="attestationDetail.contractDate" /> | ||||
<van-cell title="合同编号" :value="attestationDetail.contractCode" /> | <van-cell title="合同编号" :value="attestationDetail.contractCode" /> | ||||
<van-cell title="附记" :value="attestationDetail.jzsRemark" /> | <van-cell title="附记" :value="attestationDetail.jzsRemark" /> | ||||
</div> | </div> | ||||
<div class="block_box gnbg"> | <div class="block_box gnbg"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">转出方信息</van-divider> | |||||
<div class="block_tt"><i></i>转出方信息</div> | |||||
<!-- <van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }"></van-divider>--> | |||||
<van-cell title="转出方" :value="attestationDetail.outName" /> | <van-cell title="转出方" :value="attestationDetail.outName" /> | ||||
<van-cell title="转出行为批准机构名称" :value="attestationDetail.pzjg" /> | <van-cell title="转出行为批准机构名称" :value="attestationDetail.pzjg" /> | ||||
<van-cell title="法定代表人(转出方)" :value="attestationDetail.legalPerson" /> | <van-cell title="法定代表人(转出方)" :value="attestationDetail.legalPerson" /> | ||||
@@ -31,7 +34,8 @@ | |||||
</div> | </div> | ||||
<div class="block_box orbg"> | <div class="block_box orbg"> | ||||
<van-divider :style="{ borderColor: '#FD683F', padding: '0 16px' }">受让方信息</van-divider> | |||||
<div class="block_tt"><i style="background-color: #FD683F"></i>受让方信息</div> | |||||
<!-- <van-divider :style="{ borderColor: '#FD683F', padding: '0 16px' }">受让方信息</van-divider>--> | |||||
<van-cell title="受让方" :value="attestationDetail.inName" /> | <van-cell title="受让方" :value="attestationDetail.inName" /> | ||||
<van-cell title="单位性质" :value="attestationDetail.companyNature" /> | <van-cell title="单位性质" :value="attestationDetail.companyNature" /> | ||||
<van-cell title="法定代表人(受让方)" :value="attestationDetail.realname" /> | <van-cell title="法定代表人(受让方)" :value="attestationDetail.realname" /> | ||||
@@ -115,15 +119,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -16,7 +16,7 @@ | |||||
<div v-if="item.projectStatus == '2'" style="color: #c12e2a;">项目终止</div> | <div v-if="item.projectStatus == '2'" style="color: #c12e2a;">项目终止</div> | ||||
<div v-else style="display: flex;align-items: center;justify-content: space-between;"> | <div v-else style="display: flex;align-items: center;justify-content: space-between;"> | ||||
<p style="display: flex;align-items: center;color: #0DBCAA;"><img src="../../../static/images/transaction_new/notic/notic_icon_01.png" alt="" style="margin-right: 5px;"/>{{item.projectCode}}</p> | <p style="display: flex;align-items: center;color: #0DBCAA;"><img src="../../../static/images/transaction_new/notic/notic_icon_01.png" alt="" style="margin-right: 5px;"/>{{item.projectCode}}</p> | ||||
<p style="color: #AAB1B5;font-size: 14px;">{{item.dealTime.substr(0,10)}}</p> | |||||
<p style="color: #AAB1B5;font-size: 14px;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;" />{{item.dealTime.substr(0,10)}}</p> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
@@ -39,7 +39,7 @@ | |||||
<template #title> | <template #title> | ||||
<div style="display: flex;align-items: center;justify-content: space-between;"> | <div style="display: flex;align-items: center;justify-content: space-between;"> | ||||
<p style="display: flex;align-items: center;color: #7368E4;"><img src="../../../static/images/transaction_new/notic/notic_icon_02.png" alt="" style="margin-right: 5px;"/>{{item.jzsNumOne}} - {{item.jzsNumTwo}}</p> | <p style="display: flex;align-items: center;color: #7368E4;"><img src="../../../static/images/transaction_new/notic/notic_icon_02.png" alt="" style="margin-right: 5px;"/>{{item.jzsNumOne}} - {{item.jzsNumTwo}}</p> | ||||
<p style="color: #AAB1B5;font-size: 14px;">{{item.jzsSignDate}}</p> | |||||
<p style="color: #AAB1B5;font-size: 14px;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;" />{{item.jzsSignDate}}</p> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
@@ -62,7 +62,7 @@ | |||||
<template #title> | <template #title> | ||||
<div style="display: flex;align-items: center;justify-content: space-between;"> | <div style="display: flex;align-items: center;justify-content: space-between;"> | ||||
<p style="display: flex;align-items: center;color: #2D87E8;"><img src="../../../static/images/transaction_new/notic/notic_icon_03.png" alt="" style="margin-right: 5px;"/>{{item.tenderName}}</p> | <p style="display: flex;align-items: center;color: #2D87E8;"><img src="../../../static/images/transaction_new/notic/notic_icon_03.png" alt="" style="margin-right: 5px;"/>{{item.tenderName}}</p> | ||||
<p style="color: #AAB1B5;font-size: 14px;">{{item.logintime}}</p> | |||||
<p style="color: #AAB1B5;font-size: 14px;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;" />{{item.logintime}}</p> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
@@ -83,22 +83,17 @@ | |||||
> | > | ||||
<van-cell v-for="(item,index) in winTheBiddingList" :key="index" :title="item.projectName" :to="{name:'winTheBiddingDetailCJ', query: {id:item.id}}" style="margin-bottom: 1vh;position:relative;"> | <van-cell v-for="(item,index) in winTheBiddingList" :key="index" :title="item.projectName" :to="{name:'winTheBiddingDetailCJ', query: {id:item.id}}" style="margin-bottom: 1vh;position:relative;"> | ||||
<template #label> | <template #label> | ||||
<div v-if="item.dealType=='1'" style="display: flex;justify-content: space-between;align-items: center;"> | |||||
中标方:{{item.assignee}} <p>{{item.dealTime}}</p> | |||||
</div> | |||||
<div v-else-if="item.dealType=='3'"> | |||||
<p style="color: #c12e2a;">项目变更</p> | |||||
</div> | |||||
<div v-else> <!-- 未成功 2 --> | |||||
<p style="color: #c12e2a;">招标失败</p> | |||||
<div v-if="item.dealType=='1'" style="display: flex;justify-content: space-between;align-items: center;color: #0DBCAA;"> | |||||
中标方:{{item.assignee}} <p style="color: #AAB1B5;"><img src="../../../static/images/icon/news_icon_clock.png" alt="" style="margin-right: 5px;" />{{item.dealTime}}</p> | |||||
</div> | </div> | ||||
<div v-else style="display: flex;justify-content: space-between;align-items: center;"> </div> | |||||
</template> | </template> | ||||
<template #right-icon> | <template #right-icon> | ||||
<div style="width: 5%;"> | <div style="width: 5%;"> | ||||
<img src="../../../static/images/transaction_new/notic/notic_icon_04.png" style="position:absolute;right: 0;top: 0;height: 100%;" alt=""> | |||||
<img v-if="item.dealType=='1'" src="../../../static/images/transaction_new/notic/notic_icon_04.png" style="position:absolute;right: 0;top: 0;height: 100%;" alt=""> | |||||
<img v-if="item.dealType=='3'" src="../../../static/images/transaction_new/notic/notic_icon_06.png" style="position:absolute;right: 0;top: 0;height: 100%;" alt=""> | |||||
<img v-if="item.dealType=='2'" src="../../../static/images/transaction_new/notic/notic_icon_05.png" style="position:absolute;right: 0;top: 0;height: 100%;" alt=""> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
@@ -3,7 +3,7 @@ | |||||
<navBar title="招标公告" background="0" positionType="fixed"></navBar> | <navBar title="招标公告" background="0" positionType="fixed"></navBar> | ||||
<!-- <p class="title">{{attestationDetail.projectName}}</p>--> | <!-- <p class="title">{{attestationDetail.projectName}}</p>--> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">招标详情信息</van-divider> | |||||
<div class="block_tt"><i></i>招标详情信息</div> | |||||
<van-cell title="项目编号" :value="attestationDetail.tenderCode" /> | <van-cell title="项目编号" :value="attestationDetail.tenderCode" /> | ||||
<van-cell title="招标评审时间" :value="attestationDetail.revieveAt" /> | <van-cell title="招标评审时间" :value="attestationDetail.revieveAt" /> | ||||
<van-cell title="招标评审地点" :value="attestationDetail.revieveAddress" /> | <van-cell title="招标评审地点" :value="attestationDetail.revieveAddress" /> | ||||
@@ -21,7 +21,9 @@ | |||||
<van-cell title="招标内容" :value="attestationDetail.tenderContent" /> | <van-cell title="招标内容" :value="attestationDetail.tenderContent" /> | ||||
<van-cell title="投标人要求" :value="attestationDetail.condition" /> | <van-cell title="投标人要求" :value="attestationDetail.condition" /> | ||||
<!-- <van-cell title="保证金" :value="attestationDetail.deposit" />--> | <!-- <van-cell title="保证金" :value="attestationDetail.deposit" />--> | ||||
<van-cell title="预算总额(元)" :value="attestationDetail.price" /> | |||||
<van-cell title="预算总额(元)"> | |||||
<template slot="default"><p style="color: #c60000;">{{attestationDetail.price}}</p></template> | |||||
</van-cell> | |||||
<van-cell title="竞价方式" :value="attestationDetail.biddingType" /> | <van-cell title="竞价方式" :value="attestationDetail.biddingType" /> | ||||
<van-cell v-if="attestationDetail.biddingType == '单价'" title="单价(元)" :value="attestationDetail.tenderPrice" /> | <van-cell v-if="attestationDetail.biddingType == '单价'" title="单价(元)" :value="attestationDetail.tenderPrice" /> | ||||
<van-cell v-if="attestationDetail.biddingType == '单价'" title="数量单位" :value="attestationDetail.priceUnit" /> | <van-cell v-if="attestationDetail.biddingType == '单价'" title="数量单位" :value="attestationDetail.priceUnit" /> | ||||
@@ -32,7 +34,7 @@ | |||||
</div> | </div> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">相关附件</van-divider> | |||||
<div class="block_tt"><i></i>相关附件</div> | |||||
<van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList"> | <van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList"> | ||||
<!-- 使用 right-icon 插槽来自定义右侧图标 --> | <!-- 使用 right-icon 插槽来自定义右侧图标 --> | ||||
<template #icon> | <template #icon> | ||||
@@ -103,15 +105,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -1,9 +1,9 @@ | |||||
<template> | <template> | ||||
<div class="app-container"> | <div class="app-container"> | ||||
<navBar title="项目公告" background="0" positionType="fixed"></navBar> | |||||
<navBar title="成交公告" background="0" positionType="fixed"></navBar> | |||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">项目信息</van-divider> | |||||
<div class="block_tt"><i></i>项目信息</div> | |||||
<van-cell title="项目名称" :value="noticeDetail.projectName" /> | <van-cell title="项目名称" :value="noticeDetail.projectName" /> | ||||
<van-cell v-if="noticeDetail.projectStatus == '2'" title="终止原因" type="textarea" :value="noticeDetail.terminateReason" /> | <van-cell v-if="noticeDetail.projectStatus == '2'" title="终止原因" type="textarea" :value="noticeDetail.terminateReason" /> | ||||
@@ -20,7 +20,9 @@ | |||||
<van-cell title="转出面积/数量" :value="noticeDetail.allCount+noticeDetail.allCountUnit" /> | <van-cell title="转出面积/数量" :value="noticeDetail.allCount+noticeDetail.allCountUnit" /> | ||||
<van-cell title="转出年限" :value="noticeDetail.outStartTime+'至'+noticeDetail.outStopTime" /> | <van-cell title="转出年限" :value="noticeDetail.outStartTime+'至'+noticeDetail.outStopTime" /> | ||||
<van-cell title="成交价格" :value="noticeDetail.dealMoney+noticeDetail.unit" /> | <van-cell title="成交价格" :value="noticeDetail.dealMoney+noticeDetail.unit" /> | ||||
<van-cell title="成交金额" :value="noticeDetail.dealMoneySum" /> | |||||
<van-cell title="成交金额" > | |||||
<template slot="default"><p style="color: #c60000;">{{noticeDetail.dealMoneySum}}</p></template> | |||||
</van-cell> | |||||
</template> | </template> | ||||
<div v-if="noticeDetail.projectStatus == '2'"> | <div v-if="noticeDetail.projectStatus == '2'"> | ||||
<van-divider>附件</van-divider> | <van-divider>附件</van-divider> | ||||
@@ -103,22 +105,23 @@ export default { | |||||
padding: 3vw 0; | padding: 3vw 0; | ||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | |||||
font-size: 16Px; | |||||
display: flex; | |||||
align-items: center; | |||||
padding: 0 3vw; | |||||
line-height: 1; | |||||
i{ | |||||
display: block; | |||||
width: 3Px; | |||||
height: 14Px; | |||||
background: #0CBEA6; | |||||
margin-right: 5PX; | |||||
border-radius: 5PX; | |||||
} | |||||
/*border-left: 3Px solid #0CBEA6;*/ | |||||
} | |||||
.block_tt{ | |||||
font-size: 20Px; | |||||
display: flex; | |||||
align-items: center; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | |||||
font-weight: bold; | |||||
i{ | |||||
display: block; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | |||||
margin-right: 5PX; | |||||
border-radius: 5PX; | |||||
} | |||||
/*border-left: 3Px solid #0CBEA6;*/ | |||||
} | |||||
} | } | ||||
.title{ | .title{ | ||||
font-size: 0.5rem; | font-size: 0.5rem; | ||||
@@ -3,14 +3,16 @@ | |||||
<!-- <p class="title">{{attestationDetail.projectName}}</p>--> | <!-- <p class="title">{{attestationDetail.projectName}}</p>--> | ||||
<navBar title="招标结果" background="0" positionType="fixed"></navBar> | <navBar title="招标结果" background="0" positionType="fixed"></navBar> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">招标结果信息</van-divider> | |||||
<div class="block_tt"><i></i>招标结果信息</div> | |||||
<van-cell title="项目名称" :value="attestationDetail.projectName" /> | <van-cell title="项目名称" :value="attestationDetail.projectName" /> | ||||
<van-cell title="招标方名称" :value="attestationDetail.tenderName" /> | <van-cell title="招标方名称" :value="attestationDetail.tenderName" /> | ||||
<div v-if="attestationDetail.dealType == '成功'"> | <div v-if="attestationDetail.dealType == '成功'"> | ||||
<van-cell title="中标人" :value="attestationDetail.assignee" /> | <van-cell title="中标人" :value="attestationDetail.assignee" /> | ||||
<van-cell title="建设单位" :value="attestationDetail.bulidPart" /> | <van-cell title="建设单位" :value="attestationDetail.bulidPart" /> | ||||
<van-cell title="项目负责人" :value="attestationDetail.partLinkman" /> | <van-cell title="项目负责人" :value="attestationDetail.partLinkman" /> | ||||
<van-cell title="中标金额(元)" :value="attestationDetail.price" /> | |||||
<van-cell title="中标金额(元)" > | |||||
<template slot="default"><p style="color: #c60000;">{{attestationDetail.price}}</p></template> | |||||
</van-cell> | |||||
<van-cell title="竟价方式" :value="attestationDetail.biddingType" /> | <van-cell title="竟价方式" :value="attestationDetail.biddingType" /> | ||||
<van-cell v-if="attestationDetail.biddingType == '单价'" title="中标单价(元)" :value="attestationDetail.transactionPrice" /> | <van-cell v-if="attestationDetail.biddingType == '单价'" title="中标单价(元)" :value="attestationDetail.transactionPrice" /> | ||||
@@ -20,14 +22,13 @@ | |||||
<van-cell title="中标日期" :value="attestationDetail.dealTime" /> | <van-cell title="中标日期" :value="attestationDetail.dealTime" /> | ||||
<van-cell title="公示开始日期" :value="attestationDetail.startTime" /> | <van-cell title="公示开始日期" :value="attestationDetail.startTime" /> | ||||
<van-cell title="公示结束日期" :value="attestationDetail.stopTime" /> | <van-cell title="公示结束日期" :value="attestationDetail.stopTime" /> | ||||
<van-divider>附件</van-divider> | |||||
<van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList"> | |||||
<!-- 使用 right-icon 插槽来自定义右侧图标 --> | |||||
<template #icon> | |||||
<img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt=""> | |||||
</template> | |||||
</van-cell> | |||||
<div class="block_tt"><i></i>附件</div> | |||||
<van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList"> | |||||
<!-- 使用 right-icon 插槽来自定义右侧图标 --> | |||||
<template #icon> | |||||
<img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt=""> | |||||
</template> | |||||
</van-cell> | |||||
</div> | </div> | ||||
<div v-if="attestationDetail.dealType == '变更'"> | <div v-if="attestationDetail.dealType == '变更'"> | ||||
@@ -112,15 +113,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -3,17 +3,17 @@ | |||||
<navBar title="项目详情" background="0" positionType="relative"></navBar> | <navBar title="项目详情" background="0" positionType="relative"></navBar> | ||||
<van-tabs scrollspy sticky > | <van-tabs scrollspy sticky > | ||||
<van-tab title="竞拍信息" title-style="font-size:12px;"> | <van-tab title="竞拍信息" title-style="font-size:12px;"> | ||||
<!-- <van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange">--> | |||||
<!-- <template v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0">--> | |||||
<!-- <van-swipe-item v-for="(item,index) in detail.fileUrlList" :key="index"><van-image :src="item.fileUrl?'/api'+item.fileUrl:'../../static/images/zwtp.jpg'" height="235" /></van-swipe-item>--> | |||||
<!-- </template>--> | |||||
<!-- <template v-else>--> | |||||
<!-- <van-swipe-item><van-image src="../../static/images/zwtp.jpg" height="235" /></van-swipe-item>--> | |||||
<!-- </template>--> | |||||
<!-- <template #indicator>--> | |||||
<!-- <div class="custom-indicator">{{ current + 1 }}/{{ detail.fileUrlList !== undefined &&detail.fileUrlList.length>0 ? detail.fileUrlList.length:1 }}</div>--> | |||||
<!-- </template>--> | |||||
<!-- </van-swipe>--> | |||||
<van-swipe class="my-swipe" height="235" indicator-color="white" @change="onChange"> | |||||
<template v-if="detail.fileUrlList !== undefined &&detail.fileUrlList.length>0"> | |||||
<van-swipe-item v-for="(item,index) in detail.fileUrlList" :key="index"><van-image :src="item.fileUrl?'/api'+item.fileUrl:'../../static/images/zwtp.jpg'" height="235" /></van-swipe-item> | |||||
</template> | |||||
<template v-else> | |||||
<van-swipe-item><van-image src="../../static/images/zwtp.jpg" height="235" /></van-swipe-item> | |||||
</template> | |||||
<template #indicator> | |||||
<div class="custom-indicator">{{ current + 1 }}/{{ detail.fileUrlList !== undefined &&detail.fileUrlList.length>0 ? detail.fileUrlList.length:1 }}</div> | |||||
</template> | |||||
</van-swipe> | |||||
<van-notice-bar color="#fff" background="#21B6AB" left-icon="clock-o"> | <van-notice-bar color="#fff" background="#21B6AB" left-icon="clock-o"> | ||||
{{ process }}    <span id="timeData"></span> | {{ process }}    <span id="timeData"></span> | ||||
@@ -44,6 +44,7 @@ | |||||
<p>{{biddinglistInformation[0].money}}{{detail.unit}}</p> | <p>{{biddinglistInformation[0].money}}{{detail.unit}}</p> | ||||
<p>领先</p> | <p>领先</p> | ||||
</template> | </template> | ||||
<p v-else style="margin: 0 auto;">暂无出价</p> | |||||
</div> | </div> | ||||
<div class="detail"> | <div class="detail"> | ||||
<van-row> | <van-row> | ||||
@@ -4,7 +4,7 @@ | |||||
<van-form @submit="getSubmit"> | <van-form @submit="getSubmit"> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">基本信息</van-divider> | |||||
<div class="block_tt"><i></i>基本信息</div> | |||||
<van-popup v-model="showPicker" position="bottom"> | <van-popup v-model="showPicker" position="bottom"> | ||||
<van-picker | <van-picker | ||||
show-toolbar | show-toolbar | ||||
@@ -36,7 +36,7 @@ | |||||
</div> | </div> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">银行信息</van-divider> | |||||
<div class="block_tt"><i></i>银行信息</div> | |||||
<van-field name="uploader" label="开户证明" required> | <van-field name="uploader" label="开户证明" required> | ||||
<template #input> | <template #input> | ||||
<van-uploader :after-read="afterReadKHZM" :before-delete="deleteFileKHZM" v-model="fileListKHZM" multiple :max-count="1" /> | <van-uploader :after-read="afterReadKHZM" :before-delete="deleteFileKHZM" v-model="fileListKHZM" multiple :max-count="1" /> | ||||
@@ -436,15 +436,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -12,8 +12,7 @@ | |||||
<van-form @submit="getSubmit"> | <van-form @submit="getSubmit"> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<!-- <div class="block_tt"><i></i>用户信息</div> color: '#0CBEA6',--> | |||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">用户信息</van-divider> | |||||
<div class="block_tt"><i></i>用户信息</div> | |||||
<van-field v-model="form.phone" type="tel" label="手机号" placeholder="请输入手机号,作为登录账号" required :rules="[{ required:true }]" /> | <van-field v-model="form.phone" type="tel" label="手机号" placeholder="请输入手机号,作为登录账号" required :rules="[{ required:true }]" /> | ||||
<!-- <van-field--> | <!-- <van-field--> | ||||
@@ -46,7 +45,7 @@ | |||||
<!-- <van-divider>银行信息</van-divider>--> | <!-- <van-divider>银行信息</van-divider>--> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">银行信息</van-divider> | |||||
<div class="block_tt"><i></i>银行信息</div> | |||||
<van-field name="uploader" label="银行卡" required :border="false"></van-field> | <van-field name="uploader" label="银行卡" required :border="false"></van-field> | ||||
<van-field name="uploader"> | <van-field name="uploader"> | ||||
<template #input> | <template #input> | ||||
@@ -411,15 +410,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -2,7 +2,7 @@ | |||||
<div class="app-container"> | <div class="app-container"> | ||||
<navBar title="供求详情" background="0" positionType="fixed"></navBar> | <navBar title="供求详情" background="0" positionType="fixed"></navBar> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">供应详情信息</van-divider> | |||||
<div class="block_tt"><i></i>供求详情信息</div> | |||||
<van-cell title="项目名称" :value="supplyDetails.projectName" /> | <van-cell title="项目名称" :value="supplyDetails.projectName" /> | ||||
<van-cell title="项目地址" :value="supplyDetails.location" /> | <van-cell title="项目地址" :value="supplyDetails.location" /> | ||||
<van-cell title="姓名" :value="supplyDetails.realname" /> | <van-cell title="姓名" :value="supplyDetails.realname" /> | ||||
@@ -58,15 +58,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -3,7 +3,7 @@ | |||||
<navBar title="资料修改" background="0" positionType="fixed"></navBar> | <navBar title="资料修改" background="0" positionType="fixed"></navBar> | ||||
<van-form @submit="submitForm"> | <van-form @submit="submitForm"> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">用户信息</van-divider> | |||||
<div class="block_tt"><i></i>用户信息</div> | |||||
<van-field v-model="tel" readonly type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" > | <van-field v-model="tel" readonly type="tel" label="手机号" placeholder="请输入手机号" required :rules="[{ required:true }]" > | ||||
<!-- <template #extra >--> | <!-- <template #extra >--> | ||||
<!-- <p style="color: #007e72" onclick="window.location='phoneInformation'">修改手机号</p>--> | <!-- <p style="color: #007e72" onclick="window.location='phoneInformation'">修改手机号</p>--> | ||||
@@ -103,7 +103,7 @@ | |||||
</div> | </div> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">银行信息</van-divider> | |||||
<div class="block_tt"><i></i>银行信息</div> | |||||
<van-field | <van-field | ||||
v-model="bankType" | v-model="bankType" | ||||
is-link | is-link | ||||
@@ -510,15 +510,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -9,8 +9,13 @@ | |||||
> | > | ||||
<van-cell v-for="(item , index) in supplyList" :key="index" :to="{path:'project/projectDetail',query:{id:item.projectId}}"> | <van-cell v-for="(item , index) in supplyList" :key="index" :to="{path:'project/projectDetail',query:{id:item.projectId}}"> | ||||
<template #title> | <template #title> | ||||
{{item.projectName}} | |||||
<span class="tag_i" :style="{color:item.depositStatus == '1' ? '#0DBCAA':'#7368E4',background:item.depositStatus == '1' ? 'rgba(13,188,170,.15)':'rgba(115,104,228,.15)'}">{{item.depositStatus}}</span> | |||||
<p style="width: 80%; | |||||
display: -webkit-box; | |||||
-webkit-box-orient: vertical; | |||||
-webkit-line-clamp: 1; | |||||
word-break: break-all; | |||||
overflow: hidden;">{{item.projectName}}</p> | |||||
<span class="tag_i" :style="{color:item.depositStatus == '报名成功' ? '#0DBCAA':'#7368E4',background:item.depositStatus == '报名成功' ? 'rgba(13,188,170,.15)':'rgba(115,104,228,.15)'}">{{item.depositStatus}}</span> | |||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
<p class="active_time"><van-icon name="bell" style="margin-right: 5PX;" />距结束: | <p class="active_time"><van-icon name="bell" style="margin-right: 5PX;" />距结束: | ||||
@@ -38,11 +38,11 @@ | |||||
<div class="list_li_time"> | <div class="list_li_time"> | ||||
<p :style="{ | <p :style="{ | ||||
color: { | color: { | ||||
'正在报名': '#007E72', | |||||
'等待竞价': '#848484', | |||||
'等待成交': '#848484', | |||||
'已经成交': '#848484', | |||||
'正在竞价': '#c21F3a', | |||||
'正在报名': '#2D87E8', | |||||
'等待竞价': '#7368E4', | |||||
'等待成交': '#E6AA0B', | |||||
'已经成交': '#FD683F', | |||||
'正在竞价': '#0DBCAA', | |||||
}[item.projectShowStatus]}">{{item.projectShowStatus}}</p> | }[item.projectShowStatus]}">{{item.projectShowStatus}}</p> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
@@ -50,36 +50,15 @@ | |||||
<div class="list_li_time"> | <div class="list_li_time"> | ||||
<p> | <p> | ||||
<span style="color: #848484">当前价格</span> | <span style="color: #848484">当前价格</span> | ||||
<span :style="{'font-size':'14px', | |||||
color: { | |||||
'正在报名': '#007E72', | |||||
'等待竞价': '#848484', | |||||
'等待成交': '#848484', | |||||
'已经成交': '#848484', | |||||
'正在竞价': '#c21F3a', | |||||
}[item.projectShowStatus]}" v-if="item.biddingType=='1'&&item.projectShowStatus=='正在竞价'"> | |||||
<span style="font-size:14px;color:#848484" v-if="item.biddingType=='1'&&item.projectShowStatus=='正在竞价'"> | |||||
* | * | ||||
</span> | </span> | ||||
<span :style="{'font-size':'14px', | |||||
color: { | |||||
'正在报名': '#007E72', | |||||
'等待竞价': '#848484', | |||||
'等待成交': '#848484', | |||||
'已经成交': '#848484', | |||||
'正在竞价': '#c21F3a', | |||||
}[item.projectShowStatus]}" v-if="(item.biddingType=='1'&&item.projectShowStatus!='正在竞价'&&item.money) || (item.biddingType!='1'&&item.money)"> | |||||
<span style="font-size:14px;color:#848484" v-if="(item.biddingType=='1'&&item.projectShowStatus!='正在竞价'&&item.money) || (item.biddingType!='1'&&item.money)"> | |||||
{{item.money}}{{item.unit}} | {{item.money}}{{item.unit}} | ||||
</span> | </span> | ||||
<span :style="{'font-size':'14px', | |||||
color: { | |||||
'正在报名': '#007E72', | |||||
'等待竞价': '#848484', | |||||
'等待成交': '#848484', | |||||
'已经成交': '#848484', | |||||
'正在竞价': '#c21F3a', | |||||
}[item.projectShowStatus]}" v-if="(item.biddingType!='1'&&!item.money) || (item.biddingType=='1'&&item.projectShowStatus!='正在竞价'&&!item.money)"> | |||||
<span style="font-size:14px;color:#848484" v-if="(item.biddingType!='1'&&!item.money) || (item.biddingType=='1'&&item.projectShowStatus!='正在竞价'&&!item.money)"> | |||||
暂无出价 | 暂无出价 | ||||
</span> | </span> | ||||
</p> | </p> | ||||
@@ -87,14 +66,7 @@ | |||||
<div class="list_li_time"> | <div class="list_li_time"> | ||||
<p @click="$router.push({name:'projectDetailCJ', query: {id:item.id}})"> | <p @click="$router.push({name:'projectDetailCJ', query: {id:item.id}})"> | ||||
<span style="color: #848484">我的出价</span> | <span style="color: #848484">我的出价</span> | ||||
<span :style="{'font-size':'14px', | |||||
color: { | |||||
'正在报名': '#007E72', | |||||
'等待竞价': '#848484', | |||||
'等待成交': '#848484', | |||||
'已经成交': '#848484', | |||||
'正在竞价': '#c21F3a', | |||||
}[item.projectShowStatus]}" v-if="item.biddingType!='自由竞价'&&item.money"> | |||||
<span style="font-size:14px;color:#848484" v-if="item.biddingType!='自由竞价'&&item.money"> | |||||
{{item.memberMoney}}{{item.unit}} | {{item.memberMoney}}{{item.unit}} | ||||
</span> | </span> | ||||
</p> | </p> | ||||
@@ -29,8 +29,8 @@ | |||||
</van-row> | </van-row> | ||||
</div> | </div> | ||||
<div class="user_nav"> | <div class="user_nav"> | ||||
<p class="tt">我的报名<span>12</span></p> | |||||
<p class="time">截止 2024.06.30</p> | |||||
<p class="tt">易操作 易成功</p> | |||||
<p class="time">招投标信息查询交易平台</p> | |||||
<img src="../../../static/images/transaction_new/user/user_icon_04.png" style="position:absolute;transform: translateY(-30%);right: 0;top: 0;" alt=""> | <img src="../../../static/images/transaction_new/user/user_icon_04.png" style="position:absolute;transform: translateY(-30%);right: 0;top: 0;" alt=""> | ||||
</div> | </div> | ||||
<div style="width: 96%;margin: 1vh auto 0;border-radius: 0.4rem;overflow: hidden;"> | <div style="width: 96%;margin: 1vh auto 0;border-radius: 0.4rem;overflow: hidden;"> | ||||
@@ -81,14 +81,14 @@ | |||||
<van-cell title="审批状态" :border="false" value-class="cell_value"> | <van-cell title="审批状态" :border="false" value-class="cell_value"> | ||||
{{ auditStatusFormat(item.auditStatus) }} | {{ auditStatusFormat(item.auditStatus) }} | ||||
</van-cell> | </van-cell> | ||||
<van-cell title="审批对象" :border="false" value-class="cell_value"> | |||||
<span v-if="item.auditType === '1'"> | |||||
角色: {{ item.roleName }} | |||||
</span> | |||||
<span v-else-if="item.auditType === '2'"> | |||||
用户: {{ item.nickName }} | |||||
</span> | |||||
</van-cell> | |||||
<!-- <van-cell title="审批对象" :border="false" value-class="cell_value">--> | |||||
<!-- <span v-if="item.auditType === '1'">--> | |||||
<!-- 角色: {{ item.roleName }}--> | |||||
<!-- </span>--> | |||||
<!-- <span v-else-if="item.auditType === '2'">--> | |||||
<!-- 用户: {{ item.nickName }}--> | |||||
<!-- </span>--> | |||||
<!-- </van-cell>--> | |||||
<van-cell title="审批人" v-model="item.auditBy" :border="false" value-class="cell_value" /> | <van-cell title="审批人" v-model="item.auditBy" :border="false" value-class="cell_value" /> | ||||
<van-cell title="审批时间" v-model="item.auditTime" :border="false" value-class="cell_value" /> | <van-cell title="审批时间" v-model="item.auditTime" :border="false" value-class="cell_value" /> | ||||
<van-cell title="审批意见" v-model="item.auditRemark" :border="false" value-class="cell_value" /> | <van-cell title="审批意见" v-model="item.auditRemark" :border="false" value-class="cell_value" /> | ||||
@@ -23,8 +23,8 @@ | |||||
<p style="display: flex;align-items: center;"> | <p style="display: flex;align-items: center;"> | ||||
<img src="../../../../static/images/transaction_new/interaction/interaction_icon_01.png" alt="" style="margin-right: 5px;"/> | <img src="../../../../static/images/transaction_new/interaction/interaction_icon_01.png" alt="" style="margin-right: 5px;"/> | ||||
<span>{{item.content}}</span> | <span>{{item.content}}</span> | ||||
<span style="font-size: 12px;color: #007E72;margin-left: auto;" v-if="item.reply">已回复</span> | |||||
<span style="font-size: 12px;color: #c21F3a;margin-left: auto;" v-if="!item.reply">未回复</span> | |||||
<span style="font-size: 12px;color: #007E72;margin-left: auto;flex-shrink: 0;" v-if="item.reply">已回复</span> | |||||
<span style="font-size: 12px;color: #c21F3a;margin-left: auto;flex-shrink: 0;" v-if="!item.reply">未回复</span> | |||||
</p> | </p> | ||||
</template> | </template> | ||||
<template #label> | <template #label> | ||||
@@ -3,7 +3,7 @@ | |||||
<navBar :title="pageTit" background="0" positionType="fixed"></navBar> | <navBar :title="pageTit" background="0" positionType="fixed"></navBar> | ||||
<van-form @submit="submitInteraction"> | <van-form @submit="submitInteraction"> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">发布信息</van-divider> | |||||
<div class="block_tt"><i></i>发布信息</div> | |||||
<van-field v-model="form.title" label="标题" placeholder="请输入标题" required :rules="[{ required:true }]"/> | <van-field v-model="form.title" label="标题" placeholder="请输入标题" required :rules="[{ required:true }]"/> | ||||
<van-field v-model="form.realname" label="姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/> | <van-field v-model="form.realname" label="姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/> | ||||
<van-field v-model="form.phone" label="联系电话" placeholder="请输入联系电话" required :rules="[{ required:true }]"/> | <van-field v-model="form.phone" label="联系电话" placeholder="请输入联系电话" required :rules="[{ required:true }]"/> | ||||
@@ -118,15 +118,16 @@ import navBar from "@/components/common/nav_bar.vue"; | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||
@@ -3,7 +3,7 @@ | |||||
<navBar :title="pageTit" background="0" positionType="fixed"></navBar> | <navBar :title="pageTit" background="0" positionType="fixed"></navBar> | ||||
<van-form @submit="submitInteraction"> | <van-form @submit="submitInteraction"> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">发布信息</van-divider> | |||||
<div class="block_tt"><i></i>发布信息</div> | |||||
<van-field | <van-field | ||||
readonly | readonly | ||||
clickable | clickable | ||||
@@ -30,10 +30,11 @@ | |||||
<van-field v-model="form.projectContent" label="项目详情" type="textarea" autosize placeholder="请输入项目详情" required :rules="[{ required:true }]"/> | <van-field v-model="form.projectContent" label="项目详情" type="textarea" autosize placeholder="请输入项目详情" required :rules="[{ required:true }]"/> | ||||
</div> | </div> | ||||
<div class="block_box"> | <div class="block_box"> | ||||
<van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">上传相关附件</van-divider> | |||||
<div class="block_tt"><i></i>上传相关附件</div> | |||||
<div style="padding: 0 16px;"> | <div style="padding: 0 16px;"> | ||||
<van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="fileList" multiple :max-count="5" /> | |||||
<van-uploader :after-read="afterRead" :before-delete="deleteFile" v-model="fileList" :max-count="5" /> | |||||
</div> | </div> | ||||
<p style="color: #FE1313;margin-top: 20PX;padding-left: 15px;">*请上传jpg/png文件,文件大小不超过5MB</p> | |||||
</div> | </div> | ||||
<div class="submit"> | <div class="submit"> | ||||
<van-button round block type="info" color="#0DBCAA" native-type="submit">发布</van-button> | <van-button round block type="info" color="#0DBCAA" native-type="submit">发布</van-button> | ||||
@@ -47,6 +48,7 @@ import { getMember , userDemand , updateDemand , selectDemand , base64Attach , s | |||||
import { getInfo } from "@/api/login/index"; | import { getInfo } from "@/api/login/index"; | ||||
import {Dialog} from "vant"; | import {Dialog} from "vant"; | ||||
import navBar from "@/components/common/nav_bar.vue"; | import navBar from "@/components/common/nav_bar.vue"; | ||||
import {base64Upload} from "@/api/register"; | |||||
export default { | export default { | ||||
name: "supplyAdd", | name: "supplyAdd", | ||||
components: { navBar }, | components: { navBar }, | ||||
@@ -92,18 +94,24 @@ export default { | |||||
methods: { | methods: { | ||||
afterRead(file) { | afterRead(file) { | ||||
// 此时可以自行将文件上传至服务器 | // 此时可以自行将文件上传至服务器 | ||||
for ( var i = 0 ; i < this.fileList.length ; i++){ | |||||
if(this.fileList[i].url == undefined&&this.fileList!='') { | |||||
this.fileList[i] = {url:this.fileList[i].content, id: '', isImage: true}; | |||||
} | |||||
let params1 = { | |||||
file:file.content | |||||
} | } | ||||
base64Upload(params1).then((r1) => { | |||||
this.upLoadList.push(r1.fileName); | |||||
}) | |||||
// for ( var i = 0 ; i < this.fileList.length ; i++){ | |||||
// if(this.fileList[i].url == undefined&&this.fileList!='') { | |||||
// this.fileList[i] = {url:this.fileList[i].content, id: '', isImage: true}; | |||||
// } | |||||
// } | |||||
}, | }, | ||||
deleteFile(elIndex){ | deleteFile(elIndex){ | ||||
// deleteUserImg(elIndex.id).then(response => {}); | // deleteUserImg(elIndex.id).then(response => {}); | ||||
if(elIndex.id != ''){ | |||||
deleteUserImg(elIndex.id).then(response => {}); | |||||
} | |||||
// if(elIndex.id != ''){ | |||||
// deleteUserImg(elIndex.id).then(response => {}); | |||||
// } | |||||
return (file, name) => { | return (file, name) => { | ||||
let fileIndex = name.index | let fileIndex = name.index | ||||
this.fileList[elIndex].splice(fileIndex, 1) | this.fileList[elIndex].splice(fileIndex, 1) | ||||
@@ -145,31 +153,40 @@ export default { | |||||
}, | }, | ||||
submitInteraction(){ | submitInteraction(){ | ||||
this.form.logintime = this.getNowFormatDate(); | this.form.logintime = this.getNowFormatDate(); | ||||
this.form.fileUrl = this.upLoadList.join(','); | |||||
if(this.$route.query.type == 'update'){ | if(this.$route.query.type == 'update'){ | ||||
this.file.tableId = this.$route.query.id ; | this.file.tableId = this.$route.query.id ; | ||||
updateDemand(this.form).then(response => { | updateDemand(this.form).then(response => { | ||||
this.$toast.loading({ | |||||
message: "上传中...", | |||||
forbidClick: true, | |||||
duration: 0, | |||||
}); | |||||
for (var i = 0 ; i < this.fileList.length ; i++){ | |||||
if(this.fileList[i].url.indexOf('http://') == -1&&this.fileList!=''){ | |||||
this.file.files.push(this.fileList[i].url); | |||||
} | |||||
} | |||||
base64Attach(this.file).then(response => { | |||||
if (response.code == 200){ | |||||
Dialog.confirm({ | |||||
title: '系统提示', | |||||
message: '修改成功', | |||||
confirmButtonText: '确定', | |||||
showCancelButton:false | |||||
}).then(() => { | |||||
self.location=document.referrer; | |||||
}) | |||||
} | |||||
}); | |||||
// this.$toast.loading({ | |||||
// message: "上传中...", | |||||
// forbidClick: true, | |||||
// duration: 0, | |||||
// }); | |||||
// for (var i = 0 ; i < this.fileList.length ; i++){ | |||||
// if(this.fileList[i].url.indexOf('http://') == -1&&this.fileList!=''){ | |||||
// this.file.files.push(this.fileList[i].url); | |||||
// } | |||||
// } | |||||
Dialog.confirm({ | |||||
title: '系统提示', | |||||
message: '修改成功', | |||||
confirmButtonText: '确定', | |||||
showCancelButton:false | |||||
}).then(() => { | |||||
self.location=document.referrer; | |||||
}) | |||||
// base64Attach(this.file).then(response => { | |||||
// if (response.code == 200){ | |||||
// Dialog.confirm({ | |||||
// title: '系统提示', | |||||
// message: '修改成功', | |||||
// confirmButtonText: '确定', | |||||
// showCancelButton:false | |||||
// }).then(() => { | |||||
// self.location=document.referrer; | |||||
// }) | |||||
// } | |||||
// }); | |||||
}); | }); | ||||
}else{ | }else{ | ||||
userDemand(this.form).then(response => { | userDemand(this.form).then(response => { | ||||
@@ -179,21 +196,29 @@ export default { | |||||
forbidClick: true, | forbidClick: true, | ||||
duration: 0, | duration: 0, | ||||
}); | }); | ||||
for(var i = 0 ; i < this.fileList.length ; i++){ | |||||
this.file.files.push(this.fileList[i].url); | |||||
} | |||||
base64Attach(this.file).then(response => { | |||||
if (response.code == 200){ | |||||
Dialog.confirm({ | |||||
title: '系统提示', | |||||
message: '发布成功', | |||||
confirmButtonText: '确定', | |||||
showCancelButton:false | |||||
}).then(() => { | |||||
}) | |||||
} | |||||
}); | |||||
// for(var i = 0 ; i < this.fileList.length ; i++){ | |||||
// this.file.files.push(this.fileList[i].url); | |||||
// } | |||||
Dialog.confirm({ | |||||
title: '系统提示', | |||||
message: '发布成功', | |||||
confirmButtonText: '确定', | |||||
showCancelButton:false | |||||
}).then(() => { | |||||
self.location=document.referrer; | |||||
}) | |||||
// base64Attach(this.file).then(response => { | |||||
// if (response.code == 200){ | |||||
// Dialog.confirm({ | |||||
// title: '系统提示', | |||||
// message: '发布成功', | |||||
// confirmButtonText: '确定', | |||||
// showCancelButton:false | |||||
// }).then(() => { | |||||
// self.location=document.referrer; | |||||
// }) | |||||
// } | |||||
// }); | |||||
}); | }); | ||||
} | } | ||||
}, | }, | ||||
@@ -215,15 +240,16 @@ export default { | |||||
border-radius: 15Px; | border-radius: 15Px; | ||||
overflow: hidden; | overflow: hidden; | ||||
.block_tt{ | .block_tt{ | ||||
font-size: 16Px; | |||||
font-size: 20Px; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 3vw; | |||||
padding: 1.6vh 3vw; | |||||
line-height: 1; | line-height: 1; | ||||
font-weight: bold; | |||||
i{ | i{ | ||||
display: block; | display: block; | ||||
width: 3Px; | |||||
height: 14Px; | |||||
width: 4Px; | |||||
height: 16Px; | |||||
background: #0CBEA6; | background: #0CBEA6; | ||||
margin-right: 5PX; | margin-right: 5PX; | ||||
border-radius: 5PX; | border-radius: 5PX; | ||||