删除多余的页面

src/global/components/hc-tasks-user/index copy.vue

@@ -1,525 +0,0 @@
-<template>
-    <div :class="ui" class="hc-tasks-user">
-        <div class="tasks-user-box" :class="disabled ? 'no-check' : ''">
-            <div class="tag-user-list" @click="showModalClick">
-                <template v-for="(item, index) in UserDataList" :key="index">
-                    <el-tag>{{ setCheckboxUserName(item) }}</el-tag>
-                    <HcIcon v-if="(UserDataList.length - 1) > index" name="arrow-right" ui="arrow-icon-tag" />
-                </template>
-                <div v-if="UserDataList.length <= 0" class="tasks-placeholder">
-                    <span v-if="!isChangePopele"> 点击这里选择任务人</span>
-                    <span v-else> 点击这里选择整改人</span>
-                </div>
-            </div>
-        </div>
-
-        <!-- 选择任务人 -->
-        <hc-new-dialog v-model="showModal" ui="hc-tasks-user-modal-dialog" title="选择任务人" widths="62rem">
-            <div class="hc-tasks-user-modal-content-box">
-                <div class="tree-box">
-                    <el-scrollbar>
-                        <ElTree
-                            v-if="isShowTree"
-                            :data="ElTreeData" :default-expanded-keys="[0]" :props="ElTreeProps" accordion
-                            class="hc-tree-node-box" highlight-current node-key="roleId"
-                            @node-click="ElTreeNodeClick"
-                        />
-                    </el-scrollbar>
-                </div>
-                <div class="user-box">
-                    <div class="y-user-list-box">
-                        <div class="title-box">
-                            <div class="title">
-                                可选择
-                            </div>
-                        </div>
-                        <div class="user-list">
-                            <el-scrollbar>
-                                <el-checkbox-group v-model="checkboxUserList">
-                                    <template v-for="item in signUserList">
-                                        <div class="user-item checkbox-li">
-                                            <el-checkbox
-                                                :value="`${item.certificateUserName}-${item.certificateUserId}`"
-                                            >
-                                                <div class="item-user-name">
-                                                    {{ item.certificateUserName }}
-                                                </div>
-                                            </el-checkbox>
-                                        </div>
-                                    </template>
-                                </el-checkbox-group>
-                            </el-scrollbar>
-                        </div>
-                    </div>
-                    <div class="s-user-list-box">
-                        <div class="title-box">
-                            <div class="title">
-                                已选择({{ checkboxUserList.length }})
-                            </div>
-                            <el-button plain size="small" @click="sequenceModal = true">
-                                调整顺序
-                            </el-button>
-                        </div>
-                        <div class="user-list">
-                            <el-scrollbar>
-                                <template v-for="(item, index) in checkboxUserList" :key="index">
-                                    <el-tag closable @close="delCheckboxUser(index)">
-                                        {{ setCheckboxUserName(item) }}
-                                    </el-tag>
-                                </template>
-                            </el-scrollbar>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button size="large" @click="showModal = false">
-                        <HcIcon name="close" />
-                        <span>取消</span>
-                    </el-button>
-                    <el-button :loading="sureSignUserLoading" hc-btn type="primary" @click="sureSignUserClick">
-                        <HcIcon name="check" />
-                        <span>确定</span>
-                    </el-button>
-                </div>
-            </template>
-        </hc-new-dialog>
-
-        <!-- 调整顺序 -->
-        <hc-new-dialog v-model="sequenceModal" title="调整顺序" widths="38rem">
-            <el-alert :closable="false" title="可拖动排序，也可在后面点击图标，切换排序" type="warning" />
-            <div class="sort-node-body-box list-group header">
-                <div class="list-group-item">
-                    <div class="index-box">
-                        序号
-                    </div>
-                    <div class="title-box">
-                        任务人
-                    </div>
-                    <div class="icon-box">
-                        排序
-                    </div>
-                </div>
-            </div>
-            <Draggable
-                :list="checkboxUserList" class="sort-node-body-box list-group" ghost-class="ghost" item-key="id"
-                @end="sortNodeDrag = false" @start="sortNodeDrag = true"
-            >
-                <template #item="{ element, index }">
-                    <div class="list-group-item">
-                        <div class="index-box">
-                            {{ index + 1 }}
-                        </div>
-                        <div class="title-box">
-                            {{ setCheckboxUserName(element) }}
-                        </div>
-                        <div class="icon-box">
-                            <span class="icon" @click="downSortClick(index)">
-                                <HcIcon name="arrow-down" ui="text-lg" />
-                            </span>
-                            <span class="icon" @click="upSortClick(index)">
-                                <HcIcon name="arrow-up" ui="text-lg" />
-                            </span>
-                        </div>
-                    </div>
-                </template>
-            </Draggable>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button size="large" @click="sequenceModal = false">
-                        取消
-                    </el-button>
-                    <el-button hc-btn type="primary" @click="sequenceModal = false">
-                        确认
-                    </el-button>
-                </div>
-            </template>
-        </hc-new-dialog>
-    </div>
-</template>
-
-<script setup>
-import { onMounted, ref, watch } from 'vue'
-import tasksFlowApi from '~api/tasks/flow'
-import { deepClone, getArrValue } from 'js-fast-way'
-import { checkCustomFlowUserIsEVisaPermissions, checkCustomFlowUserIsEVisaPermissions3, checkCustomFlowUserIsEVisaPermissionsquery } from '~api/other'
-import Draggable from 'vuedraggable'
-
-//参数
-const props = defineProps({
-    ui: {
-        type: String,
-        default: '',
-    },
-    //选中的用户数组
-    users: {
-        type: String,
-        default: '',
-    },
-    projectId: {
-        type: [String, Number],
-        default: '',
-    },
-    contractId: {
-        type: [String, Number],
-        default: '',
-    },
-    type: { //first,log,wbs
-        type: [String, Number],
-        default: '',
-    },
-    typeData: {
-        type: [String, Number, Array, Object],
-        default: '',
-    },
-    classifyType: {
-        type: [String, Number],
-        default: '',
-    },
-    tableOwner: {
-        type: [String, Number],
-        default: '',
-    },
-    nodeId: {
-        type: [String, Number],
-        default: '', //选中节点nodeid
-    },
-    infoIds:{
-        type: [String, Number],
-        default: '', //上报任务ID
-    },
-    disabled:{
-        type:Boolean,
-        default:false,
-    },
-    isChangePopele:{
-        type:Boolean,
-        default:false, //显示整改人还是任务人
-    },
-})
-
-//事件
-const emit = defineEmits(['change'])
-//变量
-const showModal = ref(false)
-const sequenceModal = ref(false)
-const checkboxUserList = ref([])
-const UserDataList = ref([])
-const projectId = ref(props.projectId)
-const contractId = ref(props.contractId)
-const isTypes = ref(props.type)
-const typeDatas = ref(props.typeData)
-const classifyType = ref(props.classifyType)
-const tableOwner = ref(props.tableOwner)
-const nodeId = ref(props.nodeId)
-const infoIds = ref(props.infoIds)
-const disabled = ref(props.disabled)
-const isChangePopele = ref(props.isChangePopele)
-//树数据
-const ElTreeProps = { children: 'childRoleList', label: 'roleName' }
-const ElTreeData = ref([{
-    roleName: '全部人员',
-    roleId: 0,
-    childRoleList: [],
-    signPfxFileList: [],
-}])
-const isShowTree = ref(true)
-//监听
-watch(() => [
-    props.users,
-    props.projectId,
-    props.contractId,
-    props.type,
-    props.typeData,
-    props.classifyType,
-    props.tableOwner,
-    props.nodeId,
-    props.infoIds,
-    props.disabled,
-    props.isChangePopele,
-], ([users, pid, cid, type, data, cla, tab, noid, infoid, disa, isChan]) => {
-    projectId.value = pid
-    contractId.value = cid
-    isTypes.value = type
-    typeDatas.value = data
-    setUserDataList(users)
-    classifyType.value = cla
-    tableOwner.value = tab
-    nodeId.value = noid
-    infoIds.value = infoid
-    disabled.value = disa
-    isChangePopele.value = isChan
-})
-
-//渲染完成
-onMounted(() => {
-    setUserDataList(props.users)
-    queryAllRoleList()
-})
-
-//处理用户数据
-const setUserDataList = (users) => {
-    if (users) {
-        const usersArr = users.split(',')
-        UserDataList.value = usersArr
-        checkboxUserList.value = usersArr
-    } else {
-        UserDataList.value = []
-        checkboxUserList.value = []
-    }
-}
-
-//展开弹窗
-const showModalClick = () => {
-    if (!disabled.value) {
-        showModal.value = true
-    } else {
-        showModal.value = false
-    }
-
-}
-
-//获取系统所有角色划分
-const signUserList = ref([])
-const queryAllRoleList = async () => {
-    isShowTree.value = false
-    const { error, code, data } = await tasksFlowApi.queryAllRoleList({
-        contractId: contractId.value,
-    })
-    isShowTree.value = true
-    //处理数据
-    if (!error && code === 200) {
-        let signList = [], dataArr = getArrValue(data)
-        ElTreeData.value[0].childRoleList = dataArr
-        if (dataArr.length > 0) {
-            dataArr.forEach(item => {
-                signList = signList.concat(item.signPfxFileList)
-            })
-        }
-        ElTreeData.value[0].signPfxFileList = signList
-        signUserList.value = signList
-    } else {
-        signUserList.value = []
-        ElTreeData.value[0].childRoleList = []
-        ElTreeData.value[0].signPfxFileList = []
-    }
-}
-
-//树被点击
-const ElTreeNodeClick = (data) => {
-    signUserList.value = getArrValue(data?.signPfxFileList)
-}
-
-//处理已选择的用户问题
-const setCheckboxUserName = (item) => {
-    if (item) {
-        const itemArr = item.split('-')
-        if (itemArr.length > 0 && itemArr[0]) {
-            return itemArr[0]
-        } else {
-            return ''
-        }
-    } else {
-        return ''
-    }
-}
-
-//删除已选择的用户
-const delCheckboxUser = (index) => {
-    checkboxUserList.value.splice(index, 1)
-}
-
-//排序
-const sortNodeDrag = ref(false)
-//向下
-const downSortClick = (index) => {
-    const indexs = index + 1
-    const data = checkboxUserList.value
-    if (indexs !== data.length) {
-        const tmp = data.splice(indexs, 1)
-        checkboxUserList.value.splice(index, 0, tmp[0])
-    } else {
-        window?.$message?.warning('已经处于置底，无法下移')
-    }
-}
-//向上
-const upSortClick = (index) => {
-    const data = checkboxUserList.value || []
-    if (index !== 0) {
-        const tmp = data.splice(index - 1, 1)
-        checkboxUserList.value.splice(index, 0, tmp[0])
-    } else {
-        window?.$message?.warning('已经处于置顶，无法上移')
-    }
-}
-
-//确认选择
-const sureSignUserLoading = ref(false)
-const sureSignUserClick = () => {
-    let type = isTypes.value, flowJson = {}, newUser = [], newUserId = [], users = ''
-    const dataList = deepClone(checkboxUserList.value)
-    UserDataList.value = dataList
-    if (dataList.length > 0) {
-        sureSignUserLoading.value = true
-        //判断类型
-        if (type === 'first') {
-            flowJson['firstId'] = typeDatas.value
-        } else if (type === 'log') {
-            // flowJson['theLogPrimaryKeyId'] = typeDatas.value
-            flowJson['theLogPrimaryKeyId'] = nodeId.value
-        } else if (type === 'wbs') {
-            flowJson['privatePKeyId'] = typeDatas.value
-        } else if (type === 'query') {
-            flowJson['privatePKeyId'] = typeDatas.value
-        }
-        //封装数据
-        dataList.forEach(item => {
-            const itemArr = item.split('-')
-            if (itemArr.length > 0 && itemArr[0]) {
-                users = users ? `${users},${item}` : item
-                newUser.push({
-                    userId: itemArr[1],
-                    userName: itemArr[0],
-                })
-                newUserId.push(itemArr[1])
-            }
-        })
-        //效验人员
-        if (type === 'wbs') {
-            getCheckCustomFlowUserIsEVisaPermissions(flowJson, newUser, newUserId, users)
-        } else if (type === 'first' || type === 'log' ) {
-            getCheckCustomFlowUserIsEVisaPermissions3(flowJson, newUser, newUserId, users)
-        } else if (type === 'query') {
-            getCheckCustomFlowUserIsEVisaPermissionsquery(flowJson, newUser, newUserId, users)
-        } else {
-            showModal.value = false
-            sureSignUserLoading.value = false
-            emit('change', newUser, newUserId, users)
-        }
-    } else {
-        window.$message?.warning('请先选择任务人员，或点击取消')
-    }
-}
-
-//检查所选的流程环节处理人是否具有审批权限（三大填报页、日志列表的批量上报、首件列表的批量上报）
-const getCheckCustomFlowUserIsEVisaPermissions = async (flowJson, newUser, newUserId, users) => {
-    const { error, code, data, msg } = await checkCustomFlowUserIsEVisaPermissions({
-        projectId: projectId.value,
-        contractId: contractId.value,
-        customFlowUserList: newUserId,
-        ...flowJson,
-        classifyType:classifyType.value,
-        tableOwner:tableOwner.value,
-        nodeId:nodeId.value,
-
-    })
-    //处理数据
-    sureSignUserLoading.value = false
-    if (!error && code === 200 && data === true) {
-        showModal.value = false
-        emit('change', newUser, newUserId, users)
-    } else {
-        window.$message.error(msg)
-        emit('change', [], [], '')
-    }
-}
-//资料查询页面
-const getCheckCustomFlowUserIsEVisaPermissionsquery = async (flowJson, newUser, newUserId, users) => {
-    const { error, code, data, msg } = await checkCustomFlowUserIsEVisaPermissionsquery({
-        projectId: projectId.value,
-        contractId: contractId.value,
-        customFlowUserList: newUserId,
-        ...flowJson,
-        nodeId:nodeId.value,
-        classifyType:classifyType.value,
-        tableOwner:tableOwner.value,
-        infoIds:infoIds.value,
-    })
-    //处理数据
-    sureSignUserLoading.value = false
-    if (!error && code === 200 && data === true) {
-        showModal.value = false
-        emit('change', newUser, newUserId, users)
-    } else {
-        window.$message.error(msg)
-        emit('change', [], [], '')
-    }
-}
-
-//日志和首件页面
-const getCheckCustomFlowUserIsEVisaPermissions3 = async (flowJson, newUser, newUserId, users) => {
-    const { error, code, data, msg } = await checkCustomFlowUserIsEVisaPermissions3({
-        projectId: projectId.value,
-        contractId: contractId.value,
-        customFlowUserList: newUserId,
-        ...flowJson,
-        // nodeId:nodeId.value,
-        classifyType:classifyType.value,
-        tableOwner:tableOwner.value,
-        infoIds:infoIds.value,
-    })
-    //处理数据
-    sureSignUserLoading.value = false
-    if (!error && code === 200 && data === true) {
-        showModal.value = false
-        emit('change', newUser, newUserId, users)
-    } else {
-        window.$message.error(msg)
-        emit('change', [], [], '')
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-@import './style.scss';
-</style>
-
-<style lang="scss">
-.no-check{
-    cursor: not-allowed !important;
-}
-.hc-tasks-user .tasks-user-box .tag-user-list {
-    .el-tag {
-        --el-icon-size: 14px;
-        padding: 0 10px;
-        height: 26px;
-        margin: 4px 0;
-    }
-}
-.el-overlay-dialog .el-dialog.hc-new-dialog.hc-tasks-user-modal-dialog .el-dialog__body {
-    padding: 0;
-}
-.hc-tasks-user-modal-content-box {
-    .checkbox-li .el-checkbox {
-        width: 100%;
-        .el-checkbox__input {
-            position: absolute;
-            right: 0;
-            .el-checkbox__inner {
-                width: 18px;
-                height: 18px;
-                &:after {
-                    height: 9px;
-                    left: 6px;
-                    top: 2px;
-                }
-            }
-        }
-        .el-checkbox__label {
-            flex: 1;
-            padding-left: 0;
-            padding-right: 20px;
-        }
-    }
-    .user-list {
-        .el-tag {
-            margin-right: 10px;
-            margin-top: 12px;
-        }
-        .el-scrollbar__bar.is-vertical {
-            right: -20px;
-        }
-    }
-}
-</style>