|
@@ -10,35 +10,35 @@
|
|
|
<el-row>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">订单号</div>
|
|
|
- <div class="value">{{detailData.id}}</div>
|
|
|
+ <div class="value">{{ detailData.id }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">订单日期</div>
|
|
|
- <div class="value">{{detailData.theTime}}</div>
|
|
|
+ <div class="value">{{ detailData.theTime }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">单据状态</div>
|
|
|
- <div class="value">{{detailData.examineStatus | statusFilter}}</div>
|
|
|
+ <div class="value">{{ detailData.examineStatus | statusFilter }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="16" class="item">
|
|
|
<div class="label">备注</div>
|
|
|
- <div class="value">{{detailData.remark}}</div>
|
|
|
+ <div class="value">{{ detailData.remark }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">业务员</div>
|
|
|
- <div class="value">{{detailData.serviceName}}</div>
|
|
|
+ <div class="value">{{ detailData.serviceName }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">制单人</div>
|
|
|
- <div class="value">{{detailData.createName}}</div>
|
|
|
+ <div class="value">{{ detailData.createName }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">审核人</div>
|
|
|
- <div class="value">{{detailData.examineName}}</div>
|
|
|
+ <div class="value">{{ detailData.examineName }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="8" class="item">
|
|
|
<div class="label">关闭人</div>
|
|
|
- <div class="value">{{detailData.closeName}}</div>
|
|
|
+ <div class="value">{{ detailData.closeName }}</div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -48,41 +48,162 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="table" style="margin-top: 20px">
|
|
|
- <el-table :data="detailData.retailOrderItemList" element-loading-text="Loading" border fit highlight-current-row stripe max-height="400">
|
|
|
- <el-table-column align="center" label="序号" type="index" width="50"></el-table-column>
|
|
|
- <el-table-column align="center" label="销售类型" prop="saleTypeName" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="产品编码" prop="materialCode" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="规格型号" prop="specification" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="单位" prop="unit" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="单价" prop="price" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="数量" prop="qty" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="订单金额" prop="totalAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="返利类型" prop="walletRebateName" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="返利金额" prop="rebateAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="格力折扣" prop="deductAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="现金钱包" prop="walletRebateName2" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="实付金额" prop="payAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="是否直调" prop="isDirectTransfer" min-width="100" show-overflow-tooltip>
|
|
|
+ <el-table
|
|
|
+ :data="detailData.retailOrderItemList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ fit
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ max-height="400"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="序号"
|
|
|
+ type="index"
|
|
|
+ width="50"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="销售类型"
|
|
|
+ prop="saleTypeName"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="产品编码"
|
|
|
+ prop="materialCode"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="产品名称"
|
|
|
+ prop="materialName"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="规格型号"
|
|
|
+ prop="specification"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="单位"
|
|
|
+ prop="unit"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="单价"
|
|
|
+ prop="price"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="数量"
|
|
|
+ prop="qty"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="订单金额"
|
|
|
+ prop="totalAmount"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="返利类型"
|
|
|
+ prop="walletRebateName"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="返利金额"
|
|
|
+ prop="rebateAmount"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="格力折扣"
|
|
|
+ prop="deductAmount"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="现金钱包"
|
|
|
+ prop="walletRebateName2"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="实付金额"
|
|
|
+ prop="payAmount"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="是否直调"
|
|
|
+ prop="isDirectTransfer"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- {{scope.row.isDirectTransfer ? '是':'否'}}
|
|
|
+ {{ scope.row.isDirectTransfer ? "是" : "否" }}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="直调数量" prop="directTransferQty" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="原订单数量" prop="oldQty" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="税率" prop="tax" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="直调数量"
|
|
|
+ prop="directTransferQty"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="原订单数量"
|
|
|
+ prop="oldQty"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="备注"
|
|
|
+ prop="remark"
|
|
|
+ min-width="160"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="税率"
|
|
|
+ prop="tax"
|
|
|
+ min-width="100"
|
|
|
+ show-overflow-tooltip
|
|
|
+ ></el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
|
|
|
<div class="main-title">
|
|
|
<div class="title">审批信息</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<div class="diy-table-1">
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :span="12" class="item">
|
|
|
<div class="label">审批人</div>
|
|
|
- <div class="value">{{userName}}</div>
|
|
|
+ <div class="value">{{ userName }}</div>
|
|
|
</el-col>
|
|
|
<el-col :span="12" class="item">
|
|
|
<div class="label">审批结果</div>
|
|
@@ -95,39 +216,48 @@
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="item">
|
|
|
<div class="label">审批说明</div>
|
|
|
- <div class="value"><el-input v-model="mainForm.remark" placeholder="请输入内容"></el-input></div>
|
|
|
+ <div class="value">
|
|
|
+ <el-input
|
|
|
+ v-model="mainForm.remark"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ ></el-input>
|
|
|
+ </div>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="page-footer">
|
|
|
<div class="footer" :class="classObj">
|
|
|
- <el-button type="primary" @click="clickSubmitForm" :loading="formLoading">{{ formLoading ? '提交中 ...' : '提 交' }}</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="clickSubmitForm"
|
|
|
+ :loading="formLoading"
|
|
|
+ >{{ formLoading ? "提交中 ..." : "提 交" }}</el-button
|
|
|
+ >
|
|
|
<el-button @click="goBack">关 闭</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { getDetail, examineData } from "@/api/supply/retail";
|
|
|
+import { getDetail, examineData } from "@/api/supply/policy";
|
|
|
|
|
|
export default {
|
|
|
- name: 'RetailExamine',
|
|
|
- componentName: 'RetailExamine',
|
|
|
- props: ['listItem'],
|
|
|
+ name: "RetailExamine",
|
|
|
+ componentName: "RetailExamine",
|
|
|
+ props: ["listItem"],
|
|
|
filters: {
|
|
|
statusFilter(val) {
|
|
|
const statusList = [
|
|
|
- { label: '已保存', value: 'SAVE' },
|
|
|
- { label: '待审核', value: 'WAIT' },
|
|
|
- { label: '审核通过', value: 'OK' },
|
|
|
- { label: '审核驳回', value: 'FAIL' },
|
|
|
+ { label: "已保存", value: "SAVE" },
|
|
|
+ { label: "待审核", value: "WAIT" },
|
|
|
+ { label: "审核通过", value: "OK" },
|
|
|
+ { label: "审核驳回", value: "FAIL" },
|
|
|
];
|
|
|
- let obj = statusList.find(o => o.value == val);
|
|
|
- return obj ? obj.label : ''
|
|
|
- }
|
|
|
+ let obj = statusList.find((o) => o.value == val);
|
|
|
+ return obj ? obj.label : "";
|
|
|
+ },
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -137,20 +267,20 @@ export default {
|
|
|
formLoading: false,
|
|
|
mainForm: {
|
|
|
status: true,
|
|
|
- remark: '',
|
|
|
- }
|
|
|
- }
|
|
|
+ remark: "",
|
|
|
+ },
|
|
|
+ };
|
|
|
},
|
|
|
|
|
|
computed: {
|
|
|
sidebar() {
|
|
|
- return this.$store.state.app.sidebar
|
|
|
+ return this.$store.state.app.sidebar;
|
|
|
},
|
|
|
classObj() {
|
|
|
return {
|
|
|
hideSidebar: !this.sidebar.opened,
|
|
|
- openSidebar: this.sidebar.opened
|
|
|
- }
|
|
|
+ openSidebar: this.sidebar.opened,
|
|
|
+ };
|
|
|
},
|
|
|
},
|
|
|
|
|
@@ -161,14 +291,14 @@ export default {
|
|
|
methods: {
|
|
|
// 返回列表
|
|
|
goBack() {
|
|
|
- this.$emit('backListFormDetail');
|
|
|
+ this.$emit("backListFormDetail");
|
|
|
},
|
|
|
|
|
|
// 获取详情
|
|
|
getDetail() {
|
|
|
- getDetail({id: this.listItem.id}).then(res => {
|
|
|
+ getDetail({ id: this.listItem.id }).then((res) => {
|
|
|
this.detailData = res.data;
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
|
|
|
// 提交审批
|
|
@@ -176,38 +306,39 @@ export default {
|
|
|
this.formLoading = true;
|
|
|
examineData({
|
|
|
id: this.listItem.id,
|
|
|
- examineStatus: this.mainForm.status ? 'OK' : 'FAIL',
|
|
|
+ examineStatus: this.mainForm.status ? "OK" : "FAIL",
|
|
|
examineRemark: this.mainForm.remark,
|
|
|
- }).then(res => {
|
|
|
- this.$successMsg('审批成功');
|
|
|
- this.goBack();
|
|
|
- this.$parent.getList();
|
|
|
- }).finally(res => {
|
|
|
- this.formLoading = false;
|
|
|
})
|
|
|
+ .then((res) => {
|
|
|
+ this.$successMsg("审批成功");
|
|
|
+ this.goBack();
|
|
|
+ this.$parent.getList();
|
|
|
+ })
|
|
|
+ .finally((res) => {
|
|
|
+ this.formLoading = false;
|
|
|
+ });
|
|
|
},
|
|
|
-
|
|
|
- }
|
|
|
-}
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
- .detail-container {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
- .main-title {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- margin-top: 20px;
|
|
|
- height: 60px;
|
|
|
- border-bottom: 1px solid #DCDFE6;
|
|
|
- margin-bottom: 20px;
|
|
|
- .title {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
- padding-left: 10px;
|
|
|
- }
|
|
|
+.detail-container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.main-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 20px;
|
|
|
+ height: 60px;
|
|
|
+ border-bottom: 1px solid #dcdfe6;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ padding-left: 10px;
|
|
|
}
|
|
|
-</style>
|
|
|
+}
|
|
|
+</style>
|