|
@@ -2,10 +2,10 @@
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
<div v-if="showPage == 1">
|
|
<div v-if="showPage == 1">
|
|
<el-radio-group v-model="deduction" size="" @change="handleRadio">
|
|
<el-radio-group v-model="deduction" size="" @change="handleRadio">
|
|
- <el-radio-button label="全部"></el-radio-button>
|
|
|
|
- <el-radio-button label="已退押"></el-radio-button>
|
|
|
|
|
|
+ <el-radio-button label="全部" />
|
|
|
|
+ <el-radio-button label="已退押" />
|
|
</el-radio-group>
|
|
</el-radio-group>
|
|
- <br /><br />
|
|
|
|
|
|
+ <br><br>
|
|
<!-- 筛选条件 -->
|
|
<!-- 筛选条件 -->
|
|
<div>
|
|
<div>
|
|
<el-form
|
|
<el-form
|
|
@@ -21,7 +21,7 @@
|
|
<el-input
|
|
<el-input
|
|
v-model="screenForm.refEnginRecordNo"
|
|
v-model="screenForm.refEnginRecordNo"
|
|
placeholder="请输入"
|
|
placeholder="请输入"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
@@ -29,7 +29,7 @@
|
|
<el-input
|
|
<el-input
|
|
v-model="screenForm.customerKeyword"
|
|
v-model="screenForm.customerKeyword"
|
|
placeholder="请输入"
|
|
placeholder="请输入"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
<!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
@@ -45,7 +45,7 @@
|
|
<el-input
|
|
<el-input
|
|
v-model="screenForm.refProjectName"
|
|
v-model="screenForm.refProjectName"
|
|
placeholder="请输入"
|
|
placeholder="请输入"
|
|
- ></el-input>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
<el-col :xs="24" :sm="12" :lg="6">
|
|
@@ -55,8 +55,7 @@
|
|
class="dateStyle"
|
|
class="dateStyle"
|
|
type="datetime"
|
|
type="datetime"
|
|
placeholder="选择日期"
|
|
placeholder="选择日期"
|
|
- >
|
|
|
|
- </el-date-picker>
|
|
|
|
|
|
+ />
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
<!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
@@ -71,12 +70,15 @@
|
|
</el-col> -->
|
|
</el-col> -->
|
|
<el-col :xs="24" :sm="24" :lg="24">
|
|
<el-col :xs="24" :sm="24" :lg="24">
|
|
<el-form-item label="" class="fr">
|
|
<el-form-item label="" class="fr">
|
|
- <el-button size="small" @click="resetScreenForm"
|
|
|
|
- >清空</el-button
|
|
|
|
- >
|
|
|
|
- <el-button size="small" type="primary" @click="submitScreenForm"
|
|
|
|
- >搜索</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ size="small"
|
|
|
|
+ @click="resetScreenForm"
|
|
|
|
+ >清空</el-button>
|
|
|
|
+ <el-button
|
|
|
|
+ size="small"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="submitScreenForm"
|
|
|
|
+ >搜索</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -84,9 +86,11 @@
|
|
</div>
|
|
</div>
|
|
<!-- 按钮 -->
|
|
<!-- 按钮 -->
|
|
<div class="btn-group clearfix" style="display: flex">
|
|
<div class="btn-group clearfix" style="display: flex">
|
|
- <el-button type="primary" size="small" @click="hanleDownloadFiles"
|
|
|
|
- >导出</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ <el-button
|
|
|
|
+ type="primary"
|
|
|
|
+ size="small"
|
|
|
|
+ @click="hanleDownloadFiles"
|
|
|
|
+ >导出</el-button>
|
|
<el-upload
|
|
<el-upload
|
|
v-if="$checkBtnRole('import', $route.meta.roles)"
|
|
v-if="$checkBtnRole('import', $route.meta.roles)"
|
|
class="import-btn"
|
|
class="import-btn"
|
|
@@ -112,36 +116,35 @@
|
|
@select-all="handleSelectionAllChange"
|
|
@select-all="handleSelectionAllChange"
|
|
@selection-change="handleSelectionAllChange"
|
|
@selection-change="handleSelectionAllChange"
|
|
>
|
|
>
|
|
- <el-table-column align="center" type="selection" width="55">
|
|
|
|
- </el-table-column>
|
|
|
|
|
|
+ <el-table-column align="center" type="selection" width="55" />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="工程登录编码"
|
|
label="工程登录编码"
|
|
prop="refEnginRecordNo"
|
|
prop="refEnginRecordNo"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="使用单位"
|
|
label="使用单位"
|
|
prop="refUseUnit"
|
|
prop="refUseUnit"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="经销商编码"
|
|
label="经销商编码"
|
|
prop="customerId"
|
|
prop="customerId"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="经销商名称"
|
|
label="经销商名称"
|
|
prop="customerName"
|
|
prop="customerName"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<!-- <el-table-column
|
|
<!-- <el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="是否免扣"
|
|
label="是否免扣"
|
|
@@ -158,12 +161,11 @@
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-tag
|
|
<el-tag
|
|
|
|
+ v-if="scope.row.isRefundDeposit"
|
|
type="success"
|
|
type="success"
|
|
size="small"
|
|
size="small"
|
|
- v-if="scope.row.isRefundDeposit"
|
|
|
|
- >是</el-tag
|
|
|
|
- >
|
|
|
|
- <el-tag type="warning" size="small" v-else>否</el-tag>
|
|
|
|
|
|
+ >是</el-tag>
|
|
|
|
+ <el-tag v-else type="warning" size="small">否</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<!-- <el-table-column
|
|
<!-- <el-table-column
|
|
@@ -179,7 +181,7 @@
|
|
prop="depositAmount"
|
|
prop="depositAmount"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="状态"
|
|
label="状态"
|
|
@@ -189,35 +191,32 @@
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-tag
|
|
<el-tag
|
|
|
|
+ v-if="scope.row.examineStatus == 'SAVE'"
|
|
type="success"
|
|
type="success"
|
|
size="small"
|
|
size="small"
|
|
- v-if="scope.row.examineStatus == 'SAVE'"
|
|
|
|
- >保存
|
|
|
|
|
|
+ >保存
|
|
</el-tag>
|
|
</el-tag>
|
|
<el-tag
|
|
<el-tag
|
|
|
|
+ v-if="scope.row.examineStatus == 'WAIT'"
|
|
type="warning"
|
|
type="warning"
|
|
size="small"
|
|
size="small"
|
|
- v-if="scope.row.examineStatus == 'WAIT'"
|
|
|
|
- >待审核
|
|
|
|
|
|
+ >待审核
|
|
</el-tag>
|
|
</el-tag>
|
|
<el-tag
|
|
<el-tag
|
|
|
|
+ v-if="scope.row.examineStatus == 'OK'"
|
|
type="warning"
|
|
type="warning"
|
|
size="small"
|
|
size="small"
|
|
- v-if="scope.row.examineStatus == 'OK'"
|
|
|
|
- >通过</el-tag
|
|
|
|
- >
|
|
|
|
|
|
+ >通过</el-tag>
|
|
<el-tag
|
|
<el-tag
|
|
|
|
+ v-if="scope.row.examineStatus == 'FAIL'"
|
|
type="warning"
|
|
type="warning"
|
|
size="small"
|
|
size="small"
|
|
- v-if="scope.row.examineStatus == 'FAIL'"
|
|
|
|
- >不通过</el-tag
|
|
|
|
- >
|
|
|
|
|
|
+ >不通过</el-tag>
|
|
<el-tag
|
|
<el-tag
|
|
|
|
+ v-if="scope.row.examineStatus == 'CLOSE'"
|
|
type="warning"
|
|
type="warning"
|
|
size="small"
|
|
size="small"
|
|
- v-if="scope.row.examineStatus == 'CLOSE'"
|
|
|
|
- >关闭</el-tag
|
|
|
|
- >
|
|
|
|
|
|
+ >关闭</el-tag>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
@@ -226,7 +225,7 @@
|
|
prop="qty"
|
|
prop="qty"
|
|
min-width="160"
|
|
min-width="160"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
- ></el-table-column>
|
|
|
|
|
|
+ />
|
|
<!-- <el-table-column
|
|
<!-- <el-table-column
|
|
align="center"
|
|
align="center"
|
|
label="是否已发货"
|
|
label="是否已发货"
|
|
@@ -238,7 +237,7 @@
|
|
align="center"
|
|
align="center"
|
|
label="操作"
|
|
label="操作"
|
|
min-width="160"
|
|
min-width="160"
|
|
- fixed="right"
|
|
|
|
|
|
+ fixed="right"
|
|
show-overflow-tooltip
|
|
show-overflow-tooltip
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -246,18 +245,16 @@
|
|
type="text"
|
|
type="text"
|
|
class="textColor"
|
|
class="textColor"
|
|
@click="detailFn(scope.row)"
|
|
@click="detailFn(scope.row)"
|
|
- >详情</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ >详情</el-button>
|
|
<el-button
|
|
<el-button
|
|
- type="text"
|
|
|
|
- class="textColor"
|
|
|
|
v-if="
|
|
v-if="
|
|
scope.row.examineStatus == 'SAVE' &&
|
|
scope.row.examineStatus == 'SAVE' &&
|
|
- $checkBtnRole('apply', $route.meta.roles)
|
|
|
|
|
|
+ $checkBtnRole('apply', $route.meta.roles)
|
|
"
|
|
"
|
|
|
|
+ type="text"
|
|
|
|
+ class="textColor"
|
|
@click="surrenderFn(scope.row)"
|
|
@click="surrenderFn(scope.row)"
|
|
- >申请退押</el-button
|
|
|
|
- >
|
|
|
|
|
|
+ >申请退押</el-button>
|
|
<!-- <el-button type="text" class="textColor" slot="reference"
|
|
<!-- <el-button type="text" class="textColor" slot="reference"
|
|
>免扣退押</el-button
|
|
>免扣退押</el-button
|
|
> -->
|
|
> -->
|
|
@@ -273,8 +270,7 @@
|
|
:page-size="10"
|
|
:page-size="10"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
:total="listTotal"
|
|
:total="listTotal"
|
|
- >
|
|
|
|
- </el-pagination>
|
|
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -293,12 +289,12 @@ import { getList } from '@/api/engin_deposit.js'
|
|
import Mixin from '@/mixin'
|
|
import Mixin from '@/mixin'
|
|
|
|
|
|
export default {
|
|
export default {
|
|
- mixins: [Mixin],
|
|
|
|
components: {
|
|
components: {
|
|
DepositListDetail,
|
|
DepositListDetail,
|
|
DepositApplyDeduction,
|
|
DepositApplyDeduction,
|
|
- DepositApplySurrender,
|
|
|
|
|
|
+ DepositApplySurrender
|
|
},
|
|
},
|
|
|
|
+ mixins: [Mixin],
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
currentPage: 1, // 当前页码
|
|
currentPage: 1, // 当前页码
|
|
@@ -306,97 +302,98 @@ export default {
|
|
listTotal: 0, // 列表总数
|
|
listTotal: 0, // 列表总数
|
|
dataList: [], // 列表数据
|
|
dataList: [], // 列表数据
|
|
screenForm: {
|
|
screenForm: {
|
|
- confirmName: "", //审核人
|
|
|
|
- createName: "", //创建人
|
|
|
|
- customerKeyword: "", //客户编码/客户名称
|
|
|
|
- endDeliverTime: "", //发货申请日期-结束
|
|
|
|
- enginOrderNo: "", //工程订单编号
|
|
|
|
- enginOrderType: "", //工程订单类型
|
|
|
|
- examineStatus: "", //状态
|
|
|
|
- refEnginRecordNo: "", //登录单号
|
|
|
|
- refProjectName: "", //项目名称
|
|
|
|
- refUseUnit: "", //使用单位
|
|
|
|
- startDeliverTime: "", //发货申请日期-开始
|
|
|
|
- }, //搜索表单
|
|
|
|
|
|
+ confirmName: '', // 审核人
|
|
|
|
+ createName: '', // 创建人
|
|
|
|
+ customerKeyword: '', // 客户编码/客户名称
|
|
|
|
+ endDeliverTime: '', // 发货申请日期-结束
|
|
|
|
+ enginOrderNo: '', // 工程订单编号
|
|
|
|
+ enginOrderType: '', // 工程订单类型
|
|
|
|
+ examineStatus: '', // 状态
|
|
|
|
+ refEnginRecordNo: '', // 登录单号
|
|
|
|
+ refProjectName: '', // 项目名称
|
|
|
|
+ refUseUnit: '', // 使用单位
|
|
|
|
+ startDeliverTime: '' // 发货申请日期-开始
|
|
|
|
+ }, // 搜索表单
|
|
listLoading: false, // 列表加载loading
|
|
listLoading: false, // 列表加载loading
|
|
- deduction: "全部",
|
|
|
|
|
|
+ deduction: '全部',
|
|
showPage: 1,
|
|
showPage: 1,
|
|
importFileList: [],
|
|
importFileList: [],
|
|
selectData: [],
|
|
selectData: [],
|
|
- baseURL: "",
|
|
|
|
- };
|
|
|
|
|
|
+ baseURL: ''
|
|
|
|
+ }
|
|
},
|
|
},
|
|
|
|
|
|
methods: {
|
|
methods: {
|
|
- //免扣申请
|
|
|
|
|
|
+ // 免扣申请
|
|
deductionFn() {
|
|
deductionFn() {
|
|
- this.showPage = 3;
|
|
|
|
|
|
+ this.showPage = 3
|
|
},
|
|
},
|
|
- //申请退押
|
|
|
|
|
|
+ // 申请退押
|
|
surrenderFn(row) {
|
|
surrenderFn(row) {
|
|
- this.depositManageId = row.depositManageId;
|
|
|
|
- this.showPage = 4;
|
|
|
|
|
|
+ this.depositManageId = row.depositManageId
|
|
|
|
+ this.showPage = 4
|
|
},
|
|
},
|
|
detailFn(row) {
|
|
detailFn(row) {
|
|
- this.depositManageId = row.depositManageId;
|
|
|
|
- this.refEnginRecordNo = row.refEnginRecordNo;
|
|
|
|
- this.showPage = 2;
|
|
|
|
|
|
+ this.depositManageId = row.depositManageId
|
|
|
|
+ this.refEnginRecordNo = row.refEnginRecordNo
|
|
|
|
+ this.showPage = 2
|
|
},
|
|
},
|
|
getList() {
|
|
getList() {
|
|
- this.listLoading = true;
|
|
|
|
|
|
+ this.listLoading = true
|
|
const params = {
|
|
const params = {
|
|
pageSize: this.pageSize,
|
|
pageSize: this.pageSize,
|
|
pageNum: this.currentPage,
|
|
pageNum: this.currentPage,
|
|
- ...this.screenForm,
|
|
|
|
- };
|
|
|
|
|
|
+ isRefundDeposit: this.deduction !=='全部',
|
|
|
|
+ ...this.screenForm
|
|
|
|
+ }
|
|
getList(params).then((res) => {
|
|
getList(params).then((res) => {
|
|
- this.dataList = res.data.records;
|
|
|
|
- this.listLoading = false;
|
|
|
|
- this.listTotal = res.data.total;
|
|
|
|
- });
|
|
|
|
|
|
+ this.dataList = res.data.records
|
|
|
|
+ this.listLoading = false
|
|
|
|
+ this.listTotal = res.data.total
|
|
|
|
+ })
|
|
},
|
|
},
|
|
handleRadio() {
|
|
handleRadio() {
|
|
- this.getList();
|
|
|
|
|
|
+ this.getList()
|
|
},
|
|
},
|
|
hanleDownloadFiles() {
|
|
hanleDownloadFiles() {
|
|
if (this.selectData.length) {
|
|
if (this.selectData.length) {
|
|
- const arr = [];
|
|
|
|
|
|
+ const arr = []
|
|
for (let i = 0; i < this.selectData.length; i++) {
|
|
for (let i = 0; i < this.selectData.length; i++) {
|
|
- arr.push(this.selectData[i].depositManageId);
|
|
|
|
|
|
+ arr.push(this.selectData[i].depositManageId)
|
|
}
|
|
}
|
|
- downloadFiles("/deposit-manage/export", { id: arr });
|
|
|
|
|
|
+ downloadFiles('/deposit-manage/export', { id: arr })
|
|
} else {
|
|
} else {
|
|
- this.$errorMsg("请选择押金项");
|
|
|
|
|
|
+ this.$errorMsg('请选择押金项')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 导入
|
|
// 导入
|
|
async handleImport(param) {
|
|
async handleImport(param) {
|
|
- this.importLoading = true;
|
|
|
|
- const file = param.file;
|
|
|
|
- console.log(file, 123);
|
|
|
|
- const formData = new FormData();
|
|
|
|
- formData.append("file", file);
|
|
|
|
|
|
+ this.importLoading = true
|
|
|
|
+ const file = param.file
|
|
|
|
+ console.log(file, 123)
|
|
|
|
+ const formData = new FormData()
|
|
|
|
+ formData.append('file', file)
|
|
// formData.append("policyId", this.screenForm.code);
|
|
// formData.append("policyId", this.screenForm.code);
|
|
- let result = await handleImport("deposit-manage/import", formData);
|
|
|
|
- this.importLoading = false;
|
|
|
|
- this.importFileList = [];
|
|
|
|
|
|
+ const result = await handleImport('deposit-manage/import', formData)
|
|
|
|
+ this.importLoading = false
|
|
|
|
+ this.importFileList = []
|
|
if (result.code == 200) {
|
|
if (result.code == 200) {
|
|
- this.$alert(result.message, "导入成功", {
|
|
|
|
- confirmButtonText: "确定",
|
|
|
|
- });
|
|
|
|
|
|
+ this.$alert(result.message, '导入成功', {
|
|
|
|
+ confirmButtonText: '确定'
|
|
|
|
+ })
|
|
|
|
|
|
- this.handletwoList();
|
|
|
|
|
|
+ this.handletwoList()
|
|
} else {
|
|
} else {
|
|
- this.$alert(result.message, "导入失败", {
|
|
|
|
- confirmButtonText: "确定",
|
|
|
|
- });
|
|
|
|
|
|
+ this.$alert(result.message, '导入失败', {
|
|
|
|
+ confirmButtonText: '确定'
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
handleSelectionAllChange(e) {
|
|
handleSelectionAllChange(e) {
|
|
- this.selectData = e;
|
|
|
|
- },
|
|
|
|
- },
|
|
|
|
-};
|
|
|
|
|
|
+ this.selectData = e
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|