修改背景色

src/layouts/components/Header/components/Message.vue

@@ -81,10 +81,9 @@
   const query = () => {
     pageMyMesage({
       current: 1,
-      readStatus: 'read',
+      readStatus: 'un_read',
       size: 100,
     }).then((res) => {
-      console.log('sadas', res);
       if (res.success && res.result) {
         msgList.value = res.result.content;
       }

src/views/data-screen/components/ChinaMapChart.vue

@@ -107,9 +107,8 @@ const option: ECOption = {
         color: "#fff"
       },
     },
-    roam: true,
     //   放大我们的地图
-    zoom: 1.5,
+    zoom: 1.2,
     itemStyle: {
       normal: {
         areaColor: "rgba(43, 196, 243, 0.42)",

src/views/data-screen/index.scss

 .dataScreen-container {
   width: 100%;
   height: 100%;
-  background: url("./images/bg.png") no-repeat;
-  background-repeat: no-repeat;
-  background-attachment: fixed;
-  background-position: center;
-  background-size: 100% 100%;
-  background-size: cover;
+  background: #00204b;
   .dataScreen-content {
     position: fixed;
     top: 50%;

src/views/infoGather/customerGather/components/Customer.vue

@@ -184,10 +184,6 @@
           <td class="label">特殊原因备注</td>
           <td colspan="5"><el-input class="line-input" v-model="form.remark" placeholder="" /></td>
         </tr>
-        <tr>
-          <td class="label">法务分配</td>
-          <td colspan="5">录入人不用填写，由风控部人员分配</td>
-        </tr>
       </tbody>
     </table>
     <p class="text-center my-3 py-1" style="background: #bdd6ec;">信用卡网贷状况统计*<span class=" text-xs text-red-600">(涉及金额部分单位为：元)</span></p>

src/views/infoGather/customerGather/components/customerPrint.vue

 <template>
-    <tr>
-        <td class="label" colspan="2">收单单位</td>
-        <td colspan="4"></td>
-        <td class="label" colspan="2">收单时间</td>
-        <td colspan="2"></td>
-    </tr>
     <tr>
         <td class="label" colspan="2">录入人</td>
         <td colspan="3">{{props.data.inputUserName}}</td>

src/views/workplace/todo/index.vue

 <template>
   <div class="table-box">
     <ProTable ref="proTable" :config="config" :api="pageMyMesage"> </ProTable>
+    <vxe-modal
+      resize
+      v-model="showModal"
+      title="消息详情"
+      height="482"
+      width="550"
+      show-footer
+      esc-closable
+    >
+      <div class="w-full px-3 h-full overflow-auto py-4">
+        <div class=" text-xs text-gray-400">{{currentRow.sendTime}}</div>
+        <div class=" font-bold text-base pt-1">{{currentRow.title}}</div>
+        <div v-html="currentRow.content" class="text-base pt-1"></div>
+      </div>
+    </vxe-modal>
   </div>
 </template>
 
@@ -9,12 +24,25 @@
   import useSocketStore from '@/stores/modules/websocket';
   import { ElMessageBox, ElMessage, ElTag } from 'element-plus';
   import { onMounted } from 'vue';
+  import { useRouter } from 'vue-router';
   import { pageMyMesage } from '@/api/message';
   import { useDict } from '@/hooks/useDict';
-  const { MessageStatus, SendType, MessageType, ServiceType, AuditStatus, CaseStatus } = useDict("MessageStatus","SendType", "MessageType", "ServiceType","AuditStatus", "CaseStatus");
-
+  const { MessageStatus, SendType, MessageType, ServiceType, AuditStatus, CaseStatus, ReadStatus } = useDict("MessageStatus","ReadStatus","SendType", "MessageType", "ServiceType","AuditStatus", "CaseStatus");
+  const showModal = ref(false)
   const proTable = ref();
+  const currentRow = ref();
   const socketStore = useSocketStore();
+  const router = useRouter();
+  const showContent = (row) => {
+    currentRow.value = row
+    showModal.value = true
+
+  }
+  const handleClick = (row) => {
+    if (row.serviceUrl) {
+      router.push(row.serviceUrl)
+    }
+  }
   const config = reactive({
     columns: [
       {
@@ -24,13 +52,21 @@
         title: '消息标题',
         search: { el: 'input', labelWidth: 75 },
       },
-      {
-        field: 'content',
-        title: '消息内容',
-        showOverflow: 'tooltip',
-        width: 160,
-        search: { el: 'input', props: { clearable: true }, labelWidth: 75 },
-      },
+      // {
+      //   field: 'content',
+      //   title: '消息内容',
+      //   showOverflow: 'tooltip',
+      //   width: 160,
+      //   search: { el: 'input', props: { clearable: true }, labelWidth: 75 },
+      //   slots: {
+      //     default: ({ row }) => {
+      //       return (
+      //         <div domPropsInnerHTML={row.content}>
+      //         </div>
+      //       );
+      //     },
+      //   },
+      // },
       {
         field: 'sender.username',
         title: '发送人名称',
@@ -56,6 +92,24 @@
           },
         },
       },
+      {
+        field: 'readStatus',
+        title: '读取状态',
+        showOverflow: 'tooltip',
+        width: 100,
+        enum: ReadStatus,
+        search: { el: 'select', props: { filterable: true }, span: 1, labelWidth: 75 },
+        fieldNames: { label: 'label', value: 'value' },
+        slots: {
+          default: ({ row }) => {
+            return (
+              <ElTag type={row.readStatus == 'read' ? 'primary' : 'danger'}>
+                {row.readStatus == 'read' ? '已读' : '未读'}
+              </ElTag>
+            );
+          },
+        },
+      },
       {
         field: 'sendTime',
         showOverflow: 'tooltip',
@@ -118,6 +172,25 @@
           },
         },
       },
+      {
+          field: 'code',
+          title: '操作',
+          width: 160,
+          slots: {
+            default: ({ row, rowIndex }) => {
+              return (
+                <>
+                  <ElButton type="primary" onClick={() => showContent(row)}>
+                    查看详情
+                  </ElButton>
+                  <ElButton type="primary" onClick={() => handleClick(row)}>
+                    处理
+                  </ElButton>
+                </>
+              );
+            },
+          },
+        }
     ],
   });
   const query = () => proTable.value?.search();