safecheck-client 3.0.34-gongyi → 3.0.35-2

package/src/filiale/yongzhou/pc/PrintData.vue

@@ -0,0 +1,243 @@
+<template>
+  <button class="button_export button_spacing" @click='printData()'>打印</button>
+  <modal :show.sync="printshow" 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_generations" v-model="all">
+      <label for="f_generations" 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-3" v-for="f in fields">
+          <input type="checkbox" class="" :id="'water-owe-details-'+$index" v-model="modelval" :value="$key">
+          <label :for="'water-owe-details-'+$index" class="font-size">{{f}}</label>
+        </div>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <center>
+        <button v-show="printshow" type="button" class="btn btn-default" @click='close()'>取消</button>
+        <button v-show="printshow" type="button" class="btn btn-success" @click='print()'>打印</button>
+        <print-table-safe :model='model' v-show="false" v-ref:print
+                     :printview="printview"
+                     :xyprint="xyprint"
+                     :top='40' :left='40' :right='40' :bottom='40' :print-name="printName"
+                     :thead="thead" :tfoot='tfoot' :attach="attach" :sumhtml="sumhtml"
+                     :fields="modelval" :is-selected="isSelected" :printpage="printpage">
+        </print-table-safe>
+      </center>
+    </footer>
+  </modal>
+</template>
+
+<script>
+  import co from 'co'
+
+  export default {
+    // data:sql需要的替换字段
+    // sqlurl:导出Excel查询的sql语句
+    // field:需要导出Excel的字段名和对应中文名或hbm配置文件名（全名）
+    // total:统计字段（统计行）
+    // props: ['data', 'sqlurl', 'field', 'total', 'bean', 'chooseCol'],
+    data () {
+      return {
+        printshow: false,
+        all: false,
+        fields: {},
+        modelval: [],
+        thead: '',
+        tfoot: '',
+        //合计数据
+        sumsmodel: {},
+        // 合计超文本
+        sumhtml: ''
+      }
+    },
+    props: {
+      model: {},
+      field: {},
+      printview:{},
+      xyprint:{},
+      starthead: {
+        type:String,
+        default:''
+      },
+      titletable: {
+        type:String,
+        default:''
+      },
+      printName: {},
+      // 默认列
+      defaultfield: {},
+      // 合计数据
+      sumsmodel: {},
+      // 合计数据的列名称配置(当没有找到对应合计的名称时,会从field中找)
+      sumField: {},
+      // 单页合计
+      pageSum: null,
+      isSelected: {
+        type:Boolean,
+        default:false
+      },
+      //设置打印底部信息 如制表人：审核人：。。。
+      footinfo: [],
+      // 设置打印底部信息  其他信息 格式为二维数组 如：[['1','','','4'],['5','','','8']]
+      footmsg: [],
+      printpage: {
+        type:Boolean,
+        default:false
+      },
+      // 全表汇总信息只在最后一页显示
+      sumone: {
+        type:Boolean,
+        default:true
+      },
+      attach: {
+        type: String,
+        default: 'name'
+      },
+      chooserow: {
+        type: Boolean,
+        default: false
+      }
+    },
+    methods: {
+
+      async printData () {
+        console.log('打印。。。', this.model, this.field, this.printName, this.sumsmodel)
+
+        if (this.model.rows.length === 0) {
+          this.$showAlert('请查询需要打印的数据！！', 'warning', 2000)
+          return
+        }
+        this.all = false
+        //默认选择要打印的列
+        this.modelval = this.defaultfield
+        this.fields = this.field
+        console.log('所有打印字段',this.fields)
+        this.printshow = true
+        await this.put()
+        if(this.chooserow){
+          this.print()
+        }
+      },
+
+      put () {
+        // 对Modelval进行排序
+        this.sortModelval()
+        this.getfield()
+        // 组织头数据
+        if(this.titletable!=''){
+          this.thead = `<tr><th colspan=${this.modelval.length}><h1>${this.titletable}</h1></th></tr><tr>`
+        }else{
+          this.thead = `<tr><th colspan=${this.modelval.length}><h1>${this.printName}统计报表</h1></th></tr><tr>`
+        }
+        if(this.starthead!=''){
+          this.thead += `<tr><th colspan=${this.modelval.length}>${this.starthead}</th></tr><tr>`
+        }
+        for (let key of this.modelval) {
+          this.thead += '<th>' + this.fields[key] + '</th>'
+        }
+        this.thead += '</tr>'
+      },
+      // 对选择的列进行排序
+      sortModelval () {
+        console.log('选择列进行排序。。。', this.fields, this.modelval)
+        let sortModel = []
+        Object.keys(this.fields).forEach((key) => {
+          if (this.modelval.includes(key)) {
+            sortModel.push(key)
+          }
+        })
+        this.modelval = sortModel
+        console.log('选择的打印的字段', this.modelval)
+      },
+
+      close () {
+        this.all = false
+        this.modelval = []
+        this.printshow = false
+        this.$dispatch('print-close')
+      },
+
+      print () {
+        if (this.$login.r.includes('限制打印')) {
+          this.$showMessage('你被限制打印, 请联系管理员')
+          return
+        }
+        this.$refs.print.PrintAsFile()
+        this.printshow = false
+        this.$dispatch('print-data')
+      },
+      getfield(){
+        //合计字段打印
+        this.tfoot = ''
+        if(this.sumsmodel){
+          if (this.sumone) {
+            this.sumhtml = `<tr><th colspan=${this.modelval.length} style="border-width: 0;">全表汇总信息: `
+            Object.keys(this.sumsmodel).forEach((key) => {
+              let keyName = this.sumField[key] ? this.sumField[key] : this.fields[key]
+              this.sumhtml += keyName + '合计: ' + `<font color="blue">${this.sumsmodel[key]} </font>`
+            })
+            this.sumhtml += '</th></tr>'
+          } else {
+            this.tfoot = `<tr><th colspan=${this.modelval.length} style="border-width: 0;">全表汇总信息: `
+            Object.keys(this.sumsmodel).forEach((key) => {
+              let keyName = this.sumField[key] ? this.sumField[key] : this.fields[key]
+              this.tfoot += keyName + '合计: ' + `<font color="blue">${this.sumsmodel[key]} </font>`
+            })
+            this.tfoot += '</th></tr>'
+          }
+        }
+        if (this.pageSum) {
+          this.tfoot += `<tr>`
+          for (let row of this.modelval) {
+            let format = this.pageSum[row]
+            if (format) {
+              this.tfoot += `<td tdata="SubSum" format="${format}" style="border-width: 0;">######</td>`
+            } else {
+              this.tfoot += `<td style="border-width: 0;"></td>`
+            }
+          }
+          this.tfoot += `</tr>`
+        }
+        this.tfoot += `<tr><th colspan=${this.modelval.length} style="border-width: 0;">打印时间: ${this.$login.toStandardTimeString()}</th></tr>`
+        //设置打印底部信息 如制表人：审核人：。。。
+        if(this.footinfo!=null && this.footinfo.length!=0){
+          this.tfoot += `<tr><td colspan=${this.modelval.length} style="border-width: 0;"></td></tr><tr>`
+          for(let i=0;i<this.footinfo.length;i++){
+            this.tfoot += `<th colspan=${this.modelval.length/this.footinfo.length} style="border-width: 0;text-align: left;">${this.footinfo[i]}:</th>`
+          }
+          this.tfoot += `</tr>`
+        }
+        // 设置打印底部信息  其他信息 格式为二维数组 如：[['1','','','4'],['5','','','8']]
+        if (this.footmsg != null && this.footmsg.length != 0) {
+          for (let i = 0; i < this.footmsg.length; i++) {
+            this.tfoot += `<tr style="padding:  0 2px 0 2px"><th style="border: 0" colspan=${this.modelval.length} ><table style="width: 100%;border-width: 0;text-align: left;"><tr>`
+            for (let j = 0; j < this.footmsg[i].length; j++) {
+              // 如果this.footsmg[i]有三个元素 则每个占比 33.33%
+              // 如果this.footsmg[i]有四个元素 则每个占比 25%
+              this.tfoot += `<td style="border-width: 0;text-align: left;width: ${(Number(1) / Number(this.footmsg[i].length) * 100).toFixed(2)}%">${this.footmsg[i][j]}</td>`
+            }
+            this.tfoot += `</tr></table></th></tr>`
+          }
+        }
+      },
+    },
+    watch: {
+      'all' (val) {
+        if (val) {
+          this.modelval = Object.keys(this.fields)
+        } else {
+          this.modelval = []
+        }
+      },
+      'modelval.length' () {
+        this.put()
+      }
+    },
+    computed: {
+
+    }
+  }
+</script>

