safecheck-client 3.0.33-3 → 3.0.33-30

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

@@ -1,207 +1,114 @@
-<template>
-  <div class="flex-row">
-    <div class="basic-main">
-      <criteria-paged :model="model" v-ref:paged>
-        <criteria partial='criteria' class="search_area" @condition-changed='$parent.selfSearch' v-ref:criteria>
-          <div partial>
-            <div class="row">
-              <div class="form-group col-sm-4">
-                <label class="font_normal_body">开始时间:</label>
-                <datepicker
-                  placeholder='请选择'
-                  style="width:60%"
-                  :disabled-days-of-week="[]"
-                  :format="'yyyy-MM-dd'"
-                  :show-rest-button="reset"
-                  :value.sync="model.start_time"
-                  v-model="model.start_time"
-                  condition="tcp.f_upload_date >= '{} 00:00:00'">
-                </datepicker>
-              </div>
-              <div class="form-group col-sm-4">
-                <label class="font_normal_body">结束时间:</label>
-                <datepicker
-                  placeholder='请选择'
-                  :disabled-days-of-week="[]"
-                  style="width:60%"
-                  :format="'yyyy-MM-dd'"
-                  :show-rest-button="reset"
-                  :value.sync="model.end_time"
-                  v-model="model.end_time"
-                  condition="tcp.f_upload_date <= '{} 23:59:59'">
-                </datepicker>
-              </div>
-              <div class="col-sm-4 form-group">
-                <label class="font_normal_body">小区名称：</label>
-                <input style="width: 60%" class="input_search" v-model="model.f_residential_area"
-                       placeholder="请输入小区（可模糊查询）" condition="f_residential_area like '%{}%'">
-              </div>
-              <div class="col-sm-4 form-group" style="margin: 0">
-                <role-selector-safe
-                  role-name="安检员"
-                  :resobjprop.sync="$parent.$parent.resids"
-                  role-lable="安&nbsp;检&nbsp;员&nbsp;"
-                  @re-res="$parent.$parent.getRes"
-                  :value.sync="model.f_checker_id"
-                  v-model="model.f_checker_id"
-                  condition="tcp.f_checker_name = '{}'">
-                </role-selector-safe>
-              </div>
-              <div style="float: right">
-                <export-excel-safe :data="$parent.$parent.searchData"
-                                   :field="$parent.$parent.excelHeaders"
-                                   progress="safeGetExportProgress"
-                                   sqlurl="rs/logic/SafeExportExcel" sql-name="communityTypeDetailM"
-                                   template-name='居民隐患类型明细' :choose-col="true"></export-excel-safe>
-              </div>
-              <print-data-safe :sum-field="$parent.$parent.excelHeaders" :model="$parent.$parent.print_model" :field="$parent.$parent.excelHeaders"
-                          :defaultfield="$parent.$parent.defaultPrint" :chooserow="true"
-                          :titletable="'居民隐患类型明细'" :starthead="$parent.$parent.getstart"
-              ></print-data-safe>
-              <button class="button_spacing button_search" @click="search()">查询</button>
-            </div>
-          </div>
-        </criteria>
-        <data-grid class="list_area table_sy" style="overflow: hidden" :model="model" partial='list' v-ref:grid>
-          <template partial='head'>
-            <tr>
-              <th>
-                <nobr>序号</nobr>
-              </th>
-              <th>
-                <nobr>小区名称</nobr>
-              </th>
-              <th>
-                <nobr>隐患类型-漏气</nobr>
-              </th>
-              <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'>
-
-            <td style="text-align: center">{{ $index + 1 }}</td>
-            <td style="text-align: center">{{ row.f_residential_area }}</td>
-            <td style="text-align: center">{{ row.ljcount }}</td>
-            <td style="text-align: center">{{ row.jgcount }}</td>
-            <td style="text-align: center">{{ row.rqjcount }}</td>
-            <td style="text-align: center">{{ row.yhhs }}</td>
-            <td style="text-align: center">{{ row.yclyh }}</td>
-            <td style="text-align: center">{{ row.clzyh }}</td>
-            <td style="text-align: center">{{ row.wcl }}</td>
-          </template>
-          <template partial="foot">
-            <td style="text-align: center" colspan="2"><span><b>合计：</b></span></td>
-            <td style="text-align: center">{{ model.sums.yhhs }}</td>
-            <td style="text-align: center">{{ model.sums.ljcount }}</td>
-            <td style="text-align: center">{{ model.sums.jgcount }}</td>
-            <td style="text-align: center">{{ model.sums.rqjcount }}</td>
-            <td style="text-align: center">{{ model.sums.yclyh }}</td>
-            <td style="text-align: center">{{ model.sums.clzyh }}</td>
-            <td style="text-align: center">{{ model.sums.wcl }}</td>
-          </template>
-        </data-grid>
-      </criteria-paged>
-    </div>
-  </div>
-</template>
-
-<script>
-import {PagedList} from "vue-client";
-
-export default {
-  name: "communityTypeDetailM",
-  title: "居民隐患类型明细",
-  data() {
-    return {
-      model: new PagedList("/rs/sql/communityTypeDetailM", 999, {orgid: this.$login.f.orgid}, {
-        yhhs: '',
-        yclyh: '',
-        clzyh: '',
-        rqjcount: '',
-        ljcount: '',
-        wcl:'',
-        jgcount: ''
-      }),
-      resids: {},
-      print_model:{},
-      searchData: {
-        condition: "1=1",
-        orgid: this.$login.f.orgid
-      },
-      excelHeaders: {
-        'f_residential_area': '小区名称',
-        'ljcount': '隐患类型-漏气',
-        'jgcount': '隐患类型-胶管',
-        'rqjcount': '隐患类型-燃气具老化',
-        'yhhs': '存在隐患户数',
-        'yclyh': '已处理户数',
-        'clzyh': '处理中户数',
-        'wcl' : '未处理户数'
-      },
-      printshow: false,
-      defaultPrint: ['f_residential_area', 'ljcount','jgcount','rqjcount','yhhs', 'yclyh', 'clzyh','wcl'],
-      sumsmodel: {},
-    }
-  },
-  ready() {
-    // this.model.search('1=1')
-  },
-  methods: {
-    async selfSearch(args) {
-      await this.model.search(args.condition, args.model, args.condValue)
-      this.searchData.condition = args.condition
-      this.print_model = JSON.parse(JSON.stringify(this.$refs.paged.$refs.grid.model))
-      this.sumsmodel = this.$refs.paged.$refs.grid.model.sums;
-      this.print_model.rows.push({
-        f_residential_area: '合计',
-        ljcount : this.sumsmodel.ljcount,
-        jgcount : this.sumsmodel.jgcount,
-        rqjcount : this.sumsmodel.rqjcount,
-        yhhs: this.sumsmodel.yhhs,
-        yclyh: this.sumsmodel.yclyh,
-        clzyh: this.sumsmodel.clzyh,
-        wcl: this.sumsmodel.wcl,
-      })
-      this.print_model.totalPage = 0
-    },
-    getRes(obj) {
-      //tag
-      this.resids = {res: obj.res[0], resids: obj.resids[0]}
-      this.model.f_filialeids = this.$login.convertToIn(obj.resids);
-    },
-    // 打印
-    stamp() {
-      this.printshow = true
-    },
-    close() {
-      this.printshow = false
-    }
-  },
-  computed: {
-    getstart() {
-      return `开始时间：${this.$refs.paged.$refs.criteria.model.start_time} 结束时间：${this.$refs.paged.$refs.criteria.model.end_time}`
-    },
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div id='app' class="basic-main" style="height: 100%">
+    <criteria-paged :model="model" :pager='false'>
+      <criteria partial='criteria' @condition-changed='$parent.reSearch' class="search_area">
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="col-sm-4 form-group">
+              <role-selector-safe
+                role-name="安检员"
+                role-lable="安&ensp;检&ensp;员"
+                @re-res="$parent.$parent.getRes"
+                :value.sync="model.f_checker_id"
+                v-model="model.f_checker_id"
+                condition="tcp.f_checker_name = '{}'">
+              </role-selector-safe>
+            </div>
+            <div class="col-sm-2 form-group">
+              <label for="startDate" class="font_normal_body">开始日期:</label>
+              <datepicker id="startDate" placeholder="开始日期"
+                          v-model="model.startDate"
+                          :value.sync="model.startDate"
+                          style="width: 60%;"
+                          :disabled-days-of-Week="[]"
+                          :format="'yyyy-MM-dd 00:00:00'"
+                          condition="tcp.f_upload_date >= '{}'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+            <div class="col-sm-2 form-group">
+              <label for="endDate" class="font_normal_body">结束日期:</label>
+              <datepicker id="endDate" placeholder="结束日期"
+                          v-model="model.endDate"
+                          :value.sync="model.endDate"
+                          :disabled-days-of-Week="[]"
+                          style="width: 60%;"
+                          condition="tcp.f_upload_date <= '{}'"
+                          :format="'yyyy-MM-dd 23:59:59'"
+                          :show-reset-button="reset">
+              </datepicker>
+            </div>
+            <div class="form-group col-sm-2"  >
+              <label class="font_normal_body">小&emsp;&emsp;区</label>
+              <input type="text" class="input_search" v-model="model.f_residential_area"
+                     style="width: 60%" placeholder="小区" condition="tcp.f_residential_area like '%{}%'">
+            </div>
+            <div class="col-sm-4 form-group" style="margin-top: 8px">
+              <button class="button_search button_spacing" @click="search()">查询</button>
+              <report-print id='checkerPrint' top='3cm' left='0' width='100%' height='100%' :preview="true"></report-print>
+              <report-excel id='checkerPrint'></report-excel>
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <div partial='list' id='checkerPrint' class="list_area" style="overflow-y: scroll">
+        <table class='tableprint' style="margin: 0px auto">
+          <thead>
+          <tr>
+            <th colspan='9' style="font-weight: normal; text-align: left;">
+              <h3 style="text-align: center">隐患类型明细表(民用)</h3>
+            </th>
+          </tr>
+          <tr>
+            <th colspan='9' style="font-weight: normal; text-align: center;">
+              开始时间：{{model.model.startDate}}&nbsp;&nbsp;&nbsp;
+              结束时间：{{ model.model.endDate }}
+            </th>
+          </tr>
+          </thead>
+          <tr>
+            <th colspan='9' style="font-weight: normal;">
+              {{{ model.data.substring(26,model.data.length-8) }}}
+            </th>
+          </tr>
+          <tr style="height: 100px"></tr>
+        </table>
+      </div>
+    </criteria-paged>
+  </div>
+
+</template>
+
+<script>
+import {DataModel, HttpResetClass} from 'vue-client'
+
+export default {
+  title: '隐患类型明细表',
+  data () {
+    let model = new DataModel('rs/report/areaPitfallReport', {})
+    // model.f_filialeid = '(' + this.$login.f.orgid + ')'
+    return {
+      user_types: [{label:'全部',value:''},{label:'民用',value:'民用'},{label:'非民用',value:'非民用'}],
+      userid: this.$login.f.id,
+      source: `tool.getFullTree(this.getRights().where(row.getType() != $zone$).where(row.getType() == $organization$))`,
+      model: model
+    }
+  },
+  methods: {
+    getRes (obj) {
+      this.model.f_filialeid = this.$login.convertToIn(obj.resids)
+    },
+    reSearch(args){
+      args.condition += ` and tcp.f_check_type = '民用' `
+      this.model.search(args.condition, args.model)
+    }
+  },
+  ready () {
+  },
+  computed: {
+    selected () {
+      return this.$refs.grid.selected
+    }
+  }
+}
+</script>