for_client/src/views/ledger/components/internal.vue

<template>
    <HcNewCard>
        <template #header>
            <div class="absolute inset-0" style="height: 32px; top: -14px">
                <div class="relative w-full">
                    <el-scrollbar>
                        <div v-if="!isWaterProject" class="relative whitespace-nowrap">
                            <!-- <div class="inline-block w-32">
                                <el-select v-model="searchInternalForm.taskStatus" clearable placeholder="审批状态">
                                    <el-option v-for="item in InternalApproval" :key="item.value" :label="item.label" :value="item.value" />
                                </el-select>
                            </div> -->
                            <div class="inline-block w-40">
                                <el-select v-model="searchInternalForm.dateIsComplete" clearable placeholder="日期是否完整">
                                    <el-option label="是" value="1" />
                                    <el-option label="否" value="2" />
                                </el-select>
                            </div>
                            <div class="ml-2 inline-block w-38">
                                <el-select v-model="searchInternalForm.isFile" clearable placeholder="是否缺失附件">
                                    <el-option label="是" :value="false" />
                                    <el-option label="否" :value="true" />
                                </el-select>
                            </div>
                         
                            <div class="ml-2 inline-block w-38">
                                <el-select v-model="searchInternalForm.selectType" clearable placeholder="节点显示">
                                    <el-option label="按工序展示" :value="1" />
                                    <el-option label="按本节点显示" :value="2" />
                                </el-select>
                            </div>
                            <div class="ml-2 inline-block w-60">
                                <el-input v-model="searchInternalForm.queryStr" clearable placeholder="请输入名称关键词检索" @keyup="searchInternalKeyUp" />
                            </div>
                            <div class="ml-2 inline-block">
                                <el-button type="primary" @click="searchInternalClick">
                                    <HcIcon name="search-2" />
                                    <span>搜索</span>
                                </el-button>
                            </div>
                        </div>
                        <div v-else class="relative whitespace-nowrap">
                            <div class="inline-block w-64">
                                <el-select v-model="searchWaterForm.type" clearable placeholder="审批状态">
                                    <el-option label="汇总统计" :value="1" />
                                    <el-option label="详细统计" :value="2" />
                                </el-select>
                                <el-button type="primary" @click="getTableWaterData">
                                    <HcIcon name="search-2" />
                                    <span>搜索</span>
                                </el-button>
                            </div>
                        </div>
                    </el-scrollbar>
                </div>
            </div>
        </template>
        <template #extra>
            <HcTooltip v-if="!isWaterProject" keys="write_industry_download">
                <el-button :disabled="tableInternalKeys.length <= 0" :loading="downloadLoading" hc-btn type="primary" @click="batchDownload">
                    <HcIcon name="download" />
                    <span>导出EXCEL表格</span>
                </el-button>
            </HcTooltip>
            <HcTooltip v-if="isWaterProject" keys="write_industry_download">
                <el-button :disabled="tableWaterKeys.length <= 0" :loading="waterDownloadLoading" hc-btn type="primary" @click="waterBatchDownload">
                    <HcIcon name="download" />
                    <span>导出EXCEL表格</span>
                </el-button>
            </HcTooltip>
        </template>
        <HcTable
            v-if="!isWaterProject" ref="tableInternalRef" :column="tableInternalColumn" :datas="tableInternalData"
            :loading="tableInternalLoading" is-new :index-style="{ width: 60 }" is-check
            :check-style="{ width: 29 }"
            @selection-change="tableInternalSelection"
        >
            <template #taskStatus="{ row }">
                <el-tag v-if="row.taskStatus === '已审批'" class="mx-1" effect="dark" type="success">已审批</el-tag>
                <el-tag v-if="row.taskStatus === '待审批'" class="mx-1" effect="dark" type="danger">待审批</el-tag>
                <el-tag v-if="row.taskStatus === '未上报'" class="mx-1" effect="dark" type="warning">未上报</el-tag>
            </template>
            <template #isEvaluate="{ row }">
                <el-tag v-if="row.isEvaluate" class="mx-1" effect="dark" type="success">是</el-tag>
                <el-tag v-else class="mx-1" effect="dark" type="info">否</el-tag>
            </template>
            <template #reportNumber="{ row }">
                {{ row.reportNumber === '-1' || row.reportNumber === '0' ? '' : row.reportNumber }}
            </template>
            <template #isExperiment="{ row }">
                <el-tag v-if="row.isExperiment" class="mx-1" effect="dark" type="success">是</el-tag>
                <el-tag v-else class="mx-1" effect="dark" type="info">否</el-tag>
            </template>
        
            
            <template #infoQueryName="{ row }">
                <span class="text-link" @click="tableRowName(row)">{{ row?.infoQueryName }}</span>
            </template>
        </HcTable>
        <template #action>
            <HcPages v-if="!isWaterProject" :pages="searchInternalForm" @change="pageInternalChange" />
            <!-- <HcPages v-if="isWaterProject" :pages="searchWaterForm" @change="pageWaterChange" /> -->
        </template>

        <HcTable
            v-if="isWaterProject" :column="tableWaterColumn" :datas="tableWaterData"
            :loading="tableWaterLoading" is-new :index-style="{ width: 60 }" is-check @selection-change="tableWaterSelection"
        />
    </HcNewCard>
