<template>
|
<div>
|
<showProjectMessage></showProjectMessage>
|
<Card>
|
<div class="customTitle">
|
<Icon custom="custom custom-gongkaixinxi2"></Icon>
|
<span style="cursor: pointer;margin-left: 5px" @click="editReportBack">报表管理</span>
|
<span v-show="reportShow===false" style="color: rgb(70, 76, 91);"> >> </span>
|
<span style="font-size: 14px;cursor: pointer" v-show="reportShow===false" @click="editReportBackD">编辑报表</span>
|
<span v-show="clickfuzhu===true">
|
<span v-show="reportfuzhu===true" style="color: rgb(70, 76, 91);"> >> </span>
|
<span style="font-size: 14px" v-show="reportfuzhu===true">添加附注</span>
|
<span v-show="reportfuzhu===false" style="color: rgb(70, 76, 91);"> >> </span>
|
<span style="font-size: 14px" v-show="reportfuzhu===false">编辑附注</span>
|
</span>
|
<span style="float: right;margin-top: -9px" v-show="reportShow===false">
|
<Button icon="md-arrow-back"
|
type="primary"
|
size="large"
|
:disabled="defaultmode" @click="editReportBack">返回</Button>
|
</span>
|
</div>
|
</Card>
|
<Card style="margin-top: 12px" v-show="reportShow">
|
<div style="width: 280px;float: left">
|
<Select size="large" @on-change="zhutiselect" v-model="xailaOption">
|
<!--<Option value="全部" key="全部"><p @click="changeAll(xailaOption.length!=assetsNamearr.length)">{{xailaOption.length.length!=assetsNamearr.length ? "全部":"取消全部"}}</p></Option>-->
|
<Option value="全部">全部</Option>
|
<Option v-for="item in assetsNamearr" :value="item.Title">{{item.Title}}</Option>
|
</Select>
|
</div>
|
<div style="float: right">
|
<Button custom-icon="custom custom-chuangjian"
|
type="primary"
|
size="large"
|
:disabled="defaultmode" @click="addReportFormFun">添加</Button>
|
</div>
|
<div style="clear: both"></div>
|
<Spin v-show="loading_first" fix>
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<div>Loading</div>
|
</Spin>
|
<Table ref="reportList" border :columns="ReportsListColumns" :data="reportList"
|
style="margin-top: 12px">
|
<template slot="action" slot-scope="params">
|
<Tooltip content="查看" class="tableActionMargin" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-chakan" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="examineReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="编辑" class="tableActionMargin" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="editReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="deleteReportColumns(params.row)"/>
|
</Tooltip>
|
</template>
|
</Table>
|
<Modal v-model="addReportList"
|
footer-hide
|
draggable
|
:mask-closable="false"
|
width="406"
|
class-name="vertical-center-modal">
|
<p slot="header">
|
<Icon custom="custom custom-tianjia" style="margin-right: 10px;"></Icon>
|
<span>添加报表</span>
|
</p>
|
<Form :model="addReportModel" :show-message="false" ref="addReportModel" class="reportAddList" :rules="addReportModelValidate">
|
<div>
|
<div class="ipt_form_style">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">主体名称</label>
|
<FormItem prop="assetsName" style="width:calc(100% - 90px)!important;">
|
<Select size="large" v-model="addReportModel.assetsName" @on-change="zhutiName" label-in-value class="ipt_width" >
|
<Option v-for="item in assetsNamearr" :value="item.Title" :label="item.Title">{{item.Title}}</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">报告类型</label>
|
<FormItem prop="assetsType" style="width:calc(100% - 90px)!important;">
|
<Select size="large" v-model="addReportModel.assetsType" class="ipt_width">
|
<Option value="合并报表">合并报表</Option>
|
<Option value="母公司报表">母公司报表</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">报告期</label>
|
<FormItem prop="assetsPeriod" style="width:calc(100% - 90px)!important;">
|
<Select size="large" v-model="addReportModel.assetsPeriod" placeholder="请选择报告期" class="ipt_width" @on-change="assetsNameChange" @on-select="assetsNameSelect">
|
<Option value="年报">年报</Option>
|
<Option value="半年报">半年报</Option>
|
<Option value="季报">季报</Option>
|
<Option value="月报">月报</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style assetsDate">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">报告时间</label>
|
<FormItem prop="assetsDate" style="width:calc(100% - 90px)!important;">
|
<Row>
|
<Col span="24">
|
<DatePicker size="large" @on-change="reportsTime" :options="addReportModel.assetsPeriod==='季报' ? options3 :options4" :type="typeDate" :format="formatDate" placeholder="请选择报告时间" v-model="addReportModel.assetsDate"></DatePicker>
|
</Col>
|
</Row>
|
</FormItem>
|
</div>
|
<div class="clearfix" style="width: 200px;margin:20px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary"
|
:loading="loading_01" :disabled="checkbtn"
|
@click="addReportListSubmit('addReportModel')">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
|
@click="addReportList = false">取消
|
</Button>
|
</div>
|
</div>
|
</Form>
|
</Modal>
|
<Modal
|
v-model="deleteTableModal"
|
draggable
|
footer-hide
|
:mask-closable="false"
|
class-name="vertical-center-modal"
|
width="380">
|
<p slot="header">
|
<Icon custom="custom custom-delete_b" style="margin-right: 10px;"></Icon>
|
<span>删除文件</span>
|
</p>
|
<div>
|
<div>是否删除<span>"{{deleteDate}}"</span>数据?</div>
|
<div class="clearfix" style="width: 200px;margin:20px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary"
|
@click="deleteTableSubmit">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
|
@click="deleteTableModal=false">取消
|
</Button>
|
</div>
|
</div>
|
</Modal>
|
</Card>
|
<Card style="margin-top: 12px;" class="editCard " v-show="reportShow===false">
|
<Spin v-show="loading_all" fix>
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<div>Loading</div>
|
</Spin>
|
<div v-show="notFuzhu">
|
<div class="lists_read zhuticlass" style="margin-top: 0px;padding-bottom: 0px">
|
<Spin v-show="loading_up" fix>
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<div>Loading</div>
|
</Spin>
|
<Form :model="editReportModel" :show-message="false" ref="editReportModel" class="reportAddList" :rules="editReportModelValidate">
|
<div style="margin-left: 12px">
|
<div class="ipt_form_style_edit" style="float: left;margin-right: 30px">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">主体名称</label>
|
<FormItem prop="assetsName" style="width:calc(100% - 90px)!important;" >
|
<Select size="large" v-model="editReportModel.assetsName" :disabled="true" @on-change="editzhutiName" label-in-value class="ipt_width" >
|
<Option v-for="item in editassetsNamearr" :value="item.Title" :label="item.Title">{{item.Title}}</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style_edit">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">报告类型</label>
|
<FormItem prop="assetsType" style="width:calc(100% - 90px)!important;">
|
<Select size="large" v-model="editReportModel.assetsType" class="ipt_width">
|
<Option value="合并报表">合并报表</Option>
|
<Option value="母公司报表">母公司报表</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div style="clear: both"></div>
|
<div class="ipt_form_style_edit" style="float: left;margin-right: 30px">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">报告期</label>
|
<FormItem prop="assetsPeriod" style="width:calc(100% - 90px)!important;">
|
<Select size="large" v-model="editReportModel.assetsPeriod" placeholder="请选择报告期" class="ipt_width" @on-change="editassetsNameChange" @on-select="editassetsNameSelect">
|
<Option value="年报">年报</Option>
|
<Option value="半年报">半年报</Option>
|
<Option value="季报">季报</Option>
|
<Option value="月报">月报</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style_edit assetsDate" style="float: left">
|
<label style="width:90px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">报告时间</label>
|
<FormItem prop="assetsDate" style="width:calc(100% - 90px)!important;">
|
<Row>
|
<Col span="24">
|
<DatePicker :clearable=false size="large" @on-change="editreportsTime" :options="editReportModel.assetsPeriod==='季报' ? options3 :{}" :type="edittypeDate" :format="editformatDate" placeholder="请选择报告时间" v-model="editReportModel.assetsDate"></DatePicker>
|
</Col>
|
</Row>
|
</FormItem>
|
</div>
|
<div class="clearfix" style="text-align: right;margin-right: 12px">
|
<Button size="large" custom-icon="custom custom-queding" type="primary"
|
:loading="loading_01"
|
@click="editReportListSubmit('editReportModel')" :disabled="checkbtn">保存
|
</Button>
|
</div>
|
</div>
|
</Form>
|
</div>
|
<div class="tabclass">
|
<div style="position: relative;top: 12px">
|
<Tabs v-model="firstTab" type="card" style="margin-top: 12px;z-index:0">
|
<TabPane label="资产负债表" name="tab1"></TabPane>
|
<TabPane label="利润表" name="tab2"></TabPane>
|
<TabPane label="现金流量表" name="tab3"></TabPane>
|
</Tabs>
|
<div style="position:absolute;right:12px;top: -10px;z-index: 1">
|
<Button size="large" custom-icon="custom custom-daorushuju" style="margin-right: 12px" type="primary" @click="importDate" :disabled="checkbtn">导入数据</Button>
|
<Button size="large" type="primary" custom-icon="custom custom-daochushuju"
|
style="margin-right: 12px;" :disabled="checkbtn" @click="exportTable">
|
导出数据
|
</Button>
|
<Button size="large" custom-icon="custom custom-tianjia" type="primary" @click="editSecTableList" :disabled="checkbtn">增加科目</Button>
|
</div>
|
</div>
|
<div v-show="firstTab==='tab1'" >
|
<Spin v-show="loading_edit" fix>
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<div>Loading</div>
|
</Spin>
|
<Table class="secTable" :span-method="handleSpan" row-key="id" ref="editreportList" max-height="500" border :columns="editReportsListColumnsOne" :data="editreportList"
|
:loading="loading" style="margin-top: 12px">
|
<template slot="remarkAction" slot-scope="RemarkEditFlagparams">
|
<div @click="editfuzhu('edit',RemarkEditFlagparams.row)" v-show="RemarkEditFlagparams.row.RemarkEditFlag&&RemarkEditFlagparams.row.SubClassId!=100&&RemarkEditFlagparams.row.SubClassId!=101&&RemarkEditFlagparams.row.SubClassId!=1" style="color: #2d9af4;cursor: pointer">
|
<span>编辑附注</span>
|
</div>
|
<div @click="addfuzhu('add',RemarkEditFlagparams.row)" v-show="!RemarkEditFlagparams.row.RemarkEditFlag&&RemarkEditFlagparams.row.SubClassId!=100&&RemarkEditFlagparams.row.SubClassId!=101&&RemarkEditFlagparams.row.SubClassId!=1" style="color: #2d9af4;cursor: pointer">
|
<span>添加附注</span>
|
</div>
|
</template>
|
<template slot="action" slot-scope="params">
|
<div v-if="!checkbtn">
|
<Tooltip content="编辑" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1" class="tableActionMargin" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="secReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.DelFlag==true&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="secdeleteReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" class="tableActionMargin" v-show="params.row.DelFlag==false&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=3&¶ms.row.SubClassId!=1" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',(params.row.SubClassId!=3&¶ms.row.DelFlag==false&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101)?'disabledIcon' : 'actionIcon']"/>
|
</Tooltip>
|
</div>
|
<div v-if="checkbtn">
|
<Tooltip content="编辑" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1" class="tableActionMargin" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.DelFlag==true&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" class="tableActionMargin" v-show="params.row.DelFlag==false&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=3&¶ms.row.SubClassId!=1" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
</div>
|
</template>
|
</Table>
|
</div>
|
</div>
|
|
<div v-show="firstTab==='tab2'" class="tabclass">
|
<Spin v-show="loading_edit" fix>
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<div>Loading</div>
|
</Spin>
|
<Table class="secTable" :span-method="handleSpan2" row-key="id" ref="editreportList" max-height="500" border :columns="editReportsListColumnsOne2" :data="editreportList"
|
:loading="loading" style="margin-top: 12px">
|
<template slot="RemarkEditFlag" slot-scope="RemarkEditFlagparams">
|
<div @click="editfuzhu('edit',RemarkEditFlagparams.row)" v-show="RemarkEditFlagparams.row.RemarkEditFlag&&RemarkEditFlagparams.row.SubClassId!=100&&RemarkEditFlagparams.row.SubClassId!=101&&RemarkEditFlagparams.row.SubClassId!=1&&RemarkEditFlagparams.row.SubClassId!=5&&RemarkEditFlagparams.row.GradeId!=10" style="color: #2d9af4;cursor: pointer">
|
<span>编辑附注</span>
|
</div>
|
<div @click="addfuzhu('add',RemarkEditFlagparams.row)" v-show="!RemarkEditFlagparams.row.RemarkEditFlag&&RemarkEditFlagparams.row.SubClassId!=100&&RemarkEditFlagparams.row.SubClassId!=101&&RemarkEditFlagparams.row.SubClassId!=1&&RemarkEditFlagparams.row.SubClassId!=5&&RemarkEditFlagparams.row.GradeId!=10" style="color: #2d9af4;cursor: pointer">
|
<span>添加附注</span>
|
</div>
|
</template>
|
<template slot="action2" slot-scope="params">
|
<div v-if="!checkbtn">
|
<Tooltip content="编辑" class="tableActionMargin" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.GradeId!=10" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="secReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.SubClassId!=3&¶ms.row.SubClassId!=4&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.Stet!=true&¶ms.row.GradeId!=10&¶ms.row.GradeId!=11" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="secdeleteReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="(params.row.SubClassId==4&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.GradeId!=10)||params.row.SubClassId==3||params.row.GradeId===11" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',(params.row.SubClassId==4||params.row.SubClassId==3||params.row.GradeId===11)?'disabledIcon' : 'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.GradeId!=10&¶ms.row.SubClassId!=4&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.Stet!=false" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[params.row.SubClassId!=4||params.row.Stet!=false?'disabledIcon' : 'actionIcon']"/>
|
</Tooltip>
|
</div>
|
<div v-if="checkbtn">
|
<Tooltip content="编辑" class="tableActionMargin" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.GradeId!=10" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']" />
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.SubClassId!=3&¶ms.row.SubClassId!=4&¶ms.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.Stet!=true&¶ms.row.GradeId!=10&¶ms.row.GradeId!=11" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="(params.row.SubClassId==4&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.GradeId!=10)||params.row.SubClassId==3||params.row.GradeId===11" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.GradeId!=10&¶ms.row.SubClassId!=4&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=5&¶ms.row.Stet!=false" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
</div>
|
</template>
|
</Table>
|
</div>
|
<div v-show="firstTab==='tab3'" class="tabclass">
|
<Spin v-show="loading_edit" fix>
|
<Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
|
<div>Loading</div>
|
</Spin>
|
<Table class="secTable secTable3" :span-method="handleSpan3" row-key="id" ref="editreportList" max-height="500" border :columns="editReportsListColumnsOne3" :data="editreportList"
|
:loading="loading" style="margin-top: 12px">
|
<template slot="RemarkEditFlag2" slot-scope="RemarkEditFlagparams">
|
<div @click="editfuzhu('edit',RemarkEditFlagparams.row)" v-show="RemarkEditFlagparams.row.RemarkEditFlag&&RemarkEditFlagparams.row.SubClassId!=100&&RemarkEditFlagparams.row.SubClassId!=101&&RemarkEditFlagparams.row.SubClassId!=5&&(RemarkEditFlagparams.row.SubClassId!=1||(RemarkEditFlagparams.row.SubClassId===1&&RemarkEditFlagparams.row.CalculateId===2))" style="color: #2d9af4;cursor: pointer">
|
<span>编辑附注</span>
|
</div>
|
<div @click="addfuzhu('add',RemarkEditFlagparams.row)" v-show="!RemarkEditFlagparams.row.RemarkEditFlag&&RemarkEditFlagparams.row.SubClassId!=100&&RemarkEditFlagparams.row.SubClassId!=101&&RemarkEditFlagparams.row.SubClassId!=5&&(RemarkEditFlagparams.row.SubClassId!=1||(RemarkEditFlagparams.row.SubClassId===1&&RemarkEditFlagparams.row.CalculateId===2))" style="color: #2d9af4;cursor: pointer">
|
<span>添加附注</span>
|
</div>
|
</template>
|
<template slot="action3" slot-scope="params">
|
<div v-if="!checkbtn">
|
<Tooltip content="编辑" class="tableActionMargin" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&&(params.row.SubClassId!=1||(params.row.SubClassId===1&¶ms.row.CalculateId===2))" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="secReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=4" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="defaultassetsmode ? 'disabledIcon' : 'actionIcon'" @click="secdeleteReportColumns(params.row)"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.CalculateId===2||params.row.SubClassId===4" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="defaultassetsmode ? 'actionIcon' : 'disabledIcon'"/>
|
</Tooltip>
|
</div>
|
<div v-if="checkbtn">
|
<Tooltip content="编辑" class="tableActionMargin" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&&(params.row.SubClassId!=1||(params.row.SubClassId===1&¶ms.row.CalculateId===2))" theme="light" transfer max-width="200"
|
placement="top">
|
<Icon custom="custom custom-bianji" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.SubClassId!=100&¶ms.row.SubClassId!=101&¶ms.row.SubClassId!=1&¶ms.row.SubClassId!=4" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
<Tooltip content="删除" v-show="params.row.CalculateId===2||params.row.SubClassId===4" theme="light" transfer max-width="200" placement="top">
|
<Icon custom="custom custom-delete_b" size="18"
|
:class="[defaultassetsmode ? 'disabledIcon' : 'actionIcon',checkbtn ? 'disabledIcon':'actionIcon']"/>
|
</Tooltip>
|
</div>
|
</template>
|
</Table>
|
</div>
|
</div>
|
<div v-show="!notFuzhu">
|
<ul class="editassetdate lists_read">
|
<li><span>所属主体</span><span>{{thirdzhuti}}</span></li>
|
<li><span>报告类型</span><span>{{thirdReportType}}</span></li>
|
<li><span>报告期</span><span>{{thirdPeriod}}</span></li>
|
<li><span>报告期间</span><span style="margin-right: 5px"> {{thirdShortTime}} </span> </li>
|
</ul>
|
<ul class="editassetdate lists_read">
|
<li>
|
<span style="margin-right: 20px">附注所属科目</span>
|
<Tooltip max-width="200" :content="data2fuzhu" placement="top-start" theme="light">
|
<span style="font-weight: bold;">{{Modifylesson}}</span>
|
</Tooltip>
|
</li>
|
<li>
|
<span>期末余额</span>
|
<span>
|
<Tooltip class="list_value"
|
:content="loading ? '--':CustomMethods.numTo$(qimoyue)"
|
theme="light" transfer placement="top-start">
|
<span class="list_span">{{loading ? '--':CustomMethods.numTo$(qimoyue)}}元</span>
|
</Tooltip>
|
</span>
|
</li>
|
<li><span>经营部分期末余额</span>
|
<span>
|
<Tooltip class="list_value"
|
:content="loading ? '--':CustomMethods.numTo$(jinyinbufen)"
|
theme="light" transfer placement="top-start">
|
<span class="list_span">{{loading ? '--':CustomMethods.numTo$(jinyinbufen)}}元</span>
|
</Tooltip>
|
</span></li>
|
<li><span>金融部分期末余额</span>
|
<span>
|
<Tooltip class="list_value"
|
:content="loading ? '--':CustomMethods.numTo$(jineyue)"
|
theme="light" transfer placement="top-start">
|
<span class="list_span">{{loading ? '--':CustomMethods.numTo$(jineyue)}}元</span>
|
</Tooltip>
|
</span>
|
</li>
|
<li>
|
<span style="margin-right: 20px">备注</span>
|
<Tooltip :content="fuzhubeizhu" placement="top-start" theme="light">
|
<span style="font-weight: bold;">{{Modifyremark}}</span>
|
</Tooltip>
|
</li>
|
</ul>
|
<Tabs v-model="fuzhutab" @on-click="changeTabfuzhu" type="card" style="margin-top: 22px;">
|
<TabPane label="一般形式附注" name="tab1"></TabPane>
|
<TabPane label="特殊形式附注" name="tab2"></TabPane>
|
<TabPane label="自定义形式附注" name="tab3"></TabPane>
|
<TabPane label="附件形式附注" name="tab4"></TabPane>
|
</Tabs>
|
<div v-show="fuzhutab=='tab1'">
|
<generalForm :checkBtn="checkbtn" :bid="fuzhuReportTypeid" :secTabShow="firstTab" :FromType="FromType" :fuzhuObj="fuzhuObj" :fuzhaifuzhu="fuzhaifuzhu2" :fuzhutab="fuzhutab"></generalForm>
|
</div>
|
<div v-show="fuzhutab=='tab2'">
|
<addcolumns :checkBtn="checkbtn" :bid="fuzhuReportTypeid" :secTabShow="firstTab" :FromType="FromType" :fuzhuObj="fuzhuObj" :fuzhuidcustom="fuzhaifuzhu2" :fuzhutabteshu="fuzhutab"></addcolumns>
|
</div>
|
<div v-show="fuzhutab=='tab3'">
|
<customfuzhu :checkBtn="checkbtn" :bid="fuzhuReportTypeid" :secTabShow="firstTab" :FromType="FromType" :fuzhuObj="fuzhuObj" :fuzhuidcustom="fuzhaifuzhu2" :fuzhutabcustom="fuzhutab"></customfuzhu>
|
</div>
|
<div v-show="fuzhutab=='tab4'">
|
<annexNotes :checkBtn="checkbtn" :fuzhutab="fuzhutab" :secTabShow="firstTab" :FromType="FromType" :bid="fuzhuReportTypeid" :fuzhaifuzhu="fuzhaifuzhu2" :fuzhuObj="fuzhuObj"></annexNotes>
|
</div>
|
</div>
|
<Modal
|
v-model="secAddModal"
|
footer-hide
|
width="450"
|
draggable
|
:mask-closable="false"
|
>
|
<p slot="header">
|
<Icon custom="custom custom-tianjia" style="margin-right: 10px;"></Icon>
|
<span v-show="!isNotAorE">增加科目</span>
|
<span v-show="isNotAorE">编辑科目</span>
|
</p>
|
<Form :model="formItem" :show-message="false" ref="formItem" :rules="assetsValidate" class="secTableClass">
|
<div class="ipt_form_style">
|
<label style="width:160px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">科目类别</label>
|
<FormItem prop="assets" style="width:calc(100% - 160px)!important;">
|
<Input size="large" v-show="isNotAorE" v-model="formItem.assets" :disabled="isNotAorE" placeholder="请输入自定义科目名称" class="ipt_width" />
|
<Select size="large" v-show="!isNotAorE" v-model="formItem.assets" label-in-value @on-change="getSelect" class="ipt_width">
|
<Option v-for="item in subjectTypeArr" :value="item.Name" :label="item.Name">{{item.Name}}</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style">
|
<label style="width:160px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">科目名称</label>
|
<FormItem prop="assetsName" style="width:calc(100% - 160px)!important;">
|
<Input size="large" v-show="isNotAorE" :disabled="isNotAorE" v-model="formItem.assetsName" placeholder="请输入自定义科目名称" class="ipt_width" />
|
<Select size="large" v-show="!isNotAorE" v-model="formItem.assetsName" class="ipt_width" @on-select="selectassetsName">
|
<Option v-for="item in secTassetsNamearr" :value="item.Name">{{item.Name}}</Option>
|
</Select>
|
</FormItem>
|
</div>
|
<div class="ipt_form_style" v-show="formItem.assetsName=='用户自定义科目'">
|
<label style="width:160px;display: inline-block;text-align:left;white-space: nowrap">自定义科目名称</label>
|
<FormItem prop="custom" style="width:calc(100% - 160px)!important;">
|
|
<Input size="large" v-model="formItem.custom" placeholder="请输入自定义科目名称" class="ipt_width" />
|
</FormItem>
|
</div>
|
<div class="ipt_form_style">
|
<label style="width:160px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap"><span v-show="firstTab!='tab3'&&firstTab!='tab2'">期末余额(元)</span><span v-show="firstTab==='tab3'||firstTab==='tab2'">本期金额(元)</span></label>
|
<FormItem prop="Endingbalance" style="width:calc(100% - 160px)!important;">
|
<div class="list_edit" style="padding-left: 0px;">
|
<cashInput v-model="formItem.Endingbalance"
|
size="large"
|
:rule="/^\d+(\.\d+)?$/"
|
placeholder="请输入实际期末余额(元)"
|
@on-blur="endbala"
|
@on-change="endbalace"
|
class="ipt_width">
|
<Icon :custom="CustomMethods.cashIcon(formItem.Endingbalance)" slot="suffix"/>
|
</cashInput>
|
</div>
|
<!--<Input size="large" :disabled="endingbalancedis" v-model="formItem.Endingbalance" placeholder="请输入期末余额" class="ipt_width" @on-change="endingbalance()" @on-blur="endbala()" />-->
|
</FormItem>
|
</div>
|
<div class="ipt_form_style" v-show="firstTab!='tab3'">
|
<label style="width:160px;display: inline-block;text-align:left;margin-left: 45px;line-height: 0;margin-top: -22px;line-height: 20px">=</label>
|
</div>
|
<div class="ipt_form_style" v-show="firstTab!='tab3'">
|
<label style="width:160px;display: inline-block;text-align:left;white-space: nowrap"><span v-show="firstTab==='tab1'">经营部分期末余额(元)</span><span v-show="firstTab!='tab1'&&firstTab!='tab3'">经营部分本期金额(元)</span></label>
|
<FormItem prop="Operatingbalance" style="width:calc(100% - 160px)!important;">
|
<div class="list_edit" style="padding-left: 0px;">
|
<cashInput v-model="formItem.Operatingbalance"
|
size="large"
|
:rule="/^\d+(\.\d+)?$/"
|
@on-blur="operate"
|
@on-change="operatingbalance"
|
placeholder="请输入实际经营部分期末余额(元)"
|
class="ipt_width">
|
<Icon :custom="CustomMethods.cashIcon(formItem.Operatingbalance)" slot="suffix"/>
|
</cashInput>
|
</div>
|
<!-- <Input size="large" :disabled="operatingbalancedis" v-model="formItem.Operatingbalance" placeholder="请输入经营部分期末余额" @on-change="operatingbalance()" @on-blur="operate()" class="ipt_width"/>-->
|
</FormItem>
|
</div>
|
<div class="ipt_form_style" v-show="firstTab!='tab3'">
|
<label style="width:160px;display: inline-block;text-align:left;margin-left: 45px;line-height: 0;margin-top: -27px;line-height: 20px">+</label>
|
</div>
|
<div class="ipt_form_style" v-show="firstTab!='tab3'">
|
<label style="width:160px;display: inline-block;text-align:left;white-space: nowrap"><span v-show="firstTab==='tab1'">金融部分期末余额(元)</span><span v-show="firstTab!='tab1'&&firstTab!='tab3'">金融部分本期金额(元)</span></label>
|
<FormItem prop="Financialbalance" style="width:calc(100% - 160px)!important;">
|
<div class="list_edit" style="padding-left: 0px;" >
|
<cashInput v-model="formItem.Financialbalance"
|
size="large"
|
:rule="/^\d+(\.\d+)?$/"
|
:disabled="disabled"
|
placeholder="请输入实际金融部分期末余额(元)"
|
class="ipt_width"
|
>
|
<Icon :custom="CustomMethods.cashIcon(formItem.Financialbalance)" slot="suffix"/>
|
</cashInput>
|
</div>
|
<!--<Input size="large" :disabled="financialbalacedis" v-model="formItem.Financialbalance" placeholder="请输入金融部分期末余额" @on-change="financialbalance()" class="ipt_width" @on-blur="financial()"/>-->
|
</FormItem>
|
</div>
|
<div class="ipt_form_style">
|
<label style="width:160px;display: inline-block;text-align:left;line-height: 40px;white-space: nowrap">备注</label>
|
<FormItem prop="Remarks" style="width:calc(100% - 160px)!important;">
|
|
<Input type="textarea" size="large" v-model="formItem.Remarks" placeholder="请输入备注" class="ipt_width" />
|
</FormItem>
|
</div>
|
<div class="clearfix" style="width: 200px;margin:0px auto 15px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary" @click="assetsmanagementconfirm('formItem')" :disabled="checkbtn">保存</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error" @click="assetsmanagementcancel('formItem')" >取消</Button>
|
</div>
|
</Form>
|
</Modal>
|
<Modal
|
v-model="CheckCapTotal"
|
draggable
|
footer-hide
|
:mask-closable="false"
|
class-name="vertical-center-modal"
|
width="380">
|
<p slot="header">
|
<Icon custom="custom custom-tixing" style="margin-right: 10px;"></Icon>
|
<span>温馨提示</span>
|
</p>
|
<div>
|
<div>不符合资产总计=负债总计+所有者权益(或股东权益)总计,请确认</div>
|
<div class="clearfix" style="width: 200px;margin:20px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary"
|
@click="clickCheckCapTotal" :disabled="checkbtn">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
|
@click="clickCheckCapTotalconcel">取消
|
</Button>
|
</div>
|
</div>
|
</Modal>
|
<Modal
|
v-model="deleteTableSecModal"
|
draggable
|
footer-hide
|
:mask-closable="false"
|
class-name="vertical-center-modal"
|
width="380">
|
<p slot="header">
|
<Icon custom="custom custom-delete_b" style="margin-right: 10px;"></Icon>
|
<span>删除文件</span>
|
</p>
|
<div>
|
<div>是否删除<span>"{{deleteDateSec}}"</span>数据?</div>
|
<div class="clearfix" style="width: 200px;margin:20px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;" type="primary"
|
@click="deleteTableSecSubmit" :disabled="checkbtn">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;" type="error"
|
@click="deleteTableSecModal=false">取消
|
</Button>
|
</div>
|
</div>
|
</Modal>
|
<Modal
|
v-model="importFormModal"
|
draggable
|
footer-hide
|
:mask-closable="false"
|
width="500"
|
class-name="vertical-center-modal">
|
<p slot="header">
|
<Icon custom="custom custom-daorushuju" style="margin-right: 10px;"></Icon>
|
<span>导入数据</span>
|
</p>
|
<div>
|
<Alert show-icon>
|
<p>请先点击<u style="color: #0C25F1;cursor: pointer;" @click="exportTable (true)">此处</u>下载Excel模板文件,填充完整后上传文件更新!
|
</p>
|
<p>上传后文件数据将覆盖原有数据,建议点击“导出数据”按钮备份!</p>
|
</Alert>
|
<Upload ref="importForm"
|
type="drag"
|
:before-upload="handleUploadImportForm"
|
action="">
|
<div style="padding: 20px 0">
|
<Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
|
<p>点击选择文件或将文件拖拽到此处</p>
|
</div>
|
</Upload>
|
<Tag v-if="!importFormFile" color="default">暂未选择</Tag>
|
<Tag v-if="importFormFile" type="border" closable color="primary" @on-close="deleteImportFormFile()">
|
{{importFormFile.name.length > 27 ? `${importFormFile.name.substring(0, 25)}...` : importFormFile.name}}
|
</Tag>
|
<div class="clearfix" style="width: 200px;margin:20px auto 0px;">
|
<Button size="large" custom-icon="custom custom-queding" style="float: left;font-size: 14px" type="primary"
|
:loading="importFormLoading" @click="importFormSubmit" :disabled="checkbtn">确认
|
</Button>
|
<Button size="large" custom-icon="custom custom-quxiao" style="float: right;font-size: 14px" type="error"
|
@click="importFormModal = false">取消
|
</Button>
|
</div>
|
</div>
|
</Modal>
|
</Card>
|
</div>
|
</template>
|
|
<script>
|
import showProjectMessage from '@/view/components/customs/showProjectMessageC.vue'
|
import $ from 'jquery'
|
import generalForm from '@/view/reportForms/generalForm.vue'
|
import annexNotes from '@/view/reportForms/annexNotes.vue'
|
import addcolumns from '@/view/reportForms/addcolumns.vue'
|
import customfuzhu from '@/view/reportForms/customfuzhu.vue'
|
import axios from '@/libs/api.request'
|
export default {
|
name: 'reportFormsManage',
|
components: {
|
showProjectMessage,
|
addcolumns,
|
generalForm,
|
annexNotes,
|
customfuzhu
|
},
|
data () {
|
/**
|
* 自定义效验添加时验证的信息
|
**/
|
const vaildend = (rule, value, callback) => {
|
if (value === '') {
|
callback(new Error('请输入期末余额'))
|
} else {
|
callback()
|
}
|
}
|
|
// const operate = (rule, value, callback) => {
|
// if (value === '' || this.firstTab === 'tab2') {
|
// callback(new Error('请输入经营部分期末余额'))
|
// } else {
|
// callback()
|
// }
|
// }
|
const customval = (rule, value, callback) => {
|
if (this.formItem.assetsName === '用户自定义科目') {
|
if (value.trim() === '' || value.trim() === undefined || value.trim() === null) {
|
callback(new Error('请输入自定义科目名称'))
|
} else {
|
callback()
|
}
|
} else {
|
callback()
|
}
|
}
|
return {
|
options4:{
|
disabledDate(date){
|
const disabledYear = date.getFullYear()
|
let nowDate=new Date()
|
nowDate=nowDate.getFullYear()
|
return disabledYear>nowDate
|
//return date.valueOf()>Date.now()-86400000;
|
}
|
},
|
options3:{
|
disabledDate (date) {
|
const disabledMonth = date.getMonth()
|
const disabledDay = date.getDay()
|
const disabledYear = date.getFullYear()
|
return disabledMonth!=2&&disabledDay!=31&&disabledMonth!=8&&disabledDay !=30
|
//return disabledYear>=2021&&disabledMonth===0&&disabledMonth===1&&disabledMonth===3&&disabledMonth===4&&disabledMonth===5&&disabledMonth===6&&disabledMonth===7&&disabledMonth===9&&disabledMonth===10&&disabledMonth===11 &&disabledDay===1&&disabledDay===2&&disabledDay===3&&disabledDay===4&&disabledDay===5&&disabledDay===6&&disabledDay===7&&disabledDay===8&&disabledDay===9&&disabledDay===10&&disabledDay===11&&disabledDay===12&&disabledDay===13 &&disabledDay===14&&disabledDay===15&&disabledDay===16&&disabledDay===17&&disabledDay===18&&disabledDay===19&&disabledDay===20&&disabledDay===21&&disabledDay===22&&disabledDay===23&&disabledDay===24&&disabledDay===25&&disabledDay===26&&disabledDay===27&&disabledDay===28&&disabledDay===29
|
}
|
},
|
importFormModal: false, // 导入
|
deleteTableModal: false, // 删除modal
|
defaultmode: false,
|
reportList: [], // 报表管理第一层table数据
|
loading: false, // loading加载
|
addReportList: false, // 添加model弹框
|
loading_01: false,
|
assetsNamearr: [],
|
addReportModel: {
|
assetsName: '',
|
assetsPeriod: '',
|
assetsType: '',
|
assetsDate: ''
|
},
|
reportShow: true, // 保管管理第一层show控制
|
ProjId: 0,
|
PId: 0,
|
addReportModelValidate: {
|
assetsName: [
|
{ required: true, trigger: 'change'}
|
],
|
assetsPeriod: [
|
{ required: true, trigger: 'change'}
|
],
|
assetsType: [
|
{required: true, trigger: 'change' }
|
],
|
assetsDate: [
|
{ required: true, trigger: 'change', type: 'date' }
|
]
|
},
|
formatDate: 'yyyy-MM-dd', // 日期选择器format
|
typeDate: 'date', // 日期选择器type
|
assetsID: 0, // 主体Id
|
defaultassetsmode: false,
|
deleteTableId: 0,
|
deleteDate: '', // 删除主体名称
|
editReportModel: {
|
assetsName: '',
|
assetsType: '',
|
assetsPeriod: '',
|
assetsDate: ''
|
},
|
editReportModelValidate: {
|
assetsName: [
|
{ required: true, trigger: 'change'}
|
],
|
assetsPeriod: [
|
{ required: true, trigger: 'change'}
|
],
|
assetsType: [
|
{required: true, trigger: 'change' }
|
],
|
assetsDate: [
|
{ required: true, trigger: 'change', type: 'date' }
|
]
|
},
|
editassetsNamearr: [],
|
firstTab: 'tab1', // tab数据
|
// editReportsListColumns:"",// 编辑时三个表的cloumns
|
editreportList: [], // 编辑时三个表数据获取
|
show_children: true, // table的子tree是否显示
|
loading_edit: false, // edit时table的loading
|
editId: 0, // 编辑时ID
|
editformatDate: 'yyyy-MM-dd', // 编辑时日期选择器format
|
edittypeDate: 'date', // 编辑时日期选择器type
|
secAddModal: false, // 第二层添加modal
|
formItem: { // 添加时数据获取
|
assets: '',
|
assetsName: '',
|
assetstime: '',
|
custom: '',
|
Name: '',
|
Endingbalance: 0,
|
Operatingbalance: 0,
|
Financialbalance: 0,
|
Remarks: ''
|
},
|
assetsValidate: { // 验证第二层table添加
|
assets: [
|
{required: true, trigger: 'change'}
|
],
|
assetsName: [
|
{required: true, trigger: 'change'}
|
],
|
custom: [
|
{validator: customval, message: '请输入自定义名称', trigger: 'blur'}
|
],
|
Endingbalance: [
|
{validator: vaildend, trigger: 'blur'}
|
],
|
|
// Financialbalance:[ // Operatingbalance: [
|
// {validator: operate, trigger: 'blur'}
|
// ]
|
// {validator:final, trigger: 'blur'}
|
// ],
|
|
},
|
secTassetsNamearr: [],
|
disabled: true, // input是否可编辑
|
subjectTypeArr: [],
|
ReportTypeid: 0,
|
CapOrDetType: false, // 判断资产还是负债
|
secAddTableId: 0,
|
isNotAorE: false, // 是否可以编辑
|
deleteTableSecModal: false,
|
deleteDateSec: '',
|
delCapOrDetType: false,
|
delId: 0,
|
notFuzhu: true, // 判断是否显示附注
|
thirdzhuti: '', // 附注主体获取
|
thirdReportType: '', // 附注报告类型
|
thirdPeriod: '', // 附注报告期
|
thirdShortTime: '', // 附注报告期间
|
data2fuzhu: '', // 附注所属科目
|
Modifylesson: '', // 附注所属科目
|
qimoyue: 0, // 附注期末余额
|
jinyinbufen: 0, // 附注经营部分
|
jineyue: 0, // 附注金融分期
|
Modifyremark: '', // 附注备注
|
fuzhubeizhu: '', // 附注备注
|
fuzhutab: 'tab1', // 附注显示tab
|
fuzhuObj: '',
|
fuzhuReportTypeid: '',
|
fuzhaifuzhu2: '',
|
reportfuzhu: true, // 路径附注编辑还是添加
|
clickfuzhu: false, // 点击附注时显示路径
|
// secTabShow:"", //第二层tab传给子组件值
|
FromType: true, // 判断资产还是负债
|
show_children_sec: true, // table是否显示child tree
|
firstTabsec: '',
|
GradeId: '',
|
importFormFile: null,
|
importFormLoading: false,
|
checkbtn: false,
|
xailaOption:"全部", //报表下拉筛选
|
loading_up:false, //上面主体选项loading
|
loading_all:false, //加载全部时loading
|
loading_first:false, //第一层table
|
CheckCapTotal:false,
|
routeParams:{
|
FromType:false,
|
Period:'',
|
ProjId:"",
|
ReportType:"",
|
SubjectId:"",
|
TimeStart:"",
|
Title:"",
|
id:0,
|
ShortTime:""
|
}
|
}
|
},
|
mounted () {
|
this.ProjId = localStorage.getItem('RiskProjectId')
|
this.PId = localStorage.getItem('RiskProjectId')
|
this.routeParams.FromType=this.$route.query.FromType
|
this.routeParams.Period=this.$route.query.Period
|
this.routeParams.ProjId=this.$route.query.ProjId
|
this.routeParams.ReportType=this.$route.query.ReportType
|
this.routeParams.SubjectId=this.$route.query.SubjectId
|
this.routeParams.TimeStart=this.$route.query.TimeStart
|
this.routeParams.ShortTime=this.$route.query.ShortTime
|
this.routeParams.Title=this.$route.query.Title
|
this.routeParams.id=this.$route.query.id
|
console.log(this.routeParams)
|
this.getTableList()
|
this.getSelectList('First')
|
if(this.routeParams.id!=null&&this.routeParams.id!=undefined&&this.routeParams.id!=""&&this.routeParams.id!=0){
|
this.firstTab="tab1"
|
this.editReportColumns(this.routeParams)
|
}
|
},
|
watch: {
|
firstTab (data) {
|
let a = {
|
id: this.editId
|
}
|
this.firstTabsec = data
|
this.getSecTableList(a)
|
}
|
},
|
methods: {
|
// changeAll (isTrue) {
|
// this.pidarr = []
|
// console.log(isTrue)
|
// setTimeout(() => {
|
// this.xailaOption = []
|
// if (isTrue) {
|
// //xailaOption.length!=assetsNamearr.length
|
// this.assetsNamearr.forEach((val, index) => {
|
// // this.payForm.PaySelectmodel.push({label:val.label,Id:val.Id})
|
// this.xailaOption.push(val.label)
|
// this.pidarr.push(val.Id)
|
// })
|
// console.log(this.xailaOption)
|
// } else {
|
// // this.payForm.PaySelectmodel="全部"
|
// // this.pidarr="全部"
|
// }
|
// }, 0)
|
// },
|
/**
|
* 确认导入表格数据
|
*/
|
importFormSubmit () {
|
if (this.importFormFile) {
|
let data = new FormData()
|
this.importFormLoading = true
|
let a
|
let b
|
if (this.firstTab === 'tab1') {
|
a = 'FinBalanceSheet'
|
b = 1
|
} else if (this.firstTab === 'tab2') {
|
a = 'ProfitTable'
|
b = 2
|
} else {
|
a = 'CashFlowTable'
|
b = 3
|
}
|
data.append('TypeName', a)
|
// data.append('ProjId', this.pid)
|
// data.append('CapitalId', 0)
|
// data.append('DebtId', 0)
|
// data.append('OperateId', 0)
|
data.append('TABId', b)
|
data.append('Bsid', this.editId)
|
data.append('file', this.importFormFile)
|
axios.request({
|
url: '/AssessFile/AddAssessFileReport',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
let s = {
|
id: this.editId
|
}
|
this.getSecTableList(s)
|
this.importFormModal = false
|
} else {
|
if (res.data.Msg === 'false') {
|
this.$Message.error('上传失败')
|
} else {
|
|
}
|
}
|
this.importFormLoading = false
|
}, res => {
|
this.importFormLoading = false
|
})
|
} else {
|
this.$Message.error('请选择需要上传的文件!')
|
}
|
},
|
/**
|
* 删除选中文件
|
*/
|
deleteImportFormFile () {
|
this.importFormFile = null
|
},
|
handleUploadImportForm (file) { // 选择文件函数
|
if (parseFloat(file.size) > 104857600) {
|
this.$Message.error(`${file.name}文件超过100M!`)
|
return false
|
} else {
|
this.importFormFile = file // 获取文件
|
return false// 阻止自动上传
|
}
|
},
|
/**
|
* 导出表格
|
*/
|
exportTable (bool) {
|
let a
|
let b
|
if (this.firstTab === 'tab1') {
|
a = 'FinBalanceSheet'
|
b = 1
|
} else if (this.firstTab === 'tab2') {
|
a = 'ProfitTable'
|
b = 2
|
} else {
|
a = 'CashFlowTable'
|
b = 3
|
}
|
let data = {
|
// ProjId:this.pid,
|
TypeName: a,
|
// CapitalId: 0,
|
// DebtId: 0,
|
// OperateId: 0,
|
Bsid: this.editId,
|
TABId: b,
|
MergeTableFlag: bool === true,
|
TemplateFlag:true,
|
}
|
axios.request({
|
url: '/AssessFile/DownloadReport',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
window.open(res.data.Data)
|
} else {
|
|
}
|
}, res => {
|
|
})
|
},
|
/**
|
* 附注tab的change事件
|
**/
|
changeTabfuzhu () {
|
|
},
|
handleSpan3 ({ row, column, rowIndex, columnIndex }) {
|
if (row.SubClassId === 1 && row.CalculateId === 0) {
|
return {
|
rowspan: 1,
|
colspan: 5
|
}
|
}
|
if (row.SubClassId === 5) {
|
return {
|
rowspan: 1,
|
colspan: 5
|
}
|
}
|
},
|
handleSpan2 ({ row, column, rowIndex, columnIndex}) {
|
if (row.SubClassId === 5 && this.firstTab === 'tab2') {
|
return {
|
rowspan: 1,
|
colspan: 7
|
}
|
}
|
},
|
/**
|
* table的合并
|
**/
|
handleSpan ({ row, column, rowIndex, columnIndex }) {
|
if (row.SubClassId === 1 && this.firstTab === 'tab1') {
|
return {
|
rowspan: 1,
|
colspan: 7
|
}
|
}
|
},
|
/**
|
* 添加附注
|
**/
|
addfuzhu (data1, data2) {
|
this.fuzhuObj = data2
|
console.log(data2)
|
this.thirdzhuti = this.editReportModel.assetsName
|
this.thirdReportType = this.editReportModel.assetsType
|
this.thirdPeriod = this.editReportModel.assetsPeriod
|
let date
|
let enDay
|
date = new Date(this.editReportModel.assetsDate)
|
if (this.editReportModel.assetsPeriod === '年报') {
|
enDay = this.editReportModel.assetsDate.getFullYear() + '-12-31'
|
} else if (this.editReportModel.assetsPeriod === '半年报') {
|
enDay = this.editReportModel.assetsDate.getFullYear() + '-06-30'
|
} else if (this.editReportModel.assetsPeriod === '季报') {
|
console.log(this.editReportModel.assetsDate)
|
let date = new Date(this.editReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month === 3) {
|
enDay = date.getFullYear() + '-03-31'
|
} else if (month === 9) {
|
enDay = date.getFullYear() + '-09-30'
|
}
|
} else {
|
let month = parseInt(date.getMonth() + 1)
|
if (month < 10) {
|
month = '0' + month
|
}
|
let day = parseInt(date.getDate())
|
if (day < 10) {
|
day = '0' + day
|
}
|
enDay = date.getFullYear() + '-' + month + '-' + day
|
}
|
console.log(this.editReportModel.assetsDate)
|
this.thirdShortTime = enDay
|
this.data2fuzhu = data2.Name
|
this.Modifylesson = data2.Name
|
this.qimoyue = data2.Money
|
this.jinyinbufen = data2.BusinessMoney
|
this.jineyue = data2.FinancialMoney
|
if (data2.Note != null) {
|
this.Modifyremark = data2.Note
|
this.fuzhubeizhu = data2.Note
|
} else {
|
this.Modifyremark = '--'
|
this.fuzhubeizhu = '--'
|
}
|
this.fuzhuReportTypeid = data2.BSid
|
this.fuzhaifuzhu2 = data2.id
|
this.FromType = data2.FromType
|
this.notFuzhu = false
|
this.clickfuzhu = true
|
},
|
/**
|
* 编辑附注
|
**/
|
editfuzhu (data1, data2) {
|
this.fuzhuObj = data2
|
console.log(data2)
|
this.thirdzhuti = this.editReportModel.assetsName
|
this.thirdReportType = this.editReportModel.assetsType
|
this.thirdPeriod = this.editReportModel.assetsPeriod
|
let date
|
let enDay
|
date = new Date(this.editReportModel.assetsDate)
|
if (this.editReportModel.assetsPeriod === '年报') {
|
enDay = this.editReportModel.assetsDate.getFullYear() + '-12-31'
|
} else if (this.editReportModel.assetsPeriod === '半年报') {
|
enDay = this.editReportModel.assetsDate.getFullYear() + '-06-30'
|
} else if (this.editReportModel.assetsPeriod === '季报') {
|
console.log(this.editReportModel.assetsDate)
|
let date = new Date(this.editReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month === 3) {
|
enDay = date.getFullYear() + '-03-31'
|
} else if (month === 9) {
|
enDay = date.getFullYear() + '-09-30'
|
}
|
} else {
|
let month = parseInt(date.getMonth() + 1)
|
if (month < 10) {
|
month = '0' + month
|
}
|
let day = parseInt(date.getDate())
|
if (day < 10) {
|
day = '0' + day
|
}
|
enDay = date.getFullYear() + '-' + month + '-' + day
|
}
|
|
this.thirdShortTime = enDay
|
this.data2fuzhu = data2.Name
|
this.Modifylesson = data2.Name
|
this.qimoyue = data2.Money
|
this.jinyinbufen = data2.BusinessMoney
|
this.jineyue = data2.FinancialMoney
|
if (data2.Note != null) {
|
this.Modifyremark = data2.Note
|
this.fuzhubeizhu = data2.Note
|
} else {
|
this.Modifyremark = '--'
|
this.fuzhubeizhu = '--'
|
}
|
this.fuzhuReportTypeid = data2.BSid
|
this.fuzhaifuzhu2 = data2.id
|
this.FromType = data2.FromType
|
this.notFuzhu = false
|
this.clickfuzhu = true
|
},
|
/**
|
* 删除第二层table确认
|
**/
|
deleteTableSecSubmit () {
|
if (this.firstTab === 'tab1') {
|
let data = {
|
id: this.delId,
|
CapOrDetType: this.delCapOrDetType
|
}
|
axios.request({
|
url: '/FinCapitalAndDebtEx/DeleteCapitalAndDebtbyId',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.deleteTableSecModal = false
|
let a = {
|
id: this.editId
|
}
|
this.getSecTableList(a)
|
} else {
|
|
}
|
})
|
} else if (this.firstTab === 'tab2') {
|
let data = {
|
id: this.delId,
|
GradeId: this.addGradeId,
|
BSid: this.editId
|
}
|
axios.request({
|
url: '/FinProfitTableEx/DeleteProfitTableByGradeId',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.deleteTableSecModal = false
|
let a = {
|
id: this.editId
|
}
|
this.getSecTableList(a)
|
} else {
|
|
}
|
})
|
} else if (this.firstTab === 'tab3') {
|
let data = {
|
id: this.delId,
|
CalculateId: this.addCalculateId,
|
BSid: this.editId
|
}
|
axios.request({
|
url: '/FinCashFlowTableEx/DeleteCashFlowTableByCalculateId',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.deleteTableSecModal = false
|
let a = {
|
id: this.editId
|
}
|
this.getSecTableList(a)
|
} else {
|
|
}
|
})
|
}
|
},
|
/**
|
* 获取科目类别
|
**/
|
getSubjectType () {
|
let a
|
if (this.firstTab === 'tab1') {
|
a = 1
|
} else if (this.firstTab === 'tab2') {
|
a = 2
|
} else {
|
a = 3
|
}
|
let data = {
|
TypeId: a
|
}
|
axios.request({
|
url: '/FinCourseTitleEx/GetFinCourseTitleList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.subjectTypeArr = res.data.Data
|
} else {
|
|
}
|
})
|
},
|
/**
|
* 添加下拉触发事件返回选中项
|
**/
|
selectassetsName (data) {
|
this.secTassetsNamearr.forEach((val, index) => {
|
if (val.Name === data.value) {
|
this.addGradeId = val.GradeId
|
this.addCalculateId = val.CalculateId
|
}
|
})
|
},
|
/**
|
* 取消添加数据按钮
|
**/
|
assetsmanagementcancel (assetslist) {
|
this.formItem.Endingbalance = 0
|
this.formItem.Financialbalance = 0
|
this.formItem.Operatingbalance = 0
|
this.$refs[assetslist].resetFields()
|
this.endingbalancedis = false
|
this.operatingbalancedis = false
|
this.secAddModal = false
|
},
|
/**
|
* 添加数据
|
**/
|
assetsmanagementconfirm (assetsValidate) {
|
if (this.formItem.assetsName === '用户自定义科目') {
|
this.SelfNameFlag = true
|
let Financialbalance
|
let Operatingbalance
|
let Endingbalance
|
if (this.formItem.Financialbalance === '' || this.formItem.Financialbalance === undefined || this.formItem.Financialbalance === null) {
|
Financialbalance = 0
|
} else {
|
Financialbalance = this.formItem.Financialbalance.toString()
|
}
|
if (this.formItem.Operatingbalance === '' || this.formItem.Operatingbalance === undefined || this.formItem.Operatingbalance === null) {
|
Operatingbalance = 0
|
} else {
|
Operatingbalance = this.formItem.Operatingbalance.toString()
|
}
|
if (this.formItem.Endingbalance === '' || this.formItem.Endingbalance === undefined || this.formItem.Endingbalance === null) {
|
Endingbalance = 0
|
} else {
|
Endingbalance = this.formItem.Endingbalance.toString()
|
}
|
this.confirmdata = {
|
CapOrDetType: this.CapOrDetType,
|
BSid: this.editId,
|
CategoryName: this.formItem.assets,
|
Name: this.formItem.custom.trim(),
|
Money: Endingbalance,
|
BusinessMoney: Operatingbalance,
|
FinancialMoney: Financialbalance,
|
Note: this.formItem.Remarks,
|
id: this.secAddTableId,
|
SubClassId: 2,
|
SelfNameFlag: this.SelfNameFlag,
|
CalculateId: this.addCalculateId,
|
GradeId: this.addGradeId,
|
DelFlag: false
|
// SelfNameFlag:false,
|
}
|
} else {
|
this.SelfNameFlag = false
|
let Financialbalance
|
let Operatingbalance
|
let Endingbalance
|
if (this.formItem.Financialbalance === '' || this.formItem.Financialbalance === undefined || this.formItem.Financialbalance === null) {
|
Financialbalance = 0
|
} else {
|
Financialbalance = this.formItem.Financialbalance.toString()
|
}
|
if (this.formItem.Operatingbalance === '' || this.formItem.Operatingbalance === undefined || this.formItem.Operatingbalance === null) {
|
Operatingbalance = 0
|
} else {
|
Operatingbalance = this.formItem.Operatingbalance.toString()
|
}
|
if (this.formItem.Endingbalance === '' || this.formItem.Endingbalance === undefined || this.formItem.Endingbalance === null) {
|
Endingbalance = 0
|
} else {
|
Endingbalance = this.formItem.Endingbalance.toString()
|
}
|
this.confirmdata = {
|
CapOrDetType: this.CapOrDetType,
|
BSid: this.editId,
|
CategoryName: this.formItem.assets,
|
Name: this.formItem.assetsName,
|
Money: Endingbalance,
|
BusinessMoney: Operatingbalance,
|
FinancialMoney: Financialbalance,
|
Note: this.formItem.Remarks,
|
id: this.secAddTableId,
|
SubClassId: 2,
|
SelfNameFlag: this.SelfNameFlag,
|
CalculateId: this.addCalculateId,
|
GradeId: this.addGradeId,
|
DelFlag: false
|
// SelfNameFlag:false,
|
}
|
}
|
if ((parseFloat(this.formItem.Endingbalance) ===(parseFloat(this.formItem.Financialbalance) + parseFloat(this.formItem.Operatingbalance))) || this.firstTab === 'tab3') {
|
let url
|
if (this.firstTab === 'tab1') {
|
url = '/FinCapitalAndDebtEx/AddCapitalAndDebt'
|
} else if (this.firstTab === 'tab2') {
|
url = '/FinProfitTableEx/AddProfitTable'
|
} else if (this.firstTab === 'tab3') {
|
url = '/FinCashFlowTableEx/AddorUpdCashFlowTable'
|
}
|
console.log(this.formItem.Endingbalance)
|
console.log(this.formItem.Financialbalance)
|
console.log(this.formItem.Operatingbalance)
|
this.$refs[assetsValidate].validate((valid) => {
|
console.log(valid)
|
if (valid) {
|
axios.request({
|
url: url,
|
data: this.confirmdata,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.secAddModal = false
|
this.endingbalancedis = false
|
this.show_children = true
|
this.operatingbalancedis = false
|
this.formItem.Endingbalance = 0
|
this.formItem.Financialbalance = 0
|
this.formItem.Operatingbalance = 0
|
this.$refs[assetsValidate].resetFields()
|
let params = {
|
id: this.editId
|
}
|
this.getSecTableList(params)
|
} else {
|
|
}
|
}, res => {
|
this.secAddModal = false
|
})
|
} else {
|
this.$Message.error('请填写相关未填选项11111')
|
}
|
})
|
} else {
|
this.$Message.error('期末余额不等于经营部分期末余额与金融部分期末余额之和请核实后再输入!')
|
}
|
},
|
/**
|
* 经营部分期末余额
|
**/
|
operatingbalance () {
|
this.formItem.Financialbalance = parseFloat(this.formItem.Endingbalance) - parseFloat(this.formItem.Operatingbalance)
|
},
|
/**
|
* 添加经营部分期末余额blur事件
|
**/
|
operate () {
|
this.formItem.Financialbalance = parseFloat(this.formItem.Endingbalance) - parseFloat(this.formItem.Operatingbalance)
|
},
|
/**
|
* 期末余额
|
**/
|
endbalace () {
|
this.formItem.Financialbalance = parseFloat(this.formItem.Endingbalance) - parseFloat(this.formItem.Operatingbalance)
|
},
|
/**
|
* 金融部分期末余额(元)
|
**/
|
endbala () {
|
if (this.formItem.Endingbalance != '') {
|
this.formItem.Financialbalance = parseFloat(this.formItem.Endingbalance) - parseFloat(this.formItem.Operatingbalance)
|
}
|
},
|
/**
|
* 获取添加项目二级下拉菜单数据
|
**/
|
getSelect (params) {
|
this.formItem.assetsName = ''
|
this.secTassetsNamearr = []
|
if (this.subjectTypeArr != null) {
|
this.subjectTypeArr.forEach((val, index) => {
|
if (params != null) {
|
if (val.Name === params.value) {
|
this.ReportTypeid = val.Id
|
this.CapOrDetType = val.FromType
|
}
|
}
|
})
|
}
|
let data = {
|
CategoryName: this.formItem.assets,
|
BSid: this.editId
|
}
|
if (this.formItem.assets != '' && this.formItem.assets != undefined && this.formItem.assets != null) {
|
axios.request({
|
url: '/FinConfigEx/GetFinConfigList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.secTassetsNamearr = res.data.Data
|
} else {
|
|
}
|
})
|
} else {
|
|
}
|
},
|
/**
|
* 获取第二层table数据
|
**/
|
getSecTableList (params) {
|
console.log(params)
|
if(this.loading_all===true){
|
this.loading_edit = false
|
}else{
|
this.loading_edit = true
|
}
|
let data
|
if (this.firstTab === 'tab1') {
|
data = {
|
Bsid: params.id,
|
TABId: 1
|
}
|
} else if (this.firstTab === 'tab2') {
|
data = {
|
Bsid: params.id,
|
TABId: 2
|
}
|
} else {
|
data = {
|
Bsid: params.id,
|
TABId: 3
|
}
|
}
|
axios.request({
|
url: '/FinCapitalAndDebtEx/GetCapitalAndDebtList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.editreportList = res.data.Data
|
if (this.editreportList.length > 0 && (this.firstTab === 'tab1' || this.firstTab === 'tab2')) {
|
this.editreportList.forEach((val, index) => {
|
val._showChildren = this.show_children
|
val.cellClassName = {
|
Name: 'demo-table-info-cell-name',
|
Money: 'demo-table-info-cell-name',
|
BusinessMoney: 'demo-table-info-cell-name',
|
FinancialMoney: 'demo-table-info-cell-name',
|
Note: 'demo-table-info-cell-name',
|
action: 'demo-table-info-cell-name',
|
RemarkEditFlag: 'demo-table-info-cell-name',
|
RemarkEditFlag2: 'demo-table-info-cell-name',
|
remarkAction: 'demo-table-info-cell-name',
|
action2: 'demo-table-info-cell-name',
|
action3: 'demo-table-info-cell-name'
|
}
|
if (val.children != null && val.children != '' && val.children != undefined) {
|
val.children.forEach((val_01, index) => {
|
if (this.firstTab === 'tab1') {
|
if (val_01.Note === '' || val_01.Note === null || val_01.Note === undefined) {
|
val_01.Note = '--'
|
}
|
} else if (this.firstTab === 'tab2') {
|
val_01._showChildren = this.show_children_sec
|
if ((val_01.Note === null || val_01.Note === '' || val_01.Note === undefined) && val_01.SubClassId != 5 && val_01.GradeId != 10) {
|
val_01.Note = '--'
|
}
|
}
|
if (val_01.children != null && val_01.children != '' && val_01.children != undefined) {
|
val_01.children.forEach((val_02, index) => {
|
if (this.firstTab === 'tab1') {
|
if (val_02.Note === '' || val_02.Note === null || val_02.Note === undefined) {
|
val_02.Note = '--'
|
}
|
} else if (this.firstTab === 'tab2') {
|
val_02._showChildren = this.show_children_sec
|
if ((val_02.Note === null || val_02.Note === '' || val_02.Note === undefined) && val_02.SubClassId != 5 && val_02.GradeId != 10) {
|
val_02.Note = '--'
|
}
|
}
|
})
|
}
|
if (val_01.SubClassId === 100) {
|
val_01.cellClassName = {
|
Name: 'demo-table-info-cell-s',
|
Money: 'demo-table-info-cell-s',
|
BusinessMoney: 'demo-table-info-cell-s',
|
FinancialMoney: 'demo-table-info-cell-s',
|
Note: 'demo-table-info-cell-s',
|
action: 'demo-table-info-cell-s',
|
action2: 'demo-table-info-cell-s',
|
action3: 'demo-table-info-cell-s',
|
RemarkEditFlag: 'demo-table-info-cell-s',
|
RemarkEditFlag2: 'demo-table-info-cell-s',
|
remarkAction: 'demo-table-info-cell-s'
|
}
|
}
|
})
|
} else if (val.Note === '' || val.Note === null || val.Note === undefined) {
|
val.Note = '--'
|
}
|
})
|
} else if (this.firstTab === 'tab3') {
|
this.editreportList.forEach((val, index) => {
|
val._showChildren = this.show_children
|
if (val.CalculateId === 0 || val.CalculateId === 1) {
|
val.cellClassName = {
|
Name: 'demo-table-info-cell-name',
|
Money: 'demo-table-info-cell-name',
|
BusinessMoney: 'demo-table-info-cell-name',
|
FinancialMoney: 'demo-table-info-cell-name',
|
Note: 'demo-table-info-cell-name',
|
action3: 'demo-table-info-cell-name',
|
RemarkEditFlag2: 'demo-table-info-cell-name',
|
action: 'demo-table-info-cell-name',
|
RemarkEditFlag: 'demo-table-info-cell-name'
|
}
|
} else {
|
val.cellClassName = {
|
Name: 'demo-table-info-cell-name',
|
Money: 'demo-table-info-cell-names',
|
BusinessMoney: 'demo-table-info-cell-names',
|
FinancialMoney: 'demo-table-info-cell-names',
|
Note: 'demo-table-info-cell-names',
|
action3: 'demo-table-info-cell-names',
|
RemarkEditFlag2: 'demo-table-info-cell-names',
|
action: 'demo-table-info-cell-names',
|
action2: 'demo-table-info-cell-names',
|
RemarkEditFlag: 'demo-table-info-cell-names'
|
}
|
}
|
if ((val.Note === null || val.Note === '' || val.Note === undefined) && val.CalculateId === 2) {
|
val.Note = '--'
|
}
|
if (val.children != null && val.children != '' && val.children != undefined) {
|
val.children.forEach((val_01, index) => {
|
val_01._showChildren = this.show_children_sec
|
if ((val_01.Note === null || val_01.Note === '' || val_01.Note === undefined) && val_01.SubClassId != 5) {
|
val_01.Note = '--'
|
}
|
if (val_01.children != null && val_01.children != '' && val_01.children != undefined) {
|
val_01.children.forEach((val_02, index) => {
|
val_02._showChildren = this.show_children_sec
|
if ((val_02.Note === null || val_02.Note === '' || val_02.Note === undefined) && val_01.SubClassId != 5) {
|
val_02.Note = '--'
|
}
|
})
|
}
|
if (val_01.SubClassId === 100) {
|
val_01.cellClassName = {
|
Name: 'demo-table-info-cell-s',
|
Money: 'demo-table-info-cell-s',
|
BusinessMoney: 'demo-table-info-cell-s',
|
FinancialMoney: 'demo-table-info-cell-s',
|
Note: 'demo-table-info-cell-s',
|
action3: 'demo-table-info-cell-s',
|
RemarkEditFlag2: 'demo-table-info-cell-s',
|
action2: 'demo-table-info-cell-s',
|
RemarkEditFlag: 'demo-table-info-cell-s',
|
action: 'demo-table-info-cell-s'
|
}
|
}
|
})
|
}
|
})
|
}
|
console.log(this.editreportList)
|
this.loading_all=false
|
this.loading_edit = false
|
} else {
|
this.loading_edit = false
|
this.loading_all=true
|
}
|
}, res => {
|
|
})
|
},
|
secdeleteReportColumns (params) {
|
this.deleteTableSecModal = true
|
console.log(params)
|
this.delCapOrDetType = params.FromType
|
this.delId = params.id
|
this.deleteDateSec = params.Name
|
this.addGradeId = params.GradeId
|
this.addCalculateId = params.CalculateId
|
},
|
secReportColumns (params) {
|
console.log(params)
|
this.isNotAorE = true
|
this.formItem.assets = params.CategoryName
|
this.formItem.assetsName = params.Name
|
this.formItem.Endingbalance = params.Money
|
this.formItem.Operatingbalance = params.BusinessMoney
|
this.formItem.Financialbalance = params.FinancialMoney
|
this.formItem.Remarks = params.Note
|
this.addGradeId = params.GradeId
|
this.secAddTableId = params.id
|
this.addCalculateId = params.CalculateId
|
this.CapOrDetType = params.FromType
|
this.secAddModal = true
|
},
|
editSecReportColumns () {
|
|
},
|
/**
|
* 表格添加数据
|
**/
|
editSecTableList (){
|
this.getSubjectType()
|
this.isNotAorE = false
|
this.secAddModal = true
|
},
|
/**
|
* 导出数据
|
**/
|
importDate () {
|
this.importFormModal = true
|
},
|
editzhutiName () {
|
|
},
|
editassetsNameChange (params) {
|
|
},
|
|
editassetsNameSelect (params) {
|
if (params.value === '年报') {
|
this.editformatDate = 'yyyy' + '-' + '12-31'
|
this.edittypeDate = 'year'
|
} else if (params.value === '半年报') {
|
this.editformatDate = 'yyyy' + '-' + '06-30'
|
this.edittypeDate = 'year'
|
} else if (params.value === '季报') {
|
let date22=this.editReportModel.assetsDate
|
let month = parseInt(date.getMonth() + 1)
|
if (month===3) {
|
this.editformatDate = 'yyyy'+'03-31'
|
this.edittypeDate = 'month'
|
}else if(month===9){
|
this.editformatDate = 'yyyy'+'09-30'
|
this.edittypeDate = 'month'
|
}else{
|
this.editformatDate = 'yyyy-MM-dd'
|
this.edittypeDate = 'date'
|
}
|
|
} else {
|
let date = this.editReportModel.assetsDate
|
let month = parseInt(date.getMonth() + 1)
|
if (month < 10) {
|
month = '0' + month
|
}
|
this.edittypeDate = 'month'
|
this.editformatDate = 'yyyy-MM-dd'
|
this.editReportModel.assetsDate = date.getFullYear() + '-' + month + '-' + new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
|
}
|
},
|
editreportsTime (data) {
|
let date = new Date(this.editReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (this.editReportModel.assetsPeriod === '季报') {
|
if (month === 3) {
|
this.editformatDate = 'yyyy-MM-dd'
|
this.edittypeDate = 'month'
|
this.editReportModel.assetsDate = date.getFullYear() + '-' + '03-31'
|
} else if (month === 9) {
|
this.editformatDate = 'yyyy-MM-dd'
|
this.edittypeDate = 'month'
|
this.editReportModel.assetsDate = date.getFullYear() + '-' + '09-30'
|
}
|
} else if (this.editReportModel.assetsPeriod === '月报') {
|
let date = new Date(this.editReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month < 10) {
|
month = '0' + month
|
}
|
// let enDay=date.getFullYear() + '-' + month + '-'+new Date(date.getFullYear(), date.getMonth()+1, 0).getDate();
|
this.edittypeDate = 'month'
|
this.editformatDate = 'yyyy-MM-dd'
|
this.editReportModel.assetsDate = date.getFullYear() + '-' + month + '-' + new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
|
}
|
},
|
/**
|
* 编辑保存
|
**/
|
editReportListSubmit (editReportModelValidate) {
|
this.loading_all = true
|
let a
|
let b = new Date(this.editReportModel.assetsDate)
|
console.log(b)
|
if (this.editReportModel.assetsPeriod === '年报') {
|
a = b.getFullYear() + '-12-31'
|
} else if (this.editReportModel.assetsPeriod === '半年报') {
|
a = b.getFullYear() + '-06-30'
|
} else {
|
a = b
|
}
|
let data = {
|
Id: this.editId,
|
ReportType: this.editReportModel.assetsType,
|
Period: this.editReportModel.assetsPeriod,
|
TimeStart: a,
|
SubjectId: this.assetsID,
|
ProjId: this.ProjId,
|
FromType: false
|
}
|
this.$refs[editReportModelValidate].validate((valid) => {
|
if (valid) {
|
axios.request({
|
url: '/FinBalanceSheetEx/AddBalanceSheet',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
let params = {
|
id: this.editId
|
}
|
this.getSecTableList(params)
|
this.loading_01 = false
|
this.addReportList = false
|
} else {
|
this.loading_01 = false
|
}
|
}, res => {
|
this.loading_01 = false
|
})
|
} else {
|
this.$Message.error('请填写相关信息')
|
this.loading_up = false
|
}
|
})
|
},
|
/**
|
* 点击编辑报表返回
|
**/
|
editReportBackD () {
|
this.reportShow = false
|
this.clickfuzhu = false
|
this.notFuzhu = true
|
let a = {
|
id: this.editId
|
}
|
this.getSecTableList(a)
|
// this.getTableList()
|
},
|
clickCheckCapTotal(){
|
this.CheckCapTotal=false
|
this.reportShow = true
|
this.getTableList()
|
},
|
clickCheckCapTotalconcel(){
|
this.CheckCapTotal=false
|
},
|
/**
|
* 点击编辑报表返回
|
**/
|
editReportBack () {
|
if (this.clickfuzhu === true) {
|
this.reportShow = false
|
this.clickfuzhu = false
|
this.notFuzhu = true
|
console.log("a")
|
// let a={
|
// id:this.editId
|
// }
|
// this.getSecTableList(a)
|
this.getTableList()
|
let a = {
|
id: this.editId
|
}
|
this.getSecTableList(a)
|
} else {
|
let data={
|
BSId:this.editId
|
}
|
axios.request({
|
url: '/FinCapitalAndDebtEx/CheckCapTotal',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.$Message.success("符合资产总计=负债总计+所有者权益(或股东权益)总计")
|
this.reportShow = true
|
this.getTableList()
|
} else {
|
this.CheckCapTotal=true
|
}
|
}, res => {
|
|
})
|
}
|
},
|
/**
|
* table查看
|
**/
|
examineReportColumns (params) {
|
this.editReportModel.assetsName = params.Title
|
this.editReportModel.assetsType = params.ReportType
|
this.editReportModel.assetsPeriod = params.Period
|
this.editReportModel.assetsDate = new Date(params.ShortTime)
|
this.editId = params.id
|
this.loading_all=true
|
this.checkbtn = true
|
this.getSecTableList(params)
|
this.reportShow = false
|
let s = {
|
value: params.Period
|
}
|
this.editassetsNameSelect(s)
|
},
|
deleteTableSubmit () {
|
let data = {
|
id: this.deleteTableId
|
}
|
axios.request({
|
url: '/FinBalanceSheetEx/DeleteBalanceSheetbyId',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.deleteTableModal = false
|
this.getTableList()
|
} else {
|
this.deleteTableModal = false
|
}
|
}, res => {
|
|
})
|
},
|
/**
|
* table删除
|
**/
|
deleteReportColumns (params) {
|
this.deleteTableId = params.id
|
this.deleteTableModal = true
|
this.deleteDate = params.Title
|
},
|
/**
|
* table编辑
|
**/
|
editReportColumns (params) {
|
console.log(params)
|
this.editReportModel.assetsName = params.Title
|
this.editReportModel.assetsType = params.ReportType
|
this.editReportModel.assetsPeriod = params.Period
|
this.editReportModel.assetsDate = new Date(params.ShortTime)
|
console.log(this.editReportModel.assetsDate)
|
this.editId = params.id
|
this.checkbtn = false
|
this.loading_all=true
|
this.getSecTableList(params)
|
this.reportShow = false
|
let s = {
|
value: params.Period
|
}
|
this.editassetsNameSelect(s)
|
},
|
/**
|
* 主体下拉
|
**/
|
zhutiselect (data) {
|
this.assetsNamearr.forEach((val, index) => {
|
if(this.xailaOption==="全部"){
|
this.assetsID=0
|
}
|
if (this.xailaOption === val.Title) {
|
this.assetsID = val.id
|
}
|
})
|
this.getTableList()
|
},
|
/**
|
* 主体名称获取主体ID
|
**/
|
zhutiName (data) {
|
this.assetsNamearr.forEach((val, index) => {
|
if (this.addReportModel.assetsName === val.Title) {
|
this.assetsID = val.id
|
}
|
})
|
},
|
/**
|
* 日期选择器chang事件
|
**/
|
reportsTime (params) {
|
if (this.addReportModel.assetsPeriod === '季报') {
|
let date = new Date(this.addReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month === 3) {
|
this.formatDate = '一季度'
|
this.typeDate = 'month'
|
} else if (month === 9) {
|
this.formatDate = '三季度'
|
this.typeDate = 'month'
|
} else {
|
this.formatDate = ''
|
this.typeDate = 'month'
|
}
|
} else if (this.addReportModel.assetsPeriod === '月报') {
|
let date = new Date(this.addReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month < 10) {
|
month = '0' + month
|
}
|
let enDay = date.getFullYear() + '-' + month + '-' + new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
|
this.formatDate = enDay
|
this.typeDate = 'month'
|
}
|
},
|
/**
|
* 获取下拉数据
|
**/
|
getSelectList (typeinfo) {
|
let data = {
|
pid: this.PId,
|
TypeInfo: typeinfo
|
}
|
axios.request({
|
url: '/SubjectEx/GetSubjectList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.assetsNamearr = res.data.Data
|
this.editassetsNamearr = res.data.Data
|
} else {
|
|
}
|
}, res => {
|
|
})
|
},
|
/**
|
* 获取table表格数据
|
**/
|
getTableList () {
|
this.loading_first = true
|
let data = {
|
SubjectId: this.assetsID, // 主体Id
|
ProjId: this.ProjId
|
}
|
axios.request({
|
url: '/FinBalanceSheetEx/GetBalanceSheetList',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.reportList = res.data.Data
|
this.loading_first = false
|
} else {
|
|
}
|
}, res => {
|
|
})
|
},
|
/**
|
* 报表第一层change事件
|
**/
|
assetsNameChange () {
|
|
},
|
/**
|
* 报表select事件
|
**/
|
assetsNameSelect (params) {
|
if (params.value === '年报') {
|
this.formatDate = 'yyyy' + '-' + '12-31'
|
this.typeDate = 'year'
|
} else if (params.value === '半年报') {
|
this.formatDate = 'yyyy' + '-' + '06-30'
|
this.typeDate = 'year'
|
} else if (params.value === '季报') {
|
if (this.addReportModel.assetsDate != null && this.addReportModel.assetsDate != '' && this.addReportModel.assetsDate != undefined) {
|
let date = new Date(this.addReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month === 3) {
|
this.formatDate = '一季度'
|
this.typeDate = 'month'
|
} else if (month === 9) {
|
this.formatDate = '三季度'
|
this.typeDate = 'month'
|
} else {
|
this.formatDate = '一季度'
|
this.typeDate = 'month'
|
}
|
} else {
|
this.formatDate = '一季度'
|
this.typeDate = 'month'
|
}
|
} else {
|
if (this.addReportModel.assetsDate != null && this.addReportModel.assetsDate != '' && this.addReportModel.assetsDate != undefined) {
|
let date = new Date(this.addReportModel.assetsDate)
|
let month = parseInt(date.getMonth() + 1)
|
if (month < 10) {
|
month = '0' + month
|
}
|
let enDay = date.getFullYear() + '-' + month + '-' + new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate()
|
this.formatDate = enDay
|
this.typeDate = 'month'
|
} else {
|
this.typeDate = 'month'
|
this.formatDate = ''
|
}
|
}
|
},
|
/**
|
* 添加报表提交按钮
|
**/
|
addReportListSubmit (addReportModelValidate) {
|
this.loading_01 = true
|
let a
|
if (this.addReportModel.assetsPeriod === '年报') {
|
a = this.addReportModel.assetsDate.getFullYear() + '-12-31'
|
} else if (this.addReportModel.assetsPeriod === '半年报') {
|
a = this.addReportModel.assetsDate.getFullYear() + '-06-30'
|
} else if (this.addReportModel.assetsPeriod === '季报') {
|
if (this.addReportModel.assetsDate.getMonth() + 1 == 3) {
|
a = this.addReportModel.assetsDate.getFullYear() + '-03-31'
|
} else {
|
a = this.addReportModel.assetsDate.getFullYear() + '-09-30'
|
}
|
} else {
|
a = this.addReportModel.assetsDate
|
}
|
let data = {
|
Id: 0,
|
ReportType: this.addReportModel.assetsType,
|
Period: this.addReportModel.assetsPeriod,
|
TimeStart: a,
|
SubjectId: this.assetsID,
|
ProjId: this.ProjId,
|
FromType: false
|
}
|
this.$refs[addReportModelValidate].validate((valid) => {
|
if (valid) {
|
axios.request({
|
url: '/FinBalanceSheetEx/AddBalanceSheet',
|
data,
|
method: 'post'
|
}).then(res => {
|
if (res.data.Check) {
|
this.assetsID=0
|
this.getTableList()
|
this.loading_01 = false
|
this.addReportList = false
|
this.addReportModel.assetsPeriod = ''
|
this.addReportModel.assetsDate = ''
|
this.addReportModel.assetsType = ''
|
this.addReportModel.assetsName = ''
|
} else {
|
this.loading_01 = false
|
}
|
}, res => {
|
this.loading_01 = false
|
})
|
} else {
|
this.$Message.error('请填写相关信息')
|
this.loading_01 = false
|
}
|
})
|
},
|
/**
|
* 报表管理第一层添加按钮
|
**/
|
addReportFormFun () {
|
this.addReportList = true
|
}
|
},
|
computed: {
|
editReportsListColumnsOne2 () {
|
let columns = []
|
columns.push({
|
title: '科目名称',
|
key: 'Name',
|
minWidth: 300,
|
tree: true
|
})
|
columns.push({
|
title: '本期金额(元)',
|
key: 'Money',
|
align: 'right',
|
minWidth: 200,
|
maxWidth: 250,
|
render: (h, params) => {
|
if (params.row.SubClassId === 5 || params.row.CalculateId === 11) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.Money))
|
}
|
}
|
})
|
columns.push({
|
title: '经营金融本期金额(元)',
|
key: 'BusinessMoney',
|
align: 'right',
|
minWidth: 200,
|
maxWidth: 250,
|
renderHeader: (h, params) => {
|
return h('div', [
|
h('span', params.column.title),
|
h('Tooltip', {
|
props: {
|
content: '经营金额和金融金额选择一项进行填写,另一项会自动计算',
|
transfer: true,
|
placement: 'top'
|
}
|
}, [
|
])
|
])
|
},
|
render: (h, params) => {
|
if (params.row.SubClassId === 1 || params.row.SubClassId === 5 || params.row.GradeId === 10) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.BusinessMoney))
|
}
|
}
|
})
|
columns.push({
|
title: '金融金额本期金额(元)',
|
key: 'FinancialMoney',
|
align: 'right',
|
minWidth: 200,
|
maxWidth: 250,
|
renderHeader: (h, params) => {
|
return h('div', [
|
h('span', params.column.title),
|
h('Tooltip', {
|
props: {
|
content: '经营金额和金融金额选择一项进行填写,另一项会自动计算',
|
transfer: true,
|
theme: 'dark',
|
placement: 'top'
|
}
|
}, [
|
])
|
])
|
},
|
render: (h, params) => {
|
if (params.row.SubClassId === 1 || params.row.SubClassId === 5 || params.row.GradeId === 10) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.FinancialMoney))
|
}
|
}
|
})
|
columns.push({
|
title: '备注',
|
key: 'Note',
|
align: 'center',
|
minWidth: 100,
|
maxWidth: 130
|
})
|
columns.push({
|
title: '附注',
|
key: 'RemarkEditFlag',
|
slot: 'RemarkEditFlag',
|
align: 'center',
|
width: 100
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action2',
|
align: 'center',
|
minWidth: 100
|
})
|
return columns
|
},
|
editReportsListColumnsOne3 () {
|
let columns = []
|
columns.push({
|
title: '科目名称',
|
key: 'Name',
|
align: 'left',
|
tree: true,
|
minWidth: 300
|
})
|
columns.push({
|
title: '本期金额(元)',
|
key: 'Money',
|
align: 'right',
|
width: 250,
|
render: (h, params) => {
|
if (params.row.SubClassId === 1) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.Money))
|
}
|
}
|
})
|
columns.push({
|
title: '备注',
|
key: 'Note',
|
align: 'center',
|
minWidth: 150
|
})
|
columns.push({
|
title: '附注',
|
key: 'RemarkEditFlag',
|
slot: 'RemarkEditFlag2',
|
align: 'center',
|
minWidth: 150
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action3',
|
align: 'center',
|
minWidth: 100
|
})
|
return columns
|
},
|
editReportsListColumnsOne () {
|
let columns = []
|
// if(this.firstTab==="tab1"){
|
columns.push({
|
title: '科目名称',
|
key: 'Name',
|
align: 'left',
|
tree: true,
|
width: 300
|
})
|
columns.push({
|
title: '期末余额(元)',
|
key: 'Money',
|
minWidth: 200,
|
align: 'right',
|
maxWidth: 250,
|
render: (h, params) => {
|
if (params.row.SubClassId === 1) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.Money))
|
}
|
}
|
})
|
columns.push({
|
title: '经营金融期末余额(元)',
|
key: 'BusinessMoney',
|
minWidth: 200,
|
align: 'right',
|
maxWidth: 250,
|
renderHeader: (h, params) => {
|
return h('div', [
|
h('span', params.column.title),
|
h('Tooltip', {
|
props: {
|
content: '经营金额和金融金额选择一项进行填写,另一项会自动计算',
|
transfer: true,
|
maxWidth: 200,
|
theme: 'light',
|
placement: 'top'
|
}
|
}, [
|
h('Icon', {
|
props: {
|
type: 'md-help-circle',
|
color: '#575656',
|
size: '20'
|
},
|
class: {iconClass: true}
|
})
|
])
|
])
|
},
|
render: (h, params) => {
|
if (params.row.SubClassId === 1) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.BusinessMoney))
|
}
|
}
|
})
|
columns.push({
|
title: '金融金额期末余额(元)',
|
key: 'FinancialMoney',
|
minWidth: 200,
|
align: 'right',
|
maxWidth: 250,
|
renderHeader: (h, params) => {
|
return h('div', [
|
h('span', params.column.title),
|
h('Tooltip', {
|
props: {
|
content: '经营金额和金融金额选择一项进行填写,另一项会自动计算',
|
transfer: true,
|
theme: 'light',
|
placement: 'top',
|
maxWidth: 200
|
}
|
}, [
|
h('Icon', {
|
props: {
|
type: 'md-help-circle',
|
color: '#575656',
|
size: '20'
|
},
|
class: {iconClass: true}
|
})
|
])
|
])
|
},
|
render: (h, params) => {
|
if (params.row.SubClassId === 1) {
|
return h('span', '')
|
} else {
|
return h('span', this.CustomMethods.numTo$(params.row.FinancialMoney))
|
}
|
}
|
})
|
columns.push({
|
title: '备注',
|
key: 'Note',
|
align: 'center',
|
minWidth: 100,
|
maxWidth: 130
|
})
|
columns.push({
|
title: '附注',
|
key: 'remarkAction',
|
slot: 'remarkAction',
|
align: 'center',
|
width: 100
|
})
|
columns.push({
|
title: '操作',
|
key: 'action',
|
slot: 'action',
|
align: 'center',
|
minWidth: 100
|
})
|
// }else if(this.firstTab==="tab2"){
|
// columns.push({
|
// title: '科目名称',
|
// key: 'Name',
|
// width:300,
|
// tree: true,
|
// })
|
// columns.push({
|
// title: '本期金额(元)',
|
// key: 'Money',
|
// align:"right",
|
// minWidth:200,
|
// maxWidth:250,
|
// render: (h, params) => {
|
// if(params.row.SubClassId===5||params.row.CalculateId===11){
|
// return h('span','')
|
// }else{
|
// return h('span', this.CustomMethods.numTo$(params.row.Money))
|
// }
|
// },
|
// })
|
// columns.push({
|
// title: '经营金融期末余额(元)',
|
// key: 'BusinessMoney',
|
// align:"right",
|
// minWidth:200,
|
// maxWidth:250,
|
// renderHeader: (h, params) => {
|
// return h('div', [
|
// h('span', params.column.title),
|
// h('Tooltip', {
|
// props: {
|
// content: '经营金额和金融金额选择一项进行填写,另一项会自动计算',
|
// transfer: true,
|
// placement:'top'
|
// }
|
// }, [
|
// ]),
|
// ])
|
// },
|
// render: (h, params) => {
|
// if(params.row.SubClassId===1||params.row.SubClassId===5||params.row.GradeId===10){
|
// return h('span','')
|
// }else{
|
// return h('span', this.CustomMethods.numTo$(params.row.BusinessMoney))
|
// }
|
// },
|
// })
|
// columns.push({
|
// title: '金融金额期末余额(元)',
|
// key: 'FinancialMoney',
|
// align:"right",
|
// minWidth:200,
|
// maxWidth:250,
|
// renderHeader: (h, params) => {
|
// return h('div', [
|
// h('span', params.column.title),
|
// h('Tooltip', {
|
// props: {
|
// content: '经营金额和金融金额选择一项进行填写,另一项会自动计算',
|
// transfer: true,
|
// theme: 'dark',
|
// placement:'top',
|
// }
|
// }, [
|
// ]),
|
// ])
|
// },
|
// render: (h, params) => {
|
// if(params.row.SubClassId===1||params.row.SubClassId===5||params.row.GradeId===10){
|
// return h('span','')
|
// }else{
|
// return h('span', this.CustomMethods.numTo$(params.row.FinancialMoney))
|
// }
|
// },
|
// })
|
// columns.push({
|
// title: '备注',
|
// key: 'Note',
|
// align:"center",
|
// minWidth:100,
|
// maxWidth:130
|
// })
|
// columns.push({
|
// title: '附注',
|
// key: 'RemarkEditFlag',
|
// slot:"RemarkEditFlag",
|
// align:"center",
|
// width:100,
|
// })
|
// columns.push({
|
// title: '操作',
|
// key: 'action',
|
// slot: 'action2',
|
// align: 'center',
|
// minWidth:100
|
// })
|
// }else if(this.firstTab==="tab3"){
|
// columns.push({
|
// title: '科目名称',
|
// key: 'Name',
|
// align:"center",
|
// tree:true,
|
// width:300,
|
// })
|
// columns.push({
|
// title: '本期金额(元)',
|
// key: 'Money',
|
// align:"right",
|
// width:300,
|
// render: (h, params) => {
|
// if(params.row.SubClassId===1){
|
// return h('span','')
|
// }else{
|
// return h('span', this.CustomMethods.numTo$(params.row.Money))
|
// }
|
// }
|
// })
|
// columns.push({
|
// title: '备注',
|
// key: 'Note',
|
// align:"center",
|
// minWidth:150,
|
// })
|
// columns.push({
|
// title: '附注',
|
// key: 'RemarkEditFlag',
|
// slot:"RemarkEditFlag2",
|
// align:"center",
|
// minWidth:150,
|
// })
|
// columns.push({
|
// title: '操作',
|
// key: 'action',
|
// slot: 'action3',
|
// align: 'center',
|
// minWidth:100
|
// })
|
// }
|
return columns
|
},
|
ReportsListColumns () {
|
let columns = []
|
columns.push({
|
title: '序号',
|
key: 'id',
|
width: 65,
|
sortable: true,
|
align: 'center',
|
render: (h, params) => {
|
return h('span', params.index + 1)
|
}
|
})
|
columns.push({
|
title: '主体',
|
key: 'Title',
|
sortable: true,
|
align: 'center',
|
minWidth:200,
|
maxWidth:350
|
})
|
columns.push({
|
title: '报告类型',
|
key: 'ReportType',
|
sortable: true,
|
align: 'center'
|
})
|
columns.push({
|
title: '报告期',
|
key: 'Period',
|
sortable: true,
|
align: 'center'
|
})
|
columns.push({
|
title: '报告时间',
|
key: 'ShortTime',
|
sortable: true,
|
align: 'center'
|
})
|
columns.push({
|
title: '来源',
|
key: 'FromType',
|
sortable: true,
|
render: (h, params) => {
|
if (params.row.FromType === true) {
|
return h('span', '系统内置')
|
} else {
|
return h('span', '用户添加')
|
}
|
},
|
align: 'center'
|
})
|
columns.push({
|
title: '操作',
|
sortable: true,
|
key: 'action',
|
slot: 'action',
|
align: 'center',
|
minWidth:150,
|
maxWidth:180
|
})
|
return columns
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.tabclass .ivu-spin-fix{
|
top:unset;
|
}
|
/*.secTable3 th.ivu-table-column-center, td.ivu-table-column-center{*/
|
/*text-align:left;*/
|
/*}*/
|
/*.secTable3 .ivu-table .demo-table-info-cell-name{*/
|
/*text-align: left;*/
|
/*}*/
|
.secTable .ivu-table .demo-table-info-cell-names{
|
background-color:#f8f8f9;
|
color: #000;
|
font-size: 14px;
|
}
|
.secTable .ivu-table .demo-table-info-cell-s{
|
background:#FFFAFA;
|
color: #000;
|
font-size: 14px;
|
font-weight: bold;
|
}
|
.secTable .ivu-table .demo-table-info-cell-name {
|
background-color:#f8f8f9;
|
color: #000;
|
font-size: 14px;
|
font-weight: bold;
|
}
|
.editassetdate{
|
margin: 0;
|
}
|
.editassetdate li{
|
list-style: none;
|
display: inline-block;
|
margin-right: 20px;
|
padding-left: 15px;
|
}
|
.editassetdate li span{
|
display: inline-block;
|
line-height: 25px;
|
height: 25px;
|
vertical-align: middle;
|
}
|
.editassetdate li span:nth-child(2){
|
font-weight: bold;
|
margin-left: 20px;
|
}
|
.lists_read .ivu-input[disabled], fieldset[disabled] .ivu-input{
|
background: #ebebeb;
|
color: #000;
|
}
|
.lists_read {
|
border: 1px solid #c8d2f4;
|
border-radius: 6px;
|
padding: 12px 0 10px 0;
|
margin-top: 0px;
|
margin-bottom: 12px;
|
}
|
.zhuticlass .ivu-input[disabled], fieldset[disabled] .ivu-input{
|
background: #ebebeb;
|
color: #000;
|
}
|
.secTableClass .ivu-input[disabled], fieldset[disabled] .ivu-input{
|
background: #ebebeb;
|
color: #000;
|
}
|
.secTableClass .ipt_form_style{
|
margin-bottom: 0px;
|
}
|
.secTableClass .ipt_form_style[data-v-585cded2]{
|
display: flex;
|
}
|
.secTableClass .ipt_form_style {
|
margin-bottom: 0px;
|
display: flex;
|
}
|
.secTableClass .ipt_width{
|
width: 100%;
|
}
|
.reportAddList .ivu-form-item{
|
/*margin-bottom: 12px!important;*/
|
}
|
.reportAddList .ipt_form_style {
|
display: flex;
|
}
|
.assetsDate .ivu-date-picker{
|
width: 100%;
|
}
|
.ipt_form_style_edit{
|
display: flex;
|
width: 350px;
|
}
|
.editCard .ivu-card-body{
|
/*padding-bottom: 0px;*/
|
}
|
</style>
|