退款

src/views/parkAssets/parkFloorDisc/index.vue

@@ -420,30 +420,30 @@
                   </el-form-item>
                 </el-col>
               </el-row>
-              <el-row>
-                <el-col :span="4" class="col-txt"><span>支付方式</span></el-col>
-                <el-col :span="20" class="col-input">
-                  <el-form-item>
-                    <el-select
-                      v-model="formLP.paymentMethods"
-                      placeholder=""
-                      filterable
-                      clearable
-                      :popper-append-to-body="false"
-                      popper-class="statistic_base"
-                    >
-                      <el-option
-                        v-for="item in dc_data.PAYMENT_METHODS"
-                        :key="item.id"
-                        :label="item.label"
-                        :value="item.value"
-                        :popper-append-to-body="false"
-                        popper-class="statistic_base"
-                      />
-                    </el-select>
-                  </el-form-item>
-                </el-col>
-              </el-row>
+<!--              <el-row>-->
+<!--                <el-col :span="4" class="col-txt"><span>支付方式</span></el-col>-->
+<!--                <el-col :span="20" class="col-input">-->
+<!--                  <el-form-item>-->
+<!--                    <el-select-->
+<!--                      v-model="formLP.paymentMethods"-->
+<!--                      placeholder=""-->
+<!--                      filterable-->
+<!--                      clearable-->
+<!--                      :popper-append-to-body="false"-->
+<!--                      popper-class="statistic_base"-->
+<!--                    >-->
+<!--                      <el-option-->
+<!--                        v-for="item in dc_data.PAYMENT_METHODS"-->
+<!--                        :key="item.id"-->
+<!--                        :label="item.label"-->
+<!--                        :value="item.value"-->
+<!--                        :popper-append-to-body="false"-->
+<!--                        popper-class="statistic_base"-->
+<!--                      />-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
+<!--                </el-col>-->
+<!--              </el-row>-->
               <el-row>
                 <el-col :span="4" class="col-txt"><span>户型库</span></el-col>
               </el-row>

src/views/receiveRefundsManagement/paymentManagement/addPayment.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form ref="form" :model="form" style="width: 100%;padding: 5px" :rules="rules">
+    <el-form ref="form" v-loading="addLoading" :model="form" style="width: 100%;padding: 5px" :rules="rules">
       <el-row>
         <el-col style="padding-bottom: 10px">
           <span class="card_title">新增</span>
@@ -141,7 +141,7 @@
     </el-form>
     <div style="text-align: right">
       <el-button @click="cancel">取 消</el-button>
-      <el-button type="primary" @click="confirmSubmit()">提 交</el-button>
+      <el-button v-if="!isView" type="primary" @click="confirmSubmit()">提 交</el-button>
     </div>
 
   </div>
@@ -167,6 +167,7 @@ export default {
             },
             AllData: [],
             loading: false,
+            addLoading: false,
             bankOptions: [],
             bankObject: '',
             dateStr: '',
