pvelz4hta
/
DDI2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://gitee.com/ynmlzdwsp/ddi2

Browse Source 
# Conflicts:
#	src/utils/constant.js
master
王岚馨 11 months ago
parent 7602e43c47 4edd23d1c3
commit 3635e6f2e2
8 changed files with 527 additions and 361 deletions
Show Stats Download Patch File Download Diff File

4
src/assets/css/index.css
Unescape View File

@ -43,8 +43,8 @@ body {
/* 模块化背景色及透明度 */
.background-opacity {
/*background: var(--background);*/
/*opacity: 0.88;*/
background-color: var(--background);
opacity: 0.88;
}
.my-el-image {

2
src/components/home.vue
Unescape View File

@ -41,7 +41,7 @@
<!-- 爱情买卖 -->
<li @click="$router.push({path: '/love'})">
<div class="my-menu">
💋 <span>预测研发流程</span>
🥼 <span>预测研发流程</span>
</div>
</li>

96
src/components/index.vue
Unescape View File

@ -39,6 +39,10 @@
<input class="ais-SearchBox-input" type="text"
v-model="queryParams.drug2"
placeholder="请输入药品B名称" maxlength="32">
<div style="width: 10px"></div>
<input class="ais-SearchBox-input" type="text"
v-model="queryParams.reaction"
placeholder="请输入相互作用效果" maxlength="32">
<div class="ais-SearchBox-submit" @click="handleQuery()">
<svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20">
<path
@ -69,60 +73,47 @@
<div class="page-container-wrap">
<div class="page-container">
<div class="aside-content" v-if="showAside">
<myAside @selectSort="selectSort" @selectArticle="selectArticle"></myAside>
<myAside ref="myAsideRef" @selectSort="selectSort" @selectArticle="selectArticle"></myAside>
</div>
<div class="recent-posts">
<div class="announcement background-opacity">
<i class="fa fa-volume-up" aria-hidden="true"></i>
<div>
<div v-for="(notice, index) in $store.state.webInfo.notices" :key="index">
{{ notice }}
</div>
<!-- <div v-for="(notice, index) in $store.state.webInfo.notices" :key="index">-->
<!-- {{ notice }}-->
<!-- </div>-->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;世界上只有一种真正的英雄主义，那就是看清生活的真相之后，依然勇敢地热爱生活。
</div>
</div>
<articleList :articleList="articles"></articleList>
<!-- <div class="pagination-wrap">-->
<!-- <div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">-->
<!-- 下一页-->
<!-- </div>-->
<!-- <div v-else style="user-select: none">-->
<!-- ~~到底啦~~-->
<!-- </div>-->
<!-- </div>-->
<template>
<div class="pagination-wrap">
<div class="shadow-box pagination-wrap background-opacity">
<el-table :data="table1List">
<el-table-column prop="drug1" label="药品A"></el-table-column>
<el-table-column prop="drug2" label="药品B"></el-table-column>
<el-table-column label="药品A">
<template slot-scope="{ row }">
<span @click="selectDrugDetails(row.drug1)">{{ row.drug1 }}</span>
</template>
</el-table-column>
<el-table-column label="药品B">
<template slot-scope="{ row }">
<span @click="selectDrugDetails(row.drug2)">{{ row.drug2 }}</span>
</template>
</el-table-column>
<el-table-column prop="reaction" label="相互作用效果"></el-table-column>
</el-table>
<!-- <div @click="pageArticles()" class="pagination" v-if="pagination.total !== articles.length">-->
<!-- 下一页-->
<!-- </div>-->
<!-- <pagination-->
<!-- v-show="total>0"-->
<!-- :total="total"-->
<!-- :page.sync="queryParams.pageNum"-->
<!-- :limit.sync="queryParams.pageSize"-->
<!-- @pagination="getList"-->
<!-- />-->
</div>
<!-- <div style="user-select: none;text-align: center">-->
<!-- ~~到底啦~~-->
<!-- </div>-->
<!--分页组件-->
<div class="block">
<div class="block background-opacity">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
:current-page="currentPage1"
:page-sizes="[10, 15, 20, 15]"
:page-size="10"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
:total=this.pagination.total>
</el-pagination>
</div>
</template>
@ -141,7 +132,7 @@
</div>
</template>
<script>
import {listTable1} from "@/utils/table1";
import {listTable1, listTotal, selectDetails} from "@/utils/table1";
const loader = () => import( "./common/loader");
const zombie = () => import( "./common/zombie");
@ -162,10 +153,7 @@
data() {
return {
currentPage1: 5,
currentPage2: 5,
currentPage3: 5,
currentPage4: 4,
currentPage1: 1,
loading: false,
showAside: true,
printerInfo: "你看对面的青山多漂亮",
@ -201,31 +189,48 @@
created() {
this.getGuShi();
this.getArticles();
this.getList();
this.handleQuery();
},
mounted() {
},
methods: {
selectDrugDetails(drugName) {
this.$refs.myAsideRef.updateDrugName(drugName);
},
/** 查询药品作用列表条数 */
getTotal() {
listTotal(this.queryParams).then(response => {
this.pagination.total = parseInt(response);
console.log(this.pagination.total);
});
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
this.queryParams.pageSize = val; // 修改每页显示数量
this.getList();
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
this.queryParams.pageNum = val; // 修改每页显示数量
this.getList();
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
this.getTotal();
// 页面自动下滑效果
const targetElement = document.querySelector('.recent-posts');
if (targetElement) {
targetElement.scrollIntoView({ behavior: "smooth", block: "start" });
}
},
/** 查询药品作用管理列表 */
getList() {
// this.loading = true;
this.table1List = []; // 初始化为空数组
listTable1(this.queryParams).then(response => {
this.table1List = response;
console.log(this.table1List[0].reaction);
this.table1List = response;
});
},
async selectSort(sort) {
@ -518,6 +523,7 @@
border-radius: 40px;
color: var(--maxGreyFont);
background: var(--white);
opacity: 0.5;
}
@media screen and (max-width: 1100px) {

262
src/components/love.vue
Unescape View File

@ -1,48 +1,42 @@
<template>
<div>
<!-- 封面 -->
<div class="bg-wrap my-animation-slide-top">
<!-- 背景图片 -->
<el-image class="love-image my-el-image"
lazy
:src="love.bgCover"
fit="cover">
<div slot="error" class="image-slot"></div>
</el-image>
<!-- 对象 -->
<div class="love-wrap transformCenter">
<div>
<el-avatar class="love-avatar" :src="love.manCover"></el-avatar>
<div class="love-title">
{{love.manName}}
<div class="card-content1 shadow-box background-opacity">
<div class="bg-wrap my-animation-slide-top">
<el-image class="love-image my-el-image" lazy :src="love.bgCover" fit="cover" style="width: 100%; height: 100vh;">
<div slot="error" class="image-slot"></div>
</el-image>
<div class="love-wrap transformCenter">
<div>
<el-avatar class="love-avatar" :src="love.manCover"></el-avatar>
<div class="love-title">{{love.manName}}</div>
</div>
</div>
<div>
<img class="love-img" :src="$constant.loveLike" alt="心心">
</div>
<div>
<el-avatar class="love-avatar" :src="love.womanCover"></el-avatar>
<div class="love-title">
{{love.womanName}}
<div>
<el-avatar class="love-avatar" :src="love.womanCover"></el-avatar>
<div class="love-title">{{love.womanName}}</div>
</div>
</div>
</div>
<div id="bannerWave1"></div>
<div id="bannerWave2"></div>
<div id="bannerWave1"></div>
<div id="bannerWave2"></div>
</div>
</div>
<!-- 内容 -->
<div class="love-container">
<div class="myCenter love-content">
<!-- 时间 -->
<div>
<!-- 计时 -->
<div>
<div class="love-time-title1">
这是我们一起走过的
</div>
<div class="love-time1">
第
<span class="love-time1-item">{{timing.year}}</span>
@ -65,11 +59,12 @@
{{love.countdownTitle}}: {{countdownChange}}
</div>
</div>
</div>
<div style="padding: 0 20px">
<div class="family-button shadow-box-mini" @click="changeCard(4)">
<span class="family-button-title">{{card === 4 ? '回到主人家' : '开往表白墙'}}</span>
<span class="family-button-car">
<svg viewBox="0 0 1024 1024" width="40" height="40">
<path
@ -108,39 +103,44 @@
</div>
<div style="padding: 0 20px">
<!-- 卡片 -->
<div class="card-wrap" v-show="card !== 4">
<div class="card-content shadow-box-mini" @click="changeCard(1)">
<div>
<el-avatar :size="100"
:src="$constant.loveWeiYan">
</el-avatar>
</div>
<div class="card-right">
<div class="card-title">
点点滴滴
</div>
<div class="card-desc">
☀️今朝有酒今朝醉
<div style="width: 350px ;padding: 15px;border-radius: 10px;margin-top: 30px;animation: hideToShow 1s ease-in-out" class="card-wrap card-content shadow-box-mini background-opacity wow" v-show="card !== 4">
<div style="display: flex; flex-wrap: wrap">
<div style="flex-basis: 100%; margin-bottom: 10px;">
<div style="color: var(--lightGreen);font-size: 20px;font-weight: bold;margin-bottom: 10px; white-space: nowrap;">
预测DDI
</div>
</div>
</div>
<div class="card-content shadow-box-mini" @click="changeCard(2)">
<div>
<el-avatar :size="100"
:src="$constant.lovePhoto">
</el-avatar>
<div style="flex-basis: 100%; margin-bottom: 10px;">
<input class="ais-SearchBox-input" type="text"
v-model="smiles1"
placeholder="请输入SMILES" maxlength="32">
</div>
<div class="card-right">
<div class="card-title">
时光相册
</div>
<div class="card-desc">
📸记录美好瞬间
<div style="flex-basis: 100%; margin-bottom: 10px;">
<input class="ais-SearchBox-input" type="text"
v-model="smiles2"
placeholder="请输入SMILES" maxlength="32">
</div>
<div style="flex-basis: 100%; margin-bottom: 10px;">
<div class="ais-SearchBox-input" style="background-color: white; padding: 6px; border-radius: 4px;border: none; text-align: center;">
{{predictResult}}
</div>
</div>
<div class="ais-SearchBox-submit" @click="handleQuery();" style="flex-basis: 100%;display: flex; justify-content: right; align-items: center;" >
<svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20">
<path d="M51.2 508.8c0 256.8 208 464.8 464.8 464.8s464.8-208 464.8-464.8-208-464.8-464.8-464.8-464.8 208-464.8 464.8z" fill="#51C492"></path>
<path d="M772.8 718.4c48-58.4 76.8-132.8 76.8-213.6 0-186.4-151.2-337.6-337.6-337.6-186.4 0-337.6 151.2-337.6 337.6 0 186.4 151.2 337.6 337.6 337.6 81.6 0 156-28.8 213.6-76.8L856 896l47.2-47.2-130.4-130.4zM512 776c-149.6 0-270.4-121.6-270.4-271.2S363.2 233.6 512 233.6c149.6 0 271.2 121.6 271.2 271.2C782.4 654.4 660.8 776 512 776z" fill="#FFFFFF"></path>
</svg>
</div>
</div>
</div>
<!-- 卡片 -->
<div class="card-wrap" v-show="card !== 4">
<div class="card-content shadow-box-mini" @click="changeCard(3)">
<div>
@ -150,15 +150,28 @@
</div>
<div class="card-right">
<div class="card-title">
祝福板
记录
</div>
<div class="card-desc">
📋写下对我们的祝福
📋写下你的开发记录
</div>
</div>
</div>
</div>
<div class="myCenter love-content">
<!-- 时间 -->
<div>
<!-- 计时 -->
<div>
<div class="love-time-title1">
<a class="collection-btn" @click="showTip()">
<i class="el-icon-star-off" style="margin-right: 2px"></i>
</a>
</div>
</div>
</div>
</div>
<div class="card-container">
<div v-show="card === 1 && !$common.isEmpty(treeHoleList)">
<treeHole :treeHoleList="treeHoleList"
@ -239,7 +252,7 @@
</div>
<div class="family-bottom" style="background-color: var(--lightGreen)" @click="addFamily()">
<span style="line-height: 50px">
申请入住
设置
</span>
<span style="vertical-align:middle">
<svg viewBox="0 0 1024 1024" width="30" height="30"><path
@ -256,7 +269,7 @@
</div>
</div>
<el-dialog title="入住表白墙"
<el-dialog title="开启你的记录流程吧"
:visible.sync="loveDialogVisible"
width="40%"
:close-on-click-modal="false"
@ -287,7 +300,7 @@
</div>
<div>
<div class="form-title">
男生头像&nbsp;
头像&nbsp;
</div>
<div style=" display: flex">
<el-input maxlength="120" v-model="userLove.manCover"></el-input>
@ -302,12 +315,12 @@
</div>
<div>
<div class="form-title">
女生头像&nbsp;
项目logo&nbsp;
</div>
<div style=" display: flex">
<el-input maxlength="120" v-model="userLove.womanCover"></el-input>
<div style="margin: 3px 0 0 10px">
<proButton :info="'上传头像'"
<proButton :info="'上传logo'"
@click.native="openPicture('womanCover')"
:before="$constant.before_color_1"
:after="$constant.after_color_1">
@ -317,7 +330,7 @@
</div>
<div>
<div class="form-title">
男生昵称&nbsp;
昵称&nbsp;
</div>
<div>
<el-input maxlength="10" v-model="userLove.manName"></el-input>
@ -325,7 +338,7 @@
</div>
<div>
<div class="form-title">
女生昵称&nbsp;
项目名&nbsp;
</div>
<div>
<el-input maxlength="10" v-model="userLove.womanName"></el-input>
@ -369,7 +382,7 @@
</div>
<div>
<div class="form-title">
告白信&nbsp;&nbsp;
简述&nbsp;&nbsp;
</div>
<div>
<el-input type="textarea"
@ -391,7 +404,7 @@
<div>
<img :src="$constant.friendLetterBiLi" style="width: 100%;margin: 5px auto"/>
</div>
<p style="font-size: 12px;text-align: center;color: #999">欢迎入住表白墙</p>
<p style="font-size: 12px;text-align: center;color: #999">开启记录</p>
</div>
</div>
</div>
@ -413,12 +426,15 @@
<!-- 页脚 -->
<myFooter></myFooter>
</div>
</div>
</div>
</template>
<script>
import {listTable1, predictReaction} from "@/utils/table1";
const treeHole = () => import( "./common/treeHole");
const comment = () => import( "./comment/comment");
const myFooter = () => import( "./common/myFooter");
@ -440,6 +456,9 @@
data() {
return {
predictResult:'type预测结果',
smiles1 :'',
smiles2 :'',
userLove: {
bgCover: "",
manCover: "",
@ -451,6 +470,15 @@
timing: "",
familyInfo: ""
},
pagination: {
current: 1,
size: 5,
recommendStatus: true
},
recommendArticles: [],
admires: [],
showAdmireDialog: false,
articleSearch: "",
loveDialogVisible: false,
addPictureDialog: false,
pictureType: "",
@ -495,7 +523,14 @@
}
},
computed: {},
computed: {
webInfo() {
return this.$store.state.webInfo;
},
sortInfo() {
return this.$store.state.sortInfo;
}
},
watch: {},
@ -503,6 +538,8 @@
this.getAdminFamily();
this.card = 1;
this.getWeiYan();
this.getRecommendArticles();
this.getAdmire();
},
mounted() {
@ -510,6 +547,65 @@
},
methods: {
/** 预测按钮操作 */
handleQuery() {
this.predictResult = '输入的SMILES错误，请重试';
predictReaction(this.smiles1, this.smiles2)
.then(prediction => {
this.predictResult = "type:"+prediction;
})
.catch(error => {
console.error(error);
});
},
selectSort(sort) {
this.$emit("selectSort", sort);
},
selectArticle() {
this.$emit("selectArticle", this.articleSearch);
},
showAdmire() {
if (this.$common.isEmpty(this.$store.state.currentUser)) {
this.$message({
message: "请先登录！",
type: "error"
});
return;
}
this.showAdmireDialog = true;
},
getAdmire() {
this.$http.get(this.$constant.baseURL + "/webInfo/getAdmire")
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.admires = res.data;
}
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
});
},
getRecommendArticles() {
this.$http.post(this.$constant.baseURL + "/article/listArticle", this.pagination)
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.recommendArticles = res.data.records;
}
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
});
},
showTip() {
this.$router.push({path: '/weiYan'});
},
openPicture(type) {
this.pictureType = type;
this.addPictureDialog = true;
@ -529,7 +625,7 @@
submitLove() {
if (this.userLove.bgCover.trim() === "") {
this.$message({
message: "你还没设置背景封面呢~",
message: "你还没设置呢~",
type: "warning"
});
return;
@ -537,7 +633,7 @@
if (this.userLove.manCover.trim() === "") {
this.$message({
message: "你还没设置男生头像呢~",
message: "你还没设置呢~",
type: "warning"
});
return;
@ -545,7 +641,7 @@
if (this.userLove.womanCover.trim() === "") {
this.$message({
message: "你还没设置女生头像呢~",
message: "你还没设置呢~",
type: "warning"
});
return;
@ -553,7 +649,7 @@
if (this.userLove.manName.trim() === "") {
this.$message({
message: "你还没写男生昵称呢~",
message: "你还没写呢~",
type: "warning"
});
return;
@ -561,7 +657,7 @@
if (this.userLove.womanName.trim() === "") {
this.$message({
message: "你还没写女生昵称呢~",
message: "你还没写呢~",
type: "warning"
});
return;
@ -824,6 +920,19 @@
<style scoped>
.ais-SearchBox-input {
padding: 0 14px;
height: 30px;
width: calc(100% - 50px);
outline: 0;
border: 2px solid var(--lightGreen);
border-right: 0;
border-radius: 40px;
color: var(--maxGreyFont);
background: var(--white);
opacity: 0.5;
}
.love-container {
background-image: linear-gradient(to right, rgba(37, 82, 110, 0.1) 1px, var(--background) 1px), linear-gradient(to bottom, rgba(37, 82, 110, 0.1) 1px, var(--background) 1px);
background-size: 3rem 3rem;
@ -904,7 +1013,10 @@
}
.love-time-title1 {
font-size: 2rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 3rem;
font-weight: 600;
letter-spacing: 0.2rem;
line-height: 4rem;

156
src/components/myAside.vue
Unescape View File

@ -1,27 +1,27 @@
<template>
<div>
<!-- 网站信息 -->
<!-- <div class="card-content1 shadow-box background-opacity">-->
<!-- <el-avatar style="margin-top: 20px" class="user-avatar" :size="120" :src="webInfo.avatar"></el-avatar>-->
<!-- <div class="web-name">{{webInfo.webName}}</div>-->
<!-- <div class="web-info">-->
<!-- <div class="blog-info-box">-->
<!-- <span>文章</span>-->
<!-- <span class="blog-info-num">{{ $store.getters.articleTotal }}</span>-->
<!-- </div>-->
<!-- <div class="blog-info-box">-->
<!-- <span>分类</span>-->
<!-- <span class="blog-info-num">{{ sortInfo.length }}</span>-->
<!-- </div>-->
<!-- <div class="blog-info-box">-->
<!-- <span>访问量</span>-->
<!-- <span class="blog-info-num">{{ webInfo.historyAllCount }}</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- <a class="collection-btn" @click="showTip()">-->
<!-- <i class="el-icon-star-off" style="margin-right: 2px"></i>朋友圈-->
<!-- </a>-->
<!-- </div>-->
<!-- 网站信息 -->
<div class="card-content1 shadow-box background-opacity">
<el-avatar style="margin-top: 20px" class="user-avatar" :size="120" :src="webInfo.avatar"></el-avatar>
<div class="web-name">{{webInfo.webName}}</div>
<div class="web-info">
<div class="blog-info-box">
<span>文章</span>
<span class="blog-info-num">{{ $store.getters.articleTotal }}</span>
</div>
<div class="blog-info-box">
<span>分类</span>
<span class="blog-info-num">{{ sortInfo.length }}</span>
</div>
<div class="blog-info-box">
<span>访问量</span>
<span class="blog-info-num">{{ webInfo.historyAllCount }}</span>
</div>
</div>
<a class="collection-btn" @click="showTip()">
<i class="el-icon-star-off" style="margin-right: 2px"></i>朋友圈
</a>
</div>
<!-- 搜索 -->
<div style="padding: 15px;border-radius: 10px;margin-top: 30px;animation: hideToShow 1s ease-in-out"
@ -31,9 +31,9 @@
</div>
<div style="display: flex">
<input class="ais-SearchBox-input" type="text"
v-model="articleSearch"
v-model="drugName"
placeholder="搜索药品" maxlength="32">
<div class="ais-SearchBox-submit" @click="selectArticle()">
<div class="ais-SearchBox-submit" @click="selectDrugDetails()">
<svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20">
<path
d="M51.2 508.8c0 256.8 208 464.8 464.8 464.8s464.8-208 464.8-464.8-208-464.8-464.8-464.8-464.8 208-464.8 464.8z"
@ -98,64 +98,67 @@
style="margin-top: 30px;padding: 25px 25px 5px;border-radius: 10px;animation: hideToShow 1s ease-in-out">
<div class="card-content2-title">
<i class="el-icon-folder-opened card-content2-icon"></i>
<span>分类</span>
</div>
<div v-for="(sort, index) in sortInfo"
:key="index"
class="post-sort"
@click="$router.push({path: '/sort', query: {sortId: sort.id}})">
<div>
<span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>
</div>
<span>药品简述</span>
</div>
<!-- <div v-for="(sort, index) in sortInfo"-->
<!-- :key="index"-->
<!-- class="post-sort"-->
<!-- @click="$router.push({path: '/sort', query: {sortId: sort.id}})">-->
<!-- <div>-->
<!-- <span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>-->
<!-- </div>-->
<!-- </div>-->
{{drugDetails}}
</div>
<!-- 赞赏 -->
<!-- <div class="shadow-box-mini background-opacity wow admire-box"-->
<!-- v-if="!$common.isEmpty(admires)">-->
<!-- <div style="font-weight: bold;margin-bottom: 20px">🧨赞赏名单</div>-->
<!-- <div>-->
<!-- <vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">-->
<!-- <div v-for="(item, i) in admires"-->
<!-- style="display: flex;justify-content: space-between"-->
<!-- :key="i">-->
<!-- <div style="display: flex">-->
<!-- <el-avatar style="margin-bottom: 10px" :size="36" :src="item.avatar"></el-avatar>-->
<!-- <div style="margin-left: 10px;height: 36px;line-height: 36px;overflow: hidden;max-width: 80px">-->
<!-- {{ item.username }}-->
<!-- </div>-->
<!-- </div>-->
<!-- <div style="height: 36px;line-height: 36px">-->
<div class="shadow-box-mini background-opacity wow admire-box"
v-if="!$common.isEmpty(admires)">
<div style="font-weight: bold;margin-bottom: 20px">🧨援助</div>
<div>
<vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">
<div v-for="(item, i) in admires"
style="display: flex;justify-content: space-between"
:key="i">
<div style="display: flex">
<el-avatar style="margin-bottom: 10px" :size="36" :src="item.avatar"></el-avatar>
<div style="margin-left: 10px;height: 36px;line-height: 36px;overflow: hidden;max-width: 80px">
{{ item.username }}
</div>
</div>
<div style="height: 36px;line-height: 36px">
<!-- {{ item.admire }}元-->
<!-- </div>-->
<!-- </div>-->
<!-- </vue-seamless-scroll>-->
<!-- </div>-->
<!-- <div class="admire-btn" @click="showAdmire()">-->
<!-- 赞赏-->
<!-- </div>-->
<!-- </div>-->
500元
</div>
</div>
</vue-seamless-scroll>
</div>
<div class="admire-btn" @click="showAdmire()">
援助
</div>
</div>
<!-- 微信 -->
<!-- <el-dialog title="赞赏"-->
<!-- :visible.sync="showAdmireDialog"-->
<!-- width="25%"-->
<!-- :append-to-body="true"-->
<!-- destroy-on-close-->
<!-- center>-->
<!-- <div>-->
<!-- <div class="admire-image"></div>-->
<!-- <div>-->
<!-- <div class="admire-content">1. 感谢老铁送来的666</div>-->
<!-- <div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-dialog>-->
<el-dialog title="援助"
:visible.sync="showAdmireDialog"
width="25%"
:append-to-body="true"
destroy-on-close
center>
<div>
<div class="admire-image"></div>
<div>
<div class="admire-content">1. 身处热闹人间，没有谁可以保持真正的清醒；不踩到生死边界，活得都是一场梦。</div>
<div class="admire-content">2. 如果您愿意帮助其他病友，可以伸出您的援助之手，我们将会将赞助全部援助到病友手中</div>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import vueSeamlessScroll from "vue-seamless-scroll";
import {listTable1, selectDetails} from "@/utils/table1";
export default {
components: {
@ -171,7 +174,9 @@
recommendArticles: [],
admires: [],
showAdmireDialog: false,
articleSearch: ""
articleSearch: "",
drugDetails: '',
drugName:''
}
},
computed: {
@ -187,6 +192,15 @@
this.getAdmire();
},
methods: {
updateDrugName(drugName) {
this.drugName = drugName;
this.selectDrugDetails();
},
selectDrugDetails(){
selectDetails(this.drugName).then(response => {
this.drugDetails = response;
});
},
selectSort(sort) {
this.$emit("selectSort", sort);
},

317
src/components/travel.vue
Unescape View File

@ -5,22 +5,16 @@
<div class="travel-header my-animation-slide-top">
<!-- 背景图片 -->
<video class="index-video" autoplay="autoplay" muted="muted" loop="loop"
:src="$constant.favoriteVideo">
:src="$constant.favoriteVideo2">
</video>
<div style="position: absolute;left: 20px;top: 20px">
<!-- 标题 -->
<div style="margin: 10px">
<div>
旅拍集
</div>
<div style="font-size: 36px;font-weight: bold;line-height: 1.5;margin-top: 20px">
这里是我的旅拍哦
让照片留下医药学的足迹
</div>
</div>
</div>
<div style="position: absolute;left: 20px;bottom: 40px;margin: 10px">
每一张照片都是一次美好的记忆。
</div>
</div>
<div class="travel-content my-animation-slide-bottom">
@ -61,174 +55,177 @@
<script>
const myFooter = () => import( "./common/myFooter");
const photo = () => import( "./common/photo");
const proTag = () => import( "./common/proTag");
export default {
components: {
photo,
proTag,
myFooter
const myFooter = () => import( "./common/myFooter");
const photo = () => import( "./common/photo");
const proTag = () => import( "./common/proTag");
export default {
components: {
photo,
proTag,
myFooter
},
data() {
return {
photoPagination: {
current: 1,
size: 10,
total: 0,
resourceType: "lovePhoto",
classify: ""
},
photoTitleList: [
{ classify: "公益计划", count: 6 },
{ classify: "科研项目", count: 2 },
],
photoList: []
}
},
computed: {},
watch: {},
created() {
this.getPhotoTitles();
},
mounted() {
},
methods: {
getPhotoTitles() {
this.$http.get(this.$constant.baseURL + "/webInfo/listAdminLovePhoto")
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.photoTitleList = res.data;
this.photoPagination = {
current: 1,
size: 10,
total: 0,
resourceType: "lovePhoto",
classify: this.photoTitleList[0].classify
};
this.changePhoto();
}
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
});
},
data() {
return {
photoPagination: {
changePhotoTitle(classify) {
if (classify !== this.photoPagination.classify) {
this.photoPagination = {
current: 1,
size: 10,
total: 0,
resourceType: "lovePhoto",
classify: ""
},
photoTitleList: [],
photoList: []
classify: classify
};
this.photoList = [];
this.changePhoto();
}
},
computed: {},
watch: {},
created() {
this.getPhotoTitles();
},
mounted() {
pagePhotos() {
this.photoPagination.current = this.photoPagination.current + 1;
this.changePhoto();
},
methods: {
getPhotoTitles() {
this.$http.get(this.$constant.baseURL + "/webInfo/listAdminLovePhoto")
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.photoTitleList = res.data;
this.photoPagination = {
current: 1,
size: 10,
total: 0,
resourceType: "lovePhoto",
classify: this.photoTitleList[0].classify
};
this.changePhoto();
}
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
});
},
changePhotoTitle(classify) {
if (classify !== this.photoPagination.classify) {
this.photoPagination = {
current: 1,
size: 10,
total: 0,
resourceType: "lovePhoto",
classify: classify
};
this.photoList = [];
this.changePhoto();
}
},
pagePhotos() {
this.photoPagination.current = this.photoPagination.current + 1;
this.changePhoto();
},
changePhoto() {
this.$http.post(this.$constant.baseURL + "/webInfo/listResourcePath", this.photoPagination)
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.photoList = this.photoList.concat(res.data.records);
this.photoPagination.total = res.data.total;
}
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
changePhoto() {
this.$http.post(this.$constant.baseURL + "/webInfo/listResourcePath", this.photoPagination)
.then((res) => {
if (!this.$common.isEmpty(res.data)) {
this.photoList = this.photoList.concat(res.data.records);
this.photoPagination.total = res.data.total;
}
})
.catch((error) => {
this.$message({
message: error.message,
type: "error"
});
}
});
}
}
}
</script>
<style scoped>
.travel-container {
padding: 25px;
background: var(--favoriteBg);
}
.travel-header {
margin: 60px auto 30px;
height: 300px;
position: relative;
overflow: hidden;
border-radius: 20px;
max-width: 1200px;
color: var(--white);
user-select: none;
}
.index-video {
width: 100%;
height: 100%;
object-fit: cover;
background: var(--lightGreen);
}
.travel-content {
margin: 0 auto;
max-width: 1200px;
}
.travel-container {
padding: 25px;
background: var(--favoriteBg);
}
.travel-header {
margin: 60px auto 30px;
height: 400px;
position: relative;
overflow: hidden;
border-radius: 20px;
max-width: 1200px;
color: var(--white);
user-select: none;
}
.index-video {
width: 100%;
height: 100%;
object-fit: cover;
background: var(--lightGreen);
}
.travel-content {
margin: 0 auto;
max-width: 1200px;
}
.photo-title-warp {
max-width: 1150px;
margin: 50px auto;
padding: 20px;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
}
.isActive {
animation: scale 2.5s ease-in-out infinite;
}
.photo-title {
text-align: center;
font-size: 30px;
font-weight: 700;
line-height: 80px;
letter-spacing: 2px;
}
.pagination-wrap {
display: flex;
justify-content: center;
margin-top: 40px;
}
.pagination {
padding: 13px 15px;
border: 1px solid var(--lightGray);
border-radius: 3rem;
color: var(--greyFont);
width: 100px;
user-select: none;
cursor: pointer;
text-align: center;
}
@media screen and (max-width: 1150px) {
.photo-title-warp {
max-width: 1150px;
margin: 50px auto;
padding: 20px;
border-radius: 10px;
display: flex;
flex-wrap: wrap;
}
.isActive {
animation: scale 2.5s ease-in-out infinite;
}
.photo-title {
text-align: center;
font-size: 30px;
font-weight: 700;
line-height: 80px;
letter-spacing: 2px;
}
.pagination-wrap {
display: flex;
justify-content: center;
margin-top: 40px;
}
.pagination {
padding: 13px 15px;
border: 1px solid var(--lightGray);
border-radius: 3rem;
color: var(--greyFont);
width: 100px;
user-select: none;
cursor: pointer;
text-align: center;
}
@media screen and (max-width: 1150px) {
.photo-title-warp {
max-width: 780px;
}
max-width: 780px;
}
}
</style>

3
src/main.js
Unescape View File

@ -8,7 +8,8 @@ import common from './utils/common'
import constant from './utils/constant'
import mavonEditor from 'mavon-editor'
//引入js
import './utils/live2d'
//注释掉下面一行就取消了看板娘
// import './utils/live2d'
import './utils/title'
//引入css
import './assets/css/animation.css'

48
src/utils/table1.js
Unescape View File

@ -7,15 +7,51 @@ export function listTable1(query) {
.catch(error => console.error(error));
}
/**
* 查询药品总条数
* @param query
* @returns {Promise<AxiosResponse<any> | void>}
*/
export function listTotal(query) {
const url = '/system/table1/total';
return axios.get(url, { params: query })
.then(response => response.data)
.catch(error => console.error(error));
}
// 查询药品作用管理详细
export function getTable1(id) {
return request({
url: '/system/table1/' + id,
method: 'get'
})
/**
* 查询药品详细描述
* @param query
* @returns {Promise<AxiosResponse<any> | void>}
*/
export function selectDetails(drugName) {
const url = '/system/table1/details';
return axios.get(url, { params: { drugName } })
.then(response => response.data)
.catch(error => console.error(error));
}
/**
*
* @param drugName
* @returns {Promise<AxiosResponse<any> | void>}
*/
export function predictReaction(mol1, mol2) {
const url = 'http://127.0.0.1:5000/predict';
return axios.get(url, { params: { mol1, mol2 } })
.then(response => Number(response.data))
.catch(error => {console.error(error);throw new Error('请求出错');}); // 抛出错误
}
// 查询药品作用管理详细
// export function getTable1(id) {
// return request({
// url: '/system/table1/' + id,
// method: 'get'
// })
// }
// // 新增药品作用管理
// export function addTable1(data) {
// return request({

Write Preview
Loading…
Cancel
Save