|
|
@@ -0,0 +1,664 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <basic-container v-if="isShow">
|
|
|
+ <avue-crud :option="option"
|
|
|
+ :table-loading="loading"
|
|
|
+ :data="data"
|
|
|
+ :page.sync="page"
|
|
|
+ :permission="permissionList"
|
|
|
+ id="out-table"
|
|
|
+ :header-cell-class-name="headerClassName"
|
|
|
+ :before-open="beforeOpen"
|
|
|
+ v-model="form"
|
|
|
+ ref="crud"
|
|
|
+ @row-update="rowUpdate"
|
|
|
+ @row-save="rowSave"
|
|
|
+ @row-del="rowDel"
|
|
|
+ @search-change="searchChange"
|
|
|
+ @search-reset="searchReset"
|
|
|
+ @selection-change="selectionChange"
|
|
|
+ @current-change="currentChange"
|
|
|
+ @size-change="sizeChange"
|
|
|
+ @refresh-change="refreshChange"
|
|
|
+ @resetColumn="resetColumnTwo('crud', 'option', 'optionBack', 314)"
|
|
|
+ @saveColumn="saveColumnTwo('crud', 'option', 'optionBack', 314)"
|
|
|
+ @on-load="onLoad" @expand-change="expandChange" >
|
|
|
+ <template slot="expand" slot-scope="{row}">
|
|
|
+ <finstlbillsitems :tableData="row.finStlBillsItemsList || []" :brfalse="false" ></finstlbillsitems>
|
|
|
+ </template>
|
|
|
+ <template slot="menuLeft">
|
|
|
+ <el-button type="success"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-plus"
|
|
|
+ plain
|
|
|
+ @click="newbillFun">新建账单
|
|
|
+ </el-button>
|
|
|
+ <el-button type="danger"
|
|
|
+ size="small"
|
|
|
+ icon="el-icon-delete"
|
|
|
+ plain
|
|
|
+ @click="handleDelete">删 除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot="menu" slot-scope="{row}">
|
|
|
+ <el-button type="text"
|
|
|
+ size="small"
|
|
|
+ @click="editFun(row)">编辑
|
|
|
+ </el-button>
|
|
|
+ <el-button type="text"
|
|
|
+ size="small"
|
|
|
+ @click="rowDel(row)">删除
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="scope" slot="billNo">
|
|
|
+ <avue-text-ellipsis :text="scope.row.billNo" :height="30" use-tooltip placement="top">
|
|
|
+ <small slot="more">...</small>
|
|
|
+ </avue-text-ellipsis>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="scope" slot="corpCnName">
|
|
|
+ <avue-text-ellipsis :text="scope.row.corpCnName" :height="30" use-tooltip placement="top">
|
|
|
+ <small slot="more">...</small>
|
|
|
+ </avue-text-ellipsis>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="scope" slot="corpEnName">
|
|
|
+ <avue-text-ellipsis :text="scope.row.corpEnName" :height="30" use-tooltip placement="top">
|
|
|
+ <small slot="more">...</small>
|
|
|
+ </avue-text-ellipsis>
|
|
|
+ </template>
|
|
|
+ <template slot-scope="scope" slot="corpArgreementNo">
|
|
|
+ <avue-text-ellipsis :text="scope.row.corpArgreementNo" :height="30" use-tooltip placement="top">
|
|
|
+ <small slot="more">...</small>
|
|
|
+ </avue-text-ellipsis>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </avue-crud>
|
|
|
+ </basic-container>
|
|
|
+
|
|
|
+ <finstlbillsDetails ref="finstlbillsDetails" v-if="!isShow" :editSave="editSave" @goBack="goBack"></finstlbillsDetails>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import {finstlbillsList, finstlbillsDetail, finstlbillsSubmit, finstlbillsRemove, finstlbillsitemsList} from "@/api/iosBasicData/finstlbills";
|
|
|
+ import {mapGetters} from "vuex";
|
|
|
+ import finstlbillsDetails from '@/views/iosBasicData/finstlbills/finstlbillsDetails.vue'
|
|
|
+ import {getWorkDicts} from "@/api/system/dictbiz";
|
|
|
+ import finstlbillsitems from "@/views/iosBasicData/finstlbills/assembly/finstlbillsitems.vue";
|
|
|
+
|
|
|
+ export default {
|
|
|
+ components:{finstlbillsitems, finstlbillsDetails},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 详情页面和列表切换
|
|
|
+ isShow:true,
|
|
|
+ form: {},
|
|
|
+ query: {},
|
|
|
+ loading: true,
|
|
|
+ page: {
|
|
|
+ pageSize: 10,
|
|
|
+ currentPage: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ selectionList: [],
|
|
|
+ option:{},
|
|
|
+ optionBack: {
|
|
|
+ height:'auto',
|
|
|
+ calcHeight: 30,
|
|
|
+ tip: false,
|
|
|
+ searchShow: true,
|
|
|
+ searchMenuSpan: 6,
|
|
|
+ border: true,
|
|
|
+ index: true,
|
|
|
+ viewBtn: true,
|
|
|
+ selection: true,
|
|
|
+ dialogClickModal: false,
|
|
|
+ menuWidth:100,
|
|
|
+ expand: true,
|
|
|
+ rowKey:'id',
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "业务类型",
|
|
|
+ prop: "businessType",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "单据编号",
|
|
|
+ prop: "billNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "对账/结算日期",
|
|
|
+ prop: "billDate",
|
|
|
+ width:"150",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户中文名称",
|
|
|
+ prop: "corpCnName",
|
|
|
+ width:"120",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户英文名称",
|
|
|
+ prop: "corpEnName",
|
|
|
+ width:"120",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户是否已签约",
|
|
|
+ prop: "corpIsSigned",
|
|
|
+ width:"120",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户约号",
|
|
|
+ prop: "corpArgreementNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "客户账期备注",
|
|
|
+ prop: "corpAccRemarks",
|
|
|
+ width:"120",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "业务类型",
|
|
|
+ prop: "businessTypes",
|
|
|
+ width:"120",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "业务单据编号",
|
|
|
+ prop: "businessNo",
|
|
|
+ width:"120",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "账单编号",
|
|
|
+ prop: "accountNo",
|
|
|
+ width:"100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "对账单编号",
|
|
|
+ prop: "checkNo",
|
|
|
+ width:"100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "业务所在部门",
|
|
|
+ prop: "deptName",
|
|
|
+ width:"120",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "业务操作",
|
|
|
+ prop: "operatorName",
|
|
|
+ width:"100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "业务员",
|
|
|
+ prop: "salesName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "费用收付",
|
|
|
+ prop: "dc",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "币种",
|
|
|
+ prop: "curCode",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "中文船名",
|
|
|
+ prop: "vesselCnName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "英文船名",
|
|
|
+ prop: "vesselEnName",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "航次",
|
|
|
+ prop: "voyageNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "MB/L NO",
|
|
|
+ prop: "mblno",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "HB/L NO",
|
|
|
+ prop: "hblno",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "财务开始日期",
|
|
|
+ prop: "accountDateFrom",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "财务结束日期",
|
|
|
+ prop: "accountDateTo",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "审核开始日期",
|
|
|
+ prop: "auditDateFrom",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "审核结束日期",
|
|
|
+ prop: "auditDateTo",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "发票号",
|
|
|
+ prop: "invoiceNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "检验检疫 NO",
|
|
|
+ prop: "iqNo",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "费用中文名称",
|
|
|
+ prop: "feeCode",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "费用中文名称",
|
|
|
+ prop: "feeCnName",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "费用英文名称",
|
|
|
+ prop: "feeEnName",
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "是否审核",
|
|
|
+ prop: "isApproved",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "是否签收",
|
|
|
+ prop: "isSignfor",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "是否对账",
|
|
|
+ prop: "isChecked",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "是否销账",
|
|
|
+ prop: "isCleared",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "是否开发票",
|
|
|
+ prop: "isInvoice",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "是否含税价计算",
|
|
|
+ prop: "isTax",
|
|
|
+ dicData:[],
|
|
|
+ props: {
|
|
|
+ label: "dictValue",
|
|
|
+ value: "dictKey"
|
|
|
+ },
|
|
|
+ width: "140"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "凭证类型",
|
|
|
+ prop: "voucherType",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "凭证号",
|
|
|
+ prop: "voucherNo",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "凭证日期",
|
|
|
+ prop: "voucherDate",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "本位币应收(CNY)",
|
|
|
+ prop: "amountDr",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "本位币应付(CNY)",
|
|
|
+ prop: "amountCr",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "综合 USD 应收(USD) - 非 USD 外币转换为 USD",
|
|
|
+ prop: "amountDrUsd",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "综合 USD 应付(USD) - 非 USD 外币转换为 USD",
|
|
|
+ prop: "amountCrUsd",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "合计本位币应收(CNY )",
|
|
|
+ prop: "amountDrLoc",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "合计本位币应付(CNY)",
|
|
|
+ prop: "amountCrLoc",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "本位币税后应收(CNY)",
|
|
|
+ prop: "amountDrNet",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "本位币税后应付(CNY)",
|
|
|
+ prop: "amountCrNet",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "综合 USD 税后应收(USD) - 非 USD 外币转换为 USD",
|
|
|
+ prop: "amountDrUsdNet",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "综合 USD 税后应付(USD) - 非 USD 外币转换为 USD",
|
|
|
+ prop: "amountCrUsdNet",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "合计本位币税后应收(CNY )",
|
|
|
+ prop: "amountDrLocNet",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "合计本位币税后应付(CNY)",
|
|
|
+ prop: "amountCrLocNet",
|
|
|
+ width: "160"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "备注",
|
|
|
+ prop: "remarks",
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ data: [],
|
|
|
+ editSave:false, // 编辑保存打印状态
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["permission"]),
|
|
|
+ permissionList() {
|
|
|
+ return {
|
|
|
+ addBtn: this.vaildData(this.permission.finstlbills_add, false),
|
|
|
+ viewBtn: this.vaildData(this.permission.finstlbills_view, false),
|
|
|
+ delBtn: this.vaildData(this.permission.finstlbills_delete, false),
|
|
|
+ editBtn: this.vaildData(this.permission.finstlbills_edit, false)
|
|
|
+ };
|
|
|
+ },
|
|
|
+ ids() {
|
|
|
+ let ids = [];
|
|
|
+ this.selectionList.forEach(ele => {
|
|
|
+ ids.push(ele.id);
|
|
|
+ });
|
|
|
+ return ids.join(",");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async created() {
|
|
|
+ this.option = await this.getColumnData(this.getColumnName(314), this.optionBack);
|
|
|
+ this.dictionaryfun() // 获取字典数据
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 展开行
|
|
|
+ expandChange(row,expendList){
|
|
|
+ finstlbillsitemsList(1,20,{pid:row.id}).then(res=>{
|
|
|
+ row.finStlBillsItemsList = res.data.data.records
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 新建账单
|
|
|
+ newbillFun(){
|
|
|
+ this.isShow = false
|
|
|
+ this.editSave = false
|
|
|
+ // this.$refs.finstlbillsDetails
|
|
|
+ },
|
|
|
+ // 编辑
|
|
|
+ editFun(row) {
|
|
|
+ this.isShow = false
|
|
|
+ this.editSave = true
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ this.$refs.finstlbillsDetails.finstlbillsDetailfun(row.id)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 详情的返回列表
|
|
|
+ goBack() {
|
|
|
+ // 初始化数据
|
|
|
+ // this.detailData = this.$options.data().detailData;
|
|
|
+ if (JSON.stringify(this.$route.query) != "{}") {
|
|
|
+ this.$router.$avueRouter.closeTag();
|
|
|
+ this.$router.push({
|
|
|
+ path: "/iosBasicData/finstlbills/index"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.isShow = true;
|
|
|
+ this.onLoad(this.page, this.search);
|
|
|
+ },
|
|
|
+ // 添加
|
|
|
+ rowSave(row, done, loading) {
|
|
|
+ finstlbillsSubmit(row).then(() => {
|
|
|
+ this.onLoad(this.page);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
+ done();
|
|
|
+ }, error => {
|
|
|
+ loading();
|
|
|
+ window.console.log(error);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 保存
|
|
|
+ rowUpdate(row, index, done, loading) {
|
|
|
+ finstlbillsSubmit(row).then(() => {
|
|
|
+ this.onLoad(this.page);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
+ done();
|
|
|
+ }, error => {
|
|
|
+ loading();
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 删除
|
|
|
+ rowDel(row) {
|
|
|
+ this.$confirm("确定将选择数据删除?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return finstlbillsRemove(row.id);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.onLoad(this.page);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 批量删除
|
|
|
+ handleDelete() {
|
|
|
+ if (this.selectionList.length === 0) {
|
|
|
+ this.$message.warning("请选择至少一条数据");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.$confirm("确定将选择数据删除?", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ return finstlbillsRemove(this.ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.onLoad(this.page);
|
|
|
+ this.$message({
|
|
|
+ type: "success",
|
|
|
+ message: "操作成功!"
|
|
|
+ });
|
|
|
+ this.$refs.crud.toggleSelection();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 详情
|
|
|
+ beforeOpen(done, type) {
|
|
|
+ if (["edit", "view"].includes(type)) {
|
|
|
+ finstlbillsDetail(this.form.id).then(res => {
|
|
|
+ this.form = res.data.data;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ searchReset() {
|
|
|
+ this.query = {};
|
|
|
+ this.onLoad(this.page);
|
|
|
+ },
|
|
|
+ searchChange(params, done) {
|
|
|
+ this.query = params;
|
|
|
+ this.page.currentPage = 1;
|
|
|
+ this.onLoad(this.page, params);
|
|
|
+ done();
|
|
|
+ },
|
|
|
+ selectionChange(list) {
|
|
|
+ this.selectionList = list;
|
|
|
+ },
|
|
|
+ selectionClear() {
|
|
|
+ this.selectionList = [];
|
|
|
+ this.$refs.crud.toggleSelection();
|
|
|
+ },
|
|
|
+ currentChange(currentPage){
|
|
|
+ this.page.currentPage = currentPage;
|
|
|
+ },
|
|
|
+ sizeChange(pageSize){
|
|
|
+ this.page.pageSize = pageSize;
|
|
|
+ },
|
|
|
+ refreshChange() {
|
|
|
+ this.onLoad(this.page, this.query);
|
|
|
+ },
|
|
|
+ onLoad(page, params = {}) {
|
|
|
+ this.loading = true;
|
|
|
+ finstlbillsList(
|
|
|
+ page.currentPage,
|
|
|
+ page.pageSize,
|
|
|
+ {...Object.assign(params, this.query),businessType:'STL'},
|
|
|
+ ).then(res => {
|
|
|
+ const data = res.data.data;
|
|
|
+ this.page.total = data.total;
|
|
|
+ this.data = data.records.map(item=>{
|
|
|
+ item.isApproved = item.isApproved + ''
|
|
|
+ item.isSignfor = item.isSignfor + ''
|
|
|
+ item.isChecked = item.isChecked + ''
|
|
|
+ item.isCleared = item.isCleared + ''
|
|
|
+ item.isInvoice = item.isInvoice + ''
|
|
|
+ item.isTax = item.isTax + ''
|
|
|
+ item.corpIsSigned = item.corpIsSigned + ''
|
|
|
+ return item
|
|
|
+ })
|
|
|
+ this.loading = false;
|
|
|
+ this.selectionClear();
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+ // 获取字典数据
|
|
|
+ dictionaryfun(){
|
|
|
+ // 全部是否
|
|
|
+ getWorkDicts('ifInvoice').then(res=>{
|
|
|
+ this.findObject(this.option.column, "isApproved").dicData = res.data.data
|
|
|
+ this.findObject(this.option.column, "isSignfor").dicData = res.data.data
|
|
|
+ this.findObject(this.option.column, "isChecked").dicData = res.data.data
|
|
|
+ this.findObject(this.option.column, "isCleared").dicData = res.data.data
|
|
|
+ })
|
|
|
+ // 是否开发票
|
|
|
+ getWorkDicts('invoice_los').then(res=>{
|
|
|
+ this.findObject(this.option.column, "isInvoice").dicData = res.data.data
|
|
|
+ })
|
|
|
+ // 是否
|
|
|
+ getWorkDicts('ifInvoice').then(res=>{
|
|
|
+ this.findObject(this.option.column, "corpIsSigned").dicData = res.data.data
|
|
|
+ this.findObject(this.option.column, "isTax").dicData = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ //自定义列保存
|
|
|
+ async saveColumnTwo(ref, option, optionBack, code) {
|
|
|
+ /**
|
|
|
+ * 已定义全局方法，直接使用，saveColumnData保存列数据方法,参数传值(表格名称，当前表格的option数据)
|
|
|
+ * 已定义全局方法，直接使用，getColumnName方法用来获取枚举值，参数根据自己定义的code值获取中文名
|
|
|
+ * 一定要执行异步操作，要等接口成功返回，才能执行下一行代码
|
|
|
+ */
|
|
|
+ const inSave = await this.saveColumnData(this.getColumnName(code), this[option]);
|
|
|
+ if (inSave) {
|
|
|
+ this.$message.success("保存成功");
|
|
|
+ //关闭窗口
|
|
|
+ this.$refs[ref].$refs.dialogColumn.columnBox = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //自定义列重置
|
|
|
+ async resetColumnTwo(ref, option, optionBack, code) {
|
|
|
+ this[option] = this[optionBack];
|
|
|
+ const inSave = await this.delColumnData(this.getColumnName(code), this[optionBack]);
|
|
|
+ if (inSave) {
|
|
|
+ this.$message.success("重置成功");
|
|
|
+ this.$refs[ref].$refs.dialogColumn.columnBox = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ // 更改表格颜色
|
|
|
+ headerClassName(tab) {
|
|
|
+ //颜色间隔
|
|
|
+ let back = ""
|
|
|
+ if (tab.columnIndex >= 0 && tab.column.level === 1) {
|
|
|
+ if (tab.columnIndex % 2 === 0) {
|
|
|
+ back = "back-one"
|
|
|
+ } else if (tab.columnIndex % 2 === 1) {
|
|
|
+ back = "back-two"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return back;
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+::v-deep#out-table .back-one {
|
|
|
+ background: #ecf5ff !important;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep#out-table .back-two {
|
|
|
+ background: #ecf5ff !important;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+</style>
|
caojunjie