williamet/cas_cloud_web_i18n
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
ailanyin
2023-07-03 17:31:57 +08:00
parent eb19778bd0
commit 4789db178f
16 changed files with 546 additions and 521 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/admin/agent/bill/commission/withdraw-record.vue
View File

@ -1,5 +1,5 @@
<script setup>
import { reactive, ref, toRefs } from "vue";
import {reactive, ref, toRefs} from "vue";
const data = reactive({
queryParams: {
@ -7,7 +7,7 @@ const data = reactive({
pageSize: 10,
},
});
const { queryParams } = toRefs(data);
const {queryParams} = toRefs(data);
const tableData = ref([]);
const queryRef = ref(null);
@ -15,10 +15,11 @@ const queryRef = ref(null);
* 删除指定行
* @param row
*/
const deleteRecord = (row) => {};
const deleteRecord = (row) => {
};
// 重置查询条件 resetQuery
export const resetQuery = () => {
const resetQuery = () => {
queryRef.value.resetFields();
handleQuery();
};
@ -33,12 +34,12 @@ const handleQuery = () => {
<!-- 时间段查询-->
<el-form-item label="时间段">
<el-date-picker
v-model="queryParams.timeRange"
end-placeholder="结束日期"
range-separator="至"
start-placeholder="开始日期"
type="datetimerange"
value-format="YYYY-MM-dd"
v-model="queryParams.timeRange"
end-placeholder="结束日期"
range-separator="至"
start-placeholder="开始日期"
type="datetimerange"
value-format="YYYY-MM-dd"
></el-date-picker>
</el-form-item>
<el-form-item>
@ -49,8 +50,8 @@ const handleQuery = () => {
<!-- el-radio-group 状态切换, 已审批和待审批 -->
<el-radio-group v-model="queryParams.status" size="small" style="width: 100%">
<el-radio label="已审批" value="1" />
<el-radio label="待审批" value="2" />
<el-radio label="已审批" value="1"/>
<el-radio label="待审批" value="2"/>
</el-radio-group>
<!-- 用h2 展示提现金额,加粗字体-->
<h2 style="font-weight: bold">提现金额 : {{ 312312 }}¥</h2>
@ -58,22 +59,22 @@ const handleQuery = () => {
<!--提现记录表格 element-plus -->
<el-table :data="tableData" class="withdraw-table">
<el-table-column
label="提现金额"
prop="amount"
width="150"
label="提现金额"
prop="amount"
width="150"
></el-table-column>
<el-table-column label="提现类型" prop="type" width="150"></el-table-column>
<el-table-column
label="提现状态"
prop="status"
width="150"
label="提现状态"
prop="status"
width="150"
></el-table-column>
<el-table-column label="提现时间" prop="time" width="150"></el-table-column>
<el-table-column label="操作" prop="action" width="150">
<template #default="{ row }">
<!--删除-->
<el-button size="small" type="text" @click="deleteRecord(row)"
>删除
>删除
</el-button>
</template>
</el-table-column>

2
src/views/admin/agent/service/matching-demand/detail.vue
View File

@ -107,7 +107,7 @@ import {
updateTechnologyDemand,
} from "@/api/admin/enterprise/demand";
import { onMounted, reactive, ref, toRefs } from "vue";
import { updateCount } from "../../../../api/admin/count";
import { updateCount } from "@/api/admin/count";
const router = useRouter();
const route = useRoute();

6
src/views/admin/laboratory/research/expert/index.vue
View File

@ -31,9 +31,9 @@
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button icon="plus" size="small" type="primary">新增</el-button>
</el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button icon="plus" size="small" type="primary">新增</el-button>-->
<!-- </el-col>-->
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"

2
src/views/admin/laboratory/research/paper/index.vue
View File

@ -71,7 +71,7 @@
icon="view"
size="small"
type="text"
@click="handleBrowseUnitInfo(row.id)"
@click="handleBrowseUnitInfo(row)"
>浏览单位信息
</el-button>
</template>

45
src/views/admin/laboratory/research/paper/unit-info.vue
View File

@ -1,25 +1,32 @@
<script setup>
import Pagination from "@/components/Pagination/index.vue";
import { customerBrowseList } from "@/api/admin/research/footprint";
import { reactive, ref, toRefs } from "vue";
import { seeLogTypeDict } from "@/constant/dict";
import { useRoute, useRouter } from "vue-router";
import { seeLogList } from "@/api/admin/laboratory/paper";
const route = useRoute();
const router = useRouter();
const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
browseTimeRange: [],
id: null,
},
});
const { queryParams } = toRefs(data);
if (route.query.id) {
queryParams.value.id = route.query.id;
} else {
router.push({ path: "/admin/research/paper" });
}
const queryRef = ref();
const tableData = ref([]);
const loading = ref(false);
const total = ref(0);
const getList = async () => {
loading.value = true;
const resp = await customerBrowseList(queryParams.value);
const resp = await seeLogList(queryParams.value);
tableData.value = resp.rows;
total.value = resp.total;
loading.value = false;
@ -53,27 +60,15 @@ getList();
<template>
<div class="app-container">
<el-form ref="queryRef" class="mb8" inline>
<el-form ref="queryRef" class="mb8" :model="queryParams" inline>
<!-- 企业名称-->
<el-form-item label="企业名称" prop="enterpriseName">
<el-form-item label="企业名称" prop="name">
<el-input
v-model="queryParams.enterpriseName"
v-model="queryParams.name"
placeholder="请输入企业名称"
></el-input>
</el-form-item>
<!-- 浏览时间范围-->
<el-form-item label="浏览时间" prop="browseTime">
<el-date-picker
v-model="queryParams.browseTimeRange"
end-placeholder="结束日期"
range-separator="至"
start-placeholder="开始日期"
type="datetimerange"
unlink-panels
value-format="YYYY-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">查询</el-button>
<el-button @click="resetQuery">重置</el-button>
@ -82,7 +77,6 @@ getList();
<!-- 客户浏览数据列表-->
<el-table :data="tableData">
<!--多选-->
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column label="企业名称" prop="enterpriseName"></el-table-column>
<el-table-column label="浏览类别" prop="type">
<template #default="{ row }">
@ -94,17 +88,8 @@ getList();
<el-table-column label="名称" prop="typeName"></el-table-column>
<el-table-column label="联系人" prop="nickname"></el-table-column>
<el-table-column label="手机" prop="phone"></el-table-column>
<el-table-column label="浏览时长" prop="browseTime"></el-table-column>
<el-table-column label="浏览次数" prop="seeCount"></el-table-column>
<el-table-column label="浏览时间" prop="updateTime"></el-table-column>
<!-- 操作-->
<el-table-column label="操作" width="200">
<template #default="{ row }">
<el-button size="small" type="text" @click="handleDelete(row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination

132
src/views/admin/laboratory/research/patent/index.vue
View File

@ -1,32 +1,32 @@
<template>
<div class="app-container">
<el-form
v-show="showSearch"
ref="queryRef"
:inline="true"
:model="queryParams"
@submit.prevent
v-show="showSearch"
ref="queryRef"
:inline="true"
:model="queryParams"
@submit.prevent
>
<el-form-item label="专利名称" prop="title">
<el-form-item label="专利名称" prop="patentName">
<el-input
v-model="queryParams.title"
clearable
placeholder="请输入专利名称"
size="small"
style="width: 240px"
@keyup.enter="handleQuery"
v-model="queryParams.patentName"
clearable
placeholder="请输入专利名称"
size="small"
style="width: 240px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item>
<el-button
icon="Search"
size="small"
type="primary"
@click="handleQuery"
>搜索
icon="Search"
size="small"
type="primary"
@click="handleQuery"
>搜索
</el-button>
<el-button icon="Refresh" size="small" @click="resetQuery"
>重置
>重置
</el-button>
</el-form-item>
</el-form>
@ -52,35 +52,35 @@
<!-- </router-link>-->
<!-- </el-col>-->
<right-toolbar
v-model:showSearch="showSearch"
@queryTable="getList"
v-model:showSearch="showSearch"
@queryTable="getList"
></right-toolbar>
</el-row>
<!-- 表格数据 -->
<el-table v-loading="loading" :data="dataList">
<el-table-column label="数据编号" prop="id" />
<el-table-column label="数据编号" prop="id"/>
<el-table-column
:show-overflow-tooltip="true"
label="专利名称"
prop="title"
:show-overflow-tooltip="true"
label="专利名称"
prop="title"
/>
<el-table-column
:show-overflow-tooltip="true"
label="申请号"
prop="applyCode"
:show-overflow-tooltip="true"
label="申请号"
prop="applyCode"
/>
<el-table-column label="发明人" prop="inventor" />
<el-table-column label="申请（专利权）人" prop="applyName" />
<el-table-column label="发明人" prop="inventor"/>
<el-table-column label="申请（专利权）人" prop="applyName"/>
<el-table-column align="center" label="申请日期" prop="applyAt">
<template #default="{ row }">
<span>{{ dayjs(row.applyAt).format("YYYY-MM-DD") }}</span>
</template>
</el-table-column>
<el-table-column
align="center"
class-name="small-padding fixed-width"
label="操作"
align="center"
class-name="small-padding fixed-width"
label="操作"
>
<template #default="{ row }">
<!-- <el-button-->
@ -92,22 +92,22 @@
<!-- </el-button-->
<!-- >-->
<el-button
icon="Delete"
size="small"
type="text"
@click="handleDelete(row.id)"
>删除
icon="Delete"
size="small"
type="text"
@click="handleDelete(row.id)"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
v-model:limit="queryParams.pageSize"
v-model:page="queryParams.pageNum"
:total="total"
@pagination="getList"
v-show="total > 0"
v-model:limit="queryParams.pageSize"
v-model:page="queryParams.pageNum"
:total="total"
@pagination="getList"
/>
<!-- &lt;!&ndash; 添加或修改数据配置对话框 &ndash;&gt;-->
@ -229,13 +229,13 @@ import {
labPatentList,
} from "@/api/admin/laboratory/patent";
import dayjs from "dayjs";
import { ElMessage, ElMessageBox } from "element-plus";
import { useRouter } from "vue-router";
import { getCurrentInstance, reactive, ref, toRefs } from "vue";
import {ElMessage, ElMessageBox} from "element-plus";
import {useRouter} from "vue-router";
import {getCurrentInstance, reactive, ref, toRefs} from "vue";
const router = useRouter();
const { proxy } = getCurrentInstance();
const {proxy} = getCurrentInstance();
const dataList = ref([]);
const open = ref(false);
@ -248,7 +248,7 @@ const data = reactive({
queryParams: {
pageNum: 1,
pageSize: 10,
inventor: undefined,
patentName: undefined
},
// form: {},
// rules: {
@ -280,7 +280,7 @@ const data = reactive({
// },
});
const { queryParams } = toRefs(data);
const {queryParams} = toRefs(data);
const queryRef = ref();
// const patentRef = ref();
@ -290,14 +290,14 @@ const queryRef = ref();
const getList = async () => {
loading.value = true;
labPatentList(queryParams.value)
.then((resp) => {
dataList.value = resp.rows;
total.value = resp.total;
loading.value = false;
})
.catch(() => {
loading.value = false;
});
.then((resp) => {
dataList.value = resp.rows;
total.value = resp.total;
loading.value = false;
})
.catch(() => {
loading.value = false;
});
};
/** 搜索按钮操作 */
@ -315,16 +315,16 @@ function resetQuery() {
/** 删除按钮操作 */
function handleDelete(id) {
ElMessageBox.confirm('是否确认删除数据编号为"' + id + '"的专利项?')
.then(function () {
return deleteLabPatentByIds(id);
})
.then(() => {
getList();
ElMessage.success("删除成功");
})
.catch((err) => {
console.log(err);
});
.then(function () {
return deleteLabPatentByIds(id);
})
.then(() => {
getList();
ElMessage.success("删除成功");
})
.catch((err) => {
console.log(err);
});
}
/** 重置新增的表单以及其他数据 */

29
src/views/admin/laboratory/research/research-project/index.vue
View File

@ -7,9 +7,9 @@
:model="queryParams"
@submit.prevent
>
<el-form-item label="成果名称" prop="title">
<el-form-item label="成果名称" prop="name">
<el-input
v-model="queryParams.title"
v-model="queryParams.name"
clearable
placeholder="请输入专利名称"
size="small"
@ -46,9 +46,13 @@
prop="title"
/>
<el-table-column :show-overflow-tooltip="true" label="类型" prop="kind" />
<el-table-column label="所属专家" prop="inventor" />
<el-table-column label="课题角色" prop="applyName" />
<el-table-column label="课题负责人" prop="applyName" />
<!-- <el-table-column label="所属专家" prop="inventor" />-->
<el-table-column label="课题角色" >
<template #default="{ row }">
{{ subjectRoleDict.find(item => item.value === row.role)?.label}}
</template>
</el-table-column>
<el-table-column label="课题负责人" prop="director" />
<el-table-column align="center" label="发布时间" prop="applyAt">
<template #default="{ row }">
<span>{{ dayjs(row.applyAt).format("YYYY-MM-DD") }}</span>
@ -60,13 +64,13 @@
label="操作"
>
<template #default="{ row }">
<el-button
icon="download"
size="small"
type="text"
@click="handleTakeOff(row.id)"
>下架
</el-button>
<!-- <el-button-->
<!-- icon="download"-->
<!-- size="small"-->
<!-- type="text"-->
<!-- @click="handleTakeOff(row.id)"-->
<!-- >下架-->
<!-- </el-button>-->
<el-button
icon="Delete"
size="small"
@ -97,6 +101,7 @@ import {
deleteTechnologyProject,
technologyProjectList,
} from "@/api/admin/laboratory/research-project";
import {subjectRoleDict} from "../../../../../constant/dict";
const router = useRouter();

30
src/views/admin/research/footprint/browsing-history/index.vue
View File

@ -53,27 +53,14 @@ getList();
<template>
<div class="app-container">
<el-form ref="queryRef" class="mb8" inline>
<el-form ref="queryRef" class="mb8" :model="queryParams" inline>
<!-- 企业名称-->
<el-form-item label="企业名称" prop="enterpriseName">
<el-form-item label="企业名称" prop="name">
<el-input
v-model="queryParams.enterpriseName"
v-model="queryParams.name"
placeholder="请输入企业名称"
></el-input>
</el-form-item>
<!-- 浏览时间范围-->
<el-form-item label="浏览时间" prop="browseTime">
<el-date-picker
v-model="queryParams.browseTimeRange"
end-placeholder="结束日期"
range-separator="至"
start-placeholder="开始日期"
type="datetimerange"
unlink-panels
value-format="YYYY-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">查询</el-button>
<el-button @click="resetQuery">重置</el-button>
@ -82,7 +69,7 @@ getList();
<!-- 客户浏览数据列表-->
<el-table :data="tableData">
<!--多选-->
<el-table-column type="selection" width="55"></el-table-column>
<!-- <el-table-column type="selection" width="55"></el-table-column>-->
<el-table-column label="企业名称" prop="enterpriseName"></el-table-column>
<el-table-column label="浏览类别" prop="type">
<template #default="{ row }">
@ -94,17 +81,8 @@ getList();
<el-table-column label="名称" prop="typeName"></el-table-column>
<el-table-column label="联系人" prop="nickname"></el-table-column>
<el-table-column label="手机" prop="phone"></el-table-column>
<el-table-column label="浏览时长" prop="browseTime"></el-table-column>
<el-table-column label="浏览次数" prop="seeCount"></el-table-column>
<el-table-column label="浏览时间" prop="updateTime"></el-table-column>
<!-- 操作-->
<el-table-column label="操作" width="200">
<template #default="{ row }">
<el-button size="small" type="text" @click="handleDelete(row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<pagination

33
src/views/admin/research/research/research-project/index.vue
View File

@ -39,16 +39,20 @@
<!-- 表格数据 -->
<el-table v-loading="loading" :data="dataList">
<el-table-column label="数据编号" prop="id" />
<el-table-column
:show-overflow-tooltip="true"
<el-table-column align="center" label="数据编号" prop="id" />
<el-table-column align="center"
:show-overflow-tooltip="true"
label="科研项目名称"
prop="title"
/>
<el-table-column :show-overflow-tooltip="true" label="类型" prop="kind" />
<el-table-column label="所属专家" prop="inventor" />
<el-table-column label="课题角色" prop="applyName" />
<el-table-column label="课题负责人" prop="applyName" />
<el-table-column align="center" :show-overflow-tooltip="true" label="类型" prop="kind" />
<!-- <el-table-column label="所属专家" prop="inventor" />-->
<el-table-column align="center" label="课题角色" >
<template #default="{ row }">
<span>{{ subjectRoleDict.find(item => item.value === row.role)?.label }}</span>
</template>
</el-table-column>
<el-table-column align="center" label="课题负责人" prop="director" />
<el-table-column align="center" label="发布时间" prop="applyAt">
<template #default="{ row }">
<span>{{ dayjs(row.applyAt).format("YYYY-MM-DD") }}</span>
@ -60,13 +64,13 @@
label="操作"
>
<template #default="{ row }">
<el-button
icon="download"
size="small"
type="text"
@click="handleTakeOff(row.id)"
>下架
</el-button>
<!-- <el-button-->
<!-- icon="download"-->
<!-- size="small"-->
<!-- type="text"-->
<!-- @click="handleTakeOff(row.id)"-->
<!-- >下架-->
<!-- </el-button>-->
<el-button
icon="Delete"
size="small"
@ -97,6 +101,7 @@ import {
deleteTechnologyProject,
technologyProjectList,
} from "@/api/admin/research/research-project";
import {subjectRoleDict} from "@/constant/dict";
const router = useRouter();

146
src/views/website/solution/solution.vue
View File

@ -1,28 +1,28 @@
<template>
<div class="small" v-loading="loading">
<div v-loading="loading" class="small">
<div class="_title">
<div
v-if="!state.banner"
style="height: 394px; background-color: #108de9"
v-if="!state.banner"
style="height: 394px; background-color: #108de9"
></div>
<div v-else style="height: 394px">
<img
:src="state.banner"
style="width: 100%; height: 100%"
alt="banner"
:src="state.banner"
alt="banner"
style="width: 100%; height: 100%"
/>
</div>
<div
v-if="state.caseList.length"
class="_li"
:class="isFixed ? '_fixed' : ''"
v-if="state.caseList.length"
:class="isFixed ? '_fixed' : ''"
class="_li"
>
<ul class="conter1000">
<li
:class="activeId == item.id ? '_active' : ''"
v-for="(item, index) in state.caseList"
:key="item.id"
@click="setScrollTop(item.id, index)"
v-for="(item, index) in state.caseList"
:key="item.id"
:class="activeId == item.id ? '_active' : ''"
@click="setScrollTop(item.id, index)"
>
{{ item.title }}
</li>
@ -30,24 +30,24 @@
</div>
<h2 v-else style="text-align: center; line-height: 100px">暂无数据</h2>
</div>
<div class="box" v-show="!isShowMore">
<div v-show="!isShowMore" class="box">
<div
class="_item"
:ref="setItemRef"
v-for="(item, index) in state.caseList"
:key="index"
:data-id="item.id"
v-for="(item, index) in state.caseList"
:key="index"
:ref="setItemRef"
:data-id="item.id"
class="_item"
>
<h3 class="_tit text-center" style="font-size: 24px; color: #333333">
{{ item.title }}
</h3>
<div class="_info conter1000">
<div class="_r" v-if="isOddEvenNumber(index)">
<img :src="item.image" alt srcset />
<div v-if="isOddEvenNumber(index)" class="_r">
<img :src="item.image" alt srcset/>
</div>
<div
class="_l"
:class="isOddEvenNumber(index) ? '_paddingl' : '_paddingr'"
:class="isOddEvenNumber(index) ? '_paddingl' : '_paddingr'"
class="_l"
>
<h3 :class="isOddEvenNumber(index) ? 'text-right' : ''">
{{ item.title }}
@ -55,21 +55,21 @@
<!-- <p>{{ item.description }}</p> -->
<p>{{ item.description }}</p>
</div>
<div class="_r" v-if="!isOddEvenNumber(index)">
<img :src="item.image" alt srcset />
<div v-if="!isOddEvenNumber(index)" class="_r">
<img :src="item.image" alt srcset/>
</div>
</div>
<div class="_list conter1400">
<ul>
<li
v-for="child in item.children.slice(0, 2)"
:key="child.id"
@click="handlePath(child.id)"
v-for="child in item.children.slice(0, 2)"
:key="child.id"
@click="handlePath(child.id)"
>
<el-image
style="width: 100%; height: 135px"
:src="child.image"
fit="cover"
:src="child.image"
fit="cover"
style="width: 100%; height: 135px"
></el-image>
<div class="_head text_hidden">{{ child.title }}</div>
<div class="_detail text_hidden">{{ child.description }}</div>
@ -77,34 +77,35 @@
</ul>
<div class="_liBtn text-right">
<el-button class="x_btns" @click="handleShowMore(item)"
>查看更多</el-button
>查看更多
</el-button
>
</div>
</div>
</div>
</div>
<seeMore
v-if="isShowMore"
:data="moreData"
v-model:isShowMore="isShowMore"
v-model:oneLevelTitle="oneLevelTitle"
v-if="isShowMore"
v-model:isShowMore="isShowMore"
v-model:oneLevelTitle="oneLevelTitle"
:data="moreData"
></seeMore>
<webFooter></webFooter>
</div>
</template>
<script setup>
import { nextTick, onMounted, reactive } from "vue";
import {nextTick, onMounted, reactive} from "vue";
import seeMore from "./components/seeMore.vue";
import webFooter from "@/components/webFooter/index.vue";
import { banner } from "@/api/website/home/index";
import { useRoute, useRouter } from "vue-router";
import { getCase } from "@/api/website/solution";
import {banner} from "@/api/website/home/index";
import {useRoute, useRouter} from "vue-router";
import {getCase} from "@/api/website/solution";
// import { getCategory } from "../../../api/website/solution";
const router = useRouter();
function handlePath(id) {
let routeData = router.resolve({ path: `/solution/detail/${id}/` });
let routeData = router.resolve({path: `/solution/detail/${id}/`});
window.open(routeData.href, "_blank");
}
@ -137,6 +138,8 @@ const route = useRoute();
watch(route, () => {
initData();
});
onMounted(() => {
initData();
});
@ -148,20 +151,20 @@ async function initData() {
let mode = route.params.mode;
// let key = keyDict[name];
getCase({ mode }).then((res) => {
mode && getCase({mode}).then((res) => {
state.caseList = res.data;
initScroll();
// loading.value = false;
});
loading.value = true;
banner({ locals: `解决方案>${name}` })
.then((resp) => {
state.banner = resp.data[0].images;
loading.value = false;
})
.catch(() => {
loading.value = false;
});
banner({locals: `解决方案>${name}`})
.then((resp) => {
state.banner = resp.data[0].images;
loading.value = false;
})
.catch(() => {
loading.value = false;
});
}
function initScroll() {
@ -183,20 +186,22 @@ function initScroll() {
});
});
}
function getScroll() {
return {
left:
window.pageXOffset ||
document.documentElement.scrollLeft ||
document.body.scrollLeft ||
0,
window.pageXOffset ||
document.documentElement.scrollLeft ||
document.body.scrollLeft ||
0,
top:
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop ||
0,
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop ||
0,
};
}
function setScrollTop(id, index) {
// if (isShowMore.value) return false;
isShowMore.value = false;
@ -207,9 +212,11 @@ function setScrollTop(id, index) {
});
activeId.value = id;
}
function isOddEvenNumber(num) {
return num % 2 == 0 ? false : true;
}
function handleShowMore(item) {
console.log(item);
moreData.value = item.children;
@ -223,18 +230,22 @@ function handleShowMore(item) {
<style lang="scss" scoped>
.small {
background-color: #fff;
._title {
position: relative;
._li {
position: absolute;
bottom: 0;
width: 100%;
height: 48px;
background: rgba(0, 0, 0, 0.2);
> ul {
display: flex;
height: 48px;
line-height: 48px;
li {
flex: 1;
text-align: center;
@ -243,11 +254,13 @@ function handleShowMore(item) {
display: inline-block;
cursor: pointer;
}
._active {
background: #000000;
}
}
}
._fixed {
position: fixed;
top: 80px;
@ -255,28 +268,36 @@ function handleShowMore(item) {
background-color: #ccc;
}
}
.box {
margin-bottom: 30px;
._item {
._tit {
margin: 0;
padding: 100px 0 60px;
}
._info {
display: flex;
._paddingr {
padding-right: 63px;
}
._paddingl {
padding-left: 63px;
}
._l {
flex: 1;
h3 {
font-size: 18px;
font-weight: 500;
color: #333333;
}
p {
font-size: 14px;
font-weight: 400;
@ -284,9 +305,11 @@ function handleShowMore(item) {
line-height: 24px;
}
}
._r {
width: 420px;
background: #f2f6ff;
img {
width: 100%;
height: 100%;
@ -294,19 +317,24 @@ function handleShowMore(item) {
}
}
}
._list {
margin-top: 86px;
> ul {
display: flex;
justify-content: center;
li {
cursor: pointer;
width: calc(100% / 6);
padding: 0 11px;
&:hover ._head,
&:hover ._detail {
opacity: 0.6;
}
._head {
margin: 5px 0;
font-size: 17px;
@ -315,6 +343,7 @@ function handleShowMore(item) {
color: #333333;
line-height: 19px;
}
._detail {
font-size: 15px;
font-family: Source Han Sans CN;
@ -324,6 +353,7 @@ function handleShowMore(item) {
}
}
}
._liBtn {
margin-top: 36px;
display: flex;