|
@@ -18,6 +18,11 @@
|
|
|
<div class="expenseMobileinfo-group-date">起止日期:{{chuli(GroupInfo.visitStartDate)}}~{{chuli(GroupInfo.visitEndDate)}}</div>
|
|
|
<div class="expenseMobileinfo-group-day">天数/人数:{{GroupInfo.visitDays}}天 / {{GroupInfo.visitPNumber}}人</div>
|
|
|
</div>
|
|
|
+ <div class="expenseMobileinfo-group-btn">
|
|
|
+ <el-button @click="PostAuditGrpCreditCardPayment(1)" size="mini" type="primary">通过</el-button>
|
|
|
+ <el-button @click="PostAuditGrpCreditCardPayment(2)" size="mini" type="danger">驳回</el-button>
|
|
|
+ <el-button @click="PostAuditGrpCreditCardPayment(2)" size="mini" type="warning">取消通过</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="expenseMobileinfo-content">
|
|
|
<div class="expenseMobileinfo-menu">
|
|
@@ -25,6 +30,9 @@
|
|
|
</div>
|
|
|
<div class="expenseMobileinfo-list">
|
|
|
<div v-for="(items,index) in tabledata" :key="index" class="expenseMobileinfo-list-card">
|
|
|
+ <el-checkbox-group @change="lookformtype" v-model="formtype">
|
|
|
+ <el-checkbox :label="items.id"></el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
<div class="ex-card-name">费用名称:<span @click="expensedetail(items.priceMsgContent)" style="color: #409eff;text-decoration-line:underline">{{items.priceNameContent}}</span></div>
|
|
|
<div class="ex-card-module">费用模块:{{items.priceName}}</div>
|
|
|
<div v-if="thisID==79" class="ex-card-copewith">Bus名称:{{items.busName}}</div>
|
|
@@ -59,7 +67,9 @@ export default {
|
|
|
fullscreenLoading:false,
|
|
|
thisID:0,
|
|
|
fymx:'',
|
|
|
- fymxVisible:false
|
|
|
+ fymxVisible:false,
|
|
|
+ formtype:[],
|
|
|
+ formtypestring:"",
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -80,12 +90,8 @@ export default {
|
|
|
Authorization: 'Bearer ' + that.token
|
|
|
},
|
|
|
}).then(function (res) {
|
|
|
- console.log(res);
|
|
|
if (res.data.code == 200) {
|
|
|
that.classify=res.data.data;
|
|
|
- // that.classify = that.classify.filter(function(item) {
|
|
|
- // return item.name !== "文档下载"
|
|
|
- // });
|
|
|
setTimeout(function () {
|
|
|
that.thisID=that.classify[0].id;
|
|
|
that.menuliclick(that.thisID,0)
|
|
@@ -119,8 +125,9 @@ export default {
|
|
|
},
|
|
|
//menu-li click
|
|
|
menuliclick(id,index){
|
|
|
+ this.formtype=[];
|
|
|
this.tabledata=[];
|
|
|
- this.thisID=id
|
|
|
+ this.thisID=id;
|
|
|
var boxes = document.getElementsByClassName('expenseMobileinfo-menu-li');
|
|
|
for(let i=0;i<boxes.length;i++){
|
|
|
boxes[index].style.backgroundColor="#ede8e8";
|
|
@@ -203,12 +210,61 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ //多选审批
|
|
|
+ PostAuditGrpCreditCardPayment(val) {
|
|
|
+ if(this.formtypestring==""){
|
|
|
+ this.$message({
|
|
|
+ message: "未勾选费用",
|
|
|
+ type: 'warning',
|
|
|
+ offset: 50
|
|
|
+ });
|
|
|
+ return
|
|
|
+ }
|
|
|
+ var url = "/api/Groups/PostAuditGrpCreditCardPayment"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ portType:1,
|
|
|
+ userId:21,
|
|
|
+ pageId:47,
|
|
|
+ CreditIdStr: that.formtypestring,
|
|
|
+ auditCode: val,//1审核通过,2审核未通过
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.formtype=[],
|
|
|
+ that.$message({
|
|
|
+ message: res.data.msg,
|
|
|
+ type: 'success',
|
|
|
+ offset: 50
|
|
|
+ });
|
|
|
+ that.getPostSearchGrpCreditCardPayment(that.thisID);
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message: res.data.msg,
|
|
|
+ type: 'warning',
|
|
|
+ offset: 50
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
//费用明细
|
|
|
expensedetail(val){
|
|
|
this.fymxVisible=true;
|
|
|
this.fymx=val;
|
|
|
},
|
|
|
-
|
|
|
+ lookformtype(){
|
|
|
+ this.formtypestring='';
|
|
|
+ for (var i = 0; i < this.formtype.length; i++) {
|
|
|
+ this.formtypestring += this.formtype[i] + ','
|
|
|
+ }
|
|
|
+ this.formtypestring = this.formtypestring.substring(0, this.formtypestring.length - 1)
|
|
|
+ }
|
|
|
},
|
|
|
mounted(){
|
|
|
this.diid = this.$route.query.id;
|
|
@@ -309,4 +365,10 @@ export default {
|
|
|
.expenseMobileinfo-all .dialog-title{
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
+.expenseMobileinfo-list .el-checkbox__label{
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+.expenseMobileinfo-group-btn{
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
</style>
|