|
|
@@ -0,0 +1,347 @@
|
|
|
+<template>
|
|
|
+ <div class="visa-box">
|
|
|
+ <div class="search-ul">
|
|
|
+ <div class="search-li">
|
|
|
+ <div class="feeType-box">
|
|
|
+ <label>费用类型: </label>
|
|
|
+ <el-select filterable placeholder="请输入费用类型">
|
|
|
+ <el-option
|
|
|
+ v-for="item in GMAudit"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.groupName"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="feeType-box">
|
|
|
+ <label>费用子类型: </label>
|
|
|
+ <el-select filterable placeholder="请输入费用子类型">
|
|
|
+ <el-option
|
|
|
+ v-for="item in GMAudit"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="feeType-box">
|
|
|
+ <label>财务审核: </label>
|
|
|
+ <el-select v-model="financialValue" filterable placeholder="请输入财务审核状态">
|
|
|
+ <el-option
|
|
|
+ v-for="item in financialAudit"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="feeType-box">
|
|
|
+ <label>总经理审核: </label>
|
|
|
+ <el-select v-model="GMValue" filterable placeholder="请输入总经理审核状态">
|
|
|
+ <el-option
|
|
|
+ v-for="item in GMAudit"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="feeType-box">
|
|
|
+ <label>申请说明:</label>
|
|
|
+ <el-input v-model="formInline.feeDesc" placeholder="申请说明"></el-input>
|
|
|
+ </div> -->
|
|
|
+ <div class="feeType-box">
|
|
|
+ <label>申请人: </label>
|
|
|
+ <el-select v-model="GMValue" filterable placeholder="请输入申请人">
|
|
|
+ <el-option
|
|
|
+ v-for="item in GMAudit"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="search-li">
|
|
|
+ <el-button type="primary">查询</el-button>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <el-row>
|
|
|
+ <el-button type="primary">导出费用</el-button>
|
|
|
+ <el-button type="primary">批量生成</el-button>
|
|
|
+ <el-button type="primary">新增数据</el-button>
|
|
|
+ </el-row>
|
|
|
+ <div class="form-box">
|
|
|
+ <template>
|
|
|
+ <el-table
|
|
|
+ :data="tableData.slice((currentPage-1)*pageSize,currentPage*pageSize)"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="rouNumber"
|
|
|
+ label="序 号"
|
|
|
+ width="55">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{(currentPage - 1) * pageSize + scope.$index + 1}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="companyName"
|
|
|
+ width="200"
|
|
|
+ label="公 司">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="instructions"
|
|
|
+ label="费用描述"
|
|
|
+ width="220">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="sumPrice"
|
|
|
+ :formatter="numFilter"
|
|
|
+ label="费用总计"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="createUser"
|
|
|
+ label="申请人"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="createTime"
|
|
|
+ label="申请时间"
|
|
|
+ width="150">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="fAuditDesc"
|
|
|
+ label="财务审核"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="mAuditDesc"
|
|
|
+ label="总经理审核"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="Id"
|
|
|
+ label="操 作">
|
|
|
+ <el-link type="primary">生成</el-link>
|
|
|
+ <el-link type="primary">详细</el-link>
|
|
|
+ <el-link type="danger">删除</el-link>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </template>
|
|
|
+ <div class="block">
|
|
|
+ <el-pagination align='center'
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-sizes="[5,10,15,20]"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next"
|
|
|
+ :total="tableDataLength">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ input: '',
|
|
|
+ financialValue:"-1",
|
|
|
+ financialAudit:[
|
|
|
+ {
|
|
|
+ value: '-1',
|
|
|
+ label: '全部'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '0',
|
|
|
+ label: '未审核'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '已通过'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '未通过'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ GMValue:"-1",
|
|
|
+ GMAudit:[
|
|
|
+ {
|
|
|
+ value: '-1',
|
|
|
+ label: '全部'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '0',
|
|
|
+ label: '未审核'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '已通过'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '未通过'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ formInline:{
|
|
|
+ feeDesc:""
|
|
|
+ },
|
|
|
+ tableData: [],
|
|
|
+ tableDataLength: 0, // 数据总条数
|
|
|
+ currentPage: 1, // 当前页码
|
|
|
+ pageSize: 5 , // 每页的数据条数
|
|
|
+ currentPageUser: 1, // 当前页码
|
|
|
+ pageSizeUser: 5 , // 每页的数据条数
|
|
|
+ multipleTable:[],
|
|
|
+ token:''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ //每页条数改变时触发 选择一页显示多少行
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.pageSize = val;
|
|
|
+ },
|
|
|
+ //当前页改变时触发 跳转其他页
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val;
|
|
|
+ },
|
|
|
+ //每页条数改变时触发 选择一页显示多少行
|
|
|
+ handleSizeChanges(val) {
|
|
|
+ this.currentPageUser = 1;
|
|
|
+ this.pageSizeUser = val;
|
|
|
+ },
|
|
|
+ //当前页改变时触发 跳转其他页
|
|
|
+ handleCurrentChanges(val) {
|
|
|
+ this.currentPageUser = val;
|
|
|
+ },
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.multipleSelection = val;
|
|
|
+ console.log(this.multipleSelection)
|
|
|
+ },
|
|
|
+ getRowKeys(row) {
|
|
|
+ return row.num
|
|
|
+ },
|
|
|
+ numFilter(row,column) {
|
|
|
+ return parseFloat(row[column.property]).toFixed(2);
|
|
|
+ },
|
|
|
+ async postPageDailyPaymentList() {
|
|
|
+ var url = "/api/Financial/PostPageDailyPaymentList"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ portType: 1,
|
|
|
+ pageIndex: that.currentPage,
|
|
|
+ pageSize: that.pageSize,
|
|
|
+ companyId: -1,
|
|
|
+ financialAuditStatus: -1,
|
|
|
+ managerAuditStatus: -1,
|
|
|
+ feeTypeId: -1,
|
|
|
+ feeSubTypeId: -1,
|
|
|
+ feeDesc: '',
|
|
|
+ createUserId: -1
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ console.log(res)
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.tableData = res.data.data;
|
|
|
+ that.tableDataLength = res.data.count;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.token = JSON.parse(localStorage.getItem('userinif')).token;
|
|
|
+ // this.getgroupsname();
|
|
|
+ this.postPageDailyPaymentList();
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ .visa-box{
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ box-shadow: 0 0 5px #0005;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ /*.search-li:nth-child(1){
|
|
|
+ width: 80%;
|
|
|
+ }*/
|
|
|
+
|
|
|
+ /*.search-li:nth-child(2){
|
|
|
+ width: 20%;
|
|
|
+ justify-content: end;
|
|
|
+ }*/
|
|
|
+ .search-ul{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .search-li label{
|
|
|
+ color: #606266;
|
|
|
+ }
|
|
|
+ .search-li{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .search-li>div{
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .form-box .el-table th.el-table__cell>.cell{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .form-box .el-table td.el-table__cell div{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .form-box .block{
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .visa-box .el-row{
|
|
|
+ text-align: right;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+ .visas-list{
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ box-shadow: 0 0 5px #0005;
|
|
|
+ border-radius: 10px;
|
|
|
+ }
|
|
|
+ .visas-title{
|
|
|
+ display: flex;
|
|
|
+ font-size: 17px;
|
|
|
+ font-weight:600 ;
|
|
|
+ color: #555;
|
|
|
+ margin-top: 8px;
|
|
|
+ margin-bottom: 2px;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .visas-box{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .visas-box>button{
|
|
|
+ margin-left: 10px;
|
|
|
+ padding: 8px 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .country-box{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .interpret-box{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+</style>
|
