|
@@ -2,33 +2,35 @@
|
|
|
<div>
|
|
|
<!-- 页面主体内容 -->
|
|
|
<div class="planAddContent" v-show="contentShow">
|
|
|
- <Card style="width:100%" :bordered="false" :dis-hover="true">
|
|
|
+ <Card style="width: 100%" :bordered="false" :dis-hover="true">
|
|
|
<p slot="title">采购结算详情</p>
|
|
|
<div slot="extra">
|
|
|
<Button v-if="form.spzt != '1'" @click="toSpjl">查看审批记录</Button>
|
|
|
</div>
|
|
|
<Row class="mainCont">
|
|
|
<Col span="4" class-name="tables">结算申请编号</Col>
|
|
|
- <Col span="4" class-name="tables">{{ form.jssqbh == "" ? "新增成功之后生成" : form.jssqbh }}</Col>
|
|
|
+ <Col span="4" class-name="tables">{{
|
|
|
+ form.jssqbh == "" ? "新增成功之后生成" : form.jssqbh
|
|
|
+ }}</Col>
|
|
|
<Col span="4" class-name="tables">标题</Col>
|
|
|
- <Col span="12" class-name="tables">{{ form.bt == "" ? "新增成功之后生成" : form.bt }}</Col>
|
|
|
+ <Col span="12" class-name="tables">{{
|
|
|
+ form.bt == "" ? "新增成功之后生成" : form.bt
|
|
|
+ }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 关联区域
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 关联区域
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.glqy }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 关联项目
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 关联项目
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.glxm }}</Col>
|
|
|
+ <Col span="4" class-name="tables"> </Col>
|
|
|
+ <Col span="4" class-name="tables"> </Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- </Col>
|
|
|
- <Col span="4" class-name="tables">
|
|
|
- </Col>
|
|
|
- <Col span="4" class-name="tables">
|
|
|
- 供应商
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 供应商
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.gys }}</Col>
|
|
|
<Col span="4" class-name="tables">供方负责人</Col>
|
|
@@ -36,13 +38,13 @@
|
|
|
<Col span="4" class-name="tables">供应商联系电话</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.gyslxdh }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 开户行
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 开户行
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.khh }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 账号
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 账号
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.zh }}</Col>
|
|
|
<!-- <Col span="4" class-name="tables">
|
|
@@ -60,49 +62,56 @@
|
|
|
<Col span="4" class-name="tables">入库时间(首次)</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.rksj }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 总价(元)
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 总价(元)
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.total.toFixed(3) }}</Col>
|
|
|
<Col span="4" class-name="tables">调整金额(元)</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.tzje }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 实际支付金额(元)
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 实际支付金额(元)
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
- <Col span="4" class-name="tables">{{ (Number(form.total) + Number(form.tzje)).toFixed(2) }}</Col>
|
|
|
+ <Col span="4" class-name="tables">{{
|
|
|
+ (Number(form.total) + Number(form.tzje)).toFixed(2)
|
|
|
+ }}</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- 申请人
|
|
|
- <span class="mustSpan">*</span>
|
|
|
+ 申请人
|
|
|
+ <span class="mustSpan">*</span>
|
|
|
</Col>
|
|
|
<Col span="4" class-name="tables">{{ form.sqr }}</Col>
|
|
|
<Col span="4" class-name="tables">审批状态</Col>
|
|
|
<Col span="4" class-name="tables">
|
|
|
- <div>
|
|
|
- <span v-if="form.spzt == '1'">未提交</span>
|
|
|
- <span v-if="form.spzt == '2'">审核中</span>
|
|
|
- <span v-if="form.spzt == '3'">审核通过</span>
|
|
|
- <span v-if="form.spzt == '4'">审核拒绝</span>
|
|
|
- <span v-if="form.spzt == '5'">已付款</span>
|
|
|
- </div>
|
|
|
- </Col>
|
|
|
- <Col span="4" class-name="tables">
|
|
|
- </Col>
|
|
|
- <Col span="4" class-name="tables">
|
|
|
- </Col>
|
|
|
- <Col span="4" class-name="tables">
|
|
|
- </Col>
|
|
|
- <Col span="4" class-name="tables">
|
|
|
+ <div>
|
|
|
+ <span v-if="form.spzt == '1'">未提交</span>
|
|
|
+ <span v-if="form.spzt == '2'">审核中</span>
|
|
|
+ <span v-if="form.spzt == '3'">审核通过</span>
|
|
|
+ <span v-if="form.spzt == '4'">审核拒绝</span>
|
|
|
+ <span v-if="form.spzt == '5'">已付款</span>
|
|
|
+ </div>
|
|
|
</Col>
|
|
|
+ <Col span="4" class-name="tables"> </Col>
|
|
|
+ <Col span="4" class-name="tables"> </Col>
|
|
|
+ <Col span="4" class-name="tables"> </Col>
|
|
|
+ <Col span="4" class-name="tables"> </Col>
|
|
|
</Row>
|
|
|
- <Row class="uplCont" type="flex" justify="center" style="align-items: stretch">
|
|
|
+ <Row
|
|
|
+ class="uplCont"
|
|
|
+ type="flex"
|
|
|
+ justify="center"
|
|
|
+ style="align-items: stretch"
|
|
|
+ >
|
|
|
<Col span="4" class-name="upl">附件</Col>
|
|
|
<Col span="20" class="upl" style="padding: 5px">
|
|
|
- <div v-for="(item, index) in form.filesList" :key="index">
|
|
|
- <a :href="item.docUrl ? item.docUrl : 'javascript:void(0);'" :download="item.fileName"
|
|
|
- target="_blank">{{ item.fileName }}</a>
|
|
|
- </div>
|
|
|
- <p v-if="uploading" style="text-align: center">上传中...</p>
|
|
|
+ <div v-for="(item, index) in form.filesList" :key="index">
|
|
|
+ <a
|
|
|
+ :href="item.docUrl ? item.docUrl : 'javascript:void(0);'"
|
|
|
+ :download="item.fileName"
|
|
|
+ target="_blank"
|
|
|
+ >{{ item.fileName }}</a
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <p v-if="uploading" style="text-align: center">上传中...</p>
|
|
|
</Col>
|
|
|
</Row>
|
|
|
<Row class="mainCont">
|
|
@@ -111,9 +120,16 @@
|
|
|
</Row>
|
|
|
<Spin size="large" fix v-if="spinShow"></Spin>
|
|
|
</Card>
|
|
|
- <Card style="width:100%" :bordered="false" :dis-hover="true">
|
|
|
+ <Card style="width: 100%" :bordered="false" :dis-hover="true">
|
|
|
<p slot="title">结算明细</p>
|
|
|
- <Table :columns="tableColumn" style="width: 100%" :data="tableData" :loading="tableLoading" highlight-row border>
|
|
|
+ <Table
|
|
|
+ :columns="tableColumn"
|
|
|
+ style="width: 100%"
|
|
|
+ :data="tableData"
|
|
|
+ :loading="tableLoading"
|
|
|
+ highlight-row
|
|
|
+ border
|
|
|
+ >
|
|
|
<template slot-scope="{ row, index }" slot="totalPrice">
|
|
|
<div>{{ row.totalPrice.toFixed(3) }}</div>
|
|
|
</template>
|
|
@@ -124,291 +140,289 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {
|
|
|
- queryPurchaseSettlementInfo4OA,
|
|
|
- getLabelByCode4Purchase,
|
|
|
- editPurchaseSettlement,
|
|
|
- queryPurchaseSettlementInfo,
|
|
|
- } from "@/service/getData";
|
|
|
- export default {
|
|
|
- name: "balance",
|
|
|
- data() {
|
|
|
- return {
|
|
|
- balanceType: "add",
|
|
|
- requestId: "",
|
|
|
- settlementId: "",
|
|
|
- spinShow: false,
|
|
|
- contentShow: true,
|
|
|
- uploadHeaders: {
|
|
|
- token: localStorage.token,
|
|
|
- userId: localStorage.user_id,
|
|
|
+import {
|
|
|
+ queryPurchaseSettlementInfo4OA,
|
|
|
+ getLabelByCode4Purchase,
|
|
|
+ editPurchaseSettlement,
|
|
|
+ queryPurchaseSettlementInfo,
|
|
|
+} from "@/service/getData";
|
|
|
+export default {
|
|
|
+ name: "balance",
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ balanceType: "add",
|
|
|
+ requestId: "",
|
|
|
+ settlementId: "",
|
|
|
+ spinShow: false,
|
|
|
+ contentShow: true,
|
|
|
+ uploadHeaders: {
|
|
|
+ token: localStorage.token,
|
|
|
+ userId: localStorage.user_id,
|
|
|
+ },
|
|
|
+ form: {
|
|
|
+ jssqbh: "", //结算申请编号
|
|
|
+ bt: "", //标题
|
|
|
+ glqy: "", //关联区域
|
|
|
+ glxm: "", //关联项目
|
|
|
+ gys: "", //供应商
|
|
|
+ gffzr: "", //供方负责人
|
|
|
+ gyslxdh: "", //供应商联系电话
|
|
|
+ khh: "", //开户行
|
|
|
+ zh: "", //账号
|
|
|
+ djlx: "", //单据类型
|
|
|
+ shr: "", //收货人
|
|
|
+ tzje: "", //调整金额
|
|
|
+ rksj: "", //入库时间
|
|
|
+ xdsj: "", //下单时间
|
|
|
+ sqr: localStorage.user_name, //申请人
|
|
|
+ spzt: 1, //审批状态
|
|
|
+ sm: "", //说明
|
|
|
+ total: 0, //总价
|
|
|
+ filesList: [],
|
|
|
+ },
|
|
|
+ djlxList: [],
|
|
|
+ uploading: false,
|
|
|
+ // 批量设置
|
|
|
+ plszShow: false,
|
|
|
+ plrkck: "",
|
|
|
+ pldhsj: "",
|
|
|
+ // table
|
|
|
+ tableColumn: [
|
|
|
+ {
|
|
|
+ title: "入库单",
|
|
|
+ key: "warehouseEntry",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "总价(元)",
|
|
|
+ slot: "totalPrice",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "采购人",
|
|
|
+ key: "purchaserName",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "采购人联系方式",
|
|
|
+ key: "purchaserTel",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "下单时间",
|
|
|
+ key: "orderTime",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: "入库时间",
|
|
|
+ key: "storehouseTime",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
},
|
|
|
- form: {
|
|
|
- jssqbh: "", //结算申请编号
|
|
|
- bt: "", //标题
|
|
|
- glqy: "", //关联区域
|
|
|
- glxm: "", //关联项目
|
|
|
- gys: "", //供应商
|
|
|
- gffzr: "", //供方负责人
|
|
|
- gyslxdh: "", //供应商联系电话
|
|
|
- khh: "", //开户行
|
|
|
- zh: "", //账号
|
|
|
- djlx: "", //单据类型
|
|
|
- shr: "", //收货人
|
|
|
- tzje: "", //调整金额
|
|
|
- rksj: "", //入库时间
|
|
|
- xdsj: "", //下单时间
|
|
|
- sqr: localStorage.user_name, //申请人
|
|
|
- spzt: 1, //审批状态
|
|
|
- sm: "", //说明
|
|
|
- total: 0, //总价
|
|
|
- filesList: [],
|
|
|
+ {
|
|
|
+ title: "入库仓库",
|
|
|
+ key: "storehouseName",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
+ resizable: true,
|
|
|
},
|
|
|
- djlxList: [],
|
|
|
- uploading: false,
|
|
|
- // 批量设置
|
|
|
- plszShow: false,
|
|
|
- plrkck: "",
|
|
|
- pldhsj: "",
|
|
|
- // table
|
|
|
- tableColumn: [{
|
|
|
- title: "入库单",
|
|
|
- key: "warehouseEntry",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
+ {
|
|
|
+ title: "仓管员",
|
|
|
+ key: "warehouseKeeper",
|
|
|
+ tooltip: true,
|
|
|
+ minWidth: 140,
|
|
|
resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "总价(元)",
|
|
|
- slot: "totalPrice",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "采购人",
|
|
|
- key: "purchaserName",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "采购人联系方式",
|
|
|
- key: "purchaserTel",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "下单时间",
|
|
|
- key: "orderTime",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "入库时间",
|
|
|
- key: "storehouseTime",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "入库仓库",
|
|
|
- key: "storehouseName",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- {
|
|
|
- title: "仓管员",
|
|
|
- key: "warehouseKeeper",
|
|
|
- tooltip: true,
|
|
|
- width: 140,
|
|
|
- resizable: true,
|
|
|
- },
|
|
|
- ],
|
|
|
- tableData: [],
|
|
|
- tableSelect: [],
|
|
|
- tableLoading: false,
|
|
|
- };
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ tableData: [],
|
|
|
+ tableSelect: [],
|
|
|
+ tableLoading: false,
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ if (this.$route.query.param) {
|
|
|
+ this.getJs();
|
|
|
+ } else {
|
|
|
+ this.getInfo();
|
|
|
+ }
|
|
|
+ getLabelByCode4Purchase({
|
|
|
+ dictCode: "billType",
|
|
|
+ }).then((res) => {
|
|
|
+ this.djlxList = res.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getInfo() {
|
|
|
+ queryPurchaseSettlementInfo(this.$route.query.id).then((res) => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ let data = res.data;
|
|
|
+ this.form.bt = data.title;
|
|
|
+ this.form.glqy = data.areaName;
|
|
|
+ this.form.glxm = data.projectName;
|
|
|
+ this.form.gys = data.supplierName;
|
|
|
+ this.form.gffzr = data.supplierPrincipal;
|
|
|
+ this.form.gyslxdh = data.supplierTel;
|
|
|
+ this.form.khh = data.depositBank;
|
|
|
+ this.form.zh = data.accountNumber;
|
|
|
+ this.form.djlx = data.type;
|
|
|
+ this.form.shr = data.receivedName;
|
|
|
+ this.form.spzt = data.approvalState;
|
|
|
+ this.form.sqr = data.applicantName;
|
|
|
+ this.form.xdsj = data.orderTime;
|
|
|
+ this.form.tzje = data.adjustmentPrice;
|
|
|
+ this.form.rksj = data.warehouseTime;
|
|
|
+ this.form.jssqbh = data.settlementCode;
|
|
|
+ this.form.sm = data.instruction;
|
|
|
+ this.balanceType = "edit";
|
|
|
+ this.form.filesList = data.attachmentList;
|
|
|
+ this.tableData = data.detailList;
|
|
|
+ this.requestId = data.requestId;
|
|
|
+ let num = 0;
|
|
|
+ for (let item in this.tableData) {
|
|
|
+ num += this.tableData[item].totalPrice;
|
|
|
+ }
|
|
|
+ this.form.total = num;
|
|
|
+ } else {
|
|
|
+ this.$Message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- created() {
|
|
|
- if (this.$route.query.param) {
|
|
|
- this.getJs();
|
|
|
- } else {
|
|
|
- this.getInfo();
|
|
|
- }
|
|
|
- getLabelByCode4Purchase({
|
|
|
- dictCode: "billType"
|
|
|
- }).then((res) => {
|
|
|
- this.djlxList = res.data;
|
|
|
+ //表单上传
|
|
|
+ beforeUpload() {},
|
|
|
+ upFilesLoading() {
|
|
|
+ this.uploading = true;
|
|
|
+ },
|
|
|
+ //审批记录跳转
|
|
|
+ toSpjl() {
|
|
|
+ let link = `http://oa.kingser.com:88/westvalley/PSWorkflow/PSWorkflowDecode.jsp?loginmsg=bG9naW5pZD1wbXMmdXNlcnBhc3N3b3JkPVBBYjEyMzQ1Nio=&requestid=${this.requestId}`;
|
|
|
+ window.open(link);
|
|
|
+ },
|
|
|
+ uploadFilesSuccess(response, file, fileList) {
|
|
|
+ this.uploading = false;
|
|
|
+ this.form.filesList.push({
|
|
|
+ fileName: response.data.fileName,
|
|
|
+ // fullName: response.fileInfo.fName,
|
|
|
+ filePath: response.data.filePath,
|
|
|
+ // fileDetailType: ""
|
|
|
});
|
|
|
},
|
|
|
- methods: {
|
|
|
- getInfo() {
|
|
|
- queryPurchaseSettlementInfo(this.$route.query.id).then((res) => {
|
|
|
- if (res.status == 200) {
|
|
|
- let data = res.data;
|
|
|
- this.form.bt = data.title;
|
|
|
- this.form.glqy = data.areaName;
|
|
|
- this.form.glxm = data.projectName;
|
|
|
- this.form.gys = data.supplierName;
|
|
|
- this.form.gffzr = data.supplierPrincipal;
|
|
|
- this.form.gyslxdh = data.supplierTel;
|
|
|
- this.form.khh = data.depositBank;
|
|
|
- this.form.zh = data.accountNumber;
|
|
|
- this.form.djlx = data.type;
|
|
|
- this.form.shr = data.receivedName;
|
|
|
- this.form.spzt = data.approvalState;
|
|
|
- this.form.sqr = data.applicantName;
|
|
|
- this.form.xdsj = data.orderTime;
|
|
|
- this.form.tzje = data.adjustmentPrice;
|
|
|
- this.form.rksj = data.warehouseTime;
|
|
|
- this.form.jssqbh = data.settlementCode;
|
|
|
- this.form.sm = data.instruction;
|
|
|
- this.balanceType = "edit";
|
|
|
- this.form.filesList = data.attachmentList;
|
|
|
- this.tableData = data.detailList;
|
|
|
- this.requestId = data.requestId;
|
|
|
- let num = 0;
|
|
|
- for (let item in this.tableData) {
|
|
|
- num += this.tableData[item].totalPrice;
|
|
|
- }
|
|
|
- this.form.total = num;
|
|
|
- } else {
|
|
|
- this.$Message.error(res.message);
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- //表单上传
|
|
|
- beforeUpload() {},
|
|
|
- upFilesLoading() {
|
|
|
- this.uploading = true;
|
|
|
- },
|
|
|
- //审批记录跳转
|
|
|
- toSpjl() {
|
|
|
- let link =
|
|
|
- `http://oa.kingser.com:88/westvalley/PSWorkflow/PSWorkflowDecode.jsp?loginmsg=bG9naW5pZD1wbXMmdXNlcnBhc3N3b3JkPVBBYjEyMzQ1Nio=&requestid=${this.requestId}`;
|
|
|
- window.open(link);
|
|
|
- },
|
|
|
- uploadFilesSuccess(response, file, fileList) {
|
|
|
- this.uploading = false;
|
|
|
- this.form.filesList.push({
|
|
|
- fileName: response.data.fileName,
|
|
|
- // fullName: response.fileInfo.fName,
|
|
|
- filePath: response.data.filePath,
|
|
|
- // fileDetailType: ""
|
|
|
- });
|
|
|
- },
|
|
|
- //查询结算详情
|
|
|
- getJs() {
|
|
|
- this.spinShow = true;
|
|
|
- queryPurchaseSettlementInfo4OA(this.$route.query.param).then((res) => {
|
|
|
- this.spinShow = false;
|
|
|
- if (res.status == 200) {
|
|
|
- let data = res.data;
|
|
|
- this.form.bt = data.title;
|
|
|
- this.form.glqy = data.areaName;
|
|
|
- this.form.glxm = data.projectName;
|
|
|
- this.form.gys = data.supplierName;
|
|
|
- this.form.gffzr = data.supplierPrincipal;
|
|
|
- this.form.gyslxdh = data.supplierTel;
|
|
|
- this.form.khh = data.depositBank;
|
|
|
- this.form.zh = data.accountNumber;
|
|
|
- this.form.djlx = data.type;
|
|
|
- this.form.shr = data.receivedName;
|
|
|
- this.form.spzt = data.approvalState;
|
|
|
- this.form.sqr = data.applicantName;
|
|
|
- this.form.xdsj = data.orderTime;
|
|
|
- this.form.tzje = data.adjustmentPrice;
|
|
|
- this.form.rksj = data.warehouseTime;
|
|
|
- this.form.jssqbh = data.settlementCode;
|
|
|
- this.form.sm = data.instruction;
|
|
|
- this.balanceType = "edit";
|
|
|
- this.form.filesList = data.attachmentList;
|
|
|
- this.tableData = data.detailList;
|
|
|
- this.requestId = data.requestId;
|
|
|
- let num = 0;
|
|
|
- for (let item in this.tableData) {
|
|
|
- num += this.tableData[item].totalPrice;
|
|
|
- }
|
|
|
- this.form.total = num;
|
|
|
- } else {
|
|
|
- this.$Message.error(res.message);
|
|
|
+ //查询结算详情
|
|
|
+ getJs() {
|
|
|
+ this.spinShow = true;
|
|
|
+ queryPurchaseSettlementInfo4OA(this.$route.query.param).then((res) => {
|
|
|
+ this.spinShow = false;
|
|
|
+ if (res.status == 200) {
|
|
|
+ let data = res.data;
|
|
|
+ this.form.bt = data.title;
|
|
|
+ this.form.glqy = data.areaName;
|
|
|
+ this.form.glxm = data.projectName;
|
|
|
+ this.form.gys = data.supplierName;
|
|
|
+ this.form.gffzr = data.supplierPrincipal;
|
|
|
+ this.form.gyslxdh = data.supplierTel;
|
|
|
+ this.form.khh = data.depositBank;
|
|
|
+ this.form.zh = data.accountNumber;
|
|
|
+ this.form.djlx = data.type;
|
|
|
+ this.form.shr = data.receivedName;
|
|
|
+ this.form.spzt = data.approvalState;
|
|
|
+ this.form.sqr = data.applicantName;
|
|
|
+ this.form.xdsj = data.orderTime;
|
|
|
+ this.form.tzje = data.adjustmentPrice;
|
|
|
+ this.form.rksj = data.warehouseTime;
|
|
|
+ this.form.jssqbh = data.settlementCode;
|
|
|
+ this.form.sm = data.instruction;
|
|
|
+ this.balanceType = "edit";
|
|
|
+ this.form.filesList = data.attachmentList;
|
|
|
+ this.tableData = data.detailList;
|
|
|
+ this.requestId = data.requestId;
|
|
|
+ let num = 0;
|
|
|
+ for (let item in this.tableData) {
|
|
|
+ num += this.tableData[item].totalPrice;
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
+ this.form.total = num;
|
|
|
+ } else {
|
|
|
+ this.$Message.error(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- };
|
|
|
-
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .mustSpan {
|
|
|
- color: red;
|
|
|
- margin-left: 2px;
|
|
|
- }
|
|
|
+.mustSpan {
|
|
|
+ color: red;
|
|
|
+ margin-left: 2px;
|
|
|
+}
|
|
|
|
|
|
- button {
|
|
|
- min-width: 80px;
|
|
|
- }
|
|
|
-
|
|
|
- .uplCont {
|
|
|
- border-left: 1px solid #e4e4e4;
|
|
|
+button {
|
|
|
+ min-width: 80px;
|
|
|
+}
|
|
|
|
|
|
- .upl {
|
|
|
- min-height: 40px;
|
|
|
- flex: auto;
|
|
|
- border-right: 1px solid #e4e4e4;
|
|
|
+.uplCont {
|
|
|
+ border-left: 1px solid #e4e4e4;
|
|
|
|
|
|
- &:nth-child(1) {
|
|
|
- background: #f8f9fb;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- }
|
|
|
+ .upl {
|
|
|
+ min-height: 40px;
|
|
|
+ flex: auto;
|
|
|
+ border-right: 1px solid #e4e4e4;
|
|
|
|
|
|
- .uplf {
|
|
|
+ &:nth-child(1) {
|
|
|
+ background: #f8f9fb;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- min-height: 80px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .mainCont .tables {
|
|
|
- height: 50px;
|
|
|
- border-right: 1px solid #e4e4e4;
|
|
|
- border-bottom: 1px solid #e4e4e4;
|
|
|
+ .uplf {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
-
|
|
|
- &:nth-child(2n + 1) {
|
|
|
- background: #f8f9fb;
|
|
|
- }
|
|
|
+ min-height: 80px;
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .mainCont {
|
|
|
- border-left: 1px solid #e4e4e4;
|
|
|
- border-top: 1px solid #e4e4e4;
|
|
|
- }
|
|
|
+.mainCont .tables {
|
|
|
+ height: 50px;
|
|
|
+ border-right: 1px solid #e4e4e4;
|
|
|
+ border-bottom: 1px solid #e4e4e4;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
|
|
|
- ivu-card-head-inner,
|
|
|
- .ivu-card-head p {
|
|
|
- display: inline-block;
|
|
|
- width: 100%;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- font-size: 14px;
|
|
|
- color: #17233d;
|
|
|
- font-weight: 700;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- font-weight: normal;
|
|
|
+ &:nth-child(2n + 1) {
|
|
|
+ background: #f8f9fb;
|
|
|
}
|
|
|
+}
|
|
|
+
|
|
|
+.mainCont {
|
|
|
+ border-left: 1px solid #e4e4e4;
|
|
|
+ border-top: 1px solid #e4e4e4;
|
|
|
+}
|
|
|
|
|
|
+ivu-card-head-inner,
|
|
|
+.ivu-card-head p {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #17233d;
|
|
|
+ font-weight: 700;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ font-weight: normal;
|
|
|
+}
|
|
|
</style>
|