<style scoped> .avatar-uploader .el-upload { border: 1px dashed #d9d9d9; border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .avatar-uploader .el-upload:hover { border-color: #409EFF; } .appmenumanage .avatar-uploader-icon { font-size: 28px; color: #8c939d; width: 50px; text-align: center; } .avatar { width: 50px; height: 50px; display: block; } table.companyalipay { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border: 1px solid #DCDFE6; border-collapse: collapse; } table.companyalipay th { border: 1px solid #ccc; padding: 8px; background-color: #dedede ; } table.companyalipay td { border: 1px solid #DCDFE6; padding: 8px; background-color: #ffffff; text-align:center; } .aliClass ._addUpload_box { display: initial; margin-top: 20px; width: 138px !important; } .aliClass ._addUpload_box>div { float: left; width: 100px; height: 92px; border-radius: 2px; cursor: pointer; padding: 5px; margin: 0 10px 10px 0; position: relative; } .aliClass ._addUpload_box .icon-guanbi1 { font-size: 12px; color: white; display: inline-block; margin-left: 15px; position: absolute; right: -6px; top: -9px; background-color: #f56c6c; border-radius: 50%; height: 20px; width: 20px; text-align: center; line-height: 20px; } .aliClass ._addUpload_box .icon-guanbi1:hover { font-size: 12px; color: #c94052; } /deep/.aliClass ._pic_upload .el-upload-dragger { width: 100px !important; height: 50px !important; } .TB-Title { float: left; position: relative; top: 10px; } .TB_comtitle { color: #333333; padding-left: 10px; height: 14px; line-height: 14px; font-size: 14px; border-left: 3px solid #e95252; margin-bottom: 20px; } .TeamBalancePayment .TB_PrintDiv { height: 40px; margin-top:20px; } .TeamAddBtn { float: right; margin-bottom: 10px; } </style> <template> <div class="flexOne appmenumanage" width="95%"> <div class="TB_comtitle TB-Title">{{$t('objFill.v101.LeaderManagement.yuangedfpxx')}}</div> <table class="companyalipay" style="width:100%;"> <tr style="width:100%;"> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.zhidumc')}}</th> <th style="width:10%;">制度描述</th> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.zhiduzt')}}</th> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.zhidyxqi')}}</th> <th style="width:10%;">{{$t('system.table_staffs')}}</th> <th style="width:10%;" v-if="IsEdit==1&&DataList.IsEndTCID==0">{{$t('system.table_operation')}}</th> </tr> <tr > <td>{{DataList.InstitutionName}}</td> <td> {{DataList.InstitutionDesc}} </td> <td> {{DataList.Effective==1?$t('fnc.qiyong'):$t('fnc.tingyong')}}</td> <td> {{DataList.EffectiveStartDate}}-{{DataList.EffectiveEndDate}} </td> <td> {{DataList.EmployeeName}} </td> <td v-if="IsEdit==1&&DataList.IsEndTCID==0"> <el-tooltip class="item" effect="dark" :content="$t('objFill.v101.LeaderManagement.xiugaizhid')" placement="top-start"> <el-button @click="AddMsgBaseInfo(DataList)" type="primary" icon="el-icon-edit" circle></el-button> </el-tooltip> <el-tooltip class="item" effect="dark" :content="$t('objFill.v101.LeaderManagement.xiugaiyuang')" placement="top-start"> <el-button @click="EditEmployee()" type="primary" icon="el-icon-user" circle></el-button> </el-tooltip> </td> </tr> </table> <div class="TB_comtitle TB-Title">{{$t('objFill.v101.LeaderManagement.yuangedfpxx')}}</div> <table class="companyalipay" style="width:100%;"> <tr style="width:100%;"> <th style="width:10%;">{{$t('system.table_staffs')}}</th> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.edudwy')}}</th> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.keyeddwy')}}</th> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.yiyjedwy')}}</th> <th style="width:10%;">{{$t('objFill.v101.LeaderManagement.suodjwdwy')}}</th> <th style="width:5%;">{{$t('objFill.v101.LeaderManagement.shifkyzz')}}</th> <th style="width:20%;">{{$t('objFill.v101.LeaderManagement.eduyxsj')}}</th> <th style="width:10%;" v-if="IsEdit==1&&DataList.IsEndTCID==0">{{$t('system.table_operation')}}</th> </tr> <template v-if="DataList.QuotaList&&DataList.QuotaList.length>0"> <tr v-for="(item,index) in DataList.QuotaList" :key="index"> <td>{{item.EmployeeName}}</td> <td> <template v-if="item.Id&&item.Id>0"> {{item.QuotaValue}}</template> </td> <td> <template v-if="item.Id&&item.Id>0"> {{item.QuotaAvailable}}</template> </td> <td> <template v-if="item.Id&&item.Id>0"> {{item.QuotaUsed}}</template> </td> <td> <template v-if="item.Id&&item.Id>0"> {{item.QuotaLocked}}</template> </td> <td> <template v-if="item.Id&&item.Id>0"> {{item.ShareMode==0?$t('pub.no'):''}}</template> </td> <td> <template v-if="item.Id&&item.Id>0"> {{item.EffectiveStartDate}}-{{item.EffectiveEndDate}}</template> </td> <td v-if="IsEdit==1&&DataList.IsEndTCID==0"> <template v-if="item.Id&&item.Id>0"> <el-tooltip class="item" effect="dark" :content="$t('pub.updateMsg')" placement="top-start"> <el-button @click="AddQuota(item)" type="primary" icon="el-icon-edit" circle></el-button> </el-tooltip> </template> <template v-else> <el-tooltip class="item" effect="dark" :content="$t('pub.addBtn')" placement="top-start"> <el-button @click="AddNewMsgQuota(item)" type="primary" icon="el-icon-edit" circle></el-button> </el-tooltip> </template> </td> </tr> </template> </table> <div class="TB_comtitle TB-Title">{{$t('hotel.hotel_Order')}}</div> <table class="companyalipay" style="width:100%;"> <tr style="width:100%;"> <th style="width:10%;">{{$t('fnc.danhao')}}</th> <th style="width:10%;">单据流程</th> <th style="width:10%;">{{$t('salesModule.CostType')}}</th> <th style="width:10%;" >{{$t('fnc.fkduixiang')}}</th> <th style="width:10%;">{{$t('tips.jiaoyifangshi')}}</th> <th style="width:10%;">{{$t('fnc.jine')}}</th> <th style="width:10%;">{{$t('fnc.jiaoyiriqi')}}</th> <th style="width:5%;">{{$t('fnc.zdrenyuan')}}</th> <th style="width:20%;">{{$t('fnc.shzhuangtai')}}</th> <th style="width:10%;" >当前审核人</th> </tr> <template v-if="DataList.FinanceList&&DataList.FinanceList.length>0"> <tr v-for="(item,index) in DataList.FinanceList" :key="index"> <td> <span style="text-decoration: underline; cursor: pointer;" @click="goUrlDetail('FinancialDocumentsDetail',item)"> {{item.FrID}}</span> </td> <td>{{item.FinanceName}}</td> <td> <template v-for="(s,si) in item.CostTypeList"> <span style="background-color: rgba(64,158,255,.1);display: inline-block;padding: 0 5px;height: 22px;line-height: 20px;font-size: 12px;color: #646464;border-radius: 4px;box-sizing: border-box;border: 1px solid rgba(64,158,255,.2);white-space: nowrap;margin-bottom: 4px;">{{s}}</span></br> </template> </td> <td> {{item.RemitterName}} </td> <td> <div> <template v-if="item.TradeWayList&&item.TradeWayList.length>0"> <div class="_TradeWayList" v-for="(tw,twIn) in item.TradeWayList" style="line-height: normal !important;padding: 5px 10px;background-color: #EEEEEE;border-radius: 4px;margin: 10px 0;width:230px"> <p><span style="font-weight: bold;color:#333333">{{tw.Alias}}</span><span class="_bank_name" style="height:20px;;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;margin-letf:10px"> {{item.TradeWayList[0].TypeName}}</span> <span style="height:20px;display: inline-block;background-color: #333333;color: white;padding: 2px 4px;border-radius: 4px;margin-left:10px;" :style="{'background-color':tw.AccountType=='私'?'#2AAEF2':'#FF9C01'}">{{tw.AccountType==""?$t('fnc.no'):tw.AccountType}}</span> </p> <p style="color:#333333">{{tw.BankNo}}</p> </div> </template> <template v-else> <div class="_pad5"> {{$t('fnc.no')}} </div> </template> </div> </td> <td> <p style="line-height:20px">{{item.Type==1?$t('fnc.yingshou'):$t('fnc.yingfu')}}:<span>{{item.Money}}</span></p> <p style="line-height:20px">{{item.Type==1?$t('fnc.shishou'):$t('fnc.shifu')}}:<span>{{item.PayMoney}}</span></p> </td> <td>{{item.TradeDate}}</td> <td> <div>{{item.EmName}}</div> <div>{{item.CreateDate}}</div> </td> <td> {{item.StatusStr}} </td> <td> {{item.AuditList&&item.AuditList.length>0? item.AuditList[0].EmName:""}} </td> </tr> </template> </table> <template v-if="DataList.ChangeNotifyList&&DataList.ChangeNotifyList.length>0"> <div class="TeamBalancePayment"> <div data-v-4bc4b302="" class="clearfix TB_PrintDiv"> <div data-v-4bc4b302="" class="TB_comtitle TB-Title">{{$t('fnc.zfxinxi')}}</div> <!-- --> <el-button type="button" class="normalBtn TeamAddBtn" @click="DJFEnd()" :loading="jsloading" v-if="msg.IsDiJi==1&&DataList.IsEndTCID==1&&DataList.FrIds&&DataList.FrIds.length==0">{{$t('fnc.djfjs')}}</el-button> <el-button type="button" class="normalBtn TeamAddBtn" :loading="loading" @click="GetAlipayCommerceEcConsumeDetailQuery(DataList)" >{{$t('fnc.tbshxx')}}</el-button> </div> </div> <table class="companyalipay" style="width:100%;"> <tr style="width:100%;"> <th style="width:20%;">{{$t('OrderList.search.orderId')}}</th> <th style="width:10%;">{{$t('system.payTime')}}</th> <th style="width:10%;">{{$t('system.payTotalMoney')}}</th> <th style="width:10%;">{{$t('system.payType')}}</th> <th style="width:15%;">{{$t('system.table_staffs')}}</th> <th style="width:10%;">{{$t('fnc.shxx')}}</th> <template v-if="msg.IsDiJi==1&&DataList.IsEndTCID==1&&DataList.FrIds&&DataList.FrIds.length==0"> <th style="width:20%;" >{{$t('fnc.fyshuoming')}}</th></template> </tr> <tr v-for="(item,index) in DataList.ChangeNotifyList" :key="item.pay_no"> <td> {{item.pay_no}}</td> <td> {{item.gmt_biz_create}} </td> <td> {{item.peer_pay_amount}} </td> <td> {{item.consume_type=="CONSUME"?$t('fnc.fukuan'):$t('fnc.shoukuan')}} </td> <td> {{item.employeeName}} </td> <td> {{item.ConsumeInfo.OppositeFullName}}- {{item.ConsumeInfo.CategoryName}} </td> <template v-if="msg.IsDiJi==1&&DataList.IsEndTCID==1&&DataList.FrIds&&DataList.FrIds.length==0"> <td> <el-select v-model="item.CostTypeId" :placeholder="$t('pub.pleaseSel')" > <el-option v-for="costItem in DataList.CostList" :label='costItem.Name' :value='costItem.ID' :key="costItem.ID"> </el-option> </el-select> </td> </template> </tr> </table> <!-- --> <template v-if="msg.IsDiJi==1&&DataList.IsEndTCID==1&&DataList.FrIds&&DataList.FrIds.length==0" > <div class="aliClass"> <div class="_addUpload_box clearfix"> <template v-for="(file,fIndex) in VorcherInos"> <div v-if="file.Type==3"> <div class="iconfont " style="width:100px;height:50px;overflow: hidden;"> <el-image style="width:100%;height:100%;" :src="file.Url?file.Url:file.Content" :preview-src-list="VorcherInosImg"> </el-image> </div> <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> </div> <div v-if="file.Type==1" style="text-align:center;height:50px;line-height: 50px;background:#eee;"> <div class="iconfont " :class="file.Content.substring(file.Content.lastIndexOf('.')+1,file.Content.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'" @click="showUpLoadFile(file)"> </div> <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> </div> <div v-if="file.Type==2"> <div class="iconfont icon-excel" @click="showUpLoadFile(file)"> </div> <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span> </div> </template> <div class="_pic_upload" > <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action=""> <i class="el-icon-plus avatar-uploader-icon" style="font-size:14px;height:auto"></i> <div class="el-upload__text">{{$t('active.ld_djscwj')}}</div> </el-upload> </div> </div> </div> </template> <template v-else><div style="margin-bottom:10px;"></div></template> </template> <el-dialog custom-class='w500' :title="$t('objFill.v101.LeaderManagement.xiugygkyed')" :visible.sync="AddMsgQuotaShow" center :before-close="clearMsgQuota"> <el-form :model="AddMsgQuota" :rules="rules" ref="AddMsgQuota" label-width="120px"> <!-- <span style="color:red;">{{$t('objFill.v101.LeaderManagement.shiygdedbnsc')}}</span> --> <table class="layerNoIcon"> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.xianyoued')" > {{AddMsgQuota.TotalPrice}} </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('system.query_type')" prop="action"> <el-radio v-model="AddMsgQuota.Action" label="1">{{$t('objFill.v101.LeaderManagement.zenjiaed')}}</el-radio> <el-radio v-model="AddMsgQuota.Action" label="2">{{$t('objFill.v101.LeaderManagement.jianshaoed')}}</el-radio> <!-- <el-radio v-model="AddMsgQuota.Action" label="3">{{$t('objFill.v101.LeaderManagement.shangchued')}}</el-radio> --> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.shifkyzz')" prop="ShareMode"> <el-radio v-model="AddMsgQuota.ShareMode" label="0">{{$t('pub.no')}}</el-radio> <el-radio v-model="AddMsgQuota.ShareMode" label="1">{{$t('pub.yes')}}</el-radio> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.edudwy')" prop="Amount"> <el-input type="number" v-model="AddMsgQuota.Amount" :placeholder="$t('pub.pleaseImport')"></el-input> </el-form-item> </td> </tr> </table> </el-form> <div slot="footer" class="dialog-footer"> <button class="hollowFixedBtn" @click="clearMsgQuota()"> {{$t('pub.cancelBtn')}} </button> <el-button class="normalBtn" type="primary" @click="AddQuotaModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button> </div> </el-dialog> <el-dialog custom-class='w500' :title="$t('objFill.v101.LeaderManagement.xinzygkyed')" :visible.sync="NewMsgQuotaShow" center :before-close="clearNewMsgQuota"> <el-form :model="NewMsgQuota" :rules="NewMsgRules" ref="NewMsgQuota" label-width="120px"> <table class="layerNoIcon"> <tr> <td> <el-form-item :label="$t('system.table_staffs')" > {{NewMsgQuota.EmployeeName}} </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.shifkyzz')" prop="ShareMode"> <el-radio v-model="NewMsgQuota.ShareMode" label="0">{{$t('pub.no')}}</el-radio> <el-radio v-model="NewMsgQuota.ShareMode" label="1">{{$t('pub.yes')}}</el-radio> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.edudwy')" prop="QuotaValue"> <el-input type="number" v-model="NewMsgQuota.QuotaValue" :placeholder="$t('pub.pleaseImport')"></el-input> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.eduyxq')" prop="EffectiveDateList"> <el-date-picker value-format="yyyy-MM-dd" v-model="NewMsgQuota.EffectiveDateList" type="daterange" :range-separator="$t('OrderList.zhi')" :start-placeholder="$t('OrderList.star')" :end-placeholder="$t('OrderList.end')"> </el-date-picker> </el-form-item> </td> </tr> </table> </el-form> <div slot="footer" class="dialog-footer"> <button class="hollowFixedBtn" @click="clearNewMsgQuota()"> {{$t('pub.cancelBtn')}} </button> <el-button class="normalBtn" type="primary" @click="AddNewMsgQuotaModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button> </div> </el-dialog> <el-dialog custom-class='w500' :title="dialogTitle" :visible.sync="outerVisible" center :before-close="clearAddMsg"> <el-form :model="addMsg" :rules="rulesMsg" ref="addMsg" label-width="120px"> <table class="layerNoIcon"> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.feiyzdmc')" prop="InstitutionName"> <el-input maxlength='20' class='w200' type="text" v-model="addMsg.InstitutionName" :placeholder="$t('pub.pleaseImport')"></el-input> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.feikongms')" prop="MenuUrl"> <el-input maxlength='200' class='w200' type="text" v-model="addMsg.InstitutionDesc" :placeholder="$t('pub.pleaseImport')"></el-input> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('objFill.v101.LeaderManagement.zhidusxrq')" prop="Sort"> <el-date-picker value-format="yyyy-MM-dd" v-model="addMsg.effectiveDateList" type="daterange" :range-separator="$t('OrderList.zhi')" :start-placeholder="$t('OrderList.star')" :end-placeholder="$t('OrderList.end')"> </el-date-picker> </el-form-item> </td> </tr> <tr> <td> <el-form-item :label="$t('visa.v_shifouqiyong')"> <el-switch v-model="addMsg.Effective" active-value="0" active-color="#ff4949" inactive-color="#13ce66" :active-text="$t('fnc.tingyong')" inactive-value="1" :inactive-text="$t('fnc.qiyong')"></el-switch> </el-form-item> </td> </tr> </table> </el-form> <div slot="footer" class="dialog-footer"> <button class="hollowFixedBtn" @click="clearAddMsg()"> {{$t('pub.cancelBtn')}} </button> <el-button class="normalBtn" type="primary" @click="UpdateInvoiceInstitutionModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button> </div> </el-dialog> <el-dialog custom-class='w500' :title="$t('objFill.v101.LeaderManagement.xiugaiyuang')" :visible.sync="EditEmployeeShow" center :before-close="clearEditEmployeeMsg"> <el-form :model="EditEmployeeMsg" :rules="EditEmployeerules" ref="EditEmployeeMsg" label-width="120px"> <table class="layerNoIcon"> <tr> <td> <el-form-item :label="$t('system.table_staffs')" prop="EmployeeIdList"> <el-select v-model="EditEmployeeMsg.EmployeeIdList" filterable multiple :placeholder="$t('pub.pleaseSel')" > <el-option v-for="item in EmployeeList" :label='item.EmName' :value='item.EmployeeId' :key='item.EmployeeId'> </el-option> </el-select> </el-form-item> </td> </tr> </table> </el-form> <div slot="footer" class="dialog-footer"> <button class="hollowFixedBtn" @click="clearEditEmployeeMsg()"> {{$t('pub.cancelBtn')}} </button> <el-button class="normalBtn" type="primary" @click="EditEmployeeModify()" :loading="updateloading">{{$t('pub.saveBtn')}}</el-button> </div> </el-dialog> </div> </template> <script> export default { data() { return { EmployeeList:[], employeeMsg:{ // 员工 GroupId:'', BranchId:-1, DepartmentId:0, PostId:0, IsLeave:0, }, DataList: '', VorcherInos:[], VorcherInosImg: [], picObj:[], loading:false, jsloading:false, updateloading:false, msg: { Id:0, IsDiJi:0, }, AddMsgQuota:{ Id:0, Action:"1",//1-增加,2-减少,3-删除 ShareMode:0,// Amount:'',//新增/减少额度 TotalPrice:0,//现有额度 }, AddMsgQuotaShow:false, rules: { Amount: [{ required: true, message: this.$t('objFill.v101.LeaderManagement.qingsredu'), trigger: "blur" }], action: [ { required: true, message: this.$t('system.ph_type'), trigger: 'change' }], }, NewMsgQuota:{ Id:0, EmployeeId:0, EmployeeName:"", QuotaValue:0, ShareMode:"0",//0:不可转赠 1:可以转增 EffectiveEndDate:"", EffectiveStartDate:"", EffectiveDateList: [], }, NewMsgQuotaShow:false, NewMsgRules: { QuotaValue: [{ required: true, message: this.$t('objFill.v101.LeaderManagement.qingsredu'), trigger: "blur" }], EffectiveDateList: [ { required: true, message: this.$t('objFill.v101.LeaderManagement.qingxuanzyxq'), trigger: 'change' }], }, IsEdit:0,//=1的时候可以编辑费控信息 outerVisible:false, dialogTitle: this.$t('objFill.v101.LeaderManagement.bianjifkzd'), addMsg:{ InstitutionName:"",//制度名称 Id:0, Effective:0,//是否启用 停用: 0 启用: 1 InstitutionDesc:"",//费控描述 EffectiveEndDate:"", EffectiveStartDate:"", effectiveDateList:'', }, rulesMsg: { InstitutionName: [{ required: true, message: this.$t('objFill.v101.LeaderManagement.qingsrzfmc'), trigger: "blur" }], effectiveDateList: [{ required: true, message: this.$t('objFill.v101.LeaderManagement.qingxzfksjyxq'), trigger: 'blur', }], }, EditEmployeerules: { EmployeeIdList: [{ required: true, message: this.$t('objFill.v101.FinancialModule.qingxuanzyg'), trigger: 'change', type: 'array', }], }, EditEmployeeMsg:{ Id:0, EmployeeIds:"", EmployeeIdList:[], }, EditEmployeeShow:false, pickerBeginDateBefore: { disabledDate: time => { if (this.msg.PayEndTime == null) { return false; } else { let endTime = new Date(this.msg.PayEndTime) return endTime.getTime() < time.getTime() } } }, pickerBeginDateAfter: { disabledDate: time => { let startTime = new Date(this.msg.PayStartTime) return startTime.getTime() >= time.getTime() } }, } }, mounted() { if(this.$route.query.Id){ this.msg.Id=this.$route.query.Id; } let userInfo = this.getLocalStorage(); // 读取缓存数据 this.employeeMsg.GroupId = userInfo.RB_Group_id; if(this.$route.query.Type){ this.IsEdit=this.$route.query.Type; } if(this.$route.query.IsDiJi){ this.msg.IsDiJi=this.$route.query.IsDiJi; } this.getList(); }, methods: { getEmployee() { //员工 this.apipost('admin_get_EmployeeGetList', this.employeeMsg, res => { if(res.data.resultCode == 1) { this.EmployeeList = res.data.data; } }, err => {}) }, goUrlDetail(path, rowData) { this.$router.push({ path: path, query: { id: rowData.FrID, blank: 'y', tab: rowData.FrID + this.$t('objFill.documentparticulars') } }) }, AddQuota(obj){ this.AddMsgQuota.ShareMode=obj.ShareMode; this.AddMsgQuota.Id=obj.Id; this.AddMsgQuota.TotalPrice=obj.QuotaValue; this.AddMsgQuota.Action="1"; this.AddMsgQuota.Amount=""; this.AddMsgQuotaShow=true; this.updateloading=false; }, clearMsgQuota(){ this.AddMsgQuotaShow=false; this.AddMsgQuota.ShareMode=0; this.AddMsgQuota.TotalPrice=0; this.AddMsgQuota.Id=0; this.AddMsgQuota.Amount=""; this.AddMsgQuota.Action="1"; this.updateloading=false; }, AddNewMsgQuota(obj){ this.NewMsgQuota.EmployeeName=obj.EmployeeName; this.NewMsgQuota.Id=this.DataList.Id; this.NewMsgQuota.EmployeeId=obj.EmployeeId; this.NewMsgQuota.ShareMode="0"; this.NewMsgQuotaShow=true; this.NewMsgQuota.EffectiveDateList=[]; this.NewMsgQuota.EffectiveDateList=obj.EffectiveDateList; this.updateloading=false; }, clearNewMsgQuota(){ this.NewMsgQuotaShow=false; this.NewMsgQuota.ShareMode="0"; this.NewMsgQuota.EmployeeId=0; this.NewMsgQuota.Id=0; this.NewMsgQuota.QuotaValue=""; this.NewMsgQuota.EmployeeName=""; this.NewMsgQuota.EffectiveEndDate=""; this.NewMsgQuota.EffectiveStartDate=""; this.NewMsgQuota.EffectiveDateList=[]; this.NewMsgQuota.ShareMode="0"; this.updateloading=false; }, EditEmployee(){ this.getEmployee(); this.EditEmployeeMsg.Id=this.DataList.Id; this.EditEmployeeMsg.EmployeeIdList=this.DataList.EmployeeIdList; this.EditEmployeeShow=true; this.updateloading=false; }, clearEditEmployeeMsg(){ this.EditEmployeeMsg.Id=0; this.EditEmployeeMsg.EmployeeIds=""; this.EditEmployeeMsg.EmployeeIdList=[]; this.EditEmployeeShow=false; this.updateloading=false; }, EditEmployeeModify(){ this.updateloading=true; if (this.EditEmployeeMsg.EmployeeIdList && this.EditEmployeeMsg.EmployeeIdList.length > 0) { this.EditEmployeeMsg.EmployeeIds = this.EditEmployeeMsg.EmployeeIdList.join(","); } this.apipost('alipay_post_AlipayEbppInvoiceInstitutionScopeModify', this.EditEmployeeMsg, res => { if (res.data.resultCode == 1) { this.clearNewMsgQuota(); this.Success(res.data.message); this.updateloading=false; this.getList(); } else{ this.Error(res.data.message); this.updateloading=false } }, err => { }) }, AddQuotaModify(obj){ this.updateloading=true; this.apipost('alipay_post_AlipayEbppInvoiceExpensecontrolQuotaModify', this.AddMsgQuota, res => { if (res.data.resultCode == 1) { this.clearMsgQuota(); this.Success(res.data.message); this.updateloading=false; this.getList(); } else{ this.Error(res.data.message); this.updateloading=false; } }, err => { }) }, AddNewMsgQuotaModify(){ this.updateloading=true; if (this.NewMsgQuota.EffectiveDateList && this.NewMsgQuota.EffectiveDateList.length > 0) { this.NewMsgQuota.EffectiveStartDate = this.NewMsgQuota.EffectiveDateList[0]; this.NewMsgQuota.EffectiveEndDate = this.NewMsgQuota.EffectiveDateList[1]; } this.apipost('alipay_post_AlipayEbppInvoiceExpensecontrolQuotaCreate', this.NewMsgQuota, res => { if (res.data.resultCode == 1) { this.clearNewMsgQuota(); this.Success(res.data.message); this.getList(); this.updateloading=false; } else{ this.Error(res.data.message); this.updateloading=false; } }, err => { }) }, AlipayEbppInvoiceExpensecontrolQuotaQuery() { //获取用户使用额度情况 this.apipost('alipay_post_AlipayEbppInvoiceExpensecontrolQuotaQuery', {InstitutionId:this.DataList.Id}, res => { if (res.data.resultCode == 1) { let RoyaltyList = [] RoyaltyList = res.data.data this.DataList.QuotaList.forEach(x => { RoyaltyList.forEach(y => { if (x.EmployeeId == y.EmployeeId) { x.QuotaTotal = Number(y.QuotaTotal)/100;//总金额 x.QuotaAvailable = Number(y.QuotaAvailable)/100;//可用金额(单位分) x.QuotaLocked = Number( y.QuotaLocked )/100;//锁定金额(单位分) x.QuotaUsed = Number( y.QuotaUsed )/100;//已用金额(单位分) x.Freeze = y.Freeze;//额度是否冻结,冻结后因公付不可用 } }) }) this.$forceUpdate() } else{ this.Error(res.data.message); } }, err => { }) }, UpdateInvoiceInstitutionModify() { //制度编辑 this.updateloading=true; if(this.addMsg.effectiveDateList&&this.addMsg.effectiveDateList.length>0){ this.addMsg.EffectiveStartDate=this.addMsg.effectiveDateList[0]; this.addMsg.EffectiveEndDate=this.addMsg.effectiveDateList[1]; } this.apipost('alipay_post_AlipayEbppInvoiceInstitutionModify', this.addMsg, res => { if (res.data.resultCode == 1) { this.Success(res.data.message); this.clearAddMsg(); this.updateloading=false; this.getList(); } else{ this.Error(res.data.message); this.updateloading=false; } }, err => { }) }, GetAlipayCommerceEcConsumeDetailQuery() { //企业码账单详情查询 this.loading=true; this.apipost('alipay_post_AlipayCommerceEcConsumeDetailQuery', this.msg, res => { if (res.data.resultCode == 1) { this.DataList.ChangeNotifyList= res.data.data.ChangeNotifyList this.DataList.CostList= res.data.data.CostList this.$forceUpdate() this.loading=false; } }, err => { }) }, AddMsgBaseInfo(obj){//给编辑数据赋值 this.addMsg.InstitutionName=obj.InstitutionName;//制度名称 this.addMsg.Id=obj.Id; this.outerVisible=true, this.addMsg.Effective=obj.Effective;//是否启用 停用: 0 启用: 1 this.addMsg.InstitutionDesc=obj.InstitutionDesc;//费控描述 this.addMsg.EffectiveEndDate=obj.EffectiveEndDate; this.addMsg.EffectiveStartDate=obj.EffectiveStartDate; this.addMsg.effectiveDateList=[]; this.addMsg.effectiveDateList=obj.EffectiveDateList; this.updateloading=false; }, clearAddMsg(){//清空编辑数据 this.InstitutionName="";//制度名称 this.Id=0; this.outerVisible=false, this.Effective=0;//是否启用 停用: 0 启用: 1 this. InstitutionDesc="";//费控描述 this. EffectiveEndDate=""; this.EffectiveStartDate=""; this. effectiveDateList=[]; this.updateloading=false; }, getList() { //列表查询 this.apipost('alipay_post_AlipayEbppInvoiceInstitutionDetailinfoQuery', this.msg, res => { if (res.data.resultCode == 1) { this.DataList = res.data.data; this.AlipayEbppInvoiceExpensecontrolQuotaQuery(); } }, err => { }) }, DJFEnd(){//地接费结算 this.jsloading=true; this.apipost('alipay_post_InstitutionSettlementTCID', {Id:this.msg.Id,ChangeNotifyList:this.DataList.ChangeNotifyList,VorcherInos:this.VorcherInos} , res => { if (res.data.resultCode == 1) { this.DataList = res.data.data; this.getList(); this.jsloading=false; } }, err => { }) }, showUpLoadFile(i) { // 预览上传文件 if (i.Type == 3) { this.picObj.push(i.Url); } else { if (i.Content.substring(i.Content.lastIndexOf('.') + 1, i.Content.length).toUpperCase() == 'PDF') { this.previewPDF(i.Url) } else { window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i.Url) } } }, deleteUploadFile(i) { // 删除上传文件 this.VorcherInos.splice(i, 1); //this.UpdateApply.InvoiceFile = []; }, uploadFileBtn(file) { //上传 if (file.file.size > 1024 * 1024 * 10) { this.Error(this.$t('tips.wjdxbncgsz')) return } // 1 文档 2 数据 3 图片 let typeArr = [{ stringArr: 'GIF|JPG|JPEG|PNG|BMP', type: 3 }, { stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF', type: 1 }, ] let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase(); let fileTypeNumber = 2; let typeOk = false; typeArr.forEach(x => { if (x.stringArr.indexOf(ft) != '-1') { fileTypeNumber = x.type typeOk = true; } }) if (!typeOk) return this.error(this.$t('tips.qscWEfile')); let newArr = []; newArr.push(file.file) let path = "/Upload/Temporary/" this.$message.info(this.$t('tips.shangchuanzhong')) this.UploadSelfFileT(path, newArr, x => { this.VorcherInos.push({ Content: x.data.FilePath, Type: fileTypeNumber, Url: this.domainManager().ViittoFileUrl + x.data.FilePath, }) if(fileTypeNumber==3) this.VorcherInosImg.push(this.domainManager().ViittoFileUrl + x.data.FilePath) this.Success(this.$t('tips.scchenggong')); }); }, } } </script>