|
|
@@ -0,0 +1,167 @@
|
|
|
+<template>
|
|
|
+ <div class="expenseMobile-all">
|
|
|
+ <div class="expenseMobile-top">
|
|
|
+ <div class="expenseMobile-title">日常付款申请</div>
|
|
|
+ <div class="expenseMobile-search">
|
|
|
+ <el-input style="width:85%;" placeholder="请输入内容" v-model="input3" class="input-with-select">
|
|
|
+ <el-button slot="append" icon="el-icon-search"></el-button>
|
|
|
+ </el-input>
|
|
|
+ <div style="width:15%;text-align: right;">
|
|
|
+ <i style="font-size:35px;" class="el-icon-s-operation"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="daily-box">
|
|
|
+ <div class="daily-card" v-for="(item,index) in tableData" :key="index">
|
|
|
+ <div class="card-description">费用描述：{{item.instructions}}</div>
|
|
|
+ <div class="card-date">申请时间：{{item.createTime}}</div>
|
|
|
+ <div class="card-expense">
|
|
|
+ <span>费用总计：{{townum(item.sumPrice)}}</span>
|
|
|
+ <span>申请人：{{item.createUser}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="card-btn">
|
|
|
+ <el-button size="mini">详情</el-button>
|
|
|
+ <el-button size="mini" type="primary">通过</el-button>
|
|
|
+ <el-button size="mini" type="danger">拒绝</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="expenseMobile-tabtn">
|
|
|
+ <div class="tabtn-box">
|
|
|
+ <div>
|
|
|
+ <div><i style="font-size:20px;" class="el-icon-goods"></i></div>
|
|
|
+ <div style="font-size:14px;">日常</div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div><i style="font-size:22px;" class="el-icon-s-goods"></i></div>
|
|
|
+ <div style="font-size:14px;">团组</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+export default {
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ tableData:[],
|
|
|
+ input3:'',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ //保留两位小数
|
|
|
+ townum(val){
|
|
|
+ return val.toFixed(2)
|
|
|
+ },
|
|
|
+ rpxTopx(){
|
|
|
+ document.getElement.style.fontSize=document.getElement.clientWidth/7.5+'px'
|
|
|
+ },
|
|
|
+ //获取两位小数
|
|
|
+ postPageDailyPaymentList() {
|
|
|
+ var url = "/api/Financial/PostPageSearchDailyPaymentList"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ portType: 1,
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ companyId: -1,
|
|
|
+ financialAuditStatus: -1,//财务审核
|
|
|
+ managerAuditStatus: -1, //总经理审核
|
|
|
+ feeTypeId: -1, //费用类型
|
|
|
+ feeSubTypeId: -1, //费用子类型
|
|
|
+ feeDesc: '', //描述
|
|
|
+ createUserId: -1, //申请人
|
|
|
+ isPaySign:-1 //是否支付
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.tableData = res.data.data.dataList;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ // this.rpxTopx()
|
|
|
+ this.postPageDailyPaymentList();
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+*{
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.expenseMobile-all{
|
|
|
+ background-color: #fff;
|
|
|
+ color: #555;
|
|
|
+}
|
|
|
+.daily-box{
|
|
|
+ padding: 8px;
|
|
|
+ padding-top: 93px;
|
|
|
+ padding-bottom: 65px;
|
|
|
+}
|
|
|
+.card-description{
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+.daily-card{
|
|
|
+ padding: 8px;
|
|
|
+ box-shadow: 0 0 10px #0005;
|
|
|
+ border-radius:5px ;
|
|
|
+ font-size: 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+.card-date{
|
|
|
+ margin: 5px 0;
|
|
|
+}
|
|
|
+.card-expense{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+.card-btn{
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+.expenseMobile-top{
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ background-color: #fff;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ border-bottom: 1px solid #ede8e8;
|
|
|
+}
|
|
|
+.expenseMobile-title{
|
|
|
+ margin: 10px;
|
|
|
+ margin-bottom:0px;
|
|
|
+}
|
|
|
+.expenseMobile-search{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+.expenseMobile-tabtn{
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ background-color: #fff;
|
|
|
+ width: 100%;
|
|
|
+ padding: 8px;
|
|
|
+ text-align: center;
|
|
|
+ border-top: 1px solid #ede8e8;
|
|
|
+}
|
|
|
+.tabtn-box{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.tabtn-box div{
|
|
|
+ width: 50%;
|
|
|
+}
|
|
|
+.tabtn-box div div{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+</style>
|
