Compare commits

...

5 Commits

7 changed files with 127 additions and 208 deletions

View File

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

View File

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

View File

@ -752,7 +752,6 @@
keyongziyuanqingkaungArray,
shujuziyuanqingkuangArray,
} from './constantData/showData.js'
export default defineComponent({
beforeRouteLeave(to, from, next) {
console.log('to---DetailsPageconetent--beforeRouteLeave------->', to)
@ -771,14 +770,12 @@
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)
//
@ -821,16 +818,13 @@
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 = () => {
@ -855,7 +849,6 @@
paramsGetResources.pageSize = storageSearchInfo.pageSize
paramsGetResources.deptIds = storageSearchInfo.deptIds
paramsGetResources.districtId = storageSearchInfo.districtId
// 使
nextTick(() => {
searchResultListDom.value.changeCondition(
@ -868,7 +861,6 @@
})
}
}
//西
let paramsGetResources2 = ref({
regionId: '70be8c5b664f4bcf869d82f2e8335051',
@ -903,7 +895,6 @@
paramsGetResources
)
}
//
const chongzhi = (flag) => {
loading.value = true
@ -944,7 +935,6 @@
)
getAppResources()
}
//
function dianjitiaozhaun(name) {
switch (name) {
@ -958,14 +948,12 @@
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) {
@ -981,7 +969,6 @@
}
}
}
ListContent.records.forEach((val) => {
if (!val) {
return
@ -990,7 +977,6 @@
paramsGetResources.infoList = paramsGetResources.infoList.filter(
(item) => item.attrType !== name
)
if (
val.selectedTags &&
val.selectedTags.indexOf(tag.dict_label) == -1
@ -1007,7 +993,6 @@
1
)
}
// 西-
if (whoShow1.value.itShowXiHaiAn) {
if (
@ -1055,7 +1040,6 @@
if (searchValue.value) {
paramsGetResources.name = searchValue.value
}
pageWithAttrs(paramsGetResources).then((res) => {
resourceList.data = []
resourceList.data = res.data.data.records || []
@ -1086,7 +1070,6 @@
val.showShrink = true
val.shrinkFlag = true
}
if (storageSearchInfo) {
let obj = (storageSearchInfo.infoList || []).find(
(x) => x.attrType === val.name
@ -1118,7 +1101,7 @@
val.selectedTags.indexOf(selectSubType) == -1
) {
val.selectedTags = [selectSubType]
// changeShrink(queryName.value)
changeShrink(queryName.value)
} else {
val.selectedTags &&
val.selectedTags.splice(
@ -1411,7 +1394,6 @@
}
}
}
// -
const getQingDao = (res) => {
;((res.data && res.data.data && res.data.data.data) || []).forEach(
@ -1444,7 +1426,6 @@
resourceList.data = res.data.data.list || []
resourceTotal.value = res.data.data.total || ''
}
let shoppingCartList = ref([])
//
const getShoppingCartList = (list) => {
@ -1520,7 +1501,6 @@
paramsGetResources
)
})
mybus.on('changeCondition', (condition) => {
if (!storageSearchInfo) {
// 1
@ -1541,7 +1521,6 @@
paramsGetResources
)
})
const pageChange = (val) => {
console.log('pageChange------------>', val)
loading.value = true
@ -1553,7 +1532,6 @@
paramsGetResources
)
}
// --
const judgeHasSubSelectType = () => {
if (selectSubType) {
@ -1571,18 +1549,16 @@
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()
@ -1620,7 +1596,6 @@
watch(currentPageSize, () => {
console.log('pageSize', currentPageSize.value)
})
const changeShrink = (name) => {
console.log('name---changeShrink--------->', name)
ListContent.records.forEach((val) => {
@ -1701,7 +1676,6 @@
visibleAbilitySquare.value = false
abilitySquareFunctionData.value = '智能算法'
}
// todo
const saveSearchCodition = () => {
console.log('存储查询条件到本地---DetailsPageconetent----->', 1111)
@ -1710,7 +1684,6 @@
JSON.stringify(paramsGetResources)
)
}
return {
listKey,
ListContent,
@ -1790,15 +1763,12 @@
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;
@ -1807,17 +1777,14 @@
}
}
}
.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;
@ -1829,12 +1796,10 @@
line-height: 0.34rem;
margin-left: 0.1rem;
}
:deep(.ant-input-group-addon) {
left: 0 !important;
}
}
.button-reset {
border: 0;
outline: none;
@ -1849,7 +1814,6 @@
margin-left: 2.5rem;
cursor: pointer;
}
.details-pageconetent {
height: 100%;
width: 100%;
@ -1859,7 +1823,6 @@
margin-top: 0.67rem;
position: relative;
background: rgba(245, 243, 243, 0.3);
.details-pageconetent-left {
max-height: 6.9rem;
position: absolute;
@ -1869,7 +1832,6 @@
margin-right: 0.17rem;
overflow: auto;
}
.top {
min-height: 7.2rem;
position: relative;
@ -1881,33 +1843,26 @@
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;
@ -1915,44 +1870,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;
}
.shipin {
width: 100%;
.shipin-title {
display: flex;
align-items: center;
.tupian {
}
.title {
margin-left: 0.1rem;
font-weight: 600;
@ -1960,58 +1906,47 @@
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;
@ -2019,35 +1954,29 @@
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;
@ -2055,7 +1984,6 @@
margin-bottom: 0.2rem;
padding-bottom: 0.4rem;
}
.top-title {
display: flex;
justify-content: space-around;
@ -2065,47 +1993,39 @@
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;
@ -2114,24 +2034,20 @@
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;
@ -2149,13 +2065,11 @@
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;
@ -2167,7 +2081,6 @@
border-radius: 0.16rem;
}
}
.active {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -2175,38 +2088,32 @@
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;
@ -2215,7 +2122,6 @@
background-size: cover;
}
}
.abilitySquare {
width: 0.7rem;
height: 0.7rem;
@ -2231,11 +2137,9 @@
right: 0.1rem;
cursor: pointer;
background: #e3edfc;
p {
margin: 0;
}
p:nth-child(1) {
height: 0.35rem;
width: 0.36rem;
@ -2243,7 +2147,6 @@
background-size: 100% 100%;
background-position: center;
}
ul {
background: #ffffff;
font-family: webfont;
@ -2256,7 +2159,6 @@
left: -0.62rem;
padding: 0;
margin: 0;
li {
list-style: none;
color: #0061ec;
@ -2265,24 +2167,20 @@
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;
@ -2293,7 +2191,6 @@
border: 0.13rem solid;
border-color: #fff transparent transparent transparent;
}
ul::before {
content: '';
position: absolute;
@ -2304,26 +2201,21 @@
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;
@ -2335,21 +2227,18 @@
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;
@ -2367,13 +2256,11 @@
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;
@ -2384,7 +2271,6 @@
border-radius: 0.16rem;
}
}
.active {
font-family: Alibaba PuHuiTi;
font-weight: 500;
@ -2392,12 +2278,10 @@
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 v-if="item.approveStatus === '通过'" @click.stop="switchFunction(item)">
<a-button type="primary" v-if="item.approveStatus === '通过'" @click.stop="switchFunction(item)">
查看详情
</a-button>
</div>