|
|
@@ -1,515 +1,26 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
- <div v-if="(showSurrender == 0)">
|
|
|
- <!-- 筛选条件 -->
|
|
|
- <div>
|
|
|
- <Collapse :screen-form="screenForm">
|
|
|
- <template #right_btn>
|
|
|
- <el-button size="mini" @click="resetFn">清空</el-button>
|
|
|
- <el-button size="mini" type="primary" @click="searchFn">搜索</el-button>
|
|
|
- </template>
|
|
|
- <template #left_btn>
|
|
|
- <el-radio-group v-model="examine" size="mini" @change="changeRadioFn">
|
|
|
- <el-radio-button label="">全部</el-radio-button>
|
|
|
- <el-radio-button label="SAVE">保存</el-radio-button>
|
|
|
- <el-radio-button label="WAIT">待审核</el-radio-button>
|
|
|
- <!-- <el-radio-button label="FAIL">审核驳回</el-radio-button> -->
|
|
|
- <el-radio-button label="OK">审核通过</el-radio-button>
|
|
|
- <el-radio-button label="AMEND">保存（补充资料）</el-radio-button>
|
|
|
- <el-radio-button label="WAIT_REVIEW">待复核</el-radio-button>
|
|
|
- <el-radio-button label="REVIEW">复核</el-radio-button>
|
|
|
-
|
|
|
- </el-radio-group>
|
|
|
- </template>
|
|
|
- <template #search>
|
|
|
- <el-form ref="screenForm" :model="screenForm" label-width="140px" size="mini" label-position="left">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="工程登录编号" prop="refEnginRecordNo">
|
|
|
- <el-input v-model="screenForm.refEnginRecordNo" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="经销商编码/名称" prop="customerKeyword">
|
|
|
- <el-input v-model="screenForm.customerKeyword" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="经销商名称" prop="customerKeyword">
|
|
|
- <el-input
|
|
|
- v-model="screenForm.customerKeyword"
|
|
|
- placeholder="请输入"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="行业类别" prop="refTradeCategory">
|
|
|
- <el-input v-model="screenForm.refTradeCategory" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="使用单位" prop="refUseUnit">
|
|
|
- <el-input v-model="screenForm.refUseUnit" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="开始申请日期" prop="startSubmitTime">
|
|
|
- <el-date-picker v-model="screenForm.startSubmitTime" class="dateStyle" type="datetime"
|
|
|
- placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="结束申请日期" prop="endSubmitTime">
|
|
|
- <el-date-picker v-model="screenForm.endSubmitTime" class="dateStyle" type="datetime"
|
|
|
- placeholder="选择日期" value-format="yyyy-MM-dd HH:mm:ss" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="是否退押 " prop="isRefundDeposit">
|
|
|
- <el-select v-model="screenForm.isRefundDeposit" style="width: 100%" placeholder="请选择是否退押 ">
|
|
|
- <el-option label="默认" :value="null" />
|
|
|
-
|
|
|
- <el-option v-for="item in refundDepositArr" :key="item.value" :label="item.label"
|
|
|
- :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" v-if="examine === ''">
|
|
|
- <el-form-item label="状态 " prop="examineStatus">
|
|
|
- <el-select v-model="screenForm.examineStatus" style="width: 100%" placeholder="请选择状态 ">
|
|
|
- <el-option label="默认" :value="null" />
|
|
|
-
|
|
|
- <el-option v-for="item in examineStatusArr" :key="item.value" :label="item.label"
|
|
|
- :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="产品名称" prop="">
|
|
|
- <el-input placeholder="请输入"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="规格型号" prop="">
|
|
|
- <el-input placeholder="请输入"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="开始受理日期" prop="startConfirmTime">
|
|
|
- <el-date-picker v-model="screenForm.startConfirmTime" class="dateStyle" type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="结束受理日期" prop="endConfirmTime">
|
|
|
- <el-date-picker v-model="screenForm.endConfirmTime" class="dateStyle" type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <template v-if="!isCustomer">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="审核人" prop="confirmName">
|
|
|
- <el-input v-model="screenForm.confirmName" placeholder="请输入审核人" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="区域" prop="refRegionWork">
|
|
|
- <el-input v-model="screenForm.refRegionWork" placeholder="请输入区域" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="安装日期" style="margin-bottom: 0">
|
|
|
- <div class="fanwei">
|
|
|
- <el-form-item prop="startInstallTime">
|
|
|
- <el-date-picker v-model="screenForm.startInstallTime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- <span>-</span>
|
|
|
- <el-form-item prop="endInstallTime">
|
|
|
- <el-date-picker v-model="screenForm.endInstallTime" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="规格型号" prop="specification">
|
|
|
- <el-input v-model="screenForm.specification" placeholder="规格型号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="特价编号" prop="specialNo">
|
|
|
- <el-input v-model="screenForm.specialNo" placeholder="特价编号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="跨区厂编号" prop="refFactoryNo">
|
|
|
- <el-input v-model="screenForm.refFactoryNo" placeholder="跨区厂编号" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="格力内部备注" prop="geLiInerNote">
|
|
|
- <el-input v-model="screenForm.geLiInerNote" placeholder="格力内部备注" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="厂编号" style="margin-bottom: 0">
|
|
|
- <div class="fanwei">
|
|
|
- <el-form-item prop="startFactoryNo">
|
|
|
- <el-input v-model="screenForm.startFactoryNo" placeholder="厂编号开始" />
|
|
|
- </el-form-item>
|
|
|
- <span>-</span>
|
|
|
- <el-form-item prop="endFactoryNo">
|
|
|
- <el-input v-model="screenForm.endFactoryNo" placeholder="厂编号结束" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="资料审核开始日期" prop="startAcceptTime">
|
|
|
- <el-date-picker v-model="screenForm.startAcceptTime" class="dateStyle" type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="资料审核结束日期" prop="endAcceptTime">
|
|
|
- <el-date-picker v-model="screenForm.endAcceptTime" class="dateStyle" type="datetime"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="寄厂日期" style="margin-bottom: 0">
|
|
|
- <div class="fanwei">
|
|
|
- <el-form-item prop="startMailFactoryDate">
|
|
|
- <el-date-picker v-model="screenForm.startMailFactoryDate" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- <span>-</span>
|
|
|
- <el-form-item prop="endMailFactoryDate">
|
|
|
- <el-date-picker v-model="screenForm.endMailFactoryDate" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="结算日期" style="margin-bottom: 0">
|
|
|
- <div class="fanwei">
|
|
|
- <el-form-item prop="startSettlementDate">
|
|
|
-
|
|
|
- <el-date-picker v-model="screenForm.startSettlementDate" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- <span>-</span>
|
|
|
- <el-form-item prop="endSettlementDate">
|
|
|
-
|
|
|
- <el-date-picker v-model="screenForm.endSettlementDate" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="订单日期" style="margin-bottom: 0">
|
|
|
- <div class="fanwei">
|
|
|
- <el-form-item prop="startOrderDate">
|
|
|
-
|
|
|
- <el-date-picker v-model="screenForm.startOrderDate" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- <span>-</span>
|
|
|
- <el-form-item prop="endOrderDate">
|
|
|
-
|
|
|
- <el-date-picker v-model="screenForm.endOrderDate" value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- class="dateStyle" type="datetime" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="结算日期 " prop="settlementStatus">
|
|
|
- <el-select style="width: 100%" v-model="screenForm.settlementStatus" clearable placeholder="请选择">
|
|
|
- <el-option label="为空" :value="1"></el-option>
|
|
|
- <el-option label="不为空" :value="0"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="寄厂日期 " prop="mailFactoryStatus">
|
|
|
- <el-select style="width: 100%" v-model="screenForm.mailFactoryStatus" clearable placeholder="请选择">
|
|
|
- <el-option label="为空" :value="1"></el-option>
|
|
|
- <el-option label="不为空" :value="0"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" v-if="examine === ''">
|
|
|
- <el-form-item label="资料状态 " prop="dataStates">
|
|
|
- <el-select v-model="screenForm.dataStates" clearable style="width: 100%" multiple
|
|
|
- placeholder="请选择资料状态 ">
|
|
|
- <el-option v-for="item in dataStatesArr" :key="item.value" :label="item.label"
|
|
|
- :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <!-- <el-col :xs="24" :sm="12" :lg="6">
|
|
|
- <el-form-item label="产品编码" >
|
|
|
- <div class="fanwei">
|
|
|
- <el-form-item prop="startMaterialOldNumber">
|
|
|
- <el-input type="startMaterialOldNumber" ></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <span>-</span>
|
|
|
- <el-form-item prop="endMaterialOldNumber">
|
|
|
- <el-input type="endMaterialOldNumber" ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
-
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </el-col> -->
|
|
|
- </template>
|
|
|
- <el-col :xs="24" :sm="24" :lg="24">
|
|
|
- <div class="fl">
|
|
|
- <!-- <el-radio-group @change="changeEnginOrderTypeFn" v-model="enginOrderType" size="mini">
|
|
|
- <el-radio-button label="HOME">家用工程</el-radio-button>
|
|
|
- <el-radio-button label="TRADE">商用工程</el-radio-button>
|
|
|
- </el-radio-group> -->
|
|
|
- <!-- <el-button type="primary" size="mini" @click="syncDateFn">同步资料日期</el-button> -->
|
|
|
- </div>
|
|
|
- <el-form-item label="" class="fr"> </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </template>
|
|
|
- </Collapse>
|
|
|
- </div>
|
|
|
- <ul class="ulStyle">
|
|
|
- <li class="title">金额：<span class="num">{{ numSum.amountC || 0 }}</span></li>
|
|
|
- <li class="title">数量：<span class="num">{{ numSum.totalC || 0 }}</span></li>
|
|
|
- </ul>
|
|
|
- <!-- 按钮 -->
|
|
|
- <div class="btn-group clearfix">
|
|
|
- <div class="fl">
|
|
|
- <!-- <el-radio-group @change="changeEnginOrderTypeFn" v-model="enginOrderType" size="mini">
|
|
|
- <el-radio-button label="HOME">家用工程</el-radio-button>
|
|
|
- <el-radio-button label="TRADE">商用工程</el-radio-button>
|
|
|
- </el-radio-group> -->
|
|
|
- <!-- <el-button type="primary" size="mini" @click="syncDateFn">同步资料日期</el-button> -->
|
|
|
- <el-popconfirm v-if="$checkBtnRole('examine', $route.meta.roles)" title="批量审核吗？" @onConfirm="batchExamine">
|
|
|
- <el-button slot="reference" size="mini" type="warning" icon="el-icon-finished">批量审核工程机已审单据
|
|
|
- </el-button>
|
|
|
- </el-popconfirm>
|
|
|
- </div>
|
|
|
- <div class="fr">
|
|
|
- <el-button type="primary" size="mini" @click="exportFn">导出</el-button>
|
|
|
- <el-upload class="import-btn" action="" :http-request="handleImport" :file-list="importFileList"
|
|
|
- :show-file-list="false">
|
|
|
- <el-button type="primary" size="mini">导入</el-button>
|
|
|
- </el-upload>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 列表 -->
|
|
|
- <div class="mymain-container">
|
|
|
- <div class="table">
|
|
|
- <el-table v-loading="listLoading" :data="dataList" element-loading-text="Loading" border fit
|
|
|
- highlight-current-row stripe @selection-change="handleSelectionChange" show-summary
|
|
|
- :summary-method="$getSummaries">
|
|
|
- >
|
|
|
- <el-table-column type="selection" align="center" width="55"> </el-table-column>
|
|
|
- <el-table-column align="left" label="状态" prop="" min-width="60" show-overflow-tooltip>
|
|
|
- <template v-slot="{ row }">
|
|
|
- <el-tag size="mini" v-show="row.examineStatus == 'SAVE'">保存</el-tag>
|
|
|
- <el-tag size="mini" v-show="row.examineStatus == 'WAIT'" type="warning">待审核</el-tag>
|
|
|
- <el-tag size="mini" v-show="row.examineStatus == 'OK'" type="success">通过</el-tag>
|
|
|
- <el-tag size="mini" v-show="row.examineStatus == 'FAIL'" type="danger">不通过</el-tag>
|
|
|
-
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="资料状态" prop="dataState" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag v-if="scope.row.dataState == 'NORMAL'" type="warning" size="small">正常</el-tag>
|
|
|
- <el-tag v-if="scope.row.dataState == 'AMEND'" type="warning" size="small">补充</el-tag>
|
|
|
- <el-tag v-if="scope.row.dataState == 'WAIT_REVIEW'" type="warning" size="small">待复核</el-tag>
|
|
|
- <el-tag v-if="scope.row.dataState == 'REVIEW'" type="warning" size="small">复核</el-tag>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="right" label="数量" prop="hasSendQty" min-width="60" show-overflow-tooltip />
|
|
|
- <el-table-column align="right" label="金额" prop="hasSendQty" min-width="100" show-overflow-tooltip />
|
|
|
- <el-table-column align="left" label="工程信息单号" prop="refEnginRecordNo" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.refEnginRecordNo" />
|
|
|
- <span>{{ scope.row.refEnginRecordNo }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="申请日期" prop="submitTime" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.submitTime }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="受理日期" prop="checkDate" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.checkDate }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="经销商编码" prop="customerNumber" min-width="100" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.customerNumber" />
|
|
|
- <span>{{ scope.row.customerNumber }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="经销商名称" prop="customerName" min-width="260" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.customerName" />
|
|
|
- <span>{{ scope.row.customerName }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="跨厂区标号" prop="refFactoryNo" min-width="100" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.refFactoryNo" />
|
|
|
- <span>{{ scope.row.refFactoryNo }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="right" label="厂编号" prop="factoryNo" min-width="120" show-overflow-tooltip>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="right" label="特价编号" prop="specialNo" min-width="120" show-overflow-tooltip>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="行业类别" prop="refTradeCategory" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.refTradeCategory" />
|
|
|
- <span>{{ scope.row.refTradeCategory }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="使用单位" prop="refUseUnit" min-width="250" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.refUseUnit" />
|
|
|
- <span>{{ scope.row.refUseUnit }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column align="left" label="区域" prop="refRegionWork" min-width="250" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.refRegionWork" />
|
|
|
- <span>{{ scope.row.refRegionWork }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column v-if="!isCustomer" align="left" label="格力内部备注" prop="geLiInerNote" min-width="160"
|
|
|
- show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.geLiInerNote }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="物料编码" prop="materialNumber" min-width="120" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.materialNumber" />
|
|
|
- <span>{{ scope.row.materialNumber }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="产品编码" prop="materialOldNumber" min-width="150" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.materialOldNumber" />
|
|
|
- <span>{{ scope.row.materialOldNumber }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column align="left" label="产品名称" prop="materialName" min-width="180" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.materialName" />
|
|
|
- <span>{{ scope.row.materialName }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="规格型号" prop="specification" min-width="350" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.specification" />
|
|
|
- <span>{{ scope.row.specification }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="right" label="押金金额" prop="itemDepositAmount" min-width="100" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.itemDepositAmount | numToFixed }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <!-- <el-table-column align="right" label="规格型号" prop="specification" min-width="160" show-overflow-tooltip>
|
|
|
- </el-table-column> -->
|
|
|
- <el-table-column align="right" label="安装日期" prop="installDate" min-width="160" show-overflow-tooltip>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="审核人" prop="confirmName" min-width="100" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <CopyButton :copyText="scope.row.confirmName" />
|
|
|
- <span>{{ scope.row.confirmName }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="left" label="资料审核日期" prop="refDatumAcceptDate" min-width="160"
|
|
|
- show-overflow-tooltip />
|
|
|
- <el-table-column align="right" label="金额" prop="totalPrice" min-width="100" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.totalPrice | numToFixed }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="right" label="订单数量" prop="itemQty" min-width="80" show-overflow-tooltip />
|
|
|
- <!-- <el-table-column align="right" label="合同单价" prop="contractPrice" min-width="160" show-overflow-tooltip >
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.contractPrice | numToFixed}}
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
-
|
|
|
- <el-table-column align="right" label="发货数量" prop="hasSendQty" min-width="80" show-overflow-tooltip />
|
|
|
- <!-- <el-table-column align="right" label="押金金额" prop="depositAmount" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- {{ scope.row.depositAmount | numToFixed}}
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
- <!-- <el-table-column align="right" label="上交资料" prop="itemDataQty" min-width="160" show-overflow-tooltip />-->
|
|
|
- <el-table-column fixed="right" align="center" label="操作" min-width="160" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button type="text" class="textColor"
|
|
|
- v-if="scope.row.examineStatus == 'WAIT' && $checkBtnRole('examine', $route.meta.roles)"
|
|
|
- @click="examineFn(scope.row.depositManageId)">审批</el-button>
|
|
|
-
|
|
|
- <!-- <el-button type="text" class="textColor"
|
|
|
- v-if="(scope.row.examineStatus == 'OK' ||scope.row.examineStatus == 'AMEND') && isCustomer"
|
|
|
- @click="replenishClick(scope.row.depositManageId)">补充资料</el-button> -->
|
|
|
- <el-button type="text" class="textColor"
|
|
|
- v-if="scope.row.dataState == 'WAIT_REVIEW' && scope.row.examineStatus == 'OK' && $checkBtnRole('examine', $route.meta.roles)"
|
|
|
- @click="reexamineClick(scope.row.depositManageId)">复核</el-button>
|
|
|
-
|
|
|
- <el-button type="text" class="textColor" v-if="
|
|
|
- scope.row.examineStatus == 'SAVE' ||
|
|
|
- scope.row.examineStatus == 'OK' ||
|
|
|
- scope.row.examineStatus == 'FAIL' ||
|
|
|
- scope.row.dataState == 'WAIT_REVIEW' ||
|
|
|
- scope.row.dataState == 'REVIEW' ||
|
|
|
- scope.row.dataState == 'AMEND'
|
|
|
-
|
|
|
- " @click="infoFn(scope.row.depositManageId)">详情</el-button>
|
|
|
- <el-popconfirm
|
|
|
- v-if="scope.row.examineStatus == 'OK' && !scope.row.isRefundDeposit"
|
|
|
- style="margin-left: 10px"
|
|
|
- title="二次退押吗？"
|
|
|
- @onConfirm="secondRefund(scope.row)"
|
|
|
- >
|
|
|
- <el-button
|
|
|
- slot="reference"
|
|
|
- type="text"
|
|
|
- size="mini"
|
|
|
- >二次退押
|
|
|
- </el-button>
|
|
|
- </el-popconfirm>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <!-- 分页 -->
|
|
|
- <div class="fr">
|
|
|
- <el-pagination :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize"
|
|
|
- layout="total, sizes, prev, pager, next, jumper" :total="listTotal" @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div style="width: 100%; height: 100%">
|
|
|
+ <template-page
|
|
|
+ v-if="showSurrender == 0"
|
|
|
+ ref="pageRef"
|
|
|
+ :operation="operation()"
|
|
|
+ :optionsEvensGroup="optionsEvensGroup"
|
|
|
+ :getList="getList"
|
|
|
+ :exportList="exportList"
|
|
|
+ :tableAttributes="tableAttributes"
|
|
|
+ :tableEvents="tableEvents"
|
|
|
+ :columnParsing="columnParsing"
|
|
|
+ >
|
|
|
+ </template-page>
|
|
|
+ <div class="app-container" v-else-if="showSurrender == 1">
|
|
|
+ <refund-list-detail :detail-id="detailId" @updateList="updateList" />
|
|
|
+ </div>
|
|
|
+ <div class="app-container" v-else-if="showSurrender == 2">
|
|
|
+ <refund-replenish :detail-id="detailId" @updateList="updateList" />
|
|
|
+ </div>
|
|
|
+ <div class="app-container" v-else-if="showSurrender == 3">
|
|
|
+ <refund-reexamine :detail-id="detailId" @updateList="updateList" />
|
|
|
</div>
|
|
|
- <refund-list-detail v-else-if="(showSurrender == 1)" :detail-id="detailId" @updateList="updateList" />
|
|
|
- <refund-replenish v-else-if="(showSurrender == 2)" :detail-id="detailId" @updateList="updateList" />
|
|
|
- <refund-reexamine v-else-if="(showSurrender == 3)" :detail-id="detailId" @updateList="updateList" />
|
|
|
<examine-dialog :is-show.sync="isShowExamineDialog" :examine-form.sync="examineForm" />
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -525,16 +36,18 @@ import {
|
|
|
} from '@/api/engin_deposit/refund_list'
|
|
|
import { downloadFiles, handleImport } from '@/utils/util'
|
|
|
import ExamineDialog from '@/components/Common/examine-dialog'
|
|
|
-
|
|
|
import RefundListDetail from './components/refund_list-detail.vue'
|
|
|
import RefundReplenish from './components/refund_replenish.vue'
|
|
|
import RefundReexamine from './components/refund_reexamine.vue'
|
|
|
+import TemplatePage from '@/components/template/template-page-1.vue'
|
|
|
+import { depositManageHomeList, depositManageHomeListExport } from '@/api/deposit_list_v2.js'
|
|
|
export default {
|
|
|
components: {
|
|
|
RefundListDetail,
|
|
|
ExamineDialog,
|
|
|
RefundReplenish,
|
|
|
- RefundReexamine
|
|
|
+ RefundReexamine,
|
|
|
+ TemplatePage
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -574,11 +87,17 @@ export default {
|
|
|
geLiInerNote: '',
|
|
|
startFactoryNo: '',
|
|
|
endFactoryNo: '',
|
|
|
- settlementStatus: '', mailFactoryStatus: '',
|
|
|
+ settlementStatus: '',
|
|
|
+ mailFactoryStatus: '',
|
|
|
endOrderDate: '',
|
|
|
startOrderDate: '',
|
|
|
dataStates: [],
|
|
|
- startInstallTime: '', endInstallTime: '', startSettlementDate: '', endSettlementDate: '', endMailFactoryDate: '', startMailFactoryDate: ''
|
|
|
+ startInstallTime: '',
|
|
|
+ endInstallTime: '',
|
|
|
+ startSettlementDate: '',
|
|
|
+ endSettlementDate: '',
|
|
|
+ endMailFactoryDate: '',
|
|
|
+ startMailFactoryDate: ''
|
|
|
}, // 搜索表单
|
|
|
refundDepositArr: [
|
|
|
{
|
|
|
@@ -646,16 +165,68 @@ export default {
|
|
|
numSum: {
|
|
|
totalC: 0,
|
|
|
amountC: 0
|
|
|
- }
|
|
|
+ },
|
|
|
+ // 表格属性
|
|
|
+ tableAttributes: {
|
|
|
+ // 启用勾选列
|
|
|
+ selectColumn: true
|
|
|
+ },
|
|
|
+ // 表格事件
|
|
|
+ tableEvents: {
|
|
|
+ 'selection-change': this.selectionChange
|
|
|
+ },
|
|
|
+ recordSelected: []
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
+ optionsEvensGroup() {
|
|
|
+ return [
|
|
|
+ [
|
|
|
+ [
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ isRole: !this.$checkBtnRole('examine', this.$route.meta.roles),
|
|
|
+ render: () => {
|
|
|
+ return (
|
|
|
+ <el-popconfirm
|
|
|
+ title="批量审核吗？"
|
|
|
+ onOnConfirm={() => {
|
|
|
+ this.batchExamine()
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <span slot="reference">批量审核工程机已审单据</span>
|
|
|
+ </el-popconfirm>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ ],
|
|
|
+ [
|
|
|
+ [
|
|
|
+ {
|
|
|
+ name: '',
|
|
|
+ render: () => {
|
|
|
+ return (
|
|
|
+ <el-upload
|
|
|
+ action=""
|
|
|
+ http-request={this.handleImport}
|
|
|
+ file-list={this.importFileList}
|
|
|
+ show-file-list={false}
|
|
|
+ >
|
|
|
+ <span>导入</span>
|
|
|
+ </el-upload>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ ]
|
|
|
+ ]
|
|
|
+ },
|
|
|
isCustomer() {
|
|
|
return this.$store.getters.customerId && this.$store.getters.customerNumber
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
-
|
|
|
this.getDataList({
|
|
|
pageSize: this.pageSize,
|
|
|
pageNum: this.currentPage,
|
|
|
@@ -665,6 +236,81 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 列表请求函数
|
|
|
+ getList: depositManageHomeList,
|
|
|
+ // 列表导出函数
|
|
|
+ exportList: depositManageHomeListExport,
|
|
|
+ // 表格列解析渲染数据更改
|
|
|
+ columnParsing(item, defaultData) {
|
|
|
+ return defaultData
|
|
|
+ },
|
|
|
+ // 监听勾选变化
|
|
|
+ selectionChange(data) {
|
|
|
+ this.selectData = data
|
|
|
+ },
|
|
|
+ operation() {
|
|
|
+ return (h, { row, index, column }) => {
|
|
|
+ return (
|
|
|
+ <div class="operation-btns">
|
|
|
+ {row.examineStatus == '待审核' && this.$checkBtnRole('examine', this.$route.meta.roles) ? (
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ class="textColor"
|
|
|
+ onClick={() => {
|
|
|
+ this.examineFn(row.depositManageId)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 审批
|
|
|
+ </el-button>
|
|
|
+ ) : null}
|
|
|
+ {row.dataState == '待复核' &&
|
|
|
+ row.examineStatus == '审核通过' &&
|
|
|
+ this.$checkBtnRole('examine', this.$route.meta.roles) ? (
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ class="textColor"
|
|
|
+ onClick={() => {
|
|
|
+ this.reexamineClick(row.depositManageId)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 复核
|
|
|
+ </el-button>
|
|
|
+ ) : null}
|
|
|
+
|
|
|
+ {row.examineStatus == '保存' ||
|
|
|
+ row.examineStatus == '审核通过' ||
|
|
|
+ row.examineStatus == '审核不通过' ||
|
|
|
+ row.dataState == '待复核' ||
|
|
|
+ row.dataState == '复核' ||
|
|
|
+ row.dataState == '补充' ? (
|
|
|
+ <el-button
|
|
|
+ type="text"
|
|
|
+ class="textColor"
|
|
|
+ onClick={() => {
|
|
|
+ this.infoFn(row.depositManageId)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 详情
|
|
|
+ </el-button>
|
|
|
+ ) : null}
|
|
|
+ {row.examineStatus == '审核通过' && !row.isRefundDeposit ? (
|
|
|
+ <el-popconfirm
|
|
|
+ style="margin-left: 10px"
|
|
|
+ title="二次退押吗？"
|
|
|
+ onConfirm={() => {
|
|
|
+ this.secondRefund(row)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <el-button slot="reference" type="text" size="mini">
|
|
|
+ 二次退押{' '}
|
|
|
+ </el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ ) : null}
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // ------------------------------------
|
|
|
replenishClick(id) {
|
|
|
this.detailId = id
|
|
|
this.showSurrender = 2
|
|
|
@@ -681,12 +327,9 @@ export default {
|
|
|
// 导入
|
|
|
async handleImport(param) {
|
|
|
const file = param.file
|
|
|
-
|
|
|
const formData = new FormData()
|
|
|
formData.append('file', file)
|
|
|
-
|
|
|
const result = await handleImport('deposit-manage/import', formData)
|
|
|
-
|
|
|
console.log(result)
|
|
|
this.importFileList = []
|
|
|
if (result.code == 200) {
|
|
|
@@ -880,7 +523,7 @@ export default {
|
|
|
if (v) {
|
|
|
this.screenForm.dataStates = []
|
|
|
}
|
|
|
- this.screenForm.examineStatus =''
|
|
|
+ this.screenForm.examineStatus = ''
|
|
|
this.examine = v
|
|
|
this.getDataList({
|
|
|
pageSize: this.pageSize,
|
|
|
@@ -908,7 +551,7 @@ export default {
|
|
|
resetFn() {
|
|
|
this.screenForm.startInstallTime = ''
|
|
|
this.screenForm.endInstallTime = ''
|
|
|
- this.$refs.screenForm.resetFields()
|
|
|
+ this.$refs.screenForm.resetFields()
|
|
|
this.getDataList({
|
|
|
pageSize: this.pageSize,
|
|
|
pageNum: 1,
|
|
|
@@ -948,13 +591,13 @@ export default {
|
|
|
if (this.examine == 'AMEND' || this.examine == 'WAIT_REVIEW' || this.examine == 'REVIEW') {
|
|
|
status = 'OK'
|
|
|
}
|
|
|
- data.examineStatus = status ? status : this.screenForm.examineStatus ||this.examine
|
|
|
- data.dataStates=this.screenForm.dataStates.join(',')
|
|
|
+ data.examineStatus = status ? status : this.screenForm.examineStatus || this.examine
|
|
|
+ data.dataStates = this.screenForm.dataStates.join(',')
|
|
|
getDepositCountList({
|
|
|
enginOrderType: this.enginOrderType,
|
|
|
...this.screenForm,
|
|
|
- dataStates:this.screenForm.dataStates.join(','),
|
|
|
- examineStatus: status ? status :this.screenForm.examineStatus|| this.examine,
|
|
|
+ dataStates: this.screenForm.dataStates.join(','),
|
|
|
+ examineStatus: status ? status : this.screenForm.examineStatus || this.examine
|
|
|
}).then(res => {
|
|
|
if (res.data) {
|
|
|
this.numSum = res.data
|
aXin-0810