v-model="form.target" size="small" filterable multiple :collapse-tags="true" placeholder="请选择" style="width:100%;" > :label="item.itemName" v-for="item in targetOption" :key="item.indexcode" :value="item.target" >
type="month" v-model="form.dataStart" placeholder="请选择" :editable="false" size="small" :clearable="false" :picker-options="pickerOptionsStartM" class="date-common" format="yyyyMM" >
至
type="month" v-model="form.dataEnd" placeholder="请选择" :editable="false" size="small" :clearable="false" :picker-options="pickerOptionsEnd" class="date-common" format="yyyyMM" >
type="quarter" v-model="form.dataStart" placeholder="请选择" :editable="false" size="small" :clearable="false" :picker-options="pickerOptionsStartQH" class="date-common" >
至
type="quarter" v-model="form.dataEnd" placeholder="请选择" :editable="false" size="small" :clearable="false" :picker-options="pickerOptionsEnd" class="date-common" >
type="half" v-model="form.dataStart" placeholder="请选择" :editable="false" size="small" :clearable="false" class="time-picker-start date-common" :picker-options="pickerOptionsStartQH" >
至
type="half" v-model="form.dataEnd" placeholder="请选择" :editable="false" size="small" :clearable="false" class="time-picker-end date-common" :picker-options="pickerOptionsEnd" >
type="year" v-model="form.dataStart" placeholder="请选择" :editable="false" size="small" :clearable="false" :picker-options="pickerOptionsStartQH" class="date-common" >
至
type="year" v-model="form.dataEnd" placeholder="请选择" :editable="false" size="small" :clearable="false" :picker-options="pickerOptionsEnd" class="date-common" >
至
指标单元:元
:data="listData" class="my-table" height="0" border highlight-current-row style="width: 100%;min-height:640px" > {{(scope.$index+1)+(currentPage-1)*pageSize }} prop="orgName" header-align="center" label="税务组织" align="center" min-width="60" > prop="target" header-align="center" label="指标名称" align="center" min-width="90" > prop="dataType" header-align="center" label="所属期间" align="center" min-width="90" > prop="partyAmount" header-align="center" label="当期数" align="center" min-width="60" > prop="yearSum" header-align="center" label="年累计" align="center" min-width="60" > prop="updatedBy" header-align="center" label="导入人员" align="center" min-width="90" > prop="updatedDate" header-align="center" label="导入时间" align="center" min-width="90" >
class="fr" v-show="pageData.total>10" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="pageArr" :page-size="pageSize" layout="total, sizes, prev, pager, next,jumper" :total="pageData.total" >
// import mock from "../mock/taxQuery.js";
import { listData, target,dataExport} from "./tax-query.js";
import taxOrg from "@/income-pro/common/taxorg/index";
import IDate from "../../common/date-picker/src/picker/date-picker";
export default {
components: { taxOrg, IDate },
data() {
return {
pickerOptionsStartM: {},
pickerOptionsStart: {},
pickerOptionsStartQH: {},
pickerOptionsEnd: {},
getOrgParams: {
permissionType: "MENU",
keyWord: "",
permissionCode: "MU-INS-TASK-MAG",
scope: "SELF",
orgTypes: "",
containVirtualFlag: ""
},
form: {
org: "",
target: [],
dataType: "M",
dataStart: "",
dataEnd: "",
methodCode: "Y", //默认年累计
amountMin: "",
amountMax: "",
updatedBy: ""
},
listData: [],
targetOption: [], //指标option.
orgId: "",
pageArr: [10, 20, 40, 100],
defaultPageSize: 0,
currentPage: 1,
pageSize: 20,
pageData: {},
dialogFormVisible: false,
amenddialogFormVisible: false,
formLabelWidth: "80px"
};
},
methods: {
//导出文件
downloadFileBtn() {
var orgId = this.orgId;
var target = this.form.target;
var dataStart = this.form.dataStart;
var dataEnd = this.form.dataEnd;
var methodCode = this.form.methodCode;
var amountMin = this.form.amountMin;
var amountMax = this.form.amountMax;
var updatedBy = this.form.updatedBy;
var url =
serverIpAddress +
"/itax-core-analysis/taxation-impapply/export?orgId=" +
orgId +
"&target=" +
target +
"&dataStart=" +
dataStart +
"&dataEnd=" +
dataEnd +
"&amountMin=" +
amountMin +
"&methodCode=" +
methodCode +
"&amountMax=" +
amountMax +
"&updatedBy=" +
updatedBy;
var b = localStorage.getItem("chrome-low");
if (b && JSON.parse(b)) {
window.open(url);
} else {
var elemIF = document.createElement("iframe");
elemIF.src = url;
elemIF.style.display = "none";
document.body.appendChild(elemIF);
}
},
handleSelect(node) {
this.orgId = node.orgId;
typeof this.orgId !== "number"?'':this.targetType(); //非置空的情况下调用获取指标名接口。
// this.getListData();
},
searchListData() {
if (typeof this.orgId !== "number") {
this.notify("请选择税务组织名称!", "warning");
return;
}
if (this.form.target.length == 0) {
this.notify("请选择指标名称!", "warning");
return;
}
// if (this.form.dataType == "") {
// this.notify("请选择区间类型!", "warning");
// return;
// }
if (this.form.dataStart == "") {
this.notify("请选择开始时间!", "warning");
return;
}
if (this.form.dataEnd == "") {
this.notify("请选择终止时间!", "warning");
return;
}
// if (this.form.methodCode == "") {
// this.notify("请选择统计方式!", "warning");
// return;
// }
if (this.form.amountMin == "") {
this.notify("请选择金额最小值!", "warning");
return;
}
if (this.form.amountMax == "") {
this.notify("请选择金额最大值!", "warning");
return;
}
this.getListData();
},
handleSizeChange(val) {
this.pageSize = val;
this.getListData();
},
handleCurrentChange(val) {
this.currentPage = val;
this.getListData();
},
resetForm() {
this.form.target= [];
this.form.dataType= "M";
this.form.dataStart= "";
this.form.dataEnd= "";
this.form.methodCode= "Y"; //年累计,当期数选择
this.form.amountMin= "";
this.form.amountMax= "";
this.form.person= "";
this.$refs.resetOrg.clearInfo();
},
/* 获取指标名方法 */
async targetType(val) {
let params = {
orgIds: this.orgId //待改
};
const data = await target(params);
if (data.responseCode === "0") {
this.targetOption = data.result;
}
},
async getListData() {
let params = {
orgId: 290409,
target: this.form.target.join(","),
dataStart: this.form.dataStart.format("yyyy-MM"),
dataEnd: this.form.dataEnd.format("yyyy-MM"),
methodCode: this.form.methodCode,
amountMin: this.form.amountMin,
amountMax: this.form.amountMax,
updatedBy: this.form.updatedBy,
currentPage: this.currentPage,
pageSize: this.pageSize
};
try {
const data = await listData(params);
if (data.result) {
this.listData = data.result;
this.pageData = data.page;
}
} catch (err) {
console.log(err);
}
},
notify(msg, type) {
var that = this;
that.$message({
duration: 2000,
showClose: true,
message: msg,
type: type
});
}
},
created() {
}
};
.condition {
margin-top: 15px;
// #targetCss {
// .el-select__tags {
// max-width: 1400px !important;
// }
// .el-input--small {
// width: 775px !important;
// }
// }
}
// .common-sty {
// width: 163px;
// }
.tool {
margin-bottom: 5px;
display: flex;
flex-direction:row-reverse;
align-items: center;
margin-right: 20px;
justify-content: space-between;
.index-unit {
font-size: 14px;
color: #ff7000;
}
}
.table-title {
span:first-child {
height: 20px;
font-size: 18px;
color: #ff7000;
font-weight: bold;
margin-left: 10px;
}
span:last-child {
height: 20px;
font-size: 14px;
line-height: 20px;
color: #ff7000;
font-weight: bold;
margin-left: 80%;
}
}
.upload-btn {
margin-left: 10px;
}
.date-common {
width: 95px !important;
}
.amount{
width: 40%
}
.el-select{
/deep/ .el-select__tags{
white-space: nowrap;
overflow: hidden;
display: block;
}
/deep/ .el-select__input {
display:none;
}
}