完善出纳款项确认管理--增加售后认款确认

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/cashierConfirmation.vue

@@ -148,9 +148,12 @@
         <el-button size="small" :disabled="visibleDisabled" @click="dialogVisible = false">取消</el-button>
       </span>
     </el-dialog>
+    <!-- 销售 -- 出款收款确认 -->
     <cashierConfirmationInfo v-show="viewState == 2 || viewState == 3" ref="divInfo" @doback="resetState" @reloadlist="getList"/>
-    <!-- 金融出款收款确认 -->
+    <!-- 金融 -- 出款收款确认 -->
     <cashierConfirmationByFinancial v-show="viewState == 4 || viewState == 5" ref="divFinancial" @doback="resetState" @reloadlist="getList"/>
+    <!-- 售后-- 出款收款确认 -->
+    <cashierConfirmationBySubscriptionAfter v-show="viewState == 6 || viewState == 7" ref="divSub" @doback="resetState" @reloadlist="getList" />
   </div>
 </template>
 
@@ -162,6 +165,7 @@ import ButtonBar from '@/components/ButtonBar'
 import { typeValues, getButtonPermissions } from '@/api/jichuxinxi/dictcommons'
 import cashierConfirmationInfo from './cashierConfirmationInfo.vue'
 import cashierConfirmationByFinancial from './cashierConfirmationByFinancial'
