vue2-client 0.1.1 → 1.2.0

package/src/components/ExportExcel/ExportExcel.vue

@@ -1,246 +0,0 @@
-<template>
-  <div style="display: inline-block">
-    <a-button v-show="isshow" type="primary" icon="download" @click.prevent="exportExcel()" :size="size">
-      {{ btnName }}
-    </a-button>
-    <modal
-      :show="show"
-      width="500px"
-      @close="show = false"
-      ok-text="导出"
-      @confirm="confirm"
-      :closable="false"
-      :mask-closable="maskClosable"
-      @after-close="close"
-      :confirmShow="confirmShow">
-      <template #modal-body>
-        <div :style="{ borderBottom: '1px solid #E9E9E9',textAlign:'center',paddingBottom:'5px'}">
-          <h2>导出列选择</h2>
-          <a-checkbox :indeterminate="indeterminate" :checked="checkAll" @change="onCheckAllChange">
-            全选
-          </a-checkbox>
-        </div>
-        <br />
-        <a-progress
-          v-show="progressShow"
-          :stroke-color="{
-            from: '#108ee9',
-            to: '#87d068',
-          }"
-          :percent="percent"
-          status="active"
-        />
-        <a-checkbox-group
-          v-show="!progressShow"
-          id="export-checkbox-group"
-          v-model="checkedList"
-          :options="options"
-          @change="onChange" />
-      </template>
-    </modal>
-  </div>
-</template>
-
-<script>
-import Vue from 'vue'
-
-export default {
-  name: 'ExportExcel.vue',
-  data () {
-    return {
-      show: false,
-      options: [],
-      checkedList: [],
-      indeterminate: true,
-      checkAll: false,
-      // 进度条显示
-      progressShow: false,
-      // 进度百分比
-      percent: 0,
-      // 定时器
-      timer: null,
-      // 点击蒙版是否关闭
-      maskClosable: true,
-      confirmShow: true
-    }
-  },
-  props: {
-    isshow: {
-      type: Boolean,
-      default: true
-    },
-    size: {
-      type: String,
-      default: 'default'
-    },
-    data: {
-      type: Object,
-      default: () => ({ condition: '1 = 1' })
-    },
-    // field 为查询页面table所使用的columns属性
-    // 其中包含defaultValue属性的表头会被加入导出列   defaultValue值为true得列会默认选中
-    field: {
-      type: Array,
-      default: () => null
-    },
-    btnName: {
-      type: String,
-      default: '数据导出'
-    },
-    sqlName: {
-      type: String,
-      default: () => null
-    },
-    logicUrl: {
-      type: String,
-      default: 'rs/logic/exportfile'
-    },
-    templateName: {
-      type: String,
-      default: null
-    },
-    footer: {
-      type: Array,
-      default: () => [[]]
-    },
-    header: {
-      type: Array,
-      default: () => [[`导出时间: ${Vue.moment().format('YYYY-MM-DD HH:mm:ss')}`]]
-    },
-    progress: {
-      type: String,
-      default: 'getExportProgress'
-    },
-    filename: {
-      type: String,
-      default: '导出数据.xlsx'
-    }
-  },
-  methods: {
-    exportExcel () {
-      // 如果查询条件是 1 = 1  或者是 null  提示用户需要缩小查询区间
-      // 1空格=空格1 请data.condition的值默认写在外层 组件中  查询组件生成的值为 1=1 以此判断是否查询过
-      if (this.data.condition && this.data.condition === '1 = 1') {
-        this.$notification.open({
-          message: '温馨提示',
-          description: '请查询后再进行导出操作',
-          duration: 2,
-          placement: 'topRight',
-          icon: <a-icon type='smile' style='color: #108ee9' />
-        })
-        return
-      }
-      // 根据columns 生成数组 [所有选框,默认选框]
-      for (const item of this.field) {
-        if (item.hasOwnProperty('defaultValue')) {
-          this.options.push({ label: item.title, value: item.dataIndex })
-        }
-        if (item.defaultValue) {
-          this.checkedList.push(item.dataIndex)
-        }
-      }
-      // 显示modal
-      this.show = true
-    },
-    onChange (val) {
-      this.indeterminate = !!this.checkedList.length && this.checkedList.length < this.options.length
-      this.checkAll = this.checkedList.length === this.options.length
-    },
-    onCheckAllChange (e) {
-      Object.assign(this, {
-        checkedList: e.target.checked ? this.options.map(item => item.value) : [],
-        indeterminate: false,
-        checkAll: e.target.checked
-      })
-    },
-    confirm () {
-      // 屏蔽防止误操作 碰触蒙版不关闭并屏蔽确认按钮
-      this.confirmShow = false
-      this.maskClosable = false
-      const exportHead = this.options.filter(item => this.checkedList.includes(item.value)).map(item =>
-        item.value + ':' + item.label
-      )
-      this.data.items = this.checkedList.join(',')
-      console.log('==表头', exportHead)
-      this.post(exportHead)
-    },
-    async post (exportHead) {
-      this.progressShow = true
-      try {
-        // 先调取一遍查询, 以获取session
-        await this.$resetpost(`rs/logic/${this.progress}`, {}, { resolveMsg: null, rejectMsg: null })
-        if (this.sqlName) {
-          await this.$resetpost(this.logicUrl, {
-            data: {
-              body: {
-                header: this.header,
-                footer: this.footer,
-                data: this.data,
-                field: exportHead,
-                sqlName: this.sqlName,
-                templateName: this.templateName
-              }
-            }
-          }, { resolveMsg: null, rejectMsg: null })
-        }
-      } catch (e) {
-        console.error(e)
-      }
-      this.progressQuery()
-    },
-    progressQuery () {
-      console.log('导出进度开始查询')
-      // 启动定时器之前先关闭定时器,防止之前的定时器未关闭
-      this.closeTimer()
-      // 立即执行一遍
-      this.progressTask()
-      this.timer = setInterval(this.progressTask, 3000)
-    },
-    async progressTask () {
-      const res = await this.$resetpost(`rs/logic/${this.progress}`,
-        {},
-        { resolveMsg: null, rejectMsg: null })
-      if (res.error) {
-        this.$message.error(`导出excel错误: ${res.error}`)
-        this.closeTimer()
-      } else {
-        this.percent = res.percent ? res.percent : 0
-        // 进度100%
-        if (res.fileName && res.percent === 100) {
-          const link = document.createElement('a')
-          res.fileName.forEach((item) => {
-            const path = item.filename
-            // excel这个是在本地导出用的
-            //  link.href = "http://" + location.host + "/excel" + path.split('excel')[1]
-            // webapps这个是在服务器上导出用的
-            link.href = 'http://' + location.host + '/webapps' + path.split('webapps')[1]
-            link.download = path.split('excel/')[1]
-            link.dispatchEvent(new MouseEvent('click'))
-          })
-          setTimeout(h => {
-            this.close()
-          }, 200)
-        }
-      }
-      console.log('进度数据', res)
-    },
-    // 关闭定时器
-    closeTimer () {
-      if (this.timer) {
-        clearInterval(this.timer)
-        this.timer = null
-      }
-    },
-    close () {
-      this.closeTimer()
-      this.options = []
-      this.checkedList = []
-      this.show = false
-      this.progressShow = false
-      this.percent = 0
-      this.confirmShow = true
-      this.maskClosable = true
-    }
-  }
-}
-</script>

