增加对账

44abc1d7 · 宋雄 · e120d58a · 44abc1d7
--- a/src/views/settled/RecordList.vue
+++ b/src/views/settled/RecordList.vue
+<template>
+  <a-card :bordered="false">
+    <!-- 查询区域 -->
+    <div class="table-page-search-wrapper">
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
+        <a-row :gutter="24">
+          <a-col :md="6" :sm="8">
+            <a-form-item label="对账单号">
+              <j-input placeholder="请输入对账单号" v-model="queryParam.propertyName"></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="6" :sm="8">
+            <a-form-item label="小区名称">
+              <j-input placeholder="请输入小区名称" v-model="queryParam.propertyName"></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :md="8" :sm="10">
+            <a-form-item label="缴费日期">
+              <a-range-picker @change="onChange" />
+            </a-form-item>
+          </a-col>
+          <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
+            <a-col :md="6" :sm="24">
+              <a-button type="primary" @click="searchQuery">查询</a-button>
+              <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
+            </a-col>
+          </span>
+        </a-row>
+      </a-form>
+    </div>
+
+    <!-- 操作按钮区域 -->
+    <div class="table-operator">
+      <a-button @click="propertyDetails(1)" type="primary" icon="plus">新增</a-button>
+      <!-- <a-button type="primary" icon="download" @click="handleExportXls('t_property_settled')">导出</a-button> -->
+      <a-dropdown v-if="selectedRowKeys.length > 0">
+        <a-menu slot="overlay">
+          <a-menu-item key="1" @click="batchDel"><a-icon type="delete" />删除</a-menu-item>
+        </a-menu>
+        <a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
+      </a-dropdown>
+    </div>
+
+    <!-- table区域-begin -->
+    <div>
+      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
+        <i class="anticon anticon-info-circle ant-alert-icon"></i>已选择&nbsp;<a style="font-weight: 600">{{
+        selectedRowKeys.length }}</a>项&nbsp;&nbsp;
+        <a style="margin-left: 24px" v-if="selectedRowKeys.length > 0" @click="onClearSelected">清空</a>
+      </div>
+
+      <a-table ref="table" size="middle" :scroll="{x:true}" bordered rowKey="id" :columns="columns"
+        :dataSource="dataSource" :pagination="pagination" :loading="loading"
+        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" class="j-table-force-nowrap"
+        @change="handleTableChange">
+        <span slot="empowerEndDate" slot-scope="text, record">
+          <span v-if="record.empowerEndDate">{{record.empowerBeginDate}} 至 {{record.empowerEndDate}} </span>
+        </span>
+        <span slot="propertyStatus" slot-scope="text, record">
+          <span>{{record.propertyStatus === 'normal' ? '正常' : '冻结'}}</span>
+        </span>
+        <span slot="expirationStatus" slot-scope="text, record">
+          <a-tag>{{record.expirationStatus === 'notStarted' ? '未开始' :record.expirationStatus === 'normal' ? '正常' :record.expirationStatus === 'soonExpired' ? '即将到期' :record.expirationStatus === 'expire' ? '已过期' : ''}}</a-tag>
+        </span>
+        <span slot="action" slot-scope="text, record">
+          
+          <a href="javascript:;" @click="propertyDetails(4, record.id)">详情</a>
+
+          <a-divider type="vertical" />
+          <a-dropdown>
+            <a class="ant-dropdown-link">
+              更多 <a-icon type="down" />
+            </a>
+            <a-menu slot="overlay">
+              <a-menu-item v-if="record.auditStatus === 'auditPass'">
+                <a @click="handlePerssion(record.roleId)">授权</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a href="javascript:;" @click="propertyDetails(2, record.id)" v-if="record.auditStatus != 'waitAudit'">编辑</a>
+              </a-menu-item>
+              <a-menu-item v-if="record.auditStatus === 'waitAudit'">
+                <a href="javascript:;" @click="propertyDetails(3, record.id)">审核</a>
+              </a-menu-item>
+              <a-menu-item v-if="record.auditStatus === 'auditPass'">
+                <a href="javascript:;"
+                  @click="onStatus(record)">{{record.propertyStatus === 'normal' ? '冻结' : '解冻'}}</a>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)" placement="topLeft">
+                  <a>删除</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
+          </a-dropdown>
+        </span>
+      </a-table>
+
+    </div>
+    <!-- table区域-end -->
+
+    <property-settled-modal ref="modalForm" @ok="modalFormOk"></property-settled-modal>
+
+    <!-- 右侧的角色权限配置 -->
+    <user-role-modal ref="modalUserRole"></user-role-modal>
+  </a-card>
+</template>
+
+<script>
+import { auditPropertyApi, freezeOrPropertyApi } from '@/api/api'
+import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+import PropertySettledModal from './modules/PropertySettledModal'
+import UserRoleModal from './modules/UserRoleModal'
+import { filterDictTextByCache } from '@/components/dict/JDictSelectUtil'
+
+const columns = [
+  {
+    title: '对账单号',
+    dataIndex: 'propertyName',
+    key: 'propertyName',
+    align: 'center',
+  },
+  {
+    title: '所属小区',
+    dataIndex: 'creditCode',
+    key: 'creditCode',
+    align: 'center',
+  },
+  {
+    title: '所属物业集团',
+    dataIndex: 'contactName',
+    key: 'contactName',
+    align: 'center',
+  },
+  {
+    title: '对账开始日期',
+    dataIndex: 'contactPhone',
+    key: 'contactPhone',
+    align: 'center',
+  },
+  {
+    title: '对账结束日期',
+    dataIndex: 'contactPhone',
+    key: 'contactPhone',
+    align: 'center',
+  },
+  {
+    title: '对账金额',
+    dataIndex: 'contactPhone',
+    key: 'contactPhone',
+    align: 'center',
+  },
+  {
+    title: '操作日期',
+    dataIndex: 'contactPhone',
+    key: 'contactPhone',
+    align: 'center',
+  },
+  {
+    title: '操作人',
+    dataIndex: 'empowerCommunityNum',
+    key: 'empowerCommunityNum',
+    align: 'center',
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'empowerEndDate',
+    scopedSlots: { customRender: 'empowerEndDate' },
+    align: 'center',
+  },
+  {
+    title: '公司审核状态',
+    dataIndex: 'auditStatus',
+    key: 'auditStatus',
+    customRender: function (text) {
+      return filterDictTextByCache('auditStatus', text)
+    },
+  },
+  {
+    title: '操作',
+    dataIndex: 'action',
+    scopedSlots: { customRender: 'action' },
+    align: 'center',
+    fixed: 'right',
+    width: 150,
+  },
+]
+
+export default {
+  name: 'PermissionListAsync',
+  mixins: [JeecgListMixin],
+  components: {
+    PropertySettledModal,
+    UserRoleModal,
+  },
+  data() {
+    return {
+      // 表头
+      columns: columns,
+      loading: false,
+      pagination: {
+        total: 0,
+        current: 1,
+        pageSize: 10,
+        showSizeChanger: true,
+      },
+      url: {
+        list: '/property-central/property/propertySettled/list',
+        delete: '/property-central/property/propertySettled/delete',
+        deleteBatch: '/property-central/property/propertySettled/deleteBatch',
+      },
+    }
+  },
+  methods: {
+    propertyDetails(type, id) {
+      if (type == 1) {
+        this.$router.push({
+          path: '/settled/propertyDetails?type=add',
+        })
+      } else if (type == 2) {
+        this.$router.push({
+          path: '/settled/propertyDetails?type=edit&id=' + id,
+        })
+      } else if (type == 3) {
+        this.$router.push({
+          path: '/settled/propertyDetails?type=audit&id=' + id,
+        })
+      } else if (type == 4) {
+        this.$router.push({
+          path: '/settled/propertyDetails?type=detail&id=' + id,
+        })
+      }
+    },
+    onLoadDetail(record, type) {
+      record['registAdress'] = [record.provinceCode, record.cityCode, record.countyCode]
+      if (type === 'edit') {
+        this.handleEdit(record)
+      } else {
+        this.handleDetail(record)
+      }
+    },
+    onChange(date, dateString) {
+      if (dateString.length > 0) {
+        this.queryParam.createTime_begin = dateString[0]
+        this.queryParam.createTime_end = dateString[1]
+      } else {
+        this.queryParam.createTime_begin = ''
+        this.queryParam.createTime_end = ''
+      }
+    },
+    onExamine(record) {
+      let that = this
+      this.$confirm({
+        title: '确认审核此物业?',
+        closable: true,
+        okText: '审核通过',
+        cancelText: '审核驳回',
+        onOk() {
+          return auditPropertyApi({
+            id: record.id,
+            auditStatus: 'auditPass',
+          }).then((res) => {
+            that.searchQuery()
+          })
+        },
+        onCancel() {
+          return auditPropertyApi({
+            id: record.id,
+            auditStatus: 'refuse',
+          }).then((res) => {
+            that.searchQuery()
+          })
+        },
+      })
+    },
+    onStatus(record) {
+      let that = this
+      this.$confirm({
+        title: `确认${record.propertyStatus === 'normal' ? '冻结' : '解冻'}此物业?`,
+        closable: true,
+        okText: `${record.propertyStatus === 'normal' ? '冻结' : '解冻'}`,
+        onOk() {
+          return freezeOrPropertyApi({
+            id: record.id,
+            status: `${record.propertyStatus === 'normal' ? 'freeze' : 'normal'}`,
+          }).then((res) => {
+            that.searchQuery()
+          })
+        },
+        onCancel() {},
+      })
+    },
+    handlePerssion(roleId) {
+      this.$refs.modalUserRole.show(roleId)
+    },
+  },
+}
+</script>
+<style scoped>
+@import '~@assets/less/common.less';
+</style>
\ No newline at end of file