wuye / webui

Blame view

src/views/fee/roomCreateFeeList.vue 14 KB
Edit Raw Normal View History
24d3590f   wuxw   房屋收费页面开发完成 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
  <template>
    <div class="app-container">
      <el-row :gutter="20">
        <el-col :span="4" class="tree-container">
          <room-tree-div ref="roomTreeDiv" @selectRoom="handleSelectRoom"></room-tree-div>
        </el-col>
        <el-col :span="20">
          <el-card class="box-card">
            <div slot="header" class="flex justify-between">
              <span>{{ roomCreateFeeInfo.roomName }}</span>
              <div class="header-tools">
                <el-button v-if="hasPrivilege('502022073096990007')" size="small" @click="_openFeeImportExcel">
                  <i class="el-icon-download"></i>
                  {{ $t('roomCreateFee.customTemplate') }}
                </el-button>
                <el-button v-if="hasPrivilege('502022073096990007')" size="small" @click="_openDoCreateRoomFee">
                  <i class="el-icon-plus"></i>
                  {{ $t('roomCreateFee.customImport') }}
                </el-button>
                <el-button v-if="hasPrivilege('502022073096990007')" size="small" @click="_toBatchCreateFee(null, true)">
                  <i class="el-icon-plus"></i>
                  {{ $t('roomCreateFee.batchCreate') }}
                </el-button>
                <el-button size="small" @click="_downloadCollectionLetterOrder">
                  <i class="el-icon-download"></i>
                  {{ $t('roomCreateFee.batchCollectionLetter') }}
                </el-button>
              </div>
            </div>
  
            <div class="filter-container">
              <el-row :gutter="20">
                <el-col :span="6">
                  <el-input v-model="roomCreateFeeInfo.condition.roomNum"
                    :placeholder="$t('roomCreateFee.roomNumPlaceholder')" clearable
                    @blur="listRoomInRoomCreateFee"></el-input>
                  <input-search-room ref="inputSearchRoom"></input-search-room>
                </el-col>
                <el-col :span="6">
                  <el-input v-model="roomCreateFeeInfo.condition.ownerName"
                    :placeholder="$t('roomCreateFee.ownerNamePlaceholder')" clearable
                    @input="_inputRoomByOwner"></el-input>
                  <input-search-room-by-owner ref="inputSearchRoomByOwner"></input-search-room-by-owner>
                </el-col>
                <el-col :span="6">
                  <el-button type="primary" size="small" @click="_queryRoomCreateFeeMethod">
                    {{ $t('common.query') }}
                  </el-button>
                  <el-button size="small" @click="_resetRoomCreateFeeMethod">
                    {{ $t('common.reset') }}
                  </el-button>
                </el-col>
              </el-row>
            </div>
  
            <el-tabs v-model="roomCreateFeeInfo._currentTab" @tab-click="changeTab(roomCreateFeeInfo._currentTab)">
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
57
58
59
 
              <el-tab-pane :label="$t('roomCreateFee.roomFee')" name="simplifyRoomFee">
                <simplify-room-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyRoomFee'" ref="simplifyRoomFee"
                  :key="'simplifyRoomFee' + roomCreateFeeInfo.roomId"></simplify-room-fee>
24d3590f   wuxw   房屋收费页面开发完成 
60
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
61
62
63
 
              <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.paymentHistory')" name="simplifyHisFee">
                <simplify-his-fee v-if="roomCreateFeeInfo._currentTab === 'simplifyHisFee'" ref="simplifyHisFee"
                  :key="'simplifyHisFee' + roomCreateFeeInfo.roomId"></simplify-his-fee>
24d3590f   wuxw   房屋收费页面开发完成 
64
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
65
 
              <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.rooms')" name="simplifyOwnerRooms">
24d3590f   wuxw   房屋收费页面开发完成 
66
 
                <simplify-owner-rooms v-if="roomCreateFeeInfo._currentTab === 'simplifyOwnerRooms'"
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
67
 
                  ref="simplifyOwnerRooms" :key="'simplifyOwnerRooms' + roomCreateFeeInfo.roomId"></simplify-owner-rooms>
24d3590f   wuxw   房屋收费页面开发完成 
68
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
69
70
71
 
              <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.owner')" name="carDetailOwner">
                <car-detail-owner v-if="roomCreateFeeInfo._currentTab === 'carDetailOwner'" ref="carDetailOwner"
                  :key="'carDetailOwner' + roomCreateFeeInfo.roomId"></car-detail-owner>
