diff --git a/src/assets/img/DataCenter/right.png b/src/assets/img/DataCenter/right.png new file mode 100644 index 0000000000000000000000000000000000000000..44356df0359628882543279271e8c7582e56f557 Binary files /dev/null and b/src/assets/img/DataCenter/right.png differ diff --git a/src/assets/img/DataCenter/wrong.png b/src/assets/img/DataCenter/wrong.png new file mode 100644 index 0000000000000000000000000000000000000000..e41fb5b2fcef8449efd4517a4b16e2d9edbb9488 Binary files /dev/null and b/src/assets/img/DataCenter/wrong.png differ diff --git a/src/assets/img/Home/dizhiwhite.png b/src/assets/img/Home/dizhiwhite.png new file mode 100644 index 0000000000000000000000000000000000000000..072bc2615add9ff8b215b1bbb06eeba1a30c2b87 Binary files /dev/null and b/src/assets/img/Home/dizhiwhite.png differ diff --git a/src/assets/img/Home/kefuwhite.png b/src/assets/img/Home/kefuwhite.png new file mode 100644 index 0000000000000000000000000000000000000000..4974385644f30c4dabc4244854e99d3b090953ce Binary files /dev/null and b/src/assets/img/Home/kefuwhite.png differ diff --git a/src/assets/img/Home/map.png b/src/assets/img/Home/map.png index a116b449fa301bde6a17e5f46f36981d4c8a6c63..75fb3bb30aff3c2a3acc7307339c0cad4132e20c 100644 Binary files a/src/assets/img/Home/map.png and b/src/assets/img/Home/map.png differ diff --git a/src/assets/img/Home/youxiangwhite.png b/src/assets/img/Home/youxiangwhite.png new file mode 100644 index 0000000000000000000000000000000000000000..d2efd2c1594c40e75c6c99441a56de94e99aeb9b Binary files /dev/null and b/src/assets/img/Home/youxiangwhite.png differ diff --git a/src/components/FormComponents/CustomForm/FormItemSelf.vue b/src/components/FormComponents/CustomForm/FormItemSelf.vue index 65b204318c925508efdd0eb43559057ed2490ea3..3df0aaa5826594a0a54d0d7ec16a1e8ef76cda44 100644 --- a/src/components/FormComponents/CustomForm/FormItemSelf.vue +++ b/src/components/FormComponents/CustomForm/FormItemSelf.vue @@ -214,12 +214,22 @@ :multiple-limit="item.limit" @change="handleChange" > - + + @@ -440,6 +450,7 @@ export default { age: "", pickerOptions, rangeOptions, + unionList: [], showChildren: false, // 用来控制不同表单 } }, @@ -471,6 +482,9 @@ export default { this.timerangeReset() this.numberReset() this.checkboxReset() + if (this.item.prop == "union_id") { + this.unionList = [{ label: "嗡嗡嗡", value: 1 }] + } }, mounted() { this.showFormItem() @@ -611,6 +625,7 @@ export default { } val && this.$set(this.form, ruleTarget, val) }, + // 根据生日设置年龄回显 getAge() { if (this.form.birthday) { var birthday = new Date(this.form.birthday.replace(/-/g, "/")) @@ -686,12 +701,10 @@ export default { if ( prop == "early_gastric_cancer" || prop == "period_gastric_cancer" || - prop == "esophagus_level" + prop == "inogm_level" ) { let flag = false - this.form.esophagus_level == "high" - ? (flag = true) - : (flag = false) + this.form.inogm_level == "high" ? (flag = true) : (flag = false) if (!flag) { if (this.form.early_gastric_cancer) { this.form.early_gastric_cancer.length > 0 @@ -810,6 +823,7 @@ export default { handleBlur() { this.handleAlgorithm() }, + // 每个表单值改变的方法 handleChange(val) { this.checkboxRepel(val) this.handleAlgorithm() diff --git a/src/layouts/components/Avatar/index.vue b/src/layouts/components/Avatar/index.vue index e7ec045f93e5421b944fab09b1ad1061a3ae1059..f0a35bcb2013f7dc0dc0a1447595b6594eaca86a 100644 --- a/src/layouts/components/Avatar/index.vue +++ b/src/layouts/components/Avatar/index.vue @@ -53,6 +53,7 @@ export default { async () => { const fullPath = this.$route.fullPath await this.$store.dispatch("user/logout") + this.$store.commit("table/removeSelectedIndex") this.$router.push(`/home?redirect=${fullPath}`) } ) diff --git a/src/layouts/components/NavBar/index.vue b/src/layouts/components/NavBar/index.vue index eaa8301b7117655ce8d06375272da9ed3a256c51..4b30ca6fb9bea0fb5ea0203ff50f3442c4316920 100644 --- a/src/layouts/components/NavBar/index.vue +++ b/src/layouts/components/NavBar/index.vue @@ -8,16 +8,27 @@
-
+
{{ item.label }}
-
+
{{ - curSelectedIndex != -1 - ? screeningList[curSelectedIndex - 1] ? screeningList[curSelectedIndex - 1].title - : "" :'' + curSelectedIndex != -1 + ? screeningList[curSelectedIndex - 1] + ? screeningList[curSelectedIndex - 1].title + : "" + : "" }}
@@ -25,8 +36,17 @@
- -
+ +
{{ item.date }} @@ -80,14 +100,17 @@ export default { screeningList: [ { title: "社区筛查", + src: require("@/assets/img/DataCenter/shequ.png"), }, { title: "医院筛查", + src: require("@/assets/img/DataCenter/yiyuan.png"), }, { title: "体检筛查", + src: require("@/assets/img/DataCenter/tijian.png"), }, ], diff --git a/src/layouts/index.vue b/src/layouts/index.vue index 81af5d964305416a99e7f222afb4a89cb0b2d5f2..6e6810e05b66171f238cfea2ccc34982eeadcc2b 100644 --- a/src/layouts/index.vue +++ b/src/layouts/index.vue @@ -51,6 +51,7 @@ :close-on-press-escape="false" :show-close="false" width="70%" + top="10vh" >
请选择您的筛查填报场景
@@ -77,6 +78,9 @@
{{ item.title }}
+
+ {{ item.desc }} +
@@ -84,10 +88,91 @@
保存确定 +
+
+ 注意，本系统筛查对象为：
+ 无消化道症状（腹痛，腹泻，消化道出血等）的一般人群，住院及胃癌术后患者切勿上传至本系统，详细条件见入排标准。
+ 点击查看详情
+ +
+
入排标准
+
+
+
+ {{ item.title }} +
+
+
+ + + + + +
+
+
+
+
+
+ 返回 +
+
@@ -119,25 +204,74 @@ export default { data() { return { modalFlag: false, + innerVisible: false, screeningList: [ { title: "社区筛查", value: "1", + desc: "在社区对该地区居民进行招募与筛查", src: require("@/assets/img/DataCenter/shequ.png"), }, { title: "医院筛查", value: "2", + desc: "无消化道症状的门诊人群", src: require("@/assets/img/DataCenter/yiyuan.png"), }, { title: "体检筛查", value: "3", + desc: "参加单位或个人体检的人群", src: require("@/assets/img/DataCenter/tijian.png"), }, ], selectedIndex: "1", curSelectedIndex: "", + innerTable: [ + { + title: "纳入标准（同时满足2条）", + list: [{ type: "text", value: "男性年龄40～79岁，女性50~79岁；" }], + }, + { + title: "排除标准（任意一条符合即排除）", + list: [ + { type: "text", value: "距上次胃镜检查间隔时间一年内；" }, + { type: "text", value: "胃大部切除术手术史；" }, + { + type: "text", + value: + "两周内服用PPI（埃索美拉唑、泮托拉唑、雷贝拉唑、兰索拉唑等）或H2受体拮抗剂（法莫替丁等）；", + }, + { + type: "list", + value: { + value: "有下列一种或多种症状：", + list: [ + "6个月内缺铁性贫血；", + "12个月内消化道出血（黑便、血便等）；", + "体重减轻（非减肥原因6个月内体重减轻≥4.5Kg）；", + "经常性腹泻；", + "吞咽困难或哽噎感；", + "腹部肿块。", + ], + }, + }, + { + type: "text", + value: + "有以下任何一种疾病史：食管癌、胃癌、结直肠肿瘤、息肉病、炎症性肠病、其它器官恶性肿瘤（乳腺、卵巢、子宫及泌尿系统等）；", + }, + { + type: "text", + value: "影像、肿瘤标志物等检查高度怀疑罹患肿瘤可能；", + }, + { + type: "text", + value: "严重心、肺、肝、肾功能不全，或严重精神疾患。", + }, + ], + }, + ], } }, computed: { @@ -156,7 +290,7 @@ export default { }, }, created() { - this.selectedIndex = localStorage.getItem("selectedIndex") || "" + this.selectedIndex = sessionStorage.getItem("selectedIndex") || "" this.curSelectedIndex = String(this.selectedIndex) ? this.selectedIndex : "" }, mounted() { @@ -335,6 +469,9 @@ export default { box-shadow: none; } } +::v-deep .homeDialog { + min-width: 1036px; +} ::v-deep .homeDialog .el-dialog__header { display: none; } @@ -355,6 +492,12 @@ export default { li { cursor: pointer; } + .desc { + font-size: 14px; + font-family: AlibabaPuHuiTiR; + color: #666666; + text-indent: 38px; + } .screeningItem { display: flex; .circle { @@ -385,13 +528,84 @@ export default { } } } - .submit { - margin-top: 60px; + + .tips { + width: 100%; + background: #f5f5f5; + border-radius: 4px; + line-height: 22px; + padding: 20px; + margin-top: 40px; + } +} +.innerBody { + padding: 0 40px; + .title { + font-size: 24px; + font-family: AlibabaPuHuiTiM; + color: #333333; text-align: center; - .btn { - width: 100px; - height: 32px; + margin-bottom: 40px; + } + .innerTable { + border-radius: 4px; + border: 1px solid #dddddd; + border-radius: 4px; + .col_item { + display: flex; + .left { + width: 35%; + min-height: 72px; + display: flex; + justify-content: flex-start; + padding-left: 20px; + align-items: center; + font-size: 18px; + font-family: AlibabaPuHuiTiM; + font-weight: bold; + color: #333333; + border-right: 1px solid #eff0f3; + // border-bottom: 1px solid #eff0f3; + } + .right { + flex: 1; + .r_col_item { + min-height: 72px; + display: flex; + justify-content: flex-start; + align-items: center; + padding: 20px 0 20px 20px; + img { + width: 26px; + height: 26px; + } + .r_text { + font-size: 16px; + font-family: AlibabaPuHuiTiR; + color: #333333; + font-weight: bold; + } + ul { + li { + height: 30px; + font-size: 16px; + font-family: AlibabaPuHuiTiR; + color: #666666; + line-height: 30px; + } + } + } + } } } } +.submit { + margin-top: 60px; + text-align: center; + .btn { + width: 100px; + border-radius: 4px; + height: 32px; + } +} diff --git a/src/router/index.js b/src/router/index.js index 0cd0b3bd1fda4bc3d29ea68040ac5cdfcde85fa2..435436719dff99112bb2e5f12d236431757c4aec 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -20,6 +20,10 @@ export const constantRoutes = [ path: "/allianceintroduction", component: () => import("@/views/Home/AllianceIntroduction/index"), }, + { + path: "/healthpopularization", + component: () => import("@/views/Home/HealthPopularization/index"), + }, { path: "/casesharing", component: () => import("@/views/Home/CaseSharing/index"), diff --git a/src/store/modules/table.js b/src/store/modules/table.js index 6a63cce71f7407174893a71abbfd50668e0cdee3..e49519f52fef3e3e513b044b8db71f9b41cb6eda 100644 --- a/src/store/modules/table.js +++ b/src/store/modules/table.js @@ -1,6 +1,6 @@ const state = { fontSize: localStorage.getItem("fontSize") || 1, - selectedIndex: localStorage.getItem("selectedIndex") || "", + selectedIndex: sessionStorage.getItem("selectedIndex") || "", } const getters = { fontSize: (state) => state.fontSize, @@ -12,7 +12,11 @@ const mutations = { }, setSelectedIndex(state, selectedIndex) { state.selectedIndex = selectedIndex - localStorage.setItem("selectedIndex", selectedIndex) + sessionStorage.setItem("selectedIndex", selectedIndex) + }, + removeSelectedIndex() { + state.selectedIndex = "" + sessionStorage.removeItem("selectedIndex") }, } const actions = {} diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue index 50b5b4356c2669b79b61eac868c3191cf8c97050..1489a2dbb89f09747faf566fff335251db88401f 100644 --- a/src/views/Home/index.vue +++ b/src/views/Home/index.vue @@ -5,7 +5,7 @@
-
+
- -
+ +
联盟地图
@@ -60,11 +60,15 @@
-
+
-
累计上报量机构排名
+
+ + 累计上报合格病例数机构排名 + +
    @@ -84,7 +88,10 @@
-
当前季度上报量机构排名
+
+ 近90天上报量机构排名 +
+
    @@ -153,12 +160,32 @@
      -
    • - {{ item.name }} -
      • -
    • -
      问题反馈群
      -
      • + +
    • + + +
      • +
@@ -168,6 +195,7 @@ import { getRankTotal, getCurrentQuarter } from "@/api/Home" export default { data() { return { + fixIndex: -1, // videoSrc: require("../../../public/aaa.mp4"), videoSrc: "", exTab: "浙江省典型案例", @@ -185,6 +213,62 @@ export default { title: "典型案例小标题典型案例小标题", date: "2022-09-26", }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, ], tabList: [ { @@ -206,6 +290,42 @@ export default { title: "典型案例小标题典型案例小标题", date: "2022-09-26", }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, + { + title: "典型案例小标题典型案例小标题", + date: "2022-09-26", + }, ], curTab: "新闻会议", rangeList: [], // 上报排名 @@ -231,15 +351,21 @@ export default { ], rigBarList: [ { - src: require("@/assets/img/Home/kefu.png"), + src1: require("@/assets/img/Home/kefu.png"), + src2: require("@/assets/img/Home/kefuwhite.png"), + content: "", name: "客服", }, { - src: require("@/assets/img/Home/youxiang.png"), + src1: require("@/assets/img/Home/youxiang.png"), + src2: require("@/assets/img/Home/youxiangwhite.png"), + content: "service@gecachina.cn", name: "邮箱", }, { - src: require("@/assets/img/Home/dizhi.png"), + src1: require("@/assets/img/Home/dizhi.png"), + src2: require("@/assets/img/Home/dizhiwhite.png"), + content: "上海市杨浦区长海路168号综合保障楼4楼", name: "地址", }, ], @@ -247,7 +373,6 @@ export default { showFixed: false, } }, - watch: {}, mounted() { this.getRankTotal() this.getCurrentQuarter() @@ -270,42 +395,14 @@ export default { getRankTotal() { getRankTotal().then((res) => { if (res.code == 1) { - // this.rangeList = res.data - this.rangeList = [ - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - ] + this.rangeList = res.data } }) }, getCurrentQuarter() { getCurrentQuarter().then((res) => { if (res.code == 1) { - // this.curQuarterList = res.data - this.curQuarterList = [ - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - { unionName: "包头医学院第二附属医院", nums: 12311 }, - ] + this.curQuarterList = res.data } }) }, @@ -315,25 +412,27 @@ export default { + diff --git a/src/views/dataoverview/index.vue b/src/views/dataoverview/index.vue index b27024e9f9f8cbcf74ef606c10c5851aa0285cf6..ef416272d234f8fd2c298b8e458a6e6cb632f19a 100644 --- a/src/views/dataoverview/index.vue +++ b/src/views/dataoverview/index.vue @@ -40,7 +40,7 @@ export default { return { listLoading: false, selectedIndex: sessionStorage.getItem("homeSelectedIndex") - 0 || 0, - headList: ["社区筛查", "医院筛查", "体检筛查"], + headList: ["筛查概览", "社区筛查", "医院筛查", "体检筛查"], columns: [ { label: "医联体", @@ -109,7 +109,7 @@ export default { }, getPatientPage() { this.listLoading = true - let data = { patientFrom: this.selectedIndex - 0 + 1 } + let data = { patientFrom: this.selectedIndex } getPatientPage(data).then((res) => { this.listLoading = false if (res.code === 1) {