<template>
<a-card
:class="$style.wrapHeight">
<!-- 普通搜索区域（替换原来的高级搜索） -->
<a-card
:class="$style.searchWrap">
<a-form-model
ref="searchForm"
class="ant-advanced-search-form"
:model="factConfirmAdvSearchForm"
:rules="rules"
v-bind="formItemLayout"
>
<a-row>
<a-col
:span="
8">
<a-form-model-item
:label="'\u2002年度'"
prop="timeRange"
>
<AuditRangePicker ref = "rangePicker"
v-model="factConfirmAdvSearchForm.timeRange"
:time-range.sync="factConfirmAdvSearchForm.timeRange"
/>
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="审计机构" prop="unit
Names">
<AuditGroupPicker
ref="unit
Names"
v-model="factConfirmAdvSearchForm.unit
Names"
:single="false"
:read-only="false"
:root-node="rootNode"
/>
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="项目名称" prop="project
Name">
<a-input v-model="factConfirmAdvSearchForm.project
Name" />
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col
:span="
8">
<a-form-model-item
:label="'\u2002\u2002被审计部门'" prop="auditedUnit
Names">
<
sd-group-picker v-model="factConfirmAdvSearchForm.auditedUnit
Names" />
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="问题名称" prop="problem
Name">
<a-input v-model="factConfirmAdvSearchForm.problem
Name" />
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="业务类别" prop="problemType">
<a-input v-model="factConfirmAdvSearchForm.problemType" />
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col
:span="
8">
<a-form-model-item
:label="'\u2002\u2002\u2002\u2002风险等级'" prop="riskLevel">
<
sd-select
v-model="factConfirmAdvSearchForm.riskLevel"
:options="riskLevelOption"
:class="$style.select"
allowClear
/>
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="新老问题" prop="isNewproblems">
<
sd-select
v-model="factConfirmAdvSearchForm.isNewproblems"
:options="isNewproblemsOption"
:class="$style.select"
allowClear
/>
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="问题来源" prop="problemSource">
<
sd-select
v-model="factConfirmAdvSearchForm.problemSource"
:options="problemSourceOption"
:class="$style.select"
allowClear
/>
</a-form-model-item>
</a-col>
</a-row>
<a-row>
<a-col
:span="
8">
<a-form-model-item label="问题确认状态" prop="feedbackStatus">
<
sd-select
v-model="factConfirmAdvSearchForm.feedbackStatus"
:options="feedbackStatusOption"
:class="$style.select"
allowClear
/>
</a-form-model-item>
</a-col>
<a-col
:span="
8">
<a-form-model-item label="项目来源" prop="projectSourceType">
<a-radio-group v-model="factConfirmAdvSearchForm.projectSourceType">
<a-radio v-for="option in projectSourceOptions"
:key="option.id"
:value="option.id">
{{ option.text }}
</a-radio>
</a-radio-group>
</a-form-model-item>
</a-col>
<a-col
:span="
8"
:class="$style.searchbutton">
<div class="reportbuttonContent" style="margin-right
: 15%">
<a-button @click="handleReset">重置</a-button>
<a-button type="primary" @click="advSJBGSearch">查询</a-button>
<a-button type="primary" @click="exportData">导出</a-button>
</div>
</a-col>
</a-row>
</a-form-model>
</a-card>
<!-- 数据表格区域 -->
<a-card class="reporttablecardxm">
<
sd-data-table
ref="SJBGDataTable"
:columns="columns"
:filter-expressions="expressions"
data-url="api/xcoa-mobile/v1/audit-fact-confirm/searchList"
>
</
sd-data-table>
</a-card>
</a-card>
</template>
<script>
import iamAuditWorkMixins from '@product/iam/audit/work/iam-audit-work-mixins'
import axios from '@/common/services/axios-instance'
import { getUserInfo } from '@/common/store-mixin'
import auditAdvancedQuery from '../../components/audit-advanced-query.vue'
import AuditGroupPicker from '../../components/picker/audit-group-picker.vue'
import auditAdvancedQueryMixins from '../../components/audit-advanced-query-mixins'
import components from './_import-components/audit-statistics-confirm--list-import'
import StatisticsService from './statistics-service'
import AuditRangePicker from '@product/iam/components/picker/audit-range-picker.vue'
import download from '@/common/services/download'
import TableActionTypes from '@/common/services/table-action-types'
import moment from 'moment'
export default {
name: 'AuditStatisticsConfirmList',
metaInfo
: {
title
: '事实确认查询',
},
components
: {
AuditRangePicker,
auditAdvancedQuery,
AuditGroupPicker,
...components,
},
mixins
: [auditAdvancedQueryMixins, iamAuditWorkMixins],
data
() {
return {
rootNode
: {},
currentYear
: new Date
().getFullYear
(),
projectId
: this.$route.query.projectId,
activeKey
: '1',
expressions
: [],
auditTypeOptions
: [],
formItemLayout
: {
labelCol
: { span
: 6 },
wrapperCol
: { span
: 14 },
},
rules
: {
timeRange
: [{ required
: true, message
: '请选择统计时间', trigger
: 'change' }],
unit
Names
: [{ required
: true, message
: '请选择审计机构', trigger
: 'change' }],
},
factConfirmAdvSearchForm
: {
timeRange
: [moment
(), moment
()],
dateStart
: '',
dateEnd
: '',
auditedUnitIds
: '',
unitIds
: '',
auditedUnit
Names
: [],
unit
Names
: [],
problem
Name: '',
project
Name: '',
problemType
: '',
riskLevel
: '',
isAccountability
: '',
isNewproblems
: [],
problemSource
: [],
feedbackStatus
: [],
projectSourceType
: '',
},
riskLevelOption
: [],
problemTypeOption
: [],
isAccountabilityOption
: [],
projectSourceOptions
: [
{ text
: '内部审计项目', id
: '1' },
{ text
: '外部审计项目', id
: '2' }
],
columns
: [
{
title
: '序号',
customRender
: (text, record, index
) => `${index + 1}`,
width
: '
80px',
},
{
title
: '项目名称',
dataIndex
: 'project
name',
width
: '200px',
},
{
title
: '问题名称',
dataIndex
: 'problem
name',
scopedSlots
: { customRender
: 'islink' },
},
{
title
: '业务类型',
dataIndex
: 'problemtype',
},
{
title
: '风险等级',
dataIndex
: 'risklevel',
},
{
title
: '问题来源',
dataIndex
: 'problemsource',
},
{
title
: '新老问题',
dataIndex
: 'isnewproblems',
},
{
title
: '问题描述',
dataIndex
: 'problemdesc',
},
{
title
: '被审计部门反馈意见',
dataIndex
: 'feedbackopinion',
},
{
title
: '问题原因',
dataIndex
: 'problemreason',
width
: '200px',
},
{
title
: '问题整改措施',
dataIndex
: 'measure',
width
: '200px',
},
{
title
: '问题涉及部门',
dataIndex
: 'involveddepartment
names',
},
{
title
: '问题涉及联系人',
dataIndex
: 'involvedcontacts
names',
},
{
title
: '问题确认状态',
dataIndex
: 'feedbackstatus',
},
],
actions
: [
{
label
: '导出',
id
: 'export',
type
: TableActionTypes.primary,
permission
: null,
callback
: () => {
this.exportData
()
},
},
],
itemStatusOptions
: [],
auditModeOptions
: [],
changeTypeOptions
: [],
showOpinionModal
: false,
problemSourceOption
: [],
feedbackStatusOption
: [
{ id
: '未确认',
name: '未确认' },
{ id
: '已确认',
name: '已确认' },
],
isNewproblemsOption
: [],
pending
: [],
batchSubmitSucceed
: [],
batchsubmitFailed
: [],
}
},
created
() {
let userInfo = getUserInfo
()
const params = {
orgId
: userInfo.deptId,
}
axios
({
url
: 'api/xcoa-mobile/v1/iamorg/getCurrentUserGroup',
method
: 'get',
}
).then
((res
) => {
userInfo = res.data
params.orgId = res.data.id
axios
({
url
: 'api/xcoa-mobile/v1/iamorg/findIamOrgId',
method
: 'post',
params,
}
).then
((res
) => {
this.id = res.data
const deptCode = userInfo.id.toString
()
const dept
Name = userInfo.
name
this.rootNode = { code
: deptCode,
name: dept
Name, id
: this.id }
}
)
}
)
},
mounted
() {
StatisticsService.getDictionary
('GY_PROBLEM_TYPE'
).then
((res
) => {
this.riskLevelOption = res.data
}
)
StatisticsService.getDictionary
('GY_PROBLEM_SOURCE'
).then
((res
) => {
this.problemSourceOption = res.data
}
)
StatisticsService.getDictionary
('GY_NEW_PROBLEM'
).then
((res
) => {
this.isNewproblemsOption = res.data
}
)
this.$nextTick
(() => {
if
(this.$refs.rangePicker
) {
this.$refs.rangePicker.value = this.factConfirmAdvSearchForm.timeRange
}
}
)
},
methods
: {
getSelectIdValue
(selectValue
) {
if
(!selectValue
) return null;
if
(Array.isArray
(selectValue
) && selectValue.length > 0 && selectValue[0].id
) {
return selectValue[0].id;
}
if
(typeof selectValue === 'object' && selectValue.id
) {
return selectValue.id;
}
return null;
},
// 重置
handleReset
() {
this.factConfirmAdvSearchForm = {
timeRange
: [],
dateStart
: '',
dateEnd
: '',
auditedUnitIds
: '',
unitIds
: '',
auditedUnit
Names
: [],
unit
Names
: [],
problem
Name: '',
project
Name: '',
problemType
: '',
riskLevel
: '',
isAccountability
: '',
isNewproblems
: [],
problemSource
: [],
feedbackStatus
: [],
projectSourceType
: '',
}
this.$refs.searchForm.resetF
ields
();
},
// 导出数据
exportData
() {
this.$refs.searchForm.validate
((valid
) => {
if
(valid
) {
this.advSJBGSearch
()
const url = `api/xcoa-mobile/v1/audit-fact-confirm/export`
const f
name = '事实确认列表.xls'
download
({ url, method
: 'post', data
: { expressions
: this.expressions, maxResults
: -1 } }, f
name)
}
}
)
},
// 查看当前登录人是否项目成员
inProjectUser
(userList
) {
return userList.some
(item => item.userAccount === getUserInfo
().account
);
},
// 刷新列表
refresh
() {
this.$refs.SJBGDataTable.refresh
()
},
// 查询
方法
advSJBGSearch
() {
this.$refs.searchForm.validate
((valid
) => {
if
(valid
) {
this.expressions = []
// 修改时间范围处理逻辑
if
(this.factConfirmAdvSearchForm.timeRange &&
Array.isArray
(this.factConfirmAdvSearchForm.timeRange
) &&
this.factConfirmAdvSearchForm.timeRange.length >= 2
) {
const [startDate, endDate] = this.factConfirmAdvSearchForm.timeRange
if
(startDate && endDate
) {
this.expressions.push
({
dataType
: 'str',
name: 'dateStart',
op
: 'eq',
stringValue
: moment
(startDate
).year
() + '',
}
)
this.expressions.push
({
dataType
: 'str',
name: 'dateEnd',
op
: 'eq',
stringValue
: moment
(endDate
).year
() + '',
}
)
}
}
// 审计机构
if
(this.factConfirmAdvSearchForm.unit
Names
) {
const codes = this.factConfirmAdvSearchForm.unit
Names.map
(item => item.code
);
this.expressions.push
({
dataType
: 'str',
name: 'unitIds',
op
: 'eq',
stringValue
: `${codes.join
(','
)}`,
}
)
}
// 被审计单位
if
(this.factConfirmAdvSearchForm.auditedUnit
Names
) {
const codes = this.factConfirmAdvSearchForm.auditedUnit
Names.map
(item => item.code
);
this.expressions.push
({
dataType
: 'str',
name: 'auditedUnitIds',
op
: 'eq',
stringValue
: `${codes.join
(','
)}`,
}
)
}
if
(this.factConfirmAdvSearchForm.problem
Name) {
this.expressions.push
({
dataType
: 'str',
name: 'problem
Name',
op
: 'like',
stringValue
: `%${this.factConfirmAdvSearchForm.problem
Name}%`,
}
)
}
if
(this.factConfirmAdvSearchForm.project
Name) {
this.expressions.push
({
dataType
: 'str',
name: 'project
Name',
op
: 'like',
stringValue
: `%${this.factConfirmAdvSearchForm.project
Name}%`,
}
)
}
if
(this.factConfirmAdvSearchForm.problemType
) {
this.expressions.push
({
dataType
: 'str',
name: 'problemType',
op
: 'eq',
stringValue
: `${this.factConfirmAdvSearchForm.problemType}`,
}
)
}
const riskLevelId = this.getSelectIdValue
(this.factConfirmAdvSearchForm.riskLevel
);
console.log
('风险等级'+riskLevelId
)
if
(riskLevelId
) {
this.expressions.push
({
dataType
: 'str',
name: 'riskLevel',
op
: 'eq',
stringValue
: riskLevelId,
}
)
}
if
(this.factConfirmAdvSearchForm.isAccountability
) {
this.expressions.push
({
dataType
: 'str',
name: 'isAccountability',
op
: 'eq',
stringValue
: `${this.factConfirmAdvSearchForm.isAccountability}`,
}
)
}
const isNewproblemsId = this.getSelectIdValue
(this.factConfirmAdvSearchForm.isNewproblems
);
console.log
('是否新问题'+isNewproblemsId
)
if
(isNewproblemsId
) {
this.expressions.push
({
dataType
: 'str',
name: 'isNewproblems',
op
: 'eq',
stringValue
: isNewproblemsId,
}
)
}
const problemSourceId = this.getSelectIdValue
(this.factConfirmAdvSearchForm.problemSource
);
console.log
('问题来源'+problemSourceId
)
if
(problemSourceId
) {
this.expressions.push
({
dataType
: 'str',
name: 'problemSource',
op
: 'eq',
stringValue
: problemSourceId,
}
)
}
const feedbackStatusId = this.getSelectIdValue
(this.factConfirmAdvSearchForm.feedbackStatus
);
console.log
('问题反馈状态'+problemSourceId
)
if
(feedbackStatusId
) {
this.expressions.push
({
dataType
: 'str',
name: 'feedbackStatus',
op
: 'eq',
stringValue
: feedbackStatusId,
}
)
}
// 新增项目来源筛选
if
(this.factConfirmAdvSearchForm.projectSourceType
) {
this.expressions.push
({
dataType
: 'str',
name: 'projectSource',
op
: 'eq',
stringValue
: `${this.factConfirmAdvSearchForm.projectSourceType}`,
}
)
}
}
}
)
},
},
}
</script>
<style module lang="scss">
@use '@/common/design' as *;
/* 为下拉框添加清除按钮后的样式调整 */
.select {
:global {
.ant-select-selection--single {
padding-right
: 24px; /* 为清除按钮留出空间 */
}
.ant-select-arrow {
right
: 11px; /* 调整箭头位置 */
}
}
}
</style>
加一个表头冻结功能
本文解析了在IE11及早期IE版本中，getElementById方法有时能通过name属性获取元素的现象，并对比了其他现代浏览器的行为差异，提供了正确的使用建议。
扫一扫
7835
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
