apply-clients 5.0.35-5 → 5.0.35-52

package/src/components/product/applyReport/ApplyReport.vue

@@ -0,0 +1,205 @@
+<template>
+  <div class="d1 flex">
+    <div class="left col-sm-12">
+      <criteria-paged :model="model" v-ref:cp>
+        <criteria partial='criteria' @condition-changed='search' v-ref:cri style="padding: 20px;background-color:  #f6f6f6;">
+          <form novalidate class="" partial>
+            <div class="row">
+                <button type="button" class="btn btn-success" @click='$parent.$parent.showQuery=!$parent.$parent.showQuery'>
+                  打印
+                </button>
+              <export-excel :data="$parent.$parent.getCondition"
+                            :field="$parent.$parent.getfield"
+                            sqlurl="rs/logic/saleExport" sql-name="checkuserReport" template-name='报装统计导出' :choose-col="true"></export-excel>
+                <button class="btn btn-primary btn-sm" type="button" @click="$parent.$parent.search(),$parent.$parent.showpager()" style="margin-left:10%">
+                  <span class="glyphicon glyphicon-search"></span>查询
+                </button>
+            </div>
+          </form>
+        </criteria>
+        <data-grid :model="model" partial='list' v-ref:grid  class="list_area" is-fixed='false'>
+          <template partial='head'>
+            <tr>
+              <th colspan="7"><h4>报装人员勘察 安装 通气 统计查询</h4></th>
+            </tr>
+            <tr>
+              <th colspan="1" rowspan="2">报装人员</th>
+              <th colspan="2">个人报建</th>
+              <th colspan="4">集体报建</th>
+            </tr>
+            <tr class="title">
+              <th>
+                <nobr>踏勘</nobr>
+              </th>
+              <th>
+                <nobr>安装</nobr>
+              </th>
+              <th>
+                <nobr>踏勘</nobr>
+              </th>
+              <th>
+                <nobr>安装</nobr>
+              </th>
+              <th>
+                <nobr>验收</nobr>
+              </th>
+              <th>
+                <nobr>通气</nobr>
+              </th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <tr>
+              <td style="text-align: center;">
+                <nobr>{{row.username}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.gsurvey_name}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.gconstruction_unit}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.jsurvey_name}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.jconstruction_unit}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.checking_name}}</nobr>
+              </td>
+              <td style="text-align: center;">
+                <nobr>{{row.jgas_name}}</nobr>
+              </td>
+            </tr>
+          </template>
+        </data-grid>
+      </criteria-paged>
+      <div  class="flex" style="height: 10%">
+        <div novalidate class="form-inline auto" partial>
+          <p class="bg-info text-center" style="padding: 8px;font-size: 20px">个体报建
+             勘踏合计：<span style="color: red">{{total.rows[0].sumgname}}</span>次，安装合计：<span style="color: red">{{total.rows[0].sumgunit}}</span>次，
+             集体报建 勘踏合计：<span style="color: red">{{total.rows[0].sumname}}</span>次，安装合计：<span  style="color: red">{{total.rows[0].sumjunit}}</span>次，
+            验收合计：<span style="color: red">{{total.rows[0].sumgcname}}</span>次，
+            通气合计：<span  style="color: red">{{total.rows[0].sunjname}}</span>次
+          </p>
+        </div>
+      </div>
+    </div>
+    <modal  :show.sync="showQuery" v-ref:modal :large="true" :backdrop="false" title="打印预览">
+      <header slot="modal-header" class="modal-header">
+        <button type="button" class="close" @click="showQuery = !showQuery"><span>&times;</span></button>
+        <h4 class="modal-title">打印预览</h4>
+      </header>
+      <article slot="modal-body" class="modal-body clearfix">
+        <print-report-order :purchase-records="purchaseRecords" :report="model.rows" v-ref:print></print-report-order>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <button type="button" class="btn btn-primary" @click="print()">打印</button>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      "M+": this.getMonth() + 1, //月份
+      "d+": this.getDate(), //日
+      "H+": this.getHours(), //小时
+      "m+": this.getMinutes(), //分
+      "s+": this.getSeconds(), //秒
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+      "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var k in o)
+      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+    return fmt;
+  }
+  import {
+    PagedList
+  } from 'vue-client'
+  import * as Util from '../../Util'
+
+  export default {
+    title: '报建统计报表',
+    data() {
+      return {
+        usertype: this.$appdata.getParam('用户类型'),
+        showbtn: false,
+        model: new PagedList('rs/sql/checkuserReport', 20, {
+          data: {
+            id: this.$login.f.id,
+            fengongsi: this.$login.f.f_fengongsi,
+          }
+        }),
+        condition: '',
+        showQuery:false,
+        total: new PagedList('rs/sql/checkuserReportTotal', 999999, {orderitem: '`sumname`'}),
+        showstopinfoflag:false,
+        stopremarks:"",
+        getfield: {
+          'username': '报装人员',
+          'gsurvey_name': '个体报建踏勘次数',
+          'gconstruction_unit': '个体报建安装次数',
+          'jsurvey_name': '集体报建踏勘次数',
+          'jconstruction_unit': '集体报建安装次数',
+          'checking_name': '集体报建验收次数',
+          'jgas_name': '集体报建通气次数'
+        }
+      }
+    },
+    ready() {
+      this.$refs.cp.$refs.cri.model.startDate = Util.toStandardDateString() + ' 00:00:00'
+      this.$refs.cp.$refs.cri.model.endDate = Util.toStandardDateString() + ' 23:59:59'
+      this.search()
+
+    },
+    methods: {
+      print () {
+        this.$refs.print.$refs.print.PrintTable()
+      },
+      stopinfoshow(index){
+        this.showstopinfoflag = true;
+        let remakrs = this.model.rows[index].f_stop_remarks;
+        console.log(JSON.stringify(remakrs))
+        console.log(remakrs)
+
+        this.stopremarks= remakrs;
+      },
+      clifun(row) {
+        this.$refs.cp.$refs.grid.model.rows = [row]
+        this.$refs.cp.pager = false
+        this.$dispatch('showbtn', row)
+      },
+      search () {
+        let condition = "1=1"
+        //  debugger
+        // let condition =  args.condition
+        debugger
+        this.model.search()
+        this.total.search()
+      },
+      showpager() {
+        this.$refs.cp.pager = true
+        this.$dispatch('hiddenbtn')
+      },
+      closestopinfo(){
+        this.showstopinfoflag = close;
+      }
+    },
+    computed: {
+      getCondition() {
+        return {condition: `1=1`}
+      }
+    }
+  }
+</script>
+<style scoped>
+  label {
+    display: flex;
+    justify-content:center;
+    align-items:Center;
+    padding-top: 8px;
+  }
+</style>

