hy

dsk-operate-ui/src/router/index.js

@@ -185,6 +185,21 @@ export const constantRoutes = [
 	    }
 	  ]
 	},
+	{
+	  path: '/Tender',
+	  component: Layout,
+	  hidden: true,
+	  redirect: 'noredirect',
+	  children: [
+	    {
+	      path: '/radar/Tender/details/:id(\\d+)',
+	      component: () => import('@/views/radar/Tender/details'),
+	      name: 'TenderDetails',
+	      meta: { title: '公招标讯详情', icon: 'radar' }
+	    }
+	  ]
+	},
+	
 ]
 
 // 动态路由，基于用户权限动态去加载

dsk-operate-ui/src/views/radar/Tender/details.vue

+<template>
+	<div class="app-container qyzx-details">
+		<div class="bottomlist">
+			<ul class="bottomlist-content">
+				<li class="bottomlist-list"  >
+					<p class="list-titel">
+						 绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)
+						 <!-- <div  v-else-if="item.projectName" v-html="item.projectName"></div> -->
+					</p>
+					<div class="content-label">
+						<span class="list-label">市政工程</span>
+					</div>
+					
+					<div  class="list-content">
+						<p class="list-content-text">
+							<span>招采单位：</span>
+							<span class="blue">江西合胜合招标咨询有限公司</span>
+						</p>
+						<p class="list-content-text">
+							<span>代理单位：</span>
+							<span class="blue">江西合胜合招标咨询有限公司</span>
+						</p>
+						
+					</div>
+					<div  class="list-content">
+						<p class="list-content-text">
+							<span>预算金款：</span>
+							<span>123,456,78万元</span>
+						</p>
+						<p class="list-content-text">
+							<span>联系方式：</span>
+							<span >招采单位 张工 123456789</span>
+						</p>
+					</div>
+					
+					<div  class="list-content">
+						<p class="list-content-text">
+							<span>发布时间：</span>
+							<span >今日</span>
+						</p>
+						<p class="list-content-text">
+							<span>报名截止日期：</span>
+							<span >2022-04-21</span>
+						</p>
+						<p class="list-content-text">
+							<span>开标时间：</span>
+							<span >2022-04-21</span>
+						</p>
+						<p class="list-content-text">
+							<span>来源网站：</span>
+							<span >赤峰市阿鲁科尔沁旗人民政府</span>
+						</p>
+					</div>
+					
+				</li>
+			</ul>
+
+		</div>
+
+		<div class="content main3">
+			<div class="common-title">原文信息</div>
+			<div class="list-content-img"  @mouseenter="showimg=false" @mouseleave="showimg=true">
+				<img v-if="showimg" src="@/assets/images/bxpro/original1.png">
+				<img v-else src="@/assets/images/bxpro/original.png">
+				<span>原文链接</span>
+			</div>
+			<div class="main3-box">
+				
+				
+			
+			</div>
+		</div>
+	
+	
+	</div>
+</template>
+
+<script>
+	import "@/assets/styles/public.css";
+	export default {
+
+		name: 'TenderDetails',
+		data() {
+			return {
+				id: '',
+				tableData: [{
+					id: 0,
+					name: '20重庆债14(2005938)',
+					time: '2020-09-18',
+					gm: '285.24',
+					zj: '否',
+				}],
+				showimg:true
+			}
+		},
+		created() {
+			console.log(this.$route.params)
+			this.id = this.$route.params.id
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.bottomlist {
+		width: 100%;
+		background-color: #FFFFFF;
+
+		border-radius: 4px 4px 4px 4px;
+
+		.bottomlist-title {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 12px;
+			padding: 16px;
+			border-bottom: 1px solid #EFEFEF;
+
+			.title-right {
+				display: flex;
+				align-items: center;
+
+				p:first-child {
+					font-size: 12px;
+					font-weight: 400;
+					color: #3D3D3D;
+					margin-right: 10px;
+				}
+
+				p:last-child {
+					display: flex;
+					align-items: center;
+					font-size: 14px;
+					font-weight: 400;
+					color: rgba(35, 35, 35, 0.8);
+				}
+
+				img {
+					width: 18px;
+					height: 18px;
+				}
+			}
+
+		}
+
+		.bottomlist-content {
+
+			padding-bottom: 0px;
+		}
+
+		.bottomlist-list {
+			padding: 16px;
+			font-size: 14px;
+			border-bottom: 1px solid #EFEFEF;
+			padding-bottom: 14px;
+
+			.list-titel {
+				font-size: 16px;
+				font-weight: 700;
+				color: #3D3D3D;
+				line-height: 19px;
+
+				.list-titel-a {
+					text-decoration: none;
+					color: #3D3D3D;
+				}
+
+				a:hover,
+				a:visited,
+				a:link,
+				a:active {
+					color: #3D3D3D;
+				}
+			}
+
+			.content-label {
+				margin-top: 7px;
+
+				.list-label {
+					background: #F3F3FF;
+					color: #8491E8;
+					border-radius: 1px 1px 1px 1px;
+
+					padding: 3px 7px;
+					font-size: 12px;
+
+				}
+			}
+
+
+			.list-content {
+				margin-top: 3px;
+				display: flex;
+				justify-content: start;
+				align-items: center;
+
+				.list-content-text {
+					margin-top: 7px;
+					display: flex;
+					justify-content: start;
+					align-items: center;
+					margin-right: 27px;
+					font-size: 14px;
+
+					span:first-child {
+						font-weight: 400;
+						color: rgba(35, 35, 35, 0.4);
+						line-height: 15px
+					}
+
+					span:last-child {
+						font-weight: 400;
+						color: rgba(35, 35, 35, 0.8);
+						line-height: 15px
+					}
+
+					.blue {
+						color: #0081FF !important;
+						cursor: pointer;
+
+					}
+
+				}
+
+
+			}
+
+			.list-addree {
+				width: auto;
+				background: #F3F4F5;
+				display: inline-flex;
+				margin-top: 7px;
+
+				.list-content-text {
+					margin-top: 0px;
+
+					span {
+						line-height: 30px !important;
+					}
+				}
+
+				img {
+					width: 14px;
+					margin: 0 8px;
+
+				}
+			}
+
+
+		}
+
+		.bottomlist-list:hover {
+			background: #F6F9FC;
+			cursor: pointer;
+		}
+
+		.pagination {
+			padding: 14px;
+
+			.el-pagination {
+				float: right;
+			}
+		}
+	}
+
+	.app-container {
+		padding: 0;
+	}
+
+	.qyzx-details {
+		.tab {
+			font-size: 12px;
+			color: #A1A1A1;
+
+			span {
+				color: #232323;
+			}
+		}
+
+		.content {
+			margin-top: 16px;
+			background: #FFFFFF;
+			padding: 16px;
+			border-radius: 4px;
+		}
+
+		.common-title {
+			margin-bottom: 8px;
+		}
+
+
+		.main3 {
+			position: relative;
+			.main3-box {
+				margin-top: 22px;
+				min-height: 400px;
+				border: 1px solid #D8D8D8;
+
+			}
+			.list-content-img{
+				position: absolute;
+				top: 16px;
+				right:14px ;
+				color: #0081FF;
+				display: flex;
+				align-items: center;
+				font-size: 14px;
+				cursor: pointer;
+				img{
+					width: 14px;
+					height: 14px;
+					margin-right: 4px;
+				}
+			}
+			.list-content-img:hover{
+				color: #0067CC;
+			}
+		}
+
+
+	}
+</style>
\ No newline at end of file

dsk-operate-ui/src/views/radar/components/Establishment/index.vue

@@ -1211,7 +1211,9 @@
 		},
 	};
 </script>
