Skip to content

A
agcs2.0-web
Commit 617144fe authored by liang's avatar liang
Browse files
Options

通告

parent a849b0a8
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1082 additions and 165 deletions
src/views/Home/index.vue
View file @ 617144fe
This diff is collapsed.
src/views/Home/notice/components/AllianceApply.vue 0 → 100644
View file @ 617144fe
<template>
<div class="container">
<h2>申请加入国家消化道早癌防治中心联盟</h2>
<div class="sub_title">申请阶段</div>
<div class="content">
<h3>1、下载申请材料</h3>
<div class="upload_item" v-for="item in list" :key="item.id">
<div class="img-file">
<img src="@/assets/img/Home/file.png" alt="" />
</div>
<div style="float: left" class="upload_label">
<strong>{{ item.label }} </strong>
<span>{{ item.size }}</span>
</div>
<div class="img-load" @click="download(item)">
<img src="@/assets/img/Home/download.png" alt="" />
</div>
</div>
<h3>2、发送至邮箱</h3>
<p>service@gecachina.cn</p>
<h3>3、定期参与入盟培训</h3>
<p>培训内容：新系统使用、筛查方法及医患沟通等</p>
<h3>4、材料认证 - 开通账户</h3>
<p>a. 回复确认入盟邀请函</p>
<p>b. 账户开通：门诊、体检、、社区</p>
<h3>5、数据审核</h3>
<p>
a.
按要求上传足量病例后，联盟官网将公示入盟医院：三甲医院需上传100例数据，非三甲医院需上传50例
</p>
<p>b. 目前已入联盟但未公示的医院，需补充病例才可公示</p>
<h3>6、官网公示 - 申请成功</h3>
</div>
<div class="sub_title">运行阶段</div>
<div class="content">
<h3>1、定期沟通会 - 数据上传</h3>
<p>a. 根据指导建议做出积极响应：制定后续跟进计划</p>
<p>
b. 已在官网公示名单中的医院将定期开启回溯重申，如不合格将从名单中摘除
</p>
<h3>2、正式授牌</h3>
<p>正式入盟后需要定期上传筛查数据（高质量且有效）才可获得授牌</p>
</div>
</div>
</template>
<script>
export default {
data() {
return {
list: [
{
id: 1,
url:
"http://www.ncrcgastro.org/d/file/coordination/apply/2020-05-27/67235e21623910e9e0c04f23fa3314d6.docx",
label: "国家消化道早癌防治中心”（早期胃癌筛查项目）申请表.docx",
size: "35.7 KB",
},
{
id: 2,
url:
"http://www.ncrcgastro.org/d/file/coordination/apply/2019-06-05/3ecfa10aa09afdf73526d41cda151d0f.pdf",
label: "早期胃癌筛查项目 申请表填写标准(1).pdf",
size: "351 KB",
},
{
id: 3,
url:
"http://www.ncrcgastro.org/d/file/coordination/apply/2019-06-05/a18cf8ea29d870da693ea8bd79d2ce33.docx",
label: "信息系统账号申请表(2).docx",
size: "22 KB",
},
{
id: 4,
url:
"http://www.ncrcgastro.org/d/file/coordination/apply/2019-06-12/206be4b4d462aa5812dbba723e69f518.docx",
label: "GECA联盟申请Q&A问答汇总.docx",
size: "216 KB",
},
],
}
},
methods: {
download({ url, label }) {
const el = document.createElement("a")
el.download = label
el.target = "_blank"
el.style.display = "none"
el.href = url
document.body.appendChild(el)
el.click()
URL.revokeObjectURL(el.href)
document.body.removeChild(el)
},
},
mounted() {},
watch: {},
}
</script>
<style lang="scss" scoped>
.container {
padding: 30px 10px;
h2 {
font-weight: bold;
font-size: 28px;
text-align: center;
height: 36px;
font-size: 32px;
font-family: AlibabaPuHuiTiB;
letter-spacing: 3px;
margin-bottom: 50px;
color: #4e68ff;
line-height: 36px;
}
.content {
padding-left: 30px;
letter-spacing: 1px;
h3 {
font-size: 18px;
font-weight: bold;
color: #333333;
line-height: 50px;
margin-top: 10px;
}
p {
line-height: 20px;
padding-left: 15px;
}
}
.upload_item {
width: 780px;
height: 60px;
background: #f5f5f5;
border-radius: 8px;
line-height: 60px;
overflow: hidden;
margin-bottom: 20px;
.img-file {
float: left;
padding: 0 10px;
width: 60px;
line-height: 60px;
img {
transform: translateY(10px);
width: 40px;
height: 40px;
}
}
.upload_label {
float: left;
}
.img-load {
float: right;
width: 60px;
height: 60px;
background-color: #ebeeff;
text-align: center;
cursor: pointer;
img {
transform: translateY(10px);
width: 28px;
height: 28px;
}
}
strong {
color: #333333;
font-size: 16px;
margin-right: 10px;
}
}
.sub_title {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 10px;
padding-left: 15px;
letter-spacing: 2px;
position: relative;
&::before {
content: " ";
border-left: 4px solid #4e68ff;
position: absolute;
height: 18px;
top: 4px;
left: 0;
}
}
}
</style>
src/views/Home/notice/components/HospitalsList.vue 0 → 100644
View file @ 617144fe
<template>
<div class="container">
<h2>GECA联盟理事及医院名单</h2>
<div v-for="row in list" :key="row.label">
<div class="sub_title">
{{ row.label }}
</div>
<div class="content">
<span v-for="item in row.items" :key="item">{{ item }}</span>
</div>
</div>
<div style="padding-left: 48px">
<img src="@/assets/img/Home/trustee.png" alt="" />
</div>
<div class="sub_title">CEGA联盟医院名单</div>
<el-table :data="tableData" :span-method="objectSpanMethod" border>
<el-table-column width="60" type="index">
<template #header>
<div>序号</div>
</template>
</el-table-column>
<el-table-column prop="s" label="省份/直辖市" min-width="160px">
</el-table-column>
<el-table-column prop="n" label="医院名称" align="left" min-width="340px">
</el-table-column>
<el-table-column
prop="a"
label="授牌医院"
min-width="110px"
class-name="mark"
>
</el-table-column>
<el-table-column
prop="t"
label="填报数据医院"
min-width="140px"
class-name="mark"
>
</el-table-column>
</el-table>
</div>
</template>
<script>
import tableData from "./tpl"
export default {
data() {
return {
list: [
{
label: "名誉理事长",
items: [
"白书忠",
"程书钧",
"樊代明",
"赫捷",
"林东昕",
"沈洪兵",
"沈祖尧",
"王陇德",
"于金明",
"詹启敏",
"张雁灵",
"郑树",
],
},
{
label: "顾问",
items: [
"姜庆五",
"陆星华",
"夏玉亭",
"游苏宁",
"于中麟",
"袁媛",
"张齐联",
"张子琪",
],
},
{
label: "副理事长",
items: [
"曹志强",
"曾强",
"陈刚",
"陈广域",
"陈昱湖",
"陈薇娜",
"陈卫昌",
"丁俊峰",
"房静远",
"冯佶",
"高峰",
"郭学刚",
"何纳",
"吉朋松",
"季加孚",
"金震东",
"兰平",
"李少辉",
"李挺",
"李汛",
"李延青",
"廖专",
"令孤恩强",
"刘峰",
"刘小梅",
"吕宾",
"马进",
"唐承薇",
"王贵齐",
"王磊",
"王立东",
"邬堂春",
"吴开春",
"徐国良",
"杨爱明",
"杨嘉林",
"杨民",
"杨云生",
"姚俊杰",
"张澍田",
"张晓华",
"周丽雅",
"邹晓平",
],
},
{
label: "秘书长",
items: ["杜奕奇"],
},
{
label: "常务副秘书长",
items: ["柏愚", "蔡全才", "王洛伟"],
},
{
label: "副秘书长",
items: [
"柴宁莉",
"常佳",
"董莉君",
"冀明",
"李方",
"李锐",
"钱朝斌",
"颜杰",
"姚方",
"尹畅",
"张磊",
],
},
{
label: "秘书",
items: [
"陈丽竹",
"崔勇",
"杜寒",
"郝阳帆",
"胡良皞",
"胡亚琴",
"王天骄",
"吴萍",
"辛磊",
"徐美玲",
"张辉",
"张颖",
],
},
{
label: "常务理事",
},
],
tableData,
}
},
methods: {
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 1) {
if (row.span) {
return {
rowspan: row.span,
colspan: 1,
}
} else {
return {
rowspan: 0,
colspan: 0,
}
}
}
},
},
mounted() {},
watch: {},
}
</script>
<style lang="scss" scoped>
.container {
padding: 30px 10px;
::v-deep .el-table {
margin-top: 20px;
margin-left: 20px;
width: 820px;
font-size: 16px;
td.mark .cell {
font-weight: bold;
color: #4e68ff;
}
td.is-left {
text-align: left;
}
}
h2 {
font-weight: bold;
font-size: 28px;
text-align: center;
height: 36px;
font-size: 32px;
font-family: AlibabaPuHuiTiB;
letter-spacing: 3px;
margin-bottom: 50px;
color: #4e68ff;
line-height: 36px;
}
.sub_title {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 10px 20px;
padding-left: 15px;
letter-spacing: 2px;
position: relative;
&::before {
content: " ";
border-left: 4px solid #4e68ff;
position: absolute;
height: 18px;
top: 4px;
left: 0;
}
}
.content {
width: 800px;
font-size: 16px;
font-family: AlibabaPuHuiTiR;
color: #333333;
line-height: 35px;
padding-left: 50px;
padding-bottom: 10px;
span {
display: inline-block;
width: 65px;
margin-right: 50px;
text-align: justify;
text-align-last: justify;
}
}
}
</style>
src/views/Home/notice/components/tpl.js 0 → 100644
View file @ 617144fe
This diff is collapsed.
src/views/Home/notice/index.vue 0 → 100644
View file @ 617144fe
<template>
<el-container>
<el-aside width="240px">
<h3 class="side_title">通知公告</h3>
<ul class="side-list">
<li
:class="currentComponent === name ? 'active' : ''"
v-for="{ isTop, time, name, label } in list"
:key="name"
@click="currentComponent = name"
>
<h4>{{ label }}</h4>
<div>
<span class="isTop" v-if="isTop">置顶</span>
<span class="time">{{ time }}</span>
</div>
</li>
</ul>
</el-aside>
<el-main>
<component :is="currentComponent"></component>
</el-main>
</el-container>
</template>
<script>
import AllianceApply from "./components/AllianceApply.vue"
import HospitalsList from "./components/HospitalsList.vue"
export default {
name: "Notice",
components: {
AllianceApply,
HospitalsList,
},
data() {
return {
list: [
{
name: "AllianceApply",
label: "申请加入国家消化道早癌防治中心联盟",
time: "2022-09-20",
isTop: true,
},
{
name: "HospitalsList",
label: "GECA联盟理事及医院名单",
time: "2022-11-20",
isTop: true,
},
],
currentComponent: "AllianceApply",
}
},
methods: {},
mounted() {},
watch: {},
}
</script>
<style lang="scss" scoped>
.el-aside {
background-color: #fff;
border-radius: 4px;
.side_title {
font-size: 18px;
font-weight: bold;
color: #333333;
margin: 20px;
padding-left: 15px;
letter-spacing: 2px;
border-radius: 4px;
position: relative;
&::before {
content: " ";
border-left: 4px solid #4e68ff;
position: absolute;
height: 18px;
top: 4px;
left: 0;
}
}
.side-list {
li {
padding: 20px 15px;
cursor: pointer;
font-size: 12px;
&.active {
background: rgba(78, 104, 255, 0.06);
h4 {
color: #4e68ff;
}
}
h4 {
font-size: 16px;
letter-spacing: 1px;
font-weight: bold;
line-height: 26px;
}
.isTop {
width: 32px;
height: 20px;
padding: 2px 5px;
color: #7085fe;
background: rgba(112, 133, 254, 0.1);
border-radius: 1px;
}
.time {
color: #999999;
}
}
}
}
.el-main {
background-color: #fff;
border-radius: 4px;
margin-left: 20px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment