vue2-client 1.3.2 → 1.3.5

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

@@ -1,285 +0,0 @@
-<template>
-  <div>
-    <a-row :gutter="16">
-      <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="handPlanColumns"
-            :data="loadHandData"
-            :alert="true"
-            :pageSize="5"
-            :rowSelection="rowSelection"
-            showPagination="auto"
-          >
-            <span slot="f_hand_state" slot-scope="text">
-              <x-badge :value="text" badge-key="handInfoStateMap" :is-external-text="true"/>
-            </span>
-            <span slot="f_meter_state" slot-scope="text">
-              <x-badge :value="text" badge-key="handMeterStateMap" :is-external-text="true"/>
-            </span>
-            <span slot="f_curbalance" slot-scope="text">
-              <span :style="parseInt(text) < 0 ? 'color:red' : ''">{{ text }}</span>
-            </span>
-          </s-table>
-        </a-card>
-      </a-col>
-    </a-row>
-    <a-row :gutter="16">
-      <a-col :span="24">
-        <a-card
-          title="抄表明细"
-          style="margin-bottom: 24px"
-          :bordered="false"
-          showPagination="auto">
-          <s-table
-            ref="table2"
-            size="default"
-            rowKey="id"
-            :columns="meterReadColumns"
-            :data="loadMetereadData"
-            :alert="true"
-            :pageSize="5"
-            :rowSelection="rowSelection"
-            showPagination="auto"
-          >
-            <span slot="f_batterylevel" slot-scope="text">
-              <span>{{ text ? text : '--' }}</span>
-            </span>
-            <span slot="f_signal" slot-scope="text">
-              <span>{{ text ? text : '--' }}</span>
-            </span>
-            <span slot="f_valveState" slot-scope="text">
-              <x-badge :value="(text ? text : '--')" badge-key="meterValveStateMap" />
-            </span>
-          </s-table>
-        </a-card>
-      </a-col>
-    </a-row>
-  </div>
-</template>
-<script>
-
-import { MeterDetailsViewApi, post } from '@vue2-client/services/api'
-import { STable } from '@vue2-client/components'
-
-const handPlanColumns = [
-  {
-    title: '表号',
-    dataIndex: 'f_meternumber'
-  },
-  {
-    title: '本期底数',
-    dataIndex: 'f_tablebase'
-  },
-  {
-    title: '上期底数',
-    dataIndex: 'f_last_tablebase'
-  },
-  {
-    title: '用气量',
-    dataIndex: 'f_oughtamount'
-  },
-  {
-    title: '用气金额',
-    dataIndex: 'f_oughtfee'
-  },
-  {
-    title: '本期余额',
-    dataIndex: 'f_curbalance',
-    scopedSlots: { customRender: 'f_curbalance' }
-  },
-  {
-    title: '上期余额',
-    dataIndex: 'f_balance'
-  },
-  {
-    title: '抄表员',
-    dataIndex: 'f_inputtor'
-  },
-  {
-    title: '抄表结算',
-    dataIndex: 'f_meter_state',
-    scopedSlots: { customRender: 'f_meter_state' }
-  },
-  {
-    title: '抄表状态',
-    dataIndex: 'f_hand_state',
-    scopedSlots: { customRender: 'f_hand_state' }
-  },
-  {
-    title: '抄表时间',
-    dataIndex: 'f_hand_date'
-  },
-  {
-    title: '录入时间',
-    dataIndex: 'f_input_date'
-  }
-]
-const meterReadColumns = [
-  {
-    title: '表号',
-    dataIndex: 'f_meternumber'
-  },
-  {
-    title: '电压',
-    dataIndex: 'f_batterylevel',
-    scopedSlots: { customRender: 'f_batterylevel' }
-  },
-  {
-    title: '信号强度',
-    dataIndex: 'f_signal',
-    scopedSlots: { customRender: 'f_signal' }
-  },
-  {
-    title: '阀门状态',
-    dataIndex: 'f_valvestate',
-    scopedSlots: { customRender: 'f_valveState' }
-  },
-  {
-    title: '抄表时间',
-    dataIndex: 'f_insert_date'
-  },
-  {
-    title: '录入时间',
-    dataIndex: 'f_hand_date'
-  }
-]
-const valveStatusMap = {
-  '0': {
-    status: 'success',
-    text: '开阀'
-  },
-  '1': {
-    status: 'default',
-    text: '关阀'
-  }
-}
-
-export default {
-  name: 'MeterDetailsHandPlan',
-  components: {
-    STable
-  },
-  props: {
-    userid: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    this.handPlanColumns = handPlanColumns
-    this.meterReadColumns = meterReadColumns
-    return {
-      // 加载数据方法 必须为 Promise 对象
-      loadHandData: parameter => {
-        const queryParams = {
-          userId: this.userid
-        }
-        const requestParameters = Object.assign({}, parameter, queryParams)
-        return this.getSimpleHand(requestParameters)
-      },
-      loadMetereadData: parameter => {
-        const queryParams = {
-          userId: this.userid
-        }
-        const requestParameters = Object.assign({}, parameter, queryParams)
-        return this.getSimpleMeterRead(requestParameters)
-      },
-      selectedRowKeys: [],
-      selectedRows: [],
-      // 默认表格数据
-      defaultData: {
-        data: [],
-        pageSize: 0,
-        pageNo: 0,
-        totalPage: 0,
-        totalCount: 0
-      }
-    }
-  },
-  filters: {
-    valveStatusFilter (type) {
-      return valveStatusMap[type] ? valveStatusMap[type].text : type
-    },
-    valveStatusTypeFilter (type) {
-      return valveStatusMap[type] ? valveStatusMap[type].status : 'default'
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: this.onSelectChange
-      }
-    }
-  },
-  methods: {
-    refresh () {
-      this.$refs.table.refresh(true)
-      this.$refs.table2.refresh(true)
-    },
-    getSimpleHand (requestParameters) {
-      return post(MeterDetailsViewApi.getHandPlanList, requestParameters).then(res => {
-        return res
-      })
-    },
-    getSimpleMeterRead (requestParameters) {
-      return post(MeterDetailsViewApi.getMeteReadList, 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/MeterDetailsInstruct.vue

@@ -1,230 +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="InstructColumns"
-            :data="loadInstructData"
-            :alert="true"
-            :pageSize="5"
-            :rowSelection="rowSelection"
-            showPagination="auto"
-          >
-            <span slot="f_instruct_state" slot-scope="text">
-              <x-badge badge-key="instructStateMap" :value="text" />
-            </span>
-            <span slot="f_receive_state" slot-scope="text">
-              <ellipsis :length="30" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
-            </span>
-            <span slot="f_instruct_title" slot-scope="text">
-              <ellipsis :length="8" tooltip>{{ text }}</ellipsis>
-            </span>
-            <span slot="f_instruct_date" slot-scope="text">
-              {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
-            </span>
-            <span slot="f_send_date" slot-scope="text">
-              {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
-            </span>
-            <span slot="f_callback_date" slot-scope="text">
-              {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
-            </span>
-
-            <span slot="action" slot-scope="text, record">
-              <template>
-                <a @click="toDetail(record)">详情</a>
-              </template>
-            </span>
-          </s-table>
-        </a-card>
-      </a-col>
-    </a-row>
-    <instruct-details-view
-      :visible.sync="detailsViewVisible"
-      :instructid="selectInstructId"
-      :isShowUserFiles="isShowUserFiles"
-      v-if="selectInstructId"
-    />
-  </div>
-</template>
-<script>
-
-import { MeterDetailsViewApi, post } from '@vue2-client/services/api'
-import { STable, Ellipsis } from '@vue2-client/components'
-import { timeCompare, formatDate } from '@vue2-client/utils/util'
-
-const InstructColumns = [
-  {
-    title: '指令编号',
-    dataIndex: 'id'
-  },
-  {
-    title: '指令类型',
-    dataIndex: 'f_instruct_type'
-  },
-  {
-    title: '指令说明',
-    dataIndex: 'f_instruct_title',
-    scopedSlots: { customRender: 'f_instruct_title' }
-  },
-  {
-    title: '指令状态',
-    dataIndex: 'f_instruct_state',
-    scopedSlots: { customRender: 'f_instruct_state' }
-  },
-  {
-    title: '响应结果',
-    dataIndex: 'f_receive_state',
-    scopedSlots: { customRender: 'f_receive_state' }
-  },
-  {
-    title: '生成时间',
-    dataIndex: 'f_instruct_date',
-    sorter: (a, b) => timeCompare(a.f_instruct_date, b.f_instruct_date),
-    scopedSlots: { customRender: 'f_instruct_date' }
-  },
-  {
-    title: '发送时间',
-    dataIndex: 'f_send_date',
-    sorter: (a, b) => timeCompare(a.f_send_date, b.f_send_date),
-    scopedSlots: { customRender: 'f_send_date' }
-  },
-  {
-    title: '响应时间',
-    dataIndex: 'f_callback_date',
-    sorter: (a, b) => timeCompare(a.f_callback_date, b.f_callback_date),
-    scopedSlots: { customRender: 'f_callback_date' }
-  },
-  {
-    title: '关联业务编号',
-    dataIndex: 'f_data_id'
-  },
-  {
-    title: '操作人',
-    dataIndex: 'f_inputtor'
-  },
-  {
-    title: '操作',
-    dataIndex: 'action',
-    width: '150px',
-    scopedSlots: { customRender: 'action' }
-  }
-]
-
-export default {
-  name: 'MeterDetailsInstruct',
-  components: {
-    STable,
-    Ellipsis
-  },
-  props: {
-    userid: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    this.InstructColumns = InstructColumns
-    return {
-      selectInstructId: undefined,
-      detailsViewVisible: false,
-      // 加载数据方法 必须为 Promise 对象
-      loadInstructData: parameter => {
-        const queryParams = {
-          userId: this.userid
-        }
-        const requestParameters = Object.assign({}, parameter, queryParams)
-        return this.getSimpleInstruct(requestParameters)
-      },
-      selectedRowKeys: [],
-      selectedRows: [],
-      // 默认表格数据
-      defaultData: {
-        data: [],
-        pageSize: 0,
-        pageNo: 0,
-        totalPage: 0,
-        totalCount: 0
-      },
-      isShowUserFiles: false
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: this.onSelectChange
-      }
-    }
-  },
-  methods: {
-    refresh () {
-      this.$refs.table.refresh(true)
-    },
-    getSimpleInstruct (requestParameters) {
-      return post(MeterDetailsViewApi.getInstructList, requestParameters).then(res => {
-        return res
-      })
-    },
-    onSelectChange (selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-    },
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    toDetail (record) {
-      this.selectInstructId = record.id + ''
-      this.detailsViewVisible = true
-    }
-  }
-}
-</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>