+
 <style lang="scss" scoped>
+	
 	.content{
 	  padding: 0px 16px;
 	  border-radius: 4px 4px 4px 4px;

dsk-operate-ui/src/views/radar/components/Tender/Select.vue

+<template>
+    <div>
+        <el-select
+            v-model="selectValue"
+            :loading="loading"
+            popper-class="performance_other_select"
+            class="select-multiple"
+            placeholder="可多选"
+            ref="select"
+            collapse-tags
+            multiple
+            filterable
+            :filter-method="filterMethod"
+            v-el-select-loadmore="loadMore(rangeNumber)"
+            @change="selectChange"
+			@visible-change="visibleChange" >
+				<el-input class="performance_source_name_ipt" clearable v-model="inputValue" @input="changeIpt"></el-input>
+				<el-option v-for="(value,index) in sourceNamelist" :key="index" :value="value">
+					<span v-html="value"></span>
+				</el-option>
+			</el-select>
+    </div>
+</template>
+
+<script>
+// import {_debounce} from "@/static/common.js"
+// import URL from "@/api/businessOpportunities/tender";
+var URL={
+	
+};
+var debounce = function(fn, delay = 300) {
+	var timer = null;
+	return function() {
+		var _this = this;
+		var args = arguments;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(function() {
+			fn.apply(_this, args);
+		}, delay);
+	};
+}
+export default {
+    data(){
+        return{
+            loading:false,
+			rangeNumber: 1,
+            selectValue:[],
+            inputValue:"",
+            oldInputValue:"",
+            sourceNamelist:[],
+        }
+    },
+    directives: {
+        'el-select-loadmore': (el, binding) => {
+            // 获取element-ui定义好的scroll盒子
+            const SELECTWRAP_DOM = el.querySelector(".el-select-dropdown .el-select-dropdown__wrap");
+            if (SELECTWRAP_DOM) {
+                SELECTWRAP_DOM.addEventListener("scroll", function() {
+                    /**
+                     * scrollHeight 获取元素内容高度(只读)
+                     * scrollTop 获取或者设置元素的偏移值,
+                     *  常用于:计算滚动条的位置, 当一个元素的容器没有产生垂直方向的滚动条, 那它的scrollTop的值默认为0.
+                     * clientHeight 读取元素的可见高度(只读)
+                     * 如果元素滚动到底, 下面等式返回true, 没有则返回false:
+                     * ele.scrollHeight - ele.scrollTop === ele.clientHeight;
+                     */
+                    const condition = this.scrollHeight - this.scrollTop <= this.clientHeight;
+                    if (condition) binding.value();
+                });
+            }
+        },
+		},
+    methods:{
+        selectChange(arr){
+            this.$emit("getSelectValue",arr)
+        },
+        loadMore(n) {
+			// n是默认初始展示的条数会在渲染的时候就可以获取,具体可以打log查看
+			// elementui下拉超过7条才会出滚动条,如果初始不出滚动条无法触发loadMore方法
+			return () => {
+                this.rangeNumber += 1;
+                this.filterMethod(this.inputValue)
+            }; // 每次滚动到底部可以新增条数  可自定义
+		},
+        changeIpt(){
+            this.sourceNamelist = []
+            this.rangeNumber = 1
+            this.filterMethod()
+        },
+		// 筛选方法
+		filterMethod: debounce(function(filterVal) {
+            this.loading = true
+            let params = {
+                page:{
+                    page:this.rangeNumber,
+                    limit:10
+                },
+            }
+            if(this.inputValue){
+                params.keyword = this.inputValue;
+            }
+            this.$axios.post(URL.sourceSearch,params,{headers: { "Content-Type": "application/json" }}).then(res=>{
+                if(res.data.code==200){
+                    this.sourceNamelist = this.sourceNamelist.concat(res.data.data.list);
+                    if(this.sourceNamelist.length>0&&this.sourceNamelist[0]!='不限'){
+                        this.sourceNamelist.unshift("不限")
+                    }
+                }
+                this.loading = false
+            }).catch(err=>{
+                this.loading = false
+            })
+		}, 500),
+		// 下拉框出现时，调用过滤方法
+		visibleChange(flag) {
+			this.inputValue = ""
+			if (flag) {
+                this.sourceNamelist = []
+                this.rangeNumber = 1
+				this.filterMethod()
+			}
+		},
+    }
+}
+</script>
+
+<style>
+
+</style>

dsk-operate-ui/src/views/radar/index.vue

@@ -23,6 +23,8 @@
 		<bxprozbgg v-if="personnelHerf=='bxprozbgg'" />
 		<!-- 公招标讯 -->
 		<Tender v-if="personnelHerf=='Tender'" />
+		<!-- 开标记录 -->
+		<BidRecord v-if="personnelHerf=='BidRecord'" />
 		
 		
 
@@ -34,11 +36,12 @@
 	import Establishment from "./components/Establishment/index.vue";
 	import bxprozbgg from "./components/bxprozbgg/index.vue";
 	import Tender from "./components/Tender/index.vue";
+	import BidRecord from "./components/BidRecord/index.vue";
 	
 	import "@/assets/styles/public.css";
 	export default {
 		name: 'radar',
-		components: { debtProject,Land,Establishment,bxprozbgg,Tender },
+		components: { debtProject,Land,Establishment,bxprozbgg,Tender,BidRecord },
 		data() {
 			return {
 				// tablist
@@ -79,7 +82,7 @@
 					
 					},
 					{
-						key: 'KeyPersonnel',
+						key: 'BidRecord',
 						status: false,
 						value: '开标记录',