package/src/filiale/yongzhou/pc/PrintTable.vue

@@ -0,0 +1,241 @@
+<template>
+  <button  class="btn btn-default" @click='PrintAsFile()' :id="'vc-printtable-'+attach">打印表格</button>
+</template>
+
+<script>
+  import co from 'co'
+  import getLodop from './LodopFuncs'
+
+  let printGen = function * (self, pageNo) {
+
+    console.log('开始打印', self.isSelected, self.model, self.tfoot)
+    //是否分页打印
+    if(pageNo){
+      self.PrintSinglePage()
+      return
+    }
+    if (self.isSelected) {
+      // 判断是否选择行数据进行打印
+      self.PrintSelectedPage()
+      return
+    }
+
+    let lodop = getLodop()
+    lodop.PRINT_INIT(self.printName+'打印')
+    var style
+    if (!self.style) {
+      style = '<style>table{font-size:15px;border-width: 2px;border-collapse: collapse;border:solid 2px ; border-color:black;}' +
+        'table th {border-width: 1px;padding: 2px;border-style: solid;}table td {border-width: 1px;padding: 2px;border-style: solid;}</style>'
+    } else {
+      style = self.style
+    }
+    let tHtml = style + '<table class="table table-hover"><thead>' + self.thead + '</thead><tbody>'
+
+    // for (var i = 1; i <= self.model.totalPage; i++) {
+    //   console.log('pageIndex = ' + i)
+    //   yield self.model.loadPage(i)
+      for (let row of self.model.rows) {
+        tHtml += '<tr>'
+        for (let field of self.fields) {
+          if (field && (row[field] || row[field] === 0) ) {
+            tHtml += '<td>' + row[field] + '</td>'
+          } else {
+            tHtml += '<td></td>'
+          }
+          // console.log(row[field])
+        }
+        tHtml += '</tr>'
+      }
+    // }
+    // 加入合计数据 (最后一页显示)
+    if (self.sumhtml) {
+      tHtml += self.sumhtml
+    }
+    // 如果有表尾，则添加表尾，如果内容翻页的话，表尾每一页都要打印
+    if (self.tfoot) {
+      self.tfoot += `<tr><td width="100%" colspan=${self.fields.length} style="text-align: center;border-width: 0;">第<font tdata="PageNO" format="#" color="blue">#</font>页</span>/共<font tdata="PageCount" format="#" color="blue">##</font></span>页</td></tr>`
+      tHtml += `</tbody><tfoot>${self.tfoot}</tfoot></table>`
+    } else {
+      tHtml += '</tbody></table>'
+    }
+
+    lodop.ADD_PRINT_TABLE(self.top, self.left, 'RightMargin:' + self.right, 'BottomMargin:' + self.bottom, tHtml)
+    lodop.SET_PRINT_STYLEA(0, 'HOrient', 3)
+    lodop.SET_PRINT_STYLEA(0, 'VOrient', 3)
+    // 指定打印方向 0--可通过打印机选择纵向或横向，1--锁定为纵向打印，2---锁定为横向打印
+    LODOP.SET_PRINT_PAGESIZE(self.xyprint, 0, 0, "A4");
+
+    if(self.printview==null){
+      // 打印维护
+      lodop.PRINT_SETUP()
+    }else if(self.printview){
+      // 使用打印预览是为了方便调整打印格式。例如：横向打印
+      lodop.PREVIEW()
+    }else if(!self.printview){
+      // 直接打印
+      lodop.PRINT()
+    }
+
+  }
+
+  export default {
+    // props: ['model', 'thead', 'fields', 'top', 'left', 'right', 'bottom', 'tfoot'],
+    props: {
+      model: Object,
+      thead: String,
+      tfoot: String,
+      sumhtml: String,
+      fields: Array,
+      //null 打印维护， true 打印预览 false 直接打印
+      printview:{},
+      // 指定打印方向 0--可通过打印机选择纵向或横向，1--锁定为纵向打印，2---锁定为横向打印
+      xyprint:{
+        default : 0
+      },
+      top: {},
+      left: {},
+      right: {},
+      bottom: {},
+      attach: {
+        type: String,
+        default: 'name'
+      },
+      style: {
+        type: String
+      },
+      isSelected: {
+        type:Boolean,
+        default:false
+      },
+      //是否分页打印
+      printpage:{
+        type:Boolean,
+        default:false
+      },
+      // 打印名称,在同一个名称下的打印可以统一风格(打印维护界面点击应用即可)
+      printName: {
+        type: String
+      }
+    },
+    data(){
+      return{
+        //打印任务的JOB代码,用于获得打印状态信息及最终结果。
+        P_ID:"",
+        //第几次任务
+        loop:0,
+      }
+    },
+    methods: {
+      PrintAsFile () {
+        console.log(this.model)
+        let gen = printGen(this,this.printpage)
+        co(gen)
+      },
+      async PrintSinglePage(){
+        let lodop = getLodop()
+        lodop.PRINT_INIT('打印表格'+(this.loop+1))
+        var style
+        if (!this.style) {
+          style = '<style>table{font-size:15px;border-width: 2px;border-collapse: collapse;border:solid 2px ; border-color:black;}' +
+            'table th {border-width: 1px;padding: 2px;border-style: solid;}table td {border-width: 1px;padding: 2px;border-style: solid;}</style>'
+        } else {
+          style = this.style
+        }
+        let tHtml = style + '<table class="table table-hover"><thead>' + this.thead + '</thead><tbody>'
+
+        //所有数据全部打印,打印任务结束
+        if(this.loop+1>this.model.totalPage){
+          this.printinit()
+          console.log('打印结束')
+          return
+        }
+        console.log('获取数据pageIndex = ' + (this.loop+1))
+        await this.model.loadPage(this.loop+1)
+        for (let row of this.model.rows) {
+          tHtml += '<tr>'
+          for (let field of this.fields) {
+            if (field && (row[field] || row[field] === 0) ) {
+              tHtml += '<td>' + row[field] + '</td>'
+            } else {
+              tHtml += '<td></td>'
+            }
+          }
+          tHtml += '</tr>'
+        }
+        //插入页码
+        let page = `<tr><th width="100%" colspan=${this.fields.length} style="border-width: 0;">当前是第<font format="ChineseNum" color="blue">${this.loop+1}</font>页/共<font format="ChineseNum" color="blue">${this.model.totalPage}</font>页`
+        // 如果有表尾，则添加表尾，如果内容翻页的话，表尾每一页都要打印
+        if (this.tfoot) {
+          tHtml += `</tbody><tfoot>${this.tfoot}${page}</tfoot></table>`
+        } else {
+          tHtml += '</tbody></table>'
+        }
+
+        lodop.ADD_PRINT_TABLE(this.left, this.top, 'RightMargin:' + this.right, 'BottomMargin:' + this.bottom, tHtml)
+        lodop.SET_PRINT_STYLEA(0, 'HOrient', 3)
+        lodop.SET_PRINT_STYLEA(0, 'VOrient', 3)
+        //设置打印机为默认打印机
+        lodop.SET_PRINTER_INDEX(-1)
+
+        this.P_ID=lodop.PRINT()
+        if(this.P_ID){
+          this.loop+=1
+          console.log("正打印第"+this.loop+"个任务(JOB代码"+this.P_ID)
+        }
+        //延迟循环缓解压力
+        await this.timeout(1500)
+        this.PrintSinglePage()
+      },
+
+      async PrintSelectedPage () {
+        console.log('选择列打印开始', this.model)
+
+        if (this.model.rows.length > 100) {
+          this.$showAlert('您选择的数据过大，请选择少于100条数据进行打印', 'warning', 3000)
+          return
+        }
+
+        let lodop = getLodop()
+        lodop.PRINT_INIT('打印表格'+(this.loop+1))
+        var style
+        if (!this.style) {
+          style = '<style>table{font-size:15px;border-width: 2px;border-collapse: collapse;border:solid 2px ; border-color:black;}' +
+            'table th {border-width: 1px;padding: 2px;border-style: solid;}table td {border-width: 1px;padding: 2px;border-style: solid;}</style>'
+        } else {
+          style = this.style
+        }
+        let tHtml = style + '<table class="table table-hover"><thead>' + this.thead + '</thead><tbody>'
+        for (let row of this.model.rows) {
+          tHtml += '<tr>'
+          for (let field of this.fields) {
+            tHtml += '<td style="text-align: center;">' + row[field] + '</td>'
+          }
+          tHtml += '</tr>'
+        }
+        // // 如果有表尾，则添加表尾，如果内容翻页的话，表尾每一页都要打印
+        if (this.tfoot) {
+          tHtml += `</tbody><tfoot>${this.tfoot}</tfoot></table>`
+        } else {
+          tHtml += '</tbody></table>'
+        }
+        console.log('选择列打印的html', tHtml)
+        lodop.ADD_PRINT_TABLE(this.left, this.top, 'RightMargin:' + this.right, 'BottomMargin:' + this.bottom, tHtml)
+        lodop.SET_PRINT_STYLEA(0, 'HOrient', 3)
+        lodop.SET_PRINT_STYLEA(0, 'VOrient', 3)
+        //设置打印机为默认打印机
+        lodop.SET_PRINTER_INDEX(-1)
+        console.log('开始调用打印。。')
+        this.P_ID=lodop.PRINT()
+      },
+      printinit(){
+        this.P_ID="",
+          this.loop=0
+      },
+      async timeout(ms){
+        return new Promise((resolve, reject) => {
+          setTimeout(resolve, ms)
+        })
+      }
+    }
+  }
+</script>

