vue2-client 1.3.2 → 1.3.3

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

@@ -1,300 +0,0 @@
-<template>
-  <div>
-    <a-drawer
-      :visible="visible"
-      :width="isMobile ? screenWidth : screenWidth * 0.85"
-      placement="right"
-      title="设备类型详情"
-      @close="onClose"
-    >
-      <create-query
-        :to-edit-json="getColumnJson()"
-        :visible.sync="createQueryVisible"
-        @saveQueryParams="saveQueryParams"
-      />
-      <a-spin :spinning="loadDeviceTypeDetails">
-        <a-page-header :title="details.f_name">
-          <div class="row">
-            <div class="content">
-              <a-descriptions :column="isMobile ? 1 : 2" size="small">
-                <a-descriptions-item label="设备类型状态">{{ details.f_state }}</a-descriptions-item>
-                <a-descriptions-item label="创建人">{{ details.f_inputtor }}</a-descriptions-item>
-                <a-descriptions-item label="创建时间">{{ details.f_input_date }}</a-descriptions-item>
-                <a-descriptions-item label="描述">{{ details.f_describe }}</a-descriptions-item>
-              </a-descriptions>
-            </div>
-          </div>
-          <!-- actions -->
-          <template v-slot:extra>
-            <a-button-group style="margin-right: 4px;">
-              <a-button :loading="loadDeviceTypeDetails" type="dashed" @click="initView">刷新</a-button>
-            </a-button-group>
-            <a-button-group style="margin-right: 4px;">
-            </a-button-group>
-          </template>
-          <template slot="footer">
-            <a-tabs :activeKey="tabActiveKey" :default-active-key="tabActiveKey" style="margin-bottom: 23px;" @change="handleTabChange">
-              <template v-for="value in tabList">
-                <a-tab-pane :key="value.key" :tab="value.tab"/>
-              </template>
-            </a-tabs>
-            <div v-if="!loadDeviceTypeDetails">
-              <div v-if="tabActiveKey === '1'">
-                <a-button type="primary" @click="toCreateQuery">
-                  <a-icon :style="iconStyle" type="api"/>编辑设备上报数据
-                </a-button>
-                <a-card :bordered="true" size="small" style="margin-top: 20px;" title="设备上报数据预览">
-                  <json-viewer :copyable="{copyText: '复制', copiedText: '已复制'}" :expand-depth="parseInt('100')" :value="getColumnJson()" style="overflow: auto;max-height: 440px"></json-viewer>
-                </a-card>
-              </div>
-              <div v-if="tabActiveKey === '2'">
-                <a-button type="primary" @click="toCreateQuery">
-                  <a-icon :style="iconStyle" type="api"/>编辑设备数据
-                </a-button>
-                <a-card :bordered="true" size="small" style="margin-top: 20px;" title="设备数据预览">
-                  <json-viewer :copyable="{copyText: '复制', copiedText: '已复制'}" :expand-depth="parseInt('100')" :value="getColumnJson()" style="overflow: auto;max-height: 440px"></json-viewer>
-                </a-card>
-              </div>
-              <div v-if="tabActiveKey === '3'">
-                <x-form-table
-                  :fixed-add-form="fixedAddForm"
-                  :fixed-query-form="fixedQueryForm"
-                  queryParamsName="deviceTypeToInstructQueryParams"
-                  title="指令配置">
-                </x-form-table>
-              </div>
-            </div>
-          </template>
-        </a-page-header>
-      </a-spin>
-    </a-drawer>
-  </div>
-</template>
-
-<script>
-import JsonViewer from 'vue-json-viewer'
-import { mapState, mapGetters } from 'vuex'
-import { DeviceTypeDetailsViewApi, post } from '@vue2-client/services/api'
-import XFormTable from '@vue2-client/base-client/components/common/XFormTable/XFormTable'
-
-export default {
-  name: 'DeviceTypeDetailsView',
-  components: {
-    JsonViewer,
-    XFormTable
-  },
-  data () {
-    return {
-      // 页面宽度
-      screenWidth: document.documentElement.clientWidth,
-      // Tab页签
-      tabActiveKey: '1',
-      // 图标样式
-      iconStyle: {
-        position: 'relative',
-        top: '1px'
-      },
-      // 是否显示生成查询配置抽屉
-      createQueryVisible: false,
-      // 设备类型详情
-      details: {
-        f_name: '',
-        f_describe: '',
-        f_state: '',
-        f_columns_json: '',
-        f_input_date: '',
-        f_inputtor: ''
-      },
-      fixedAddForm: {},
-      fixedQueryForm: {},
-      tabList: [
-        { key: '1', tab: '抄表查询配置' },
-        { key: '2', tab: '设备查询配置' },
-        { key: '3', tab: '指令配置' }
-      ],
-      // 设备类型详情加载
-      loadDeviceTypeDetails: false
-    }
-  },
-  mounted () {
-    this.initView()
-  },
-  computed: {
-    ...mapGetters(['account/user']),
-    ...mapState('account', { currUser: 'user' }),
-    ...mapState('setting', ['isMobile'])
-  },
-  props: {
-    typeId: {
-      type: Number,
-      required: true
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    // 初始化组件
-    initView () {
-      this.tabActiveKey = '1'
-      this.fixedQueryForm['m_f_device_type_id'] = this.typeId
-      this.fixedAddForm['m_f_device_type_id'] = this.typeId
-      this.getDeviceType(this.typeId)
-    },
-    toCreateQuery () {
-      this.createQueryVisible = true
-    },
-    getColumnJson () {
-      if (this.tabActiveKey === '1') {
-        if (this.details.f_columns_json) {
-          return JSON.parse(this.details.f_columns_json)
-        } else {
-          return {}
-        }
-      } else {
-        if (this.details.f_device_columns_json) {
-          return JSON.parse(this.details.f_device_columns_json)
-        } else {
-          return {}
-        }
-      }
-    },
-    onClose () {
-      this.$emit('update:visible', false)
-    },
-    // 通用徽标过滤器
-    badgeFilter (key, value) {
-      const object = this.$appdata.getParam(key)
-      if (object.hasOwnProperty(value)) {
-        return object[value]
-      } else {
-        return {
-          'status': 'default',
-          'text': '未知类型：' + value
-        }
-      }
-    },
-    // 获取设备类型详情信息
-    getDeviceType (typeId) {
-      this.loadDeviceTypeDetails = true
-      return post(DeviceTypeDetailsViewApi.getDeviceTypeDetails, {
-        id: typeId
-      }).then(res => {
-        this.details = res
-        this.loadDeviceTypeDetails = false
-      }, err => {
-        this.loadDeviceTypeDetails = false
-        console.error(err)
-      })
-    },
-    // 存储查询配置信息
-    saveQueryParams (source) {
-      let params
-      if (this.tabActiveKey === '1') {
-        params = {
-          id: this.typeId,
-          type: 1,
-          source: source
-        }
-      } else {
-        params = {
-          id: this.typeId,
-          type: 2,
-          source: source
-        }
-      }
-      return post('/webmeterapi/updateDeviceTypeQueryParams', params).then(res => {
-        this.$message.success('保存查询配置成功')
-        this.getDeviceType(this.typeId)
-      }, err => {
-        console.error(err)
-      })
-    },
-    // Tab切换
-    handleTabChange (key) {
-      this.tabActiveKey = key
-    }
-  },
-  watch: {
-    'visible' (val) {
-      if (val) {
-        this.initView()
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.business {
-  color: #ffffff;
-}
-.business:enabled:hover {
-  background-color: #85CE61 !important;
-  border-color: #85CE61 !important;
-}
-.business:enabled {
-  background-color: #67c23a;
-  border-color: #67c23a;
-}
-.business:disabled {
-  color: rgba(0, 0, 0, 0.25);
-}
-.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;
-  }
-}
-
-.row {
-  display: flex;
-
-  .content {
-    -webkit-box-flex: 1;
-    flex: auto;
-    -ms-flex: auto;
-  }
-
-  .extra {
-    flex: 0 1 auto;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 1 auto;
-    min-width: 242px;
-    margin-left: 88px;
-    text-align: right;
-  }
-}
-</style>

package/src/base-client/components/iot/DeviceTypeDetailsView/index.js

@@ -1,3 +0,0 @@
-import DeviceTypeDetailsView from './DeviceTypeDetailsView'
-
-export default DeviceTypeDetailsView