Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dsk-cr20g
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
dsk-cr20g
Commits
a6889c07
Commit
a6889c07
authored
Jun 06, 2023
by
远方不远
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
hy
parent
9c457166
Changes
8
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
1529 additions
and
333 deletions
+1529
-333
index.js
dsk-operate-ui/src/router/index.js
+15
-0
details.vue
dsk-operate-ui/src/views/radar/BidRecord/details.vue
+558
-0
details.vue
dsk-operate-ui/src/views/radar/Tender/details.vue
+324
-0
index.vue
...operate-ui/src/views/radar/components/BidRecord/index.vue
+409
-201
index.vue
...ate-ui/src/views/radar/components/Establishment/index.vue
+2
-0
Select.vue
dsk-operate-ui/src/views/radar/components/Tender/Select.vue
+129
-0
index.vue
dsk-operate-ui/src/views/radar/components/Tender/index.vue
+87
-130
index.vue
dsk-operate-ui/src/views/radar/index.vue
+5
-2
No files found.
dsk-operate-ui/src/router/index.js
View file @
a6889c07
...
@@ -185,6 +185,21 @@ export const constantRoutes = [
...
@@ -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/BidRecord/details.vue
0 → 100644
View file @
a6889c07
<
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
>
芜湖旭日机械制造有限公司
</span>
</p>
<p
class=
"list-content-text"
>
<span>
总投资:
</span>
<span>
芜湖旭日
</span>
</p>
<p
class=
"list-content-text"
>
<span>
审批日期:
</span>
<span>
12345.62万
</span>
</p>
</div>
</li>
</ul>
</div>
<div
class=
"content main3"
>
<div
class=
"common-title"
>
拟建项目详情
</div>
<div
class=
"main3-box"
>
<p>
<label
class=
"label"
>
项目法人
</label>
<span>
序号
</span>
<label
class=
"label"
>
总投资(万元)
</label>
<span>
序号
</span>
</p>
<p>
<label
class=
"label"
>
项目类型
</label>
<span
class=
"span-one"
>
序号
</span>
</p>
<p>
<label
class=
"label"
>
项目属地
</label>
<span>
序号
</span>
<label
class=
"label"
>
审批类型
</label>
<span>
序号
</span>
</p>
<p>
<label
class=
"label"
>
建设规模
</label>
<span>
序号
</span>
</p>
<p>
<label
class=
"label"
>
计划开工日期
</label>
<span>
序号
</span>
<label
class=
"label"
>
计划完成日期
</label>
<span>
序号
</span>
</p>
<p>
<label
class=
"label"
>
项目联系方式
</label>
<span>
序号
</span>
<label
class=
"label"
>
行业分类
</label>
<span>
序号
</span>
</p>
<p>
<label
class=
"label"
>
项目详情地址
</label>
<span>
序号
</span>
<label
class=
"label"
>
项目代码
</label>
<span>
序号
</span>
</p>
</div>
</div>
<div
class=
"content main5"
>
<div
class=
"common-title"
>
立项审批
</div>
<div
class=
"table-item"
>
<el-table
:data=
"tableData"
element-loading-text=
"Loading"
border
fit
highlight-current-row
>
<el-table-column
label=
"审批事项"
width=
"270"
>
<template
slot-scope=
"scope"
>
企业投资项目备案
</
template
>
</el-table-column>
<el-table-column
label=
"审批结果"
width=
"187"
>
<
template
slot-scope=
"scope"
>
通过
</
template
>
</el-table-column>
<el-table-column
label=
"审批部门"
>
<
template
slot-scope=
"scope"
>
老河口市发展和改革局
</
template
>
</el-table-column>
<el-table-column
label=
"审批问号"
width=
"328"
>
<
template
slot-scope=
"scope"
>
--
</
template
>
</el-table-column>
<el-table-column
prop=
"zj"
label=
"审批日期"
width=
"240"
>
<
template
slot-scope=
"scope"
>
2022-08-28
</
template
>
</el-table-column>
</el-table>
</div>
</div>
<div
class=
"content main5"
>
<div
class=
"common-title"
>
立项推介
</div>
<div
class=
"table-item"
>
<el-table
:data=
"tableData"
element-loading-text=
"Loading"
border
fit
highlight-current-row
>
<el-table-column
label=
"立项推介"
>
<
template
slot-scope=
"scope"
>
-
</
template
>
</el-table-column>
<el-table-column
label=
"引入资本规模(万元)"
width=
"232"
>
<
template
slot-scope=
"scope"
>
--
</
template
>
</el-table-column>
<el-table-column
label=
"引入资本时间"
width=
"243"
>
<
template
slot-scope=
"scope"
>
2019-12-24
</
template
>
</el-table-column>
<el-table-column
label=
"推介时间"
width=
"243"
>
<
template
slot-scope=
"scope"
>
2019-12-24
</
template
>
</el-table-column>
<el-table-column
prop=
"zj"
label=
"是否完成推介"
width=
"243"
>
<
template
slot-scope=
"scope"
>
否
</
template
>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<
script
>
import
"@/assets/styles/public.css"
;
export
default
{
name
:
'EstablishmentDetails'
,
data
()
{
return
{
id
:
''
,
tableData
:
[{
id
:
0
,
name
:
'20重庆债14(2005938)'
,
time
:
'2020-09-18'
,
gm
:
'285.24'
,
zj
:
'否'
,
}]
}
},
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
;
}
.main1
{
.title
{
color
:
#232323
;
font-size
:
16px
;
line-height
:
28px
;
font-weight
:
bold
;
margin-bottom
:
8px
;
text-align
:
left
;
img
{
width
:
28px
;
height
:
28px
;
margin-bottom
:
-9px
;
margin-right
:
17px
;
}
}
p
{
color
:
#3D3D3D
;
font-size
:
14px
;
margin
:
0
;
}
}
.main2
{
.list
{
display
:
flex
;
margin
:
16px
0
;
}
.item
{
width
:
24
.5%
;
margin-right
:
16px
;
height
:
100px
;
display
:
flex
;
justify-content
:
space-between
;
border-radius
:
8px
;
.item-left
{
margin-left
:
16px
;
margin-top
:
24px
;
h4
{
color
:
#232323
;
font-size
:
22px
;
line-height
:
22px
;
font-weight
:
bold
;
margin
:
0
;
span
{
font-weight
:
400
;
margin-left
:
4px
;
font-size
:
18px
;
}
}
p
{
margin
:
0
;
color
:
#3D3D3D
;
font-size
:
14px
;
padding-top
:
8px
;
}
}
.img
{
width
:
56px
;
height
:
56px
;
margin-top
:
22px
;
margin-right
:
12px
;
}
}
.color1
{
background
:
rgba
(
246
,
190
,
59
,
0
.08
);
border
:
1px
solid
rgba
(
246
,
190
,
59
,
0
.2
);
}
.color2
{
background
:
rgba
(
148
,
216
,
196
,
0
.102
);
border
:
1px
solid
rgba
(
73
,
187
,
154
,
0
.1
);
}
.color3
{
background
:
rgba
(
57
,
100
,
199
,
0
.06
);
border
:
1px
solid
rgba
(
57
,
100
,
199
,
0
.1
);
}
.color4
{
background
:
rgba
(
0
,
129
,
255
,
0
.04
);
border
:
1px
solid
rgba
(
0
,
129
,
255
,
0
.1
);
}
}
.main3
{
.main3-box
{
margin-top
:
22px
;
border-top
:
1px
solid
#E6E9F0
;
p
{
display
:
flex
;
align-items
:
center
;
margin
:
0
;
border-left
:
1px
solid
#E6E9F0
;
border-bottom
:
1px
solid
#E6E9F0
;
.label
{
width
:
10%
;
font-weight
:
400
;
line-height
:
40px
;
font-size
:
12px
;
height
:
40px
;
background
:
#F0F3FA
;
padding-left
:
12px
;
}
span
{
width
:
40%
;
color
:
#000
;
height
:
40px
;
line-height
:
40px
;
padding-left
:
12px
;
font-size
:
12px
;
}
.span-one
{
width
:
90%
;
}
}
}
}
.main4
{
.main4-box
{
margin-top
:
22px
;
.label
{
width
:
14%
;
background
:
#F0F3FA
;
border
:
1px
solid
#E6E9F0
;
display
:
inline-block
;
height
:
40px
;
line-height
:
40px
;
font-size
:
12px
;
color
:
rgba
(
35
,
35
,
35
,
0
.8
);
padding-left
:
12px
;
}
span
{
width
:
19%
;
display
:
inline-block
;
height
:
40px
;
line-height
:
40px
;
border-top
:
1px
solid
#E6E9F0
;
border-bottom
:
1px
solid
#E6E9F0
;
padding-left
:
12px
;
font-size
:
12px
;
}
span
:last-child
{
width
:
20%
;
border-right
:
1px
solid
#E6E9F0
;
}
}
}
.main5
{
.table-item
{
margin-top
:
22px
;
}
}
}
</
style
>
\ No newline at end of file
dsk-operate-ui/src/views/radar/Tender/details.vue
0 → 100644
View file @
a6889c07
<
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/BidRecord/index.vue
View file @
a6889c07
<
template
>
<
template
>
<div>
<div>
<div
id=
"bidRecord_wrap"
>
<div
class=
"content"
>
<div>
<div
class=
"content_item"
>
<div
class=
"content_li"
>
<div
class=
"label"
>
项目名称
</div>
<div
class=
"content_item content_item_nopadding"
>
<div
class=
"content_right"
>
<div
class=
"include-keywords"
>
<el-input
class=
"ename_input"
<span
class=
"lefttltel"
style=
" border-radius: 1px 0px 0px 1px;"
>
项目包含
</span>
placeholder=
"请输入项目名称关键字"
v-model=
"keyword"
></el-input>
<el-input
class=
"commonly-input"
v-model=
"keyword"
style=
"width: 607px;"
placeholder=
"请输入项目名称、文章关键词,多关键词用空格隔开,如:房建 地基"
></el-input>
</div>
</div>
</div>
</div>
<div
class=
"content_item"
>
<div
class=
"label"
>
参投单位
</div>
</div>
<div
class=
"content_right"
>
<el-input
class=
"ename_input"
<div
class=
"land_content_wrap "
style=
"margin-bottom:8px;"
>
placeholder=
"请输入项目名称关键字"
v-model=
"jskBidQueryDto.companyName"
></el-input>
<div
class=
"land_content_wrap_label"
>
投标报价
</div>
</div>
<el-input
class=
"other_ipt"
placeholder=
"请输入最低金额"
style=
"margin-left:12px;"
@
change=
"changeMoney('start')"
clearable
v-model=
"jskBidQueryDto.startBidMoney"
></el-input>
</div>
<span
style=
"margin:0 8px;"
>
至
</span>
<div
class=
"content_item"
>
<el-input
style=
"position:relative;top:2px;"
placeholder=
"请输入最高金额"
@
change=
"changeMoney('end')"
v-model=
"jskBidQueryDto.endBidMoney"
clearable
class=
"other_ipt other_ipt1"
>
<div
class=
"label"
>
项目名称
</div>
<el-button
slot=
"append"
type=
"primary"
>
万元
</el-button>
<div
class=
"content_right"
>
</el-input>
<div
class=
"select-popper"
>
<span
:class=
"
{color_text:jskBidQueryDto.province.length ||jskBidQueryDto.city.length ||jskBidQueryDto.county.length,}">
<el-checkbox
style=
"margin-left:24px;"
v-model=
"jskBidQueryDto.hasMoney"
true-label=
"yes"
false-label=
""
>
包含投标报价未公示
行政区划
{{
jskBidQueryDto
.
province
.
length
||
jskBidQueryDto
.
city
.
length
||
jskBidQueryDto
.
county
.
length
?
jskBidQueryDto
.
province
.
length
+
jskBidQueryDto
.
city
.
length
+
jskBidQueryDto
.
county
.
length
+
"项"
:
""
}}
<i
class=
"el-icon-caret-bottom"
></i>
</el-checkbox>
</span>
</div>
<el-cascader
<div
class=
"land_content_wrap"
>
ref=
"address"
<span
class=
"land_content_wrap_label"
>
相关条件
</span>
class=
"cascader-region"
<div
class=
"select-popper"
style=
"margin-bottom:8px;"
>
v-model=
"addressType"
<span
:class=
"
{color_text:jskBidQueryDto.province.length ||jskBidQueryDto.city.length ||jskBidQueryDto.county.length,}">
:options=
"addressList"
行政区划
:props=
"props"
{{
@
change=
"domicileChange"
jskBidQueryDto
.
province
.
length
||
jskBidQueryDto
.
city
.
length
||
jskBidQueryDto
.
county
.
length
?
jskBidQueryDto
.
province
.
length
+
jskBidQueryDto
.
city
.
length
+
jskBidQueryDto
.
county
.
length
+
"项"
:
""
collapse-tags
}}
clearable
<i
class=
"el-icon-caret-bottom"
></i>
></el-cascader>
</span>
</div>
<el-cascader
ref=
"address"
<el-dropdown
@
command=
"punishDatehandleCommand"
trigger=
"click"
ref=
"punishDateShowPopper"
:hide-on-click=
"false"
>
class=
"cascader-region"
<span
class=
"el-dropdown-link"
:class=
"punishDateValue ? 'color_text' : ''"
>
v-model=
"addressType"
发布时间
{{
punishDateValue
?
" 1项"
:
""
}}
:options=
"addressList"
<i
class=
"el-icon-caret-bottom"
></i>
:props=
"props"
</span>
@
change=
"domicileChange"
<div>
collapse-tags
<el-dropdown-menu
slot=
"dropdown"
>
clearable
<el-dropdown-item
v-for=
"(item, i) in punishDateOptions"
class=
"el-dropdown-land"
:class=
" punishDateValue && punishDateValue == item.value ? 'color_text': '' "
:key=
"i"
:command=
"item.value"
>
></el-cascader>
<div
@
mouseenter=
"hidePoper"
>
{{
item
.
label
}}
</div>
</div>
</el-dropdown-item>
<el-dropdown
@
command=
"punishDatehandleCommand"
trigger=
"click"
ref=
"punishDateShowPopper"
:hide-on-click=
"false"
>
<el-dropdown-item
command=
"自定义"
style=
"padding: 0; text-indent: 20px"
>
<span
class=
"el-dropdown-link"
:class=
"punishDateValue ? 'color_text' : ''"
>
<div
@
mouseenter=
"mouseenter"
>
发布时间
{{
punishDateValue
?
" 1项"
:
""
}}
<span
:class=
"punishDateValue == '自定义' ? 'color_text' : ''"
>
<i
class=
"el-icon-caret-bottom"
></i>
自定义
<i
class=
"el-icon-arrow-right"
></i>
</span>
</span>
<div>
<el-date-picker
<el-dropdown-menu
slot=
"dropdown"
>
v-if=
"punishDateShowPopper"
<el-dropdown-item
v-for=
"(item, i) in punishDateOptions"
:class=
" punishDateValue && punishDateValue == item.value ? 'color_text': '' "
:key=
"i"
:command=
"item.value"
>
@
change=
"changepunishDate"
<div
@
mouseenter=
"hidePoper"
>
{{
item
.
label
}}
</div>
class=
"land_date_picker"
</el-dropdown-item>
v-model=
"punishDate"
<el-dropdown-item
command=
"自定义"
style=
"padding: 0; text-indent: 20px"
>
ref=
"datePicker"
<div
@
mouseenter=
"mouseenter"
>
value-format=
"yyyy-MM-dd"
<span
:class=
"punishDateValue == '自定义' ? 'color_text' : ''"
>
type=
"daterange"
自定义
<i
class=
"el-icon-arrow-right"
></i>
range-separator=
"至"
</span>
start-placeholder=
"开始日期"
<el-date-picker
end-placeholder=
"结束日期"
v-if=
"punishDateShowPopper"
>
@
change=
"changepunishDate"
</el-date-picker>
class=
"land_date_picker"
</div>
v-model=
"punishDate"
</el-dropdown-item>
ref=
"datePicker"
</el-dropdown-menu>
value-format=
"yyyy-MM-dd"
</div>
type=
"daterange"
</el-dropdown>
range-separator=
"至"
start-placeholder=
"开始日期"
<el-dropdown
@
command=
"tenderDatehandleCommand"
trigger=
"click"
ref=
"tenderDateShowPopper"
:hide-on-click=
"false"
>
end-placeholder=
"结束日期"
<span
class=
"el-dropdown-link"
:class=
"tenderDateValue ? 'color_text' : ''"
>
开标时间
{{
tenderDateValue
?
" 1项"
:
""
}}
<i
class=
"el-icon-caret-bottom"
></i>
>
</el-date-picker>
</span>
</div>
<div>
</el-dropdown-item>
<el-dropdown-menu
slot=
"dropdown"
>
</el-dropdown-menu>
<el-dropdown-item
v-for=
"(item, i) in punishDateOptions"
:class=
" tenderDateValue && tenderDateValue == item.value ? 'color_text' : ''"
:key=
"i"
:command=
"item.value"
>
</div>
<div
@
mouseenter=
"hidePoper('bid')"
>
{{
item
.
label
}}
</div>
</el-dropdown>
</el-dropdown-item>
<el-dropdown
@
command=
"tenderDatehandleCommand"
trigger=
"click"
ref=
"tenderDateShowPopper"
:hide-on-click=
"false"
>
<el-dropdown-item
command=
"自定义"
style=
"padding: 0; text-indent: 20px"
>
<span
class=
"el-dropdown-link"
:class=
"tenderDateValue ? 'color_text' : ''"
>
开标时间
{{
tenderDateValue
?
" 1项"
:
""
}}
<i
class=
"el-icon-caret-bottom"
></i>
<div
@
mouseenter=
"mouseenter('bid')"
>
<span
:class=
"tenderDateValue == '自定义' ? 'color_text' : ''"
>
自定义
<i
class=
"el-icon-arrow-right"
></i></span>
</span>
<el-date-picker
<div>
v-if=
"tenderDateShowPopper"
<el-dropdown-menu
slot=
"dropdown"
>
@
change=
"changepunishDate('bid')"
<el-dropdown-item
v-for=
"(item, i) in punishDateOptions"
:class=
" tenderDateValue && tenderDateValue == item.value ? 'color_text' : ''"
:key=
"i"
:command=
"item.value"
>
class=
"land_date_picker"
<div
@
mouseenter=
"hidePoper('bid')"
>
{{
item
.
label
}}
</div>
v-model=
"tenderDate"
</el-dropdown-item>
ref=
"tenderDatePicker"
<el-dropdown-item
command=
"自定义"
style=
"padding: 0; text-indent: 20px"
>
value-format=
"yyyy-MM-dd"
<div
@
mouseenter=
"mouseenter('bid')"
>
type=
"daterange"
<span
:class=
"tenderDateValue == '自定义' ? 'color_text' : ''"
>
自定义
<i
class=
"el-icon-arrow-right"
></i></span>
range-separator=
"至"
<el-date-picker
start-placeholder=
"开始日期"
v-if=
"tenderDateShowPopper"
end-placeholder=
"结束日期"
@
change=
"changepunishDate('bid')"
>
class=
"land_date_picker"
</el-date-picker>
v-model=
"tenderDate"
</div>
ref=
"tenderDatePicker"
</el-dropdown-item>
value-format=
"yyyy-MM-dd"
</el-dropdown-menu>
type=
"daterange"
</div>
range-separator=
"至"
</el-dropdown>
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
</div>
>
</div>
</el-date-picker>
<div
class=
"content_item content_item_padding0"
>
</div>
<div
class=
"geduan"
>
</el-dropdown-item>
</el-dropdown-menu>
</div>
</div>
</div>
</el-dropdown>
<div
class=
"content_item content_item_padding0"
>
</div>
<div
class=
"land_content_wrap"
>
<div
class=
"search-new"
>
<span
class=
"land_content_wrap_label"
style=
"line-height:34px;"
>
参投单位
</span>
<span
@
click=
"search()"
>
查询
</span>
<el-input
style=
"margin-left:12px;"
v-model=
"jskBidQueryDto.companyName"
clearable
placeholder=
"请输入参投单位名称关键词"
>
</el-input>
<span
@
click=
"reset"
>
重置
</span>
</div>
</div>
<div
class=
"search-new"
style=
"padding: 16px 0px 16px 76px"
>
</div>
<span
@
click=
"search()"
>
查询
</span>
<span
@
click=
"reset"
>
重置
</span>
</div>
</div>
<div
class=
"data_list"
v-if=
"showList"
>
<div
class=
"bottomlist"
>
<div
style=
"height: 16px;width: 1200px;background: #F7F9FC;margin-left: -16px;"
></div>
<div
class=
"bottomlist-title"
>
<div
class=
"data_list_head"
>
<div></div>
共为您找到
<span
class=
"data_list_count"
>
{{
total
}}
</span>
条相关结果
<div
class=
"title-right"
>
<div
class=
"bottom-toolbar-right float_right"
style=
"padding-top: 1px;"
>
<p>
共有
{{
total
}}
条
</p>
<el-popover
v-model=
"fieldshow"
placement=
"bottom-end"
trigger=
"click"
popper-class=
"viewlist-el-popover"
>
<p>
<ul
class=
"pup_list"
>
<img
src=
"@/assets/images/EXCEL.png"
alt=
""
>
<li
v-for=
"(itme,i) in fieldOptions"
:class=
"itme.status?'active':''"
@
click=
"handsequencingList(i)"
:key=
"i"
>
<span>
导出EXCEL
</span>
{{
itme
.
value
}}
</p>
</li>
</div>
</ul>
<span
slot=
"reference"
class=
"toolbar-right-download"
style=
"width: auto;padding: 0px 8px;margin-right:4px;"
>
</div>
{{
fieldText
}}
<i
class=
"el-icon-caret-bottom"
:style=
"
{transform:fieldshow?'rotate(180deg)':''}">
</i>
<ul
class=
"bottomlist-content"
>
</span>
<li
class=
"bottomlist-list"
>
</el-popover>
<p
class=
"list-titel"
>
<span
size=
"small"
class=
"toolbar-right-download toolbar-right-download1"
@
click=
"search('','','isExport')"
>
<router-link
:to=
"'/radar/Establishment/details/'+ 1"
tag=
"a"
class=
"list-titel-a"
>
绿色节能型压缩机基础件、汽车零配件新建项目 (芜湖旭日机械制造有限公司)
</router-link>
导出数据
<!--
<div
v-else-if=
"item.projectName"
v-html=
"item.projectName"
></div>
-->
</span>
</p>
<div
class=
"content-label"
>
</div>
<span
class=
"list-label"
>
市政工程
</span>
</div>
</div>
<div
style=
"border-top:1px solid #efefef;padding-bottom:1px;width: 1200px;margin-left: -16px;"
v-if=
"total
<1
"
>
<div
class=
"search_empty_wrap"
>
<div
class=
"list-content"
>
<ul>
<p
class=
"list-content-text"
>
<li
class=
"search_empty_wrap_li search_empty_wrap_li1"
>
没有找到相关数据,您可尝试:
</li>
<span>
项目业主:
</span>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
输入更准确的关键词,重新搜索
</li>
<span
class=
"blue"
>
芜湖旭日机械制造有限公司
</span>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
尝试减少输入的关键词,增加搜索范围
</li>
</p>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
更换筛选条件,重新搜索
</li>
<p
class=
"list-content-text"
>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
联系客服进行反馈
<span>
400-023-5755
</span>
(工作日09:00-18:00)或
<span><nuxt-link
title=
"意见反馈"
:to=
"`/feedback/`"
target=
"_blank"
>
意见反馈
</nuxt-link></span></li>
<span>
审批部门:
</span>
</ul>
<span>
芜湖旭日
</span>
</div>
</p>
</div>
<p
class=
"list-content-text"
>
<span>
审批结果:
</span>
<div
v-else
>
<span>
12345.62万
</span>
<div
v-for=
"(item, index) in tableData"
class=
"data_list_item"
:key=
"index"
>
</p>
<nuxt-link
class=
"data_list_h1 data_list_h1_1"
:to=
"`/biz/tbjl/$
{item.id}.html`" target="_blank" :title="item.projectName.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')" v-if="item.id" v-html="item.projectName">
</nuxt-link>
<p
class=
"list-content-text"
>
<div
class=
"data_list_h1"
v-else
v-html=
"item.projectName"
></div>
<span>
审批结果:
</span>
<span>
2014-05-12
</span>
</p>
<div
class=
"label_box"
v-if=
"item.domicile"
>
<p
class=
"list-content-text"
>
<span
class=
"label_span label_span2"
>
{{
item
.
domicile
}}
</span>
<span>
总投资:
</span>
</div>
<span>
62654
</span>
<div
class=
"label_wrap"
>
</p>
<template
v-if=
"item.source"
>
<p
class=
"list-content-text"
>
<span
class=
"label_item"
>
来源网站:
</span>
<span>
计划开工日期:
</span>
<span
class=
"label_con"
v-html=
"item.source"
></span>
<span>
62654
</span>
</
template
>
</p>
<
template
v-if=
"item.tenderTime"
>
<p
class=
"list-content-text"
>
<span
class=
"label_item"
>
开标时间:
</span><span
class=
"label_con"
>
{{
item
.
tenderTime
}}
</span>
<span>
计划完工日期:
</span>
</
template
>
<span>
626
</span>
<
template
v-if=
"item.punishDate"
>
</p>
<span
class=
"label_item"
>
发布时间:
</span>
<p
class=
"list-content-text"
>
<span
class=
"label_con"
>
{{
item
.
punishDate
}}
</span>
<span>
是否为向民间推介项目:
</span>
</
template
>
<span>
62654
</span>
</div>
</p>
</div>
</div>
</div>
</div>
</li>
</div>
</ul>
<div
class=
"performance_pagination_wrap"
v-if=
"showList&&total>0"
>
<div
class=
"pagination clearfix"
v-show=
"total>0"
>
<Pagination
<el-pagination
v-if=
"pageFlag"
background
ref=
"page"
:page-size=
"pageSize"
:page=
'permissions.page'
:current-page=
"page"
@
handle-current-change=
"handleCurrentChange"
@
current-change=
"handleCurrentChange"
@
handle-size-change=
"handleSizeChange"
layout=
"prev, pager, next"
:total=
"total"
:total=
"total"
>
/>
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
...
@@ -276,9 +277,10 @@ export default {
...
@@ -276,9 +277,10 @@ export default {
pageFlag
:
true
,
pageFlag
:
true
,
conditionsArr
:
[],
conditionsArr
:
[],
showList
:
true
,
total
:
0
,
tableData
:[],
tableData
:[],
total
:
6000
,
page
:
1
,
pageSize
:
20
};
};
},
},
computed
:
{
computed
:
{
...
@@ -861,22 +863,228 @@ export default {
...
@@ -861,22 +863,228 @@ export default {
},
},
};
};
</
script
>
</
script
>
<
style
lang=
"scss"
>
<
style
lang=
"scss"
scoped
>
#bidRecord_wrap
{
.other_ipt
{
.content
{
width
:
174px
;
padding
:
0px
16px
;
height
:
34px
;
border-radius
:
4px
4px
4px
4px
;
.el-input__inner
{
background
:
#FFFFFF
;
.content_item
{
padding-top
:
12px
;
display
:
flex
;
align-items
:
center
;
.label
{
width
:
84px
;
font-size
:
14px
;
font-weight
:
400
;
color
:
rgba
(
35
,
35
,
35
,
0
.8
);
}
.content_right
{
.ename_input
{
width
:
640px
;
margin-right
:
20px
;
}
.land_ipt_470
{
width
:
640px
;
}
}
.item_ckquery_list
{
display
:
flex
;
}
.item_ckquery_list
.el-input__icon
{
position
:
relative
;
top
:
1px
;
}
.ckquery_list_right
{
width
:
640px
;
}
.register_count_ipt
{
margin-left
:
0px
;
}
.register_count_ipt
.el-input__inner
{
width
:
174px
;
width
:
174px
;
}
}
}
::v-deep
.el-input-group__prepend
{
.other_ipt1
{
width
:
187px
;
.el-input-group__append
{
padding
:
0
8px
;
padding
:
0
8px
;
}
}
.content-projecttype
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
.projecttype
{
font-weight
:
400
;
color
:
#232323
;
padding
:
1px
5px
;
margin-right
:
4px
;
cursor
:
pointer
;
border-radius
:
3px
3px
3px
3px
;
font-size
:
14px
;
}
.projecttype
:first-child
{
padding-left
:
0px
;
}
.projecttype
:hover
{
background
:
#F3F4F5
;
padding
:
1px
5px
;
}
.activetype
{
background
:
#F3F4F5
;
padding
:
1px
5px
!
important
;
}
}
}
.content_item_padding0
{
padding
:
0
;
}
}
}
}
.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
:
12px
;
.list-label
{
background
:
#F3F3FF
;
color
:
#8491E8
;
border-radius
:
1px
1px
1px
1px
;
padding
:
3px
7px
;
font-size
:
12px
;
}
}
.list-content
{
margin-top
:
8px
;
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
;
}
}
}
</
style
>
</
style
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
#bidRecord_wrap
{
#bidRecord_wrap
{
...
...
dsk-operate-ui/src/views/radar/components/Establishment/index.vue
View file @
a6889c07
...
@@ -1211,7 +1211,9 @@
...
@@ -1211,7 +1211,9 @@
},
},
};
};
</
script
>
</
script
>
<
style
lang=
"scss"
scoped
>
<
style
lang=
"scss"
scoped
>
.content
{
.content
{
padding
:
0px
16px
;
padding
:
0px
16px
;
border-radius
:
4px
4px
4px
4px
;
border-radius
:
4px
4px
4px
4px
;
...
...
dsk-operate-ui/src/views/radar/components/Tender/Select.vue
0 → 100644
View file @
a6889c07
<
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/components/Tender/index.vue
View file @
a6889c07
...
@@ -106,7 +106,7 @@
...
@@ -106,7 +106,7 @@
</el-option>
</el-option>
</el-select>
</el-select>
</div>
</div>
<el-dropdown
@
command=
"bidMoneyhandleCommand"
trigger=
"click"
ref=
"bidMoneyShowPopper"
:hide-on-click=
"false"
>
<el-dropdown
@
command=
"bidMoneyhandleCommand"
class=
"el-dropdown-land"
trigger=
"click"
ref=
"bidMoneyShowPopper"
:hide-on-click=
"false"
>
<span
class=
"el-dropdown-link"
:class=
" jskBidQueryDto.startBidMoney || jskBidQueryDto.endBidMoney? 'color_text' : ''"
>
<span
class=
"el-dropdown-link"
:class=
" jskBidQueryDto.startBidMoney || jskBidQueryDto.endBidMoney? 'color_text' : ''"
>
预算金额
{{
jskBidQueryDto
.
startBidMoney
||
jskBidQueryDto
.
endBidMoney
?
" 1项"
:
""
}}
预算金额
{{
jskBidQueryDto
.
startBidMoney
||
jskBidQueryDto
.
endBidMoney
?
" 1项"
:
""
}}
<i
class=
"el-icon-caret-bottom"
></i>
<i
class=
"el-icon-caret-bottom"
></i>
...
@@ -144,10 +144,10 @@
...
@@ -144,10 +144,10 @@
</el-dropdown>
</el-dropdown>
<div
class=
"select-popper"
>
<div
class=
"select-popper"
>
<span
:class=
"
{ color_text: jskBidQueryDto.source.length }">
<span
:class=
"
{ color_text: jskBidQueryDto.source.length }">
源网站
{{
jskBidQueryDto
.
source
.
length
?
jskBidQueryDto
.
source
.
length
+
"项"
:
""
}}
来
源网站
{{
jskBidQueryDto
.
source
.
length
?
jskBidQueryDto
.
source
.
length
+
"项"
:
""
}}
<i
class=
"el-icon-caret-bottom"
></i>
<i
class=
"el-icon-caret-bottom"
></i>
</span>
</span>
<
!--
<Select
ref=
"sourceNameSelect"
@
getSelectValue=
"getSourceName"
/>
--
>
<
Select
ref=
"sourceNameSelect"
@
getSelectValue=
"getSourceName"
/
>
</div>
</div>
<div
class=
"select-popper"
>
<div
class=
"select-popper"
>
<span
:class=
"
{ color_text: jskBidQueryDto.phonePoint.length }">
<span
:class=
"
{ color_text: jskBidQueryDto.phonePoint.length }">
...
@@ -175,146 +175,92 @@
...
@@ -175,146 +175,92 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div
class=
"bottomlist"
>
<div
id=
"tender_wrap"
>
<div
class=
"bottomlist-title"
>
<div
class=
"data_list"
v-if=
"false"
>
<p>
共有
{{
total
}}
条
</p>
<div
style=
"height: 16px;width: 1200px;background:#F7F9FC;margin-left: -16px;"
></div>
<p>
<div
class=
"data_list_head"
>
<img
src=
"@/assets/images/EXCEL.png"
alt=
""
>
共为您找到
<span
class=
"data_list_count"
>
{{
total
}}
</span>
条相关结果
<span>
导出EXCEL
</span>
<div
class=
"bottom-toolbar-right float_right"
style=
"position:relative;top:1px;"
>
</p>
<el-popover
v-model=
"fieldshow"
placement=
"bottom-end"
trigger=
"click"
</div>
popper-class=
"viewlist-el-popover"
>
<ul
class=
"bottomlist-content"
>
<ul
class=
"pup_list"
>
<li
class=
"bottomlist-list"
>
<li
v-for=
"(itme,i) in fieldOptions"
:class=
"itme.status?'active':''"
<p
class=
"list-titel"
>
@
click=
"handsequencingList(i)"
:key=
"i"
>
<router-link
:to=
"'/radar/Tender/details/'+ 1"
tag=
"a"
class=
"list-titel-a"
>
轨道交通13号线扩能提升工程
</router-link>
{{
itme
.
value
}}
</p>
</li>
</ul>
<div
class=
"content-label"
>
<span
slot=
"reference"
class=
"toolbar-right-download"
<span
class=
"list-label"
>
江西省-南昌市
</span>
style=
"width: auto;padding: 0px 8px;margin-right:4px;"
>
{{
fieldText
}}
<i
class=
"el-icon-caret-bottom"
:style=
"
{transform:fieldshow?'rotate(180deg)':''}">
</i>
</span>
</el-popover>
<span
size=
"small"
class=
"toolbar-right-download toolbar-right-download1"
@
click=
"search('','','isExport')"
>
导出数据
</span>
</div>
</div>
</div>
<div
style=
"border-top:1px solid #efefef;padding-bottom:1px;width: 1200px;margin-left: -16px;"
<div
class=
"list-content"
>
v-if=
"total
<1
"
>
<p
class=
"list-content-text"
>
<div
class=
"search_empty_wrap"
>
<span>
招采单位:
</span>
<ul>
<span
class=
"blue"
>
江西合胜合招标咨询有限公司
</span>
<li
class=
"search_empty_wrap_li search_empty_wrap_li1"
>
没有找到相关数据,您可尝试:
</li>
</p>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
输入更准确的关键词,重新搜索
</li>
<p
class=
"list-content-text"
>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
尝试减少输入的关键词,增加搜索范围
</li>
<span>
代理单位:
</span>
<li
class=
"search_empty_wrap_li"
><i
class=
"disc"
></i>
更换筛选条件,重新搜索
</li>
<span
class=
"blue"
>
江西合胜合招标咨询有限公司
</span>
<li
class=
"search_empty_wrap_li"
><i
</p>
class=
"disc"
></i>
联系客服进行反馈
<span>
400-023-5755
</span>
(工作日09:00-18:00)或
<span><nuxt-link
title=
"意见反馈"
:to=
"`/feedback/`"
target=
"_blank"
>
意见反馈
</nuxt-link></span></li>
</ul>
</div>
</div>
</div>
<div
class=
"list-content"
>
<div
v-else
>
<p
class=
"list-content-text"
>
<div
v-for=
"(item, index) in tableData"
class=
"data_list_item"
:key=
"index"
>
<span>
预算金款:
</span>
<nuxt-link
class=
"data_list_h1 data_list_h1_1"
:to=
"`/biz/bx/$
{deleteChar(item.id)}.html`"
<span>
123,456,78万元
</span>
target="_blank"
</p>
:title="item.projectName.replace(/
<font
color=
'#FF204E'
>
/g,'').replace(/
<
\/
font
>
/g,'')"
<p
class=
"list-content-text"
>
v-if="item.id
&&
item.projectName" v-html="item.projectName">
</nuxt-link>
<span>
联系方式:
</span>
<div
class=
"data_list_h1"
v-else-if=
"item.projectName"
v-html=
"item.projectName"
></div>
<span
>
招采单位 张工 123456789
</span>
<div
class=
"label_box"
v-if=
"
</p>
item.tenderStage ||
item.domicile ||
item.tenderingManner ||
item.projectType
"
>
<span
class=
"label_span label_span1"
v-if=
"item.tenderStage&&item.tenderStage!='其他'&&item.tenderStage!='空白'"
>
{{
item
.
tenderStage
}}
</span>
<span
class=
"label_span label_span2"
v-if=
"item.domicile"
>
{{
item
.
domicile
}}
</span>
<span
class=
"label_span label_span3"
v-if=
"item.tenderingManner&&item.tenderingManner!='其他'&&item.tenderingManner!='空白'"
>
{{
item
.
tenderingManner
}}
</span>
<span
class=
"label_span label_span3"
v-if=
"item.projectType&&item.projectType!='其他'&&item.projectType!='空白'"
>
{{
item
.
projectType
}}
</span>
</div>
<div
class=
"label_wrap"
v-if=
"item.companyName || item.agency"
>
<template
v-if=
"item.companyName"
>
<span
class=
"label_item"
>
招采单位:
</span>
</
template
>
<
template
v-if=
"item.agency"
>
<span
class=
"label_item"
>
代理单位:
</span>
</
template
>
</div>
<div
class=
"label_wrap"
v-if=
"item.bidMoney || item.agencyContactTel || item.contactTel"
>
<
template
v-if=
"item.bidMoney"
>
<span
class=
"label_item"
>
预算金额:
</span><span
class=
"label_con"
>
{{
item
.
bidMoney
}}
万元
</span>
</
template
>
<
template
v-if=
"item.contactTel || item.agencyContactTel"
>
<span
class=
"label_item"
>
联系方式:
</span><span
class=
"label_con"
>
<template
v-if=
"item.contactTel"
>
招采单位
{{
item
.
contact
}}
{{
item
.
contactTel
}}{{
item
.
contactTel
&&
item
.
agencyContactTel
?
";"
:
""
}}
</
template
>
<
template
v-if=
"item.agencyContactTel"
>
代理单位
{{
item
.
agencyContact
}}
{{
item
.
agencyContactTel
}}
</
template
>
</span>
</template>
</div>
<div
class=
"label_wrap"
v-if=
"item.contentInfo"
>
<span
class=
"label_item"
style=
"position:relative;top:-4px;"
>
正文内容:
</span><span
class=
"label_con label_con1"
v-html=
"item.contentInfo"
></span>
</div>
<div
class=
"label_wrap"
v-if=
"item.punishDate || item.overTime"
>
<
template
v-if=
"item.punishDate"
>
<span
class=
"label_item"
>
发布时间:
</span><span
class=
"label_con"
>
{{
item
.
punishDate
}}
</span>
</
template
>
<
template
v-if=
"item.overTime"
>
<span
class=
"label_item"
>
报名截止日期:
</span><span
class=
"label_con"
>
{{
item
.
overTime
}}
</span>
</
template
>
<
template
v-if=
"item.source"
>
<span
class=
"label_item"
>
来源网站:
</span>
<span
class=
"label_con"
>
{{
item
.
source
}}
</span>
<!--
<el-popover
placement=
"bottom"
trigger=
"hover"
:content=
"item.otherSourceText"
>
<span
slot=
"reference"
class=
"label_con label_con2"
>
<template
v-for=
"(item1,index) in item.otherSource"
>
{{
item1
.
sourceName
}}{{
index
==
item
.
otherSource
.
length
-
1
?
""
:
"、"
}}
</
template
>
</span>
</el-popover>
-->
</template>
</div>
</div>
</div>
</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
class=
"pagination clearfix"
v-show=
"total>0"
>
<el-pagination
background
:page-size=
"pageSize"
:current-page=
"page"
@
current-change=
"handleCurrentChange"
layout=
"prev, pager, next"
:total=
"total"
>
</el-pagination>
</div>
</div>
</div>
</div>
</div>
</div>
</
template
>
</
template
>
<
script
>
<
script
>
// import Select from "@/components/businessOpportunities
/Select.vue";
import
Select
from
".
/Select.vue"
;
import
jsk_data
from
'../../../../../public/jsk.json'
;
import
jsk_data
from
'../../../../../public/jsk.json'
;
export
default
{
export
default
{
name
:
'Tender'
,
name
:
'Tender'
,
components
:
{
components
:
{
//
Select
Select
},
},
data
()
{
data
()
{
...
@@ -1308,7 +1254,8 @@
...
@@ -1308,7 +1254,8 @@
}
}
.content-label
{
.content-label
{
margin-top
:
7px
;
margin-top
:
12px
;
margin-bottom
:
4px
;
.list-label
{
.list-label
{
background
:
#F3F3FF
;
background
:
#F3F3FF
;
...
@@ -1319,6 +1266,16 @@
...
@@ -1319,6 +1266,16 @@
font-size
:
12px
;
font-size
:
12px
;
}
}
.list-label-zb
{
font-weight
:
400
;
color
:
#5A88F9
;
background
:
#E7EDFC
;
}
.list-label-lx
{
font-weight
:
400
;
color
:
#41A1FD
;
background
:
#E4F3FD
;
}
}
}
...
...
dsk-operate-ui/src/views/radar/index.vue
View file @
a6889c07
...
@@ -23,6 +23,8 @@
...
@@ -23,6 +23,8 @@
<bxprozbgg
v-if=
"personnelHerf=='bxprozbgg'"
/>
<bxprozbgg
v-if=
"personnelHerf=='bxprozbgg'"
/>
<!-- 公招标讯 -->
<!-- 公招标讯 -->
<Tender
v-if=
"personnelHerf=='Tender'"
/>
<Tender
v-if=
"personnelHerf=='Tender'"
/>
<!-- 开标记录 -->
<BidRecord
v-if=
"personnelHerf=='BidRecord'"
/>
...
@@ -34,11 +36,12 @@
...
@@ -34,11 +36,12 @@
import
Establishment
from
"./components/Establishment/index.vue"
;
import
Establishment
from
"./components/Establishment/index.vue"
;
import
bxprozbgg
from
"./components/bxprozbgg/index.vue"
;
import
bxprozbgg
from
"./components/bxprozbgg/index.vue"
;
import
Tender
from
"./components/Tender/index.vue"
;
import
Tender
from
"./components/Tender/index.vue"
;
import
BidRecord
from
"./components/BidRecord/index.vue"
;
import
"@/assets/styles/public.css"
;
import
"@/assets/styles/public.css"
;
export
default
{
export
default
{
name
:
'radar'
,
name
:
'radar'
,
components
:
{
debtProject
,
Land
,
Establishment
,
bxprozbgg
,
Tender
},
components
:
{
debtProject
,
Land
,
Establishment
,
bxprozbgg
,
Tender
,
BidRecord
},
data
()
{
data
()
{
return
{
return
{
// tablist
// tablist
...
@@ -79,7 +82,7 @@
...
@@ -79,7 +82,7 @@
},
},
{
{
key
:
'
KeyPersonnel
'
,
key
:
'
BidRecord
'
,
status
:
false
,
status
:
false
,
value
:
'开标记录'
,
value
:
'开标记录'
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment