cxc/cas_cloud_web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

bugfixed

Browse Source
This commit is contained in:
cxc
2022-10-31 17:46:09 +08:00
parent 652ce4c9d3
commit c2327f30cb
63 changed files with 1698 additions and 479 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/views/website/activity/activity.vue
View File

@ -30,8 +30,8 @@
<router-view />
</div>
<!-- <div class="box conter1000" v-show="!isShow">
<el-row :gutter="10">
<div class="box conter1000" v-show="!isShow">
<el-row :gutter="10" v-if="false">
<el-col :span="5">
<el-select
v-model="queryParams.value"
@ -62,17 +62,18 @@
<div class="_l">
<el-image
style="width: 358px; height: 200px; vertical-align: middle"
:src="item.src"
:src="item.image"
fit="fill"
></el-image>
</div>
<div class="_r">
<p class="text_hidden">{{ item.title }}</p>
<div class="_time">活动时间：{{ item.time }}</div>
<div class="_time">活动时间：{{ item.beginTime }}</div>
<div class="_time">收费金额：{{ item.amount }}</div>
<div class="_info">
<span class="fl"
<!-- <span class="fl"
><span class="x_blue">{{ item.user }}</span> 人报名</span
>
> -->
<el-button class="fr x_btns" v-if="item.status == 1" disabled
>已报名</el-button
>
@ -109,30 +110,27 @@
></webBreadcrumb>
<div class="_head">
<div class="_l">
<!-- src="https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg" -->
<el-image
style="width: 358px; height: 100%; vertical-align: middle"
src="https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg"
:src="selectedActivity.image"
fit="cover"
></el-image>
</div>
<div class="_r">
<p class="_title text_hidden">
订单利润模型——构建企业利润机器人智能感知与控制专场 |
合肥高新区科技成果供需对接活动
{{ selectedActivity.title }}
</p>
<p class="_brief text_hidden">
活动简介：订单利润模型——构建企业利润机器人智能感知与控制专场 |
合肥高新企业利润机 区科技成果
供需对接活动订单利润模型——构建企业利润机器人智能感知供需对接活动订单利润模型——构建企业利润机器人智能感知
活动简介：{{ selectedActivity.description }}
</p>
<p class="_classif">活动分类：教育</p>
<p class="_time">
活动时间：2021-10-14 13:30:00 ~ 2021-10-16 16:30:00
活动时间：{{ selectedActivity.beginTime }} ~
{{ selectedActivity.finishTime }}
</p>
<p class="_place">
活动地点：安徽省-合肥市-蜀山区 科学大道233号来福酒店1号会议厅
</p>
<p class="_user">
<p class="_place">活动地点：{{ selectedActivity.address }}</p>
<p class="_user" style="display: none">
<el-button class="x_btns" disabled>已报名</el-button>
<span class="_num"><span class="x_blue">16</span> 人报名</span>
</p>
@ -141,18 +139,13 @@
<div class="_info">
<div class="_l">
<p class="_tit">活动详情</p>
<div class="_txt">
本项目将生产废水分质处理后，提升进入曝气微电解反应器内，通过铁、碳原料在酸性情况下形成微电池，首先对铜氨络合物破络；其次对油墨等有机物质开环断链，提高废水的可生化性。更突出的是，利用金属离子的活性：铁置换其他金属离子，从而从废水中除去，然后经生化系统处理后，出水各污染物指标稳定达标排放。本项目具有处理效率高、以废治废能耗低、管理简单、出水稳定达标等优点。
出水各污染物指标稳定达标排放。本项目具有处理效率高、以废治废能耗低、管理简单出水稳定达标等优点。
</div>
<div class="_txt">
本项目将生产废水分质处理后，提升进入曝气微电解反应器内，通过铁、碳原料在酸性情况下形成微电池，首先对铜氨络合物破络；其次对油墨等有机物质开环断链，提高废水的可生化性。更突出的是，利用金属离子的活性：铁置换其他金属离子，从而从废水中除去，然后经生化系统处理后，出水各污染物指标稳定达标排放。本项目具有处理效率高、以废治废能耗低、管理简单、出水稳定达标等优点。
出水各污染物指标稳定达标排放。本项目具有处理效率高、以废治废能耗低、管理简单出水稳定达标等优点。
</div>
<div class="_txt" v-html="selectedActivity.content"></div>
</div>
<div class="_r">
<WebContact />
</div>
<div class="_r">联系我</div>
</div>
</div> -->
</div>
<webFooter></webFooter>
</div>
</template>
@ -161,61 +154,47 @@ import QrcodeVue from "qrcode.vue";
import { banner } from "@/api/website/home/index";
import request from "@/utils/request";
import webFooter from "@/components/webFooter/index.vue";
// import webBreadcrumb from "@/components/webBreadcrumb/index.vue";
import { reactive, toRefs } from "vue";
import WebContact from "@/components/webContact";
import { activitysList } from "@/api/admin/enterprise";
import webBreadcrumb from "@/components/webBreadcrumb/index.vue";
// import webReleaseActive from "@/components/webReleaseActive/index.vue";
const dialogVisible = ref(false);
const loading = ref(true);
const total = ref(1);
const state = reactive({
banner: "",
});
const queryParams = reactive({});
let dataList = ref([]);
const isShow = ref(false);
let breadcrumbTitle = reactive({
id: null,
title: "",
twoTitle: "",
});
/** 查询 */
function getList() {
loading.value = true;
setTimeout(() => {
dataList.value = [
{
id: 1,
title:
"订单利润模型——构建企业利润机器人智能感知与控制专场 | 合肥高新区科技成果供需对接活动",
src: "https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg",
time: "2021-10-14 13:30:00 ~ 2021-10-16 16:30:00",
user: 16,
status: 1,
},
{
id: 2,
title:
"订单利润模型——构建企业利润机器人智能感知与控制专场 | 合肥高新区科技成果供需对接活动",
src: "https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg",
time: "2021-10-14 13:30:00 ~ 2021-10-16 16:30:00",
user: 17,
status: 2,
},
{
id: 3,
title:
"订单利润模型——构建企业利润机器人智能感知与控制专场 | 合肥高新区科技成果供需对接活动",
src: "https://fuss10.elemecdn.com/9/bb/e27858e973f5d7d3904835f46abbdjpeg.jpeg",
time: "2021-10-14 13:30:00 ~ 2021-10-16 16:30:00",
user: 18,
status: 3,
},
];
loading.value = false;
}, 500);
activitysList(queryParams).then((resp) => {
dataList.value = resp.rows;
total.value = resp.total;
});
}
const data = reactive({
selectedActivity: {},
});
const { selectedActivity } = toRefs(data);
function handleDetail(item) {
breadcrumbTitle.id = item.id;
breadcrumbTitle.title = "活动报名";
breadcrumbTitle.twoTitle = "活动报名详情";
selectedActivity.value = dataList.value.find((el) => el.id == item.id);
isShow.value = !isShow.value;
}