vue2-client 1.2.67 → 1.2.68

package/CHANGELOG.md

@@ -1,7 +1,7 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
-**1.2.66 - 1.2.67 -2022-06-08 @江超**
+**1.2.66 - 1.2.68 -2022-06-08 @江超**
 - 功能修改：
 - 设备类型详情页新增设备查询配置
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.2.67",
+  "version": "1.2.68",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/base-client/components/common/AddressSearchCombobox/AddressSearchCombobox.vue

@@ -1,225 +1,225 @@
-<template>
-  <div class="certain-category-search-wrapper">
-    <a-auto-complete
-      :disabled="!mapAutocomplete"
-      :dropdown-match-select-width="false"
-      :dropdown-style="{ width: '400px' }"
-      class="certain-category-search"
-      dropdown-class-name="certain-category-search-dropdown"
-      option-label-prop="value"
-      placeholder="输入地址关键字搜索"
-      @search="fetchFunction"
-      @select="onSelect"
-    >
-      <a-spin v-if="searching" slot="notFoundContent" size="small" />
-      <template slot="dataSource">
-        <a-select-opt-group v-for="group in option" :key="group.title">
-          <span
-            slot="label">
-            <a-icon type="bank" /> {{ group.title }}
-          </span>
-          <a-select-option v-for="address in group.children" :key="address.label + ' (' + address.value + ')'">
-            <p class="addressName"><a-icon type="environment" /> <span v-html="highLight(address.label, address.word)">{{ address.label }}</span></p>
-            <p v-if="address.address !== '[]'" class="addressRemark">
-              {{ address.address }}
-            </p>
-          </a-select-option>
-        </a-select-opt-group>
-      </template>
-      <a-input>
-        <a-icon slot="suffix" class="certain-category-icon" type="search"/>
-      </a-input>
-    </a-auto-complete>
-  </div>
-</template>
-<script>
-
-import { post } from '@vue2-client/services/api'
-import { GetGDMap } from '@vue2-client/utils/map-utils'
-import { debounce } from 'ant-design-vue/lib/vc-table/src/utils'
-
-export default {
-  name: 'AddressSearchCombobox',
-  data () {
-    // 检索去抖
-    this.fetchFunction = debounce(this.fetchFunction, 300)
-    return {
-      // 地址搜索联想
-      mapAutocomplete: undefined,
-      // 检索结果
-      option: [],
-      // 最后检索版本
-      lastFetchId: 0,
-      // 检索中
-      searching: false
-    }
-  },
-  model: {
-    prop: 'searchResult',
-    event: 'onSelect'
-  },
-  props: {
-    searchResult: {
-      type: String,
-      default: undefined
-    },
-    // 返回数据格式
-    searchResultType: {
-      type: String,
-      default: 'Default'
-      // default: 'Array'
-      // default: 'Object'
-    },
-    // Object 返回格式时 可以自定义key
-    resultKeys: {
-      type: Object,
-      default: () => { return { address: 'address', coords: 'coords' } }
-    }
-  },
-  created () {
-  },
-  mounted () {
-    GetGDMap().then(aMap => {
-      this.mapAutocomplete = new (aMap).Autocomplete({})
-    })
-  },
-  methods: {
-    onSelect (value) {
-      let result
-      if (this.searchResultType !== 'Default') {
-        const _arr = value.replace(')', '').split('(')
-        if (this.searchResultType === 'Array') {
-           result = _arr
-        } else {
-          result = {}
-          result[this.resultKeys.address] = _arr[0]
-          result[this.resultKeys.coords] = _arr[1]
-        }
-      }
-      this.$emit('onSelect', JSON.stringify(result) || value)
-      // this.$emit('onClick', result || value)
-    },
-    // 懒加载检索方法
-    fetchFunction (value) {
-      if (value && this.mapAutocomplete) {
-        this.searching = true
-        this.lastFetchId += 1
-        const fetchId = this.lastFetchId
-        this.mapAutocomplete.search(value, (status, result) => {
-          if (fetchId !== this.lastFetchId) {
-            return
-          }
-          if (status === 'complete') {
-            this.option = []
-            const addressMap = {}
-            result.tips.forEach((res) => {
-              if (res.location) {
-                if (!addressMap.hasOwnProperty(res.district)) {
-                  addressMap[res.district] = []
-                }
-                addressMap[res.district].push({
-                  label: res.name,
-                  value: res.location.lat + ',' + res.location.lng,
-                  address: res.address + '',
-                  word: value
-                })
-              }
-            })
-            for (const key of Object.keys(addressMap)) {
-              this.option.push({
-                title: key,
-                children: addressMap[key]
-              })
-            }
-          }
-          this.searching = false
-        })
-      }
-    },
-    // 获取数据
-    getData (value, callback) {
-      if (value !== '') {
-        const logicName = this.attr.keyName
-        const logic = logicName.substring(6)
-        post('/webmeterapi/' + logic, value).then(res => {
-          callback(res)
-        })
-      }
-    },
-    // 关键字高亮
-    highLight (value, word) {
-      // 如果标题中包含，关键字就替换一下
-      if (value.includes(word)) {
-        value = value.replace(word,
-          // 这里是替换成html格式的数据，最好再加一个样式权重，保险一点
-          '<span style="color:red!important;">' + word + '</span>'
-        )
-        return value
-        // eslint-disable-next-line brace-style
-      }
-      // 不包含的话还用这个
-      else {
-        return value
-      }
-    }
-  }
-}
-</script>
-
-<style>
-.certain-category-search-dropdown .ant-select-dropdown-menu-item-group-title {
-  color: #666;
-  font-weight: bold;
-  font-size: 14px;
-}
-
-.certain-category-search-dropdown .ant-select-dropdown-menu-item-group {
-  border-bottom: 1px solid #f6f6f6;
-}
-
-.certain-category-search-dropdown .ant-select-dropdown-menu-item {
-  padding-left: 16px;
-}
-
-.certain-category-search-dropdown .ant-select-dropdown-menu-item.show-all {
-  text-align: center;
-  cursor: default;
-}
-
-.certain-category-search-dropdown .ant-select-dropdown-menu {
-  max-height: 300px;
-}
-</style>
-<style scoped>
-.certain-category-search-wrapper
->>> .certain-category-search.ant-select-auto-complete
-.ant-input-affix-wrapper
-.ant-input-suffix {
-  right: 12px;
-}
-.certain-category-search-wrapper >>> .certain-search-item-count {
-  position: absolute;
-  color: #999;
-  right: 16px;
-}
-.certain-category-search-wrapper >>> .certain-category-search.ant-select-focused,
-.certain-category-icon {
-  color: #108ee9;
-}
-.certain-category-search-wrapper >>> .certain-category-icon {
-  color: #6e6e6e;
-  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  font-size: 16px;
-}
-
-.addressName {
-  margin-bottom: 0;
-  font-size: 14px;
-  font-weight: bold;
-}
-
-.addressRemark {
-  margin-bottom: 0;
-  font-size: 12px;
-}
-</style>
+<template>
+  <div class="certain-category-search-wrapper">
+    <a-auto-complete
+      :disabled="!mapAutocomplete"
+      :dropdown-match-select-width="false"
+      :dropdown-style="{ width: '400px' }"
+      class="certain-category-search"
+      dropdown-class-name="certain-category-search-dropdown"
+      option-label-prop="value"
+      placeholder="输入地址关键字搜索"
+      @search="fetchFunction"
+      @select="onSelect"
+    >
+      <a-spin v-if="searching" slot="notFoundContent" size="small" />
+      <template slot="dataSource">
+        <a-select-opt-group v-for="group in option" :key="group.title">
+          <span
+            slot="label">
+            <a-icon type="bank" /> {{ group.title }}
+          </span>
+          <a-select-option v-for="address in group.children" :key="address.label + ' (' + address.value + ')'">
+            <p class="addressName"><a-icon type="environment" /> <span v-html="highLight(address.label, address.word)">{{ address.label }}</span></p>
+            <p v-if="address.address !== '[]'" class="addressRemark">
+              {{ address.address }}
+            </p>
+          </a-select-option>
+        </a-select-opt-group>
+      </template>
+      <a-input>
+        <a-icon slot="suffix" class="certain-category-icon" type="search"/>
+      </a-input>
+    </a-auto-complete>
+  </div>
+</template>
+<script>
+
+import { post } from '@vue2-client/services/api'
+import { GetGDMap } from '@vue2-client/utils/map-utils'
+import { debounce } from 'ant-design-vue/lib/vc-table/src/utils'
+
+export default {
+  name: 'AddressSearchCombobox',
+  data () {
+    // 检索去抖
+    this.fetchFunction = debounce(this.fetchFunction, 300)
+    return {
+      // 地址搜索联想
+      mapAutocomplete: undefined,
+      // 检索结果
+      option: [],
+      // 最后检索版本
+      lastFetchId: 0,
+      // 检索中
+      searching: false
+    }
+  },
+  model: {
+    prop: 'searchResult',
+    event: 'onSelect'
+  },
+  props: {
+    searchResult: {
+      type: String,
+      default: undefined
+    },
+    // 返回数据格式
+    searchResultType: {
+      type: String,
+      default: 'Default'
+      // default: 'Array'
+      // default: 'Object'
+    },
+    // Object 返回格式时 可以自定义key
+    resultKeys: {
+      type: Object,
+      default: () => { return { address: 'address', coords: 'coords' } }
+    }
+  },
+  created () {
+  },
+  mounted () {
+    GetGDMap().then(aMap => {
+      this.mapAutocomplete = new (aMap).Autocomplete({})
+    })
+  },
+  methods: {
+    onSelect (value) {
+      let result
+      if (this.searchResultType !== 'Default') {
+        const _arr = value.replace(')', '').split('(')
+        if (this.searchResultType === 'Array') {
+           result = _arr
+        } else {
+          result = {}
+          result[this.resultKeys.address] = _arr[0]
+          result[this.resultKeys.coords] = _arr[1]
+        }
+      }
+      this.$emit('onSelect', JSON.stringify(result) || value)
+      // this.$emit('onClick', result || value)
+    },
+    // 懒加载检索方法
+    fetchFunction (value) {
+      if (value && this.mapAutocomplete) {
+        this.searching = true
+        this.lastFetchId += 1
+        const fetchId = this.lastFetchId
+        this.mapAutocomplete.search(value, (status, result) => {
+          if (fetchId !== this.lastFetchId) {
+            return
+          }
+          if (status === 'complete') {
+            this.option = []
+            const addressMap = {}
+            result.tips.forEach((res) => {
+              if (res.location) {
+                if (!addressMap.hasOwnProperty(res.district)) {
+                  addressMap[res.district] = []
+                }
+                addressMap[res.district].push({
+                  label: res.name,
+                  value: res.location.lng + ',' + res.location.lat + ',',
+                  address: res.address + '',
+                  word: value
+                })
+              }
+            })
+            for (const key of Object.keys(addressMap)) {
+              this.option.push({
+                title: key,
+                children: addressMap[key]
+              })
+            }
+          }
+          this.searching = false
+        })
+      }
+    },
+    // 获取数据
+    getData (value, callback) {
+      if (value !== '') {
+        const logicName = this.attr.keyName
+        const logic = logicName.substring(6)
+        post('/webmeterapi/' + logic, value).then(res => {
+          callback(res)
+        })
+      }
+    },
+    // 关键字高亮
+    highLight (value, word) {
+      // 如果标题中包含，关键字就替换一下
+      if (value.includes(word)) {
+        value = value.replace(word,
+          // 这里是替换成html格式的数据，最好再加一个样式权重，保险一点
+          '<span style="color:red!important;">' + word + '</span>'
+        )
+        return value
+        // eslint-disable-next-line brace-style
+      }
+      // 不包含的话还用这个
+      else {
+        return value
+      }
+    }
+  }
+}
+</script>
+
+<style>
+.certain-category-search-dropdown .ant-select-dropdown-menu-item-group-title {
+  color: #666;
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.certain-category-search-dropdown .ant-select-dropdown-menu-item-group {
+  border-bottom: 1px solid #f6f6f6;
+}
+
+.certain-category-search-dropdown .ant-select-dropdown-menu-item {
+  padding-left: 16px;
+}
+
+.certain-category-search-dropdown .ant-select-dropdown-menu-item.show-all {
+  text-align: center;
+  cursor: default;
+}
+
+.certain-category-search-dropdown .ant-select-dropdown-menu {
+  max-height: 300px;
+}
+</style>
+<style scoped>
+.certain-category-search-wrapper
+>>> .certain-category-search.ant-select-auto-complete
+.ant-input-affix-wrapper
+.ant-input-suffix {
+  right: 12px;
+}
+.certain-category-search-wrapper >>> .certain-search-item-count {
+  position: absolute;
+  color: #999;
+  right: 16px;
+}
+.certain-category-search-wrapper >>> .certain-category-search.ant-select-focused,
+.certain-category-icon {
+  color: #108ee9;
+}
+.certain-category-search-wrapper >>> .certain-category-icon {
+  color: #6e6e6e;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  font-size: 16px;
+}
+
+.addressName {
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.addressRemark {
+  margin-bottom: 0;
+  font-size: 12px;
+}
+</style>

package/src/base-client/components/common/AmapMarker/AmapPointRendering.vue

@@ -22,7 +22,7 @@
       },
       // 需要渲染的点位数据
       markers: {
-        type: Object,
+        type: String,
         default: null // lng:经度值 lat:纬度值
       },
       // 渲染点位的图片
@@ -81,11 +81,13 @@
       },
       initData (aMap) {
         // 创建一个 Marker 实例：
-        if (this.markers && this.markers.lng && this.markers.lat) {
-          const that = this
+        if (this.markers) {
+          const lngLat = this.markers.split(',')
+          const lng = lngLat[0]
+          const lat = lngLat[1]
           const marker = new (aMap).Marker({
             // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-            position: new (aMap).LngLat(this.markers.lng, this.markers.lat),
+            position: new (aMap).LngLat(lng, lat),
             title: '北京',
             icon: new (aMap).Icon({
               // 图标大小

package/src/base-client/components/common/XTable/XTable.vue

@@ -1,269 +1,271 @@
-<template>
-  <div>
-    <custom-columns-drawer
-      :visible.sync="visible"
-      :columns.sync="tableColumns"
-      :columns-meta="jsonData"/>
-    <a-row :gutter="48">
-      <a-col>
-        <span :style="{ float: 'left', overflow: 'hidden', marginBottom: '8px' }">
-          <slot name="expand"></slot>
-        </span>
-      </a-col>
-      <a-col>
-        <span :style="{ float: 'right', overflow: 'hidden', marginBottom: '8px' }">
-          <a-button-group>
-            <a-button @click="toggleIsFormShow">
-              <a-icon :style="iconStyle" type="vertical-align-top"/>
-            </a-button>
-            <a-button @click="refresh(true)">
-              <a-icon :style="iconStyle" type="reload" />
-            </a-button>
-            <a-button @click="showDrawer">
-              <a-icon :style="iconStyle" type="table" />
-            </a-button>
-            <a-button @click="exports" v-if="!buttonState || buttonState.export">
-              <a-icon :style="iconStyle" type="cloud-download"/>
-            </a-button>
-          </a-button-group>
-        </span>
-      </a-col>
-    </a-row>
-    <s-table
-      ref="table"
-      size="default"
-      :rowKey="rowKey"
-      :columns="tableColumns"
-      :data="loadData"
-      :alert="true"
-      :rowSelection="rowSelection"
-      showPagination="auto"
-      :scroll="{ x: scrollXWidth, y: scrollYWidth }"
-    >
-      <template
-        v-for="(item, index) in tableColumns"
-        :slot="item.dataIndex"
-        slot-scope="text, record">
-        <!-- 文本溢出省略(ellipsis) -->
-        <span :key="index" v-if="item.slotType === 'ellipsis'">
-          <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
-        </span>
-        <!-- 徽标(badge) -->
-        <span :key="index" v-else-if="item.slotType === 'badge'">
-          <x-badge :badge-key="item.slotKeyMap" :value="text" />
-        </span>
-        <!-- 日期(date) -->
-        <span :key="index" v-else-if="item.slotType === 'date'">
-          {{ format(text,'yyyy-MM-dd') }}
-        </span>
-        <!-- 日期时间(datetime) -->
-        <span :key="index" v-else-if="item.slotType === 'dateTime'">
-          {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
-        </span>
-        <!-- 操作列(action) -->
-        <span :key="index" v-else-if="item.slotType === 'action'">
-          <a @click="action(record)">{{ item.slotValue }}</a>
-        </span>
-      </template>
-    </s-table>
-  </div>
-</template>
-<script>
-import { Ellipsis, STable } from '@vue2-client/components'
-import { formatDate } from '@vue2-client/utils/util'
-import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
-
-export default {
-  name: 'XTable',
-  components: {
-    STable,
-    Ellipsis
-  },
-  data () {
-    return {
-      // 加载数据方法 必须为 Promise 对象
-      loadData: parameter => {
-        // 取到表格携带的表单参数
-        const requestParameters = Object.assign({}, parameter)
-        // 取到父组件传入的表单参数
-        const conditionParams = Object.assign(this.fixedQueryForm, this.form)
-        // 如果适用了综合筛选表单，则进行数据处理
-        if (conditionParams.rowIdName) {
-          const rowIdName = conditionParams.rowIdName
-          const rowIdValue = conditionParams.rowIdValue
-          delete conditionParams.rowIdName
-          delete conditionParams.rowIdValue
-          if (rowIdValue) {
-            conditionParams[rowIdName] = rowIdValue
-          }
-        }
-        // 如果传了燃气公司字段，则进行数据处理
-        if (conditionParams.orgName) {
-          requestParameters.orgName = conditionParams.orgName
-          delete conditionParams.orgName
-        }
-        requestParameters.conditionParams = conditionParams
-        requestParameters.queryParamsName = this.queryParamsName
-        requestParameters.queryParams = this.queryParams
-        // 加载数据
-        return this.loadTableData(requestParameters)
-      },
-      rowKey: undefined,
-      scrollXWidth: 1600,
-      scrollYWidth: 437,
-      selectedRowKeys: [],
-      selectedRows: [],
-      // 数据列
-      tableColumns: this.jsonData,
-      // 是否显示展示列抽屉
-      visible: false,
-      dataSource: [],
-      // 图标样式
-      iconStyle: {
-        position: 'relative',
-        top: '1px'
-      }
-    }
-  },
-  watch: {
-    form (rel) {
-      this.form = rel
-      this.refresh(true)
-    },
-    jsonData () {
-      this.initTableParams()
-    }
-  },
-  props: {
-    jsonData: {
-      type: Array,
-      default: () => {
-        return []
-      }
-    },
-    queryParamsName: {
-      type: String,
-      default: () => {
-        return ''
-      }
-    },
-    // 查询参数对象, 用于没有对应查询配置文件名时
-    queryParams: {
-      type: Object,
-      default: null
-    },
-    form: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    // 固定查询表单
-    fixedQueryForm: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    // 按钮
-    buttonState: {
-      type: Object,
-      default: () => {
-        return undefined
-      }
-    }
-  },
-  computed: {
-    rowSelection () {
-      return {
-        selectedRowKeys: this.selectedRowKeys,
-        onChange: this.onSelectChange
-      }
-    }
-  },
-  mounted () {
-    this.initTableParams()
-  },
-  methods: {
-    exports () {
-      const tHeader = this.tableColumns.filter(res => res.slotType !== 'action').map(res => res.title)
-      const filterVal = this.tableColumns.map(res => res.dataIndex)
-      const list = this.dataSource
-      const data = this.formatJson(filterVal, list)
-      exportJson(tHeader, data, new Date())
-    },
-    formatJson (filterVal, jsonData) {
-      return jsonData.map(v => filterVal.map(j => v[j]))
-    },
-    badgeFilter (key, value) {
-      return this.$appdata.getParam(key, value)
-    },
-    initTableParams () {
-      let totalWidth = 0
-      this.rowKey = this.tableColumns[0].dataIndex
-      for (let i = 0; i < this.tableColumns.length; i++) {
-        const item = this.tableColumns[i]
-        if (item.dataIndex === 'action') {
-          item.fixed = 'right'
-          item.width = 70
-        }
-        if (item.width) {
-          totalWidth = totalWidth + item.width
-        } else {
-          totalWidth = totalWidth + 180
-        }
-      }
-      const width = document.documentElement.clientWidth
-      if (width >= 1600) {
-        this.scrollYWidth = 429
-      } else if (width >= 1200) {
-        this.scrollYWidth = 390
-      } else {
-        this.scrollYWidth = 343
-      }
-      // 横向滚动长度大于所有宽度，才能实现固定表头
-      this.scrollXWidth = totalWidth
-    },
-    loadTableData (requestParameters) {
-      let data = []
-      this.$emit('loadData', requestParameters, val => {
-        data = val
-      })
-      const _this = this
-       data.then(res => {
-         _this.dataSource = res.data
-      })
-      return data
-    },
-    action (record) {
-      this.$emit('action', record, record[this.jsonData[0].dataIndex])
-    },
-    onSelectChange (selectedRowKeys, selectedRows) {
-      this.selectedRowKeys = selectedRowKeys
-      this.selectedRows = selectedRows
-      this.$emit('selectRow', selectedRowKeys)
-    },
-    clearRowKeys () {
-      this.$refs.table.clearSelected()
-    },
-    /**
-     * 表格重新加载方法
-     * 如果参数为 true, 则强制刷新到第一页
-     */
-    refresh (bool) {
-      this.$refs.table.refresh(bool)
-    },
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    showDrawer () {
-      this.visible = true
-    },
-    toggleIsFormShow () {
-      this.$emit('toggleIsFormShow')
-    }
-  }
-}
-</script>
-<style lang="less" scoped>
-</style>
+<template>
+  <div>
+    <custom-columns-drawer
+      :columns-meta="jsonData"
+      :columns.sync="tableColumns"
+      :visible.sync="visible"/>
+    <a-row :gutter="48">
+      <a-col>
+        <span :style="{ float: 'left', overflow: 'hidden', marginBottom: '8px' }">
+          <slot name="expand"></slot>
+        </span>
+      </a-col>
+      <a-col>
+        <span :style="{ float: 'right', overflow: 'hidden', marginBottom: '8px' }">
+          <a-button-group>
+            <a-button @click="toggleIsFormShow">
+              <a-icon :style="iconStyle" type="vertical-align-top"/>
+            </a-button>
+            <a-button @click="refresh(true)">
+              <a-icon :style="iconStyle" type="reload" />
+            </a-button>
+            <a-button @click="showDrawer">
+              <a-icon :style="iconStyle" type="table" />
+            </a-button>
+            <a-button v-if="!buttonState || buttonState.export" @click="exports">
+              <a-icon :style="iconStyle" type="cloud-download"/>
+            </a-button>
+          </a-button-group>
+        </span>
+      </a-col>
+    </a-row>
+    <s-table
+      ref="table"
+      :alert="true"
+      :columns="tableColumns"
+      :data="loadData"
+      :rowKey="rowKey"
+      :rowSelection="rowSelection"
+      :scroll="{ x: scrollXWidth, y: scrollYWidth }"
+      showPagination="auto"
+      size="default"
+    >
+      <template
+        v-for="(item, index) in tableColumns"
+        :slot="item.dataIndex"
+        slot-scope="text, record">
+        <!-- 文本溢出省略(ellipsis) -->
+        <span v-if="item.slotType === 'ellipsis'" :key="index">
+          <ellipsis :length="item.slotValue" tooltip>{{ text === '' ? '--' : text }}</ellipsis>
+        </span>
+        <!-- 徽标(badge) -->
+        <span v-else-if="item.slotType === 'badge'" :key="index">
+          <x-badge :badge-key="item.slotKeyMap" :value="text" />
+        </span>
+        <!-- 日期(date) -->
+        <span v-else-if="item.slotType === 'date'" :key="index">
+          {{ format(text,'yyyy-MM-dd') }}
+        </span>
+        <!-- 日期时间(datetime) -->
+        <span v-else-if="item.slotType === 'dateTime'" :key="index">
+          {{ format(text,'yyyy-MM-dd hh:mm:ss') }}
+        </span>
+        <!-- 操作列(action) -->
+        <span v-else-if="item.slotType === 'action'" :key="index">
+          <a @click="action(record)">{{ item.slotValue }}</a>
+        </span>
+      </template>
+    </s-table>
+  </div>
+</template>
+<script>
+import { Ellipsis, STable } from '@vue2-client/components'
+import { formatDate } from '@vue2-client/utils/util'
+import { exportJson } from '@vue2-client/utils/excel/Export2Excel'
+
+export default {
+  name: 'XTable',
+  components: {
+    STable,
+    Ellipsis
+  },
+  data () {
+    return {
+      // 加载数据方法 必须为 Promise 对象
+      loadData: parameter => {
+        // 取到表格携带的表单参数
+        const requestParameters = Object.assign({}, parameter)
+        // 取到父组件传入的表单参数
+        const conditionParams = Object.assign(this.fixedQueryForm, this.form)
+        // 如果适用了综合筛选表单，则进行数据处理
+        if (conditionParams.rowIdName) {
+          const rowIdName = conditionParams.rowIdName
+          const rowIdValue = conditionParams.rowIdValue
+          delete conditionParams.rowIdName
+          delete conditionParams.rowIdValue
+          if (rowIdValue) {
+            conditionParams[rowIdName] = rowIdValue
+          }
+        }
+        // 如果传了燃气公司字段，则进行数据处理
+        if (conditionParams.orgName) {
+          requestParameters.orgName = conditionParams.orgName
+          delete conditionParams.orgName
+        }
+        requestParameters.conditionParams = conditionParams
+        requestParameters.queryParamsName = this.queryParamsName
+        requestParameters.queryParams = this.queryParams
+        // 加载数据
+        return this.loadTableData(requestParameters)
+      },
+      rowKey: undefined,
+      scrollXWidth: 1600,
+      scrollYWidth: 437,
+      selectedRowKeys: [],
+      selectedRows: [],
+      // 数据列
+      tableColumns: this.jsonData,
+      // 是否显示展示列抽屉
+      visible: false,
+      dataSource: [],
+      // 图标样式
+      iconStyle: {
+        position: 'relative',
+        top: '1px'
+      }
+    }
+  },
+  watch: {
+    form (rel) {
+      this.form = rel
+      this.refresh(true)
+    },
+    jsonData () {
+      this.initTableParams()
+    }
+  },
+  props: {
+    jsonData: {
+      type: Array,
+      default: () => {
+        return []
+      }
+    },
+    queryParamsName: {
+      type: String,
+      default: () => {
+        return ''
+      }
+    },
+    // 查询参数对象, 用于没有对应查询配置文件名时
+    queryParams: {
+      type: Object,
+      default: null
+    },
+    form: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    // 固定查询表单
+    fixedQueryForm: {
+      type: Object,
+      default: () => {
+        return {}
+      }
+    },
+    // 按钮
+    buttonState: {
+      type: Object,
+      default: () => {
+        return undefined
+      }
+    }
+  },
+  computed: {
+    rowSelection () {
+      return {
+        selectedRowKeys: this.selectedRowKeys,
+        onChange: this.onSelectChange
+      }
+    }
+  },
+  mounted () {
+    this.initTableParams()
+  },
+  methods: {
+    exports () {
+      const tHeader = this.tableColumns.filter(res => res.slotType !== 'action').map(res => res.title)
+      const filterVal = this.tableColumns.map(res => res.dataIndex)
+      const list = this.dataSource
+      const data = this.formatJson(filterVal, list)
+      exportJson(tHeader, data, new Date())
+    },
+    formatJson (filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    badgeFilter (key, value) {
+      return this.$appdata.getParam(key, value)
+    },
+    initTableParams () {
+      let totalWidth = 0
+      this.rowKey = this.tableColumns[0].dataIndex
+      for (let i = 0; i < this.tableColumns.length; i++) {
+        const item = this.tableColumns[i]
+        if (item.dataIndex === 'action') {
+          item.fixed = 'right'
+          item.width = 70
+        } else {
+          item.sorter = true
+        }
+        if (item.width) {
+          totalWidth = totalWidth + item.width
+        } else {
+          totalWidth = totalWidth + 180
+        }
+      }
+      const width = document.documentElement.clientWidth
+      if (width >= 1600) {
+        this.scrollYWidth = 429
+      } else if (width >= 1200) {
+        this.scrollYWidth = 390
+      } else {
+        this.scrollYWidth = 343
+      }
+      // 横向滚动长度大于所有宽度，才能实现固定表头
+      this.scrollXWidth = totalWidth
+    },
+    loadTableData (requestParameters) {
+      let data = []
+      this.$emit('loadData', requestParameters, val => {
+        data = val
+      })
+      const _this = this
+       data.then(res => {
+         _this.dataSource = res.data
+      })
+      return data
+    },
+    action (record) {
+      this.$emit('action', record, record[this.jsonData[0].dataIndex])
+    },
+    onSelectChange (selectedRowKeys, selectedRows) {
+      this.selectedRowKeys = selectedRowKeys
+      this.selectedRows = selectedRows
+      this.$emit('selectRow', selectedRowKeys)
+    },
+    clearRowKeys () {
+      this.$refs.table.clearSelected()
+    },
+    /**
+     * 表格重新加载方法
+     * 如果参数为 true, 则强制刷新到第一页
+     */
+    refresh (bool) {
+      this.$refs.table.refresh(bool)
+    },
+    format (date, format) {
+      return formatDate(date, format)
+    },
+    showDrawer () {
+      this.visible = true
+    },
+    toggleIsFormShow () {
+      this.$emit('toggleIsFormShow')
+    }
+  }
+}
+</script>
+<style lang="less" scoped>
+</style>

package/src/base-client/components/iot/DeviceBrandDetailsView/DeviceBrandDetailsView.vue

@@ -190,7 +190,7 @@ export default {
   },
   props: {
     brandId: {
-      type: String || Number,
+      type: Number,
       required: true
     },
     visible: {

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

@@ -96,8 +96,7 @@ export default {
         { key: '2', tab: '抄表' },
         { key: '3', tab: '指令' },
         { key: '4', tab: '异常' },
-        { key: '5', tab: '指令操作' },
-        { key: '6', tab: '设备位置' }
+        { key: '5', tab: '指令操作' }
       ],
       // 设备详情加载
       loadDeviceDetails: true

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

@@ -119,7 +119,7 @@
       </a-col>
       <a-col :span="12">
         <a-card :bordered="false" title="设备位置" :loading="loading">
-          <AmapPointRendering :markers="details" :describeList="describeList" :mapStyle="{width: '100%',height: '381px',border: '2px solid lightgray','border-radius': '5px'}"/>
+          <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>

package/src/base-client/components/iot/DeviceTypeDetailsView/DeviceTypeDetailsView.vue

@@ -126,7 +126,7 @@ export default {
   },
   props: {
     typeId: {
-      type: String || Number,
+      type: Number,
       required: true
     },
     visible: {