vue2-client 1.3.0 → 1.3.3

package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsException.vue

@@ -1,57 +0,0 @@
-<template>
-  <a-card :bordered="false">
-    <x-form-table
-      v-if="tabActiveKey === '1'"
-      :queryParamsName="queryParamsName"
-      :fixedQueryForm="fixedQueryForm"
-      @onSubmit="onSubmit"
-      @action="toDetail">
-    </x-form-table>
-  </a-card>
-</template>
-
-<script>
-  import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-
-  export default {
-    name: 'DeviceDetailsException',
-    components: {
-      XFormTable
-    },
-    data () {
-      return {
-        // 选中的异常编号
-        selectSingularId: undefined,
-        tabActiveKey: undefined,
-        fixedQueryForm: {},
-        // 查询配置文件名
-        queryParamsName: 'deviceToExceptionQueryParams',
-        // 是否显示设置设备参数详情抽屉
-        detailVisible: false
-      }
-    },
-    props: {
-      deviceId: {
-        type: Number,
-        required: true
-      }
-    },
-    mounted () {
-      this.initView()
-    },
-    methods: {
-      initView () {
-        this.tabActiveKey = '1'
-        this.fixedQueryForm['e_f_device_id'] = this.deviceId
-      },
-      onSubmit (res) {
-        res.form['e_f_device_id'] = this.deviceId
-        this.$emit('onSubmit', res)
-      },
-      toDetail (record, id) {
-        // this.selectSingularId = record.id + ''
-        // this.detailVisible = true
-      }
-    }
-  }
-</script>

package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsInstruct.vue

@@ -1,122 +0,0 @@
-<template>
-  <div>
-    <x-form-table
-      title="指令"
-      v-if="tabActiveKey === '1'"
-      :queryParamsName="queryParamsName"
-      :fixedQueryForm="fixedQueryForm"
-      @action="toDetail">
-    </x-form-table>
-    <instruct-details-view
-      :visible.sync="detailsViewVisible"
-      :instructid="selectInstructId"
-      :isShowUserFiles="isShowUserFiles"
-      v-if="selectInstructId"
-    />
-  </div>
-</template>
-<script>
-
-import { STable, Ellipsis } from '@vue2-client/components'
-import { formatDate } from '@vue2-client/utils/util'
-import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-
-export default {
-  name: 'DeviceDetailsInstruct',
-  components: {
-    STable,
-    Ellipsis,
-    XFormTable
-  },
-  props: {
-    deviceNo: {
-      type: String,
-      required: true
-    }
-  },
-  data () {
-    return {
-      selectInstructId: undefined,
-      tabActiveKey: undefined,
-      fixedQueryForm: {},
-      detailsViewVisible: false,
-      // 加载数据方法 必须为 Promise 对象
-      selectedRowKeys: [],
-      selectedRows: [],
-      queryParamsName: 'deviceToInstructQueryParams',
-      isShowUserFiles: false
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: this.onSelectChange
-      }
-    }
-  },
-  mounted () {
-    this.initView()
-  },
-  methods: {
-    initView () {
-      this.tabActiveKey = '1'
-      this.fixedQueryForm['t_f_meternumber'] = this.deviceNo
-    },
-    refresh () {
-      this.$refs.table.refresh(true)
-    },
-    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>

package/src/base-client/components/iot/DeviceDetailsView/part/DeviceDetailsInstructOperate.vue

@@ -1,121 +0,0 @@
-<template>
-  <div v-if="details">
-    <div v-for="item in details" :key="item">
-      <div style="margin-top: 20px;margin-left: 20px">
-        <p> <a-button type="primary" @click="submit(item)" style="width: 150px;margin-right: 30px"> {{ item.f_name }} </a-button>
-          {{ item.f_describe }}
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-
-  import { STable, Ellipsis } from '@vue2-client/components'
-  import { DeviceDetailsViewApi, post } from '@vue2-client/services/api'
-  import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-
-  export default {
-    name: 'DeviceDetailsInstructOperate',
-    components: {
-      STable,
-      Ellipsis,
-      XFormTable
-    },
-    props: {
-      device: {
-        type: Object,
-        required: true
-      }
-    },
-    data () {
-      return {
-        // 加载数据方法 必须为 Promise 对象
-        selectedRowKeys: [],
-        selectedRows: [],
-        details: undefined
-      }
-    },
-    computed: {
-    },
-    mounted () {
-      this.initView()
-    },
-    methods: {
-      initView () {
-        return post(DeviceDetailsViewApi.getDeviceInstructOperate, {
-          id: this.device.deviceid
-        }).then(res => {
-          this.details = res
-        }, err => {
-          console.error(err)
-        })
-      },
-      submit (item) {
-        const _this = this
-        this.$confirm({
-          title: '您确定要对档案生成' + item.f_name + '指令吗?',
-          content: '生成指令后，可以在指令界面查看和操作',
-          okText: '确定',
-          okType: 'danger',
-          cancelText: '取消',
-          onOk () {
-            return post(DeviceDetailsViewApi.saveInstructOperate, {
-              device: _this.device,
-              instruct: item
-            }).then(res => {
-              console.log(res)
-            })
-          }
-        })
-      },
-      refresh () {
-        this.$refs.table.refresh(true)
-      },
-      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/DeviceDetailsView/part/DeviceDetailsMain.vue

@@ -1,269 +0,0 @@
-<template>
-  <div>
-    <a-row :gutter="24">
-      <a-col :span="12">
-        <a-card :bordered="false" title="基本信息">
-          <a-row>
-            <a-col :span="8">
-              <device-brand-details-view
-                :visible.sync="deviceBrandDetailVisible"
-                :brand-id="details.f_brand_id"
-                v-if="details.f_brand_id"
-              />
-              <a-card-grid class="card_guid" @click="toggleDeviceBrandDetailsView">
-                <a-icon type="project" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">设备品牌</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_brand }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_brand }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-            <a-col :span="8">
-              <device-type-details-view
-                :visible.sync="deviceTypeDetailVisible"
-                :type-id="details.f_type_id"
-                v-if="details.f_type_id"
-              />
-              <a-card-grid class="card_guid" @click="toggleDeviceTypeDetailsView">
-                <a-icon type="api" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">设备类型</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_name }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_name }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-            <a-col :span="8">
-              <a-card-grid class="card_guid">
-                <a-icon type="profile" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">设备号</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_device_no }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_device_no }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-          </a-row>
-          <a-row>
-            <a-col :span="8">
-              <a-card-grid class="card_guid">
-                <a-icon type="pushpin" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">设备厂家</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_manufactor }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_manufactor }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-            <a-col :span="8">
-              <a-card-grid class="card_guid">
-                <a-icon type="select" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">设备型号</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_model }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_model }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-            <a-col :span="8">
-              <a-card-grid class="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-col>
-          </a-row>
-          <a-row>
-            <a-col :span="8">
-              <a-card-grid class="card_guid">
-                <a-icon type="pay-circle" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">IMEI码</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_imei }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_imei }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-            <a-col :span="8">
-              <a-card-grid class="card_guid">
-                <a-icon type="bg-colors" :style="{ fontSize: '24px'} "/>
-                <p class="card_details_title">IMSI码</p>
-                <a-tooltip>
-                  <template slot="title">
-                    {{ details.f_imsi }}
-                  </template>
-                  <p class="card_details_value">{{ details.f_imsi }}</p>
-                </a-tooltip>
-              </a-card-grid>
-            </a-col>
-          </a-row>
-        </a-card>
-      </a-col>
-      <a-col :span="12">
-        <a-card :bordered="false" title="设备位置" :loading="loading">
-          <AmapPointRendering :markers="details.f_install_lng_lat" :describeList="describeList" :mapStyle="{width: '100%',height: '381px',border: '2px solid lightgray','border-radius': '5px'}"/>
-        </a-card>
-      </a-col>
-    </a-row>
-    <a-row>
-      <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>
-    </a-row>
-  </div>
-</template>
-<script>
-import { formatDate } from '@vue2-client/utils/util'
-import { mapState } from 'vuex'
-
-export default {
-  name: 'DeviceDetailsMain',
-  props: {
-    details: {
-      type: Object,
-      required: true
-    }
-  },
-  computed: {
-    ...mapState('setting', ['isMobile'])
-  },
-  mounted () {
-  },
-  data () {
-    return {
-      // 历史操作 展开/关闭
-      advanced: false,
-      workList: [],
-      loading: false,
-      describeList: [
-        { describe: '设备号', field: 'f_device_no' },
-        { describe: '设备型号', field: 'f_brand' }
-      ],
-      // 设备品牌详情抽屉
-      deviceBrandDetailVisible: false,
-      // 设备类型详情抽屉
-      deviceTypeDetailVisible: false
-    }
-  },
-  methods: {
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    toggleAdvanced () {
-      this.advanced = !this.advanced
-    },
-    toggleDeviceBrandDetailsView () {
-      this.deviceBrandDetailVisible = !this.deviceBrandDetailVisible
-    },
-    toggleDeviceTypeDetailsView () {
-      this.deviceTypeDetailVisible = !this.deviceTypeDetailVisible
-    }
-  },
-  watch: {
-    'userid' () {
-      this.getWorkFlow()
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.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: 100%;
-  text-align:left;
-  cursor: pointer;
-}
-
-.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/DeviceDetailsView/part/DeviceDetailsRead.vue

@@ -1,131 +0,0 @@
-<template>
-  <div>
-    <x-form-table
-      :logicName="logicName"
-      :logicParam="logicParam"
-      :fixedQueryForm="fixedQueryForm"
-      @onSubmit="onSubmit"
-      @action="toDetail">
-    </x-form-table>
-  </div>
-</template>
-<script>
-
-  import { STable, Ellipsis } from '@vue2-client/components'
-  import { formatDate } from '@vue2-client/utils/util'
-  import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-
-  export default {
-    name: 'DeviceDetailsInstruct',
-    components: {
-      STable,
-      Ellipsis,
-      XFormTable
-    },
-    props: {
-      deviceId: {
-        type: Number,
-        required: true
-      }
-    },
-    data () {
-      return {
-        selectInstructId: undefined,
-        startForm: {},
-        fixedQueryForm: {},
-        detailsViewVisible: false,
-        // 加载数据方法 必须为 Promise 对象
-        selectedRowKeys: [],
-        selectedRows: [],
-        logicName: 'getIotRead',
-        logicParam: null,
-        // 默认表格数据
-        defaultData: {
-          data: [],
-          pageSize: 0,
-          pageNo: 0,
-          totalPage: 0,
-          totalCount: 0
-        },
-        isShowUserFiles: false
-      }
-    },
-    computed: {
-      rowSelection () {
-        return {
-          selectedRowKeys: this.selectedRowKeys,
-          onChange: this.onSelectChange
-        }
-      }
-    },
-    mounted () {
-      this.initView()
-    },
-    methods: {
-      initView () {
-        this.logicParam = {
-          id: this.deviceId
-        }
-        this.fixedQueryForm['d_id'] = this.deviceId
-      },
-      onSubmit (res) {
-        res.form['d_id'] = this.deviceId
-        this.$emit('onSubmit', res)
-      },
-      refresh () {
-        this.$refs.table.refresh(true)
-      },
-      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>

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

@@ -1,8 +0,0 @@
-import DeviceDetailsMain from './DeviceDetailsMain'
-import DeviceDetailsCount from './DeviceDetailsCount'
-import DeviceDetailsInstruct from './DeviceDetailsInstruct'
-import DeviceDetailsRead from './DeviceDetailsRead'
-import DeviceDetailsSingular from './DeviceDetailsException'
-import DeviceDetailsInstructOperate from './DeviceDetailsInstructOperate'
-
-export { DeviceDetailsMain, DeviceDetailsCount, DeviceDetailsInstruct, DeviceDetailsRead, DeviceDetailsSingular, DeviceDetailsInstructOperate }