Commit 4a4db135 authored by 沈翠玲's avatar 沈翠玲

修改背景色

parent d1888f3e
...@@ -81,10 +81,9 @@ ...@@ -81,10 +81,9 @@
const query = () => { const query = () => {
pageMyMesage({ pageMyMesage({
current: 1, current: 1,
readStatus: 'read', readStatus: 'un_read',
size: 100, size: 100,
}).then((res) => { }).then((res) => {
console.log('sadas', res);
if (res.success && res.result) { if (res.success && res.result) {
msgList.value = res.result.content; msgList.value = res.result.content;
} }
......
...@@ -107,9 +107,8 @@ const option: ECOption = { ...@@ -107,9 +107,8 @@ const option: ECOption = {
color: "#fff" color: "#fff"
}, },
}, },
roam: true,
// 放大我们的地图 // 放大我们的地图
zoom: 1.5, zoom: 1.2,
itemStyle: { itemStyle: {
normal: { normal: {
areaColor: "rgba(43, 196, 243, 0.42)", areaColor: "rgba(43, 196, 243, 0.42)",
......
.dataScreen-container { .dataScreen-container {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url("./images/bg.png") no-repeat; background: #00204b;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: 100% 100%;
background-size: cover;
.dataScreen-content { .dataScreen-content {
position: fixed; position: fixed;
top: 50%; top: 50%;
......
...@@ -184,10 +184,6 @@ ...@@ -184,10 +184,6 @@
<td class="label">特殊原因备注</td> <td class="label">特殊原因备注</td>
<td colspan="5"><el-input class="line-input" v-model="form.remark" placeholder="" /></td> <td colspan="5"><el-input class="line-input" v-model="form.remark" placeholder="" /></td>
</tr> </tr>
<tr>
<td class="label">法务分配</td>
<td colspan="5">录入人不用填写,由风控部人员分配</td>
</tr>
</tbody> </tbody>
</table> </table>
<p class="text-center my-3 py-1" style="background: #bdd6ec;">信用卡网贷状况统计*<span class=" text-xs text-red-600">(涉及金额部分单位为:元)</span></p> <p class="text-center my-3 py-1" style="background: #bdd6ec;">信用卡网贷状况统计*<span class=" text-xs text-red-600">(涉及金额部分单位为:元)</span></p>
......
<template> <template>
<tr>
<td class="label" colspan="2">收单单位</td>
<td colspan="4"></td>
<td class="label" colspan="2">收单时间</td>
<td colspan="2"></td>
</tr>
<tr> <tr>
<td class="label" colspan="2">录入人</td> <td class="label" colspan="2">录入人</td>
<td colspan="3">{{props.data.inputUserName}}</td> <td colspan="3">{{props.data.inputUserName}}</td>
......
<template> <template>
<div class="table-box"> <div class="table-box">
<ProTable ref="proTable" :config="config" :api="pageMyMesage"> </ProTable> <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> </div>
</template> </template>
...@@ -9,12 +24,25 @@ ...@@ -9,12 +24,25 @@
import useSocketStore from '@/stores/modules/websocket'; import useSocketStore from '@/stores/modules/websocket';
import { ElMessageBox, ElMessage, ElTag } from 'element-plus'; import { ElMessageBox, ElMessage, ElTag } from 'element-plus';
import { onMounted } from 'vue'; import { onMounted } from 'vue';
import { useRouter } from 'vue-router';
import { pageMyMesage } from '@/api/message'; import { pageMyMesage } from '@/api/message';
import { useDict } from '@/hooks/useDict'; 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 proTable = ref();
const currentRow = ref();
const socketStore = useSocketStore(); 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({ const config = reactive({
columns: [ columns: [
{ {
...@@ -24,13 +52,21 @@ ...@@ -24,13 +52,21 @@
title: '消息标题', title: '消息标题',
search: { el: 'input', labelWidth: 75 }, search: { el: 'input', labelWidth: 75 },
}, },
{ // {
field: 'content', // field: 'content',
title: '消息内容', // title: '消息内容',
showOverflow: 'tooltip', // showOverflow: 'tooltip',
width: 160, // width: 160,
search: { el: 'input', props: { clearable: true }, labelWidth: 75 }, // search: { el: 'input', props: { clearable: true }, labelWidth: 75 },
}, // slots: {
// default: ({ row }) => {
// return (
// <div domPropsInnerHTML={row.content}>
// </div>
// );
// },
// },
// },
{ {
field: 'sender.username', field: 'sender.username',
title: '发送人名称', title: '发送人名称',
...@@ -56,6 +92,24 @@ ...@@ -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', field: 'sendTime',
showOverflow: 'tooltip', showOverflow: 'tooltip',
...@@ -118,6 +172,25 @@ ...@@ -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(); const query = () => proTable.value?.search();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment