Compare commits
No commits in common. "5fea910701ab9b53e870fff74b45b73faf659fad" and "983b2c053488e2a628f02968948db7140b9f9679" have entirely different histories.
5fea910701
...
983b2c0534
|
@ -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;
|
||||
}
|
|
@ -507,12 +507,3 @@ export function getMaxApplyNum(number) {
|
|||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
||||
// 市局-能力广场-算法广场和GIS广场根据区域查询列表
|
||||
export function getGisByArea(data) {
|
||||
return request({
|
||||
url: '/resource/getSquareList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
|
|
@ -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(() => {
|
||||
|
|
|
@ -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')
|
||||
|
|
|
@ -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
|
||||
}
|
||||
})
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue