图片判断 默认智能算法
This commit is contained in:
parent
6539637031
commit
48971f001a
|
@ -39,6 +39,9 @@
|
|||
? 'yyzy'
|
||||
: !item.type
|
||||
? 'sjzy'
|
||||
: !item.infoList ||
|
||||
!item.infoList.filter((val) => val.attrType == '组件类型')[0]
|
||||
? 'znsf'
|
||||
: item.infoList &&
|
||||
item.infoList.filter((val) => val.attrType == '组件类型')[0]
|
||||
.attrValue == '智能算法'
|
||||
|
@ -618,340 +621,340 @@
|
|||
}
|
||||
</script>
|
||||
<style scoped lang="less">
|
||||
#search-result-list-container {
|
||||
width: 1088px;
|
||||
padding: 0 20px;
|
||||
background: #f3f5f9;
|
||||
#search-result-list-container {
|
||||
width: 1088px;
|
||||
padding: 0 20px;
|
||||
background: #f3f5f9;
|
||||
|
||||
.detail-content {
|
||||
// 超出
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 130px;
|
||||
display: inline-block;
|
||||
.detail-content {
|
||||
// 超出
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 130px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.shai-xuan {
|
||||
width: 1047px;
|
||||
height: 36px;
|
||||
// margin: 11px 0 20px;
|
||||
// background: #e5f2ff;
|
||||
// padding-left: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
.circle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background-color: #0087ff;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 16px;
|
||||
margin-right: 21px;
|
||||
}
|
||||
|
||||
.shai-xuan {
|
||||
width: 1047px;
|
||||
height: 36px;
|
||||
// margin: 11px 0 20px;
|
||||
// background: #e5f2ff;
|
||||
// padding-left: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
.result {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #212121;
|
||||
|
||||
.circle {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 50%;
|
||||
background-color: #0087ff;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 16px;
|
||||
margin-right: 21px;
|
||||
}
|
||||
|
||||
.result {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #212121;
|
||||
|
||||
span {
|
||||
font-size: 18px;
|
||||
color: #0087ff;
|
||||
}
|
||||
}
|
||||
|
||||
.condition {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 10px;
|
||||
|
||||
ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
|
||||
li {
|
||||
width: 90px;
|
||||
height: 12px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.arrow {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('~@/assets/newHome/arrow.png');
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.down {
|
||||
background: url('~@/assets/newHome/down.png');
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
span {
|
||||
font-size: 18px;
|
||||
color: #0087ff;
|
||||
}
|
||||
}
|
||||
|
||||
.result-list {
|
||||
width: 1048px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
|
||||
border-top: 1px rgba(150, 144, 144, 0.3) solid;
|
||||
padding: 10px 0;
|
||||
.condition {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 10px;
|
||||
|
||||
.item {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
ul li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
height: 110px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yyzy {
|
||||
background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.sjzy {
|
||||
background: url('~@/assets/home/sjzy_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.znsf {
|
||||
background: url('~@/assets/home/znsf_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.tcfw {
|
||||
background: url('~@/assets/home/tcfw_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.kfzj {
|
||||
background: url('~@/assets/home/kfzj_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.ywzj {
|
||||
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
li {
|
||||
width: 90px;
|
||||
height: 12px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 10px 0 0;
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
color: #212121;
|
||||
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
div {
|
||||
margin-right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-right:last-child {
|
||||
div {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
// color: #0087ff;
|
||||
}
|
||||
}
|
||||
|
||||
.dec {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
color: #0058e1;
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
|
||||
div {
|
||||
margin-right: 10px;
|
||||
background: rgba(0, 88, 225, 0.1);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
div:nth-child(3) {
|
||||
max-width: 200px;
|
||||
display: -webkit-box;
|
||||
/*设置为弹性盒子*/
|
||||
-webkit-line-clamp: 1;
|
||||
/*最多显示3行*/
|
||||
overflow: hidden;
|
||||
/*超出隐藏*/
|
||||
text-overflow: ellipsis;
|
||||
/*超出显示为省略号*/
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 14px;
|
||||
margin: 5px 0;
|
||||
|
||||
// .left {
|
||||
// width: 600px;
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
// flex-wrap: wrap;
|
||||
// & > div {
|
||||
// width: 300px;
|
||||
// & > span {
|
||||
// color: #0087ff;
|
||||
// font-weight: 600;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
.right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: 0 10px;
|
||||
align-items: center;
|
||||
|
||||
.shopping {
|
||||
span {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.shopping-on {
|
||||
background: url('~@/assets/newHome/shopping-on.png');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.shopping-down {
|
||||
background: url('~@/assets/newHome/shopping-down.png');
|
||||
}
|
||||
}
|
||||
|
||||
.pk-on {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
background: url('~@/assets/newHome/pk-on.png');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sc {
|
||||
// margin-top: 4px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.sc-down {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
background: url('~@/assets/newHome/sc-down.png');
|
||||
}
|
||||
|
||||
.sc-on {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
background: url('~@/assets/newHome/sc-on.png');
|
||||
}
|
||||
}
|
||||
|
||||
.ant-btn {
|
||||
background: transparent;
|
||||
background: #0058e1;
|
||||
color: white;
|
||||
width: 80px;
|
||||
height: 32px;
|
||||
font-weight: 600;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.ant-btn:last-child {
|
||||
background: #0058e1;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
& > div {
|
||||
margin: 0 10px;
|
||||
}
|
||||
.arrow {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background: url('~@/assets/newHome/arrow.png');
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.pingfen {
|
||||
:deep(span) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
:deep(ul) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
:deep(.ant-rate-star:not(:last-child)) {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.down {
|
||||
background: url('~@/assets/newHome/down.png');
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item:nth-of-type(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result-list {
|
||||
width: 1048px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: wrap;
|
||||
border-bottom: 1px rgba(150, 144, 144, 0.3) solid;
|
||||
border-top: 1px rgba(150, 144, 144, 0.3) solid;
|
||||
padding: 10px 0;
|
||||
|
||||
.item {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.left {
|
||||
display: inline-block;
|
||||
width: 120px;
|
||||
height: 110px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.yyzy {
|
||||
background: url('~@/assets/home/yyzy_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.sjzy {
|
||||
background: url('~@/assets/home/sjzy_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.znsf {
|
||||
background: url('~@/assets/home/znsf_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.tcfw {
|
||||
background: url('~@/assets/home/tcfw_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.kfzj {
|
||||
background: url('~@/assets/home/kfzj_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
.ywzj {
|
||||
background: url('~@/assets/home/ywzj_square.png') no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0 10px 0 0;
|
||||
|
||||
.header-right {
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
color: #212121;
|
||||
|
||||
span {
|
||||
font-size: 14px;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
div {
|
||||
margin-right: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
.header-right:last-child {
|
||||
div {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
// color: #0087ff;
|
||||
}
|
||||
}
|
||||
|
||||
.dec {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
color: #0058e1;
|
||||
display: flex;
|
||||
margin-top: 10px;
|
||||
|
||||
div {
|
||||
margin-right: 10px;
|
||||
background: rgba(0, 88, 225, 0.1);
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
div:nth-child(3) {
|
||||
max-width: 200px;
|
||||
display: -webkit-box;
|
||||
/*设置为弹性盒子*/
|
||||
-webkit-line-clamp: 1;
|
||||
/*最多显示3行*/
|
||||
overflow: hidden;
|
||||
/*超出隐藏*/
|
||||
text-overflow: ellipsis;
|
||||
/*超出显示为省略号*/
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 14px;
|
||||
margin: 5px 0;
|
||||
|
||||
// .left {
|
||||
// width: 600px;
|
||||
// display: flex;
|
||||
// justify-content: space-between;
|
||||
// flex-wrap: wrap;
|
||||
// & > div {
|
||||
// width: 300px;
|
||||
// & > span {
|
||||
// color: #0087ff;
|
||||
// font-weight: 600;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
.right {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: 0 10px;
|
||||
align-items: center;
|
||||
|
||||
.shopping {
|
||||
span {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.shopping-on {
|
||||
background: url('~@/assets/newHome/shopping-on.png');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.shopping-down {
|
||||
background: url('~@/assets/newHome/shopping-down.png');
|
||||
}
|
||||
}
|
||||
|
||||
.pk-on {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
margin-top: 5px;
|
||||
background: url('~@/assets/newHome/pk-on.png');
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sc {
|
||||
// margin-top: 4px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.sc-down {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
background: url('~@/assets/newHome/sc-down.png');
|
||||
}
|
||||
|
||||
.sc-on {
|
||||
display: inline-block;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
background: url('~@/assets/newHome/sc-on.png');
|
||||
}
|
||||
}
|
||||
|
||||
.ant-btn {
|
||||
background: transparent;
|
||||
background: #0058e1;
|
||||
color: white;
|
||||
width: 80px;
|
||||
height: 32px;
|
||||
font-weight: 600;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.ant-btn:last-child {
|
||||
background: #0058e1;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
align-items: center;
|
||||
|
||||
& > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
& > div {
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.pingfen {
|
||||
:deep(span) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
:deep(ul) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
:deep(.ant-rate-star:not(:last-child)) {
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item:nth-of-type(1) {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -753,7 +753,7 @@
|
|||
// 详情
|
||||
const showItem = (id, type, delFlag, note1) => {
|
||||
if (type == '基础设施') {
|
||||
console.log()
|
||||
// console.log()
|
||||
let arr = JSON.parse(note1)
|
||||
xVideoList.value = []
|
||||
arr.map((val) => {
|
||||
|
|
Loading…
Reference in New Issue