Browse Source

个案处置弹窗数据

hm 2 weeks ago
parent
commit
cbaaa44bff

+ 8 - 9
src/components/TitleHeader/index.vue

@@ -2,8 +2,7 @@
   <div class="title_container">
     <div class="title">{{ title }}</div>
     <div class="btn_box">
-      <div class="right_btn" :class="{ 'right_btn_active': activeIndex === index }" v-for="(item, index) in buttons"
-        @click="btnClick(item, index)">{{ item.name }}</div>
+      <div class="right_btn" :class="{ right_btn_active: activeIndex === index }" v-for="(item, index) in buttons" @click="btnClick(item, index)">{{ item.name }}</div>
     </div>
   </div>
 </template>
@@ -14,11 +13,11 @@ const props = defineProps({
   buttons: {
     default: () => []
   },
-  btnActiveIndex: 0,
+  btnActiveIndex: 0
 })
 let activeIndex = ref(1)
 const emit = defineEmits(['btnClick'])
-function btnClick (item, index) {
+function btnClick(item, index) {
   activeIndex.value = index
   emit('btnClick', item)
 }
@@ -31,7 +30,6 @@ function btnClick (item, index) {
   justify-content: space-between;
   background: url('../../assets/img/一级标题样式(14).png') no-repeat;
 
-
   .title {
     width: 100%;
     margin-left: 45px;
@@ -70,16 +68,17 @@ function btnClick (item, index) {
   font-style: normal;
   text-transform: none;
   margin-left: 8px;
+  cursor: pointer;
 }
 
 .right_btn_active {
-  background: linear-gradient(90deg, #59A7DA 0%, rgba(22, 116, 178, 0) 100%);
+  background: linear-gradient(90deg, #59a7da 0%, rgba(22, 116, 178, 0) 100%);
   border-radius: 4px 4px 4px 4px;
-  border: 1px solid #6FE5FF;
-  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
+  border: 1px solid #6fe5ff;
+  font-family: Alibaba PuHuiTi 3, Alibaba PuHuiTi 30;
   font-weight: normal;
   font-size: 14px;
-  color: #08FFE5;
+  color: #08ffe5;
   font-style: normal;
   text-transform: none;
 }

+ 1 - 0
src/components/TitleHeaderLong/index.vue

@@ -102,6 +102,7 @@ function getImgSrc (picName) {
   font-style: normal;
   text-transform: none;
   margin-left: 8px;
+  cursor: pointer;
 }
 
 .right_btn_active {

+ 1 - 0
src/components/TitleHeadermini/index.vue

@@ -73,6 +73,7 @@ function btnClick (item, index) {
   font-style: normal;
   text-transform: none;
   margin-left: 8px;
+  cursor: pointer;
 }
 
 .right_btn_active {

+ 1 - 0
src/components/TitleHeadersmall/index.vue

@@ -89,6 +89,7 @@ function btnClick (item, index) {
   font-style: normal;
   text-transform: none;
   margin-left: 8px;
+  cursor: pointer;
 }
 
 .right_btn_active {

+ 2 - 1
src/components/TowLevelTitle/fxryTowLevelTitle.vue

@@ -8,7 +8,7 @@
       <div class="btn_box" >
         <div class="right_btn" :class="{ 'right_btn_active': activeIndex === index }" v-for="(item, index) in buttons"
           @click="btnClick(item, index)">{{ item.name }}</div>
-         <span  v-if="openDialog" @click="openDialog">
+         <span  v-if="openDialog" @click="openDialog" style="cursor: pointer;">
             <!-- <img src="展开箭头.png" alt=""> -->
             <img src="../../assets/img/展开箭头.png" alt="">
           </span>
@@ -115,6 +115,7 @@ function openDialog() {
   font-style: normal;
   text-transform: none;
   margin-left: 10px;
+  cursor: pointer;
   >span{
     img{
       width: 24px;

+ 2 - 1
src/components/TowLevelTitle/index.vue

@@ -8,7 +8,7 @@
       <div class="btn_box" >
         <div class="right_btn" :class="{ 'right_btn_active': activeIndex === index }" v-for="(item, index) in buttons"
           @click="btnClick(item, index)">{{ item.name }}</div>
-         <span  v-if="props.openDialog" @click="openDialog">
+         <span  v-if="props.openDialog" @click="openDialog" style="cursor: pointer;">
             <!-- <img src="展开箭头.png" alt=""> -->
             <img src="../../assets/img/展开箭头.png" alt="">
           </span>
@@ -115,6 +115,7 @@ function openDialog () {
   font-style: normal;
   text-transform: none;
   margin-left: 10px;
+  cursor: pointer;
   >span{
     img{
       width: 24px;

+ 7 - 3
src/views/left/comp/dispose/dialog/ActivityTrajectoryDialog.vue

@@ -15,11 +15,15 @@ const dialogOptions = {
   buttons: [],
   tableColumns: [
     { type: 'index', label: '序号', width: '80' },
-    { prop: 'name', label: '活动时间' },
-    { prop: 'type', label: '活动地址' },
+    { prop: 'time', label: '活动时间' },
+    { prop: 'address', label: '活动地址' },
   ],
   tableData: [
-    // 数据...
+    {time:'2024-07-26 09:00',address:'xxxxx'},
+    {time:'2024-07-26 09:00',address:'1号大街'},
+    {time:'2024-07-26 10:00',address:'2号大街'},
+    {time:'2024-07-26 11:00',address:'3号大街'},
+    {time:'2024-07-26 12:00',address:'4号大街'},
   ]
 }
 

+ 15 - 6
src/views/left/comp/dispose/dialog/DetectionResultDialog.vue

@@ -23,14 +23,23 @@ const dialogOptions = {
     { type: 'index', label: '序号', width: '80' },
     { prop: 'name', label: '姓名' },
     { prop: 'type', label: '标本类别' },
-    { prop: 'type', label: '采样时间' },
-    { prop: 'type', label: '收样时间' },
-    { prop: 'type', label: '检测时间' },
-    { prop: 'type', label: '检测机构' },
-    { prop: 'type', label: '检测结果' },
+    { prop: 'time1', label: '采样时间' },
+    { prop: 'time2', label: '收样时间' },
+    { prop: 'time3', label: '检测时间' },
+    { prop: 'organization', label: '检测机构' },
+    { prop: 'result', label: '检测结果' },
   ],
   tableData: [
-    // 数据...
+    {name:'小明',type:'鼻拭子',time1:'2024-07-26 09:00',time2:'2024-07-26 09:00',time3:'-',organization:'xx单位',result:'阴性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'长宁区疾病预防控制中心',result:'阳性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'长宁区疾病预防控制中心',result:'阳性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'长宁区疾病预防控制中心',result:'阴性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'普陀区疾病预防控制中心',result:'阳性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'普陀区疾病预防控制中心',result:'阳性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'普陀区疾病预防控制中心',result:'阳性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'普陀区疾病预防控制中心',result:'阴性'},
+    {name:'小明',type:'血清',time1:'2024-10-02 5:35',time2:'2024-10-02 9:35',time3:'-',organization:'普陀区疾病预防控制中心',result:'阳性'},
+    {name:'小明',type:'咽拭子',time1:'2024-09-27 17:03',time2:'2024-09-27 17:03',time3:'-',organization:'xx单位',result:'阳性'},
   ]
 }
 

+ 4 - 0
src/views/left/comp/dispose/dialog/RiskDialog.vue

@@ -224,6 +224,10 @@ const handleRowClick = row => {
   margin-left: 10px;
 }
 
+.dialog_table{
+  width: 100%;
+  height: 195px;
+}
 :deep(.el-table) {
   tr {
     background-color: rgba(0, 170, 255, 0.15) !important;

+ 15 - 3
src/views/left/comp/dispose/dialog/RiskLocationDialog.vue

@@ -18,11 +18,23 @@ const dialogOptions = {
   tableColumns: [
     { type: 'index', label: '序号', width: '80' },
     { prop: 'name', label: '场所名称' },
-    { prop: 'type', label: '场所地址' },
-    { prop: 'address', label: '消杀进展' },
+    { prop: 'address', label: '场所地址' },
+    { prop: 'progress', label: '消杀进展' },
   ],
   tableData: [
-    // 数据...
+    {name:'场所1',address:'上海市xx区xx街道xx号',progress:'处置中'},
+    {name:'上海姚连生中学',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'上海市长宁区天山中医医院',address:'上海市xx区xx街道xx号',progress:'处置中'},
+    {name:'王乐康家',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'上海市徐汇区第一中心小学',address:'上海市xx区xx街道xx号',progress:'处置中'},
+    {name:'明园世纪城',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'霞飞苑',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'永康小区',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'上海市徐汇区日晖新村小学',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'西南位育中学东校区',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'社区学院',address:'上海市xx区xx街道xx号',progress:'已完成'},
+    {name:'教育科学研究院实验小学',address:'上海市xx区xx街道xx号',progress:'已完成'},
+
   ]
 }
 

+ 10 - 1
src/views/left/comp/dispose/dialog/RiskPersonnelDialog.vue

@@ -39,7 +39,16 @@ const dialogOptions = {
     // }
   ],
   tableData: [
-    // 数据...
+   {name:'张嘉佳',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'小明',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'小红',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'小米',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'小兰',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'张嘉佳',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'张嘉佳',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'张嘉佳',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'张嘉佳',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
+   {name:'张嘉佳',type:'密接',address:'-',relation:'同学',lastContact:'-',status:'-'},
   ]
 }
 

+ 16 - 10
src/views/left/dialog/PublicHealthRisksDialog.vue

@@ -30,21 +30,27 @@ import { ref, reactive, toRefs, onBeforeMount, onMounted } from 'vue'
 import { useDialogStore } from '@/store/dialog'
 let dialogStore = useDialogStore()
 
+import {
+  riskTypeOptions,
+  riskLevelList,
+  riskStatusOptions
+} from "@/data/dict.js";
+
 const buttons = ref([
   { id: 1, name: '报告地', active: false },
   { id: 2, name: '发生地', active: true }
 ])
 let selectSearchObj = ref({})
-const riskTypeOptions = ref([
-  { value: 1, label: '风险个案' },
-  { value: 2, label: '风险事件' },
-  { value: 3, label: '风险信息' }
-])
-
-const riskStatusOptions = ref([
-  { value: 1, label: '处置中' },
-  { value: 2, label: '已结案' }
-])
+// const riskTypeOptions = ref([
+//   { value: 1, label: '风险个案' },
+//   { value: 2, label: '风险事件' },
+//   { value: 3, label: '风险信息' }
+// ])
+
+// const riskStatusOptions = ref([
+//   { value: 1, label: '处置中' },
+//   { value: 2, label: '已结案' }
+// ])
 
 const tableData = ref([
   {

+ 17 - 13
src/views/left/modules/BigRiskTable.vue

@@ -19,7 +19,7 @@
 
           <div class="select_search">
             <el-select v-model="selectSearchObj.level" placeholder="风险级别" popper-class="custom-select">
-              <el-option v-for="item in riskLevelOptions" :key="item.value" :label="item.label" :value="item.value" />
+              <el-option v-for="item in riskLevelList" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
             <el-select v-model="selectSearchObj.type" placeholder="风险类型" popper-class="custom-select">
               <el-option v-for="item in riskTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
@@ -64,6 +64,10 @@ import { useRiskTableStore } from '@/store/riskTable.js'
 let riskTableStore = useRiskTableStore()
 import { useCommonStore } from '@/store/common.js'
 let commonStore = useCommonStore()
+import {
+  riskTypeOptions,
+  riskLevelList,
+} from "@/data/dict.js";
 
 const emit = defineEmits(['changeRiskView'])
 // const props = defineProps({
@@ -93,18 +97,18 @@ function setActive(index) {
 
 let selectSearchObj = ref({})
 
-const riskLevelOptions = ref([
-  { value: 0, label: 'A级', active: true },
-  { value: 1, label: 'B级', active: false },
-  { value: 2, label: 'C级', active: false },
-  { value: 3, label: 'D级', active: false }
-])
-
-const riskTypeOptions = ref([
-  { value: 1, label: '风险个案' },
-  { value: 2, label: '风险事件' },
-  { value: 3, label: '风险信息' }
-])
+// const riskLevelOptions = ref([
+//   { value: 0, label: 'A级', active: true },
+//   { value: 1, label: 'B级', active: false },
+//   { value: 2, label: 'C级', active: false },
+//   { value: 3, label: 'D级', active: false }
+// ])
+
+// const riskTypeOptions = ref([
+//   { value: 1, label: '风险个案' },
+//   { value: 2, label: '风险事件' },
+//   { value: 3, label: '风险信息' }
+// ])
 
 const riskStatusOptions = ref([
   { value: 1, label: '已结案' },