package/src/components/product/applyReport/PrintApplyReport.vue

@@ -0,0 +1,116 @@
+<template>
+  <style id="style">
+    td{
+      height: 30px;
+      padding: 0px;
+      text-align: center;
+    }
+    .cen{
+      text-align: center;
+    }
+    table{
+      margin: auto;
+      width: 100%;
+      border-collapse:collapse;
+      border: 1px solid black;
+    }
+    h1,h2,h3,h4,h5,h6 {
+      text-align: center;
+    }
+  </style>
+  <div id="print">
+    <table border="1">
+      <tr>
+        <th colspan="7"><h4>报装人员勘察 安装 通气 统计查询</h4></th>
+      </tr>
+      <tr>
+        <th colspan="1" rowspan="2" class="cen">报装人员</th>
+        <th colspan="2" class="cen">个人报建</th>
+        <th colspan="4" class="cen">集体报建</th>
+      </tr>
+      <tr class="title">
+        <th class="cen">
+          <nobr>踏勘</nobr>
+        </th>
+        <th  class="cen">
+          <nobr>安装</nobr>
+        </th>
+        <th  class="cen">
+          <nobr>踏勘</nobr>
+        </th>
+        <th  class="cen">
+          <nobr>安装</nobr>
+        </th>
+        <th  class="cen">
+          <nobr>验收</nobr>
+        </th>
+        <th  class="cen">
+          <nobr>通气</nobr>
+        </th>
+      </tr>
+      <tr v-for="item in report">
+        <td>{{item.username}}</td>
+        <td>{{ item.gsurvey_name }}</td>
+        <td>{{ item.gconstruction_unit }}</td>
+        <td>{{ item.jsurvey_name }}</td>
+        <td>{{ item.jconstruction_unit }}</td>
+        <td>{{ item.checking_name }}</td>
+        <td>{{ item.jgas_name }}</td>
+      </tr>
+      <tr v-for="item in supplement">
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+        <td></td>
+      </tr>
+    </table>
+  </div>
+
+  <print-element v-show="false" v-ref:print id='print' styleid='style'
+                 top='10' left='60' width='100%' height='100%'>
+  </print-element>
+</template>
+
+<script>
+  Date.prototype.Format = function (fmt) {
+    var o = {
+      "M+": this.getMonth() + 1, //月份
+      "d+": this.getDate(), //日
+      "H+": this.getHours(), //小时
+      "m+": this.getMinutes(), //分
+      "s+": this.getSeconds(), //秒
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+      "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var k in o)
+      if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+    return fmt;
+  }
+  export default {
+    title: '打印统计单',
+    props: ['report'],
+    data () {
+      return {}
+    },
+    ready () {
+    },
+    methods: {
+    },
+    computed: {
+      supplement () {
+        if (this.material.length < 10) {
+          return 10 - this.material.length
+        }
+        return 0
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>