24d3590f   wuxw   房屋收费页面开发完成 
72
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
73
74
75
 
              <el-tab-pane :label="$t('roomCreateFee.callable')" name="simplifyCallable">
                <simplify-callable v-if="roomCreateFeeInfo._currentTab === 'simplifyCallable'" ref="simplifyCallable"
                  :key="'simplifyCallable' + roomCreateFeeInfo.roomId"></simplify-callable>
24d3590f   wuxw   房屋收费页面开发完成 
76
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
77
 
              <el-tab-pane :label="$t('roomCreateFee.receiptReprint')" v-if="hasPrivilege('502020092373407363')" name="simplifyFeeReceipt">
24d3590f   wuxw   房屋收费页面开发完成 
78
 
                <simplify-fee-receipt v-if="roomCreateFeeInfo._currentTab === 'simplifyFeeReceipt'"
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
79
 
                  ref="simplifyFeeReceipt" :key="'simplifyFeeReceipt' + roomCreateFeeInfo.roomId"></simplify-fee-receipt>
24d3590f   wuxw   房屋收费页面开发完成 
80
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
81
 
              <el-tab-pane :label="$t('roomCreateFee.meterReadingRecords')" name="simplifyMeterWaterLog">
24d3590f   wuxw   房屋收费页面开发完成 
82
 
                <simplify-meter-water-log v-if="roomCreateFeeInfo._currentTab === 'simplifyMeterWaterLog'"
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
83
84
 
                  ref="simplifyMeterWaterLog"
                  :key="'simplifyMeterWaterLog' + roomCreateFeeInfo.roomId"></simplify-meter-water-log>
24d3590f   wuxw   房屋收费页面开发完成 
85
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
86
 
              <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidAccount')" name="ownerDetailAccount">
24d3590f   wuxw   房屋收费页面开发完成 
87
 
                <owner-detail-account v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccount'"
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
88
 
                  ref="ownerDetailAccount" :key="'ownerDetailAccount' + roomCreateFeeInfo.roomId"></owner-detail-account>
24d3590f   wuxw   房屋收费页面开发完成 
89
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
90
 
              <el-tab-pane v-if="roomCreateFeeInfo.ownerId" :label="$t('roomCreateFee.prepaidReprint')" name="ownerDetailAccountReceipt">
24d3590f   wuxw   房屋收费页面开发完成 
91
 
                <owner-detail-account-receipt v-if="roomCreateFeeInfo._currentTab === 'ownerDetailAccountReceipt'"
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
92
93
 
                  ref="ownerDetailAccountReceipt"
                  :key="'ownerDetailAccountReceipt' + roomCreateFeeInfo.roomId"></owner-detail-account-receipt>
24d3590f   wuxw   房屋收费页面开发完成 
94
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
95
 
              <el-tab-pane :label="$t('roomCreateFee.deposit')" name="simplifyRefundDeposit">
24d3590f   wuxw   房屋收费页面开发完成 
96
 
                <simplify-refund-deposit v-if="roomCreateFeeInfo._currentTab === 'simplifyRefundDeposit'"
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
97
98
 
                  ref="simplifyRefundDeposit"
                  :key="'simplifyRefundDeposit' + roomCreateFeeInfo.roomId"></simplify-refund-deposit>
24d3590f   wuxw   房屋收费页面开发完成 
99
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
100
101
102
 
              <el-tab-pane :label="$t('roomCreateFee.billingRules')" name="feeDetailFeeRule">
                <fee-detail-fee-rule v-if="roomCreateFeeInfo._currentTab === 'feeDetailFeeRule'" ref="feeDetailFeeRule"
                  :key="'feeDetailFeeRule' + roomCreateFeeInfo.roomId"></fee-detail-fee-rule>
24d3590f   wuxw   房屋收费页面开发完成 
103
 
              </el-tab-pane>
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
104
105
106
 
              <el-tab-pane :label="$t('roomCreateFee.feeBills')" name="feeDetailRuleBill">
                <fee-detail-rule-bill v-if="roomCreateFeeInfo._currentTab === 'feeDetailRuleBill'" ref="feeDetailRuleBill"
                  :key="'feeDetailRuleBill' + roomCreateFeeInfo.roomId"></fee-detail-rule-bill>
24d3590f   wuxw   房屋收费页面开发完成 
107
108
109
110
111
112
 
              </el-tab-pane>
            </el-tabs>
          </el-card>
        </el-col>
      </el-row>
