|
|
<template>
|
|
|
<div>
|
|
|
<div class="main">
|
|
|
<!-- 头部 -->
|
|
|
|
|
|
<!-- 底部内容 -->
|
|
|
<div class="content">
|
|
|
<!-- 左边 -->
|
|
|
<div class="content-left">
|
|
|
<!-- 左边头部 -->
|
|
|
<div class="conle-title">
|
|
|
<div class="conle-title-left">
|
|
|
<div class="ctile-top">
|
|
|
<div class="ctile-top-img">
|
|
|
<img
|
|
|
src="https://img1.baidu.com/it/u=2953940086,3621245794&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
|
|
|
alt=""
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="ctile-top-font">
|
|
|
<div class="ctile-top-font-top">
|
|
|
您好！{{ firmInfo.trueName }}
|
|
|
</div>
|
|
|
<div class="ctile-top-font-bottom">
|
|
|
<img src="../assets/images/home/tea.png" alt="" />
|
|
|
<span>#元气满满的一天#</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="ctile-bttom">
|
|
|
<div class="ctile-bttom-item">
|
|
|
<img src="../assets/images/home/qiye.png" alt="" />
|
|
|
<div><span>企</span><span>业:</span></div>
|
|
|
|
|
|
<span>{{ firmInfo.entName }}</span>
|
|
|
</div>
|
|
|
|
|
|
<!-- <div class="ctile-bttom-item">
|
|
|
<img src="../assets/images/home/juese.png" alt="" />
|
|
|
<div><span>角</span><span>色:</span></div>
|
|
|
<span>提交人</span>
|
|
|
</div> -->
|
|
|
|
|
|
<div class="ctile-bttom-item">
|
|
|
<img src="../assets/images/home/logindata.png" alt="" />
|
|
|
<div>
|
|
|
<span>登</span><span>录</span><span>时</span
|
|
|
><span>间:</span>
|
|
|
</div>
|
|
|
<span>{{ time }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="conle-title-right">
|
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<img
|
|
|
src="../assets/images/home/daiban.png"
|
|
|
alt=""
|
|
|
class="clearfix-img"
|
|
|
/>
|
|
|
<span class="clearfix-font">待办事项</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="mycontenr">
|
|
|
<div
|
|
|
class="mycontenr-item"
|
|
|
v-for="item in shixing"
|
|
|
:key="item.id"
|
|
|
:class="'mycontenr-item' + item.id"
|
|
|
@click="gototransaction(item)"
|
|
|
>
|
|
|
<div class="mycit-img">
|
|
|
<img :src="item.img" alt="" />
|
|
|
</div>
|
|
|
<div class="mycit-font">
|
|
|
<p class="mycit-p1">{{ item.name }}</p>
|
|
|
<p class="mycit-p2">
|
|
|
<span :style="'color:' + item.color">{{
|
|
|
item.data
|
|
|
}}</span
|
|
|
>个
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 左边中间 -->
|
|
|
<div class="conle-content">
|
|
|
<div class="conle-content-left">
|
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<img
|
|
|
src="../assets/images/home/tongzhi.png"
|
|
|
alt=""
|
|
|
class="clearfix-img"
|
|
|
/>
|
|
|
<span class="clearfix-font">通知公告</span>
|
|
|
|
|
|
<div class="clearfix-left" @click="goMessageList('0')">
|
|
|
<span>更多</span><i class="el-icon-d-arrow-right"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="loadingStatus" v-loading="load1">
|
|
|
<div class="mybody" v-if="firstData.length != 0">
|
|
|
<div
|
|
|
class="mybody-top"
|
|
|
@click="goAnnunciate(firstData[0].id)"
|
|
|
>
|
|
|
<div class="mybody-top-left">
|
|
|
<p class="mybody-top-left1">
|
|
|
{{
|
|
|
firstData[0].createTime != null
|
|
|
? firstData[0].createTime.slice(5, 10)
|
|
|
: ""
|
|
|
}}
|
|
|
</p>
|
|
|
<p class="mybody-top-left1">
|
|
|
{{
|
|
|
firstData[0].createTime != null
|
|
|
? firstData[0].createTime.slice(0, 4)
|
|
|
: ""
|
|
|
}}
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="mybody-top-right">
|
|
|
<p
|
|
|
class="mybody-top-right1"
|
|
|
v-html="firstData[0].title"
|
|
|
></p>
|
|
|
<p
|
|
|
class="mybody-top-right2"
|
|
|
v-html="firstData[0].content"
|
|
|
></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tyontyicontent">
|
|
|
<div
|
|
|
class="tyontyicontent-item"
|
|
|
v-for="(item, index) in noticeMsg"
|
|
|
:key="index"
|
|
|
@click="goAnnunciate(item.id)"
|
|
|
>
|
|
|
<div class="tyontyicontent-item-left">
|
|
|
<i class="el-icon-caret-right"></i>
|
|
|
<span>{{ item.title }}</span>
|
|
|
</div>
|
|
|
<div class="tyontyicontent-item-right">
|
|
|
{{
|
|
|
item.createTime != null
|
|
|
? item.createTime.slice(0, 10)
|
|
|
: ""
|
|
|
}}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-empty description="暂无数据" v-else></el-empty>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
<div class="conle-content-right">
|
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<img
|
|
|
src="../assets/images/home/zhengce.png"
|
|
|
alt=""
|
|
|
class="clearfix-img"
|
|
|
/>
|
|
|
<span class="clearfix-font">相关政策</span>
|
|
|
<div class="clearfix-left" @click="goMessageList('1')">
|
|
|
<span>更多</span><i class="el-icon-d-arrow-right"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="loadingStatus" v-loading="load2">
|
|
|
<div class="mybody" v-if="policyMsg.length != 0">
|
|
|
<div class="tyontyicontent">
|
|
|
<div
|
|
|
class="tyontyicontent-item"
|
|
|
id="tyontyicontent-item"
|
|
|
v-for="(item, index) in policyMsg"
|
|
|
:key="index"
|
|
|
@click="goPolicy(item.id)"
|
|
|
>
|
|
|
<div class="tyontyicontent-item-left">
|
|
|
<i
|
|
|
class="el-icon-star-on"
|
|
|
style="color: #ff9806; font-size: 17px"
|
|
|
></i>
|
|
|
<span>{{ item.title }} </span>
|
|
|
</div>
|
|
|
<div class="tyontyicontent-item-right">
|
|
|
{{
|
|
|
item.createTime != null
|
|
|
? item.createTime.slice(0, 10)
|
|
|
: ""
|
|
|
}}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<el-empty description="暂无数据" v-else></el-empty>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 左边下方 -->
|
|
|
<div class="conle-bottom">
|
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<img
|
|
|
src="../assets/images/home/yingyong.png"
|
|
|
alt=""
|
|
|
class="clearfix-img"
|
|
|
/>
|
|
|
<span class="clearfix-font">业务中心</span>
|
|
|
</div>
|
|
|
|
|
|
<div class="myiingyong">
|
|
|
<div
|
|
|
class="myyingyong-item"
|
|
|
v-for="(item, index) in yingyongList"
|
|
|
:key="index"
|
|
|
@click="onyingyong(item)"
|
|
|
>
|
|
|
<img :src="item.img" alt="" />
|
|
|
<span>{{ item.name }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 右边 -->
|
|
|
<div class="my-content-right">
|
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="clearfix">
|
|
|
<img
|
|
|
src="../assets/images/home/richeng.png"
|
|
|
alt=""
|
|
|
class="clearfix-img"
|
|
|
/>
|
|
|
<span class="clearfix-font">日程安排</span>
|
|
|
</div>
|
|
|
|
|
|
<!-- 日历 -->
|
|
|
<div class="my-rili">
|
|
|
<CalEndar
|
|
|
:date="new Date()"
|
|
|
@clickMOnth="clickMOnth"
|
|
|
@enter="mouseenter"
|
|
|
@leave="mouseleave"
|
|
|
@changeMonth="changeMonth"
|
|
|
>
|
|
|
<!-- 可使用动态插槽名设置，v-slot:[slotName] -->
|
|
|
<!-- <template v-slot:2023-4-25>
|
|
|
<div style="position: absolute; bottom: -20px">今天</div>
|
|
|
</template> -->
|
|
|
</CalEndar>
|
|
|
</div>
|
|
|
|
|
|
<!-- 今日日程 -->
|
|
|
<div class="my-richeng">
|
|
|
<div class="my-richeng-header">今日日程</div>
|
|
|
|
|
|
<div class="my-richeng-list" v-loading="loading">
|
|
|
<template v-if="richegList.length < 1">
|
|
|
<div class="null">
|
|
|
<div class="text">
|
|
|
<span>暂无日程安排</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<div
|
|
|
class="my-richeng-item"
|
|
|
v-for="(item, index) in richegList"
|
|
|
:key="index"
|
|
|
>
|
|
|
<div class="myriit-img">
|
|
|
<img :src="richengImg[item.type]" alt="" />
|
|
|
<div
|
|
|
:class="
|
|
|
richegList.length - 1 == index
|
|
|
? ''
|
|
|
: 'myriit-img-xuxian'
|
|
|
"
|
|
|
></div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="myriit-font"
|
|
|
:class="
|
|
|
item.type == 0
|
|
|
? 'renwu'
|
|
|
: item.type == 1
|
|
|
? 'huiyi'
|
|
|
: 'jihua'
|
|
|
"
|
|
|
>
|
|
|
<div class="myriit-font-top">
|
|
|
<span>{{
|
|
|
item.type == 1
|
|
|
? "[药品召回]"
|
|
|
: item.type == 2
|
|
|
? "[医疗器械召回]"
|
|
|
: "[填报任务]"
|
|
|
}}</span
|
|
|
>{{ item.msg }}
|
|
|
</div>
|
|
|
<!-- <div class="myriit-font-bottom">{{ item.data }}</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import CalEndar from "@/components/mycalendar/index.vue";
|
|
|
import Cookies from "js-cookie";
|
|
|
// import { mapState } from "vuex";
|
|
|
// import affairCentre from "./affair/index.vue";
|
|
|
export default {
|
|
|
name: "homework",
|
|
|
components: {
|
|
|
CalEndar,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
restaurants: [],
|
|
|
state: "",
|
|
|
myindex: 0,
|
|
|
shixing: [
|
|
|
{
|
|
|
id: 0,
|
|
|
name: "我的填报",
|
|
|
data: 12,
|
|
|
img: require("../assets/images/home/wodetianbao.png"),
|
|
|
color: "#31C5A7",
|
|
|
},
|
|
|
{
|
|
|
id: 1,
|
|
|
name: "我的召回",
|
|
|
data: 12,
|
|
|
img: require("../assets/images/home/zhaohui.png"),
|
|
|
color: "#806BF4",
|
|
|
},
|
|
|
{
|
|
|
id: 2,
|
|
|
name: "我的申请",
|
|
|
data: 0,
|
|
|
img: require("../assets/images/home/shenqing.png"),
|
|
|
color: "#FA9A2C",
|
|
|
},
|
|
|
],
|
|
|
// 应用中心
|
|
|
yingyongList: [
|
|
|
{
|
|
|
img: require("../assets/images/home/yinigyong1.png"),
|
|
|
name: "企业生产信息专报",
|
|
|
},
|
|
|
{
|
|
|
img: require("../assets/images/home/yinigyong2.png"),
|
|
|
name: "企业年报",
|
|
|
},
|
|
|
{
|
|
|
img: require("../assets/images/home/yinigyong3.png"),
|
|
|
name: "产品召回",
|
|
|
},
|
|
|
{
|
|
|
img: require("../assets/images/home/yinigyong4.png"),
|
|
|
name: "行政审批",
|
|
|
},
|
|
|
],
|
|
|
// 时间
|
|
|
datavalue: new Date(),
|
|
|
// 日程
|
|
|
richegList: [],
|
|
|
richengImg: {
|
|
|
1: require("../assets/images/home/jihu0.png"),
|
|
|
2: require("../assets/images/home/jihu1.png"),
|
|
|
3: require("../assets/images/home/jihu2.png"),
|
|
|
},
|
|
|
baseUrl:
|
|
|
process.env.VUE_APP_BASE_API == undefined
|
|
|
? location.origin + process.env.VUE_APP_URL
|
|
|
: process.env.VUE_APP_BASE_API,
|
|
|
//获取通知公告分页的参数
|
|
|
noticeData: {
|
|
|
current: 1,
|
|
|
size: 6,
|
|
|
},
|
|
|
noticeMsg: [],
|
|
|
//第一条数据
|
|
|
firstData: [],
|
|
|
load1: true,
|
|
|
//获取政策的参数
|
|
|
policyQuertDate: {
|
|
|
current: 1,
|
|
|
size: 7,
|
|
|
},
|
|
|
load2: true,
|
|
|
policyMsg: [],
|
|
|
time: null,
|
|
|
//获取登录人的信息
|
|
|
userInfo: null,
|
|
|
loading: true,
|
|
|
throttle: true,
|
|
|
};
|
|
|
},
|
|
|
async mounted() {
|
|
|
// Cookies.get("logTime");
|
|
|
let time = new Date(Number(Cookies.get("logTime")));
|
|
|
// let time = new Date(Date.now());
|
|
|
|
|
|
// time.toTimeString();
|
|
|
this.time =
|
|
|
time.toLocaleDateString().replace(/\//g, "-") +
|
|
|
" " +
|
|
|
time.toTimeString().substr(0, 8);
|
|
|
// console.log(localStorage.getItem("loginName"));
|
|
|
console.log(time);
|
|
|
// 填报
|
|
|
let selectfilltask = await this.$api.Message.selectfilltask({
|
|
|
entCode: JSON.parse(localStorage.getItem("loginName")).entCode,
|
|
|
});
|
|
|
if (selectfilltask.code == 200) this.shixing[0].data = selectfilltask.data;
|
|
|
// 填报
|
|
|
let selectrecall = await this.$api.Message.selectrecall({
|
|
|
entCode: JSON.parse(localStorage.getItem("loginName")).entCode,
|
|
|
});
|
|
|
if (selectrecall.code == 200) this.shixing[1].data = selectrecall.data;
|
|
|
// // 我的申请
|
|
|
let Arrangement = await this.$api.Message.myApply(
|
|
|
JSON.parse(localStorage.getItem("loginName")).entCode
|
|
|
);
|
|
|
console.log("Arrangement", Arrangement);
|
|
|
if (Arrangement.status == 200) {
|
|
|
this.shixing[2].data = Arrangement.result;
|
|
|
}
|
|
|
},
|
|
|
async created() {
|
|
|
this.getUserInfoMsg();
|
|
|
//获取通知公告和相关政策
|
|
|
this.getNoticeData();
|
|
|
this.getNoticeDataTow();
|
|
|
//登录信息
|
|
|
this.firmInfo = JSON.parse(localStorage.getItem("loginName"));
|
|
|
// console.log(this.firmInfo);
|
|
|
let date = new Date();
|
|
|
let year = date.getFullYear();
|
|
|
let month =
|
|
|
date.getMonth() + 1 < 10
|
|
|
? "0" + (date.getMonth() + 1)
|
|
|
: date.getMonth() + 1;
|
|
|
let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|
|
let obj = {
|
|
|
dateOfInquiry: `${year}-${month}-${day}`,
|
|
|
entCode: this.firmInfo.entCode,
|
|
|
};
|
|
|
|
|
|
let Arrangement = await this.$api.Message.scheduleArrangement(obj);
|
|
|
console.log("Arrangement", Arrangement);
|
|
|
|
|
|
// 获取日历数据
|
|
|
|
|
|
this.richegList = Arrangement.data;
|
|
|
if (Arrangement.code == 200) this.loading = false;
|
|
|
},
|
|
|
methods: {
|
|
|
//获取通知公告和相关政策
|
|
|
async getNoticeData() {
|
|
|
let msg = await this.$api.gonggao.searchAnnouncement(this.noticeData);
|
|
|
if (msg.code == 200) this.load1 = false;
|
|
|
this.noticeMsg = msg.data.records;
|
|
|
this.firstData = this.noticeMsg.slice(0, 1);
|
|
|
this.noticeMsg.splice(0, 1);
|
|
|
// let msg1 = await this.$api.zhengce.searchPolicy(this.policyQuertDate);
|
|
|
// if (msg1.code == 200) this.load2 = false;
|
|
|
// this.policyMsg = msg1.data.records;
|
|
|
},
|
|
|
async getNoticeDataTow() {
|
|
|
let msg1 = await this.$api.zhengce.searchPolicy(this.policyQuertDate);
|
|
|
if (msg1.code == 200) this.load2 = false;
|
|
|
this.policyMsg = msg1.data.records;
|
|
|
},
|
|
|
//登录
|
|
|
async getUserInfoMsg() {},
|
|
|
|
|
|
handleSelect() {
|
|
|
console.log("搜索");
|
|
|
},
|
|
|
querySearch() {
|
|
|
console.log("搜索");
|
|
|
},
|
|
|
handleIconClick() {},
|
|
|
// 日历事件
|
|
|
mouseenter(event, dateInfo) {},
|
|
|
mouseleave(event, dateInfo) {},
|
|
|
changeMonth(start, end) {},
|
|
|
// 点击某一天的点击事件
|
|
|
async clickMOnth(start, end) {
|
|
|
this.loading = true;
|
|
|
// console.log(start);
|
|
|
// console.log(" 1111", end);
|
|
|
let obj = {
|
|
|
dateOfInquiry: `${end.fullYear}-${
|
|
|
end.month < 10 ? "0" + end.month : end.month
|
|
|
}-${end.day < 10 ? "0" + end.day : end.day}`,
|
|
|
entCode: this.firmInfo.entCode,
|
|
|
};
|
|
|
|
|
|
let Arrangement = await this.$api.Message.scheduleArrangement(obj);
|
|
|
|
|
|
if (Arrangement.code == 200) this.loading = false;
|
|
|
this.richegList = Arrangement.data;
|
|
|
|
|
|
// if (this.throttle) {
|
|
|
// this.loading = true;
|
|
|
// this.throttle = bol;
|
|
|
// let Arrangement = await this.$api.Message.scheduleArrangement(obj);
|
|
|
// if (Arrangement.code == 200) this.loading = false;
|
|
|
// this.richegList = Arrangement.data;
|
|
|
// setTimeout(() => {
|
|
|
// this.throttle = true;
|
|
|
// }, 500);
|
|
|
// } else {
|
|
|
// this.$message({
|
|
|
// message: "请勿重复点击",
|
|
|
// type: "warning",
|
|
|
// });
|
|
|
// }
|
|
|
},
|
|
|
// 政策详情
|
|
|
goPolicy(id) {
|
|
|
this.$router.push({
|
|
|
name: "policy",
|
|
|
query: {
|
|
|
id,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
// 通知公告详情
|
|
|
goAnnunciate(id) {
|
|
|
this.$router.push({
|
|
|
name: `annunciate`,
|
|
|
query: {
|
|
|
id,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
// 通知公告和政策列表
|
|
|
goMessageList(id) {
|
|
|
this.$router.push({
|
|
|
name: "messageList",
|
|
|
query: {
|
|
|
id,
|
|
|
},
|
|
|
});
|
|
|
},
|
|
|
// 跳转事务中心
|
|
|
gototransaction(item) {
|
|
|
if (item.id == 0) {
|
|
|
console.log("我的填报");
|
|
|
this.$router.push({ name: "myTianbao" });
|
|
|
} else if (item.id == 1) {
|
|
|
// 我的召回
|
|
|
this.$router.push({ name: "myZhaohui" });
|
|
|
} else {
|
|
|
// 我的申请
|
|
|
this.$router.push({ name: "myShenqing" });
|
|
|
}
|
|
|
},
|
|
|
// 功能页面
|
|
|
async onyingyong(item) {
|
|
|
if (item.name == "产品召回") {
|
|
|
this.$router.push({ name: "myZhaohui" });
|
|
|
}
|
|
|
if (item.name == "行政审批") {
|
|
|
this.$router.push({ name: "myShenqing" });
|
|
|
|
|
|
// window.open(
|
|
|
// `/api/admin/jcCas/login?token=${localStorage.getItem(
|
|
|
// "Ls-Token"
|
|
|
// )}`
|
|
|
// );
|
|
|
// let msg1 = await this.$api.login.jcCaslogin(
|
|
|
// localStorage.getItem("Ls-Token")
|
|
|
// );
|
|
|
// console.log(msg1);
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@import "@/assets/styles/utils.scss";
|
|
|
p {
|
|
|
margin: 0;
|
|
|
}
|
|
|
.loadingStatus {
|
|
|
width: 100%;
|
|
|
min-height: vh(360);
|
|
|
}
|
|
|
.box-card {
|
|
|
box-sizing: border-box;
|
|
|
border-radius: vw(15);
|
|
|
::v-deep.el-card__header {
|
|
|
padding: 0;
|
|
|
min-height: 0px;
|
|
|
}
|
|
|
.clearfix {
|
|
|
position: relative;
|
|
|
padding: vw(10) vw(20);
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.clearfix-img {
|
|
|
margin: 0px vw(10) 0 0;
|
|
|
width: vw(17);
|
|
|
height: vw(18);
|
|
|
}
|
|
|
|
|
|
.clearfix-font {
|
|
|
font-size: vb(18);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
color: #292f38;
|
|
|
user-select: none;
|
|
|
}
|
|
|
.clearfix-left {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
position: absolute;
|
|
|
right: vw(20);
|
|
|
cursor: pointer;
|
|
|
span {
|
|
|
font-size: vb(14);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #8e8e8e;
|
|
|
}
|
|
|
|
|
|
i {
|
|
|
font-size: vb(14);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
::v-deep.el-card__body {
|
|
|
box-sizing: border-box;
|
|
|
padding: 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.main {
|
|
|
box-sizing: border-box;
|
|
|
overflow: hidden;
|
|
|
width: 100%;
|
|
|
height: 94.5vh;
|
|
|
background-image: url("../assets/images/home/banner.png");
|
|
|
}
|
|
|
|
|
|
// 工作台
|
|
|
|
|
|
.content {
|
|
|
box-sizing: border-box;
|
|
|
overflow: hidden;
|
|
|
|
|
|
margin-top: vh(5);
|
|
|
padding: vw(5) vw(10);
|
|
|
display: flex;
|
|
|
|
|
|
.content-left {
|
|
|
overflow: hidden;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
width: 73%;
|
|
|
.conle-title {
|
|
|
display: flex;
|
|
|
.conle-title-left {
|
|
|
padding: vh(22) vw(26);
|
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|
|
|
height: vh(265);
|
|
|
background-image: url("../assets/images/home/pippobg.png");
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
.ctile-top {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.ctile-top-img {
|
|
|
width: vw(82);
|
|
|
height: vw(82);
|
|
|
border-radius: 50%;
|
|
|
text-align: center;
|
|
|
box-shadow: vw(0) vw(0) vw(15) rgba(255, 255, 255, 0.5); /*设置阴影偏移量、模糊半径、阴影透明度*/
|
|
|
img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
border-radius: 50%;
|
|
|
box-shadow: vw(0) vw(0) vw(15) rgba(255, 255, 255, 0.2); /*设置阴影偏移量、模糊半径、阴影透明度*/
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ctile-top-font {
|
|
|
margin: 0 0 0 vw(17);
|
|
|
.ctile-top-font-top {
|
|
|
margin-bottom: vh(16);
|
|
|
font-size: vb(26);
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: 500;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.ctile-top-font-bottom {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
img {
|
|
|
margin: 0 vw(10) 0 0;
|
|
|
width: vw(20);
|
|
|
// height: 17px;
|
|
|
}
|
|
|
span {
|
|
|
font-size: vb(14);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #bad5ff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ctile-bttom {
|
|
|
margin-top: vh(19);
|
|
|
.ctile-bttom-item {
|
|
|
margin-bottom: vh(15);
|
|
|
display: flex;
|
|
|
img {
|
|
|
margin: vh(5) vw(5) 0 0;
|
|
|
width: vw(16);
|
|
|
height: vw(16);
|
|
|
}
|
|
|
div {
|
|
|
margin: 0 vw(18) 0 0;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
width: vw(70);
|
|
|
span {
|
|
|
color: #ffffff;
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 500;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
span {
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #cddeff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.conle-title-right {
|
|
|
margin-left: vw(15);
|
|
|
.box-card {
|
|
|
width: vw(917);
|
|
|
height: vh(265);
|
|
|
background: rgba(255, 255, 255, 0.9);
|
|
|
box-shadow: 0px 0px vh(12) 0px rgba(194, 212, 226, 0.64);
|
|
|
border-radius: vw(15);
|
|
|
.clearfix {
|
|
|
padding: vw(10) vw(20);
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
.clearfix-img {
|
|
|
margin: vh(0) vw(10) 0 0;
|
|
|
width: vw(17);
|
|
|
height: vw(18);
|
|
|
}
|
|
|
|
|
|
.clearfix-font {
|
|
|
font-size: vb(18);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
color: #292f38;
|
|
|
}
|
|
|
}
|
|
|
::v-deep.el-card__body {
|
|
|
padding: vh(38) vw(30) vh(38) vw(35);
|
|
|
}
|
|
|
.mycontenr {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
.mycontenr-item0 {
|
|
|
background: url("../assets/images/home/tianbao.png") no-repeat;
|
|
|
}
|
|
|
.mycontenr-item1 {
|
|
|
background: url("../assets/images/home/zhaohuibg.png") no-repeat;
|
|
|
}
|
|
|
.mycontenr-item2 {
|
|
|
background: url("../assets/images/home/shqnyqing.png") no-repeat;
|
|
|
}
|
|
|
.mycontenr-item {
|
|
|
padding: vw(17);
|
|
|
width: vw(260);
|
|
|
height: vh(125);
|
|
|
background-size: 100% 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
cursor: pointer;
|
|
|
.mycit-img {
|
|
|
margin-right: vw(16);
|
|
|
img {
|
|
|
width: vw(71);
|
|
|
height: vw(71);
|
|
|
}
|
|
|
}
|
|
|
.mycit-font {
|
|
|
p {
|
|
|
margin: 0;
|
|
|
}
|
|
|
.mycit-p1 {
|
|
|
// margin-bottom: 14px;
|
|
|
font-size: vb(18);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
color: #292f38;
|
|
|
}
|
|
|
.mycit-p2 {
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #8e8e8e;
|
|
|
span {
|
|
|
margin-right: vw(8);
|
|
|
font-size: vb(32);
|
|
|
font-family: DIN;
|
|
|
font-weight: bold;
|
|
|
color: #31c5a7;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.conle-content {
|
|
|
margin: vh(15) 0 0 0;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
.conle-content-left {
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
width: 49.5%;
|
|
|
background: rgba(255, 255, 255, 0.9);
|
|
|
box-shadow: 0px 0px vh(12) 0px rgba(194, 212, 226, 0.64);
|
|
|
border-radius: vw(15);
|
|
|
.box-card {
|
|
|
box-sizing: border-box;
|
|
|
height: vh(480);
|
|
|
// padding: vw(20);
|
|
|
|
|
|
.mybody {
|
|
|
padding: vw(20);
|
|
|
box-sizing: border-box;
|
|
|
.mybody-top {
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
cursor: pointer;
|
|
|
// align-items: center;
|
|
|
.mybody-top-left {
|
|
|
margin: 0 vw(20) 0 0;
|
|
|
width: vw(82);
|
|
|
height: vw(78);
|
|
|
background: linear-gradient(0deg, #2d75ff 0%, #49a7ff 100%);
|
|
|
border-radius: vw(6);
|
|
|
text-align: center;
|
|
|
p {
|
|
|
font-size: vb(24);
|
|
|
font-family: DIN;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
.mybody-top-left1 {
|
|
|
margin: vh(5) 0;
|
|
|
}
|
|
|
}
|
|
|
.mybody-top-right {
|
|
|
// margin: -5px 0 0 0;
|
|
|
width: vw(522);
|
|
|
.mybody-top-right1 {
|
|
|
margin: 0 0 vh(5) 0;
|
|
|
font-size: vb(20);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
color: #292f38;
|
|
|
overflow-y: auto; /*控制内容溢出时隐藏*/
|
|
|
// text-overflow: ellipsis; /*显示省略号*/
|
|
|
// white-space: nowrap; /*禁止换行*/
|
|
|
}
|
|
|
.mybody-top-right2 {
|
|
|
height: vh(45);
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #8e8e8e;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
overflow: hidden;
|
|
|
height: vh(50);
|
|
|
max-height: vh(50);
|
|
|
-webkit-line-clamp: 2;
|
|
|
text-overflow: ellipsis;
|
|
|
overflow-y: auto; /*控制内容溢出时隐藏*/
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.conle-content-right {
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
width: 49.5%;
|
|
|
background: rgba(255, 255, 255, 0.9);
|
|
|
box-shadow: 0px 0px 12px 0px rgba(194, 212, 226, 0.64);
|
|
|
border-radius: 15px;
|
|
|
.box-card {
|
|
|
height: vh(480);
|
|
|
.mybody {
|
|
|
box-sizing: border-box;
|
|
|
padding: 0 20px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.conle-bottom {
|
|
|
margin: vh(15) 0 0 0;
|
|
|
.box-card {
|
|
|
.myiingyong {
|
|
|
width: 100%;
|
|
|
padding: vw(20);
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
flex-wrap: wrap;
|
|
|
.myyingyong-item {
|
|
|
margin-bottom: vh(10);
|
|
|
padding: 0 0 0 vw(22);
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
// justify-content: center;
|
|
|
width: vw(300);
|
|
|
height: vh(110);
|
|
|
background: url("../assets/images/home/yinyong.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
img {
|
|
|
width: vw(48);
|
|
|
// height: vw(48);
|
|
|
margin: 0 vw(10) 0 0;
|
|
|
}
|
|
|
span {
|
|
|
font-size: vb(22);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
color: #292f38;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.my-content-right {
|
|
|
box-sizing: border-box;
|
|
|
overflow: hidden;
|
|
|
width: 28%;
|
|
|
margin-left: vw(16);
|
|
|
background: rgba(255, 255, 255, 0.9);
|
|
|
box-shadow: 0px 0px 12px 0px rgba(205, 207, 209, 0.64);
|
|
|
border-radius: 15px;
|
|
|
.box-card {
|
|
|
height: 100%;
|
|
|
// 日历宽高
|
|
|
.my-rili {
|
|
|
width: 100%;
|
|
|
height: 40vh;
|
|
|
margin-bottom: vh(20);
|
|
|
}
|
|
|
.my-richeng {
|
|
|
padding: 0 vw(23);
|
|
|
.my-richeng-header {
|
|
|
height: 10vh;
|
|
|
line-height: 10vh;
|
|
|
|
|
|
font-size: vb(24);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
color: #292f38;
|
|
|
}
|
|
|
.my-richeng-list::-webkit-scrollbar {
|
|
|
width: 0;
|
|
|
display: none;
|
|
|
}
|
|
|
.my-richeng-list {
|
|
|
height: 35vh;
|
|
|
overflow-y: auto;
|
|
|
|
|
|
.null {
|
|
|
width: 100%;
|
|
|
height: 80%;
|
|
|
|
|
|
.text {
|
|
|
height: 80%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
span {
|
|
|
font-size: vb(25);
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: 400;
|
|
|
color: #b1b6bf;
|
|
|
line-height: vh(50);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.my-richeng-item {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 100%;
|
|
|
.myriit-img {
|
|
|
position: relative;
|
|
|
z-index: 1;
|
|
|
|
|
|
margin: 0 vw(24) vh(20) 0;
|
|
|
img {
|
|
|
width: vh(45);
|
|
|
// height: vh(45);
|
|
|
position: relative;
|
|
|
z-index: 1;
|
|
|
}
|
|
|
.myriit-img-xuxian {
|
|
|
top: vh(40);
|
|
|
position: absolute;
|
|
|
z-index: 0;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%);
|
|
|
height: vh(100);
|
|
|
border: vw(0.5) dashed #e3e4e6;
|
|
|
}
|
|
|
}
|
|
|
.myriit-font {
|
|
|
overflow: hidden;
|
|
|
margin-bottom: vh(30);
|
|
|
box-sizing: border-box;
|
|
|
padding: vw(15) vh(21);
|
|
|
width: 100%;
|
|
|
// height: vh(71);
|
|
|
background: #f5f6f7;
|
|
|
border-radius: vw(6);
|
|
|
.myriit-font-top {
|
|
|
margin: 0 0 vw(5) 0;
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Bolde CN;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.myriit-font-bottom {
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #979797;
|
|
|
}
|
|
|
}
|
|
|
.renwu {
|
|
|
box-shadow: vw(-1) 0 0 0 #34a4ff;
|
|
|
span {
|
|
|
color: #51b1ff;
|
|
|
}
|
|
|
}
|
|
|
.huiyi {
|
|
|
box-shadow: vw(-1) 0 0 0 #ffba41;
|
|
|
span {
|
|
|
color: #ffba41;
|
|
|
}
|
|
|
}
|
|
|
.jihua {
|
|
|
box-shadow: vw(-1) 0 0 0 #ff7293;
|
|
|
span {
|
|
|
color: #ff7293;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 统一列表
|
|
|
.tyontyicontent {
|
|
|
margin: vh(25) 0 0 0;
|
|
|
#tyontyicontent-item {
|
|
|
margin: 0 0 vh(30) 0;
|
|
|
}
|
|
|
.tyontyicontent-item {
|
|
|
margin: 0 0 vh(27) 0;
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
cursor: pointer;
|
|
|
.tyontyicontent-item-left {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
i {
|
|
|
margin: 0 vw(6) 0 0;
|
|
|
font-size: vb(24);
|
|
|
color: #2e78ff;
|
|
|
}
|
|
|
span {
|
|
|
width: vw(400);
|
|
|
font-size: vb(16);
|
|
|
font-family: Source Han Regular CN;
|
|
|
font-weight: 400;
|
|
|
color: #292f38;
|
|
|
overflow: hidden; /*控制内容溢出时隐藏*/
|
|
|
text-overflow: ellipsis; /*显示省略号*/
|
|
|
white-space: nowrap; /*禁止换行*/
|
|
|
}
|
|
|
}
|
|
|
.tyontyicontent-item-right {
|
|
|
font-size: vb(16);
|
|
|
font-family: DIN;
|
|
|
font-weight: 400;
|
|
|
color: #b1b6bf;
|
|
|
}
|
|
|
}
|
|
|
.zirouter {
|
|
|
background: url("../assets/images/home/zibeijing.png") no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
height: 100vh;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
