vue2-client 1.3.0 → 1.3.3

package/src/base-client/components/iot/MeterDetailsView/part/MeterDetailsMain.vue

@@ -1,251 +0,0 @@
-<template>
-  <div>
-    <a-card :class="isMobile ? 'card_view_mobile' : 'card_view'">
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="project" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">表具品牌</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_meter_brand }}
-          </template>
-          <p class="card_details_value">{{ details.f_meter_brand }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="api" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">表具类型</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_meter_type }}
-          </template>
-          <p class="card_details_value">{{ details.f_meter_type }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="profile" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">表号</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_meternumber }}
-          </template>
-          <p class="card_details_value">{{ details.f_meternumber }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="pushpin" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">表具规格</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_meter_style }}
-          </template>
-          <p class="card_details_value">{{ details.f_meter_style }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="select" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">表具型号</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_type }}
-          </template>
-          <p class="card_details_value">{{ details.f_type }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="tool" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">表具别名</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_alias }}
-          </template>
-          <p class="card_details_value">{{ details.f_alias }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="pay-circle" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">剩余金额</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_balance_amount }}
-          </template>
-          <p class="card_details_value">{{ details.f_balance_amount }}</p>
-        </a-tooltip>
-      </a-card-grid>
-      <a-card-grid :class="isMobile ? 'card_guid_mobile' : 'card_guid'">
-        <a-icon type="bg-colors" :style="{ fontSize: '24px'} "/>
-        <p class="card_details_title">累计用气量</p>
-        <a-tooltip>
-          <template slot="title">
-            {{ details.f_meter_base }}
-          </template>
-          <p class="card_details_value">{{ details.f_meter_base }}</p>
-        </a-tooltip>
-      </a-card-grid>
-    </a-card>
-    <a-card :bordered="false" title="业务操作记录" :loading="loading">
-      <a-button @click="getWorkFlow()" type="primary">刷新</a-button>
-      <a-timeline pending="持续记录中..." :reverse="true" mode="alternate" style="max-width: 800px;margin: 0 auto;">
-        <a-timeline-item v-if="index < 3 ? true : advanced" :key="index" v-for="(value,index) in workList" color="green">
-          <div style="color: #0d1a26;font-weight: 500;">
-            <span style="font-size: 16px;">{{ value.name }}</span>
-            <span style="margin-left: 5px;">({{ value.type }}，{{ format(value.date,'yyyy-MM-dd hh:mm:ss') }})</span>
-          </div>
-          <div class="antd-pro-pages-profile-advanced-style-stepDescription" >
-            状态：{{ value.state }}
-          </div>
-          <div class="antd-pro-pages-profile-advanced-style-stepDescription">
-            相关信息：<br/><p style="margin-left: 2em;">{{ value.info }}</p>
-          </div>
-        </a-timeline-item>
-      </a-timeline>
-      <a-col :md="!advanced && 8 || 24" :sm="24" v-if="workList.length > 3">
-        <span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} ">
-          <a @click="toggleAdvanced" style="margin-left: 8px">
-            {{ advanced ? '收起' : '展开' }}
-            <a-icon :type="advanced ? 'up' : 'down'"/>
-          </a>
-        </span>
-      </a-col>
-    </a-card>
-  </div>
-</template>
-<script>
-  import { formatDate } from '@vue2-client/utils/util'
-  import { MeterDetailsViewApi, post } from '@vue2-client/services/api'
-  import { mapState } from 'vuex'
-
-  export default {
-    name: 'MeterDetailsMain',
-    props: {
-      userid: {
-        type: String,
-        required: true
-      },
-      details: {
-        type: Object,
-        required: true
-      }
-    },
-    computed: {
-      ...mapState('setting', ['isMobile'])
-    },
-    mounted () {
-      this.getWorkFlow()
-    },
-    data () {
-      return {
-        // 历史操作 展开/关闭
-        advanced: false,
-        workList: [],
-        loading: false
-      }
-    },
-    methods: {
-      format (date, format) {
-        return formatDate(date, format)
-      },
-      getWorkFlow () {
-        this.loading = true
-        return post(MeterDetailsViewApi.getWorkFlowList, {
-          id: this.userid
-        }).then(res => {
-            this.workList = []
-            for (let i = 0, len = res.length; i < len; i++) {
-              this.workList.push({
-                name: res[i].f_base_type,
-                type: res[i].f_type,
-                tableName: res[i].f_table_name,
-                date: res[i].f_date,
-                state: res[i].f_state,
-                info: res[i].f_info
-              })
-            }
-            this.workList = this.workList.reverse()
-            this.loading = false
-          })
-      },
-      toggleAdvanced () {
-        this.advanced = !this.advanced
-      }
-    },
-    watch: {
-      'userid' () {
-        this.getWorkFlow()
-      }
-    }
-  }
-</script>
-
-<style lang="less" scoped>
-  .card_view {
-    width: 70%;
-    min-width: 700px;
-  }
-
-  .card_view_mobile {
-    width: 100%;
-  }
-
-  .card_details_title {
-    margin: 4px 0;
-    font-size: 14px;
-  }
-
-  .card_details_value {
-    font-size: 16px;
-    font-weight: bold;
-    color: #444;
-    margin-bottom: 0;
-    overflow: hidden;
-    text-overflow:ellipsis;
-    white-space: nowrap;
-  }
-
-  .card_guid {
-    width: 25%;
-    text-align:left;
-  }
-
-  .card_guid_mobile {
-    width: 50%;
-    text-align:left;
-  }
-
-  .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/MeterDetailsSellGas.vue

@@ -1,184 +0,0 @@
-<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 { MeterDetailsViewApi, post } from '@vue2-client/services/api'
-
-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: {
-    userid: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    this.columns = columns
-    return {
-      // 加载数据方法 必须为 Promise 对象
-      loadSellGasData: parameter => {
-        const queryParams = {
-          userId: this.userid
-        }
-        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

@@ -1,9 +0,0 @@
-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 }