24d3590f   wuxw   房屋收费页面开发完成 
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
 
      <export-fee-import-excel ref="exportFeeImportExcel"></export-fee-import-excel>
      <do-import-create-fee ref="doImportCreateFee"></do-import-create-fee>
      <download-collection-letter-order ref="downloadCollectionLetterOrder"></download-collection-letter-order>
    </div>
  </template>
  
  <script>
  import RoomTreeDiv from '@/components/room/roomTreeDiv'
  import InputSearchRoom from '@/components/fee/inputSearchRoom'
  import InputSearchRoomByOwner from '@/components/fee/inputSearchRoomByOwner'
  import SimplifyRoomFee from '@/components/fee/simplifyRoomFee'
  import SimplifyHisFee from '@/components/fee/simplifyHisFee'
  import SimplifyOwnerRooms from '@/components/fee/simplifyOwnerRooms'
  import CarDetailOwner from '@/components/fee/carDetailOwner'
  import SimplifyCallable from '@/components/fee/simplifyCallable'
  import SimplifyFeeReceipt from '@/components/fee/simplifyFeeReceipt'
  import SimplifyMeterWaterLog from '@/components/fee/simplifyMeterWaterLog'
  import OwnerDetailAccount from '@/components/owner/ownerDetailAccount'
  import OwnerDetailAccountReceipt from '@/components/owner/ownerDetailAccountReceipt'
  import SimplifyRefundDeposit from '@/components/fee/simplifyRefundDeposit'
  import FeeDetailFeeRule from '@/components/fee/feeDetailFeeRule'
  import FeeDetailRuleBill from '@/components/fee/feeDetailRuleBill'
