Skip to content

D
dsk-cr20g
Commit 553b5cb9 authored by danfuman's avatar danfuman
Browse files
Options

修改

parent 3e96fbe3
Hide whitespace changes
Inline Side-by-side
Showing with 429 additions and 271 deletions
dsk-operate-ui/src/views/macro/policyInquiry/detail.vue 0 → 100644
View file @ 553b5cb9
<template>
<!--<no-ssr>-->
<div class="public-policyInquiry">
<div class="search-content">
<div class="content_wrap">
<div class="land_content_wrap">
<span class="label">关键字</span>
<div class="search-input">
<el-input class="commonly-input" v-model="queryParams.title" style="width: 382px;border-radius:4px;"
placeholder="请输入关键字">
</el-input>
<i class="icon el-icon-search"></i>
</div>
<el-checkbox-group v-model="checkList">
<el-checkbox label="标题名称"></el-checkbox>
<el-checkbox label="政策名称"></el-checkbox>
<el-checkbox label="发文机关"></el-checkbox>
</el-checkbox-group>
</div>
<div class="land_content_wrap">
<span class="label">信息类型</span>
<el-checkbox-group v-model="checkList1">
<el-checkbox label="政策文件"></el-checkbox>
<el-checkbox label="政策解读"></el-checkbox>
</el-checkbox-group>
</div>
<div class="land_content_wrap">
<span class="label">公文种类</span>
<el-checkbox-group v-model="checkList2">
<el-checkbox v-for="item in gwList" :label="item.name">{{item.name}}</el-checkbox>
</el-checkbox-group>
</div>
<div class="land_content_wrap">
<span class="label">来源网站</span>
<el-select
v-model="lyList"
multiple
style="width: 382px;"
collapse-tags
placeholder="请选择来源网站名称">
<el-option
v-for="item in lyData"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="land_content_wrap">
<span class="label">发布日期</span>
<el-date-picker
v-model="time"
style="width: 382px;"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
<el-radio-group v-model="radio">
<el-radio label="1">包含发布日期未公示</el-radio>
</el-radio-group>
</div>
</div>
<div class="search-btn">
<span>查询</span>
<span>重置</span>
</div>
</div>
<div class="list-container">
<div class="list-count">
<span class="total">共 162 条</span>
<el-dropdown trigger="click" @command="changeOrder" class="list-sort-btn">
<span class="el-dropdown-link">
{{orderText}}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="默认排序">默认排序</el-dropdown-item>
<el-dropdown-item command="时间由近到远">时间由近到远</el-dropdown-item>
<el-dropdown-item command="时间由远到近">时间由远到近</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<!--<div class="item-jf1" v-if="dataList.length==0">-->
<!--<img class="item-jf-img" src="@/assets/images/kong.png" alt="">-->
<!--<div class="item-jf-titel">抱歉，没找到相关数据！</div>-->
<!--<div class="item-jf-text">建议调整关键词或筛选条件，重新搜索！</div>-->
<!--</div>-->
<div class="list-box">
<div class="item">
<h3>土地整治首重科学规划——国务院47号文件解读</h3>
<div class="cont-box">
<p>来源网站：<span>贵州省人民政府招标中标公示网</span></p>
<p>发文机关：<span>给贵州省人民政府</span></p>
<p>信息类型：<span>政策解读</span></p>
<p>公文种类：<span>公告</span></p>
<p>发布日期：<span>2024-01-05</span></p>
<p>成交日期：<span>2024-01-08</span></p>
<p>实施日期：<span>2024-01-25</span></p>
</div>
</div>
</div>
</div>
</div>
<!--</no-ssr>-->
</template>
<script>
export default {
name: "searchPolicyInquiry",
components:{},
data() {
return{
queryParams:{
},
checkList:['标题名称','政策名称'],
checkList1:[],
checkList2:[],
gwList:[
{
value:'通知',
name:'通知'
},
{
value:'意见',
name:'意见'
},
{
value:'批复',
name:'批复'
},
{
value:'公告',
name:'公告'
},
{
value:'决定',
name:'决定'
},
{
value:'通告',
name:'通告'
},
{
value:'报告',
name:'报告'
},
{
value:'通报',
name:'通报'
},
{
value:'命令（令）',
name:'命令（令）'
},
{
value:'公报',
name:'公报'
},
{
value:'请示',
name:'请示'
},
{
value:'决议',
name:'决议'
},
{
value:'议案',
name:'议案'
},
{
value:'函',
name:'函'
},
{
value:'纪要',
name:'纪要'
},
{
value:'未公示',
name:'未公示'
},
],
lyData:[],
lyList:[],
time:'',
radio:'',
orderText: '默认排序',
desc: 'desc', //查询结果排序方式
dataList:[]
}
},
created() {
},
mounted() {
},
methods: {
changeOrder(command) {
this.orderText = command;
if (command == '时间由远到近') {
this.desc = 'asc';
} else {
this.desc = 'desc';
}
// this.search();
},
}
}
</script>
<!--<style lang="less" scoped>-->
<style lang="scss" scoped>
.public-policyInquiry{
width: 100%;
height: 100%;
overflow: hidden;
background: #f5f5f5;
.search-content{
width: calc(100% - 228px);
color: #333333;
}
.search-content {
width: 100%;
height: 302px;
background: #FFFFFF;
/*margin: 0 auto;*/
margin: 24px;
padding: 16px;
.content_wrap{
border-bottom: 1px solid #DCDFE6;
}
.search-btn{
span{
width: 60px;
height: 32px;
border-radius: 4px;
line-height: 32px;
text-align: center;
display: inline-block;
margin-top: 12px;
color: #606266;
border: 1px solid #DCDFE6;
font-size: 14px;
cursor: pointer;
}
}
.search-btn span:first-child {
background: #0089ff;
margin-right: 12px;
color: #FFFFFF;
border: 1px solid #0089ff;
&:hover {
background: #0080ff;
}
}
}
.land_content_wrap{
display: flex;
line-height:34px;
margin-bottom: 12px;
height:34px;
::v-deep .el-radio{
line-height: 34px;
margin-left: 24px;
}
::v-deep .el-input__inner{
line-height: 34px;
height: 34px;
}
.label{
width: 80px;
padding-right: 12px;
text-align: right;
color: #303133;
font-size: 14px;
}
.search-input{
position:relative;
margin-right: 24px;
width: 390px;
.icon{
position: absolute;
right: 20px;
top: 9px;
color: #A8ABB2;
}
}
}
.list-container{
width: 100%;
background: #FFFFFF;
margin: 24px;
.item-jf1 {
text-align: center;
padding: 40px 0px;
box-sizing: border-box;
}
::v-deep .list-count {
height: 54px;
padding: 0px 16px;
border-bottom: 1px solid #DCDFE6;
.total {
color: #3d3d3d;
font-size: 12px;
position: relative;
padding-left: 6px;
line-height: 54px;
&::before {
content: "";
position: absolute;
width: 2px;
height: 2px;
background: rgba(35, 35, 35, 0.4);
border-radius: 50%;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
}
.list-sort-btn {
color: rgba(35, 35, 35, 0.8);
height: 30px;
margin-top: 12px;
margin-left: 16px !important;
color: #232323;
font-size: 14px;
padding-top: 4px;
box-sizing: border-box;
.el-icon-arrow-down {
margin-left: 8px !important;
}
}
}
.item{
padding:12px 16px;
h3{
color: #303133;
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 0 0 12px 0;
}
.cont-box{
/*display: flex;*/
p{
color: #909399;
font-size: 14px;
line-height: 22px;
margin-bottom: 8px;
margin-right: 24px;
margin-top: 0;
display: inline-block;
span{
color: #303133;
}
}
}
}
}
}
</style>
dsk-operate-ui/src/views/macro/policyInquiry/index.vue
View file @ 553b5cb9
<template>
<!--<no-ssr>-->
<div class="public-policyInquiry">
<div class="search-content">
<div class="content_wrap">
<div class="land_content_wrap">
<span class="label">关键字</span>
<div class="search-input">
<el-input class="commonly-input" v-model="queryParams.title" style="width: 382px;border-radius:4px;"
placeholder="请输入关键字">
</el-input>
<i class="icon el-icon-search"></i>
</div>
<el-checkbox-group v-model="checkList">
<el-checkbox label="标题名称"></el-checkbox>
<el-checkbox label="政策名称"></el-checkbox>
<el-checkbox label="发文机关"></el-checkbox>
</el-checkbox-group>
</div>
<div class="land_content_wrap">
<span class="label">信息类型</span>
<el-checkbox-group v-model="checkList1">
<el-checkbox label="政策文件"></el-checkbox>
<el-checkbox label="政策解读"></el-checkbox>
</el-checkbox-group>
</div>
<div class="land_content_wrap">
<span class="label">公文种类</span>
<el-checkbox-group v-model="checkList2">
<el-checkbox v-for="item in gwList" :label="item.name">{{item.name}}</el-checkbox>
</el-checkbox-group>
</div>
<div class="land_content_wrap">
<span class="label">来源网站</span>
<el-select
v-model="lyList"
multiple
style="width: 382px;"
collapse-tags
placeholder="请选择来源网站名称">
<el-option
v-for="item in lyData"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
<div class="land_content_wrap">
<span class="label">发布日期</span>
<el-date-picker
v-model="time"
style="width: 382px;"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
<el-radio-group v-model="radio">
<el-radio label="1">包含发布日期未公示</el-radio>
</el-radio-group>
<div class="policyInquiry-detail">
<div class="detail-main">
<h3>土地整治首重科学规划——国务院47号文件解读</h3>
<div class="main-box">
<p>政策名称：<span>土地整治首重科学规划——国务院47号文件</span></p>
<p>信息类型：<span>政策解读</span></p>
<p>公文种类：<span>公告</span></p>
<p>发文机关：<span>贵州省人民政府</span></p>
<p>发文字号：<span>闽政文〔2012〕121号</span></p>
<p>索引号：<span>2024-闽政文〔2012〕121-25</span></p>
<p>成交日期：<span>2024-01-05</span></p>
<p>发布日期：<span>2024-01-05</span></p>
<p>实施日期：<span>2024-01-25</span></p>
<p>废止日期：<span>2024-01-08</span></p>
<p>来源网站：<span>贵州省人民政府招标中标公示网</span></p>
<p>初始来源：<span>贵州省统计局</span></p>
</div>
</div>
<div class="search-btn">
<span>查询</span>
<span>重置</span>
</div>
</div>
<div class="table-list-container">
<div class="list-count">
<span class="total">共 162 条</span>
<el-dropdown trigger="click" @command="changeOrder" class="list-sort-btn">
<span class="el-dropdown-link">
{{orderText}}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="默认排序">默认排序</el-dropdown-item>
<el-dropdown-item command="时间由近到远">时间由近到远</el-dropdown-item>
<el-dropdown-item command="时间由远到近">时间由远到近</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<div class="zw-content">
<div class="title">
<span>原文信息</span>
<span>原文链接</span>
</div>
<div class="content-box"></div>
</div>
</div>
</div>
<!--</no-ssr>-->
</template>
......@@ -93,84 +35,7 @@
components:{},
data() {
return{
queryParams:{
},
checkList:['标题名称','政策名称'],
checkList1:[],
checkList2:[],
gwList:[
{
value:'通知',
name:'通知'
},
{
value:'意见',
name:'意见'
},
{
value:'批复',
name:'批复'
},
{
value:'公告',
name:'公告'
},
{
value:'决定',
name:'决定'
},
{
value:'通告',
name:'通告'
},
{
value:'报告',
name:'报告'
},
{
value:'通报',
name:'通报'
},
{
value:'命令（令）',
name:'命令（令）'
},
{
value:'公报',
name:'公报'
},
{
value:'请示',
name:'请示'
},
{
value:'决议',
name:'决议'
},
{
value:'议案',
name:'议案'
},
{
value:'函',
name:'函'
},
{
value:'纪要',
name:'纪要'
},
{
value:'未公示',
name:'未公示'
},
],
lyData:[],
lyList:[],
time:'',
radio:'',
orderText: '默认排序',
desc: 'desc', //查询结果排序方式
}
},
created() {
......@@ -180,139 +45,64 @@
},
methods: {
changeOrder(command) {
this.orderText = command;
if (command == '时间由远到近') {
this.desc = 'asc';
} else {
this.desc = 'desc';
}
// this.search();
},
}
}
</script>
<!--<style lang="less" scoped>-->
<style lang="scss" scoped>
.public-policyInquiry{
.policyInquiry-detail{
width: 100%;
height: 100%;
overflow: hidden;
background: #f5f5f5;
.search-content{
width: calc(100% - 228px);
color: #333333;
}
.search-content {
.detail-main{
width: 100%;
height: 302px;
background: #FFFFFF;
/*margin: 0 auto;*/
margin: 24px;
padding: 16px;
.content_wrap{
border-bottom: 1px solid #DCDFE6;
}
.search-btn{
span{
width: 60px;
height: 32px;
border-radius: 4px;
line-height: 32px;
text-align: center;
display: inline-block;
margin-top: 12px;
color: #606266;
border: 1px solid #DCDFE6;
font-size: 14px;
cursor: pointer;
}
}
.search-btn span:first-child {
background: #0089ff;
margin-right: 12px;
color: #FFFFFF;
border: 1px solid #0089ff;
&:hover {
background: #0080ff;
}
}
}
.land_content_wrap{
display: flex;
line-height:34px;
margin-bottom: 12px;
height:34px;
::v-deep .el-radio{
line-height: 34px;
margin-left: 24px;
}
::v-deep .el-input__inner{
line-height: 34px;
height: 34px;
}
.label{
width: 80px;
padding-right: 12px;
text-align: right;
padding: 16px 16px 8px 16px;
margin-bottom: 16px;
h3{
color: #303133;
font-size: 14px;
font-size: 16px;
font-weight: bold;
line-height: 24px;
margin: 0 0 12px 0;
}
.search-input{
position:relative;
margin-right: 24px;
width: 390px;
.icon{
position: absolute;
right: 20px;
top: 9px;
color: #A8ABB2;
.main-box{
/*display: flex;*/
p{
color: #909399;
font-size: 14px;
line-height: 22px;
margin-bottom: 8px;
margin-right: 24px;
margin-top: 0;
display: inline-block;
span{
color: #303133;
}
}
}
}
.table-list-container{
.zw-content{
width: 100%;
background: #FFFFFF;
margin: 24px;
::v-deep .list-count {
height: 54px;
padding: 0px 16px;
.total {
color: #3d3d3d;
font-size: 12px;
position: relative;
padding-left: 6px;
line-height: 54px;
&::before {
content: "";
position: absolute;
width: 2px;
height: 2px;
background: rgba(35, 35, 35, 0.4);
border-radius: 50%;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
}
.list-sort-btn {
color: rgba(35, 35, 35, 0.8);
height: 30px;
margin-top: 12px;
margin-left: 16px !important;
color: #232323;
font-size: 14px;
padding-top: 4px;
box-sizing: border-box;
.el-icon-arrow-down {
margin-left: 8px !important;
}
}
padding: 16px;
.title{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 22px;
line-height: 22px;
font-size: 14px;
}
.content-box{
border: 1px solid #DCDFE6;
border-radius: 4px;
min-height: 576px;
margin-top: 12px;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment