修改搜索中心细节问题

This commit is contained in:
qq787203167
2022-08-22 10:14:04 +08:00
parent bd40e1b6e8
commit ba9cdd2b25
4 changed files with 116 additions and 105 deletions
@@ -130,7 +130,7 @@
<div style="margin-bottom: 10px;position: relative"> <div style="margin-bottom: 10px;position: relative">
<a-checkbox :value="item.id" class="checkbox-left"></a-checkbox> <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>
<div class="text-text-right" <div class="text-text-right"
@click="checkedClick(item)" @click="titleClick(item)"
:class="{ 'null-input':item.checked }"> :class="{ 'null-input':item.checked }">
<div class="text-header"> <div class="text-header">
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"> <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
@@ -144,51 +144,53 @@
<span v-html="item.serial_number"></span> <span v-html="item.serial_number"></span>
</template> </template>
<span style="cursor: pointer" <span style="cursor: pointer"
@click="titleClick(item)" v-html="item.serial_number"></span> v-html="item.serial_number"></span>
</a-tooltip> </a-tooltip>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"> <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
<template slot="title"> <template slot="title">
<span v-html="item.title"></span> <span v-html="item.title"></span>
</template> </template>
<span style="cursor: pointer" v-html="item.title" @click="titleClick(item)"></span> <span style="cursor: pointer" v-html="item.title"></span>
</a-tooltip> </a-tooltip>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"> <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
<template slot="title"> <template slot="title">
<span v-html="item.file_name"></span> <span v-html="item.file_name"></span>
</template> </template>
<span style="cursor: pointer" v-html="item.file_name" @click="titleClick(item)"></span> <span style="cursor: pointer" v-html="item.file_name"></span>
</a-tooltip> </a-tooltip>
</div> </div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
v-if="selectModel == ''"> <!-- >-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" @click="checkedClick(item)" v-html="item.content" <div v-if="selectModel == ''" class="text-content" v-html="item.content"
> >
</div> </div>
</a-tooltip> <!-- </a-tooltip>-->
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
v-else-if="(item.file_text instanceof Array) && selectModel != ''"> <!-- >-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" @click="checkedClick(item)" v-html="item.content"></div> <div v-else-if="(item.file_text instanceof Array) && selectModel != ''"
</a-tooltip> class="text-content" v-html="item.content"></div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- </a-tooltip>-->
v-else-if="!item.file_text && selectModel != ''"> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
<template slot="title"> <!-- >-->
<span v-html="item.content"></span> <!-- <template slot="title">-->
</template> <!-- <span v-html="item.content"></span>-->
<div class="text-content" @click="checkedClick(item)" v-html="item.content"></div> <!-- </template>-->
</a-tooltip> <div v-else-if="!item.file_text && selectModel != ''"
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" v-else> class="text-content" v-html="item.content"></div>
<template slot="title"> <!-- </a-tooltip>-->
<span v-html="item.file_text"></span> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" >-->
</template> <!-- <template slot="title">-->
<div class="text-content" @click="checkedClick(item)" v-html="item.file_text"> <!-- <span v-html="item.file_text"></span>-->
</div> <!-- </template>-->
</a-tooltip> <div v-else class="text-content" v-html="item.file_text">
</div>
<!-- </a-tooltip>-->
</div> </div>
</div> </div>
</li> </li>
@@ -862,6 +864,7 @@
padding: 19px 28px; padding: 19px 28px;
box-sizing: border-box; box-sizing: border-box;
margin-left: 38px; margin-left: 38px;
cursor: pointer;
} }
.null-input { .null-input {
@@ -19,36 +19,38 @@
<span class="text-header-text" style="cursor: pointer" v-html="item.title"></span> <span class="text-header-text" style="cursor: pointer" v-html="item.title"></span>
</a-tooltip> </a-tooltip>
</div> </div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" v-if="!queryParam.selectValue" <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" -->
:mouseEnterDelay="0.5"> <!-- :mouseEnterDelay="0.5">-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" v-html="item.content" <div v-if="!queryParam.selectValue" class="text-content" v-html="item.content"
> >
</div> </div>
</a-tooltip> <!-- </a-tooltip>-->
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
v-else-if="(item.file_text instanceof Array) && queryParam.selectValue"> <!-- >-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" v-html="item.content"></div> <div v-else-if="(item.file_text instanceof Array) && queryParam.selectValue"
</a-tooltip> class="text-content" v-html="item.content"></div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- </a-tooltip>-->
v-else-if="!item.file_text && queryParam.selectValue"> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
<template slot="title"> <!-- >-->
<span v-html="item.content"></span> <!-- <template slot="title">-->
</template> <!-- <span v-html="item.content"></span>-->
<div class="text-content" v-html="item.content"></div> <!-- </template>-->
</a-tooltip> <div v-else-if="!item.file_text && queryParam.selectValue"
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" v-else> class="text-content" v-html="item.content"></div>
<template slot="title"> <!-- </a-tooltip>-->
<span v-html="item.file_text"></span> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" >-->
</template> <!-- <template slot="title">-->
<div class="text-content" v-html="item.file_text"> <!-- <span v-html="item.file_text"></span>-->
</div> <!-- </template>-->
</a-tooltip> <div v-else class="text-content" v-html="item.file_text">
</div>
<!-- </a-tooltip>-->
</div> </div>
</div> </div>
</li> </li>
@@ -310,8 +312,9 @@
text-align: center; text-align: center;
line-height: 10; line-height: 10;
} }
::v-deep p{
margin: 0; ::v-deep p {
padding: 0; margin: 0;
padding: 0;
} }
</style> </style>
@@ -56,14 +56,14 @@
<span style="cursor: pointer" v-html="item.title"></span> <span style="cursor: pointer" v-html="item.title"></span>
</a-tooltip> </a-tooltip>
</div> </div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" v-html="item.content" <div class="text-content" v-html="item.content"
> >
</div> </div>
</a-tooltip> <!-- </a-tooltip>-->
</div> </div>
</div> </div>
</li> </li>
@@ -8,9 +8,9 @@
<li v-for="(item,index) in conList" :key="item.id"> <li v-for="(item,index) in conList" :key="item.id">
<div style="margin-bottom: 10px;position: relative"> <div style="margin-bottom: 10px;position: relative">
<a-checkbox :value="item.id" class="checkbox-left"></a-checkbox> <a-checkbox :value="item.id" class="checkbox-left"></a-checkbox>
<div class="text-text-right" <div class="text-text-right" @click="titleClick(item)"
:class="{ 'null-input':item.checked }"> :class="{ 'null-input':item.checked }">
<div class="text-header" @click="titleClick(item)"> <div class="text-header">
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"> <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5">
<template slot="title"> <template slot="title">
<span v-html="item.module_type"></span> <span v-html="item.module_type"></span>
@@ -43,36 +43,39 @@
</a-tooltip> </a-tooltip>
</div> </div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" v-if="!queryParam.selectValue" <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" -->
:mouseEnterDelay="0.5"> <!-- :mouseEnterDelay="0.5">-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" @click="checkedClick(item)" v-html="item.content" <div v-if="!queryParam.selectValue" class="text-content" v-html="item.content"
> >
</div> </div>
</a-tooltip> <!-- </a-tooltip>-->
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
v-else-if="(item.file_text instanceof Array) && queryParam.selectValue"> <!-- >-->
<template slot="title"> <!-- <template slot="title">-->
<span v-html="item.content"></span> <!-- <span v-html="item.content"></span>-->
</template> <!-- </template>-->
<div class="text-content" @click="checkedClick(item)" v-html="item.content"></div> <div v-else-if="(item.file_text instanceof Array) && queryParam.selectValue"
</a-tooltip> class="text-content" v-html="item.content"></div>
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" <!-- </a-tooltip>-->
v-else-if="!item.file_text && queryParam.selectValue"> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5"-->
<template slot="title"> <!-- >-->
<span v-html="item.content"></span> <!-- <template slot="title">-->
</template> <!-- <span v-html="item.content"></span>-->
<div class="text-content" @click="checkedClick(item)" v-html="item.content"></div> <!-- </template>-->
</a-tooltip> <div v-else-if="!item.file_text && queryParam.selectValue"
<a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" v-else> class="text-content" v-html="item.content"></div>
<template slot="title"> <!-- </a-tooltip>-->
<span v-html="item.file_text"></span> <!-- <a-tooltip placement="topLeft" overlayClassName="tooltip-index" :mouseEnterDelay="0.5" >-->
</template> <!-- <template slot="title">-->
<div class="text-content" @click="checkedClick(item)" v-html="item.file_text"> <!-- <span v-html="item.file_text"></span>-->
</div> <!-- </template>-->
</a-tooltip> <!-- @click="checkedClick(item)"-->
<div v-else class="text-content" v-html="item.file_text">
</div>
<!-- </a-tooltip>-->
</div> </div>
</div> </div>
</li> </li>
@@ -292,6 +295,7 @@
padding: 19px 28px; padding: 19px 28px;
box-sizing: border-box; box-sizing: border-box;
margin-left: 38px; margin-left: 38px;
cursor: pointer;
} }
.null-input { .null-input {
@@ -356,7 +360,8 @@
text-align: center; text-align: center;
line-height: 10; line-height: 10;
} }
::v-deep p{
::v-deep p {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }