|  | @@ -0,0 +1,262 @@
 | 
	
		
			
				|  |  | +<template>
 | 
	
		
			
				|  |  | +  <basic-container>
 | 
	
		
			
				|  |  | +    <avue-crud :option="option"
 | 
	
		
			
				|  |  | +               :table-loading="loading"
 | 
	
		
			
				|  |  | +               :data="data"
 | 
	
		
			
				|  |  | +               :page.sync="page"
 | 
	
		
			
				|  |  | +               :permission="permissionList"
 | 
	
		
			
				|  |  | +               :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"
 | 
	
		
			
				|  |  | +               @on-load="onLoad">
 | 
	
		
			
				|  |  | +      <template slot="menuLeft">
 | 
	
		
			
				|  |  | +        <el-button type="danger"
 | 
	
		
			
				|  |  | +                   size="small"
 | 
	
		
			
				|  |  | +                   icon="el-icon-delete"
 | 
	
		
			
				|  |  | +                   plain
 | 
	
		
			
				|  |  | +                   v-if="permission.fingenleg_delete"
 | 
	
		
			
				|  |  | +                   @click="handleDelete">删 除
 | 
	
		
			
				|  |  | +        </el-button>
 | 
	
		
			
				|  |  | +      </template>
 | 
	
		
			
				|  |  | +    </avue-crud>
 | 
	
		
			
				|  |  | +  </basic-container>
 | 
	
		
			
				|  |  | +</template>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<script>
 | 
	
		
			
				|  |  | +  import {fingenlegList, fingenlegDetail, fingenlegSubmit, fingenlegRemove} from "@/api/iosBasicData/fingenleg";
 | 
	
		
			
				|  |  | +  import {mapGetters} from "vuex";
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +  export default {
 | 
	
		
			
				|  |  | +    data() {
 | 
	
		
			
				|  |  | +      return {
 | 
	
		
			
				|  |  | +        form: {},
 | 
	
		
			
				|  |  | +        query: {},
 | 
	
		
			
				|  |  | +        loading: true,
 | 
	
		
			
				|  |  | +        page: {
 | 
	
		
			
				|  |  | +          pageSize: 10,
 | 
	
		
			
				|  |  | +          currentPage: 1,
 | 
	
		
			
				|  |  | +          total: 0
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        selectionList: [],
 | 
	
		
			
				|  |  | +        option: {
 | 
	
		
			
				|  |  | +          height:'auto',
 | 
	
		
			
				|  |  | +          calcHeight: 30,
 | 
	
		
			
				|  |  | +          tip: false,
 | 
	
		
			
				|  |  | +          searchShow: true,
 | 
	
		
			
				|  |  | +          searchMenuSpan: 6,
 | 
	
		
			
				|  |  | +          border: true,
 | 
	
		
			
				|  |  | +          index: true,
 | 
	
		
			
				|  |  | +          viewBtn: true,
 | 
	
		
			
				|  |  | +          selection: true,
 | 
	
		
			
				|  |  | +          dialogClickModal: false,
 | 
	
		
			
				|  |  | +          column: [
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "年",
 | 
	
		
			
				|  |  | +              prop: "accyear",
 | 
	
		
			
				|  |  | +                width:'50',
 | 
	
		
			
				|  |  | +              overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "月",
 | 
	
		
			
				|  |  | +              prop: "accmonth",
 | 
	
		
			
				|  |  | +              overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "科目代码",
 | 
	
		
			
				|  |  | +              prop: "accCode",
 | 
	
		
			
				|  |  | +              overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "全称",
 | 
	
		
			
				|  |  | +              prop: "fullName",
 | 
	
		
			
				|  |  | +              overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +                label: "方向",
 | 
	
		
			
				|  |  | +                prop: "dc",
 | 
	
		
			
				|  |  | +                type: 'select',
 | 
	
		
			
				|  |  | +                dicData:[
 | 
	
		
			
				|  |  | +                    {
 | 
	
		
			
				|  |  | +                        label:'借方',
 | 
	
		
			
				|  |  | +                        value:'D'
 | 
	
		
			
				|  |  | +                    },{
 | 
	
		
			
				|  |  | +                        label:'贷方',
 | 
	
		
			
				|  |  | +                        value:'C'
 | 
	
		
			
				|  |  | +                    },
 | 
	
		
			
				|  |  | +                ],
 | 
	
		
			
				|  |  | +                overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "摘要",
 | 
	
		
			
				|  |  | +              prop: "descr",
 | 
	
		
			
				|  |  | +                overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "币种",
 | 
	
		
			
				|  |  | +              prop: "curCode",
 | 
	
		
			
				|  |  | +              overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "本期借方金额",
 | 
	
		
			
				|  |  | +              prop: "amountDr",
 | 
	
		
			
				|  |  | +                overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "本期贷方金额",
 | 
	
		
			
				|  |  | +              prop: "amountCr",
 | 
	
		
			
				|  |  | +                overHidden:true,
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            {
 | 
	
		
			
				|  |  | +              label: "本期余额",
 | 
	
		
			
				|  |  | +              prop: "amountBlc",
 | 
	
		
			
				|  |  | +                overHidden:true,
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +          ]
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  | +        data: []
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    computed: {
 | 
	
		
			
				|  |  | +      ...mapGetters(["permission"]),
 | 
	
		
			
				|  |  | +      permissionList() {
 | 
	
		
			
				|  |  | +        return {
 | 
	
		
			
				|  |  | +          addBtn: this.vaildData(this.permission.fingenleg_add, false),
 | 
	
		
			
				|  |  | +          viewBtn: this.vaildData(this.permission.fingenleg_view, false),
 | 
	
		
			
				|  |  | +          delBtn: this.vaildData(this.permission.fingenleg_delete, false),
 | 
	
		
			
				|  |  | +          editBtn: this.vaildData(this.permission.fingenleg_edit, false)
 | 
	
		
			
				|  |  | +        };
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      ids() {
 | 
	
		
			
				|  |  | +        let ids = [];
 | 
	
		
			
				|  |  | +        this.selectionList.forEach(ele => {
 | 
	
		
			
				|  |  | +          ids.push(ele.id);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +        return ids.join(",");
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    methods: {
 | 
	
		
			
				|  |  | +      rowSave(row, done, loading) {
 | 
	
		
			
				|  |  | +        fingenlegSubmit(row).then(() => {
 | 
	
		
			
				|  |  | +          this.onLoad(this.page);
 | 
	
		
			
				|  |  | +          this.$message({
 | 
	
		
			
				|  |  | +            type: "success",
 | 
	
		
			
				|  |  | +            message: "操作成功!"
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +          done();
 | 
	
		
			
				|  |  | +        }, error => {
 | 
	
		
			
				|  |  | +          loading();
 | 
	
		
			
				|  |  | +          window.console.log(error);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      rowUpdate(row, index, done, loading) {
 | 
	
		
			
				|  |  | +        fingenlegSubmit(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 fingenlegRemove(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 fingenlegRemove(this.ids);
 | 
	
		
			
				|  |  | +          })
 | 
	
		
			
				|  |  | +          .then(() => {
 | 
	
		
			
				|  |  | +            this.onLoad(this.page);
 | 
	
		
			
				|  |  | +            this.$message({
 | 
	
		
			
				|  |  | +              type: "success",
 | 
	
		
			
				|  |  | +              message: "操作成功!"
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +            this.$refs.crud.toggleSelection();
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +      },
 | 
	
		
			
				|  |  | +      beforeOpen(done, type) {
 | 
	
		
			
				|  |  | +        if (["edit", "view"].includes(type)) {
 | 
	
		
			
				|  |  | +          fingenlegDetail(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;
 | 
	
		
			
				|  |  | +        fingenlegList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
 | 
	
		
			
				|  |  | +          const data = res.data.data;
 | 
	
		
			
				|  |  | +          this.page.total = data.total;
 | 
	
		
			
				|  |  | +          this.data = data.records;
 | 
	
		
			
				|  |  | +          this.loading = false;
 | 
	
		
			
				|  |  | +          this.selectionClear();
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +  };
 | 
	
		
			
				|  |  | +</script>
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +<style>
 | 
	
		
			
				|  |  | +</style>
 |