激活调整应急处置卡和联系方式页面与对应配置

public/js/config.js

@@ -9,7 +9,9 @@ const BASE_URL = '/yapi' //开发接口代理
  */
 const HOME_DATA = {
   startDate: '2024-11-27',
-  curStation: '都匀',
+  group: '国家管网集团西南管道公司',
+  company: '贵阳输油气分公司',
+  curStation: '都匀作业区',
 }
 
 /**

src/views/Home.vue

@@ -10,11 +10,11 @@
     <div class="footer" v-show="hasToken && !fullScreen"></div>
     <base-footer v-show="false" />
     <!-- 应急选项卡列表 -->
-    <!-- <card-list-dialog /> -->
+    <card-list-dialog />
     <!-- 应急选项卡详情 -->
-    <!-- <card-detail-dialog /> -->
+    <card-detail-dialog />
     <!-- 联系人弹窗 -->
-    <!-- <contact-info-dialog /> -->
+    <contact-info-dialog />
     <!-- 报警详情弹窗 由vuex控制 -->
     <alarm-detail-dialog />
     <!-- 一键报警弹窗 由vuex控制 -->

src/views/components/emergency/CardDetailDialog.vue

@@ -11,8 +11,8 @@
     <div slot="title" class="dialog-title">
       <img :src="require('@/assets/imgs/logo_small.png')" alt="" />
       <div class="title-box">
-        <span class="title-text">国家管网集团北京管道有限公司</span>
-        <span class="title-text">天津输油气分公司静海作业区</span>
+        <span class="title-text">{{ info.group }}</span>
+        <span class="title-text">{{ info.company + info.curStation }}</span>
       </div>
     </div>
     <div class="list-container">
@@ -48,6 +48,11 @@ export default {
     return {
       show: false,
       detail: {},
+      info: {
+        group: "国家管网集团西南管道公司",
+        company: "贵阳输油气分公司",
+        curStation: "都匀作业区",
+      },
     };
   },
   watch: {
@@ -56,6 +61,7 @@ export default {
     },
   },
   mounted() {
+    this.info = HOME_DATA;
     this.$EventBus.$off("handleClickRow");
     this.$EventBus.$on("handleClickRow", (data) => {
       this.detail = data;

src/views/components/emergency/CardListDialog.vue

@@ -43,6 +43,7 @@ export default {
       handler(newVal) {
         console.log(newVal);
         this.show = newVal.includes("应急处置卡");
+        this.getCartList();
       },
       deep: true,
     },

src/views/components/emergency/ContactInfoDialog.vue

@@ -11,8 +11,8 @@
     <div slot="title" class="dialog-title">
       <img :src="require('@/assets/imgs/logo_small.png')" alt="" />
       <div class="title-box">
-        <span class="title-text">国家管网集团北京管道有限公司</span>
-        <span class="title-text">天津输油气分公司静海作业区</span>
+        <span class="title-text">{{ info.group }}</span>
+        <span class="title-text">{{ info.company + info.curStation }}</span>
       </div>
     </div>
     <div class="list-container">
@@ -28,11 +28,23 @@
         </thead>
         <tbody>
           <template v-for="item of contacts">
-            <tr class="list-item" v-for="(person, index) in item.contacts" :key="index">
-              <td class="sort" :rowspan="item.contacts.length" v-if="index === 0">
+            <tr
+              class="list-item"
+              v-for="(person, index) in item.contacts"
+              :key="index"
+            >
+              <td
+                class="sort"
+                :rowspan="item.contacts.length"
+                v-if="index === 0"
+              >
                 {{ item.sort }}
               </td>
-              <td class="company" :rowspan="item.contacts.length" v-if="index === 0">
+              <td
+                class="company"
+                :rowspan="item.contacts.length"
+                v-if="index === 0"
+              >
                 {{ item.unit }}
               </td>
               <td class="name">{{ person.name }}</td>
@@ -40,7 +52,9 @@
                 <div v-if="Array.isArray(person.phone)">
                   <template v-for="(p, pIndex) in person.phone">
                     {{ p }}
-                    <template v-if="pIndex < person.phone.length - 1"><br :key="p" /></template>
+                    <template v-if="pIndex < person.phone.length - 1"
+                      ><br :key="p"
+                    /></template>
                   </template>
                 </div>
               </td>
@@ -67,32 +81,132 @@ export default {
     return {
       show: false,
       rowNumber: 1,
+      info: {
+        group: "国家管网集团西南管道公司",
+        company: "贵阳输油气分公司",
+        curStation: "都匀作业区",
+      },
       contacts: [
-        { sort: "1", company: "国家管网调控中心", name: "应急值班电话", phone: "010-87981234" },
+        {
+          sort: "1",
+          company: "国家管网调控中心",
+          name: "应急值班电话",
+          phone: "010-87981234",
+        },
         {
           sort: "2",
           company: "公司应急指挥中心",
           name: "值班电话",
           phone: ["010-84884310", "13910592752"],
         },
-        { sort: "3", company: "天津输油气分公司", name: "陶志刚", phone: "13716833000" },
-        { sort: "4", company: "天津输油气分公司", name: "吴庆江", phone: "13601149487" },
-        { sort: "5", company: "天津输油气分公司", name: "刘乃刚", phone: "15830610158" },
-        { sort: "6", company: "天津输油气分公司", name: "赵宏振", phone: "13381228262" },
-        { sort: "7", company: "天津输油气分公司", name: "齐迎峰", phone: "13811255802" },
-        { sort: "8", company: "天津输油气分公司", name: "董长锁", phone: "13821371452" },
-        { sort: "9", company: "天津输油气分公司", name: "夏坤坤", phone: "18633793078" },
-        { sort: "10", company: "天津输油气分公司", name: "孙全军", phone: "13393033123" },
-        { sort: "11", company: "分公司值班室", name: "值班电话", phone: "18322404900" },
-        { sort: "12", company: "大港作业区", name: "值班电话", phone: "4633/13072030579" },
-        { sort: "13", company: "霸州作业区", name: "值班电话", phone: "4635/13230680366" },
-        { sort: "14", company: "河北华奥", name: "值班电话", phone: "0317-4129733" },
-        { sort: "15", company: "天津天汇", name: "值班电话", phone: "13388003887" },
-        { sort: "16", company: "津静昆仑", name: "值班电话", phone: "13866380546" },
-        { sort: "17", company: "静海区应急管理局", name: "值班电话", phone: "022-68692821" },
-        { sort: "18", company: "静海区公安分局", name: "值班电话", phone: "022-28942821" },
-        { sort: "19", company: "静海区消防支队", name: "值班电话", phone: "022-28942710" },
-        { sort: "20", company: "静海区医院", name: "值班电话", phone: "022-28942928" },
+        {
+          sort: "3",
+          company: "天津输油气分公司",
+          name: "陶志刚",
+          phone: "13716833000",
+        },
+        {
+          sort: "4",
+          company: "天津输油气分公司",
+          name: "吴庆江",
+          phone: "13601149487",
+        },
+        {
+          sort: "5",
+          company: "天津输油气分公司",
+          name: "刘乃刚",
+          phone: "15830610158",
+        },
+        {
+          sort: "6",
+          company: "天津输油气分公司",
+          name: "赵宏振",
+          phone: "13381228262",
+        },
+        {
+          sort: "7",
+          company: "天津输油气分公司",
+          name: "齐迎峰",
+          phone: "13811255802",
+        },
+        {
+          sort: "8",
+          company: "天津输油气分公司",
+          name: "董长锁",
+          phone: "13821371452",
+        },
+        {
+          sort: "9",
+          company: "天津输油气分公司",
+          name: "夏坤坤",
+          phone: "18633793078",
+        },
+        {
+          sort: "10",
+          company: "天津输油气分公司",
+          name: "孙全军",
+          phone: "13393033123",
+        },
+        {
+          sort: "11",
+          company: "分公司值班室",
+          name: "值班电话",
+          phone: "18322404900",
+        },
+        {
+          sort: "12",
+          company: "大港作业区",
+          name: "值班电话",
+          phone: "4633/13072030579",
+        },
+        {
+          sort: "13",
+          company: "霸州作业区",
+          name: "值班电话",
+          phone: "4635/13230680366",
+        },
+        {
+          sort: "14",
+          company: "河北华奥",
+          name: "值班电话",
+          phone: "0317-4129733",
+        },
+        {
+          sort: "15",
+          company: "天津天汇",
+          name: "值班电话",
+          phone: "13388003887",
+        },
+        {
+          sort: "16",
+          company: "津静昆仑",
+          name: "值班电话",
+          phone: "13866380546",
+        },
+        {
+          sort: "17",
+          company: "静海区应急管理局",
+          name: "值班电话",
+          phone: "022-68692821",
+        },
+        {
+          sort: "18",
+          company: "静海区公安分局",
+          name: "值班电话",
+          phone: "022-28942821",
+        },
+        {
+          sort: "19",
+          company: "静海区消防支队",
+          name: "值班电话",
+          phone: "022-28942710",
+        },
+        {
+          sort: "20",
+          company: "静海区医院",
+          name: "值班电话",
+          phone: "022-28942928",
+        },
       ],
     };
   },
@@ -103,11 +217,14 @@ export default {
     topNavActive: {
       handler(newVal) {
         this.show = newVal.includes("应急通讯录");
+        this.getContactList();
       },
       deep: true,
     },
   },
-  mounted() {},
+  mounted() {
+    this.info = HOME_DATA;
+  },
   created() {
     this.getContactList();
   },
@@ -139,7 +256,11 @@ export default {
     .el-dialog__header {
       height: 88px;
       padding: 0;
-      background-image: linear-gradient(180deg, rgba(0, 70, 140, 0.8) 0%, rgba(0, 121, 215, 0.8) 100%);
+      background-image: linear-gradient(
+        180deg,
+        rgba(0, 70, 140, 0.8) 0%,
+        rgba(0, 121, 215, 0.8) 100%
+      );
       border-radius: 10px 10px 0 0;
       .dialog-title {
         height: 100%;
@@ -210,7 +331,11 @@ export default {
     .el-dialog__footer {
       padding: 0;
       height: 48px;
-      background-image: linear-gradient(180deg, rgba(0, 70, 140, 0.8) 0%, rgba(0, 121, 215, 0.8) 100%);
+      background-image: linear-gradient(
+        180deg,
+        rgba(0, 70, 140, 0.8) 0%,
+        rgba(0, 121, 215, 0.8) 100%
+      );
       border-radius: 0 0 10px 10px;
       .dialog-footer {
         height: 100%;