axwen-test31 2.0.0

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

@@ -0,0 +1,464 @@
+<template>
+    <div class="template-message template-wrapper">
+        <yt-search-table
+            ref="table"
+            :api="api"
+            :fields="fields"
+            :tableExtend="{ beforeSearch, hasExport: false }"
+        >
+            <yt-button
+                auth="template-task__add"
+                slot="btn"
+                type="primary"
+                icon="el-icon-plus"
+                @click="handleAdd"
+            >新建</yt-button>
+        </yt-search-table>
+        <task-message ref="dialog" @submit="handleSubmit" />
+        <TaskList ref="task"></TaskList>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import {
+    taskSearch,
+    taskAdd,
+    taskUpdate,
+} from '@/api/template/template-task'
+import {  deleteById, changeState } from '@/api/template/template-app-message'
+
+import { listToMap } from '@/utils/xml'
+// import AppMessage from './dialog/app-message'
+import TaskMessage from './dialog/task-message'
+// import OAFields from './oa-fields-config/message'
+import { getOaDisMsg, getTempOrg } from '@/api/oa'
+import {
+    TEMP_STATE_USELSS,
+    TEMP_STATE_ON,
+    TEMP_STATE_OFF,
+    OA_STATE_WAIT,
+    OA_STATE_DRAFT,
+    OA_STATE_PASS,
+    OA_STATE_UNPASS,
+    SHARE_RANGE_SHARE,
+    SCENE_VIEW
+} from '@/utils/variable'
+import TaskList from './components/task-list'
+
+let btnMap = {
+    update: {
+        label: '修改',
+        auth: 'template-app-message__update',
+        onClick (btnConfig, row) {
+            this.handleUpdate(row)
+        }
+    },
+    view: {
+        label: '详情',
+        auth: 'template-app-message__view',
+        onClick (btnConfig, row) {
+            this.handleDetail(row)
+        }
+    },
+    delete: {
+        label: '删除',
+        auth: 'template-app-message__delete',
+        confirm: true,
+        onClick (btnConfig, row) {
+            this.handleDelete(row)
+        }
+    },
+    copy: {
+        label: '复制',
+        auth: 'template-app-message__copy',
+        // auth: 'template-app-message__view',
+        onClick (btnConfig, row) {
+            this.handleCopy(row)
+        }
+    }
+}
+
+export default {
+    components: {
+        TaskList,
+        TaskMessage
+    },
+    data () {
+        return {
+            api: taskSearch,
+            paramsTempStatus: [],
+            paramsOaStatus: [],
+            // shortPic: '',
+            // OAFields: OAFields,
+            fields: [
+                {
+                    title: '模板名称',
+                    key: 'tempName',
+                    type: 'input',
+                    search: { order: -1 },
+                    table: { tooltip: true, width: 160 }
+                },
+                {
+                    title: '模板标题',
+                    key: 'tempTitle',
+                    type: 'input',
+                    isRequired: true,
+                    table: {
+                        tooltip: true,
+                        'min-width': 100
+                    }
+                },
+                {
+                    title: '模板状态',
+                    key: 'tempStatus',
+                    // options: [],
+                    type: 'select',
+                    options: [
+                        {
+                            label: '无效',
+                            value: '00'
+                        },
+                        {
+                            label: '启用',
+                            value: '01'
+                        },
+                        {
+                            label: '停用',
+                            value: '02'
+                        }
+                    ],
+                    // options: [
+                    //     {
+                    //         label: '无效',
+                    //         value: '02'
+                    //     },
+                    //     {
+                    //         label: '启用',
+                    //         value: '00'
+                    //     },
+                    //     {
+                    //         label: '停用',
+                    //         value: '01'
+                    //     }
+                    // ],
+                    optionsKey: 'bigsales.TEMP_STATE',
+                    search: {},
+                    table: {
+                        'min-width': 100,
+                        isFilter: true,
+                        'filter-multiple': false,
+                        render: (h, { row }, { options }) => {
+                            let map = listToMap(options)
+                            let isSelf
+                            if (this.orgOrIsself === '1') {
+                                let changeId = this.profile.positionId
+                                isSelf = changeId === row.createUser
+                            } else {
+                                let changeId = this.profile.orgId
+                                isSelf = changeId === row.createrOrg
+                            }
+                            let auth = this.authList.includes('template-app-message__state')
+                            // if (row.tempStatus === '01' || row.tempStatus === '02') {
+                            //     return <yt-switch
+                            //         vModel={row.tempStatus}
+                            //         size="small"
+                            //         true-value={"01"}
+                            //         false-value={"02"}
+                            //         before-change={ () => this.handleStatus(row) }
+                            //         disabled={!auth || !isSelf}
+                            //         title={auth && isSelf ? '启用/停用' : '你没有该权限'}
+                            //     >
+                            //     </yt-switch>
+                            // } else {
+                            //     return <span>{ '无效' }</span>
+                            // }
+                            if (row.tempStatus === '00' || row.tempStatus === '01') {
+                                return <yt-switch
+                                    vModel={row.tempStatus}
+                                    size="large"
+                                    true-value={"00"}
+                                    false-value={"01"}
+                                    before-change={ () => this.handleStatus(row) }
+                                    disabled={!auth || !isSelf}
+                                    title={auth && isSelf ? '启用/停用' : '你没有该权限'}
+                                >
+                                </yt-switch>
+                            } else {
+                                return <span>{ '无效' }</span>
+                            }
+                        }
+                    }
+                },
+                {
+                    title: '审批状态',
+                    key: 'oaStatus',
+                    type: 'select',
+                    optionsKey: 'bigsales.OA_STATE',
+                    options: [],
+                    table: {
+                        '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>
+                                : <yt-button type="text" size="medium" onClick={ () => this.showReason(row) }>{ objMap[row.oaStatus] }</yt-button>
+                            return status
+                        }
+                    }
+                },
+                {
+                    title: '共享范围',
+                    key: 'shareRange',
+                    type: 'select',
+                    options: [],
+                    table: {
+                        'min-width': 100,
+                    }
+                },
+                {
+                    title: '创建时间',
+                    key: 'createTime',
+                    table: {
+                        width: 100
+                    }
+                },
+                {
+                    title: '模板内容',
+                    key: 'tempContent',
+                    table: { tooltip: true, width: 180 }
+                },
+                {
+                    title: '创建日期始',
+                    type: 'date',
+                    key: 'beginDate',
+                    table: { isShow: false },
+                    search: { defaultValue: null, order: -4 }
+                },
+                {
+                    title: '创建日期终',
+                    type: 'date',
+                    key: 'endDate',
+                    table: { isShow: false },
+                    search: { defaultValue: null, order: -3 }
+                },
+                {
+                    title: '创建人',
+                    key: 'createrRealName',
+                    type: 'creator-select',
+                    table: {
+                        'min-width': 140,
+                        tooltip: true,
+                        render: (h, { row }) => {
+                            return <span>{row.createrRealName}<p>({row.createUser})</p></span>
+                        }
+                    },
+                    search: {
+                        key:'actInitiatorList',
+                        order: 8,
+                    }
+                },
+                {
+                    title: '创建机构',
+                    type: 'org',
+                    key: 'createrOrg',
+                    search: {
+                        props: {
+                            type: 'user'
+                        },
+                        order: -2,
+                        defaultValue: ''
+                    },
+                    table: {
+                        'min-width': 120,
+                        key: 'createrOrgName',
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '操作',
+                    table: {
+                        fixed:'right',
+                        width: 200,
+                        render: (h, { row }) => {
+                            let btnList = row.oaStatus === '01' ? <yt-ctrl>
+                                    <yt-ctrl-item auth="template-task__add" onClick={() => this.handleDetail(row)}>详情</yt-ctrl-item>
+                                    <yt-ctrl-item auth="template-task__update" onClick={() => this.handleUpdate(row)}>编辑</yt-ctrl-item>
+                                    <yt-ctrl-item auth="template-task__delete" onClick={() => this.handleDelete(row)}>删除</yt-ctrl-item>
+                                    <yt-ctrl-item auth="template-task__list" onClick={() => this.handleTaskList(row)}>任务列表</yt-ctrl-item>
+                                </yt-ctrl>
+                                : <yt-ctrl>
+                                    <yt-ctrl-item auth="template-task__add" onClick={() => this.handleDetail(row)}>详情</yt-ctrl-item>
+                                    <yt-ctrl-item auth="template-task__delete" onClick={() => this.handleDelete(row)}>删除</yt-ctrl-item>
+                                    <yt-ctrl-item auth="template-task__list" onClick={() => this.handleTaskList(row)}>任务列表</yt-ctrl-item>
+                                </yt-ctrl>
+                            return btnList
+                        }
+                    }
+                }
+            ]
+        }
+    },
+    computed: {
+        ...mapState(['profile', 'authList', 'orgOrIsself'])
+    },
+    created () {
+        this.init()
+    },
+    methods: {
+        init () {
+            this.$getOptionsForSystemParams(['bigsales.TEMP_STATE', 'bigsales.OA_STATE', 'bigsales.shareRange']).then(data => {
+                // this.fields[2].options = data[0]
+                this.fields[3].options = data[1]
+                // this.fields[4].options = data[2]
+                this.fields.find(v => v.key === 'shareRange').options = data[2]
+                // this.OAFields.fields[4].options = data[2]
+            })
+        },
+        handleSubmit (params, mode) {
+            if (mode === 'add' || mode === 'copy') {
+                taskAdd(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') { // 更新
+                taskUpdate(params).then(res => {
+                    this.$success(res.errorMsg)
+                    this.$refs.dialog.close()
+                    this.$refs.table.refresh()
+                }).finally(() => {
+                    setTimeout(() => {
+                        this.$refs.dialog.isLoading = false
+                    }, 1000)
+                })
+            }
+        },
+        beforeSearch (params) { // 条件搜索之前处理数据
+            params.search.beginDate = this.$util.formatDate(params.search.beginDate)
+            params.search.endDate = this.$util.formatDate(params.search.endDate)
+            params.search.scene = SCENE_VIEW
+            const { actInitiatorList = [] } = params.search
+           
+            delete params.search.actInitiatorList
+            const crtByPositionList = Array.from(new Set(actInitiatorList.map(e => e.positionId)))
+            crtByPositionList && (params.search.crtByPositionList = crtByPositionList)
+            return params
+        },
+        handleAdd () {
+            let { profile } = this
+            let params = {
+                createUserId: profile.id,
+                createrRealName: profile.realName,
+                createrOrg: profile.orgId,
+                createrOrgName: profile.orgName
+            }
+            this.$refs.dialog.open(params, 'add')
+        },
+        handleDelete (row) { // 删除
+            deleteById({ id: row.id }).then(res => {
+                this.$success(res.errorMsg)
+                this.$refs.table.refresh()
+            })
+        },
+        handleDetail (row) {
+            if (row.shareRange === SHARE_RANGE_SHARE) {
+                let params = {
+                    busType: '5',
+                    tempId: row.id
+                }
+                getTempOrg(params).then((data) => {
+                    // row.orgLinkName = data.data.map(item => item.shareOrgName).join('，')
+                    row.orgCodeLink = data.data.map(item => item.shareOrg)
+                    this.$refs.dialog.open(row, 'view')
+                })
+            } else {
+                this.$refs.dialog.open(row, 'view')
+            }
+        },
+        handleUpdate (row) {
+            if (row.shareRange === SHARE_RANGE_SHARE) {
+                let params = {
+                    busType: '5',
+                    tempId: row.id
+                }
+                getTempOrg(params).then((data) => {
+                    row.orgCodeLink = data.data.map(item => item.shareOrg)
+                    this.$refs.dialog.open(row, 'update')
+                })
+            } else {
+                this.$refs.dialog.open(row, 'update')
+            }
+        },
+        handleTaskList (row) {
+            this.$refs.task.open(row)
+        },
+        handleCopy (row) {
+            let { profile } = this
+            let params = {
+                ...row,
+                createUserId: profile.id,
+                createrRealName: profile.realName,
+                createrOrg: profile.orgId,
+                createrOrgName: profile.orgName
+            }
+            this.$refs.dialog.open(params, 'copy')
+        },
+        handleStatus (row) {
+            let item = this.$util.copy(row)
+            // if (this.profile.positionId !== row.createUser) {
+            //     this.$message.info('你没有该权限')
+            //     return
+            // }
+            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: 10,
+                pageNum: 1,
+                search: {
+                    tempId: row.id,
+                    opType: OA_STATE_UNPASS
+                }
+            }
+            getOaDisMsg(params).then(data => {
+                let row = data.data.list.length ? data.data.list[0] : {}
+                this.$confirm(`${row.opMsg || '无'}`, '审批意见', {
+                    confirmButtonText: '关闭',
+                    showCancelButton: false
+                })
+            })
+        }
+    }
+}
+</script>
+
+<style lang="less">
+@import './template.less';
+</style>

