vue2-client 1.3.1 → 1.3.4

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

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

package/src/base-client/components/iot/WebmeterAnalysisView/index.md

@@ -1,42 +0,0 @@
-# WebmeterAnalysisView 物联网表综合分析页
-
-提供一个可以对物联网表模块综合分析，展示图表，排行等汇总数据界面的抽屉实现
-
-
-
-## 何时使用
-
-允许用户查看物联网表模块整体的综合分析图表，排行等汇总数据。
-
-
-
-引用方式：
-
-```javascript
-import WebmeterAnalysisView from '@vue2-client/base-client/components/WebmeterAnalysisView'
-
-export default {
-    components: {
-      WebmeterAnalysisView
-    }
-}
-```
-
-
-
-## 代码演示
-
-```html
-<webmeter-analysis-view
-  :visible.sync="detailVisible"
-/>
-```
-
-## API
-
-| 参数            | 说明        | 类型      | 默认值   |
-|---------------|-----------|---------|-------|
-| visible       | 是否显示      | Boolean | false |
-| webmeterUrl   | 物联网表服务名   | String  | null  |
-| systemVersion | 系统所属版本    | String  | null  |
-| dataSource    | 系统所属数据库版本 | String  | null  |

package/src/base-client/components/ticket/EmployeeDetailsView/EmployeeDetailsView.vue