24d3590f   wuxw   房屋收费页面开发完成 
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
 
  import ExportFeeImportExcel from '@/components/fee/exportFeeImportExcel'
  import DoImportCreateFee from '@/components/fee/doImportCreateFee'
  import DownloadCollectionLetterOrder from '@/components/fee/downloadCollectionLetterOrder'
  import { getCommunityId } from '@/api/community/communityApi'
  import { queryRooms } from '@/api/fee/roomCreateFeeApi'
  
  export default {
    name: 'RoomCreateFeeList',
    components: {
      RoomTreeDiv,
      InputSearchRoom,
      InputSearchRoomByOwner,
      SimplifyRoomFee,
      SimplifyHisFee,
      SimplifyOwnerRooms,
      CarDetailOwner,
      SimplifyCallable,
      SimplifyFeeReceipt,
      SimplifyMeterWaterLog,
      OwnerDetailAccount,
      OwnerDetailAccountReceipt,
      SimplifyRefundDeposit,
      FeeDetailFeeRule,
      FeeDetailRuleBill,
24d3590f   wuxw   房屋收费页面开发完成 
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
 
      ExportFeeImportExcel,
      DoImportCreateFee,
      DownloadCollectionLetterOrder
    },
    data() {
      return {
        roomCreateFeeInfo: {
          roomName: '',
          roomId: '',
          ownerId: '',
          ownerName: '',
          roomType: '',
          _currentTab: 'simplifyRoomFee',
          condition: {
            roomNum: '',
            ownerName: ''
          },
          timer: null
        },
        communityId: ''
      }
    },
    created() {
      this.communityId = getCommunityId()
      this.initRoomTree()
    },
    methods: {
      initRoomTree() {
        // this.$refs.roomTreeDiv.initRoomTreeDiv({
        //   callName: 'roomCreateFee'
        // })
      },
      handleSelectRoom(param) {
        this.roomCreateFeeInfo.ownerName = ''
        this.roomCreateFeeInfo.ownerId = ''
        this.roomCreateFeeInfo.roomId = param.roomId
        this.roomCreateFeeInfo.roomName = param.roomName
  
        this.roomCreateFeeInfo.condition.ownerName = ''
        this.roomCreateFeeInfo.condition.roomNum = ''
        this.listRoomInRoomCreateFee()
      },
      notifyRoomByOwner(room) {
        this.$set(this.roomCreateFeeInfo, 'ownerName', room.ownerName)
        this.$set(this.roomCreateFeeInfo, 'ownerId', room.ownerId)
        this.$set(this.roomCreateFeeInfo, 'roomId', room.roomId)
        this.$set(
          this.roomCreateFeeInfo,
          'roomName',
          `${room.floorNum}-${room.unitNum}-${room.roomNum}`
        )
        this.listRoomInRoomCreateFee()
      },
      async listRoomInRoomCreateFee() {
        const param = {
          page: 1,
          row: 1,
          communityId: this.communityId,
          roomId: this.roomCreateFeeInfo.roomId
        }
  
        if (this.roomCreateFeeInfo.condition.roomNum) {
          param.flag = '1'
          param.roomNum = this.roomCreateFeeInfo.condition.roomNum
          param.roomId = ''
          this.roomCreateFeeInfo.roomName = ''
          this.roomCreateFeeInfo.ownerName = ''
          this.roomCreateFeeInfo.ownerId = ''
          this.roomCreateFeeInfo.roomId = ''
        }
  
        try {
          const response = await queryRooms(param)
          const room = response.rooms[0]
          Object.assign(this.roomCreateFeeInfo, room)
          this.changeTab('simplifyRoomFee')
        } catch (error) {
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
238
 
          console.error('Request failed:', error)
24d3590f   wuxw   房屋收费页面开发完成 
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
 
        }
      },
      _inputRoomByOwner() {
        if (this.roomCreateFeeInfo.timer) {
          clearTimeout(this.roomCreateFeeInfo.timer)
        }
        this.roomCreateFeeInfo.timer = setTimeout(() => {
          this.$refs.inputSearchRoomByOwner.$emit('searchRoom', {
            callComponent: 'roomCreateFee',
            ownerName: this.roomCreateFeeInfo.condition.ownerName
          })
        }, 1500)
      },
      _queryRoomCreateFeeMethod() {
        this.listRoomInRoomCreateFee()
      },
      _resetRoomCreateFeeMethod() {
        this.$refs.inputSearchRoom.$emit('close', {})
        this.$refs.inputSearchRoomByOwner.$emit('close', {})
        this.roomCreateFeeInfo.roomNum = ''
        this.roomCreateFeeInfo.ownerName = ''
        this.roomCreateFeeInfo.ownerId = ''
        this.roomCreateFeeInfo.condition.ownerName = ''
        this.roomCreateFeeInfo.condition.roomNum = ''
        this.changeTab('simplifyRoomFee')
      },
      changeTab(tab) {
        this.roomCreateFeeInfo._currentTab = tab
        setTimeout(() => {
          if (this.$refs[tab]) {
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
269
 
            if (tab === 'ownerDetailAccount' || tab === 'ownerDetailAccountReceipt') {
24d3590f   wuxw   房屋收费页面开发完成 
270
271
 
              this.$refs[tab].open(this.roomCreateFeeInfo.ownerId, this.roomCreateFeeInfo.ownerName, this.roomCreateFeeInfo.roomId)
              return;
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
272
 
            }
24d3590f   wuxw   房屋收费页面开发完成 
273
274
275
276
277
278
279
280
281
282
 
            this.$refs[tab].open({
              ownerId: this.roomCreateFeeInfo.ownerId,
              ownerName: this.roomCreateFeeInfo.ownerName,
              roomId: this.roomCreateFeeInfo.roomId,
              roomName: this.roomCreateFeeInfo.roomName
            })
          }
        }, 500)
      },
      _roomCreateFeetoSimplifyAcceptance() {
e94f0676   wuxw   跳转到业务受理页面处理完成 
283
284
285
 
  
        this.$router.push('/pages/property/simplifyAcceptance?tab=业务受理&searchType=1&searchValue=' + `${this.roomCreateFeeInfo.floorNum}-${this.roomCreateFeeInfo.unitNum}-${this.roomCreateFeeInfo.roomNum}`)
24d3590f   wuxw   房屋收费页面开发完成 
286
287
288
289
290
 
      },
      _toBatchCreateFee() {
        this.$router.push('/pages/fee/roomCreatePayFee')
      },
      _downloadCollectionLetterOrder() {
e2d2dbfb   wuxw   优化房屋收费页面 的批量催缴单 
291
 
        this.$router.push('/views/fee/addOweFeeCallable?callableWay=EXCEL')
24d3590f   wuxw   房屋收费页面开发完成 
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
 
      },
      _downloadRoomCollectionLetterOrder(room) {
        this.$refs.downloadCollectionLetterOrder.open({
          roomId: room.roomId
        })
      },
      _openFeeImportExcel() {
        this.$refs.exportFeeImportExcel.open()
      },
      _openDoCreateRoomFee() {
        this.$refs.doImportCreateFee.open()
      },
      _openRoomCreateFeeComboModal() {
        this.$router.push(
          `/pages/property/createFeeByCombo?payerObjId=${this.roomCreateFeeInfo.roomId}&payerObjName=${this.roomCreateFeeInfo.roomName}&payerObjType=3333`
        )
      },
    }
  }
  </script>
  
  <style scoped>
  .app-container {
    padding: 20px;
  }
e0f5a995   wuxw   优化房屋创建费用 国际化问题 
317
318
319
320
321
322
323
324
 
  
  .tree-container {
    min-height: 450px;
    overflow-y: auto;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
  }
24d3590f   wuxw   房屋收费页面开发完成 
325
326
327
328
329
330
331
332
333
 
  
  .header-tools {
    float: right;
  }
  
  .filter-container {
    margin-bottom: 20px;
  }
  </style>