|
|
@@ -0,0 +1,255 @@
|
|
|
+<template>
|
|
|
+ <ul class='web-box'>
|
|
|
+ <div class='wenshang'>
|
|
|
+ <h2>{{ this.dataList.infoTitle}}</h2>
|
|
|
+ </div>
|
|
|
+ <div class='biaoge'>
|
|
|
+ <table cellpadding='0' cellspacing='0' class='table_content' style='font-size: 12px;margin: 0px; margin-bottom: 10px;width:680px;'>
|
|
|
+ <tbody>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td width='89' align='center' class='bg'>
|
|
|
+ <span class='b2'>发布时间</span></td>
|
|
|
+ <td width='187' class='table-left'>
|
|
|
+ <span class='d2'>
|
|
|
+ <a class='blue124'>{{this.dataList.infoPublishTime}}</a> </span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td width='89' align='center' class='bg'>
|
|
|
+ <span class='b2'>信息类型</span></td>
|
|
|
+ <td width='187' class='table-left'>
|
|
|
+ <span class='d2'>
|
|
|
+ <a class='blue124'>{{getChangeType(this.dataList.infoType)}}-{{getChangeType1(this.dataList.infoTypeSegment)}}</a> </span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td width='89' align='center' class='bg'>
|
|
|
+ <span class='b2'>省份</span></td>
|
|
|
+ <td width='187' class='table-left'>
|
|
|
+ <span class='d2'>
|
|
|
+ <a class='blue124'>{{this.dataList.areaProvince}}</a> </span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td width='89' align='center' class='bg'>
|
|
|
+ <span class='b2'>城市</span></td>
|
|
|
+ <td width='187' class='table-left'>
|
|
|
+ <span class='d2'>
|
|
|
+ <a class='blue124'>{{this.dataList.areaCity}}</a> </span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td width='89' align='center' class='bg'>
|
|
|
+ <span class='b2'>区县</span></td>
|
|
|
+ <td width='187' class='table-left'>
|
|
|
+ <span class='d2'>
|
|
|
+ <a class='blue124'>{{this.dataList.areaCountry}}</a> </span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td width='89' align='center' class='bg'>
|
|
|
+ <span class='b2'>附件</span></td>
|
|
|
+ <td width='187' class='table-left'>
|
|
|
+ <span class='d2'>
|
|
|
+ <a class='blue124'>{{this.dataList.infoFile}}</a> </span>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div class='content-box'>
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ <br></p>
|
|
|
+ <div v-html="dataList.infoContent"></div>
|
|
|
+ <br>
|
|
|
+ <p>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </ul>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import {getDetailByInfoId, QueryById} from "@/api/business/bid/biding";
|
|
|
+
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ dialogVisible:false,
|
|
|
+ dataList:{},
|
|
|
+ areaObj:'',
|
|
|
+ bidType: [
|
|
|
+ {
|
|
|
+ value: '0',
|
|
|
+ label: '公开招标'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '4',
|
|
|
+ label: '询比价'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '竞价'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '邀请招标'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '3',
|
|
|
+ label: '定点采购'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '5',
|
|
|
+ label: '公开寻源'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '6',
|
|
|
+ label: '电子反拍'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ noticeTwoType: [
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '采购意向'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '招投标'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '3',
|
|
|
+ label: '招标'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '5',
|
|
|
+ label: '变更公告'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '10',
|
|
|
+ label: '中标候选人'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '11',
|
|
|
+ label: '中标结果'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '12',
|
|
|
+ label: '合同'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '13',
|
|
|
+ label: '验收公告'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ noticeOneType:[
|
|
|
+ {
|
|
|
+ value: '0',
|
|
|
+ label: '公告'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '预告'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '变更'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '3',
|
|
|
+ label: '结果'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '5',
|
|
|
+ label: '其他'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ //如果路由参数存在
|
|
|
+ // if (this.$route.query) {
|
|
|
+ // this.areaObj = this.$route.query;
|
|
|
+ // console.log("this.areaObj",this.areaObj)
|
|
|
+ // this.areaObj.map((v) => {
|
|
|
+ // const ins = JSON.parse(v.infoNewFile)
|
|
|
+ // if (ins.length) {
|
|
|
+ // v.infoFileName = ins[0].infoFileName
|
|
|
+ // v.infoFileUrl = ins[0].infoFileUrl
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ if(this.$route.query.id){
|
|
|
+ this.getDetail(this.$route.query.id)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+
|
|
|
+ getDetail(val){
|
|
|
+ getDetailByInfoId(val).then(res => {
|
|
|
+ this.dataList=res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ goToBasic(pramsData){
|
|
|
+
|
|
|
+ this.$router.push({path:'/business/bid/detail',query:{id:pramsData}});
|
|
|
+ },
|
|
|
+
|
|
|
+ handleClose(done) {
|
|
|
+ this.$confirm('确认关闭？')
|
|
|
+ .then(_ => {
|
|
|
+ done();
|
|
|
+ })
|
|
|
+ .catch(_ => {});
|
|
|
+ },
|
|
|
+ openInfoDetail(){
|
|
|
+ this.dialogVisible=true
|
|
|
+ },
|
|
|
+ // getDetail(val){
|
|
|
+ // QueryById(val).then(res =>{
|
|
|
+ // this.dataList=res.data
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ // YMDHMS_daxiao(str1) {
|
|
|
+ // str1 = new Date(str1).getTime();
|
|
|
+ // // 小于0则str1时间小，大于0则str1时间大
|
|
|
+ // return str1 - new Date().getTime();
|
|
|
+ // },
|
|
|
+ returnPage(){
|
|
|
+ this.$router.go(-1)
|
|
|
+ },
|
|
|
+ getChangeType(e) {
|
|
|
+ for (var i = 0; i < this.noticeOneType.length; i++) {
|
|
|
+ if (this.noticeOneType[i].value === e) {
|
|
|
+ return this.noticeOneType[i].label;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getChangeType1(e) {
|
|
|
+ for (var i = 0; i < this.noticeTwoType.length; i++) {
|
|
|
+ if (this.noticeTwoType[i].value === e) {
|
|
|
+ return this.noticeTwoType[i].label;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getChangeType2(e) {
|
|
|
+ for (var i = 0; i < this.bidType.length; i++) {
|
|
|
+ if (this.bidType[i].value === e) {
|
|
|
+ return this.bidType[i].label;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>.web-box { width: 100%; text-align: center; } .wenshang { margin: 0 auto; width: 40%; text-align: center; padding: 20px 10px 0 10px; } .wenshang h2 { display: block; color: #900; text-align: center; padding-bottom: 10px; border-bottom: 1px dashed #ccc; font-size: 16px; } .site a { text-decoration: none; } .content-box { text-align: left; margin: 0 auto; width: 40%; margin-top: 25px; text-indent: 2em; font-size: 14px; line-height: 25px; } .biaoge{ margin: 0 auto; width: 643px; margin-top: 25px; } .table_content { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; font-family: Arial; width: 643px; margin-top: 10px; margin-left: 15px; } .table_content tr td { line-height: 29px; } .table_content .bg { background-color: #f6f6f6; } .table_content tr td { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .table-left{ text-align: left; padding-left: 20px; }</style>
|
|
|
+
|
youchen