| | |
| | | :visible.sync="pdfVisible" |
| | | width="60%" |
| | | > |
| | | <div> |
| | | <el-table :data="tableDatatop" style="width: 100%"> |
| | | <el-table-column prop="persontype" label="人员类别" width="130"> |
| | | </el-table-column> |
| | | <el-table-column prop="personname" label="费用人员" width="130"> |
| | | </el-table-column> |
| | | <el-table-column prop="departure" label="出发地"> </el-table-column> |
| | | <el-table-column prop="destination" label="到达地"> </el-table-column> |
| | | <el-table-column prop="days" label="天数"> </el-table-column> |
| | | <el-table-column prop="traffictype" label="出发交通工具"> |
| | | </el-table-column> |
| | | <el-table-column prop="traffictype2" label="返回交通工具"> |
| | | </el-table-column> |
| | | </el-table> |
| | | <el-table :data="tableDatatop" style="width: 100%"> |
| | | <el-table-column prop="trafficexpense" label="交通费" width="130"> |
| | | </el-table-column> |
| | | <el-table-column prop="cityfee" label="市内交通费" width="130"> |
| | | </el-table-column> |
| | | <el-table-column prop="hotelexpense" label="住宿费"> |
| | | </el-table-column> |
| | | <el-table-column prop="foodallowance" label="伙食补助"> |
| | | </el-table-column> |
| | | <el-table-column prop="otherexpense" label="公杂费补助"> |
| | | </el-table-column> |
| | | <el-table-column prop="otherfeeamount" label="其他费用"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="pdfimg"> |
| | | <div class="box-pdf"> |
| | | <div> |
| | |
| | | </div> |
| | | |
| | | <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin"> |
| | | <!-- <img :src="pdfimg" /> --> |
| | | <!-- <img :src="pdfimg" /> --> |
| | | <el-image |
| | | style="width: 95%; height: 90%" |
| | | :src="pdfimg" |
| | |
| | | starttime: null, |
| | | endtime: null |
| | | }, |
| | | tableDatatop: [ |
| | | { |
| | | date: "2016-05-02", |
| | | name: "王小虎", |
| | | address: "上海市普陀区金沙江路 1518 弄" |
| | | } |
| | | ], |
| | | //查询付款 |
| | | queryParamsPayee: { |
| | | rbid: null |
| | |
| | | this.pdfimgsrcList.push( |
| | | this.Networkheader + "/prod-api" + response.fileName |
| | | ); |
| | | console.log(this.pdfimgsrcList); |
| | | this.pdftitle = "共" + this.pdfimgsrcList.length + "项"; |
| | | this.pdfimg = this.Networkheader + "/prod-api" + response.fileName; |
| | | |
| | | this.rbDetails[this.atpresent].annexfilesList = this.fileListto; |
| | | } else { |
| | | console.log(response.msg); |
| | |
| | | }, |
| | | // 点击票据 |
| | | Filepopup(index, rows, row) { |
| | | this.tableDatatop = []; |
| | | this.pdfimgsrcList = []; |
| | | this.tableDatatop.push(row); |
| | | // console.log(row); |
| | | this.atpresent = index; |
| | | this.pdfVisible = true; |
| | | console.log(this.rbDetails[index]); |
| | |
| | | this.fileListto = this.rbDetails[index].annexfilesList; |
| | | console.log(this.fileListto); |
| | | this.pdfimg = this.Networkheader + "/prod-api" + this.fileListto[0].url; |
| | | this.pdfimgsrcList = []; |
| | | this.fileListto.forEach(item => { |
| | | this.pdfimgsrcList.push(this.Networkheader + "/prod-api" + item.url); |
| | | }); |
| | | console.log(this.pdfimgsrcList); |
| | | console.log(this.pdfimg); |
| | | this.pdftitle = "共" + this.pdfimgsrcList.length + "项"; |
| | | } else { |
| | | this.fileListto = []; |
| | | this.pdfimg = ""; |
| | |
| | | // 点击已上传文件 |
| | | downFile(item) { |
| | | console.log(item, "点击文件拿item"); |
| | | this.pdftitle = item.name; |
| | | this.pdftitle = |
| | | "共" + this.pdfimgsrcList.length + "项,当前选中" + item.name; |
| | | let name = item.name.split("."); |
| | | if (name[1] == "pdf") { |
| | | this.$modal.msgWarning("当前文件暂不支持预览"); |
| | |
| | | |
| | | //新增一行 |
| | | addDetailRow(rowIndex) { |
| | | console.log(rowIndex); |
| | | |
| | | let rowData = { |
| | | //index: this.rbDetails.length, |
| | | searchAddress: { |
| | |
| | | endtime: null, |
| | | destination: null, |
| | | days: null, |
| | | persontype: null, |
| | | personname: null, |
| | | trafficexpense: 0, |
| | | traffictype: null, |
| | | traffictype2: null, |
| | |
| | | total: 0, |
| | | orderno: null, |
| | | personname2: null, |
| | | personname: null, |
| | | destination: null |
| | | }; |
| | | if (this.rbDetails.length) { |
| | | rowData.persontype = this.rbDetails[rowIndex].persontype; |
| | | rowData.personname = this.rbDetails[rowIndex].personname; |
| | | } |
| | | // if (this.Reminderquantity >= 5) { |
| | | // this.Savereminder = true; |
| | | // return; |