@@ -187,7 +188,7 @@ export default {
     },
     methods: {
         initData(data) {
-            console.log('data', data)
+            this.addLoading = true
             this.isView = data.isView
             this.contractId = data.contractId
             this.houseId = data.houseId
@@ -200,16 +201,19 @@ export default {
                 } else {
                     this.getBankTaxRateByFloor()
                 }
+                this.addLoading = false
             })
         },
         getById(data) {
             const postData = {
                 id: data.id
             }
-            this.baseRequest('', postData).then(res => {
+            this.baseRequest('getById', postData).then(res => {
                 this.form = res.data
-                if (this.form.paymentVoucher) {
-                    this.fileList = JSON.parse(this.form.paymentVoucher)
+                this.form.contentType = res.data.contentType + ''
+                this.form.paymentMethod = res.data.paymentMethod + ''
+                if (this.form.fileList) {
+                    this.fileList = JSON.parse(this.form.fileList)
                 }
                 if (res.data.createdName) {
                     this.username = res.data.createdName

src/views/receiveRefundsManagement/paymentManagement/paymentRegistration.vue

@@ -119,7 +119,7 @@
     </el-row>
     <div style="text-align: right">
       <el-button @click="cancel">取 消</el-button>
-      <el-button type="primary" @click="cancel">确 定</el-button>
+      <el-button v-if="!isView" type="primary" @click="cancel">确 定</el-button>
     </div>
 
     <!-- 新增收款 -->
@@ -165,7 +165,8 @@ export default {
             dialogVisible: false,
             contractId: '',
             houseId: '',
-            customerManagementId: ''
+            customerManagementId: '',
+            isView: false
         }
     },
     computed: {

src/views/receiveRefundsManagement/refundManagement/addRefund.vue

@@ -0,0 +1,256 @@
+<template>
+  <div>
+    <el-form ref="form" :model="form" style="width: 100%;padding: 5px" :rules="rules">
+      <el-row>
+        <el-col style="padding-bottom: 10px">
+          <span class="card_title">新增退款</span>
+          <el-card shadow="always" style="padding: 15px 5px 5px 15px">
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>*关联审批单号</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="approvalNumber">
+                  <el-input v-model="form.approvalNumber" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>*申请人</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="applicant">
+                  <el-input v-model="form.applicant" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="3" class="col-txt"><span>*身份证号</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="identityCard">
+                  <el-input v-model="form.identityCard" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>*退房原因</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="reason">
+                  <el-select
+                    v-model="form.reason"
+                    :popper-append-to-body="false"
+                    popper-class="statistic_base"
+                    placeholder=""
+                    filterable
+                    clearable
+                  >
+                    <el-option
+                      v-for="item in dc_data.CHECK_OUT_REASON"
+                      :key="item.value"
+                      popper-class="statistic_base"
+                      :popper-append-to-body="false"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="3" class="col-txt"><span>*所退房屋</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="houseId">
+                  <el-select
+                    v-model="form.houseId"
+                    :popper-append-to-body="false"
+                    popper-class="statistic_base"
+                    placeholder=""
+                    filterable
+                    clearable
+                  >
+                    <el-option
+                      v-for="item in dc_data.houseOption"
+                      :key="item.value"
+                      popper-class="statistic_base"
+                      :popper-append-to-body="false"
+                      :label="item.label"
+                      :value="item.value"
+                    />
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>*买受人</span></el-col>
+              <el-col :span="21" class="col-input">
+                <el-form-item prop="buyerName">
+                  <el-input v-model="form.buyerName" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row class="handle-box">
+              <el-col :span="24">
+                <span>
+                  该房屋及买受人关联的款项如下，请选择需要退款的款项：
+                </span>
+              </el-col>
+            </el-row>
+            <el-row class="handle-box">
+              <el-col :span="24">
+                <el-table v-loading="loading" :data="AllData" row-class-name="g_table_row" stripe border>
+                  <el-table-column type="index" width="60" />
+                  <el-table-column label="款项" prop="type" />
+                  <el-table-column label="已收（元）" prop="applicant" width="200" />
+                  <el-table-column label="扣除" prop="" />
+                  <el-table-column label="实退（元）" prop="" />
+                </el-table>
+              </el-col>
+            </el-row>
+            <el-row class="handle-box" style="margin-top: 10px">
+              <el-col :span="3" class="col-txt"><span>*应退金额（元）</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="refundAmount">
+                  <el-input v-model="form.refundAmount" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="3" class="col-txt"><span>*扣除金额（元）</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="deductible">
+                  <el-input v-model="form.deductible" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row class="handle-box">
+              <el-col :span="3" class="col-txt"><span>*实退金额（元）</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="actualRefundAmount">
+                  <el-input v-model="form.actualRefundAmount" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="3" class="col-txt"><span>*收款账号</span></el-col>
+              <el-col :span="9" class="col-input">
+                <el-form-item prop="bankNumber">
+                  <el-input v-model="form.bankNumber" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>备注</span></el-col>
+              <el-col :span="21" class="col-input">
+                <el-form-item>
+                  <el-input v-model="form.remark" type="textarea" :autosize="{ minRows: 2, maxRows: 100}" placeholder="请输入内容" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>缴费凭证</span></el-col>
+              <el-col :span="15" class="col-input">
+                <el-form-item>
+                  <el-upload
+                    class="upload-demo"
+                    action="/server/wx/fileController/uploadImage"
+                    :http-request="uploadPhoto"
+                    :before-remove="beforeRemove"
+                    multiple
+                    :file-list="fileList"
+                  >
+                    <el-button v-if="!isView" size="small" type="primary">点击上传</el-button>
+                    <div slot="file" slot-scope="{file}" style="overflow:hidden;white-space: nowrap;text-overflow:ellipsis">
+                      <el-tooltip class="item" effect="dark" :content="file.name" placement="top-start">
+                        <a :href="file.url">{{ file.name }}</a>
+                      </el-tooltip>
+                      <span class="el-upload-list__item-actions">
+                        <i class="el-icon-delete" @click="handlePictureRemove(file,fileList)" />
+                      </span>
+                    </div>
+                  </el-upload>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>经办时间</span></el-col>
+              <el-col :span="3" class="col-input"><span>{{ dateStr }}</span></el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="3" class="col-txt"><span>经办人</span></el-col>
+              <el-col :span="3" class="col-input"><span>{{ username }}</span></el-col>
+            </el-row>
+          </el-card>
+        </el-col>
+      </el-row>
+    </el-form>
+    <div style="text-align: right">
+      <el-button @click="cancel">取 消</el-button>
+      <el-button v-if="!isView" type="primary" @click="cancel">确 定</el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import Base from '@/views/base/base'
+import BaseData from '@/views/base/baseData'
+import { upload } from '@/static/utils/channel'
+
+export default {
+    name: 'PaymentRegistration',
+    components: { },
+    mixins: [Base, BaseData],
+    data() {
+        return {
+            dc_key: ['CHECK_OUT_REASON'],
+            form: {
+
+            },
+            rules: {
+
+            },
+            AllData: [],
+            loading: false,
+            dialogVisible: false,
+            contractId: '',
+            houseId: '',
+            customerManagementId: '',
+            isView: false,
+            houseOption: [],
+            fileList: [],
+            dateStr: '',
+            username: ''
+        }
+    },
+    computed: {
+
+    },
+    mounted() {
+        const myDate = new Date()
+        const dateStr = myDate.getFullYear() + '-' + (myDate.getMonth() + 1) + '-' + myDate.getDate()
+        const username = this.$common.currUser().username
+        this.dateStr = dateStr
+        this.username = username
+    },
+    methods: {
+        initData(data) {
+            this.isView = data.isView
+            this.contractId = data.id
+            this.customerManagementId = data.customerManagementId
+            this.initDict(this.dc_key).then(res => {
+                this.getData()
+            })
+        },
+        getData() {
+
+        },
+        getItemJson: function(item) {
+            return item
+        },
+        cancel() {
+            this.$emit('cancel')
+        },
+        uploadPhoto: function(param) {
+            upload(param, true).then((res) => {
+                this.fileList.push(res)
+            })
+        },
+        baseRequest(opUrl, postData) {
+            return this.$channel.globeRequest('PayLogController', opUrl, postData, 'project')
+        }
+    }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/receiveRefundsManagement/refundManagement/index.vue

@@ -0,0 +1,209 @@
+<template>
+  <div>
+    <el-row class="handle-box" style="margin-bottom: 10px">
+      <el-col :span="24">
+        <span>申请人&nbsp;</span>
+        <el-input v-model="search.applicant" class="ch-input ch-input-size" placeholder="买受人" size="small" @keyup.enter.native="handleSearch()" />
+        <span>房屋&nbsp;</span>
+        <el-input v-model="search.houseName" class="ch-input ch-input-size" placeholder="房屋" size="small" @keyup.enter.native="handleSearch()" />
+        <span>退款日期&nbsp;</span>
+        <el-date-picker
+          v-model="search.refundDateFrom"
+          popper-class="statistic_base"
+          type="date"
+          placeholder="年月日"
+          value-format="yyyy-MM-dd"
+        />
+        <span>至&nbsp;</span>
+        <el-date-picker
+          v-model="search.refundDateTo"
+          popper-class="statistic_base"
+          type="date"
+          placeholder="年月日"
+          value-format="yyyy-MM-dd"
+        />
+      </el-col>
+    </el-row>
+    <el-row class="handle-box" style="margin-bottom: 10px">
+      <el-col :span="24" style="margin-top: 20px">
+        <el-button class="ch-button-warning" size="small" style="float: right" @click="handleReset()"><i class="el-icon-search" />&nbsp;重置</el-button>
+        <el-button class="ch-button" size="small" style="float: right" @click="handleSearch()"><i class="el-icon-search" />&nbsp;查询</el-button>
+      </el-col>
+    </el-row>
+    <el-row class="handle-box">
+      <el-col :span="24">
+        <el-table v-loading="loading" :data="AllData" row-class-name="g_table_row" stripe>
+          <el-table-column type="index" width="60" />
+          <el-table-column label="合同编号" prop="contractNumber" />
+          <el-table-column label="申请人" prop="applicant" width="200" />
+          <el-table-column label="买受人" prop="buyerName" width="200" />
+          <el-table-column label="房屋" prop="houseName" width="200" />
+          <el-table-column label="退房原因" prop="reason" width="110" />
+          <el-table-column label="应退（元）" prop="" />
+          <el-table-column label="实退（元）" prop="" />
+          <el-table-column label="扣除" prop="" />
+          <el-table-column label="关联审批单号" prop="approvalNumber" />
+          <el-table-column header-align="center" label="操作" width="200">
+            <template scope="scope">
+              <el-button size="mini" type="text" @click="handleEdit(scope.row)">编辑</el-button>
+              <el-button size="mini" type="text" @click="handleView(scope.row)">查看</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="table-page">
+          <el-pagination
+            :current-page.sync="currentPage"
+            :page-sizes="[10, 20, 50, 100]"
+            :page-size="pageSize"
+            background
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="allpage"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
+        </div>
+      </el-col>
+    </el-row>
+
+    <!-- 预收款登记 -->
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      title=""
+      width="90%"
+      top="20px"
+      class="statistic_base"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      custom-class="tagdialog"
+      @close="getData"
+    >
+      <add-refund v-if="dialogVisible" ref="addRefund" @cancel="cancel" />
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import Base from '@/views/base/base'
+import BaseData from '@/views/base/baseData'
+import AddRefund from '@/views/receiveRefundsManagement/refundManagement/addRefund.vue'
+
+export default {
+    name: 'RefundManagementIndex',
+    components: { AddRefund },
+    mixins: [Base, BaseData],
+    data() {
+        return {
+            dc_key: [],
+            // 列表相关
+            search: {
+            },
+            AllData: [],
+            loading: false,
+            // 弹框相关
+            dialogVisible: false,
+            dialogTitle: '新增'
+        }
+    },
+    mounted() {
+        this.initDict(this.dc_key).then((res) => {
+            this.getData()
+        })
+    },
+    methods: {
+
+        getData: function() {
+            const _this = this
+            _this.loading = true
+            _this.AllData = []
+
+            this.search.pageNum = this.currentPage
+            this.search.pageSize = this.pageSize
+            this.search.payType = 1
+            this.baseRequest('list', this.search).then((res) => {
+                if (res.data.rows) {
+                    res.data.rows.forEach(function(item) {
+                        const json = _this.getItemJson(item)
+                        _this.AllData.push(json)
+                    })
+                    _this.allpage = res.data.total
+                }
+                _this.loading = false
+            }).catch((e) => {
+                // console.log(e)
+            })
+            // this.initOutData()
+        },
+        handleSearch: function() {
+            this.getData()
+        },
+        handleReset: function() {
+            for (const i in this.search) {
+                if (i !== 'pageNum' && i !== 'pageSize') {
+                    this.search[i] = ''
+                }
+            }
+            this.handleSearch()
+        },
+        getItemJson: function(item) {
+            return item
+        },
+        /* 编辑*/
+        handleEdit: function(val) {
+            this.dialogVisible = true
+            val.isView = false
+            // 新vue时调用的方法
+            this.$nextTick(() => {
+                this.$refs.addRefund.initData(val)
+            })
+        },
+        handleView(val) {
+            this.dialogVisible = true
+            val.isView = true
+            // 新vue时调用的方法
+            this.$nextTick(() => {
+                this.$refs.addRefund.initData(val)
+            })
+        },
+        cancel: function() {
+            this.dialogVisible = false
+        },
+        baseRequest(opUrl, postData) {
+            return this.$channel.globeRequest('RefundManageController', opUrl, postData, 'project')
+        }
+    }
+}
+</script>
+
+<style scoped>
+  .ch-input .el-input__inner {
+      border-color: #32323A;
+  }
+  .ch-input-size {
+      width: 150px;
+  }
+  .ch-button {
+      border-color: #32323A;
+      background-color: #32323A;
+      color: #fff;
+  }
+  .ch-button-warning {
+      margin-left: 10px;
+      border-color: #E6A23C;
+      background-color: #E6A23C;
+      color: #fff;
+  }
+  .ch-button-export {
+      margin-left: 10px;
+      border-color: #98CC1F;
+      background-color: #98CC1F;
+      color: #fff;
+  }
+  /deep/.el-dialog__header {
+      padding: 10px 20px;
+  }
+  /deep/.el-dialog__body {
+      padding: 10px 20px;
+  }
+</style>