@@ -1,370 +0,0 @@
-<template>
-  <a-drawer
-    title="员工详情"
-    placement="right"
-    :width="isMobile ? screenWidth : screenWidth * 0.85"
-    :visible="visible"
-    @close="onClose"
-  >
-    <!--  头部信息展示  -->
-    <a-page-header :title="'员工编号：' + this.empId">
-      <div class="row">
-        <div class="content">
-          <a-descriptions size="small" :column="isMobile ? 1 : 2">
-            <a-descriptions-item label="姓名">{{ details.name }}</a-descriptions-item>
-            <a-descriptions-item label="部门">{{ details.department }}</a-descriptions-item>
-            <a-descriptions-item label="负责模块">{{ details.model_in_charge }}</a-descriptions-item>
-          </a-descriptions>
-        </div>
-      </div>
-    </a-page-header>
-
-    <!--  数据展示  -->
-    <br/>
-    <br/>
-    <br/>
-    <!--  应答工单统计  -->
-    <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
-      <x-card :loadState="confirmLoadState" :retry="loadConfirmCount">
-        <chart-card title="总应答数" :total="details.response_ticket_count | NumberFormat">
-          <a-tooltip title="刷新" slot="action" :style="{ marginRight: '10px' }" @click="loadConfirmCount()">
-            <a-icon type="redo" />
-          </a-tooltip>
-          <div>
-            <mini-area :dataSource="confirmSumWeekly" :scale="confirmSumWeeklyScale" />
-          </div>
-          <template slot="footer">7日新增 <span> {{ confirmLastWeekCount | NumberFormat }}</span></template>
-        </chart-card>
-      </x-card>
-    </a-col>
-    <!--  完成工单统计  -->
-    <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
-      <x-card :loadState="finishLoadState" :retry="loadFinishCount">
-        <chart-card title="总完成数" :total="details.finished_ticket_count | NumberFormat">
-          <a-tooltip title="刷新" slot="action" :style="{ marginRight: '10px' }" @click="loadFinishCount()">
-            <a-icon type="redo" />
-          </a-tooltip>
-          <div>
-            <mini-bar :dataSource="finishSumWeekly" :scale="finishSumWeeklyScale" />
-          </div>
-          <template slot="footer">7日新增 <span>{{ finishLastWeekCount | NumberFormat }}</span></template>
-        </chart-card>
-      </x-card>
-    </a-col>
-    <!--  工单完成率  -->
-    <a-col :sm="24" :md="12" :xl="6" :style="{ marginBottom: '24px' }">
-      <x-card :loadState="finishedRatioLoadStatus">
-        <chart-card title="工单完成占比" :total="details.finished_ticket_ratio + '%'">
-          <a-tooltip title="刷新" slot="action" :style="{ marginRight: '10px' }" @click="loadFinishedRatio">
-            <a-icon type="redo" />
-          </a-tooltip>
-          <div>
-            <mini-progress :color="finishRatioColor" :target="20" :percentage="details.finished_ticket_ratio" height="8px" />
-          </div>
-        </chart-card>
-      </x-card>
-    </a-col>
-  </a-drawer>
-</template>
-
-<script>
-import JsonViewer from 'vue-json-viewer'
-import { formatDate } from '@vue2-client/utils/util'
-import { EmployeeDetailsViewApi, post } from '@vue2-client/services/api'
-import XTable from '@vue2-client/base-client/components/common/XTable/XTable'
-import { mapState } from 'vuex'
-import {
-  ChartCard,
-  MiniArea,
-  MiniBar,
-  MiniProgress,
-  RankList,
-  Bar,
-  Trend,
-  NumberInfo,
-  MiniSmoothArea
-} from '@vue2-client/components'
-
-export default {
-  name: 'EmployeeDetailsView',
-  components: {
-    JsonViewer,
-    XTable,
-    ChartCard,
-    MiniArea,
-    MiniBar,
-    MiniProgress,
-    RankList,
-    Bar,
-    Trend,
-    NumberInfo,
-    MiniSmoothArea
-  },
-  data () {
-    return {
-      // 页面宽度
-      screenWidth: document.documentElement.clientWidth,
-      // 员工详情
-      details: {
-        name: '',
-        department: undefined,
-        model_in_charge: undefined,
-        response_ticket_count: undefined,
-        finished_ticket_count: undefined,
-        finished_ticket_ratio: undefined
-      },
-      // 控制加载过程
-      loadTicketDetails: false,
-      // 控制应答数加载
-      confirmLoadState: 'Loading...',
-      // 控制完成数加载
-      finishLoadState: 'Loading...',
-      // 控制完成比例加载
-      finishedRatioLoadStatus: 'Loading...',
-      // 一周应答明细
-      confirmSumWeekly: [],
-      // 一周完成明细
-      finishSumWeekly: [],
-      // 一周应答明细列
-      confirmSumWeeklyScale: [
-        {
-          dataKey: 'x',
-          alias: '时间'
-        },
-        {
-          dataKey: 'y',
-          alias: '应答数'
-        }
-      ],
-      // 一周完成明细列
-      finishSumWeeklyScale: [
-        {
-          dataKey: 'x',
-          alias: '时间'
-        },
-        {
-          dataKey: 'y',
-          alias: '完成数'
-        }
-      ],
-      // 7日新增应答数
-      confirmLastWeekCount: 0,
-      // 7日新增完成数
-      finishLastWeekCount: 0,
-      // 控制订单完成比例颜色
-      finishRatioColor: ''
-    }
-  },
-  mounted () {
-    this.loadConfirmCount()
-    this.loadFinishCount()
-    this.initView()
-  },
-  computed: {
-    ...mapState('account', { currUser: 'user' }),
-    ...mapState('setting', ['isMobile'])
-  },
-  props: {
-    empId: {
-      type: String,
-      required: true
-    },
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    // 初始化组件
-    initView () {
-      this.loadTicketDetails = true
-      this.finishedRatioLoadStatus = 'Loading...'
-      this.details.finished_ticket_ratio = 0
-      return post(EmployeeDetailsViewApi.getEmployeeDetails, {
-        empId: this.empId
-      })
-        .then(res => {
-          this.details = res
-          if (this.details.finished_ticket_ratio === undefined) {
-            this.details.finished_ticket_ratio = 0
-          }
-          this.details.finished_ticket_ratio = this.details.finished_ticket_ratio * 100
-          this.finishRatioColor = this.getFinishedRatioColor(this.details.finished_ticket_ratio)
-          // 字典值解析
-          const departmentValue = this.details.department
-          this.details.department = this.$appdata.getDictionaryList('departmentMap')[departmentValue].label
-          const modelInChargeValue = this.details.model_in_charge
-          const modelDictionary = this.$appdata.getDictionaryList('serviceModuleType')
-          for (let i = 0; i < modelDictionary.length; i++) {
-            if (modelInChargeValue === modelDictionary[i].value) {
-              this.details.model_in_charge = this.$appdata.getDictionaryList('serviceModuleType')[i].label
-            }
-          }
-          this.finishedRatioLoadStatus = 'success'
-          this.loadTicketDetails = false
-        }, err => {
-          this.loadTicketDetails = false
-          console.error(err)
-        })
-    },
-    // 获取应答订单数量
-    loadConfirmCount () {
-      this.confirmSumWeekly = []
-      this.confirmLoadState = 'Loading...'
-      return post(EmployeeDetailsViewApi.getConfirmTicketsCountWeekly, {
-        empId: this.empId
-      }).then(res => {
-        this.confirmLastWeekCount = 0
-        for (let i = 0, len = res.length; i < len; i++) {
-          this.confirmLastWeekCount = this.confirmLastWeekCount + res[i].num
-          this.confirmSumWeekly.push({
-            x: res[i].date,
-            y: res[i].num
-          })
-        }
-        this.confirmLoadState = 'success'
-        }, err => {
-          console.warn(err)
-          this.confirmLoadState = 'error'
-        })
-    },
-    // 获取完成订单数据
-    loadFinishCount () {
-      this.finishSumWeekly = []
-      this.finishLoadState = 'Loading...'
-      return post(EmployeeDetailsViewApi.getFinishedTicketsCountWeekly, {
-        empId: this.empId
-      }).then(res => {
-        this.finishLastWeekCount = 0
-        for (let i = 0, len = res.length; i < len; i++) {
-          this.finishLastWeekCount = this.finishLastWeekCount + res[i].num
-          this.finishSumWeekly.push({
-            x: res[i].date,
-            y: res[i].num
-          })
-        }
-        this.finishLoadState = 'success'
-      }, err => {
-        console.warn(err)
-        this.finishLoadState = 'error'
-      })
-    },
-    // 获取完成订单比例数据
-    loadFinishedRatio () {
-      this.initView()
-    },
-    // 根据占比返回完成度颜色
-    getFinishedRatioColor (percent) {
-      if (percent < 10) {
-        return 'rgb(242, 99, 123)'
-      } else if (percent >= 10 && percent <= 20) {
-        return 'rgb(251, 212, 55)'
-      } else {
-        return 'rgb(19, 194, 194)'
-      }
-    },
-    // 关闭抽屉时回调
-    onClose () {
-      this.$emit('update:visible', false)
-      this.details.finished_ticket_ratio = undefined
-    },
-    // 日期格式化
-    format (date, format) {
-      return formatDate(date, format)
-    },
-    // 转换JSON
-    toJSON (value) {
-      try {
-        return JSON.parse(value)
-      } catch (e) {
-        return value
-      }
-    },
-    // 控制开始处理按钮可用状态
-    handlerBtnDisable () {
-      return this.step !== 0
-    },
-    // 控制移交他人按钮可用状态
-    transferBtnDisable () {
-      return this.step === 0
-    }
-  },
-  watch: {
-    'visible' (val) {
-      if (val) {
-        this.initView()
-        this.loadConfirmCount()
-        this.loadFinishCount()
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-.high-priority{
-  background-color: rgba(163, 30, 30, 0.66);
-  border: red solid 1px;
-  font-size: large;
-  padding: 5px;
-  color: white;
-  border-radius: 10px;
-}
-
-.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/ticket/EmployeeDetailsView/index.js

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

package/src/base-client/components/ticket/EmployeeDetailsView/index.md

@@ -1,28 +0,0 @@
-# EmployeeDetailsView 员工详情页
-
-提供一个可以对某位员工进行一系列通用业务操作的抽屉实现
-
-
-
-## 何时使用
-
-允许用户对某位员工进行一系列通用业务操作
-
-
-
-## 代码演示
-
-```html
-<employee-details-view
-  :visible.sync="detailVisible"
-  :empId="empId"
-  v-if="empId"
-/>
-```
-
-## API
-
-| 参数            | 说明    | 类型     | 默认值 |
-|---------------|-------|---------|-------|
-| detailVisible | 是否显示  | Boolean | false |
-| empId         | 员工编号  | String  | null  |

package/src/components/Charts/DataUserOrderSituation.vue

@@ -1,77 +0,0 @@
-<template>
-  <div style="margin-top: 100px">
-    <canvas id="OrderSituation" width="350" height="250" top="30"></canvas>
-  </div>
-</template>
-
-<script>
-  // eslint-disable-next-line no-unused-vars
-  import { Line } from '@antv/g2plot'
-  import F2 from '@antv/f2/lib/index-all'
-  // eslint-disable-next-line no-unused-vars
-  import _ from 'lodash'
-  export default {
-    name: 'DataUserOrderSituation',
-    data () {
-      return {
-        chart: null
-      }
-    },
-    props: {
-      instructSituation: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      }
-    },
-    mounted () {
-      console.log('instructSituation', this.instructSituation)
-      var v = this
-      this.$nextTick(() => {
-        v.createcon()
-      })
-    },
-    watch: {
-      'instructSituation' () {
-        this.createcon()
-      }
-    },
-    methods: {
-      createcon () {
-        const data = []
-        if (this.chart) {
-          this.chart.clear()
-        }
-        if (this.instructSituation.length > 0) {
-          console.log(this.instructSituation)
-          // eslint-disable-next-line no-unused-vars
-          this.instructSituation.forEach(item => {
-            const re = {
-              genre: item.name,
-              sold: parseFloat(item.cout).toFixed(2)
-            }
-            data.push(re)
-          })
-        }
-        console.log('-00000000', this.instructSituation)
-        this.chart = new F2.Chart({
-          id: 'OrderSituation',
-          pixelRatio: window.devicePixelRatio,
-          aria: true, // 开启无障碍描述生成
-          title: '指令情况' // 图表标题，可被无障碍识别
-        })
-        this.chart.source(data)
-        this.chart.interval()
-          .position('genre*sold')
-          .color('genre')
-
-        this.chart.render()
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/Charts/DataUserReporting.vue

@@ -1,74 +0,0 @@
-<template>
-  <div class="About">
-    <canvas id="containers" width="350" height="250"></canvas>
-  </div>
-</template>
-
-<script>
-  // eslint-disable-next-line no-unused-vars
-  import F2 from '@antv/f2'
-  export default {
-    name: 'Radar',
-    data () {
-      return {
-        chart: null
-      }
-    },
-    props: {
-      reportSituation: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      }
-    },
-    mounted () {
-      var v = this
-      this.$nextTick(() => {
-          v.createcon()
-      })
-     },
-    methods: {
-      createcon () {
-        const data = []
-        if (this.chart) {
-          this.chart.clear()
-        }
-        // eslint-disable-next-line no-const-assign
-        if (this.reportSituation.length > 0) {
-          // eslint-disable-next-line no-unused-vars
-          this.reportSituation.forEach(item => {
-            const re = {
-              genre: item.name,
-              sold: parseFloat(item.cout).toFixed(2)
-            }
-            data.push(re)
-          })
-        }
-        console.log('reportSituation==data', data)
-        this.chart = new F2.Chart({
-          id: 'containers',
-          pixelRatio: window.devicePixelRatio,
-          aria: true, // 开启无障碍描述生成
-          title: '抄表上报' // 图表标题，可被无障碍识别
-        })
-        this.chart.source(data)
-        this.chart.interval()
-          .position('genre*sold')
-          .color('genre')
-
-        this.chart.render()
-      }
-    },
-    watch: {
-      'reportSituation' () {
-        console.log('222.')
-        this.createcon()
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>

package/src/components/Charts/DataUserSituation.vue

@@ -1,107 +0,0 @@
-<template>
-  <div class="About">
-    <canvas id="conter" width="350" height="250"></canvas>
-  </div>
-</template>
-
-<script>
-  // eslint-disable-next-line no-unused-vars
-  import { Line } from '@antv/g2plot'
-  import F2 from '@antv/f2'
-  export default {
-    name: 'DataUserSituation',
-    data () {
-      return {
-        chart: null
-      }
-    },
-    props: {
-      alarmSituation: {
-        type: Array,
-        default: () => {
-          return []
-        }
-      }
-    },
-    mounted () {
-      var v = this
-      this.$nextTick(() => {
-        v.createcon()
-      })
-    },
-    methods: {
-      createcon () {
-        const data = []
-        if (this.chart) {
-          this.chart.clear()
-        }
-        // eslint-disable-next-line no-const-assign
-        if (this.alarmSituation.length > 0) {
-          let sums = 0
-          this.alarmSituation.forEach(function (item) {
-            sums += item.cout
-          })
-          this.alarmSituation.forEach(function (item) {
-            const res = {
-              name: item.name,
-              percent: parseFloat((item.cout / (sums * 0.01)).toFixed(2)),
-              a: '1'
-            }
-            data.push(res)
-          })
-        }
-        console.log('alarmSituation==data', data)
-        const map = {}
-        data.forEach(function (obj) {
-          map[obj.name] = parseFloat(obj.percent) + '%'
-        })
-        this.chart = new F2.Chart({
-          id: 'conter',
-          padding: [ 20, 'auto' ]
-        })
-        this.chart.source(data, {
-          percent: {
-            formatter: function formatter (val) {
-              return val + '%'
-            }
-          }
-        })
-        console.log(this.chart)
-        this.chart.tooltip(false)
-        this.chart.legend({
-          position: 'right',
-          itemFormatter: function itemFormatter (val) {
-            return val + '   ' + map[val]
-          }
-        })
-        this.chart.coord('polar', {
-          transposed: true,
-          innerRadius: 0.7,
-          radius: 0.87
-        })
-        this.chart.axis(false)
-        this.chart.interval()
-          .position('a*percent')
-          .color('name', [ '#FE5D4D', '#3BA4FF', '#65e25c', '#FFAC4EA2', '#FF65E25C' ])
-          .adjust('stack')
-        this.chart.guide().html({
-          position: [ '5px', '3px' ],
-          html: `<div style="text-align: center;">
-                <div style="font-size: 15px"></div>
-              </div>`
-        })
-        console.log('1111111')
-        this.chart.render()
-      }
-    },
-    watch: {
-      'alarmSituation' () {
-        this.createcon()
-      }
-    }
-  }
-</script>
-
-<style scoped>
-
-</style>