|
@@ -11,63 +11,97 @@
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
<div class="label">工程登录编码</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.refEnginRecordNo }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
<div class="label">工程名称(项目名称)</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.refProjectName }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="12" :sm="8" :lg="8" class="item">
|
|
|
<div class="label">工程编号</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.refProjectNo }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
<div class="label">经销商名称</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.customerName }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
<div class="label">经销商编码</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.customerId }}</div>
|
|
|
</el-col>
|
|
|
+ <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">经销商二级代码</div>
|
|
|
+ <div class="value">{{detailList.}}</div>
|
|
|
+ </el-col> -->
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
<div class="label">工程登录类型</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.refPromiseStatus }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">厂工程编码</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">联系人</div>
|
|
|
+ <div class="value">{{ detailList.refLinkman }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">使用单位</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">固定电话</div>
|
|
|
+ <div class="value">{{ detailList.refTel }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">安装地址</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">厂工程编码(G编码)</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-input v-model="detailList.refFactoryNo"></el-input>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
+ <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">押金比例</div>
|
|
|
+ <div class="value">{{detailList.}}</div>
|
|
|
+ </el-col> -->
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">扣款总额</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">移动电话</div>
|
|
|
+ <div class="value">{{ detailList.refPhone }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">押金比例</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">押金总额</div>
|
|
|
+ <div class="value">{{ detailList.depositAmount }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">安装时间</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">工程价差总额</div>
|
|
|
+ <div class="value">{{ detailList.depositDiffAmount }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">押金总额</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">使用单位</div>
|
|
|
+ <div class="value">{{ detailList.refUseUnit }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">退款总额</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">寄厂日期</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-date-picker
|
|
|
+ class="selectStyle"
|
|
|
+ v-model="detailList.sendFactoryDate"
|
|
|
+ type="datetime"
|
|
|
+ placeholder=""
|
|
|
+ default-time="00:00:00"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
+ <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
+ <div class="label">提货日期</div>
|
|
|
+ <div class="value">{{detailList.}}</div>
|
|
|
+ </el-col> -->
|
|
|
<el-col :xs="24" :sm="24" :lg="8" class="item">
|
|
|
- <div class="label">寄厂日期</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="label">安装时间</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-date-picker
|
|
|
+ class="selectStyle"
|
|
|
+ v-model="detailList.installDate"
|
|
|
+ type="datetime"
|
|
|
+ placeholder=""
|
|
|
+ default-time="00:00:00"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -78,7 +112,7 @@
|
|
|
<div class="table">
|
|
|
<el-table
|
|
|
v-loading="listLoading"
|
|
|
- :data="dataList"
|
|
|
+ :data="detailList.items"
|
|
|
element-loading-text="Loading"
|
|
|
border
|
|
|
fit
|
|
@@ -87,60 +121,82 @@
|
|
|
>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
+ label="物料编码"
|
|
|
+ prop="materialOldNumber"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
label="产品编码"
|
|
|
- prop=""
|
|
|
+ prop="materialNumber"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="产品名称"
|
|
|
- prop=""
|
|
|
+ prop="materialName"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="规格型号"
|
|
|
- prop=""
|
|
|
+ prop="specification"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="单价"
|
|
|
- prop=""
|
|
|
+ prop="price"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="数量"
|
|
|
- prop=""
|
|
|
+ prop="qty"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="金额"
|
|
|
- prop=""
|
|
|
+ prop="totalAmount"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
- label="押金金额"
|
|
|
- prop=""
|
|
|
+ label="发货数量"
|
|
|
+ prop="hasSendQty"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
- label="上交资料"
|
|
|
- prop=""
|
|
|
+ label="上传资料"
|
|
|
+ prop="dataQty"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
- ></el-table-column>
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.dataQty"></el-input>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="收差金额"
|
|
|
+ prop="diffAmount"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input v-model="scope.row.diffAmount"></el-input>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -151,7 +207,7 @@
|
|
|
<div class="table">
|
|
|
<el-table
|
|
|
v-loading="listLoading"
|
|
|
- :data="dataList"
|
|
|
+ :data="detailList.dataList"
|
|
|
element-loading-text="Loading"
|
|
|
border
|
|
|
fit
|
|
@@ -161,28 +217,28 @@
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="资料描述"
|
|
|
- prop=""
|
|
|
+ prop="dataDescribe"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="原文件名"
|
|
|
- prop=""
|
|
|
+ prop="fileName"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="缩略图"
|
|
|
- prop=""
|
|
|
+ prop="fileUrl"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
|
<el-table-column
|
|
|
align="center"
|
|
|
label="下载文件名称"
|
|
|
- prop=""
|
|
|
+ prop="fileName"
|
|
|
min-width="160"
|
|
|
show-overflow-tooltip
|
|
|
></el-table-column>
|
|
@@ -206,15 +262,15 @@
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :xs="12" :sm="12" :lg="12" class="item">
|
|
|
<div class="label">申请人</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.createBy }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="12" :sm="12" :lg="12" class="item">
|
|
|
<div class="label">申请日期</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ detailList.createTime }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="12" :sm="24" :lg="24" class="item">
|
|
|
- <div class="label">申请免扣押金</div>
|
|
|
- <div class="value">************</div>
|
|
|
+ <div class="label">申请退押金</div>
|
|
|
+ <div class="value">{{ detailList.applyNote }}</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -224,36 +280,35 @@
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :xs="12" :sm="12" :lg="12" class="item">
|
|
|
<div class="label">验收人</div>
|
|
|
- <div class="value">2022123233435342</div>
|
|
|
+ <div class="value">{{ this.checkBy }}</div>
|
|
|
</el-col>
|
|
|
<el-col :xs="12" :sm="12" :lg="12" class="item">
|
|
|
<div class="label">验收日期</div>
|
|
|
<div class="value">
|
|
|
- <el-date-picker type="date" placeholder=""> </el-date-picker>
|
|
|
+ <el-date-picker
|
|
|
+ class="selectStyle"
|
|
|
+ v-model="checkDate"
|
|
|
+ type="datetime"
|
|
|
+ placeholder=""
|
|
|
+ default-time="00:00:00"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :xs="12" :sm="12" :lg="12" class="item">
|
|
|
- <div class="label">是否免押金</div>
|
|
|
+ <el-col :xs="12" :sm="24" :lg="24" class="item">
|
|
|
+ <div class="label">是否退押</div>
|
|
|
<div class="value">
|
|
|
- <el-radio-group>
|
|
|
+ <el-radio-group v-model="isRefundDeposit">
|
|
|
<el-radio :label="true">是</el-radio>
|
|
|
<el-radio :label="false">否</el-radio>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :xs="12" :sm="12" :lg="12" class="item">
|
|
|
- <div class="label">审批结果</div>
|
|
|
- <div class="value">
|
|
|
- <el-radio-group>
|
|
|
- <el-radio :label="true">同意</el-radio>
|
|
|
- <el-radio :label="false">驳回</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
<el-col :xs="12" :sm="24" :lg="24" class="item">
|
|
|
- <div class="label">审批说明</div>
|
|
|
+ <div class="label">验收说明</div>
|
|
|
<div class="value">
|
|
|
- <el-input placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="checkNote" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
@@ -262,16 +317,78 @@
|
|
|
<!-- 按钮 -->
|
|
|
<div class="btn-group clearfix">
|
|
|
<div class="fl">
|
|
|
- <el-button type="primary" size="small">提交审批</el-button>
|
|
|
- <el-button type="primary" size="small">重置</el-button>
|
|
|
+ <el-button type="primary" size="small" @click="adoptFn"
|
|
|
+ >审批通过</el-button
|
|
|
+ >
|
|
|
+ <el-button type="primary" size="small" @click="rejectFn"
|
|
|
+ >审批驳回</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+import {
|
|
|
+ getDepositManageDetail,
|
|
|
+ getDepositManageExamine,
|
|
|
+} from "@/api/engin_deposit/refund_list";
|
|
|
export default {
|
|
|
+ props: {
|
|
|
+ detailId: {
|
|
|
+ type: String,
|
|
|
+ required: true,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(["name"]),
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ listLoading: false, // 列表加载loading
|
|
|
+ dataList: [], // 列表数据
|
|
|
+ detailList: {},
|
|
|
+ checkBy: "",
|
|
|
+ checkDate: null,
|
|
|
+ isRefundDeposit: true,
|
|
|
+ checkNote: "",
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.checkBy = this.name;
|
|
|
+ this.getData({ id: this.detailId });
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ //审批驳回
|
|
|
+ async rejectFn() {
|
|
|
+ let data = {
|
|
|
+ ...this.detailList,
|
|
|
+ checkBy: this.checkBy,
|
|
|
+ checkDate: this.checkDate,
|
|
|
+ isRefundDeposit: this.isRefundDeposit,
|
|
|
+ checkNote: this.checkNote,
|
|
|
+ examineResult: 0,
|
|
|
+ };
|
|
|
+ await getDepositManageExamine(data);
|
|
|
+ },
|
|
|
+ //审批通过
|
|
|
+ async adoptFn() {
|
|
|
+ let data = {
|
|
|
+ ...this.detailList,
|
|
|
+ checkBy: this.checkBy,
|
|
|
+ checkDate: this.checkDate,
|
|
|
+ isRefundDeposit: this.isRefundDeposit,
|
|
|
+ checkNote: this.checkNote,
|
|
|
+ examineResult: 1,
|
|
|
+ };
|
|
|
+ await getDepositManageExamine(data);
|
|
|
+ },
|
|
|
+ async getData(data) {
|
|
|
+ const res = await getDepositManageDetail(data);
|
|
|
+ console.log(res);
|
|
|
+ this.detailList = res.data;
|
|
|
+ },
|
|
|
goBack() {
|
|
|
this.$parent.showSurrender = true;
|
|
|
},
|
|
@@ -283,4 +400,7 @@ export default {
|
|
|
.dateStyle {
|
|
|
width: 100%;
|
|
|
}
|
|
|
-</style>
|
|
|
+.label {
|
|
|
+ width: 150px !important;
|
|
|
+}
|
|
|
+</style>
|