This commit is contained in:
DESKTOP-369JRHT\12997 2024-09-29 15:30:09 +08:00
parent 1e770c2003
commit 467fb91019
2 changed files with 128 additions and 224 deletions

View File

@ -340,13 +340,13 @@ export default {
.gangs{
width: 100%;
height: 5px;
background: #00aaff;
background: #ff9c5a;
border-radius: 50px;
}
.box-left{
width: 50%;
height: 100%;
background: #00aaff;
background-image: url("../assets/images/loginleft.png");
background-size: cover;
background-repeat: no-repeat;

View File

@ -2,11 +2,7 @@
<template>
<div class="app-center">
<!-- 查询-->
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>挂账</span>
</div>
<div class="top_new">
<el-form :model="queryParams2" ref="queryForm" size="small" :inline="true" label-width="80px">
<el-form-item label="" prop="unitName">
<el-input
@ -64,16 +60,12 @@
<el-form-item style="float: right">
<el-button type="primary" icon="el-icon-search" @click="handleQuery1">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery1">重置</el-button>
<el-button type="primary" size="mini" @click="addUnit">新增挂账单位</el-button>
</el-form-item>
</el-form>
</el-card>
<!-- 统计-->
<el-card class="box-card">
<div slot="header" class="clearfix">
<span>统计</span>
</div>
<!-- 统计-->
<div class="top_news">
<div class="box-gang">
<div class="box">
<div class="size-bole">{{ total3 }}</div>
@ -136,17 +128,6 @@
<!-- <div class="size-bole">{{ noReturnAllAmount }}</div>-->
<!-- </div>-->
<!-- </div>-->
</el-card>
<!-- 挂账列表-->
<el-card class="box-card">
<div class="wgang">
<div>列表</div>
<div style="display: flex ">
<el-button type="primary" size="mini" @click="addUnit">新增挂账单位</el-button>
<!-- <el-button type="success" size="mini" @click="batchReturn">批量挂账归还</el-button>-->
</div>
</div>
<div class="table-box">
<el-table
:data="creditUnitList"
@ -257,110 +238,11 @@
@current-change="getList">
</el-pagination>
</div>
</el-card>
<!--&lt;!&ndash; 挂账列表&ndash;&gt;-->
<!-- <el-card class="box-card">-->
<!-- <div class="wgang">-->
<!-- <div>列表</div>-->
<!-- <div style="display: flex ">-->
<!-- <el-button type="primary" size="mini" @click="addRecord">新增挂账记录</el-button>-->
<!-- <el-button type="success" size="mini" @click="batchReturn">批量挂账归还</el-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="table-box">-->
<!-- <el-table-->
<!-- :data="hangBillList"-->
<!-- style="width: 100%">-->
<!-- <el-table-column type="expand">-->
<!-- <template slot-scope="props">-->
<!-- <el-form label-position="left" style="margin-left: 20px" inline class="demo-table-expand">-->
<!-- <el-form-item label="操作人手机号">-->
<!-- <span>{{ props.row.mobile }}</span>-->
<!-- </el-form-item><br/>-->
<!-- <el-form-item label="更新时间">-->
<!-- <span>{{ props.row.updateTime ? props.row.updateTime:"&#45;&#45;" }}</span>-->
<!-- </el-form-item><br/>-->
<!-- <el-form-item label="单据备注">-->
<!-- <span>{{ props.row.remark ? props.row.remark:"&#45;&#45;" }}</span>-->
<!-- </el-form-item><br/>-->
<!-- <el-form-item label="单据金额">-->
<!-- <span>{{ props.row.amount ? props.row.amount:"0" }}</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="已还金额">-->
<!-- <span>{{ props.row.repaidAmount ? props.row.repaidAmount:"0" }}</span>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="未还金额">-->
<!-- <span>{{ props.row.outstandAmount ? props.row.outstandAmount:"0" }}</span>-->
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="orderNo" align="center" label="单据号" width="220"></el-table-column>-->
<!-- <el-table-column align="center" label="挂账单位">-->
<!-- <el-table-column prop="unitName" align="center" label="单位名称"> </el-table-column>-->
<!-- <el-table-column prop="personCredit" align="center" label="挂账人"> </el-table-column>-->
<!-- <el-table-column prop="contactMobile" align="center" label="联系电话"> </el-table-column>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="记录明细" align="center">-->
<!-- <el-table-column prop="returnType" align="center" label="类型">-->
<!-- <template slot-scope="scope">-->
<!-- <el-tag v-if="scope.row.returnType == 0">挂账</el-tag>-->
<!-- <el-tag v-else type="success">归还</el-tag>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="amount" align="center" label="金额"> </el-table-column>-->
<!-- <el-table-column prop="status" align="center" label="状态">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-if="scope.row.status == 0">未归还</span>-->
<!-- <span v-else-if="scope.row.status == 1" type="success">已归还</span>-->
<!-- <span v-else type="success">部分归还</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="outstandAmount" align="center" label="未归还金额"> </el-table-column>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="realName" align="center" label="操作人"> </el-table-column>-->
<!-- <el-table-column prop="createTime" align="center" label="创建时间" width="220">-->
<!-- <template slot-scope="scope">-->
<!-- <span>{{ parseTime(scope.row.createTime) }}</span>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
<!-- <template slot-scope="scope">-->
<!--&lt;!&ndash; <el-button&ndash;&gt;-->
<!--&lt;!&ndash; size="mini"&ndash;&gt;-->
<!--&lt;!&ndash; type="text"&ndash;&gt;-->
<!--&lt;!&ndash; icon="el-icon-edit"&ndash;&gt;-->
<!--&lt;!&ndash; >修改</el-button>&ndash;&gt;-->
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- :disabled="scope.row.status == 1"-->
<!-- @click="repay(scope.row.id)"-->
<!-- >归还</el-button>-->
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- @click="returnRecord(scope.row.id)"-->
<!-- >归还详情</el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</div>
<!-- </el-table>-->
<!-- </div>-->
<!-- <div class="pagination-box">-->
<!-- <el-pagination-->
<!-- background-->
<!-- layout="prev, pager, next"-->
<!-- v-show="total>0"-->
<!-- :total="total"-->
<!-- :page.sync="queryParams.page"-->
<!-- :limit.sync="queryParams.pageSize"-->
<!-- @current-change="getList">-->
<!-- </el-pagination>-->
<!-- </div>-->
<!-- </el-card>-->
<!-- 归还记录信息-->
<el-drawer
title="归还详情"
:visible.sync="drawer"
@ -1721,7 +1603,7 @@ import {getLodop} from "@/api/LodopFuncs";
border: 1px solid #fe8c4a;
}
.el-form--inline .el-form-item {
margin-right: 44px;
margin-right: 25px !important;
}
.size-hui{
display: flex;
@ -1798,4 +1680,26 @@ import {getLodop} from "@/api/LodopFuncs";
border-radius: 6px 6px 6px 6px;
border: 1px solid #FF9655;
}
.top_new{
display: flex;
justify-content: space-between;
background: #fff;
width: 98%;
margin: 10px auto;
border-radius: 8px;
box-sizing: border-box;
padding: 15px;
margin-bottom: 10px;
}
.top_news{
background: #fff;
width: 98%;
margin: 10px auto;
border-radius: 8px;
box-sizing: border-box;
padding: 15px;
margin-bottom: 10px;
}
</style>