vue2-client 0.1.1 → 1.2.0

package/src/{components → base-client/components/iot}/MeterDetailsView/part/MeterDetailsSellGas.vue

@@ -1,211 +1,190 @@
-<template>
-  <div>
-    <a-row :gutter="32">
-      <a-col :span="24">
-        <a-card
-          title="充值明细"
-          style="margin-bottom: 24px"
-          :bordered="false"
-          showPagination="auto">
-          <a-button @click="refresh()" type="primary" style="margin-bottom: 10px;">刷新</a-button>
-          <s-table
-            ref="table"
-            size="default"
-            rowKey="id"
-            :columns="columns"
-            :data="loadSellGasData"
-            :alert="true"
-            :pageSize="5"
-            :rowSelection="rowSelection"
-            showPagination="auto"
-          >
-            <span slot="f_state" slot-scope="text">
-              <a-badge :status="text | stateTypeFilter" :text="text | stateFilter" />
-            </span>
-          </s-table>
-        </a-card>
-      </a-col>
-    </a-row>
-  </div>
-</template>
-<script>
-
-import Vue from 'vue'
-import { businessApi } from '@/vue2-client/api/business'
-import { STable } from '@/components'
-
-const columns = [
-  {
-    title: '充值编号',
-    dataIndex: 'id'
-  },
-  {
-    title: '充值次数',
-    dataIndex: 'f_times'
-  },
-  {
-    title: '应收金额',
-    dataIndex: 'f_preamount'
-  },
-  {
-    title: '实收金额',
-    dataIndex: 'f_collection'
-  },
-  {
-    title: '上期结余',
-    dataIndex: 'f_balance'
-  },
-  {
-    title: '本期结余',
-    dataIndex: 'f_curbalance'
-  },
-  {
-    title: '总购金额',
-    dataIndex: 'f_total_fee'
-  },
-  {
-    title: '付款方式',
-    dataIndex: 'f_payment'
-  },
-  {
-    title: '缴费类型',
-    dataIndex: 'f_type'
-  },
-  {
-    title: '状态',
-    dataIndex: 'f_state',
-    scopedSlots: { customRender: 'f_state' }
-  },
-  {
-    title: '操作人',
-    dataIndex: 'f_operator'
-  },
-  {
-    title: '缴费时间',
-    dataIndex: 'f_operate_date'
-  }
-]
-const stateMap = {
-  '有效': {
-    status: 'success',
-    text: '有效'
-  },
-  '无效': {
-    status: 'default',
-    text: '无效'
-  },
-  '撤销': {
-    status: 'error',
-    text: '撤销'
-  },
-  '冲正': {
-    status: 'error',
-    text: '冲正'
-  }
-}
-export default {
-  name: 'MeterDetailsSellGas',
-  components: {
-    STable
-  },
-  props: {
-    userid: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    this.columns = columns
-    return {
-      // 加载数据方法 必须为 Promise 对象
-      loadSellGasData: parameter => {
-        const queryParams = {
-          id: this.userid
-        }
-        const requestParameters = Object.assign({}, parameter, queryParams)
-        return this.getSimpleSellGas(requestParameters)
-      },
-      selectedRowKeys: [],
-      selectedRows: [],
-      // 默认表格数据
-      defaultData: {
-        data: [],
-        pageSize: 0,
-        pageNo: 0,
-        totalPage: 0,
-        totalCount: 0
-      }
-    }
-  },
-  filters: {
-    stateFilter (type) {
-      return stateMap[type] ? stateMap[type].text : type
-    },
-    stateTypeFilter (type) {
-      return stateMap[type] ? stateMap[type].status : 'default'
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: this.onSelectChange
-      }
-    }
-  },
-  methods: {
-    refresh () {
-      this.$refs.table.refresh(true)
-    },
-    getSimpleSellGas (requestParameters) {
-      return Vue.resetpost(businessApi.getSimpleSellGasList, requestParameters).then(res => {
-        return res
-      })
-    },
-    onSelectChange (selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-    }
-  }
-}
-</script>
-
-<style lang='less' scoped>
-.detail-layout {
-  margin-left: 44px
-}
-.text {
-  color: rgba(0, 0, 0, .45)
-}
-
-.heading {
-  color: rgba(0, 0, 0, .85);
-  font-size: 20px
-}
-
-.no-data {
-  color: rgba(0, 0, 0, .25);
-  text-align: center;
-  line-height: 64px;
-  font-size: 16px
-
-  /*i {*/
-  /*  font-size: 24px*/
-  /*  margin-right: 16px*/
-  /*  position: relative*/
-  /*  top: 3px*/
-  /*}*/
-}
-
-.mobile {
-  .detail-layout {
-    margin-left: unset
-  }
-  .text {
-
-  }
-  .status-list {
-    text-align: left
-  }
-}
-</style>
+<template>
+  <div>
+    <a-row :gutter="32">
+      <a-col :span="24">
+        <a-card
+          title="充值明细"
+          style="margin-bottom: 24px"
+          :bordered="false"
+          showPagination="auto">
+          <a-button @click="refresh()" type="primary" style="margin-bottom: 10px;">刷新</a-button>
+          <s-table
+            ref="table"
+            size="default"
+            rowKey="id"
+            :columns="columns"
+            :data="loadSellGasData"
+            :alert="true"
+            :pageSize="5"
+            :rowSelection="rowSelection"
+            showPagination="auto"
+          >
+            <span slot="f_state" slot-scope="text">
+              <x-badge badge-key="rechargeStateMap" :value="text"/>
+            </span>
+          </s-table>
+        </a-card>
+      </a-col>
+    </a-row>
+  </div>
+</template>
+<script>
+
+import { STable } from '@vue2-client/components'
+import { post } from '@vue2-client/services/api/restTools'
+import { MeterDetailsViewApi } from '@vue2-client/services/api/MeterDetailsViewApi'
+
+const columns = [
+  {
+    title: '充值编号',
+    dataIndex: 'id'
+  },
+  {
+    title: '充值次数',
+    dataIndex: 'f_times'
+  },
+  {
+    title: '应收金额',
+    dataIndex: 'f_preamount'
+  },
+  {
+    title: '实收金额',
+    dataIndex: 'f_collection'
+  },
+  {
+    title: '上期结余',
+    dataIndex: 'f_balance'
+  },
+  {
+    title: '本期结余',
+    dataIndex: 'f_curbalance'
+  },
+  {
+    title: '总购金额',
+    dataIndex: 'f_total_fee'
+  },
+  {
+    title: '付款方式',
+    dataIndex: 'f_payment'
+  },
+  {
+    title: '缴费类型',
+    dataIndex: 'f_type'
+  },
+  {
+    title: '状态',
+    dataIndex: 'f_state',
+    scopedSlots: { customRender: 'f_state' }
+  },
+  {
+    title: '操作人',
+    dataIndex: 'f_operator'
+  },
+  {
+    title: '缴费时间',
+    dataIndex: 'f_operate_date'
+  }
+]
+export default {
+  name: 'MeterDetailsSellGas',
+  components: {
+    STable
+  },
+  props: {
+    selectOrgName: {
+      type: String,
+      required: true
+    },
+    userid: {
+      type: String,
+      required: true
+    }
+  },
+  data () {
+    this.columns = columns
+    return {
+      // 加载数据方法 必须为 Promise 对象
+      loadSellGasData: parameter => {
+        const queryParams = {
+          userId: this.userid,
+          orgName: this.selectOrgName
+        }
+        const requestParameters = Object.assign({}, parameter, queryParams)
+        return this.getSimpleSellGas(requestParameters)
+      },
+      selectedRowKeys: [],
+      selectedRows: [],
+      // 默认表格数据
+      defaultData: {
+        data: [],
+        pageSize: 0,
+        pageNo: 0,
+        totalPage: 0,
+        totalCount: 0
+      }
+    }
+  },
+  computed: {
+    rowSelection () {
+      return {
+        selectedRowKeys: this.selectedRowKeys,
+        onChange: this.onSelectChange
+      }
+    }
+  },
+  methods: {
+    refresh () {
+      this.$refs.table.refresh(true)
+    },
+    getSimpleSellGas (requestParameters) {
+      return post(MeterDetailsViewApi.getPayInfoList, requestParameters).then(res => {
+        return res
+      })
+    },
+    onSelectChange (selectedRowKeys, selectedRows) {
+      this.selectedRowKeys = selectedRowKeys
+      this.selectedRows = selectedRows
+    }
+  }
+}
+</script>
+
+<style lang='less' scoped>
+.detail-layout {
+  margin-left: 44px
+}
+.text {
+  color: rgba(0, 0, 0, .45)
+}
+
+.heading {
+  color: rgba(0, 0, 0, .85);
+  font-size: 20px
+}
+
+.no-data {
+  color: rgba(0, 0, 0, .25);
+  text-align: center;
+  line-height: 64px;
+  font-size: 16px
+
+  /*i {*/
+  /*  font-size: 24px*/
+  /*  margin-right: 16px*/
+  /*  position: relative*/
+  /*  top: 3px*/
+  /*}*/
+}
+
+.mobile {
+  .detail-layout {
+    margin-left: unset
+  }
+  .text {
+
+  }
+  .status-list {
+    text-align: left
+  }
+}
+</style>

package/src/base-client/components/iot/MeterDetailsView/part/index.js

@@ -0,0 +1,9 @@
+import MeterDetailsMain from './MeterDetailsMain'
+import MeterDetailsCount from './MeterDetailsCount'
+import MeterDetailsHandPlan from './MeterDetailsHandPlan'
+import MeterDetailsSellGas from './MeterDetailsSellGas'
+import MeterDetailsException from './MeterDetailsException'
+import MeterDetailsInstruct from './MeterDetailsInstruct'
+
+export { MeterDetailsMain, MeterDetailsCount, MeterDetailsHandPlan, MeterDetailsSellGas,
+  MeterDetailsException, MeterDetailsInstruct }