| @@ -4,7 +4,7 @@ | |||
| <!-- <van-col span="2">--> | |||
| <!-- <van-image src="../../static/images/index/logo.png" />--> | |||
| <!-- </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-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"> | |||
| @@ -45,7 +45,7 @@ | |||
| </van-grid> | |||
| </div> | |||
| <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 | |||
| v-model="loading" | |||
| :finished="finished" | |||
| @@ -3,11 +3,9 @@ | |||
| <navBar title="新闻资讯" background="0" positionType="fixed"></navBar> | |||
| <div class="content"> | |||
| <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> | |||
| <div id="content"></div> | |||
| @@ -44,6 +42,7 @@ export default { | |||
| newDetails(this.$route.query.id).then(response => { | |||
| console.log(response) | |||
| this.detail = response.data | |||
| response.data.content = response.data.content.replace(new RegExp('<img', 'g'), `$& width="100%"`); | |||
| document.getElementById('content').innerHTML = response.data.content; | |||
| if(response.data.attachment){ | |||
| @@ -77,14 +76,14 @@ export default { | |||
| } | |||
| #content{ | |||
| overflow: hidden; | |||
| img{ | |||
| width: 100%; | |||
| } | |||
| } | |||
| iframe{ | |||
| width: 100%; | |||
| } | |||
| img{ | |||
| width: 100%; | |||
| } | |||
| /deep/.van-cell__title, .van-cell__value{ | |||
| display: -webkit-box; | |||
| -webkit-box-orient: vertical; | |||
| @@ -3,7 +3,7 @@ | |||
| <navBar title="鉴证详情" background="0" positionType="fixed"></navBar> | |||
| <!-- <p class="title">{{attestationDetail.projectName}}成交公示</p>--> | |||
| <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.projectName" /> | |||
| <van-cell title="项目编号" :value="attestationDetail.projectCode" /> | |||
| @@ -16,14 +16,17 @@ | |||
| <van-cell title="转出方式" :value="attestationDetail.rollout" /> | |||
| <van-cell title="交易方式" :value="attestationDetail.dealType" /> | |||
| <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.contractCode" /> | |||
| <van-cell title="附记" :value="attestationDetail.jzsRemark" /> | |||
| </div> | |||
| <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.pzjg" /> | |||
| <van-cell title="法定代表人(转出方)" :value="attestationDetail.legalPerson" /> | |||
| @@ -31,7 +34,8 @@ | |||
| </div> | |||
| <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.companyNature" /> | |||
| <van-cell title="法定代表人(受让方)" :value="attestationDetail.realname" /> | |||
| @@ -115,15 +119,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -16,7 +16,7 @@ | |||
| <div v-if="item.projectStatus == '2'" style="color: #c12e2a;">项目终止</div> | |||
| <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="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> | |||
| </template> | |||
| <template #label> | |||
| @@ -39,7 +39,7 @@ | |||
| <template #title> | |||
| <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="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> | |||
| </template> | |||
| <template #label> | |||
| @@ -62,7 +62,7 @@ | |||
| <template #title> | |||
| <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="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> | |||
| </template> | |||
| <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;"> | |||
| <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 v-else style="display: flex;justify-content: space-between;align-items: center;"> </div> | |||
| </template> | |||
| <template #right-icon> | |||
| <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> | |||
| </template> | |||
| @@ -3,7 +3,7 @@ | |||
| <navBar title="招标公告" background="0" positionType="fixed"></navBar> | |||
| <!-- <p class="title">{{attestationDetail.projectName}}</p>--> | |||
| <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.revieveAt" /> | |||
| <van-cell title="招标评审地点" :value="attestationDetail.revieveAddress" /> | |||
| @@ -21,7 +21,9 @@ | |||
| <van-cell title="招标内容" :value="attestationDetail.tenderContent" /> | |||
| <van-cell title="投标人要求" :value="attestationDetail.condition" /> | |||
| <!-- <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 v-if="attestationDetail.biddingType == '单价'" title="单价(元)" :value="attestationDetail.tenderPrice" /> | |||
| <van-cell v-if="attestationDetail.biddingType == '单价'" title="数量单位" :value="attestationDetail.priceUnit" /> | |||
| @@ -32,7 +34,7 @@ | |||
| </div> | |||
| <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"> | |||
| <!-- 使用 right-icon 插槽来自定义右侧图标 --> | |||
| <template #icon> | |||
| @@ -103,15 +105,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -1,9 +1,9 @@ | |||
| <template> | |||
| <div class="app-container"> | |||
| <navBar title="项目公告" background="0" positionType="fixed"></navBar> | |||
| <navBar title="成交公告" background="0" positionType="fixed"></navBar> | |||
| <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 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.outStartTime+'至'+noticeDetail.outStopTime" /> | |||
| <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> | |||
| <div v-if="noticeDetail.projectStatus == '2'"> | |||
| <van-divider>附件</van-divider> | |||
| @@ -103,22 +105,23 @@ export default { | |||
| padding: 3vw 0; | |||
| border-radius: 15Px; | |||
| 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{ | |||
| font-size: 0.5rem; | |||
| @@ -3,14 +3,16 @@ | |||
| <!-- <p class="title">{{attestationDetail.projectName}}</p>--> | |||
| <navBar title="招标结果" background="0" positionType="fixed"></navBar> | |||
| <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.tenderName" /> | |||
| <div v-if="attestationDetail.dealType == '成功'"> | |||
| <van-cell title="中标人" :value="attestationDetail.assignee" /> | |||
| <van-cell title="建设单位" :value="attestationDetail.bulidPart" /> | |||
| <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 v-if="attestationDetail.biddingType == '单价'" title="中标单价(元)" :value="attestationDetail.transactionPrice" /> | |||
| @@ -20,14 +22,13 @@ | |||
| <van-cell title="中标日期" :value="attestationDetail.dealTime" /> | |||
| <van-cell title="公示开始日期" :value="attestationDetail.startTime" /> | |||
| <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 v-if="attestationDetail.dealType == '变更'"> | |||
| @@ -112,15 +113,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -3,17 +3,17 @@ | |||
| <navBar title="项目详情" background="0" positionType="relative"></navBar> | |||
| <van-tabs scrollspy sticky > | |||
| <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"> | |||
| {{ process }}    <span id="timeData"></span> | |||
| @@ -44,6 +44,7 @@ | |||
| <p>{{biddinglistInformation[0].money}}{{detail.unit}}</p> | |||
| <p>领先</p> | |||
| </template> | |||
| <p v-else style="margin: 0 auto;">暂无出价</p> | |||
| </div> | |||
| <div class="detail"> | |||
| <van-row> | |||
| @@ -4,7 +4,7 @@ | |||
| <van-form @submit="getSubmit"> | |||
| <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-picker | |||
| show-toolbar | |||
| @@ -36,7 +36,7 @@ | |||
| </div> | |||
| <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> | |||
| <template #input> | |||
| <van-uploader :after-read="afterReadKHZM" :before-delete="deleteFileKHZM" v-model="fileListKHZM" multiple :max-count="1" /> | |||
| @@ -436,15 +436,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -12,8 +12,7 @@ | |||
| <van-form @submit="getSubmit"> | |||
| <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--> | |||
| @@ -46,7 +45,7 @@ | |||
| <!-- <van-divider>银行信息</van-divider>--> | |||
| <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"> | |||
| <template #input> | |||
| @@ -411,15 +410,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -2,7 +2,7 @@ | |||
| <div class="app-container"> | |||
| <navBar title="供求详情" background="0" positionType="fixed"></navBar> | |||
| <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.location" /> | |||
| <van-cell title="姓名" :value="supplyDetails.realname" /> | |||
| @@ -58,15 +58,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -3,7 +3,7 @@ | |||
| <navBar title="资料修改" background="0" positionType="fixed"></navBar> | |||
| <van-form @submit="submitForm"> | |||
| <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 }]" > | |||
| <!-- <template #extra >--> | |||
| <!-- <p style="color: #007e72" onclick="window.location='phoneInformation'">修改手机号</p>--> | |||
| @@ -103,7 +103,7 @@ | |||
| </div> | |||
| <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="bankType" | |||
| is-link | |||
| @@ -510,15 +510,16 @@ export default { | |||
| border-radius: 15Px; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 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}}"> | |||
| <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 #label> | |||
| <p class="active_time"><van-icon name="bell" style="margin-right: 5PX;" />距结束: | |||
| @@ -38,11 +38,11 @@ | |||
| <div class="list_li_time"> | |||
| <p :style="{ | |||
| color: { | |||
| '正在报名': '#007E72', | |||
| '等待竞价': '#848484', | |||
| '等待成交': '#848484', | |||
| '已经成交': '#848484', | |||
| '正在竞价': '#c21F3a', | |||
| '正在报名': '#2D87E8', | |||
| '等待竞价': '#7368E4', | |||
| '等待成交': '#E6AA0B', | |||
| '已经成交': '#FD683F', | |||
| '正在竞价': '#0DBCAA', | |||
| }[item.projectShowStatus]}">{{item.projectShowStatus}}</p> | |||
| </div> | |||
| </div> | |||
| @@ -50,36 +50,15 @@ | |||
| <div class="list_li_time"> | |||
| <p> | |||
| <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 :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}} | |||
| </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> | |||
| </p> | |||
| @@ -87,14 +66,7 @@ | |||
| <div class="list_li_time"> | |||
| <p @click="$router.push({name:'projectDetailCJ', query: {id:item.id}})"> | |||
| <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}} | |||
| </span> | |||
| </p> | |||
| @@ -29,8 +29,8 @@ | |||
| </van-row> | |||
| </div> | |||
| <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=""> | |||
| </div> | |||
| <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"> | |||
| {{ auditStatusFormat(item.auditStatus) }} | |||
| </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.auditTime" :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;"> | |||
| <img src="../../../../static/images/transaction_new/interaction/interaction_icon_01.png" alt="" style="margin-right: 5px;"/> | |||
| <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> | |||
| </template> | |||
| <template #label> | |||
| @@ -3,7 +3,7 @@ | |||
| <navBar :title="pageTit" background="0" positionType="fixed"></navBar> | |||
| <van-form @submit="submitInteraction"> | |||
| <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.realname" 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; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||
| @@ -3,7 +3,7 @@ | |||
| <navBar :title="pageTit" background="0" positionType="fixed"></navBar> | |||
| <van-form @submit="submitInteraction"> | |||
| <div class="block_box"> | |||
| <van-divider :style="{ borderColor: '#0CBEA6', padding: '0 16px' }">发布信息</van-divider> | |||
| <div class="block_tt"><i></i>发布信息</div> | |||
| <van-field | |||
| readonly | |||
| clickable | |||
| @@ -30,10 +30,11 @@ | |||
| <van-field v-model="form.projectContent" label="项目详情" type="textarea" autosize placeholder="请输入项目详情" required :rules="[{ required:true }]"/> | |||
| </div> | |||
| <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;"> | |||
| <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> | |||
| <p style="color: #FE1313;margin-top: 20PX;padding-left: 15px;">*请上传jpg/png文件,文件大小不超过5MB</p> | |||
| </div> | |||
| <div class="submit"> | |||
| <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 {Dialog} from "vant"; | |||
| import navBar from "@/components/common/nav_bar.vue"; | |||
| import {base64Upload} from "@/api/register"; | |||
| export default { | |||
| name: "supplyAdd", | |||
| components: { navBar }, | |||
| @@ -92,18 +94,24 @@ export default { | |||
| methods: { | |||
| 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){ | |||
| // deleteUserImg(elIndex.id).then(response => {}); | |||
| if(elIndex.id != ''){ | |||
| deleteUserImg(elIndex.id).then(response => {}); | |||
| } | |||
| // if(elIndex.id != ''){ | |||
| // deleteUserImg(elIndex.id).then(response => {}); | |||
| // } | |||
| return (file, name) => { | |||
| let fileIndex = name.index | |||
| this.fileList[elIndex].splice(fileIndex, 1) | |||
| @@ -145,31 +153,40 @@ export default { | |||
| }, | |||
| submitInteraction(){ | |||
| this.form.logintime = this.getNowFormatDate(); | |||
| this.form.fileUrl = this.upLoadList.join(','); | |||
| if(this.$route.query.type == 'update'){ | |||
| this.file.tableId = this.$route.query.id ; | |||
| 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{ | |||
| userDemand(this.form).then(response => { | |||
| @@ -179,21 +196,29 @@ export default { | |||
| forbidClick: true, | |||
| 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; | |||
| overflow: hidden; | |||
| .block_tt{ | |||
| font-size: 16Px; | |||
| font-size: 20Px; | |||
| display: flex; | |||
| align-items: center; | |||
| padding: 0 3vw; | |||
| padding: 1.6vh 3vw; | |||
| line-height: 1; | |||
| font-weight: bold; | |||
| i{ | |||
| display: block; | |||
| width: 3Px; | |||
| height: 14Px; | |||
| width: 4Px; | |||
| height: 16Px; | |||
| background: #0CBEA6; | |||
| margin-right: 5PX; | |||
| border-radius: 5PX; | |||