</template>

<script setup>
import { nextTick, ref, watch } from 'vue'
import internalApi from '~api/ledger/internal'
import queryApi from '~api/data-fill/query'
import { arrToId, downloadBlob, getArrValue, isString } from 'js-fast-way'
import { toPdfPage } from '~uti/btn-auth'

//参数
const props = defineProps({
    projectId: {
        type: [String, Number],
        default: '',
    },
    contractId: {
        type: [String, Number],
        default: '',
    },
    treeData: {
        type: Object,
        default: () => ({}),
    },
    isWaterProject: {
        type: Boolean,
        default: false,
    },
})

//变量
const projectId = ref(props.projectId)
const contractId = ref(props.contractId)
const nodeData = ref(props.treeData)
const isWaterProject = ref(props.isWaterProject)
const searchWaterForm = ref({
    type:1,
 
})
const tableWaterColumn = ref([
{ key: 'className', name: '单位工程' },
    { key: 'partName', name: '分部工程' },
    { key: 'subPartName', name: '子分部工程' },
    { key: 'unitName', name: '单元工程' },
    { key: 'unitCount', name: '单元工程个数' },
    { key: 'passCount', name: '合格个数' },
    { key: 'goodCount', name: '其中优良个数' }, 
     { key: 'goodRate', name: '优良率(%)' },
  
])

//监听
watch(() => [
    props.treeData,
    props.isWaterProject,
], ([treeData, water]) => {
    nodeData.value = treeData
    isWaterProject.value = water
    setQueryData(treeData)
})

//渲染完成
nextTick(() => {
    setQueryData(props.treeData)
 
})

//获取相关数据
const setQueryData = (data) => {
    const cid = data?.contractIdRelation || ''
    const wbsId = data['contractIdRelation'] ? data['id'] : data['primaryKeyId']
    if (wbsId) {
        searchInternalForm.value.contractId = cid ? cid : contractId.value
        searchInternalForm.value.contractIdRelation = data['contractIdRelation']
        searchInternalForm.value.wbsIds = [wbsId]
        searchInternalClick()
    }
}

//审批状态
const InternalApproval = ref([
    { label: '未上报', value: '0' },
    { label: '待审批', value: '1' },
    { label: '已审批', value: '2' },
])
//是否评定
const InternalAssess = ref([
    { label: '是', value: true },
    { label: '否', value: false },
])




//是否关联试验
const InternalAssociation = ref([
    { label: '是', value: true },
    { label: '否', value: false },
])

//搜索表单
const searchInternalForm = ref({
    taskStatus: null, isFile: null, reportNumber: null, isExperiment: null, selectType: null,

    current: 1, size: 20, total: 0,
})

//回车
const searchInternalKeyUp = (e) => {
    if (e.key === 'Enter') {
        searchInternalClick()
    }
}

//搜索
const searchInternalClick = () => {
    if (searchInternalForm.value?.wbsIds) {
        searchInternalForm.value.current = 1
        if (isWaterProject.value) {
            getTableWaterData()
        } else {
            getTableInternalData()
        }
        

    } else {
        window?.$message?.warning('请先选择一个树节点')
    }
}