+import cashierConfirmationBySubscriptionAfter from './cashierConfirmationBySubscriptionAfter'
 import { getStorage } from '@/utils/auth'
 
 export default {
@@ -171,7 +175,8 @@ export default {
     pageye,
     ButtonBar,
     cashierConfirmationInfo,
-    cashierConfirmationByFinancial
+    cashierConfirmationByFinancial,
+    cashierConfirmationBySubscriptionAfter
   },
   data() {
     return {
@@ -347,10 +352,13 @@ export default {
       this.getList()
     },
     handUpdate(row) {
-      if (row.loan) {
+      if (row.source === '02') { // 金融认款
         this.viewState = 4
         this.$refs['divFinancial'].showInfo(row, this.viewState)
-      } else {
+      } else if (row.source === '03') { // 售后认款
+        this.viewState = 6
+        this.$refs['divSub'].showInfo(row, this.viewState)
+      } else { // 销售认款
         this.viewState = 2
         this.$refs['divInfo'].showInfo(row, this.viewState)
       }
@@ -434,10 +442,13 @@ export default {
       }
     },
     handLook(row) {
-      if (row.loan) {
+      if (row.source === '02') { // 金融认款
         this.viewState = 5
         this.$refs['divFinancial'].showInfo(row, this.viewState)
-      } else {
+      } else if (row.source === '03') { // 售后认款
+        this.viewState = 7
+        this.$refs['divSub'].showInfo(row, this.viewState)
+      } else { // 销售认款
         this.viewState = 3
         this.$refs['divInfo'].showInfo(row, this.viewState)
       }

anrui-buscenter/anrui-finmanage-ui/src/views/anruifinmanagement/paymentConfirmation/cashierConfirmationBySubscriptionAfter.vue

@@ -0,0 +1,284 @@
+<template>
+  <div class="app-container">
+    <div class="tab-header webtop">
+      <div>{{ viewTitle }}</div>
+      <div>
+        <el-button v-show="viewState == 6" type="primary" size="small" :disabled="submitdisabled" @click="handAffirm()">确认</el-button>
+        <el-button v-show="viewState == 6" type="primary" size="small" :disabled="submitdisabled" @click="handReject()">驳回</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+    </div>
+    <div class="listconadd">
+      <el-form ref="form_obj" :model="formobj" :rules="rules" class="formaddcopy02">
+        <el-row style="border-top: 1px solid #e0e3eb">
+          <el-col :span="8">
+            <div class="span-sty">申请部门</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.createDept }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">申请人</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.createByName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">申请日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.createDate }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">收款方式</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.collectionTypeValue }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">收款金额(元)</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.collectionMoney }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">收款日期</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.collectionDate }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-show="formobj.collectionTypeKey === '03' || formobj.collectionTypeKey === '05'">
+          <el-col :span="8">
+            <div class="span-sty">收款银行账号</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.collectionBankNum }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">收款账户名称</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.receivingName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div class="span-sty">收款银行</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.collectionBank }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <div class="span-sty">付款方名称</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.payerName }}</span></el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <div v-show="formobj.collectionTypeKey === '03' || formobj.collectionTypeKey === '05'">
+              <div class="span-sty">付款账号后4位</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payAccount }}</span></el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div v-show="formobj.collectionTypeKey === '03' || formobj.collectionTypeKey === '05'">
+              <div class="span-sty">付款银行</div>
+              <el-form-item><span class="addinputInfo">{{ formobj.payBank }}</span></el-form-item>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <div class="span-sty">备注</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.remarks }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty">打款凭证</div>
+            <el-form-item>
+              <div class="addinputInfo">
+                <span v-for="(item, index) in list1" :key="index">
+                  <el-link :underline="false" :href="item.path" target="_blank">{{ item.name }}</el-link>
+                </span>
+              </div>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty">汇款确认书</div>
+            <el-form-item>
+              <div class="addinputInfo">
+                <span v-for="(item, index) in list2" :key="index">
+                  <el-link :underline="false" :href="item.path" target="_blank">{{ item.name }}</el-link>
+                </span>
+              </div>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row v-show="formobj.reason !== ''">
+          <el-col :span="24">
+            <div class="span-sty">审核状态</div>
+            <el-form-item><span class="addinputInfo">{{ formobj.reason }}</span></el-form-item>
+          </el-col>
+        </el-row>
+        <el-table border :key="selectedreceivableKey" style="width: 100%" :data="formobj.finSelectedReceivablesDetaileds">
+          <el-table-column label="维修单号" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.contractNo }}
+            </template>
+          </el-table-column>
+          <el-table-column label="车架号/车牌号" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.VIN }}/{{ scope.row.vehMark }}
+            </template>
+          </el-table-column>
+          <el-table-column label="客户名称" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.customerName }}
+            </template>
+          </el-table-column>
+          <el-table-column label="联系电话" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.customerPhone }}
+            </template>
+          </el-table-column>
+          <el-table-column label="维修单类型" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.billType }}
+            </template>
+          </el-table-column>
+          <el-table-column label="应收项目" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.receivablesName }}
+            </template>
+          </el-table-column>
+          <el-table-column label="当前应收" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.currentReceivableMoney }}
+            </template>
+          </el-table-column>
+          <el-table-column label="认款金额" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.subscriptionMoney }}
+            </template>
+          </el-table-column>
+          <el-table-column label="认款申请日期" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.subscriptionDate }}
+            </template>
+          </el-table-column>
+          <el-table-column label="状态" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.auditState == 1 ? '待审核' : scope.row.auditState == 2 ? '已驳回' : scope.row.auditState == 3 ? '已审核' : '其他' }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+    </div>
+    <el-dialog center :visible.sync="dialogVisible" width="50%">
+      <el-form ref="form_obj" class="formadd">
+        <el-row style="border-top: 1px solid #E0E3EB">
+          <el-col :span="4" class="tleftb">
+            <span>意见</span>
+          </el-col>
+          <el-col :span="20">
+            <el-form-item><el-input v-model="reason" clearable placeholder="" type="textarea" :autosize="{ minRows: 2, maxRows: 20}" resize="none"/></el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" type="primary" @click="handleConfirm">确定</el-button>
+        <el-button size="small" @click="dialogVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import req from '@/api/anruifinmanagement/subscriptionAfterSale'
+
+export default {
+  name: 'CashierConfirmationBySubscriptionAfter',
+  data() {
+    return {
+      sid: '',
+      viewTitle: '',
+      viewState: '',
+      dialogVisible: false,
+      submitdisabled: false,
+      reason: '', // 驳回原因
+      selectedreceivableKey: 0,
+      formobj: {},
+      list1: [],
+      list2: [],
+      rules: {}
+    }
+  },
+  methods: {
+    showInfo(row, viewState) {
+      this.viewState = viewState
+      this.sid = row.sid
+      this.viewTitle = '售后认款详情'
+      req.fetchBySid(row.sid).then((resp) => {
+        if (resp.success) {
+          this.formobj = resp.data
+          if (this.formobj.paymentVoucherAppendixs.length > 0) {
+            this.formobj.paymentVoucherAppendixs.forEach((e) => {
+              this.list1.push({
+                name: e.fileName,
+                path: e.filePath
+              })
+            })
+          }
+          if (this.formobj.remittanceConfirmationAppendixs.length > 0) {
+            this.formobj.remittanceConfirmationAppendixs.forEach((e) => {
+              this.list2.push({
+                name: e.fileName,
+                path: e.filePath
+              })
+            })
+          }
+        }
+      }).catch(e => {
+        this.formobj = row
+      })
+    },
+    handAffirm() {
+      this.submitdisabled = true
+      req.asCashierConfirm({ sid: this.sid, userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.$message({ showClose: true, message: '确认成功', type: 'success' })
+          this.handleReturn('true')
+        } else {
+          this.submitdisabled = false
+        }
+      }).catch(() => {
+        this.submitdisabled = false
+      })
+    },
+    handReject() {
+      this.dialogVisible = true
+    },
+    handleConfirm() {
+      if (this.reason === '') {
+        this.$message({ showClose: true, type: 'error', message: '请填写驳回意见' })
+        return
+      }
+      this.submitdisabled = true
+      req.cashierReject({ sid: this.sid, reason: this.reason, userSid: window.sessionStorage.getItem('userSid') }).then((res) => {
+        if (res.success) {
+          this.$message({ showClose: true, message: '已驳回', type: 'success' })
+          this.handleReturn('true')
+        } else {
+          this.submitdisabled = false
+        }
+      }).catch(() => {
+        this.submitdisabled = false
+      })
+    },
+    handleReturn(isreload) {
+      if (isreload === 'true') this.$emit('reloadlist')
+      this.formobj = {}
+      this.list1 = []
+      this.list2 = []
+      this.reason = ''
+      this.dialogVisible = false
+      this.submitdisabled = false
+      this.$emit('doback')
+    }
+  }
+}
+</script>
+
+<style scoped>
+.span-sty {
+  width: 130px !important;
+}
+.addinputInfo {
+  margin-left: 120px !important;
+}
+</style>
+