WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改搜索中心的细节

Browse Source
This commit is contained in:
qq787203167
2022-02-21 11:19:50 +08:00
parent b6f2cb6909
commit 5865b6a3b5
1 changed files with 326 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/documentTools/searchCenter/index.vue
+326 -270
View File
@@ -4,12 +4,12 @@
<div class="search-center-wrap"> <div class="search-center-wrap">
<div class="search-detail"> <div class="search-detail">
<div class="search-detail-wrap"> <div class="search-detail-wrap">
<!-- <div class="search-detail-title">搜索内容</div>--> <!-- <div class="search-detail-title">搜索内容</div>-->
<!-- <a-input placeholder="请输入搜索内容" />--> <!-- <a-input placeholder="请输入搜索内容" />-->
<!-- <a-button type="primary">搜索</a-button>--> <!-- <a-button type="primary">搜索</a-button>-->
<!-- <a-button>清空</a-button>--> <!-- <a-button>清空</a-button>-->
<a-input-group compact v-if="showList" :style="{width:'500px',marginBottom:'15px'}"> <a-input-group compact v-if="showList">
<a-select default-value="Option1"> <a-select default-value="Option1">
<a-select-option value="Option1"> <a-select-option value="Option1">
标题 标题
@@ -18,7 +18,6 @@
Option2 Option2
</a-select-option> </a-select-option>
</a-select> </a-select>
<!-- <a-input style="width: 70%" allowClear default-value="input content" />-->
<a-input-search <a-input-search
allowClear allowClear
style="width: 70%" style="width: 70%"
@@ -29,40 +28,25 @@
<a-input-search <a-input-search
v-else v-else
allowClear allowClear
:style="{width:'500px',marginBottom:'15px'}"
placeholder="请输入搜索内容" placeholder="请输入搜索内容"
@search="onSearch" @search="onSearch"
></a-input-search> ></a-input-search>
<!-- <a-button @click="searchReset(1)" style="margin-left: 20px" icon="redo">重置</a-button>--> <!-- <a-button @click="searchReset(1)" style="margin-left: 20px" icon="redo">重置</a-button>-->
<!-- <a href="javascript:;">结果中检索</a>--> <!-- <a href="javascript:;">结果中检索</a>-->
</div> </div>
</div> </div>
<div class="search-center-content"> <div class="search-center-content">
<div class="search-con-header"> <div class="search-con-header">
<div class="search-header-left"> <div class="search-header-left">
<!-- <span>搜索模块</span>--> <a-tabs default-active-key="全部" @change="callback">
<a-tabs style="width:1276px" default-active-key="1" @change="callback">
<a-tab-pane key="全部" tab="全部"></a-tab-pane> <a-tab-pane key="全部" tab="全部"></a-tab-pane>
<a-tab-pane key="文档库" tab="文档库" force-render> <a-tab-pane key="文档库" tab="文档库" force-render>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key="知识问题库" tab="知识问题库"></a-tab-pane> <a-tab-pane key="知识问题库" tab="知识问题库"></a-tab-pane>
<a-tab-pane key="文档对比库" tab="文档对比库"></a-tab-pane> <a-tab-pane key="文档对比库" tab="文档对比库"></a-tab-pane>
<a-tab-pane key="周报" tab="周报"></a-tab-pane> <a-tab-pane key="周报" tab="周报"></a-tab-pane>
</a-tabs> </a-tabs>
<!-- <span class="search-header-item" v-for="item in options"-->
<!-- :class="{'search-header-item-active':selectOption.indexOf(item.value) !== -1 }"-->
<!-- @click="selectModel(item.value)"-->
<!-- >{{item.value}}</span>-->
</div> </div>
<!-- <div class="search-header-right" v-if="showList">-->
<!--&lt;!&ndash; <a-icon type="appstore" />&ndash;&gt;-->
<!-- <a-icon :type="item.type" v-for="item in listOption" class="header-list"-->
<!-- :class="{'header-list-active':selectList.indexOf(item.value) !== -1 }"-->
<!-- @click="selectListModel(item.value)"-->
<!-- ></a-icon>-->
<!-- </div>-->
</div> </div>
<div class="search-con-text"> <div class="search-con-text">
<div class="search-text-wrap"> <div class="search-text-wrap">
@@ -70,7 +54,8 @@
<div class="text-left-wrap"> <div class="text-left-wrap">
<div class="text-left-select" v-for="item in searchOption" :key="item.id"> <div class="text-left-select" v-for="item in searchOption" :key="item.id">
<span class="text-sel">{{item.value}}</span> <span class="text-sel">{{item.value}}</span>
<a-select class="text-select" :default-value="item.option[0].value" style="width: 120px" @change="handleChange"> <a-select class="text-select" :default-value="item.option[0].value" style="width: 120px"
@change="handleChange">
<a-select-option v-for="opt in item.option" :value="opt.value"> <a-select-option v-for="opt in item.option" :value="opt.value">
{{opt.value}} {{opt.value}}
</a-select-option> </a-select-option>
@@ -78,11 +63,11 @@
</div> </div>
<div class="text-left-date"> <div class="text-left-date">
<span class="data-fb">发布日期</span> <span class="data-fb">发布日期</span>
<a-date-picker @change="onChange" /> <a-date-picker @change="onChange"/>
</div> </div>
<div class="text-left-date"> <div class="text-left-date">
<span class="data-fb">标准实施日期</span> <span class="data-fb">标准实施日期</span>
<a-date-picker @change="onChange" /> <a-date-picker @change="onChange"/>
</div> </div>
</div> </div>
</div> </div>
@@ -108,32 +93,39 @@
:data-source="tableData" :data-source="tableData"
:row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
:columns="columns" :columns="columns"
> >
<!-- 字符串超长截取省略号显示--> <!-- 字符串超长截取省略号显示-->
<span slot="templateContent" slot-scope="text"> <span slot="templateContent" slot-scope="text">
<j-ellipsis :value="text" :length="25" /> <j-ellipsis :value="text" :length="25"/>
</span> </span>
</a-table> </a-table>
<ul v-if="!searchShow"> <ul v-if="!searchShow">
<li v-for="item in conList" :key="item.id"> <a-checkbox-group v-model="checkboxText" style="margin-top: 20px;">
<a-checkbox @change="onChangecheck" style="margin-top: 20px;"> <li v-for="item in conList" :key="item.id">
<div :class="{ 'null-input':isNullInput, 'no-null-input':!isNullInput}" style="margin-top: -67px;margin-left: 45px;padding: 24px;"> <div style="margin-top: -67px;
<div class="text-header"> margin-bottom: 10px;
<span>{{item.type}}</span> padding: 24px 24px 24px 0;position: relative">
<span>{{item.number}}</span> <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>
<span>{{item.title}}</span> <div class="text-text-right"
@click="checkedClick(item)"
:class="{ 'null-input':item.checked }">
<div class="text-header">
<span>{{item.type}}</span>
<span>{{item.number}}</span>
<span>{{item.title}}</span>
</div>
<div class="text-content">
{{item.content}}
</div>
</div>
</div> </div>
<div class="text-content"> </li>
{{item.content}} </a-checkbox-group>
</div> </ul>
</div> <a-pagination size="small" :total="50" class="paginationbox" :show-total="total => `总共 ${total} 条`"
</a-checkbox> show-size-changer show-quick-jumper/>
</div>
</li>
</ul>
<a-pagination size="small" :total="50" class="paginationbox" :show-total="total => `总共 ${total} 条`" show-size-changer show-quick-jumper />
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -146,376 +138,411 @@
<script> <script>
export default { export default {
name: 'searchCenter', name: 'searchCenter',
data(){ data() {
return{ return {
selectedRowKeys:[], selectedRowKeys: [],
isNullInput:false, isNullInput: false,
columns: [ columns: [
{ {
title: '编号', title: '编号',
align: "center", align: 'center',
dataIndex: 'templateCode' dataIndex: 'templateCode'
}, },
{ {
title: '标题', title: '标题',
align: "center", align: 'center',
dataIndex: 'templateName' dataIndex: 'templateName'
}, },
{ {
title: '文件名称', title: '文件名称',
align: "center", align: 'center',
dataIndex: 'templateContent', dataIndex: 'templateContent'
}, },
{ {
title: '状态', title: '状态',
align: "center", align: 'center',
dataIndex: 'templateContent', dataIndex: 'templateContent',
sorter: (a, b) => a.age - b.age, sorter: (a, b) => a.age - b.age
}, },
{ {
title: '适用地区', title: '适用地区',
align: "center", align: 'center',
dataIndex: 'templateContent', dataIndex: 'templateContent',
sorter: (a, b) => a.age - b.age, sorter: (a, b) => a.age - b.age
}, },
{ {
title: '功能领域', title: '功能领域',
align: "center", align: 'center',
dataIndex: 'templateContent', dataIndex: 'templateContent'
}, },
{ {
title: '技术领域', title: '技术领域',
align: "center", align: 'center',
dataIndex: 'templateContent', dataIndex: 'templateContent'
}, }
], ],
options:[ options: [
{ {
label:'all', label: 'all',
value:'全部' value: '全部'
}, },
{ {
label:'library', label: 'library',
value:'文档库' value: '文档库'
},{ }, {
label:'questions', label: 'questions',
value:'知识问题库' value: '知识问题库'
}, },
{ {
label:'contract', label: 'contract',
value:'文档对比库' value: '文档对比库'
},{ }, {
label:'report', label: 'report',
value: '法规月报' value: '法规月报'
} }
], ],
selectOption:'全部', selectOption: '全部',
showList:false, showList: false,
showbox:false, showbox: false,
listOption:[ listOption: [
{ {
label:'list', label: 'list',
value:'列表', value: '列表',
type:'appstore' type: 'appstore'
}, },
{ {
label:'graph', label: 'graph',
value:'段落', value: '段落',
type:'unordered-list' type: 'unordered-list'
} }
], ],
selectList:'列表', selectList: '列表',
conList:[ conList: [
{ {
id:1, id: 1,
type:'文档库', type: '文档库',
number:'GB20999-2019', number: 'GB20999-2019',
title:'内饰件阻燃特性', title: '内饰件阻燃特性',
content:'区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- ' content: '区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- '
}, },
{ {
id:2, id: 2,
type:'文档库', type: '文档库',
number:'GB20999-2019', number: 'GB20999-2019',
title:'内饰件阻燃特性', title: '内饰件阻燃特性',
content:'区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- ' content: '区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- '
}, },
{ {
id:3, id: 3,
type:'文档库', type: '文档库',
number:'GB20999-2019', number: 'GB20999-2019',
title:'内饰件阻燃特性', title: '内饰件阻燃特性',
content:'区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- ' content: '区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- '
}, },
{ {
id:4, id: 4,
type:'文档库', type: '文档库',
number:'GB20999-2019', number: 'GB20999-2019',
title:'内饰件阻燃特性', title: '内饰件阻燃特性',
content:'区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- ' content: '区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- '
}, },
{ {
id:5, id: 5,
type:'文档库', type: '文档库',
number:'GB20999-2019', number: 'GB20999-2019',
title:'内饰件阻燃特性', title: '内饰件阻燃特性',
content:'区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- ' content: '区域:东亚 国家/地区:中国 标准性质:-- 标准状态:现行 内容摘要: 标准文: 标准类别:-- 标准号: 1229导入-中国市场11-中国市场11 标准名称:1229导入-中国市场11 标准英文名称:Englist 发布日期:2021-12-26 实施日期:2021-12-30 新定型车实施日期:2021-12-26 新生产车实施日期:-- 注册登记车实施日期:-- 在产车实施日期:-- 适用认证:公告, 发布部门: 代替标准号:1229导入 被代替标准号:1229导入-中国市场11 采用国际标准号: 采标程度:-- 适用车型:M1,M2,M3, 能源种类:汽油,纯电, 起草单位: 起草人: 关键词: 备注:-- 责任部门:-- 所属专业领域:-- '
} }
], ],
searchOption:[ searchOption: [
{ {
id:1, id: 1,
label:'categary', label: 'categary',
value:'适用区域', value: '适用区域',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
}, },
{ {
id:2, id: 2,
label:'type', label: 'type',
value:'类别', value: '类别',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
}, },
{ {
id:3, id: 3,
label:'stand', label: 'stand',
value:'标准体系', value: '标准体系',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
}, },
{ {
id:4, id: 4,
label:'state', label: 'state',
value:'状态', value: '状态',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
}, },
{ {
id:5, id: 5,
label:'trial', label: 'trial',
value:'适用范围', value: '适用范围',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
}, },
{ {
id:6, id: 6,
label:'funArea', label: 'funArea',
value:'功能领域', value: '功能领域',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
}, },
{ {
id:7, id: 7,
label:'techArea', label: 'techArea',
value:'技术领域', value: '技术领域',
option:[ option: [
{ {
label:'china', label: 'china',
value:'中国', value: '中国'
}, },
{ {
label:'english', label: 'english',
value:'英国' value: '英国'
} }
] ]
} }
], ],
searchShow:false, searchShow: false,
checkboxText: []
} }
}, },
methods:{ watch: {
onChangecheck(value){ checkboxText: function(value) {
console.log(value) this.conList.forEach(val => {
console.log(`checked = ${value.target.checked}`) val.checked = false
if(`checked = ${value.target.checked}` == 'checked = true'){ })
this.isNullInput = true; if (value.length > 0) {
}else{ this.conList.forEach(val => {
this.isNullInput = false; value.forEach(res => {
if (res === val.id) {
val.checked = true
}
})
})
}
this.conList = [...this.conList]
}
},
methods: {
checkedClick(item) {
if (item.checked){
this.checkboxText = this.checkboxText.filter(res=>{
return res !== item.id
})
}else{
this.checkboxText.push(item.id)
}
console.log(this.checkboxText)
},
selectModel(value) {
this.selectOption = value
if (value == '文档库') {
this.showList = true
} else {
this.showList = false
} }
}, },
selectModel(value){ callback(key) {
this.selectOption=value
if(value=='文档库'){
this.showList=true
}else{
this.showList=false
}
},
callback(key){
console.log(key) console.log(key)
this.selectOption=key this.selectOption = key
// if(key =='全部' || key =='知识问题库' || key =='文档对比库' || key =='周报') { // if(key =='全部' || key =='知识问题库' || key =='文档对比库' || key =='周报') {
// this.showbox = true // this.showbox = true
// }else{ // }else{
// this.showbox = false // this.showbox = false
// this.showList=true // this.showList=true
// } // }
if(key=='文档库'){ if (key == '文档库') {
this.showList=true this.showList = true
}else{ } else {
this.showList=false this.showList = false
} }
if(key=='段落'){ if (key == '段落') {
this.searchShow=true this.searchShow = true
}else{ } else {
this.searchShow=false this.searchShow = false
} }
}, },
onSearch(){ onSearch() {
}, },
selectListModel(value){ selectListModel(value) {
this.selectList=value this.selectList = value
if(value=='段落'){ if (value == '段落') {
this.searchShow=true this.searchShow = true
}else{ } else {
this.searchShow=false this.searchShow = false
} }
}, },
handleChange(){ handleChange() {
}, },
onChange(date, dateString) { onChange(date, dateString) {
// console.log(date, dateString); // console.log(date, dateString);
}, }
} }
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.search-center{ .search-center {
background-color: #ffffff; /*background-color: #ffffff;*/
.null-input{
.null-input {
background-color: #F2F4F8; background-color: #F2F4F8;
} }
.no-null-input{ .no-null-input {
/*background-color: rgba(255, 255, 255, 0.8);*/
background-color: rgba(255, 255, 255, 0.8);
} }
.search-center-wrap{
.search-center-wrap {
margin: 10px; margin: 10px;
.search-detail{
.search-detail {
display: flex; display: flex;
//justify-content: center; //justify-content: center;
.search-detail-wrap{ .search-detail-wrap {
margin-top: 30px;
min-width: 800px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.search-detail-title{
.search-detail-title {
width: 120px; width: 120px;
margin-right: 10px; margin-right: 10px;
line-height: 32px; line-height: 32px;
} }
input{
input {
min-width: 300px; min-width: 300px;
margin-right: 30px; margin-right: 30px;
} }
button{
button {
margin-right: 20px; margin-right: 20px;
} }
a{
a {
width: 140px; width: 140px;
line-height: 32px; line-height: 32px;
} }
} }
} }
.search-center-content{
.search-con-header{ .search-center-content {
.search-con-header {
width: 100%;
padding: 10px 0; padding: 10px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.search-header-left{
span{ .search-header-left {
width: 100%;
span {
margin-right: 10px; margin-right: 10px;
padding: 4px 20px; padding: 4px 20px;
} }
.search-header-item:hover{
.search-header-item:hover {
color: #1890FF; color: #1890FF;
cursor: pointer; cursor: pointer;
} }
.search-header-item-active{
.search-header-item-active {
background: #1890FF; background: #1890FF;
border-radius: 15px; border-radius: 15px;
color:#ffffff; color: #ffffff;
} }
.search-header-item-active:hover{
color:#ffffff; .search-header-item-active:hover {
color: #ffffff;
} }
} }
} }
.search-con-text{
.search-text-wrap{ .search-con-text {
.search-text-wrap {
margin-top: -27px; margin-top: -27px;
background: #ffffff; /*background: #ffffff;*/
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
.text-left{
//border:1px solid #000; .text-left {
min-width: 290px; border-right: 1px solid #e8e8e8;
.text-left-wrap{ min-width: 310px;
padding: 0 10px;
box-sizing: border-box;
.text-left-wrap {
padding: 5px; padding: 5px;
.text-left-select{
.text-left-select {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 23px 0; margin: 23px 0;
line-height: 32px; line-height: 32px;
.text-sel{
.text-sel {
//span{ //span{
// float: right; // float: right;
//} //}
@@ -523,17 +550,20 @@
margin-right: 27px; margin-right: 27px;
min-width: 83px; min-width: 83px;
} }
.text-select{
.text-select {
flex: 1; flex: 1;
//margin-top: 10px; //margin-top: 10px;
} }
} }
.text-left-date{
.text-left-date {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
line-height: 32px; line-height: 32px;
margin: 23px 0; margin: 23px 0;
span.data-fb{
span.data-fb {
text-align: right; text-align: right;
margin-right: 26px; margin-right: 26px;
min-width: 84px; min-width: 84px;
@@ -541,58 +571,68 @@
} }
} }
} }
.text-right{
.text-right {
width: 100%; width: 100%;
position: relative; position: relative;
//border: 1px solid #000; margin-left: 16px;
margin-left: 10px;
.search-text-title{ .search-text-title {
padding: 16px 5px; padding: 16px 5px;
.search-header-right{
.search-header-right {
float: right; float: right;
margin-top: -2px; margin-top: -2px;
a-icon{
border: 1px solid rgba(0,0,0,0.65); a-icon {
border: 1px solid rgba(0, 0, 0, 0.65);
cursor: pointer; cursor: pointer;
padding: 2px 5px; padding: 2px 5px;
border-right: none; border-right: none;
} }
a-icon:last-child{
border-right: 1px solid rgba(0,0,0,0.65) ; a-icon:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.65);
} }
.header-list{
.header-list {
font-size: 20px; font-size: 20px;
border: 1px solid gray; border: 1px solid gray;
border-radius: 3px; border-radius: 3px;
padding: 3px; padding: 3px;
} }
.header-list:hover{
color:#00B3BE; .header-list:hover {
color: #00B3BE;
} }
.header-list-active{
border:1px solid #00B3BE; .header-list-active {
color:#00B3BE; border: 1px solid #00B3BE;
color: #00B3BE;
} }
.header-list-active:hover{
.header-list-active:hover {
color: gray; color: gray;
} }
} }
} }
.search-text-list{
.search-text-list {
ul { ul {
padding:10px; padding: 10px;
margin: 0; margin: 0;
li{
li {
list-style: none; list-style: none;
margin-bottom: 20px;
//background: #f6f6f6; //background: #f6f6f6;
//border: 1px solid #000000; //border: 1px solid #000000;
//border-radius: 10px; //border-radius: 10px;
padding: 10px; padding: 10px;
.text-header{
span{ .text-header {
span {
margin-right: 20px; margin-right: 20px;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
@@ -600,13 +640,15 @@
} }
} }
} }
.paginationbox{
.paginationbox {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
} }
} }
.ant-pagination{
.ant-pagination {
margin-bottom: 10px; margin-bottom: 10px;
} }
} }
@@ -615,4 +657,18 @@
} }
} }
} }
.checkbox-left {
float: left;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.text-text-right {
padding: 12px 20px;
box-sizing: border-box;
margin-left: 35px;
}
</style> </style>