//分页被点击
const pageInternalChange = ({ current, size }) => {
    searchInternalForm.value.current = current
    searchInternalForm.value.size = size
    getTableInternalData()
}
// const pageWaterChange = ({ current, size }) => {
//     searchWaterForm.value.current = current
//     searchWaterForm.value.size = size
//     getTableWaterData()
// }
//获取水利水电工程台账

//内业台账表头
const tableInternalRef = ref(null)
const tableInternalColumn = ref([
    { key: 'unitProject', name: '单位工程' },
    { key: 'partProject', name: '分部工程' },
    { key: 'partChildProject', name: '子分部工程' },
    { key: 'subentryProject', name: '分项工程' },
    { key: 'subentryChildProject', name: '子分项工程' },
    { key: 'infoQueryName', name: '文件题名' },
    { key: 'taskStatus', name: '审批状态', width: 80, align: 'center' },
    { key: 'dateIsComplete', name: '日期是否完整', width: 100, align: 'center' },
    { key: 'fileTypeMsg', name: '附件报告', width: 100, align: 'center' },
])
const tableInternalData = ref([])

//获取数据
const tableInternalLoading = ref(false)
const getTableInternalData = async () => {
    tableInternalData.value = []
    tableInternalLoading.value = true
    const { error, code, data } = await internalApi.queryInternalPage({
        ...searchInternalForm.value,
        projectId: projectId.value,
    })
    //判断状态
    tableInternalLoading.value = false
    if (!error && code === 200) {
        tableInternalData.value = getArrValue(data['records'])
        searchInternalForm.value.total = data['total'] || 0
    } else {
        tableInternalData.value = []
        searchInternalForm.value.total = 0
    }
}

//获取数据
const tableWaterData = ref([])
const tableWaterLoading = ref(false)
const getTableWaterData = async () => {
    tableWaterLoading.value = true
    const { error, code, data } = await internalApi.queryCurrentNodeNeiYeLedger1({
        ...searchWaterForm.value,
        projectId: projectId.value,
        pkeyId: nodeData.value['primaryKeyId'],
       
    })
    //判断状态
    tableWaterLoading.value = false
    if (!error && code === 200) {
        tableWaterData.value = getArrValue(data)
 
    } else {
        tableWaterData.value = []
  
    }
}

//多选
const tableInternalKeys = ref([])
const tableInternalSelection = (rows) => {
    tableInternalKeys.value = rows.filter((item) => {
        return (item ?? '') !== ''
    })
}

//下载
const downloadLoading = ref(false)
const batchDownload = async () => {

    //批量下载
    downloadLoading.value = true
    const { error, disposition, res } = await queryApi.exportNeiye({
         ...searchInternalForm.value,
        projectId: projectId.value,
    })
    //处理数据
    downloadLoading.value = false
    if (!error) {
        if (disposition) {
            downloadBlob(res, disposition)
        } else {
            window.$message?.error('选择的资料未生成文件')
        }
    }
}
const waterDownloadLoading = ref(false)
const tableWaterKeys = ref([])
const tableWaterSelection = (rows) => {

    
    tableWaterKeys.value = rows.filter((item) => {
        return (item ?? '') !== ''
    })
}

const waterBatchDownload = async () => {
    const rows = tableWaterKeys.value
  
    // const ids = arrToId(rows)
    //批量下载
    waterDownloadLoading.value = true
    const { error, disposition, res } = await queryApi.downloadNeiYe(rows)
    //处理数据
    waterDownloadLoading.value = false
    if (!error) {
        if (disposition) {
            downloadBlob(res, disposition)
        } else {
            window.$message?.error('选择的资料未生成文件')
        }
    }
}
//打印
const printLoading = ref(false)
const batchPrint = async () => {
    const rows = tableInternalKeys.value
    const ids = arrToId(rows)
    //批量下载
    printLoading.value = true
    const { error, code, data } = await queryApi.batchPrint({ ids: ids })
    //处理数据
    printLoading.value = false
    const res = isString(data) ? data ?? '' : ''
    if (!error && code === 200 && res) {
        toPdfPage(res)
        //window.open(res, '_blank')
    }
}
const tableRowName = (row)=>{
    const res = row.pdfUrl
    toPdfPage(res)
}
</script>

<style lang="scss" scoped>

 </style>