package/src/views/template/template.less

@@ -0,0 +1,28 @@
+.template-wrapper {
+    height: 100%;
+    .table-column-name {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        .el-icon-s-promotion {
+            margin-right: 4px;
+        }
+    }
+    .circle {
+        margin-right: 4px;
+    }
+    .un-approval {
+        .label {
+            cursor: pointer;
+            color: #4A7FF6;
+        }
+    }
+    #addPictureDialog {
+        width: 800px;
+        padding: @space2;
+        background-color: #fff;
+        position: fixed;
+        top: 20000px;
+        left: 20000px;
+    }
+}

package/src/views/yunhu/employee-list.vue

@@ -0,0 +1,190 @@
+<template>
+    <yt-dialog
+        v-model="isOpen"
+        v-if="isOpen"
+        :width="1000"
+        title="员工列表"
+        height="68vh"
+        class="employee-list"
+        @confirm="handleConfirm"
+        append-to-body
+    >
+        <yt-search-table
+            ref="table"
+            :fields="fields"
+            :api="api"
+            :rowKey="uniqueKey"
+            :beforeSearch="beforeSearch"
+            @submit="handleSubmit"
+            @page-change="pageChange"
+            @selection-change="handleSelectionChange"
+            @load="handleLoad"
+        >
+        </yt-search-table>
+    </yt-dialog>
+</template>
+<script>
+import {
+    positionInfoPage
+} from '@/api/yunhu'
+import { isEmpty } from 'lodash'
+
+export default {
+    name: 'employee-list',
+    props: {
+        multiple: {
+            type: Boolean,
+            default: false
+        }
+    },
+    data () {
+        return {
+            api: positionInfoPage,
+            selectData: [],
+            isOpen: false,
+            flag:false,
+            fields: [
+                {
+                    table: {
+                        type: 'selection',
+                        reserveSelection: true
+                    }
+                },
+                {
+                    title: '用户号',
+                    key: 'userAcct',
+                    type: 'input',
+                    search: {
+                        key: 'userAccountLike',
+                        order: 1
+                    },
+                    table:{
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '姓名',
+                    key: 'userName',
+                    type: 'input',
+                    search: {
+                        key: 'userNameLike'
+                    },
+                    table:{
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '身份名称',
+                    key: 'identityName',
+                    type: 'input',
+                    table:{
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '所属机构',
+                    key: 'orgName',
+                    search: {
+                        key: 'orgCode',
+                        type: 'org',
+                        order: 4,
+                        props: {
+                            type: 'user'
+                        }
+                    },
+                    table:{
+                        tooltip: true
+                    }
+                },
+                {
+                    title: '业务条线',
+                    key: 'bizLineName',
+                    type: 'input',
+                    table: {
+                        'min-width': 130
+                    },
+                    table:{
+                        tooltip: true
+                    }
+                }
+            ]
+        }
+    },
+    methods: {
+        uniqueKey (row) {
+            return row.positionId + ('' + Math.random()).slice(2, 8)
+        },
+        handleLoad (data) {
+            // 选项回显选中
+            this.$nextTick(() => {
+                if(data && data.length && this.selectData.length) {
+                    if(this.multiple) {
+                        this.selectData.forEach(el => {
+                            this.$refs.table.$refs.table.$refs.table.toggleRowSelection(
+                                data.find(item => item.id === el?.id) || {}
+                            )
+                        })
+                    }else {
+                        this.$refs.table.$refs.table.$refs.table.toggleRowSelection(
+                            data.find(item => item.id === this.selectData[0]?.id) || {}
+                        )
+                    }
+                }
+            })
+        },
+        open (selectData) {
+            this.isOpen = true
+            this.$nextTick(() => {
+                if(this.multiple) {
+                    this.selectData = selectData
+                } else {
+                    this.selectData = isEmpty(selectData) ? [] : [selectData]
+                }
+            })
+        },
+        handleSubmit(){
+            this.$refs.table.clearSelection()
+        },
+        beforeSearch(params){
+            let flag=false
+            params={
+                ...params,
+                flag
+            }
+            // this.selectData = []
+            return params
+        },
+        handleSelectionChange (selection) {
+            if (this.multiple) {
+                this.selectData = selection
+            } else {
+                if (selection.length > 1) {
+                    this.selectData = [selection[1]]
+                    this.$refs.table.$refs.table.toggleRowSelection(selection[0], false)
+                } else {
+                    this.selectData = [selection[0]]
+                }
+            }
+        },
+        handleConfirm () {
+            if (this.selectData && this.selectData.length !== 0) {
+                this.isOpen = false
+                this.$emit('getUserName', this.selectData)
+                // this.selectData = []
+            } else {
+                this.$message.info('请选择员工')
+            }
+        },
+        pageChange(){
+            this.$refs.table.clearSelection()
+        }
+    }
+}
+</script>
+<style lang="less">
+.employee-list {
+    .el-table__header .el-checkbox__inner {
+        display: none;
+    }
+}
+</style>