Compare commits

..

No commits in common. "5fea910701ab9b53e870fff74b45b73faf659fad" and "983b2c053488e2a628f02968948db7140b9f9679" have entirely different histories.

7 changed files with 208 additions and 127 deletions

View File

@ -103,9 +103,4 @@
@font-face {
font-family: 'Alibaba PuHuiTi';
src: url('~@/assets/home/font/Alibaba-PuHuiTi-Light.otf');
}
/* 气泡提示框按钮居中 */
.ant-popover-inner-content .ant-popover-buttons {
text-align: center;
}

View File

@ -507,12 +507,3 @@ export function getMaxApplyNum(number) {
method: 'get',
})
}
// -广-广GIS广
export function getGisByArea(data) {
return request({
url: '/resource/getSquareList',
method: 'post',
data
})
}

View File

@ -9,10 +9,10 @@
</div>
<div class="bottom" v-show="selectFlag">
<span class="light"></span>
<div @click="changeDeptType('全市')">全市</div>
<div @click="changeDeptType('市级')">市级</div>
<div @click="changeDeptType('区级')">区级</div>
<div @click="changeDeptType('企业')">企业</div>
<div @click="getList('全市')">全市</div>
<div @click="getList('市级')">市级</div>
<div @click="getList('区级')">区级</div>
<div @click="getList('企业')">企业</div>
</div>
</div>
<div class="select">
@ -22,7 +22,7 @@
</div>
<div class="bottom" v-show="selectFlag2">
<span class="light"></span>
<div v-for="val in dictList" :key="val" @click="changeAreaFunction(val)">
<div v-for="val in dictList" :key="val" @click="getList2(val)">
{{ val }}
</div>
</div>
@ -47,11 +47,11 @@
</template>
<script setup>
import { getCategoryTreePage } from '@/api/personalCenter'
import { getGisByArea } from '@/api/home'
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
import { pageWithAttrs } from '@/api/abilityStatistics'
import { ref, onMounted, onBeforeUnmount } from 'vue'
const deptType = ref(null)
const type = ref(null)
const typeName = ref('全市')
const typeName2 = ref('全部')
const dictList = ref([])
@ -71,16 +71,25 @@ getCategoryTreePage({
})
})
const params = {
deptIds: [],
districtId: '',
infoList: [{ attrType: '组件类型', attrValue: '智能算法' }],
orderField: 'pin_top',
orderType: 'DESC',
pageNum: 1,
type: '智能算法',
area: typeName2.value == '全部' ? '' : typeName2.value,
pageSize: 9 // 9
pageSize: 9,
type: '组件服务',
}
//
const changeAreaFunction = (val) => {
const getList2 = (val) => {
typeName2.value = val
params.area = typeName2.value == '全部' ? '' : typeName2.value;
if (val == '全部') {
params.infoList = [{ attrType: '组件类型', attrValue: '智能算法' }]
} else {
params.infoList = [
{ attrType: '组件类型', attrValue: '智能算法' },
{ attrType: '应用领域', attrValue: val },
]
}
selectFlag2.value = false
pageWithAttrsFunction()
}
@ -90,20 +99,24 @@ const dataLength = ref(true)
const isNoMore = ref(false)
let url = ref('')
const pageWithAttrsFunction = () => {
getGisByArea(params).then((res) => {
dataList.value = res.data.data.list
if (res.data.data.list.length < 9) {
pageWithAttrs(params).then((res) => {
dataList.value = res.data.data.records
if (res.data.data.records.length < 9) {
dataLength.value = false
}
})
}
pageWithAttrsFunction()
//
const algorithmCardPhoto = (List, item) => {
let _arr = List && item && List.filter((item) => item.attrType === '应用场景') || []
let obj = _arr[0]
let obj = List.filter((item) => item.attrType === '应用场景')[0]
if (obj && obj.attrValue != '') {
console.log(
item.name,
item.id,
obj.attrValue,
'----------------------------'
)
obj = JSON.parse(obj.attrValue)[0].img
}
return obj || ''
@ -124,9 +137,9 @@ const algorithmFunction = (e) => {
//
isNoMore.value = true
params.pageNum++
getGisByArea(params).then((res) => {
dataList.value.push(...res.data.data.list)
if (res.data.data.list.length < 9) {
pageWithAttrs(params).then((res) => {
dataList.value.push(...res.data.data.records)
if (res.data.data.records.length < 9) {
dataLength.value = false
}
})
@ -135,52 +148,32 @@ const algorithmFunction = (e) => {
}
}
//
const changeDeptType = (str) => {
const getList = (str) => {
if (str) {
if (algorithmclassDom) {
algorithmclassDom.scrollTop = 0;
}
algorithmclassDom.scrollTop = 0
switch (str) {
case '全市':
deptType.value = null
type.value = null
typeName.value = '全 市'
break
case '市级':
deptType.value = 2
type.value = 2
typeName.value = '市 级'
break
case '区级':
deptType.value = 3
type.value = 3
typeName.value = '区 级'
break
case '企业':
deptType.value = 4
type.value = 4
typeName.value = '企 业'
break
}
params.pageNum = 1;
params.deptType = deptType.value;
params.pageNum = 1
}
selectFlag.value = false
getData(str)
}
const getData = (str) => {
getGisByArea(params).then((res) => {
const resData = res.data.data || {}
if (resData.list.length > 0 && resData.list.length < 9) {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
}
dataList.value = resData.list || []
nextTick(() => {
algorithmclassDom = document.querySelector('.algorithm-box')
if (str && algorithmclassDom) {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
algorithmclassDom.addEventListener('scroll', algorithmFunction, true)
}
})
})
alert('调取接口')
// getData(str)
}
onMounted(() => {

View File

@ -121,19 +121,16 @@
type: type.value,
area: area.value,
}).then((res) => {
console.log('res---应用广场--------->', res);
if (res.data.data.total.length < 9) {
if (res.data.data.length < 9) {
dom.removeEventListener('scroll', viewMonitor, true)
}
// appList
res.data.data.appList.map((val) => {
res.data.data.map((val) => {
if (!val.pic) {
val.pic = require('@/assets/capacitySquare/yyzy.jpg')
}
val.pic2 = require('@/assets/capacitySquare/yyzy.jpg')
})
data.list.push(...res.data.data.appList)
data.list.push(...res.data.data)
selectFlag.value = false
nextTick(() => {
dom = document.querySelector('.item-box')

View File

@ -9,10 +9,10 @@
</div>
<div class="bottom" v-show="selectFlag">
<span class="light"></span>
<div @click="changeDeptType('全市')">全市</div>
<div @click="changeDeptType('市级')">市级</div>
<div @click="changeDeptType('区级')">区级</div>
<div @click="changeDeptType('企业')">企业</div>
<div @click="getList('全市')">全市</div>
<div @click="getList('市级')">市级</div>
<div @click="getList('区级')">区级</div>
<div @click="getList('企业')">企业</div>
</div>
</div>
<div class="select">
@ -22,7 +22,7 @@
</div>
<div class="bottom" v-show="selectFlag2">
<span class="light"></span>
<div v-for="val in dictList" :key="val" @click="changeAreaFunction(val)">
<div v-for="val in dictList" :key="val" @click="getList2(val)">
{{ val }}
</div>
</div>
@ -46,10 +46,10 @@
</template>
<script setup>
import { getCategoryTreePage } from '@/api/personalCenter'
import { getGisByArea } from '@/api/home'
import { ref, onMounted, onBeforeUnmount, nextTick } from 'vue'
import { pageWithAttrs } from '@/api/abilityStatistics'
import { ref, onMounted, onBeforeUnmount } from 'vue'
const deptType = ref(null)
const type = ref(null)
const typeName = ref('全市')
const typeName2 = ref('全部')
const dictList = ref([])
@ -69,35 +69,43 @@ getCategoryTreePage({
})
})
const params = {
deptIds: [],
districtId: '',
infoList: [{ attrType: '组件类型', attrValue: '图层服务' }],
orderField: 'deptSort',
orderType: 'DESC',
pageNum: 1,
type: '图层服务',
area: typeName2.value == '全部' ? '' : typeName2.value,
pageSize: 9 // 9
pageSize: 9,
type: '组件服务',
}
//
const changeAreaFunction = (val) => {
const getList2 = (val) => {
typeName2.value = val
params.area = typeName2.value == '全部' ? '' : typeName2.value;
if (val == '全部') {
params.infoList = [{ attrType: '组件类型', attrValue: '图层服务' }]
} else {
params.infoList = [
{ attrType: '组件类型', attrValue: '图层服务' },
{ attrType: '应用领域', attrValue: val },
]
}
selectFlag2.value = false
pageWithAttrsFunction()
}
let algorithmclassDom = null
const imgSrc = ref(require('@/assets/capacitySquare/algorithm-photo2.jpg'))
const dataLength = ref(true)
const isNoMore = ref(false)
const pageWithAttrsFunction = () => {
getGisByArea(params).then((res) => {
dataList.value = res.data.data.list
if (res.data.data.list.length < 9) {
pageWithAttrs(params).then((res) => {
dataList.value = res.data.data.records
if (res.data.data.records.length < 9) {
dataLength.value = false
}
})
}
pageWithAttrsFunction()
//
const algorithmCardPhoto = (List = []) => {
const algorithmCardPhoto = (List) => {
let url = ''
List.map((item) => {
if (item.attrType === '图层缩略图') {
@ -111,51 +119,32 @@ const detailFunction = (id) => {
window.open(window.SITE_CONFIG.previewUrl + `#/details?id=${id}`)
}
const changeDeptType = (str) => {
const getList = (str) => {
if (str) {
if(algorithmclassDom) {
algorithmclassDom.scrollTop = 0
}
algorithmclassDom.scrollTop = 0
switch (str) {
case '全市':
deptType.value = null
type.value = null
typeName.value = '全 市'
break
case '市级':
deptType.value = 2
type.value = 2
typeName.value = '市 级'
break
case '区级':
deptType.value = 3
type.value = 3
typeName.value = '区 级'
break
case '企业':
deptType.value = 4
type.value = 4
typeName.value = '企 业'
break
}
params.pageNum = 1;
params.deptType = deptType.value;
params.pageNum = 1
}
selectFlag.value = false
getData(str)
}
const getData = (str) => {
getGisByArea(params).then((res) => {
const resData = res.data.data || {}
if (resData.list.length > 0 && resData.list.length < 9) {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
}
dataList.value = resData.list || []
nextTick(() => {
algorithmclassDom = document.querySelector('.algorithm-box')
if (str && algorithmclassDom) {
algorithmclassDom.removeEventListener('scroll', algorithmFunction, true)
algorithmclassDom.addEventListener('scroll', algorithmFunction, true)
}
})
})
alert('调取接口')
// getData(str)
}
const layerFunction = (e) => {
@ -170,9 +159,9 @@ const layerFunction = (e) => {
//
isNoMore.value = true
params.pageNum++
getGisByArea(params).then((res) => {
dataList.value.push(...res.data.data.list)
if (res.data.data.list.length < 9) {
pageWithAttrs(params).then((res) => {
dataList.value.push(...res.data.data.records)
if (res.data.data.records.length < 9) {
dataLength.value = false
}
})

View File

@ -752,6 +752,7 @@
keyongziyuanqingkaungArray,
shujuziyuanqingkuangArray,
} from './constantData/showData.js'
export default defineComponent({
beforeRouteLeave(to, from, next) {
console.log('to---DetailsPageconetent--beforeRouteLeave------->', to)
@ -770,12 +771,14 @@
flag.value = value
}
const titleName = ref(titleNameArray)
const openMonitor = () => {
window.open('http://www.qingdao.gov.cn:8083/ghwd/znwdqd/index.html')
}
//
const keyongziyuanqingkaung = ref(keyongziyuanqingkaungArray)
const shujuziyuanqingkuang = ref(shujuziyuanqingkuangArray)
//
const whoShow1 = ref(whoShow)
//
@ -818,13 +821,16 @@
orderField: '', // total visits 访 applyCount score collectCount
orderType: 'DESC', // ASC DESC
}
const store = useStore()
//
const user = ref({
username: store.getters['user/username'],
realName: store.getters['user/realName'],
})
const searchResultListDom = ref(null)
//
let storageSearchInfo = null
const handleSetSearchData = () => {
@ -849,6 +855,7 @@
paramsGetResources.pageSize = storageSearchInfo.pageSize
paramsGetResources.deptIds = storageSearchInfo.deptIds
paramsGetResources.districtId = storageSearchInfo.districtId
// 使
nextTick(() => {
searchResultListDom.value.changeCondition(
@ -861,6 +868,7 @@
})
}
}
//西
let paramsGetResources2 = ref({
regionId: '70be8c5b664f4bcf869d82f2e8335051',
@ -895,6 +903,7 @@
paramsGetResources
)
}
//
const chongzhi = (flag) => {
loading.value = true
@ -935,6 +944,7 @@
)
getAppResources()
}
//
function dianjitiaozhaun(name) {
switch (name) {
@ -948,12 +958,14 @@
break
}
}
//
const handleChange = (tag, checked, name) => {
loading.value = true
paramsGetResources.pageNum = 1
currentPage.value = 1
console.log('点击筛选条件=================>', tag, checked, name)
// 西-
if (whoShow1.value.itShowXiHaiAn) {
if (tag.dict_label == '智能算法' && checked) {
@ -969,6 +981,7 @@
}
}
}
ListContent.records.forEach((val) => {
if (!val) {
return
@ -977,6 +990,7 @@
paramsGetResources.infoList = paramsGetResources.infoList.filter(
(item) => item.attrType !== name
)
if (
val.selectedTags &&
val.selectedTags.indexOf(tag.dict_label) == -1
@ -993,6 +1007,7 @@
1
)
}
// 西-
if (whoShow1.value.itShowXiHaiAn) {
if (
@ -1040,6 +1055,7 @@
if (searchValue.value) {
paramsGetResources.name = searchValue.value
}
pageWithAttrs(paramsGetResources).then((res) => {
resourceList.data = []
resourceList.data = res.data.data.records || []
@ -1070,6 +1086,7 @@
val.showShrink = true
val.shrinkFlag = true
}
if (storageSearchInfo) {
let obj = (storageSearchInfo.infoList || []).find(
(x) => x.attrType === val.name
@ -1101,7 +1118,7 @@
val.selectedTags.indexOf(selectSubType) == -1
) {
val.selectedTags = [selectSubType]
changeShrink(queryName.value)
// changeShrink(queryName.value)
} else {
val.selectedTags &&
val.selectedTags.splice(
@ -1394,6 +1411,7 @@
}
}
}
// -
const getQingDao = (res) => {
;((res.data && res.data.data && res.data.data.data) || []).forEach(
@ -1426,6 +1444,7 @@
resourceList.data = res.data.data.list || []
resourceTotal.value = res.data.data.total || ''
}
let shoppingCartList = ref([])
//
const getShoppingCartList = (list) => {
@ -1501,6 +1520,7 @@
paramsGetResources
)
})
mybus.on('changeCondition', (condition) => {
if (!storageSearchInfo) {
// 1
@ -1521,6 +1541,7 @@
paramsGetResources
)
})
const pageChange = (val) => {
console.log('pageChange------------>', val)
loading.value = true
@ -1532,6 +1553,7 @@
paramsGetResources
)
}
// --
const judgeHasSubSelectType = () => {
if (selectSubType) {
@ -1549,16 +1571,18 @@
let info = { attrType: queryName.value, attrValue: selectSubType }
paramsGetResources.infoList.push(info)
}
changeShrink(queryName.value)
// changeShrink(queryName.value)
paramsGetResources.type = select
console.log(
'paramsGetResources---onMounted--------->',
paramsGetResources
)
}
onMounted(() => {
//
handleSetSearchData()
listKey2.value++
//
getNewList()
@ -1596,6 +1620,7 @@
watch(currentPageSize, () => {
console.log('pageSize', currentPageSize.value)
})
const changeShrink = (name) => {
console.log('name---changeShrink--------->', name)
ListContent.records.forEach((val) => {
@ -1676,6 +1701,7 @@
visibleAbilitySquare.value = false
abilitySquareFunctionData.value = '智能算法'
}
// todo
const saveSearchCodition = () => {
console.log('存储查询条件到本地---DetailsPageconetent----->', 1111)
@ -1684,6 +1710,7 @@
JSON.stringify(paramsGetResources)
)
}
return {
listKey,
ListContent,
@ -1763,12 +1790,15 @@
font-family: 'webfont';
src: url('~@/assets/capacitySquare/webfont.ttf');
}
.resultListSearchInput-father {
background: #f3f5f9;
padding: 0.2rem;
.resultListSearchInput-son {
background: #fff;
padding: 0.2rem 0.2rem 0rem 0.3rem;
.hengxian {
width: 100%;
height: 0.01rem;
@ -1777,14 +1807,17 @@
}
}
}
.resultListSearchInput {
margin-left: 0.1rem;
:deep(.ant-input) {
width: 4rem;
height: 0.36rem;
background: #fff;
border-radius: 0.04rem;
}
:deep(.ant-input-search-button) {
width: 0.8rem;
height: 0.36rem;
@ -1796,10 +1829,12 @@
line-height: 0.34rem;
margin-left: 0.1rem;
}
:deep(.ant-input-group-addon) {
left: 0 !important;
}
}
.button-reset {
border: 0;
outline: none;
@ -1814,6 +1849,7 @@
margin-left: 2.5rem;
cursor: pointer;
}
.details-pageconetent {
height: 100%;
width: 100%;
@ -1823,6 +1859,7 @@
margin-top: 0.67rem;
position: relative;
background: rgba(245, 243, 243, 0.3);
.details-pageconetent-left {
max-height: 6.9rem;
position: absolute;
@ -1832,6 +1869,7 @@
margin-right: 0.17rem;
overflow: auto;
}
.top {
min-height: 7.2rem;
position: relative;
@ -1843,26 +1881,33 @@
justify-content: left;
margin-left: 2.5rem;
background: #f3f5f9;
.pagination {
background: #f3f5f9;
padding-bottom: 0.6rem;
}
.jichusheshi {
height: 4.45rem;
.yunziyuan {
width: 100%;
position: relative;
.shuoming {
position: absolute;
right: 0.2rem;
top: 0.15rem;
font-size: 0.12rem;
}
.yunziyuan-title {
display: flex;
align-items: center;
.tupian {
}
.title {
margin-left: 0.1rem;
font-weight: 600;
@ -1870,35 +1915,44 @@
cursor: pointer;
}
}
.fenlei {
display: flex;
margin-left: 0.2rem;
margin-right: 0.3rem;
justify-content: space-between;
}
.keyongziyuan {
display: flex;
justify-content: space-between;
margin-left: 0.3rem;
margin-right: 0.3rem;
div {
display: flex;
div:last-child {
font-weight: 600;
}
}
}
}
.yunziyuan > div {
margin-bottom: 0.1rem;
}
.shipin {
width: 100%;
.shipin-title {
display: flex;
align-items: center;
.tupian {
}
.title {
margin-left: 0.1rem;
font-weight: 600;
@ -1906,47 +1960,58 @@
cursor: pointer;
}
}
.fenlei {
display: flex;
margin-left: 0.2rem;
div {
margin-right: 0.6rem;
}
.shuzi {
font-weight: 600;
}
}
}
.shipin > div {
margin-bottom: 0.1rem;
}
}
.jichusheshi > div {
padding-top: 0.1rem;
border-radius: 0.04rem;
margin-bottom: 0.2rem;
padding-bottom: 0.4rem;
}
.shujuziyuan {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 0.4rem;
.yunziyuan {
width: 100%;
position: relative;
.shuoming {
position: absolute;
right: 0.2rem;
top: 0.15rem;
font-size: 0.12rem;
}
.yunziyuan-title {
display: flex;
align-items: center;
margin-left: 0.2rem;
.tupian {
}
.title {
margin-left: 0.1rem;
font-weight: 600;
@ -1954,29 +2019,35 @@
cursor: pointer;
}
}
.fenlei {
display: flex;
margin-left: 0.2rem;
margin-right: 0.3rem;
justify-content: space-between;
}
.keyongziyuan {
display: flex;
justify-content: space-between;
margin-left: 0.3rem;
margin-right: 0.3rem;
div {
display: flex;
div:last-child {
font-weight: 600;
}
}
}
}
.yunziyuan > div {
margin-bottom: 0.1rem;
}
}
.shujuziyuan > div {
background: #eaf4ff;
padding-top: 0.1rem;
@ -1984,6 +2055,7 @@
margin-bottom: 0.2rem;
padding-bottom: 0.4rem;
}
.top-title {
display: flex;
justify-content: space-around;
@ -1993,39 +2065,47 @@
color: #000000;
line-height: 0.34rem;
margin-bottom: 0.2rem;
.photo {
display: inline-block;
height: 0.44rem;
width: 0.44rem;
margin-right: 0.1rem;
}
div {
padding: 0 0.1rem;
cursor: pointer;
display: flex;
align-items: center;
}
div:hover {
color: #0087ff;
}
.sel {
font-weight: 600;
color: #0087ff;
border-bottom: 0.02rem solid #0087ff;
}
}
.top-content-father {
width: 100%;
padding: 0 0.2rem 0.2rem 0.2rem;
background: #f3f5f9;
margin-bottom: 0.2rem;
.top-content-son {
background: #fff;
padding: 0.2rem 0;
}
.top-content {
display: flex;
margin-top: 0rem;
span:nth-child(1) {
display: inline-block;
position: relative;
@ -2034,20 +2114,24 @@
text-align: center;
vertical-align: middle;
}
.leixingsumfather {
width: 8.1rem;
display: inline-block;
height: 0.3014rem;
overflow: hidden;
}
.leixingsumfather2 {
width: 9.2rem;
}
.leixingsum {
display: inline-block;
cursor: pointer;
text-align: center;
margin-top: 0.05rem;
.ant-tag-checkable {
width: 1rem;
height: 0.25rem;
@ -2065,11 +2149,13 @@
text-align: center;
line-height: 0.14rem;
}
:deep(.ant-tag-checkable-checked) {
margin-left: 0.15rem;
margin-right: 0.15rem;
text-align: center;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
// width: 0.85rem;
@ -2081,6 +2167,7 @@
border-radius: 0.16rem;
}
}
.active {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -2088,32 +2175,38 @@
color: #ffffff;
}
}
.top-content:nth-child(1) {
margin-top: 0rem !important;
}
}
}
}
.shrinkTag {
width: 0.5rem;
display: flex;
justify-content: center;
align-items: flex-end;
margin-bottom: 0.05rem;
span {
cursor: pointer;
}
}
.shrink {
height: unset !important;
overflow: unset !important;
}
.talk-monitor {
position: fixed;
bottom: 0.5rem;
right: 0.1rem;
z-index: 9999;
cursor: pointer;
i {
width: 0.64rem;
height: 0.64rem;
@ -2122,6 +2215,7 @@
background-size: cover;
}
}
.abilitySquare {
width: 0.7rem;
height: 0.7rem;
@ -2137,9 +2231,11 @@
right: 0.1rem;
cursor: pointer;
background: #e3edfc;
p {
margin: 0;
}
p:nth-child(1) {
height: 0.35rem;
width: 0.36rem;
@ -2147,6 +2243,7 @@
background-size: 100% 100%;
background-position: center;
}
ul {
background: #ffffff;
font-family: webfont;
@ -2159,6 +2256,7 @@
left: -0.62rem;
padding: 0;
margin: 0;
li {
list-style: none;
color: #0061ec;
@ -2167,20 +2265,24 @@
padding-left: 0.4rem;
border-bottom: 0.01rem solid #dfd9d9;
}
li:nth-of-type(1) {
background: url('~@/assets/home/appIcon.png') no-repeat;
background-position: 0.18rem center;
}
li:nth-of-type(2) {
background: url('~@/assets/home/AiIcon.png') no-repeat;
background-position: 0.18rem center;
}
li:nth-of-type(3) {
border-bottom: none;
background: url('~@/assets/home/GisIcon.png') no-repeat;
background-position: 0.18rem center;
}
}
ul::after {
content: '';
position: absolute;
@ -2191,6 +2293,7 @@
border: 0.13rem solid;
border-color: #fff transparent transparent transparent;
}
ul::before {
content: '';
position: absolute;
@ -2201,21 +2304,26 @@
border: 0.13rem solid;
border-color: #dfd9d9 transparent transparent transparent;
}
@keyframes ulShowTime {
0% {
transform: scale(0);
}
100% {
transform: scale(0);
}
}
}
.top-content-father {
width: 10.87rem;
padding-left: 0.2rem;
.top-content {
display: flex;
margin-top: 0.23rem;
span:nth-child(1) {
display: inline-block;
position: relative;
@ -2227,18 +2335,21 @@
font-size: 0.16rem;
margin-left: 0.3rem;
}
.leixingsumfather {
width: 7.7rem;
display: inline-block;
height: 0.3014rem;
overflow: hidden;
}
.leixingsum {
// width: 1rem;
display: inline-block;
cursor: pointer;
text-align: center;
margin-top: 0.05rem;
.ant-tag-checkable {
width: 1rem;
height: 0.25rem;
@ -2256,11 +2367,13 @@
text-align: center;
line-height: 0.14rem;
}
:deep(.ant-tag-checkable-checked) {
margin-left: 0.15rem;
margin-right: 0.15rem;
text-align: center;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
width: 0.85rem;
@ -2271,6 +2384,7 @@
border-radius: 0.16rem;
}
}
.active {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -2278,10 +2392,12 @@
color: #ffffff;
}
}
.top-content:nth-child(1) {
margin-top: 0.41rem !important;
}
}
:deep(.ant-card-grid) {
overflow: hidden;
white-space: nowrap;

View File

@ -142,7 +142,7 @@
" @click.stop="downloadFile(item, '附件下载')" class="DownloadAttachment">
附件下载
</a-button>
<a-button type="primary" v-if="item.approveStatus === '通过'" @click.stop="switchFunction(item)">
<a-button v-if="item.approveStatus === '通过'" @click.stop="switchFunction(item)">
查看详情
</a-button>
</div>