|
|
|
@ -30,11 +30,9 @@
|
|
|
|
{{ item.companyAddress }}
|
|
|
|
{{ item.companyAddress }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="renyuan" v-if="item.resultList.length">
|
|
|
|
<div class="renyuan" v-if="item.resultList.length">
|
|
|
|
人员：<span v-for="(a, ind) in item.resultList" :key="ind" v-html="a"></span>
|
|
|
|
<span v-for="(a, ind) in item.resultList" :key="ind" v-html="a + ' '"></span>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="renyuan" v-if="item.legalPerson">
|
|
|
|
|
|
|
|
车辆：<span v-html="item.plateNo"></span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="block">
|
|
|
|
<div class="block">
|
|
|
|
<el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
|
|
|
|
<el-pagination style="float:right;margin:5px;" class="msg-pagination-container" :background="true"
|
|
|
|
@ -81,7 +79,9 @@ export default {
|
|
|
|
return this.modifiedText ? '' : 'el-icon-search'
|
|
|
|
return this.modifiedText ? '' : 'el-icon-search'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
mounted() {
|
|
|
|
mounted() {
|
|
|
|
|
|
|
|
this.resultList1 = this.resultList
|
|
|
|
this.checkKeyWords()
|
|
|
|
this.checkKeyWords()
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
@ -90,27 +90,27 @@ export default {
|
|
|
|
},
|
|
|
|
},
|
|
|
|
checkKeyWords() {
|
|
|
|
checkKeyWords() {
|
|
|
|
this.regex = new RegExp(this.modifiedText, "i")
|
|
|
|
this.regex = new RegExp(this.modifiedText, "i")
|
|
|
|
this.resultList1 = this.resultList.map(item => {
|
|
|
|
this.resultList1 = this.resultList1.map(item => {
|
|
|
|
if (item.companyName) {
|
|
|
|
if (item.companyName) {
|
|
|
|
item.companyName = item.companyName.replace(this.regex, '<span class="highlight">$&</span>')
|
|
|
|
item.companyName = item.companyName.replace(this.regex, '<span class="highlight">$&</span>')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (item.legalPerson) {
|
|
|
|
if (item.resultList.length) {
|
|
|
|
item.legalPerson = item.legalPerson.replace(this.regex, '<span class="highlight">$&</span>')
|
|
|
|
item.resultList = item.resultList.map((a) => {
|
|
|
|
}
|
|
|
|
return a = a.replace(this.regex, '<span class="highlight">$&</span>')
|
|
|
|
if (item.plateNo) {
|
|
|
|
});
|
|
|
|
item.plateNo = item.plateNo.replace(this.regex, '<span class="highlight">$&</span>')
|
|
|
|
// item.legalPerson = item.legalPerson.replace(this.regex, '<span class="highlight">$&</span>')
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return item
|
|
|
|
return item
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleSizeChange(val) {
|
|
|
|
handleSizeChange(val) {
|
|
|
|
console.log(`每页 ${val} 条`);
|
|
|
|
// console.log(`每页 ${val} 条`);
|
|
|
|
this.pageNum = 1;
|
|
|
|
this.pageNum = 1;
|
|
|
|
this.pageSize = val;
|
|
|
|
this.pageSize = val;
|
|
|
|
this.showResult(this.modifiedText)
|
|
|
|
this.showResult(this.modifiedText)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
handleCurrentChange(val) {
|
|
|
|
console.log(`当前页: ${val}`);
|
|
|
|
//console.log(`当前页: ${val}`);
|
|
|
|
this.pageNum = val;
|
|
|
|
this.pageNum = val;
|
|
|
|
this.showResult(this.modifiedText)
|
|
|
|
this.showResult(this.modifiedText)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -128,10 +128,10 @@ export default {
|
|
|
|
this.$message.warning('请输入要查询的关键词')
|
|
|
|
this.$message.warning('请输入要查询的关键词')
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
searchList({ searchValue: this.modifiedText, pageNum: this.pageNum, pageSize: this.pageSize }).then(res => {
|
|
|
|
searchList({ searchValue: this.modifiedText }).then(res => {
|
|
|
|
|
|
|
|
if (res.total || res.data.length) {
|
|
|
|
if (res.total || res.data.length) {
|
|
|
|
this.$set(this, 'resultList1', res.data)
|
|
|
|
this.$set(this, 'resultList1', res.data)
|
|
|
|
|
|
|
|
console.log(res.data, 'res.data');
|
|
|
|
console.log(this.resultList1, 'this.resultList1');
|
|
|
|
console.log(this.resultList1, 'this.resultList1');
|
|
|
|
this.total1 = res.total
|
|
|
|
this.total1 = res.total
|
|
|
|
//this.isShow = true
|
|
|
|
//this.isShow = true
|
|
|
|
@ -145,7 +145,6 @@ export default {
|
|
|
|
gethistoryList() {
|
|
|
|
gethistoryList() {
|
|
|
|
historyList().then((res) => {
|
|
|
|
historyList().then((res) => {
|
|
|
|
this.historyList1 = res.data
|
|
|
|
this.historyList1 = res.data
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -304,7 +303,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
|
|
.resultList {
|
|
|
|
.resultList {
|
|
|
|
width: 60%;
|
|
|
|
width: 60%;
|
|
|
|
height: 85%;
|
|
|
|
height: 78%;
|
|
|
|
margin-top: 60px;
|
|
|
|
margin-top: 60px;
|
|
|
|
background: #000;
|
|
|
|
background: #000;
|
|
|
|
background: url('~@/assets/companyFile/矩形备份 289981.png') no-repeat;
|
|
|
|
background: url('~@/assets/companyFile/矩形备份 289981.png') no-repeat;
|
|
|
|
@ -313,9 +312,58 @@ export default {
|
|
|
|
justify-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
overflow: auto;
|
|
|
|
overflow: auto;
|
|
|
|
cursor: pointer;
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.block {
|
|
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
right: 40%;
|
|
|
|
|
|
|
|
bottom: 25px;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 42px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-pagination.is-background .btn-next,
|
|
|
|
|
|
|
|
.el-pagination.is-background .btn-prev,
|
|
|
|
|
|
|
|
.el-pagination.is-background .el-pager li {
|
|
|
|
|
|
|
|
margin: 0 5px;
|
|
|
|
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
|
|
|
|
color: #eaeff7;
|
|
|
|
|
|
|
|
min-width: 30px;
|
|
|
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
|
|
border: 1px solid rgba(40, 132, 126, 1);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-input__inner {
|
|
|
|
|
|
|
|
// background: url('~@/assets/companyFile/2121.png') no-repeat;
|
|
|
|
|
|
|
|
background: url('~@/assets/companyFile/矩形备份 18.png') no-repeat;
|
|
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
border: 1px solid rgba(40, 132, 126, 1);
|
|
|
|
|
|
|
|
color: rgba(234, 246, 255, 0.7);
|
|
|
|
|
|
|
|
;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/deep/ .btn-prev {
|
|
|
|
|
|
|
|
margin: 0 5px;
|
|
|
|
|
|
|
|
background-color: rgba(255, 255, 255, 0);
|
|
|
|
|
|
|
|
color: #eaeff7;
|
|
|
|
|
|
|
|
min-width: 30px;
|
|
|
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
|
|
border: 1px solid rgba(40, 132, 126, 1);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// /deep/.el-select-dropdown {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// background-color: rgba(255, 255, 255, 0);
|
|
|
|
|
|
|
|
// background: url('~@/assets/companyFile/001.png') no-repeat;
|
|
|
|
|
|
|
|
// background-size: 100% 100%;
|
|
|
|
|
|
|
|
// border: 0;
|
|
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
width: 6px;
|
|
|
|
width: 6px;
|
|
|
|
|
|
|
|
|
|
|
|
@ -338,6 +386,7 @@ export default {
|
|
|
|
width: 95%;
|
|
|
|
width: 95%;
|
|
|
|
border-bottom: 1px solid #6C8097;
|
|
|
|
border-bottom: 1px solid #6C8097;
|
|
|
|
padding: 20px 0;
|
|
|
|
padding: 20px 0;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
|
|
p {
|
|
|
|
p {
|
|
|
|
|
|
|
|
|
|
|
|
|
lukeyan
2 years ago