package/src/filiale/yongzhou/pc/RoleSelector.vue

@@ -0,0 +1,161 @@
+<template>
+  <div style="width: 100%;height: 100%">
+    <div class="col-sm-6 form-group" style="margin-bottom: 0px">
+      <label class="font_normal_body">公&emsp;&emsp;司</label>
+      <right-tree-safe :width="leftWidth" @re-res="getRes" :resobjprop.sync="resobjprop"></right-tree-safe>
+    </div>
+    <div class="col-sm-6 form-group" style="margin-bottom: 0px">
+      <label class="font_normal_body">{{ roleLable }}</label>
+      <v-select :value="selVal" v-model='selVal'
+                :value-single="!valueMultiple"
+                class="select_list select"
+                :options='users' :placeholder='roleName'
+                :close-on-select = 'valueClose'
+                :multiple="valueMultiple"
+                :width="rightWidth"
+                @change="valuechange">
+      </v-select>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {HttpResetClass} from 'vue-client'
+
+  export default {
+    name: "RoleSelector",
+    props: {
+      valueMultiple: {
+        type: Boolean,
+        default: false
+      },
+      roleName: {
+        type: String,
+        default: '安检员'
+      },
+      roleLable: {
+        type: String,
+        default: '安检员'
+      },
+      leftWidth: {
+        type: String,
+        default: '60%'
+      },
+      rightWidth: {
+        type: String,
+        default: '60%'
+      },
+      value: {
+        default: ''
+      },
+      resobjprop: {
+        default: {}
+      },
+      valueClose: {
+        type: Boolean,
+        default: true
+      }
+    },
+    data() {
+      return {
+        // source: `tool.getChildrenOfResName($${this.roleName}$)`,
+        source: `this.getParentByType($organization$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$)!=null ).where(row.getAttributes().get($rolestr$).indexOf($安检员$) != -1))`,
+        allUsers: [],
+        users: [],
+        selVal: '',
+        organizationname:this.$login.f.organizationname,
+        resids: [],
+        changeval: ''
+      }
+    },
+    watch: {
+      'value'(val) {
+        console.log("969696", val)
+        if (val) {
+          if (this.valueMultiple) {
+
+          } else {
+            this.selVal = val
+          }
+
+        }
+      }
+    },
+    async ready() {
+      await this.search()
+      await this.filterUser(this.resids)
+    },
+    methods: {
+      async search() {
+        let http = new HttpResetClass()
+        const res = await http.load('POST', '/rs/search', {
+          data: {
+            source: this.source,
+            userid: this.$login.f.id
+          }
+        }, {resolveMsg: null, rejectMsg: null})
+        this.allUsers = res.data
+      },
+      valuechange(val) {
+        console.log(`val instanceof Array======${!val instanceof Array}`)
+        if ((typeof val === 'object' && !val instanceof Array) || (val instanceof Event)) {
+          return
+        }
+        if (this.valueMultiple && Array.isArray(val)) {
+          if (val && val.length > 0) {
+            let valuesele = `(`
+            for (let i = 0; i < val.length; i++) {
+              valuesele += `'${val[i]}',`
+            }
+            this.value = valuesele.substring(0, valuesele.length - 1) + ')'
+          } else {
+            this.value = ''
+          }
+        } else {
+          this.value = val
+        }
+        // this.changeval = val
+      },
+      getRes(obj) {
+        this.resids = obj.resids
+        this.organizationname = obj.res[0]
+        this.filterUser(this.resids)
+        this.$dispatch('re-res', obj)
+      },
+      async filterUser(resids) {
+        // 处理第一次进入页面值异常问题
+        if (resids.length > 0 && typeof resids[0] == "object") {
+          resids = resids[0]
+        }
+        if (resids[0]) {
+          this.source =`this.getParentByType($organization$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$)!=null ).where(row.getAttributes().get($rolestr$).indexOf($${this.roleName}$) != -1))`
+         // this.source = `root.getResourceById($${resids[0]}$,$organization$).getSpecialResByType($user$).where(row.getAttributes().get($rolestr$).indexOf($${this.roleName}$) != -1)`
+          await this.search()
+        }
+        this.users = []
+        this.allUsers.forEach(user => {
+          if (this.organizationname == user.organizationname || !user.organizationname){
+            this.users.push({label: user.name, value: user.name})
+          }
+        })
+        if (!this.valueMultiple && this.users.length > 0) {
+          this.users = [{label: '全部', value: ''}, ...this.users]
+        }
+        let temp = []
+        this.users = this.users.filter(item => {
+          if (!temp.includes(item.label)) {
+            temp.push(item.label)
+            return true
+          }
+          return false
+        })
+        this.$emit('alluser', this.allUsers)
+        //tag
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>