manage-client 3.2.87-aode → 3.2.87-aodeToV4

package/src/components/webmeter/EasyExcelExportCk.vue

@@ -1,396 +1,396 @@
-<template>
-  <button class="button_export button_spacing" @click='exportExcel()' :id="'vc-exportexcel-'+attach">{{ btnName }}
-  </button>
-  <modal :show.sync="show" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header text-center">
-      <h4 class="modal-title">导出列选择</h4>
-      <input type="checkbox" class="" id="f_operator" v-model="all">
-      <label for="f_operator" class="font-size">全选</label>
-    </header>
-    <article slot="modal-body">
-      <div class="auto col-sm-11 col-md-offset-1" style="margin-top: 10px;">
-        <div class="col-sm-4" v-for="f in fields">
-          <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
-          <label :for="'export-col-'+$index" class="font-size">{{ f }}</label>
-        </div>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <center>
-        <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
-        <button v-show="show" type="button" class="btn btn-success" @click='export()'>导出</button>
-      </center>
-    </footer>
-  </modal>
-  <modal :show.sync="exportShow" v-ref:modal backdrop="false">
-    <header slot="modal-header" class="modal-header text-center">
-      <h4 class="modal-title">导出文件下载</h4>
-    </header>
-    <article slot="modal-body" style="height:70px;">
-      <div class="auto col-sm-12" style="margin-top: 10px;">
-        <center>
-          <p v-show="!downbutton">文件正在导出..</p>
-          <button v-show="downbutton" type="button" class="btn btn-default" @click='downFile()'>下载导出文件</button>
-        </center>
-
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-default" @click='closeRequeset()'>取消</button>
-    </footer>
-  </modal>
-  <modal :show.sync="progressShow" v-ref:modal width="50%" style="width:auto;" backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      导出文件下载
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="progress" style="margin: 20px">
-        <div class="progress-bar progress-bar-success progress-bar-striped active" :style="{width: percent+'%'}">
-          {{ percent }}%
-        </div>
-      </div>
-      <div style="width:100%;display: flex">
-        <p style="text-align: center;width: 100%;" v-show="!downbutton">文件正在导出..</p>
-        <button v-show="downbutton" style="margin: 0 auto" type="button" class="btn btn-default" @click='downFile()'>
-          下载导出文件
-        </button>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-default" @click='closeRequeset'>关闭</button>
-    </footer>
-  </modal>
-</template>
-
-<script>
-import co from 'co'
-
-let postGen = function* (self) {
-
-  let p = {}
-  self.getuuid();
-  if (self.uuida == '') return;
-  // 判断如果有field，说明表头为自动生成，否则为模板导出
-  if (self.exporthead) {
-    if (self.sqlName) {
-      p = self.$resetpost(self.sqlurl, {
-        data: {
-          uuid: self.uuida,
-          body: {
-            header: self.header,
-            footer: self.footer,
-            sumName: self.sumname,
-            data: self.data,
-            field: self.exporthead,
-            templateName: self.templateName,
-            sqlName: self.sqlName,
-            uuid: self.uuida
-          },
-          bean: self.bean
-        }
-      }, {resolveMsg: null, rejectMsg: null}, 1000)
-    } else if (self.pathName) {
-      p = self.$resetpost(self.sqlurl, {
-        data: {
-          uuid: self.uuida,
-          body: {
-            sumName: self.sumname,
-            data: self.data,
-            field: self.exporthead,
-            templateName: self.templateName,
-            pathName: self.pathName,
-          },
-          bean: self.bean
-        }
-      }, {resolveMsg: null, rejectMsg: null}, 0)
-    }
-  } else {
-    p = self.$resetpost(self.sqlurl, {
-      data: {
-        uuid: self.uuida,
-        body: {sumName: self.sumname, data: self.data, total: self.total},
-        bean: self.bean
-      }
-    }, {resolveMsg: null, rejectMsg: null}, 1000)
-  }
-  if (self.exportprogress) {
-    self.progressShow = true;
-  } else {
-    self.exportShow = true;
-  }
-  self.percent = 0;
-  self.getRequestReturn();
-  //var link = document.createElement('a');
-  //p.data.forEach((item) => {
-  //  console.log('导出路径', item.filename)
-  //  // let path = item.filename.substring(item.filename.indexOf('webapps'), (item.filename.length))
-  //  // let pathName = path.substring(path.indexOf('/') + 1, path.length)
-  //  let path = item.filename
-  //  //webapps这个是在服务器上导出用的
-  //  let pathName = "http://" + location.host + "/webapps" + path.split('webapps')[1]
-  //  //excel这个是在本地导出用的
-  //  // let pathName = "http://" + location.host + "/excel" + path.split('excel')[1]
-  //  link.href = pathName;
-  //link.download = path.split('excel/')[1];
-  //link.dispatchEvent(new MouseEvent('click'));
-  //})
-  //self.modelval = []
-  //self.fields = {}
-  //self.exporthead = []
-}
-export default {
-  // data:sql需要的替换字段
-  // sqlurl:导出Excel查询的sql语句
-  // field:需要导出Excel的字段名和对应中文名或hbm配置文件名（全名）
-  // total:统计字段（统计行）
-  // props: ['data', 'sqlurl', 'field', 'total', 'bean', 'chooseCol','sumName'],
-  data() {
-    return {
-      show: false,
-      all: false,
-      fields: {},
-      modelval: [],
-      // 表头
-      exporthead: [],
-      selftotal: [],
-      exportShow: false,
-      resultData: '',
-      downbutton: false,
-      uuida: '',
-      timer: '',
-      uuida: '',
-      percent: 0,
-      progressShow: false,
-      // sumName:[]
-    }
-  },
-  props: {
-    // 表头
-    header: {},
-    // 表尾
-    footer: {},
-    sumname: {},
-    data: {},
-    sqlurl: {
-      type: String
-    },
-    field: {},
-    total: {},
-    bean: {
-      type: String
-    },
-    btnName: {
-      type: String,
-      default: '导出Excel'
-    },
-    templateName: {
-      type: String
-    },
-    sqlName: {
-      type: String
-    },
-    pathName: {
-      type: String
-    },
-    attach: {
-      type: String,
-      default: 'name'
-    },
-    chooseCol: {
-      type: Boolean,
-      default: false
-    },
-    defaultselect: [],
-    exportprogress: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    progressclose() {
-      if (this.timer != null) {
-        clearInterval(this.timer);
-      }
-      this.progressShow = false;
-      this.percent = 0;
-    },
-    closeRequeset() {
-      if (this.timer != null) {
-        clearInterval(this.timer);
-      }
-      this.progressclose();
-      this.percent = 0;
-      this.exportShow = false;
-      this.uuida = '';
-      this.downbutton = false;
-      this.resultData = '';
-    },
-    async getRequestReturn() {
-      let timer = null;
-      let self = this;
-      let param = {
-        uuid: this.uuida
-      };
-      this.timer = setInterval(function () {
-        self.$resetpost('/rs/ckh/easyexcel/getBatchOperaPro', {data: param}, {
-          resolveMsg: null,
-          rejectMsg: null
-        }, 0).then((res) => {
-          if (res.data && res.data.percent) {
-            if (res.data.percent == 100) {
-              clearInterval(self.timer);
-              self.percent = 99;
-              setTimeout(function () {
-                self.percent = 100
-                self.resultData =res.data.exportpath;
-                self.downbutton = true
-              }, 500);
-            } else {
-              self.percent = res.data.percent
-            }
-
-          }
-        });
-      }, 2000);
-    },
-    getuuid() {
-      let uuidA = '';
-      var s = [];
-      var hexDigits = '0123456789abcdef';
-      for (var i = 0; i < 36; i++) {
-        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
-      }
-      s[14] = '4';
-      s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
-      s[8] = s[13] = s[18] = s[23] = '-';
-      uuidA = s.join('');
-      this.uuida = uuidA;
-    },
-    exportExcel() {
-      console.log('选择列，。。', this.chooseCol, this.field)
-      if (this.field) {
-        if (this.chooseCol === true) {
-          this.fields = this.field
-          this.show = true;
-          if (this.defaultselect != null && this.defaultselect.length > 0) {
-            for (var item in this.field) {
-              this.modelval.push(item)
-            }
-          }
-        } else {
-          this.data.items = '*'
-          Object.keys(this.field).forEach((key) => {
-            this.exporthead.push(key + ':' + this.field[key])
-          })
-          this.post()
-        }
-      } else {
-        this.post()
-      }
-
-    },
-    downFile() {
-      // console.log('导出')
-      // let data = {
-      //   body: {
-      //     field: this.exporthead,
-      //     uuid: this.uuida,
-      //     sqlName: this.sqlName,
-      //     data:this.data,
-      //     templateName:this.templateName,
-      //     isExport: true
-      //   },
-      //   uuid: this.uuida,
-      // }
-      // axios.post("/rs/easyexcel/export", {data:data}, { responseType: "blob" }).then(res => {
-      //     const link = document.createElement("a");
-      //     let blob = new Blob([res.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
-      //     link.style.display = "none";
-      //     link.href = URL.createObjectURL(blob);
-      //     link.setAttribute("download", decodeURI(data.body.templateName+'.xlsx'));
-      //     document.body.appendChild(link);
-      //     link.click();
-      //     document.body.removeChild(link);
-      //     console.log(res);
-      //   })
-      var link = document.createElement('a');
-      console.log('导出路径',this.resultData)
-      // let path = item.filename.substring(item.filename.indexOf('webapps'), (item.filename.length))
-      // let pathName = path.substring(path.indexOf('/') + 1, path.length)
-      let path = this.resultData;
-      //webapps这个是在服务器上导出用的
-      let pathName = "http://" + location.host + "/webapps" + path.split('webapps')[1];
-      console.log('服务器导出路径',pathName)
-      link.href = pathName;
-      link.download = path.split('excel/')[1];
-      link.dispatchEvent(new MouseEvent('click'));
-    },
-    export() {
-      // 获取导出选择的表头和列
-      let temp = ''
-      this.modelval.forEach((item) => {
-        temp = temp + item + ','
-        this.exporthead.push(item + ':' + this.field[item])
-        //this.exporthead[item] = this.field[item]
-      })
-      temp = temp.slice(0, temp.length - 1)
-      console.log('表头，，，，', this.exporthead)
-      this.data.items = temp
-      this.post()
-      this.show = false
-    },
-    post() {
-      // if(this.total) {
-      //
-      //   var temp={"合计":"合计"}
-      //   for (var a in this.field) {
-      //     for (var b in this.total) {
-      //         if(a==b){
-      //           temp[a]=this.total[a]
-      //         }
-      //     }
-      //   }
-      //   this.selftotal.push(temp)
-      //   console.log("========================")
-      //   console.log(temp)
-      //
-      //   // this.selftotal.push(this.total)
-      //   // this.selftotal[0].a="合计"
-      // }
-      let gen = postGen(this)
-      co(gen)
-    },
-    stamp() {
-      this.modelval = []
-      this.show = true
-    },
-    sortModelval() {
-      let sortModel = []
-      Object.keys(this.fields).forEach((key) => {
-        if (this.modelval.includes(key)) {
-          sortModel.push(key)
-        }
-      })
-      console.log('看看选择的顺序。。。', sortModel)
-      this.modelval = sortModel
-    },
-    close() {
-      this.all = false
-      this.modelval = []
-      this.show = false
-    },
-  },
-  watch: {
-    'all'(val) {
-      if (val) {
-        this.modelval = Object.keys(this.fields)
-      } else {
-        this.modelval = []
-      }
-    },
-    'modelval.length'() {
-      this.sortModelval()
-    }
-  }
-}
-</script>
+<template>
+  <button class="button_export button_spacing" @click='exportExcel()' :id="'vc-exportexcel-'+attach">{{ btnName }}
+  </button>
+  <modal :show.sync="show" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header text-center">
+      <h4 class="modal-title">导出列选择</h4>
+      <input type="checkbox" class="" id="f_operator" v-model="all">
+      <label for="f_operator" class="font-size">全选</label>
+    </header>
+    <article slot="modal-body">
+      <div class="auto col-sm-11 col-md-offset-1" style="margin-top: 10px;">
+        <div class="col-sm-4" v-for="f in fields">
+          <input type="checkbox" class="" :id="'export-col-'+$index" v-model="modelval" :value="$key">
+          <label :for="'export-col-'+$index" class="font-size">{{ f }}</label>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <center>
+        <button v-show="show" type="button" class="btn btn-default" @click='close()'>取消</button>
+        <button v-show="show" type="button" class="btn btn-success" @click='export()'>导出</button>
+      </center>
+    </footer>
+  </modal>
+  <modal :show.sync="exportShow" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header text-center">
+      <h4 class="modal-title">导出文件下载</h4>
+    </header>
+    <article slot="modal-body" style="height:70px;">
+      <div class="auto col-sm-12" style="margin-top: 10px;">
+        <center>
+          <p v-show="!downbutton">文件正在导出..</p>
+          <button v-show="downbutton" type="button" class="btn btn-default" @click='downFile()'>下载导出文件</button>
+        </center>
+
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-default" @click='closeRequeset()'>取消</button>
+    </footer>
+  </modal>
+  <modal :show.sync="progressShow" v-ref:modal width="50%" style="width:auto;" backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      导出文件下载
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="progress" style="margin: 20px">
+        <div class="progress-bar progress-bar-success progress-bar-striped active" :style="{width: percent+'%'}">
+          {{ percent }}%
+        </div>
+      </div>
+      <div style="width:100%;display: flex">
+        <p style="text-align: center;width: 100%;" v-show="!downbutton">文件正在导出..</p>
+        <button v-show="downbutton" style="margin: 0 auto" type="button" class="btn btn-default" @click='downFile()'>
+          下载导出文件
+        </button>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-default" @click='closeRequeset'>关闭</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+import co from 'co'
+
+let postGen = function* (self) {
+
+  let p = {}
+  self.getuuid();
+  if (self.uuida == '') return;
+  // 判断如果有field，说明表头为自动生成，否则为模板导出
+  if (self.exporthead) {
+    if (self.sqlName) {
+      p = self.$resetpost(self.sqlurl, {
+        data: {
+          uuid: self.uuida,
+          body: {
+            header: self.header,
+            footer: self.footer,
+            sumName: self.sumname,
+            data: self.data,
+            field: self.exporthead,
+            templateName: self.templateName,
+            sqlName: self.sqlName,
+            uuid: self.uuida
+          },
+          bean: self.bean
+        }
+      }, {resolveMsg: null, rejectMsg: null}, 1000)
+    } else if (self.pathName) {
+      p = self.$resetpost(self.sqlurl, {
+        data: {
+          uuid: self.uuida,
+          body: {
+            sumName: self.sumname,
+            data: self.data,
+            field: self.exporthead,
+            templateName: self.templateName,
+            pathName: self.pathName,
+          },
+          bean: self.bean
+        }
+      }, {resolveMsg: null, rejectMsg: null}, 0)
+    }
+  } else {
+    p = self.$resetpost(self.sqlurl, {
+      data: {
+        uuid: self.uuida,
+        body: {sumName: self.sumname, data: self.data, total: self.total},
+        bean: self.bean
+      }
+    }, {resolveMsg: null, rejectMsg: null}, 1000)
+  }
+  if (self.exportprogress) {
+    self.progressShow = true;
+  } else {
+    self.exportShow = true;
+  }
+  self.percent = 0;
+  self.getRequestReturn();
+  //var link = document.createElement('a');
+  //p.data.forEach((item) => {
+  //  console.log('导出路径', item.filename)
+  //  // let path = item.filename.substring(item.filename.indexOf('webapps'), (item.filename.length))
+  //  // let pathName = path.substring(path.indexOf('/') + 1, path.length)
+  //  let path = item.filename
+  //  //webapps这个是在服务器上导出用的
+  //  let pathName = "http://" + location.host + "/webapps" + path.split('webapps')[1]
+  //  //excel这个是在本地导出用的
+  //  // let pathName = "http://" + location.host + "/excel" + path.split('excel')[1]
+  //  link.href = pathName;
+  //link.download = path.split('excel/')[1];
+  //link.dispatchEvent(new MouseEvent('click'));
+  //})
+  //self.modelval = []
+  //self.fields = {}
+  //self.exporthead = []
+}
+export default {
+  // data:sql需要的替换字段
+  // sqlurl:导出Excel查询的sql语句
+  // field:需要导出Excel的字段名和对应中文名或hbm配置文件名（全名）
+  // total:统计字段（统计行）
+  // props: ['data', 'sqlurl', 'field', 'total', 'bean', 'chooseCol','sumName'],
+  data() {
+    return {
+      show: false,
+      all: false,
+      fields: {},
+      modelval: [],
+      // 表头
+      exporthead: [],
+      selftotal: [],
+      exportShow: false,
+      resultData: '',
+      downbutton: false,
+      uuida: '',
+      timer: '',
+      uuida: '',
+      percent: 0,
+      progressShow: false,
+      // sumName:[]
+    }
+  },
+  props: {
+    // 表头
+    header: {},
+    // 表尾
+    footer: {},
+    sumname: {},
+    data: {},
+    sqlurl: {
+      type: String
+    },
+    field: {},
+    total: {},
+    bean: {
+      type: String
+    },
+    btnName: {
+      type: String,
+      default: '导出Excel'
+    },
+    templateName: {
+      type: String
+    },
+    sqlName: {
+      type: String
+    },
+    pathName: {
+      type: String
+    },
+    attach: {
+      type: String,
+      default: 'name'
+    },
+    chooseCol: {
+      type: Boolean,
+      default: false
+    },
+    defaultselect: [],
+    exportprogress: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    progressclose() {
+      if (this.timer != null) {
+        clearInterval(this.timer);
+      }
+      this.progressShow = false;
+      this.percent = 0;
+    },
+    closeRequeset() {
+      if (this.timer != null) {
+        clearInterval(this.timer);
+      }
+      this.progressclose();
+      this.percent = 0;
+      this.exportShow = false;
+      this.uuida = '';
+      this.downbutton = false;
+      this.resultData = '';
+    },
+    async getRequestReturn() {
+      let timer = null;
+      let self = this;
+      let param = {
+        uuid: this.uuida
+      };
+      this.timer = setInterval(function () {
+        self.$resetpost('/rs/ckh/easyexcel/getBatchOperaPro', {data: param}, {
+          resolveMsg: null,
+          rejectMsg: null
+        }, 0).then((res) => {
+          if (res.data && res.data.percent) {
+            if (res.data.percent == 100) {
+              clearInterval(self.timer);
+              self.percent = 99;
+              setTimeout(function () {
+                self.percent = 100
+                self.resultData =res.data.exportpath;
+                self.downbutton = true
+              }, 500);
+            } else {
+              self.percent = res.data.percent
+            }
+
+          }
+        });
+      }, 2000);
+    },
+    getuuid() {
+      let uuidA = '';
+      var s = [];
+      var hexDigits = '0123456789abcdef';
+      for (var i = 0; i < 36; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+      }
+      s[14] = '4';
+      s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
+      s[8] = s[13] = s[18] = s[23] = '-';
+      uuidA = s.join('');
+      this.uuida = uuidA;
+    },
+    exportExcel() {
+      console.log('选择列，。。', this.chooseCol, this.field)
+      if (this.field) {
+        if (this.chooseCol === true) {
+          this.fields = this.field
+          this.show = true;
+          if (this.defaultselect != null && this.defaultselect.length > 0) {
+            for (var item in this.field) {
+              this.modelval.push(item)
+            }
+          }
+        } else {
+          this.data.items = '*'
+          Object.keys(this.field).forEach((key) => {
+            this.exporthead.push(key + ':' + this.field[key])
+          })
+          this.post()
+        }
+      } else {
+        this.post()
+      }
+
+    },
+    downFile() {
+      // console.log('导出')
+      // let data = {
+      //   body: {
+      //     field: this.exporthead,
+      //     uuid: this.uuida,
+      //     sqlName: this.sqlName,
+      //     data:this.data,
+      //     templateName:this.templateName,
+      //     isExport: true
+      //   },
+      //   uuid: this.uuida,
+      // }
+      // axios.post("/rs/easyexcel/export", {data:data}, { responseType: "blob" }).then(res => {
+      //     const link = document.createElement("a");
+      //     let blob = new Blob([res.data], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
+      //     link.style.display = "none";
+      //     link.href = URL.createObjectURL(blob);
+      //     link.setAttribute("download", decodeURI(data.body.templateName+'.xlsx'));
+      //     document.body.appendChild(link);
+      //     link.click();
+      //     document.body.removeChild(link);
+      //     console.log(res);
+      //   })
+      var link = document.createElement('a');
+      console.log('导出路径',this.resultData)
+      // let path = item.filename.substring(item.filename.indexOf('webapps'), (item.filename.length))
+      // let pathName = path.substring(path.indexOf('/') + 1, path.length)
+      let path = this.resultData;
+      //webapps这个是在服务器上导出用的
+      let pathName = "http://" + location.host + "/webapps" + path.split('webapps')[1];
+      console.log('服务器导出路径',pathName)
+      link.href = pathName;
+      link.download = path.split('excel/')[1];
+      link.dispatchEvent(new MouseEvent('click'));
+    },
+    export() {
+      // 获取导出选择的表头和列
+      let temp = ''
+      this.modelval.forEach((item) => {
+        temp = temp + item + ','
+        this.exporthead.push(item + ':' + this.field[item])
+        //this.exporthead[item] = this.field[item]
+      })
+      temp = temp.slice(0, temp.length - 1)
+      console.log('表头，，，，', this.exporthead)
+      this.data.items = temp
+      this.post()
+      this.show = false
+    },
+    post() {
+      // if(this.total) {
+      //
+      //   var temp={"合计":"合计"}
+      //   for (var a in this.field) {
+      //     for (var b in this.total) {
+      //         if(a==b){
+      //           temp[a]=this.total[a]
+      //         }
+      //     }
+      //   }
+      //   this.selftotal.push(temp)
+      //   console.log("========================")
+      //   console.log(temp)
+      //
+      //   // this.selftotal.push(this.total)
+      //   // this.selftotal[0].a="合计"
+      // }
+      let gen = postGen(this)
+      co(gen)
+    },
+    stamp() {
+      this.modelval = []
+      this.show = true
+    },
+    sortModelval() {
+      let sortModel = []
+      Object.keys(this.fields).forEach((key) => {
+        if (this.modelval.includes(key)) {
+          sortModel.push(key)
+        }
+      })
+      console.log('看看选择的顺序。。。', sortModel)
+      this.modelval = sortModel
+    },
+    close() {
+      this.all = false
+      this.modelval = []
+      this.show = false
+    },
+  },
+  watch: {
+    'all'(val) {
+      if (val) {
+        this.modelval = Object.keys(this.fields)
+      } else {
+        this.modelval = []
+      }
+    },
+    'modelval.length'() {
+      this.sortModelval()
+    }
+  }
+}
+</script>