Merge branch 'shoot-hand-html' of https://gitee.com/elegant_wings/dbd-meeting-html into shoot-hand-html

This commit is contained in:
lujiang 2024-08-29 18:11:38 +08:00
commit 2ee6b2843f
2 changed files with 96 additions and 61 deletions

View File

@ -11,3 +11,11 @@ export function getRepairRemindList (parameter) {
params: parameter params: parameter
}) })
} }
export function delRepairRemind (parameter) {
return axios({
url: api.repairRemind + '/remove',
method: 'post',
data: parameter
})
}

View File

@ -1,83 +1,80 @@
<template> <template>
<a-card :bordered='false'> <a-card :bordered="false">
<div class='table-page-search-wrapper'> <div class="table-page-search-wrapper">
<a-form layout='inline'> <a-form layout="inline">
<a-row :gutter='48'> <a-row :gutter="48">
<a-col :md='5' :sm='15'> <a-col :md="5" :sm="15">
<a-form-item label='报修单号'> <a-form-item label="报修单号">
<a-input placeholder='请输入报修单号' v-model='queryParam.sn' /> <a-input placeholder="请输入报修单号" v-model="queryParam.sn" />
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :md='8' :sm='24'> <a-col :md="8" :sm="24">
<span class='table-page-search-submitButtons'> <span class="table-page-search-submitButtons">
<a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button> <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
<a-button style='margin-left: 8px' @click='() => queryParam = {}'>重置</a-button> <a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
</span> </span>
</a-col> </a-col>
</a-row> </a-row>
</a-form> </a-form>
</div> </div>
<a-tabs :default-active-key='tabKey' @change='callback'> <a-tabs :default-active-key="tabKey" @change="callback">
<a-tab-pane key='1' tab='全部信息'> <a-tab-pane key="1" tab="全部信息">
<a-table <a-table
size='default' size="default"
rowKey='id' rowKey="id"
:columns='columns' :columns="columns"
:data-source='workerData' :data-source="workerData"
> >
<span slot='name' slot-scope='text, record'> <span slot="name" slot-scope="text, record">
<a-tag color='blue'> <a-tag color="blue">
消息提示 消息提示
</a-tag> </a-tag>
</span> </span>
<span slot='content' slot-scope='text, record'> <span slot="content" slot-scope="text, record">
<a @click='toRepair(record.repairId)'>{{ record.content }}</a> <a @click="toRepair(record.repairId)">{{ record.content }}</a>
</span> </span>
<span slot='action' slot-scope='text, record'> <span slot="action" slot-scope="text, record">
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a> <a v-if="editEnabel" @click="hanleDelete(record.id)">删除</a>
<a-divider type='vertical' />
</span> </span>
</a-table> </a-table>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key='2' tab='未读通知' force-render> <a-tab-pane key="2" tab="未读通知" force-render>
<a-table <a-table
size='default' size="default"
rowKey='id' rowKey="id"
:columns='columns' :columns="columns"
:data-source='noReadData' :data-source="noReadData"
> >
<span slot='name' slot-scope='text, record'> <span slot="name" slot-scope="text, record">
<a-tag color='blue'> <a-tag color="blue">
消息提示 消息提示
</a-tag> </a-tag>
</span> </span>
<span slot='content' slot-scope='text, record'> <span slot="content" slot-scope="text, record">
<a @click='toRepair(record.repairId)'>{{ record.content }}</a> <a @click="toRepair(record.repairId)">{{ record.content }}</a>
</span> </span>
<span slot='action' slot-scope='text, record'> <span slot="action" slot-scope="text, record">
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a> <a v-if="editEnabel" @click="hanleDelete(record.id)">删除</a>
<a-divider type='vertical' />
</span> </span>
</a-table> </a-table>
</a-tab-pane> </a-tab-pane>
<a-tab-pane key='3' tab='已读通知' force-render> <a-tab-pane key="3" tab="已读通知" force-render>
<a-table <a-table
size='default' size="default"
rowKey='id' rowKey="id"
:columns='columns' :columns="columns"
:data-source='readData' :data-source="readData"
> >
<span slot='name' slot-scope='text, record'> <span slot="name" slot-scope="text, record">
<a-tag color='blue'> <a-tag color="blue">
消息提示 消息提示
</a-tag> </a-tag>
</span> </span>
<span slot='content' slot-scope='text, record'> <span slot="content" slot-scope="text, record">
<a @click='toRepair(record.repairId)'>{{ record.content }}</a> <a @click="toRepair(record.repairId)">{{ record.content }}</a>
</span> </span>
<span slot='action' slot-scope='text, record'> <span slot="action" slot-scope="text, record">
<a v-if='editEnabel' @click='handleView(record.id)'>详情</a> <a v-if="editEnabel" @click="hanleDelete(record.id)">删除</a>
<a-divider type='vertical' />
</span> </span>
</a-table> </a-table>
</a-tab-pane> </a-tab-pane>
@ -87,7 +84,7 @@
<script> <script>
import { STable } from '@/components' import { STable } from '@/components'
import { getRepairRemindList } from '@/api/admin/repair/repairRemind' import { delRepairRemind, getRepairRemindList } from '@/api/admin/repair/repairRemind'
import { checkPermission } from '@/utils/permissions' import { checkPermission } from '@/utils/permissions'
export default { export default {
@ -95,7 +92,7 @@ export default {
components: { components: {
STable STable
}, },
data() { data () {
return { return {
tabKey: '1', tabKey: '1',
labelCol: { labelCol: {
@ -128,6 +125,12 @@ export default {
{ {
title: '时间', title: '时间',
dataIndex: 'createTime' dataIndex: 'createTime'
},
{
title: '操作',
width: '200px',
dataIndex: 'action',
scopedSlots: { customRender: 'action' }
} }
], ],
// Promise // Promise
@ -143,13 +146,13 @@ export default {
} }
}, },
created() { created () {
this.tabKey = this.$route.query.tabKey this.tabKey = this.$route.query.tabKey
this.workerList() this.workerList()
}, },
methods: { methods: {
// admin/repair/stats/workerList // admin/repair/stats/workerList
workerList() { workerList () {
getRepairRemindList().then(res => { getRepairRemindList().then(res => {
this.workerData = res.rows this.workerData = res.rows
@ -159,29 +162,53 @@ export default {
}) })
}, },
callback() { callback () {
}, },
handleAdd() { handleAdd () {
this.$refs.modal.add() this.$refs.modal.add()
}, },
handleView(workerId) { handleView (workerId) {
this.$router.push({ name: 'repair', query: { repairUserId: workerId } }) this.$router.push({ name: 'repair', query: { repairUserId: workerId } })
}, },
toRepair(repairId) { toRepair (repairId) {
this.$router.push({ name: 'repairView', query: { repairId: repairId } }) this.$router.push({ name: 'repairView', query: { repairId: repairId } })
}, },
handleEdit(record) { handleEdit (record) {
this.$refs.modal.edit(record) this.$refs.modal.edit(record)
}, },
handleOk() { handleOk () {
this.$refs.table.refresh(true) this.$refs.table.refresh(true)
console.log('handleSaveOk') console.log('handleSaveOk')
}, },
handleComplete(id) { hanleDelete (id) {
const _this = this
this.$confirm({
title: '警告',
content: '确认要删除工单吗?',
okText: '是',
okType: 'warning',
cancelText: '否',
onOk () {
delRepairRemind({ id: id }).then(res => {
if (res.code === 0) {
_this.$message.success('操作成功')
_this.workerList()
} else {
_this.$message.error(res.msg)
}
}).catch(() => {
this.$message.error('系统错误,请稍后再试')
})
},
onCancel () {
}
})
},
handleComplete (id) {
const _this = this const _this = this
this.$confirm({ this.$confirm({
title: '警告', title: '警告',
@ -189,7 +216,7 @@ export default {
okText: '是', okText: '是',
okType: 'warning', okType: 'warning',
cancelText: '否', cancelText: '否',
onOk() { onOk () {
complete(id).then(res => { complete(id).then(res => {
if (res.code === 0) { if (res.code === 0) {
_this.$message.success('操作成功') _this.$message.success('操作成功')
@ -201,7 +228,7 @@ export default {
this.$message.error('系统错误,请稍后再试') this.$message.error('系统错误,请稍后再试')
}) })
}, },
onCancel() { onCancel () {
} }
}) })
} }