需求调整

src/views/alarm_management/index.vue

@@ -15,11 +15,16 @@
       <el-table-column prop="companyName" label="企业名称" />
       <el-table-column prop="servicePlatformName" label="服务平台名称" />
       <el-table-column prop="thirdPlatformName" label="上级平台名称" />
-      <el-table-column prop="handleStatus" label="处理类型">
+      <el-table-column prop="pushStatus" label="推送状态">
         <template #default="{ row }">
-          <span v-if="row.handleStatus === 1"> 未处理</span>
-          <span v-else-if="row.handleStatus === 2"> 处理成功</span>
-          <span v-else-if="row.handleStatus === 3"> 不需要处理</span>
+          {{ translationStatus(row.pushStatus, pushOptions) }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="receiveTime" label="数据接收时间" />
+      <el-table-column prop="businessName" label="业务名称" />
+      <el-table-column prop="handleStatus" label="处理状态">
+        <template #default="{ row }">
+          {{ translationStatus(row.handleStatus, handleStatusOptions) }}
         </template>
       </el-table-column>
       <el-table-column v-slot="{ row }" label="操作" width="260">
@@ -63,6 +68,7 @@ import { getAlarmList } from "@/request/alarm_management.js";
 import AppTable from "@/components/table/index.vue";
 import { useRouter } from "vue-router";
 import editDialog from "./components/edit.vue";
+import { translationStatus } from "@/assets/js/utils.js";
 
 const router = useRouter();
 
@@ -73,6 +79,13 @@ const handleStatusOptions = [
   { name: "处理成功", id: 2 },
   { name: "不需要处理", id: 3 },
 ];
+const pushOptions = [
+  { id: 1, name: "未推送" },
+  { id: 2, name: "定时推送" },
+  { id: 3, name: "推送成功" },
+  { id: 4, name: "重试中" },
+  { id: 5, name: "推送失败" },
+];
 const options = [
   { key: "companyName", label: "企业名称" },
   { key: "servicePlatformName", label: "服务平台名称" },

src/views/alarm_management/info.vue

@@ -1,6 +1,24 @@
 <template>
   <div>
-    <app-info-builder :options :info> </app-info-builder>
+    <app-info-builder :options :info>
+      <template #receiveData>
+        <template v-if="!fnToJsonParse(info.receiveData)">{{
+          receiveData
+        }}</template>
+        <template v-else>
+          {
+          <div
+            class="mt-2 pl-18"
+            v-for="(value, key) in fnToJsonParse(info.receiveData)"
+            :key="key"
+          >
+            <span class="key-contanier"> {{ key }}</span> :
+            <span class="value-contanier">{{ value }}</span>
+          </div>
+          }
+        </template>
+      </template>
+    </app-info-builder>
   </div>
 </template>
 
@@ -9,30 +27,57 @@ import { useRoute } from "vue-router";
 import AppInfoBuilder from "@/components/info_builder/index.vue";
 import { ref } from "vue";
 import { getAlarmInfo } from "@/request/alarm_management.js";
+import { translationStatus } from "@/assets/js/utils.js";
 const route = useRoute();
 const { id } = route.query;
 const info = ref({});
 const fnGetData = async () => {
   const { data } = await getAlarmInfo({ id });
   info.value = data;
-  info.value.status = fnStatus(info.value.handleStatus);
+  info.value.handleStatus = translationStatus(
+    info.value.handleStatus,
+    handleStatusOptions
+  );
+  info.value.pushStatus = translationStatus(info.value.pushStatus, pushOptions);
 };
 fnGetData();
-const fnStatus = (status) => {
-  switch (status) {
-    case 1:
-      return "未处理";
-    case 2:
-      return "处理成功";
-    case 3:
-      return "不需要处理";
+const handleStatusOptions = [
+  { id: 1, name: "未处理" },
+  { id: 2, name: "处理成功" },
+  { id: 3, name: "不需要处理" },
+];
+const pushOptions = [
+  { id: 1, name: "未推送" },
+  { id: 2, name: "定时推送" },
+  { id: 3, name: "推送成功" },
+  { id: 4, name: "重试中" },
+  { id: 5, name: "推送失败" },
+];
+const fnToJsonParse = (params) => {
+  if (params === null) {
+    return false;
+  }
+  try {
+    const obj = JSON.parse(params);
+    return obj;
+  } catch (error) {
+    return false;
   }
 };
 const options = [
   { key: "companyName", label: "企业名称" },
   { key: "servicePlatformName", label: "服务平台名称" },
   { key: "thirdPlatformName", label: "上级平台名称" },
-  { key: "alarmReason", label: "告警原因" },
+  {
+    key: "pushStatus",
+    label: "推送状态",
+  },
+  {
+    key: "businessName",
+    label: "业务名称",
+  },
+  { key: "receiveTime", label: "数据接收时间" },
+
   { key: "handleBy", label: "	处理人" },
   { key: "handleRemark", label: "处理备注" },
   {
@@ -40,10 +85,24 @@ const options = [
     label: "处理结果",
   },
   {
-    key: "status",
+    key: "handleStatus",
     label: "处理状态",
   },
+  { key: "alarmReason", label: "告警原因", span: 2 },
+  {
+    key: "receiveData",
+    label: "上报数据",
+  },
 ];
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.key-contanier {
+  color: #92278f;
+  font-weight: bold;
+}
+.value-contanier {
+  color: #3ab54a;
+  font-weight: bold;
+}
+</style>

src/views/data_directory/basic/records.vue

@@ -7,8 +7,8 @@
       :data="list"
       @get-data="getData"
     >
-      <el-table-column prop="servicePlatformName" label="所在平台名称" />
-      <el-table-column prop="thirdPlatformName" label="上级平台名称" />
+      <el-table-column prop="serviceName" label="所在平台名称" />
+      <el-table-column prop="platformName" label="上级平台名称" />
       <el-table-column prop="businessName" label="数据类型" />
       <el-table-column prop="receiveTime" label="上传时间" />
       <el-table-column prop="receiveStatus" label="数据接收状态">
@@ -68,7 +68,7 @@ const reqMapObj = reqMapArr.find(
   (item) => item.dataType.indexOf(route.query.dataType) !== -1
 );
 const reqMapOptions = reqMapObj?.options || [];
-const reqMap = reqMapObj?.reqMap;
+const reqMap = reqMapObj?.reqMap || {};
 
 const { list, pagination, searchForm, getData, resetPagination, tableRef } =
   useListData(getRecordList, {

src/views/data_directory/basic/records_detail.vue

@@ -3,6 +3,8 @@
     <el-row :gutter="40">
       <el-col :span="8">
         <div class="grid-content">
+          <h3 class="tc">上报数据</h3>
+          <el-divider></el-divider>
           <template v-if="!fnToJsonParse(requestJson)">{{
             requestJson
           }}</template>
@@ -22,6 +24,8 @@
       </el-col>
       <el-col :span="16">
         <div class="grid-content" v-for="(item, index) in logList" :key="index">
+          <h3 class="tc">请求数据</h3>
+          <el-divider></el-divider>
           <div v-if="item.requestTime">请求时间{{ item.requestTime }}</div>
           <el-row :gutter="40">
             <el-col :span="12">

src/views/database/superior_platform_management/components/dataItemsDialog.vue

@@ -54,7 +54,10 @@
         <el-table-column prop="fieldType" label="字段类型" />
         <el-table-column label="是否必填">
           <template #default="{ row }">
-            <el-radio-group v-model="row.isRequired">
+            <el-radio-group
+              v-model="row.isRequired"
+              @change="fnChangeRequired(row)"
+            >
               <el-radio :value="1">是</el-radio>
               <el-radio :value="0">否</el-radio>
             </el-radio-group>
@@ -62,7 +65,7 @@
         </el-table-column>
         <el-table-column label="是否需要">
           <template #default="{ row }">
-            <el-radio-group v-model="row.isNeed">
+            <el-radio-group v-model="row.isNeed" @change="fnChangeNeed(row)">
               <el-radio :value="1">是</el-radio>
               <el-radio :value="0">否</el-radio>
             </el-radio-group>
@@ -134,6 +137,16 @@ const fnFindByMenuId = async () => {
   });
   list.value = data.list;
 };
+const fnChangeRequired = (row) => {
+  if (row.isRequired === 1) {
+    row.isNeed = 1;
+  }
+};
+const fnChangeNeed = (row) => {
+  if (row.isNeed === 0) {
+    row.isRequired = 0;
+  }
+};
 const validateForm = () => {
   if (!form.value.menuId && !form.value.tableName) {
     return ElMessage.warning("请选择数据目录并填写对接表名称");