axwen-test31 2.0.0

package/src/views/template/template-message.vue

@@ -0,0 +1,563 @@
+<template>
+    <div class="template-message template-wrapper">
+        <yt-search-table
+            ref="table"
+            :api="api"
+            :fields="fields"
+            :beforeSearch="beforeSearch"
+            :tableExtend="{ exportName: '短信模板', exportAuth: 'template-message__export', hasExport: false }"
+        >
+            <div class="flex-between" slot="btn">
+                <span class="table-title font-bold">短信模板列表</span>
+                <div>
+                    <yt-button
+                        slot="btn"
+                        @click="handleFile"
+                    >导入</yt-button>
+                    <yt-button
+                        slot="btn"
+                        type="primary"
+                        icon="el-icon-plus"
+                        @click="handleAdd"
+                    >新建</yt-button>
+                </div>
+            </div>
+        </yt-search-table>
+        <message ref="dialog" @submit="handleSubmit"/>
+        <upload ref="uploadDialog"/>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import { getMessages, createTemp, createAndSubmit, update, deleteById, changeState, tepltCls } from '@/api/template/template-message'
+import { listToMap } from '@/utils/xml'
+import Message from './dialog/message'
+import Upload from './dialog/upload'
+import OAFields from './oa-fields-config/message'
+import { getOaDisMessage, getSmsTempOrg } from '@/api/oa'
+import {
+    // TEMP_STATE_ON,
+    // TEMP_STATE_OFF,
+    OA_STATE_WAIT,
+    OA_STATE_DRAFT,
+    OA_STATE_PASS,
+    OA_STATE_UNPASS,
+    TEMP_MESSAGE,
+    SHARE_RANGE_SHARE,
+    SCENE_VIEW
+} from '@/utils/variable'
+import bus from '@/bus'
+import { deepClone } from '../../utils/deepClone'
+
+// 模板状态
+export const TEMP_STATE_ON = '01' // 启用
+export const TEMP_STATE_OFF = '02' // 停用
+export const TEMP_STATE_USELSS = '00' // 无效
+
+let btnMap = {
+    update: {
+        label: '修改',
+        // auth: 'template-message__update',
+        onClick (btnConfig, row) {
+            let rowCopy = deepClone(row)
+            this.handleUpdate(rowCopy)
+        }
+    },
+    view: {
+        label: '详情',
+        // auth: 'template-message__view',
+        onClick (btnConfig, row) {
+            let rowCopy = deepClone(row)
+            this.handleDetail(rowCopy)
+        }
+    },
+    delete: {
+        label: '删除',
+        // auth: 'template-message__delete',
+        confirm: true,
+        onClick (btnConfig, row) {
+            let rowCopy = deepClone(row)
+            this.handleDelete(rowCopy)
+        }
+    },
+    copy: {
+        label: '复制',
+        // auth: 'template-message__copy',
+        onClick (btnConfig, row) {
+            row.isIncludeSubOrg = '1'
+            let rowCopy = deepClone(row)
+            this.handleCopy(rowCopy)
+        }
+    }
+}
+
+export default {
+    components: { Message, Upload },
+    data () {
+        return {
+            prefix: 'message.',
+            api: getMessages,
+            paramsTempStatus: [],
+            paramsOaStatus: [],
+            // shortPic: '',
+            OAFields: OAFields,
+            uploadDialog: false,
+            fields: [
+                {
+                    title: '模板名称',
+                    key: 'tepltName',
+                    type: 'input',
+                    search: { order: -1 },
+                    table: { tooltip: true, width: 150, fixed: 'left' }
+                },
+                {
+                    title: '模板状态',
+                    key: 'tempStatus',
+                    type: 'select',
+                    options: [],
+                    // optionsKey: 'bigsales.TEMP_STATE',
+                    optionsKey: 'bigsales.SMS_TEMPLATE_STATUS',
+                    table: {
+                        'min-width': 120,
+                        isFilter: true,
+                        'filter-multiple': false,
+                        render: (h, { row }, { options }) => {
+                            let isSelf
+                            if (this.orgOrIsself === '1') {
+                                let changeId = this.profile.positionIdByValue
+                                isSelf = changeId === row.crtByPosition
+                            } else {
+                                let changeId = this.profile.orgId
+                                isSelf = changeId === row.crtOrg
+                            }
+
+                            // 只有审批通过了的才可以启用/停用
+                            let passed = row.oaStatus === OA_STATE_PASS
+                            let map = listToMap(options)
+                            let auth = this.authList.includes('template-message__state')
+                            if (row.tempStatus === TEMP_STATE_ON || row.tempStatus === TEMP_STATE_OFF) {
+                                return <yt-switch
+                                    vModel={row.tempStatus}
+                                    size="small"
+                                    true-value={TEMP_STATE_ON}
+                                    false-value={TEMP_STATE_OFF}
+                                    before-change={ () => this.handleStatus(row) }
+                                    disabled={!auth || !isSelf || !passed}
+                                    title={passed ? '启用/停用' : '你没有该权限'}
+                                >
+                                </yt-switch>
+                            } else {
+                                return <span>{ map[TEMP_STATE_USELSS] }</span>
+                            }
+                        },
+                        fixed: 'left'
+                    }
+                },
+                {
+                    title: '审批状态',
+                    key: 'oaStatus',
+                    optionsKey: 'bigsales.OA_STATE',
+                    options: [],
+                    table: {
+                        isShow: true,
+                        'min-width': 100,
+                        isFilter: true,
+                        'filter-multiple': false,
+                        render: (h, { row }, { options }) => {
+                            let objMap = listToMap(options)
+                            let status = row.oaStatus !== OA_STATE_UNPASS
+                                ? <span>{ objMap[row.oaStatus] }</span>
+                                : <span onClick={ () => this.showReason(row) } style="cursor: pointer; color:#1664FF;">{ objMap[row.oaStatus] }</span>
+                            return status
+                        }
+                    }
+                },
+                {
+                    title: '共享范围',
+                    key: 'shareRange',
+                    type: 'select',
+                    options: [],
+                    optionsKey: 'bigsales.shareRange',
+                    table: {
+                        'min-width': 80
+                    }
+                },
+                // {
+                //     title: '共享机构',
+                //     key: 'theTopOrgIdOfSharedOrgs',
+                //     type: 'org',
+                //     options: [], // 初始不给options否则table数据显示不出来
+                //     search: {
+                //         props: {
+                //             type: 'user'
+                //         },
+                //         order: -2,
+                //         defaultValue: ''
+                //     },
+                //     table: {
+                //         'min-width': 80,
+                //         key: 'theTopOrgNameOfSharedOrgs',
+                //         tooltip: true
+                //     }
+                // },
+                {
+                    title: '有效开始日',
+                    key: 'availableBeginDate',
+                    type: 'date',
+                    table: {
+                        'min-width': 100,
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '有效结束日',
+                    key: 'availableEndDate',
+                    type: 'date',
+                    table: {
+                        'min-width': 100,
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '审批时间',
+                    key: 'approveTime',
+                    table: {
+                        isShow: false,
+                        'min-width': 100,
+                        tooltip: true
+                    }
+                },
+
+                {
+                    title: '模板内容',
+                    key: 'tepltContent',
+                    table: { tooltip: true, 'min-width': 160 }
+                },
+                {
+                    title: '创建日期',
+                    type: 'daterange',
+                    key: 'beginEndDate',
+                    table: { isShow: false },
+                    search: { defaultValue: null, order: -4 }
+                },
+                {
+                    title: '创建人',
+                    key: 'crtByName',
+                    type: 'creator-select',
+                    options: [],
+                    table: {
+                        'min-width': 120,
+                        render: (h, { row }) => {
+                            let btncrtName = row.crtByName + '(' + row.crtBy + ')'
+                            return <el-tooltip content={btncrtName} placement="top"><p class="template-message-crtbyname">{row.crtByName} {row.crtBy}</p></el-tooltip>
+                        }
+                    },
+                    search: {
+                        key:'actInitiatorList',
+                        order: 8,
+                    }
+                },
+                {
+                    title: '创建时间',
+                    key: 'crtTm',
+                    table: {
+                        width: 90,
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '创建机构',
+                    type: 'org',
+                    key: 'crtOrg',
+                    search: {
+                        props: {
+                            type: 'user'
+                        },
+                        order: -2,
+                        defaultValue: ''
+                    },
+                    table: {
+                        'min-width': 80,
+                        'max-width': 100,
+                        key: 'crtOrgName',
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '操作',
+                    table: {
+                        fixed:'right',
+                        'min-width': 200,
+                        render: (h, { row }) => {
+                            // 判断是否本人创建
+                            let { positionIdByValue } = this.profile
+                            let isSelf = positionIdByValue === row.crtByPosition
+                            let btns = []
+                            if (!isSelf) { // 非本人
+                                btns = ['view', 'copy']
+                            } else {
+                                switch (row.oaStatus) {
+                                    case OA_STATE_DRAFT: // 草稿
+                                        btns = ['view', 'copy', 'update', 'delete']
+                                        break
+                                    case OA_STATE_WAIT: // 待审批
+                                        btns = ['view', 'copy']
+                                        break
+                                    case OA_STATE_PASS: // 审批通过
+                                        btns = ['view', 'copy', 'delete']
+                                        break
+                                    case OA_STATE_UNPASS: // 审批驳回
+                                        btns = ['view', 'copy','delete']
+                                        break
+                                    default:
+                                        break
+                                }
+                            }
+                            return <yt-ctrl>
+                                {
+                                    ...btns.map(btn => {
+                                        let btnConfig = btnMap[btn]
+                                        return (
+                                            <yt-ctrl-item
+                                                auth={ btnConfig.auth }
+                                                confirm={ btnConfig.confirm }
+                                                tip={ btnConfig.label }
+                                                primary={ row.tepltName }
+                                                onClick={ () => btnConfig.onClick.call(this, btnConfig, row) }
+                                            > { btnConfig.label } </yt-ctrl-item>
+                                        )
+                                    })
+                                }
+                            </yt-ctrl>
+                        }
+                    }
+                }
+            ]
+
+        }
+    },
+    computed: {
+        ...mapState(['profile', 'authList', 'orgOrIsself'])
+    },
+    created () {
+        this.init()
+    },
+    methods: {
+        init () {
+            this.$getOptionsForSystemParams(['bigsales.SMS_TEMPLATE_STATUS', 'bigsales.OA_STATE', 'bigsales.shareRange']).then(data => {
+                this.fields[1].options = data[0]
+                this.fields[2].options = data[1]
+                this.fields[3].options = data[2]
+                this.OAFields.fields[4].options = data[2]
+            })
+            tepltCls().then(res => {
+                this.fields[11].options = res.data.list.map(item => {
+                    return {
+                        label: item.name,
+                        value: item.code
+                    }
+                })
+            })
+        },
+        handleFile () {
+            this.$refs.uploadDialog.open()
+        },
+        handleSubmit (params, mode) {
+            params.availableBeginTm = this.$util.formatFullDateTime(params.availableBeginTm)
+            params.availableEndTm = this.$util.formatFullDateTime(params.availableEndTm)
+            // 提交保存为草稿
+            if (mode === 'add' || mode === 'copy') {
+                // 复制操作将模板id置为空
+                params.pkId = null
+                // 新增和复制保存
+                createTemp(params).then(res => {
+                    this.$success(res.errorMsg)
+                    this.$refs.table.refresh()
+                    this.$refs.dialog.close()
+                }).finally(() => {
+                    setTimeout(() => {
+                        this.$refs.dialog.isLoading = false
+                    }, 1000)
+                })
+
+            } else if (mode === 'update') {
+                // 更新保存
+                createTemp(params).then(res => {
+                    this.$success(res.errorMsg)
+                    this.$refs.dialog.close()
+                    this.$refs.table.refresh()
+                }).finally(() => {
+                    setTimeout(() => {
+                        this.$refs.dialog.isLoading = false
+                    }, 1000)
+                })
+            }
+            bus.$emit("refresh-message")
+        },
+        handleCreateAndSubmit (params, mode) {
+            // 提交审批
+            if (mode === 'add' || mode === 'copy') {
+                createAndSubmit(params).then(res => {
+                    // 复制操作将模板id置为空
+                    params.pkId = null
+                    bus.$emit('messageFresh', true)
+                    this.$success(res.errorMsg)
+                    this.$refs.table.refresh()
+                    this.$refs.dialog.close()
+                }).finally(() => {
+                    setTimeout(() => {
+                        this.$refs.dialog.isLoading = false
+                    }, 1000)
+                })
+            } else if (mode === 'update') { // 更新
+                update(params).then(res => {
+                    this.$success(res.errorMsg)
+                    this.$refs.dialog.close()
+                    this.$refs.table.refresh()
+                }).finally(() => {
+                    setTimeout(() => {
+                        this.$refs.dialog.isLoading = false
+                    }, 1000)
+                })
+            }
+            bus.$emit("refresh-message")
+        },
+        beforeSearch (params) { // 条件搜索之前处理数据
+            if (params.search.beginEndDate) {
+                params.search.beginDate = this.$util.formatDate(params.search.beginEndDate[0])
+                params.search.endDate = this.$util.formatDate(params.search.beginEndDate[1])
+            }
+            delete params.search.beginEndDate
+            params.search.scene = SCENE_VIEW
+            const { actInitiatorList = [] } = params.search
+           
+            delete params.search.actInitiatorList
+            const crtByPositionList = Array.from(new Set(actInitiatorList.map(e => e.id)))
+            crtByPositionList && (params.search.crtByPositionList = crtByPositionList)
+            return params
+        },
+        handleAdd () {
+            let { profile } = this
+            let params = {
+                crtBy: profile.id,
+                crtByName: profile.realName,
+                crtOrg: profile.orgId,
+                crtOrgName: profile.orgName
+            }
+            this.$refs.dialog.open(params, 'add')
+        },
+        async handleCopy (row) {
+            let { profile } = this
+            if (row.shareRange === SHARE_RANGE_SHARE) {
+                let params = {
+                    busType: TEMP_MESSAGE,
+                    tempId: row.pkId
+                }
+                const data = await getSmsTempOrg(params)
+                row.orgCodeLink = data.data.map(item => item.sharedOrg)
+            } 
+            // console.log(row.orgCodeLink);
+            let params = {
+                ...row,
+                crtBy: profile.id,
+                crtByName: profile.realName,
+                crtOrg: profile.orgId,
+                crtOrgName: profile.orgName,
+                orgCodeLink: row.orgCodeLink,
+                // orgLinkName: null,
+                tepltName: '复制_' + row.tepltName,
+                id: null
+            }
+            this.$refs.dialog.open(params, 'copy')
+        },
+        handleDelete (row) { // 删除
+            deleteById({ id: row.pkId }).then(res => {
+                this.$success(res.errorMsg)
+                this.$refs.table.refresh()
+            })
+        },
+        handleDetail (row) {
+            if (row.shareRange === SHARE_RANGE_SHARE) {
+                let params = {
+                    busType: TEMP_MESSAGE,
+                    tempId: row.pkId
+                }
+            getSmsTempOrg(params).then((data) => {
+                    row.orgCodeLink = data.data.map(item => item.sharedOrg)
+                    this.$refs.dialog.open(row, 'view')
+                })
+            } else {
+                this.$refs.dialog.open(row, 'view')
+            }
+        },
+        handleUpdate (row) {
+            if (row.shareRange === SHARE_RANGE_SHARE) {
+                let params = {
+                    busType: TEMP_MESSAGE,
+                    tempId: row.pkId
+                }
+                getSmsTempOrg(params).then((data) => {
+                    row.orgCodeLink = data.data.map(item => item.sharedOrg)
+                    this.$refs.dialog.open(row, 'update')
+                })
+            } else {
+                this.$refs.dialog.open(row, 'update')
+            }
+        },
+        handleStatus (row) {
+            let item = this.$util.copy(row)
+            let isOn = item.tempStatus === TEMP_STATE_ON
+            return new Promise((resolve) => {
+                this.$confirm(`您确认要${isOn ? '停用' : '启用'}该模板吗？`, '切换确认', {
+                    type: 'warning',
+                    beforeClose: (action, instance, done) => {
+                        if (action === 'confirm') {
+                            instance.confirmButtonLoading = true
+                            item.tempStatus = item.tempStatus === TEMP_STATE_ON ? TEMP_STATE_OFF : TEMP_STATE_ON
+                            changeState(item).then(res => {
+                                this.$success(res.errorMsg)
+                                resolve()
+                            }).finally(() => {
+                                instance.confirmButtonLoading = false
+                                done()
+                            })
+                        } else {
+                            done()
+                        }
+                    }
+                })
+            })
+        },
+        showReason (row) {
+            let params = {
+                pageSize: 1,
+                pageNum: 1,
+                search: {
+                    tepltId: row.pkId,
+                    operType: '4'
+                }
+            }
+            getOaDisMessage(params).then(data => {
+                let row = data.data.list.length ? data.data.list[0] : {}
+                this.$confirm(`${row.operBckTepltContent || '无'}`, '审批意见', {
+                    confirmButtonText: '关闭',
+                    showCancelButton: false
+                })
+            })
+        }
+    }
+}
+</script>
+
+<style lang="less">
+@import './template.less';
+// .template-message{
+//     .template-message-crtbyname{
+//         width: 160px;
+//         white-space: nowrap;
+//         overflow: hidden;
+//         text-overflow: ellipsis;
+//     }
+// }
+</style>