|
|
|
@ -1,6 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div class='emergencyProcessManagement'> |
|
|
|
|
|
|
|
<div class="emergencyProcessManagement"> |
|
|
|
<!-- 搜索栏 --> |
|
|
|
<div class="filter"> |
|
|
|
<div> |
|
|
|
@ -16,7 +15,6 @@ |
|
|
|
</template> |
|
|
|
新增 |
|
|
|
</ButtonGradient> --> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -28,48 +26,70 @@ |
|
|
|
<ElTableColumn prop="processConfig" label="处置流程" /> |
|
|
|
<ElTableColumn label="操作" width="210"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<ElButton type="text" style="color: #00D1FF;" @click="showDisposal(scope.row.eventType)">流程配置</ElButton> |
|
|
|
<ElButton type="text" style="color: #00EBC1;" @click="showPhrases(scope.row)">常用语</ElButton> |
|
|
|
<!-- <ElButton type="text" style="color: #00D1FF;" @click="showDisposal(scope.row.eventType)">流程配置</ElButton> --> |
|
|
|
<ElButton |
|
|
|
type="text" |
|
|
|
style="color: #00ebc1" |
|
|
|
@click="showPhrases(scope.row)" |
|
|
|
>常用语</ElButton |
|
|
|
> |
|
|
|
</template> |
|
|
|
</ElTableColumn> |
|
|
|
</Table> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 配置常用户弹窗 --> |
|
|
|
<CommonPhrases :visible="isShowPhrases" :eventType="eventType" :process="process" @update:value="onClosePhrases" |
|
|
|
@update:phrasesData="onUpdatePhrasesData" @reInitData="initData" /> |
|
|
|
<CommonPhrases |
|
|
|
:visible="isShowPhrases" |
|
|
|
:eventType="eventType" |
|
|
|
:process="process" |
|
|
|
@update:value="onClosePhrases" |
|
|
|
@update:phrasesData="onUpdatePhrasesData" |
|
|
|
@reInitData="initData" |
|
|
|
/> |
|
|
|
<!-- "流程配置"弹出框 --> |
|
|
|
<DisposalProcess :visible="isShowDisposal" :eventType="eventType" :phrasesData="phrasesData" |
|
|
|
@update:value="onCloseDisposal" @reInitData="initData" /> |
|
|
|
|
|
|
|
<DisposalProcess |
|
|
|
:visible="isShowDisposal" |
|
|
|
:eventType="eventType" |
|
|
|
:phrasesData="phrasesData" |
|
|
|
@update:value="onCloseDisposal" |
|
|
|
@reInitData="initData" |
|
|
|
/> |
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
|
<div class="footer"> |
|
|
|
<Pagination @current-change="initData" @size-change="onSizeChange" width="'100%'" :page-sizes="[10, 20, 30, 40, 50]" |
|
|
|
:page-size="searchData.pageSize" :current-page.sync="searchData.pageNum" layout="total, sizes, prev, pager, next" |
|
|
|
:total="total"> |
|
|
|
<Pagination |
|
|
|
@current-change="initData" |
|
|
|
@size-change="onSizeChange" |
|
|
|
width="'100%'" |
|
|
|
:page-sizes="[10, 20, 30, 40, 50]" |
|
|
|
:page-size="searchData.pageSize" |
|
|
|
:current-page.sync="searchData.pageNum" |
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
</Pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue'; |
|
|
|
import Pagination from '@screen/components/Pagination.vue'; |
|
|
|
import Table from '@screen/components/Table.vue'; |
|
|
|
import CommonPhrases from './commonPhrases'; |
|
|
|
import DisposalProcess from './disposalProcess'; |
|
|
|
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue"; |
|
|
|
import Pagination from "@screen/components/Pagination.vue"; |
|
|
|
import Table from "@screen/components/Table.vue"; |
|
|
|
import CommonPhrases from "./commonPhrases"; |
|
|
|
import DisposalProcess from "./disposalProcess"; |
|
|
|
import request from "@/utils/request"; |
|
|
|
import { Message } from 'element-ui' |
|
|
|
import { Message } from "element-ui"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'emergencyProcessManagement', |
|
|
|
name: "emergencyProcessManagement", |
|
|
|
components: { |
|
|
|
ButtonGradient, |
|
|
|
Pagination, |
|
|
|
Table, |
|
|
|
CommonPhrases, |
|
|
|
DisposalProcess |
|
|
|
DisposalProcess, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
@ -83,8 +103,8 @@ export default { |
|
|
|
pageNum: 1, |
|
|
|
}, |
|
|
|
phrasesData: [], |
|
|
|
process: [] |
|
|
|
} |
|
|
|
process: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.initData(); |
|
|
|
@ -113,18 +133,18 @@ export default { |
|
|
|
}, |
|
|
|
showPhrases(data) { |
|
|
|
if (data?.processConfigList.length <= 0) { |
|
|
|
Message.warning('请先配置流程！'); |
|
|
|
Message.warning("请先配置流程！"); |
|
|
|
return; |
|
|
|
} |
|
|
|
let process = [] |
|
|
|
data.processConfigList.forEach(it => { |
|
|
|
let process = []; |
|
|
|
data.processConfigList.forEach((it) => { |
|
|
|
process.push({ |
|
|
|
id: it.id, |
|
|
|
commonPhrases: it.commonPhrases, |
|
|
|
label: it.processNode, |
|
|
|
isActive: false, |
|
|
|
}) |
|
|
|
}) |
|
|
|
}); |
|
|
|
}); |
|
|
|
this.process = process; |
|
|
|
this.isShowPhrases = true; |
|
|
|
this.eventType = data.eventType; |
|
|
|
@ -134,19 +154,19 @@ export default { |
|
|
|
this.eventType = eventType; |
|
|
|
}, |
|
|
|
onClosePhrases() { |
|
|
|
this.isShowPhrases = false |
|
|
|
this.isShowPhrases = false; |
|
|
|
}, |
|
|
|
onCloseDisposal() { |
|
|
|
this.isShowDisposal = false; |
|
|
|
}, |
|
|
|
onUpdatePhrasesData(phrasesData) { |
|
|
|
this.phrasesData = phrasesData; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang='scss' scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.emergencyProcessManagement { |
|
|
|
padding: 21px; |
|
|
|
|
|
|
|
@ -163,7 +183,7 @@ export default { |
|
|
|
justify-content: space-between; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
>div { |
|
|
|
> div { |
|
|
|
display: flex; |
|
|
|
gap: 6px; |
|
|
|
} |
|
|
|
|