package/src/components/ExportExcel/index.js

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

package/src/components/ExportExcel/index.md

@@ -1,76 +0,0 @@
-# DataGrid 组件
-
-对 antdv 进行封装的 表格展示组件
-
-## 何时使用
-
-```html
-<export-excel
-    :field="columns"
-    :data="exportCondition"
-    sql-name="meterQuery"
-    btn-name="数据导出"
-    template-name="表具查询导出"
-    :footer="footer"
-    :header="header"
-/>
-```
-## API
-参数 | 说明 | 类型 | 默认值
-----|------|-----|------
-isshow | 控制按钮显示 | Boolean | true
-size | 按钮尺寸 | String | 'default'
-data | 后端sql查询所需的参数(包括items,condition,orderitem等) | Object | {condition :'1 = 1'}
-field | 查询页面columns | Object | 无
-btnName | 按钮名称 | String | 数据导出
-logicUrl | 导出请求的logic | String | rs/logic/exportfile
-templateName | 模板名称(非必填) | String | 无
-footer | 导出文件底部文字 | Array [[内容]] | 无
-header | 导出文件顶部文字 | Array [[内容]] | 无
-progress | 进度条查询所使用的logic | Stirng | getExportProgress
-
-tips:
-```txt
-ExportExcel 会读取
-columns 里 
-包含 defaultValue 属性的列
-并展示在导出选择列里
-其中defaultValue:true 为默认选中 false为不选中
-如下数组  默认的有 4 个 总共展示的有 5 个  有一个不展示
- columns: [
-          {
-            title: '客户编号',
-            dataIndex: 'f_userinfo_code',
-            defaultValue: true,
-            width: 150
-          },
-          {
-            title: '用气性质',
-            dataIndex: 'f_gasproperties',
-            width: 150,
-            defaultValue: true
-          },
-          {
-            title: '表号',
-            dataIndex: 'f_meternumber',
-            width: 150,
-            defaultValue: false
-          },
-          {
-            title: '卡号',
-            dataIndex: 'f_card_id',
-            width: 150,
-            defaultValue: true
-          },
-          {
-            title: '气价名称',
-            dataIndex: 'f_price_name',
-            width: 150,
-            defaultValue: true
-          },
-          {
-            title: '操作',
-            width: 100
-          }
-        ]
-```

package/src/components/FormItem/index.js

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