|
|
@@ -0,0 +1,676 @@
|
|
|
+<template>
|
|
|
+ <div class="page">
|
|
|
+ <el-form :inline="true" class="query-form m-b-10" v-if="searchVisible" ref="searchForm" :model="searchForm" @keyup.enter.native="refreshList()" @submit.native.prevent>
|
|
|
+ <!-- 搜索框-->
|
|
|
+ <el-form-item label="报销编号" prop="no">
|
|
|
+ <el-input v-model="searchForm.no" placeholder="请输入报销编号" clearable>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="报销项目" prop="project">
|
|
|
+ <el-input v-model="searchForm.project" placeholder="请输入报销项目" clearable>
|
|
|
+ <el-button icon="el-icon-search" slot="append" @click="openProgramPageForm"></el-button>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="报销时间" prop="dates">
|
|
|
+ <el-date-picker
|
|
|
+ style=""
|
|
|
+ placement="bottom-start"
|
|
|
+ value-format="YYYY-MM-DD h:m:s"
|
|
|
+ v-model="searchForm.dates"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="经办人" prop="handled">
|
|
|
+<!-- <UserSelect :limit='1' :modelValue="searchForm.handled" @update:modelValue='(value, label) => {searchForm.handled = value}'></UserSelect>-->
|
|
|
+ <el-input v-model="searchForm.handled" placeholder="请选择经办人">
|
|
|
+ <template #suffix>
|
|
|
+ <el-button style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append" icon="el-icon-search" @click="openUserDia1">
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销人" prop="reimBy">
|
|
|
+<!-- <UserSelect :limit='1' :modelValue="searchForm.reimBy" @update:modelValue='(value, label) => {searchForm.reimBy = value}'></UserSelect>-->
|
|
|
+ <el-input v-model="searchForm.reimBy" placeholder="请选择报销人">
|
|
|
+ <template #suffix>
|
|
|
+ <el-button style="background-color: white;color: #1b1e25;border-color: white;" type="primary" slot="append" icon="el-icon-search" @click="openUserDia2">
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销项" prop="reimbursementType">
|
|
|
+ <el-select v-model="searchForm.reimbursementType" placeholder="请选择" style="width:100%;" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in $dictUtils.getDictList('reimbursement_type')"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销状态" prop="type">
|
|
|
+ <el-select v-model="searchForm.type" placeholder="请选择" style="width:100%;" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in $dictUtils.getDictList('status')"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销部门" prop="department">
|
|
|
+ <SelectTree
|
|
|
+ ref="officeTree"
|
|
|
+ :props="{
|
|
|
+ value: 'id', // ID字段名
|
|
|
+ label: 'name', // 显示名称
|
|
|
+ children: 'children' // 子级字段名
|
|
|
+ }"
|
|
|
+ :url="`/system-server/sys/office/treeData?type=2`"
|
|
|
+ :value="searchForm.department"
|
|
|
+ :clearable="true"
|
|
|
+ :accordion="true"
|
|
|
+ size="default"
|
|
|
+ @getValue="(value,label) => {searchForm.department=label}"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销类型" prop="sourceType">
|
|
|
+ <el-select v-model="searchForm.sourceType" placeholder="请选择报销类型" clearable>
|
|
|
+ <el-option
|
|
|
+ v-for="item in $dictUtils.getDictList('cw_reimbursement_source_type')"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销类别" prop="remiType">
|
|
|
+ <SelectTree
|
|
|
+ ref="areaTree"
|
|
|
+ :props="{
|
|
|
+ value: 'id', // ID字段名
|
|
|
+ label: 'name', // 显示名称
|
|
|
+ children: 'children' // 子级字段名
|
|
|
+ }"
|
|
|
+ url="/public-modules-server/reimbursementApproval/type/treeData1?type=last"
|
|
|
+ :value="searchForm.remiType"
|
|
|
+ :clearable="true"
|
|
|
+ :accordion="true"
|
|
|
+ size="default"
|
|
|
+ @getValue="(value, label) => {searchForm.remiType=label}"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报销金额" prop="amounts">
|
|
|
+ <InputNumber :disabled="false" :precision="num" :value="searchForm.amounts"
|
|
|
+ @changefrom="(val)=>{searchForm.amounts[0]=val}"
|
|
|
+ @changeto="(val)=>{searchForm.amounts[1]=val}"
|
|
|
+ ></InputNumber>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-if="showHideItem" label="报告号" prop="reportNumber">
|
|
|
+ <el-input v-model="searchForm.reportNumber" placeholder="请输入报告号" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="default" @click="showHide" :icon="showHideIcon">{{showHideName}}</el-button>
|
|
|
+ <el-button type="primary" @click="refreshList()" icon="el-icon-search">查询</el-button>
|
|
|
+ <el-button @click="resetSearch()" icon="el-icon-refresh-right">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <div class="jp-table top" style="">
|
|
|
+ <vxe-toolbar :refresh="{query: refreshList}" ref="toolbarRef" export custom>
|
|
|
+ <template #buttons>
|
|
|
+ <el-button v-if="hasPermission('businessOperation:info:add')" type="primary" icon="el-icon-plus" @click="add()">新建</el-button>
|
|
|
+ <el-button v-if="hasPermission('businessOperation:info:del')" type="danger" icon="el-icon-delete" @click="del()" :disabled="$refs.infoTable && $refs.infoTable.getCheckboxRecords().length === 0" plain>删除</el-button>
|
|
|
+ <el-button type="warning" icon="el-icon-download" @click="exportInvoiceReimbursementFile()" plain>数电发票报销</el-button>
|
|
|
+ </template>
|
|
|
+ <template #tools>
|
|
|
+ <vxe-button
|
|
|
+ text
|
|
|
+ type="primary"
|
|
|
+ :title="searchVisible ? '收起检索' : '展开检索'"
|
|
|
+ icon="vxe-icon-search"
|
|
|
+ class="tool-btn"
|
|
|
+ @click="searchVisible = !searchVisible"
|
|
|
+ ></vxe-button>
|
|
|
+ </template>
|
|
|
+ </vxe-toolbar>
|
|
|
+ <div style="height: calc(100% - 80px)">
|
|
|
+ <vxe-table
|
|
|
+ border="inner"
|
|
|
+ auto-resize
|
|
|
+ resizable
|
|
|
+ height="auto"
|
|
|
+ :loading="loading"
|
|
|
+ ref="infoTable"
|
|
|
+ show-header-overflow
|
|
|
+ show-overflow
|
|
|
+ highlight-hover-row
|
|
|
+ :menu-config="{}"
|
|
|
+ :sort-config="{remote:true}"
|
|
|
+ :export-config="{
|
|
|
+ remote: true,
|
|
|
+ filename: `会计报销数据${moment(new Date()).format('YYYY-MM-DD')}`,
|
|
|
+ sheetName: `会计报销数据${moment(new Date()).format('YYYY-MM-DD')}`,
|
|
|
+ exportMethod: exportMethod,
|
|
|
+ types: ['xlsx'],
|
|
|
+ modes: ['current', 'selected', 'all']
|
|
|
+ }"
|
|
|
+ :data="dataList"
|
|
|
+ :checkbox-config="{}">
|
|
|
+ <vxe-column type="seq" width="60" title="序号"></vxe-column>
|
|
|
+ <vxe-column type="checkbox" width="60" ></vxe-column>
|
|
|
+ <vxe-column min-width="130" title="报销编号" field="no" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-link type="primary" :underline="false" v-if="hasPermission('businessOperation:info:view')" @click="view(scope.row.id)">{{scope.row.no}}</el-link>
|
|
|
+ <el-link type="primary" :underline="false" v-else-if="hasPermission('businessOperation:info:view')" @click="view(scope.row.id)">{{scope.row.no}}</el-link>
|
|
|
+ <span v-else>{{scope.row.no}}</span>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column width="130" title="报销项" field="reimbursementType" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ {{$dictUtils.getDictLabel('reimbursement_type', scope.row.reimbursementType, '')}}
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column min-width="130" title="报销类型" field="sourceType" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ {{$dictUtils.getDictLabel('cw_reimbursement_source_type', scope.row.sourceType, '')}}
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column min-width="130" title="报销类别" field="typeName" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="180" title="报销项目" field="projectName" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-link type="primary" :underline="false" v-if="hasPermission('businessOperation:info:view') && scope.row.projectId != undefined" @click="viewProject(scope.row.projectId)">{{scope.row.sourceType === '2' ? '' : scope.row.projectName}}</el-link>
|
|
|
+ <el-link type="primary" :underline="false" v-else-if="hasPermission('businessOperation:info:view') && scope.row.projectId != undefined" @click="viewProject(scope.row.projectId)">{{scope.row.sourceType === '2' ? '' : scope.row.projectName}}</el-link>
|
|
|
+ <span v-else>{{scope.row.sourceType === '2' ? '' : scope.row.projectName}}</span>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column min-width="180" title="报销合同" field="projectName" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-link type="primary" :underline="false" v-if="hasPermission('businessOperation:info:view') && scope.row.projectId != undefined" @click="viewContract(scope.row.projectId)">{{scope.row.sourceType === '2' ? scope.row.projectName : ''}}</el-link>
|
|
|
+ <span v-else>{{scope.row.sourceType === '2' ? scope.row.projectName : ''}}</span>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ <vxe-column min-width="180" title="报告号" field="reportNumber" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="100" title="经办人" field="userName" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="100" title="报销人" field="name" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="100" title="报销部门" field="deptName" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="100" title="报销日期" field="reimDate" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="100" title="报销金额(元)" field="number" fixed="right" align="center"></vxe-column>
|
|
|
+ <vxe-column min-width="100" title="状态" fixed="right" align="center" field="type">
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button @click="detail(scope.row)" :type="$dictUtils.getDictLabel('status_info', scope.row.type, '')" effect="dark" >{{$dictUtils.getDictLabel("status", scope.row.type, '未开始')}} </el-button>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+
|
|
|
+ <vxe-column title="操作" min-width="130px" fixed="right" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <div v-if="isAdmin">
|
|
|
+ <el-button text type="primary" @click="editForm(scope.row)">修改</el-button>
|
|
|
+ <el-button v-if=" (scope.row.type === '5')" text type="primary" @click="del(scope.row.id)">删除</el-button>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ <el-button v-if="hasPermission('businessOperation:info:update') && scope.row.createId === $store.state.user.id && (scope.row.type === '1' || scope.row.type === '3' )" text type="primary" @click="edit(scope.row)">修改</el-button>
|
|
|
+ <el-button v-if="hasPermission('businessOperation:info:update') && scope.row.createId === $store.state.user.id && (scope.row.type === '2')" text type="primary" @click="reback(scope.row)">撤回</el-button>
|
|
|
+ <el-button v-if="hasPermission('businessOperation:info:del') && scope.row.createId === $store.state.user.id && (scope.row.type === '1')" text type="primary" @click="del(scope.row.id)">删除</el-button>
|
|
|
+ <!-- 审核-->
|
|
|
+ <el-button v-if="scope.row.type==='2' && checkIsAudit(scope.row)" text type="primary" @click="examine(scope.row)">审核</el-button>
|
|
|
+ <!-- 被驳回后当前申请人重新调整-->
|
|
|
+ <el-button v-if="scope.row.createId === $store.state.user.id&&scope.row.type === '4'" text type="primary" @click="adjust(scope.row)">驳回调整</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </vxe-column>
|
|
|
+ </vxe-table>
|
|
|
+ <vxe-pager
|
|
|
+ background
|
|
|
+ :current-page="tablePage.currentPage"
|
|
|
+ :page-size="tablePage.pageSize"
|
|
|
+ :total="tablePage.total"
|
|
|
+ :page-sizes="[10, 20, 100, 1000, {label: '全量数据', value: 1000000}]"
|
|
|
+ :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
+ @page-change="currentChangeHandle">
|
|
|
+ </vxe-pager>
|
|
|
+
|
|
|
+ <ProjectChooseForm ref="projectChooseForm" @getProgram="getProgram"></ProjectChooseForm>
|
|
|
+ <InfoForm ref="infoForm" @refreshDataList="refreshList"></InfoForm>
|
|
|
+ <ProjectRecordsForm ref="projectRecordsForm" @refreshDataList="refreshList"></ProjectRecordsForm>
|
|
|
+ <ContractNameForm ref="contractNameForm"></ContractNameForm>
|
|
|
+ <InfoUpdateForm ref="infoUpdateForm" @refreshDataList="refreshList"></InfoUpdateForm>
|
|
|
+ <ProjectListForm ref="projectListForm"></ProjectListForm>
|
|
|
+ <user-select1 ref="userSelect1" @doSubmit="selectUser1"></user-select1>
|
|
|
+ <user-select2 ref="userSelect2" @doSubmit="selectUser2"></user-select2>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import ReimbursementApprovalService from '@/api/cw/reimbursementApproval/ReimbursementApprovalService'
|
|
|
+ import InputNumber from '@/views/workContract/InputNumber.vue'
|
|
|
+ import UserSelect from '@/components/userSelect'
|
|
|
+ import SelectTree from '@/components/treeSelect/treeSelect.vue'
|
|
|
+ import ProjectChooseForm from '../projectInfo/ProjectChooseForm'
|
|
|
+ import InfoForm from './InfoForm'
|
|
|
+ import taskService from '@/api/flowable/TaskService'
|
|
|
+ import processService from '@/api/flowable/ProcessService'
|
|
|
+ import pick from 'lodash.pick'
|
|
|
+ import ProjectRecordsForm from '../../projectRecords/ProjectRecordsForm'
|
|
|
+ import ContractNameForm from '../../workContract/ContractNameForm'
|
|
|
+ import userService from '@/api/sys/UserService'
|
|
|
+ import InfoUpdateForm from './InfoUpdateForm'
|
|
|
+ import ProjectListForm from './ProgramForm'
|
|
|
+ import UserSelect1 from '@/views/utils/UserTreeSelect'
|
|
|
+ import UserSelect2 from '@/views/utils/UserTreeSelect'
|
|
|
+ export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ searchVisible: true,
|
|
|
+ showHideItem: false,
|
|
|
+ showHideIcon: 'el-icon-arrow-down',
|
|
|
+ showHideName: '展示',
|
|
|
+ num: 0,
|
|
|
+ visable: false,
|
|
|
+ gridData: [],
|
|
|
+ searchForm: {
|
|
|
+ project: '',
|
|
|
+ dates: [],
|
|
|
+ handled: '',
|
|
|
+ reimBy: '',
|
|
|
+ type: [],
|
|
|
+ department: '',
|
|
|
+ remiType: '',
|
|
|
+ amounts: [],
|
|
|
+ reportNumber: '',
|
|
|
+ sourceType: '',
|
|
|
+ no:''
|
|
|
+ },
|
|
|
+ dataList: [],
|
|
|
+ tablePage: {
|
|
|
+ total: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ orders: []
|
|
|
+ },
|
|
|
+ loading: false,
|
|
|
+ isAdmin: false,
|
|
|
+ isKjsz:false,
|
|
|
+ isZj:false,
|
|
|
+ isZjbry:false,
|
|
|
+ isSs:false,
|
|
|
+ isDgsbxBmzr:false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ reimbursementApprovalService: null,
|
|
|
+ created () {
|
|
|
+ this.reimbursementApprovalService = new ReimbursementApprovalService()
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ InputNumber,
|
|
|
+ SelectTree,
|
|
|
+ ProjectChooseForm,
|
|
|
+ InfoForm,
|
|
|
+ ProjectRecordsForm,
|
|
|
+ UserSelect,
|
|
|
+ ContractNameForm,
|
|
|
+ InfoUpdateForm,
|
|
|
+ ProjectListForm,
|
|
|
+ UserSelect1,
|
|
|
+ UserSelect2,
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ //将表格和工具栏进行关联
|
|
|
+ const $table = this.$refs.infoTable;
|
|
|
+ const $toolbar = this.$refs.toolbarRef;
|
|
|
+ $table.connect($toolbar);
|
|
|
+ })
|
|
|
+ this.refreshList()
|
|
|
+ },
|
|
|
+ activated () {
|
|
|
+ this.refreshList()
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ userName () {
|
|
|
+ return this.$store.state.user.name
|
|
|
+ },
|
|
|
+ user () {
|
|
|
+ this.create = this.$store.state.user.id
|
|
|
+ console.log('createId', this.$store.state.user)
|
|
|
+ return this.$store.state.user
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ showHide () {
|
|
|
+ if (this.showHideItem === false) {
|
|
|
+ this.showHideItem = true
|
|
|
+ this.showHideIcon = 'el-icon-arrow-up'
|
|
|
+ this.showHideName = '隐藏'
|
|
|
+ } else {
|
|
|
+ this.showHideItem = false
|
|
|
+ this.showHideIcon = 'el-icon-arrow-down'
|
|
|
+ this.showHideName = '展示'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 查询当前用户是否是管理员用户
|
|
|
+ checkIsAdmin () {
|
|
|
+ userService.is().then((data) => {
|
|
|
+ this.isAdmin = data
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ viewContract (id) {
|
|
|
+ this.$refs.contractNameForm.init('view', id)
|
|
|
+ },
|
|
|
+ // 新增
|
|
|
+ add () {
|
|
|
+ // 读取流程表单
|
|
|
+ let tabTitle = `发起流程【业务操作报销审批】`
|
|
|
+ let processTitle = `${this.userName} 在 ${this.moment(new Date()).format('YYYY-MM-DD HH:mm')} 发起了 [业务操作报销审批]`
|
|
|
+ taskService.getTaskDef({ procDefId: this.processDefinitionId,
|
|
|
+ status: 'startAndHold'}).then((data) => {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/flowable/task/TaskForm',
|
|
|
+ query: {
|
|
|
+ ...pick(data, 'formType', 'formUrl', 'procDefKey', 'taskDefKey', 'procInsId', 'procDefId', 'taskId', 'status', 'title'),
|
|
|
+ procDefId: this.processDefinitionId,
|
|
|
+ procDefKey: this.procDefKey,
|
|
|
+ status: 'startAndHold',
|
|
|
+ title: tabTitle,
|
|
|
+ formType: data.formType,
|
|
|
+ formUrl: data.formUrl,
|
|
|
+ formTitle: processTitle,
|
|
|
+ businessId: 'false',
|
|
|
+ isShow: false,
|
|
|
+ routePath: '/cw/szfbReimbursementApproval/info/InfoList'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ // 修改
|
|
|
+ edit (row) {
|
|
|
+ // 暂存修改
|
|
|
+ let status = ''
|
|
|
+ if (row.type === '1') {
|
|
|
+ status = 'startAndHold'
|
|
|
+ }
|
|
|
+ // 撤回或者驳回修改
|
|
|
+ if (row.type === '3') {
|
|
|
+ status = 'startAndClose'
|
|
|
+ } else if (row.status === '4') {
|
|
|
+ status = 'reapplyFlag'
|
|
|
+ }
|
|
|
+ // 读取流程表单
|
|
|
+ let tabTitle = `发起流程【业务操作报销审批】`
|
|
|
+ let processTitle = `${this.userName} 在 ${this.moment(new Date()).format('YYYY-MM-DD HH:mm')} 发起了 [业务操作报销审批审批]`
|
|
|
+ taskService.getTaskDef({ procDefId: this.processDefinitionId,
|
|
|
+ businessId: row.id,
|
|
|
+ businessTable: 'cw_reimbursement_info',
|
|
|
+ status: status
|
|
|
+ }).then((data) => {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/flowable/task/TaskForm',
|
|
|
+ query: {
|
|
|
+ ...pick(data, 'formType', 'formUrl', 'procDefKey', 'taskDefKey', 'procInsId', 'procDefId', 'taskId', 'status', 'title'),
|
|
|
+ procDefId: this.processDefinitionId,
|
|
|
+ procDefKey: this.procDefKey,
|
|
|
+ status: status,
|
|
|
+ title: tabTitle,
|
|
|
+ formType: data.formType,
|
|
|
+ formUrl: data.formUrl,
|
|
|
+ formTitle: processTitle,
|
|
|
+ businessTable: 'cw_reimbursement_info',
|
|
|
+ businessId: row.id,
|
|
|
+ isShow: false,
|
|
|
+ routePath: '/cw/szfbReimbursementApproval/info/InfoList'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ // 撤回
|
|
|
+ reback (row) {
|
|
|
+ this.$confirm(`确定撤回流程吗?`, '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ processService.revokeProcIns(row.procInsId).then((data) => {
|
|
|
+ let param = {type: '3', id: row.id}
|
|
|
+ this.reimbursementApprovalService.updateStatusById(param)
|
|
|
+ this.$message.success('回退成功')
|
|
|
+ this.refreshList()
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查看
|
|
|
+ view (id) {
|
|
|
+ this.$refs.infoForm.init('view', id)
|
|
|
+ },
|
|
|
+ editForm (row) {
|
|
|
+ this.$refs.infoUpdateForm.init('edit', row.id)
|
|
|
+ },
|
|
|
+ // 查看报销项目
|
|
|
+ viewProject (id) {
|
|
|
+ this.$refs.projectListForm.init(id)
|
|
|
+ },
|
|
|
+ // 获取数据列表
|
|
|
+ refreshList () {
|
|
|
+ this.loading = true
|
|
|
+ this.reimbursementApprovalService.list2({
|
|
|
+ 'current': this.tablePage.currentPage,
|
|
|
+ 'size': this.tablePage.pageSize,
|
|
|
+ 'orders': this.tablePage.orders,
|
|
|
+ ...this.searchForm
|
|
|
+ }).then((data) => {
|
|
|
+ this.dataList = data.records
|
|
|
+ this.tablePage.total = data.total
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ this.checkIsAdmin()
|
|
|
+ processService.getByName('苏州-业务操作报销').then((data) => {
|
|
|
+ if (!this.commonJS.isEmpty(data.id)) {
|
|
|
+ this.processDefinitionId = data.id
|
|
|
+ this.procDefKey = data.key
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 删除
|
|
|
+ del (id) {
|
|
|
+ let ids = id || this.$refs.infoTable.getCheckboxRecords().map(item => {
|
|
|
+ return item.id
|
|
|
+ }).join(',')
|
|
|
+ this.$confirm(`确定删除所选项吗?`, '提示', {
|
|
|
+ confirmButtonText: '确定',
|
|
|
+ cancelButtonText: '取消',
|
|
|
+ type: 'warning'
|
|
|
+ }).then(() => {
|
|
|
+ this.loading = true
|
|
|
+ this.reimbursementApprovalService.remove(ids).then((data) => {
|
|
|
+ this.$message.success(data)
|
|
|
+ this.refreshList()
|
|
|
+ this.loading = false
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ resetSearch () {
|
|
|
+ this.$refs.searchForm.resetFields()
|
|
|
+ this.refreshList()
|
|
|
+ },
|
|
|
+ // 流程详情
|
|
|
+ detail (row) {
|
|
|
+ if (!this.commonJS.isEmpty(row.type) && row.type !== '1') {
|
|
|
+ taskService.getTaskDef({
|
|
|
+ procInsId: row.procInsId,
|
|
|
+ procDefId: this.processDefinitionId
|
|
|
+ }).then((data) => {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/flowable/task/TaskFormDetail',
|
|
|
+ query: {
|
|
|
+ ...pick(data, 'formType', 'formUrl', 'procDefKey', 'taskDefKey', 'procInsId', 'procDefId', 'taskId', 'status', 'title'),
|
|
|
+ isShow: 'false',
|
|
|
+ readOnly: true,
|
|
|
+ title: '流程详情',
|
|
|
+ formTitle: '流程详情',
|
|
|
+ businessId: row.id,
|
|
|
+ status: 'reback'
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ openProgramPageForm (rowIndex) {
|
|
|
+ // 打开单选组件
|
|
|
+ this.$refs.projectChooseForm.init(null, false)
|
|
|
+ },
|
|
|
+ getProgram (rows) {
|
|
|
+ // rows[0].name // 项目名称、开票详情
|
|
|
+ // rows[0].contractName // 合同名称
|
|
|
+ // rows[0].no // 项目编号
|
|
|
+ // rows[0].clientName // 客户名称
|
|
|
+ // rows[0].client // 客户id
|
|
|
+ // rows[0].id // 项目id
|
|
|
+ // rows[0].location // 项目所在地
|
|
|
+ this.searchForm.project = rows.projectName
|
|
|
+ },
|
|
|
+ // 下载文档
|
|
|
+ exportFile () {
|
|
|
+ this.loading = true
|
|
|
+ this.reimbursementApprovalService.exportFile({
|
|
|
+ 'itemType': '1',
|
|
|
+ ...this.searchForm
|
|
|
+ }).then((res) => {
|
|
|
+ // 将二进制流文件写入excel表，以下为重要步骤
|
|
|
+ this.$utils.downloadExcel(res, '会计-报销审批列表信息')
|
|
|
+ this.loading = false
|
|
|
+ }).catch(function (err) {
|
|
|
+ this.loading = false
|
|
|
+ if (err.response) {
|
|
|
+ console.log(err.response)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 下载文档
|
|
|
+ exportInvoiceReimbursementFile () {
|
|
|
+ this.loading = true
|
|
|
+ this.reimbursementApprovalService.exportInvoiceReimbursementFile({
|
|
|
+ 'itemType': '1',
|
|
|
+ ...this.searchForm
|
|
|
+ }).then((res) => {
|
|
|
+ // 将二进制流文件写入excel表，以下为重要步骤
|
|
|
+ this.$utils.downloadExcel(res, '会计-报销数电发票报销列表')
|
|
|
+ this.loading = false
|
|
|
+ }).catch(function (err) {
|
|
|
+ this.loading = false
|
|
|
+ if (err.response) {
|
|
|
+ console.log(err.response)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 当前页
|
|
|
+ currentChangeHandle ({ currentPage, pageSize }) {
|
|
|
+ this.tablePage.currentPage = currentPage
|
|
|
+ this.tablePage.pageSize = pageSize
|
|
|
+ this.refreshList()
|
|
|
+ },
|
|
|
+ // 自定义服务端导出
|
|
|
+ exportMethod ({ options }) {
|
|
|
+ // 传给服务端的参数
|
|
|
+ const params = {
|
|
|
+ 'current': this.tablePage.currentPage,
|
|
|
+ 'size': this.tablePage.pageSize,
|
|
|
+ 'orders': this.tablePage.orders,
|
|
|
+ ...this.searchForm,
|
|
|
+ filename: options.filename,
|
|
|
+ sheetName: options.sheetName,
|
|
|
+ isHeader: options.isHeader,
|
|
|
+ original: options.original,
|
|
|
+ mode: options.mode,
|
|
|
+ selectIds: options.mode === 'selected' ? options.map(item => item.id) : [],
|
|
|
+ exportFields: options.columns.map(column => column.property)
|
|
|
+ }
|
|
|
+ return this.reimbursementApprovalService.exportFile(params).then((res) => {
|
|
|
+ // 将二进制流文件写入excel表，以下为重要步骤
|
|
|
+ this.$utils.downloadExcel(res, options.filename)
|
|
|
+ }).catch(function (err) {
|
|
|
+ if (err.response) {
|
|
|
+ console.log(err.response)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 驳回后调整
|
|
|
+ adjust (row) {
|
|
|
+ console.log('row', row)
|
|
|
+ this.reimbursementApprovalService.findById(row.id).then((data) => {
|
|
|
+ console.log('data', data)
|
|
|
+ if (data.type !== '4') { // status的值不等于“驳回”，就弹出提示
|
|
|
+ this.$message.error('数据已发生改变或不存在，请刷新数据')
|
|
|
+ this.refreshList()
|
|
|
+ } else {
|
|
|
+ this.todo(row)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 审核
|
|
|
+ examine (row) {
|
|
|
+ this.reimbursementApprovalService.findById(row.id).then((data) => {
|
|
|
+ if (data.type !== '2') { // status的值不等于“审核中”，就弹出提示
|
|
|
+ this.$message.error('数据已发生改变或不存在，请刷新数据')
|
|
|
+ this.refreshList()
|
|
|
+ } else {
|
|
|
+ this.todo(row)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 审核或重新调整跳转
|
|
|
+ todo (row) {
|
|
|
+ console.log('row.taskId', row.taskId)
|
|
|
+ let cUser = false
|
|
|
+ taskService.getTaskDefInfo({
|
|
|
+ taskId: row.taskId
|
|
|
+ }).then((data) => {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/flowable/task/TaskForm',
|
|
|
+ query: {
|
|
|
+ ...pick(data, 'formType', 'formUrl', 'procDefKey', 'taskDefKey', 'procInsId', 'procDefId', 'taskId', 'status', 'title', 'businessId'),
|
|
|
+ isShow: false,
|
|
|
+ formReadOnly: true,
|
|
|
+ formTitle: `${data.taskName}`,
|
|
|
+ cUser: cUser,
|
|
|
+ title: `审批【${data.taskName || ''}】`,
|
|
|
+ routePath: '/cw/szfbReimbursementApproval/info/InfoList' // 数据处理后需要跳转的页面路径
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查询当前登录人是否是数据的审核人
|
|
|
+ checkIsAudit (row) {
|
|
|
+ let loginUserId = this.$store.state.user.id // 获取当前登录用户id
|
|
|
+ if (this.commonJS.isNotEmpty(row.auditUserIds)) {
|
|
|
+ for (const userId of row.auditUserIds) {
|
|
|
+ if (userId === loginUserId) { // 当数据的审核人中包含当前登录人id时，返回true
|
|
|
+ return true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return false
|
|
|
+ },
|
|
|
+ openUserDia1(){
|
|
|
+ this.$refs.userSelect1.init()
|
|
|
+ },
|
|
|
+ selectUser1(user){
|
|
|
+ console.log(user[0].name)
|
|
|
+ this.searchForm.handled=user[0].name
|
|
|
+ },
|
|
|
+ openUserDia2(){
|
|
|
+ this.$refs.userSelect2.init()
|
|
|
+ },
|
|
|
+ selectUser2(user){
|
|
|
+ console.log(user[0].name)
|
|
|
+ this.searchForm.reimBy=user[0].name
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
sangwenwei