safecheck-client 3.0.35-33 → 3.0.35-36

package/src/components/pc/SecurityCheckLedger.vue

@@ -1,113 +1,133 @@
-<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 novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-            <div class="row">
-              <div class="form-group col-sm-2"  >
-                <label class="font_normal_body">小区名称</label>
-                <input type="text" class="input_search" v-model="model.f_residential_area"
-                       style="width: 60%" placeholder="小区名称" condition="ta.f_residential_area like '%{}%'">
-              </div>
-              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right">
-                <export-excel-safe :data="$parent.$parent.searchData"
-                              :field="$parent.$parent.excelHeaders"
-                              :choose-col="true"
-                              sqlurl="rs/logic/SafeExportExcel" sql-name="securityCheckLedger" template-name='安检台账'></export-excel-safe>
-                <button class="button_spacing button_search" @click="search()">查询</button>
-              </div>
-            </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">{{row.f_residential_area}}</td>
-            <td style="text-align: center">{{row.area_num}}</td>
-            <td style="text-align: center">{{row.f_plan_name}}</td>
-            <td style="text-align: center">{{row.plan_num}}</td>
-            <td style="text-align: center">{{row.f_issue_time}}</td>
-            <td style="text-align: center">{{row.first_check_date}}</td>
-            <td style="text-align: center">{{row.zq_value}}</td>
-            <td style="text-align: center">{{row.dw_value}}</td>
-            <td style="text-align: center">{{row.difference_day}}</td>
-          </template>
-        </data-grid>
-      </criteria-paged>
-    </div>
-  </div>
-</template>
-
-<script>
-  import {PagedList} from 'vue-client'
-
-export default {
-  title: '安检台账',
-  data() {
-    return {
-      model: new PagedList('rs/sql/securityCheckLedger', 20),
-      searchData: {
-        condition: "1=1"
-      },
-      excelHeaders: {
-        'f_residential_area': '小区名称',
-        'area_num': '小区用户数',
-        'f_plan_name': '所属计划',
-        'plan_num': '计划内用户数',
-        'f_issue_time': '计划下发时间',
-        'first_check_date': '执行时间',
-        'zq_value': '执行周期',
-        'dw_value': '周期单位',
-        'difference_day': '距离下周期时间（天）'
-      }
-      }
-    },
-    methods: {
-      selfSearch(args) {
-        this.model.search(args.condition, args.model, args.condValue)
-      }
-    },
-    ready() {
-
-    },
-  watch: {
-    'model.condition'(val) {
-      if (val) {
-        this.searchData.condition = val
-      }
-    }
-  }
-
-  }
-</script>
+<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 novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+            <div class="row">
+              <div class="form-group col-sm-2"  >
+                <label class="font_normal_body">小区名称</label>
+                <input type="text" class="input_search" v-model="model.f_residential_area"
+                       style="width: 60%" placeholder="小区名称" condition="ta.f_residential_area = '{}'">
+              </div>
+              <div class="form-group col-sm-2" style="width: auto;margin-top:8px;float: right">
+                <div style="float: right" class="button_spacing"
+                     :class="{'button_shrink_left':$parent.$parent.$parent.showItem,'button_shrink_right':!$parent.$parent.$parent.showItem}"
+                     @click="$parent.$parent.hiddenr()"></div>
+                <export-excel-safe :data="$parent.$parent.searchData"
+                              :field="$parent.$parent.excelHeaders"
+                              :choose-col="true"
+                              sqlurl="rs/logic/SafeExportExcel" sql-name="securityCheckLedger" template-name='安检台账'></export-excel-safe>
+                <button class="button_spacing button_search" @click="search()">查询</button>
+              </div>
+            </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>
+              <th>
+                <nobr>距离下周期时间（天）</nobr>
+              </th>
+            </tr>
+          </template>
+          <template partial='body'>
+            <td style="text-align: center">{{row.f_residential_area}}</td>
+            <td style="text-align: center">{{row.area_num}}</td>
+            <td style="text-align: center">{{row.f_plan_name}}</td>
+            <td style="text-align: center">{{row.plan_num}}</td>
+            <td style="text-align: center">{{row.f_issue_time}}</td>
+            <td style="text-align: center">{{row.f_use_end_time}}</td>
+            <td style="text-align: center">{{row.first_check_date}}</td>
+            <td style="text-align: center">{{row.zq_value}}</td>
+            <td style="text-align: center">{{row.dw_value}}</td>
+            <td :style="{ 'text-align': 'center', color: row.difference_day <= 100 ? 'red' : '' }">{{ row.difference_day }}</td>
+          </template>
+        </data-grid>
+      </criteria-paged>
+    </div>
+  </div>
+</template>
+
+<script>
+  import {PagedList} from 'vue-client'
+
+export default {
+  title: '安检台账',
+  data() {
+    return {
+      model: new PagedList('rs/sql/securityCheckLedger', 20),
+      searchData: {
+        condition: "1=1"
+      },
+      excelHeaders: {
+        'f_residential_area': '小区名称',
+        'area_num': '小区用户数',
+        'f_plan_name': '所属计划',
+        'plan_num': '计划内用户数',
+        'f_issue_time': '计划下发时间',
+        'f_use_end_time': '计划下发时间',
+        'first_check_date': '执行时间',
+        'zq_value': '执行周期',
+        'dw_value': '周期单位',
+        'difference_day': '距离下周期时间（天）'
+      }
+      }
+    },
+    methods: {
+      hiddenr() {
+        this.$parent.isdetail = !this.$parent.isdetail
+      },
+      showList(row){
+        row.val = row
+        this.$parent.selected(row)
+      },
+      selfSearch(args) {
+        this.model.search(args.condition, args.model, args.condValue)
+      }
+    },
+    ready() {
+
+    },
+  watch: {
+    'model.condition'(val) {
+      if (val) {
+        this.searchData.condition = val
+      }
+    }
+  },
+  computed: {
+    selected() {
+      return this.$refs.paged.$refs.grid.selected
+    }
+  }
+
+  }
+</script>

package/src/components/pc/SecurityCheckList.vue

@@ -0,0 +1,144 @@
+<template>
+  <div class="flex">
+    <criteria-paged :model="model" v-ref:paged :pager="false">
+      <criteria partial='criteria' @condition-changed='$parent.selfSearch' v-ref:criteria>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+          <div class="row">
+            <div class="form-group col-sm-4" >
+              <label class="font_normal_body">计划名称</label>
+              <input type="text" class="input_search" style="width:60%" v-model="model.f_plan_name" placeholder='计划名称'
+                     condition="f_plan_name = '{}'" @keyup.enter="search()">
+            </div>
+<!--            <div class="form-group col-sm-4" >-->
+<!--              <label class="font_normal_body">用户类型</label>-->
+<!--              <v-select style="width:60% "-->
+<!--                        class="select select_list"-->
+<!--                        :value.sync="model.f_user_type"-->
+<!--                        v-model="model.f_user_type"-->
+<!--                        :options='$parent.$parent.userType'-->
+<!--                        placeholder='用户类型'-->
+<!--                        condition="f_user_type = '{}'"-->
+<!--                        close-on-select>-->
+<!--              </v-select>-->
+<!--            </div>-->
+<!--            <div class="form-group col-sm-4" >-->
+<!--              <label class="font_normal_body">是否已检</label>-->
+<!--              <v-select style="width:60% "-->
+<!--                        class="select select_list"-->
+<!--                        :value.sync="model.f_state"-->
+<!--                        v-model="model.f_state"-->
+<!--                        :options='$parent.$parent.checkState'-->
+<!--                        placeholder='是否已检'-->
+<!--                        condition="f_state = '{}'"-->
+<!--                        close-on-select>-->
+<!--              </v-select>-->
+<!--            </div>-->
+<!--            <div class="form-group col-sm-4" >-->
+<!--              <label class="font_normal_body">安检状态</label>-->
+<!--              <v-select style="width:60% "-->
+<!--                        class="select select_list"-->
+<!--                        :value.sync="model.f_entry_status"-->
+<!--                        v-model="model.f_entry_status"-->
+<!--                        :options='$parent.$parent.entry_status'-->
+<!--                        placeholder='安检状态'-->
+<!--                        condition="f_entry_status = '{}'"-->
+<!--                        close-on-select>-->
+<!--              </v-select>-->
+<!--            </div>-->
+          </div>
+<!--          <div class="row" v-show="$parent.$parent.criteriaShow">-->
+<!--            <div class="form-group col-sm-4" >-->
+<!--              <label class="font_normal_body">气表编号</label>-->
+<!--              <input type="text" class="input_search" style="width:60%" v-model="model.f_meternumber" placeholder='气表编号'-->
+<!--                     condition="f_meternumber = '{}'" @keyup.enter="search()">-->
+<!--            </div>-->
+<!--            <div class="form-group col-sm-4" >-->
+<!--              <label class="font_normal_body">气表品牌</label>-->
+<!--              <input type="text" class="input_search" style="width:60%" v-model="model.f_meter_brand" placeholder='气表品牌'-->
+<!--                     condition="f_meter_brand like '%{}%'" @keyup.enter="search()">-->
+<!--            </div>-->
+<!--          </div>-->
+          <div class="row">
+            <div class="form-group col-sm-2 button-range" >
+              <button class="button_search" style="margin-right: 10px"  @click="search()" v-el:cba>查询</button>
+<!--              <export-excel-safe   :data="$parent.$parent.exportParameter"-->
+<!--                                   :field="$parent.$parent.excelHeaders"-->
+<!--                                   sqlurl="rs/logic/SafeExportExcel" sql-name="getCheckPlanUserList"-->
+<!--                                   template-name='安检情况明细' :choose-col="true">-->
+<!--              </export-excel-safe>-->
+<!--              &lt;!&ndash;展示下方条件或隐藏&ndash;&gt;-->
+<!--              <div class="span" style="float:right;">-->
+<!--                <div class="button_spacing" style="float: right;margin-left:10px"-->
+<!--                     :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"-->
+<!--                     @click="$parent.$parent.hidden()">-->
+<!--                </div>-->
+<!--              </div>-->
+            </div>
+          </div>
+        </div>
+      </criteria>
+      <data-grid :model="model" class="table_sy"  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>
+          </tr>
+        </template>
+        <template partial='body' >
+          <tr >
+            <td style="text-align:center"><span>{{row.f_plan_name}}</span></td>
+            <td style="text-align:center">{{row.f_ruhu}}</td>
+            <td style="text-align:center">{{row.f_buyu}}</td>
+            <td style="text-align:center">{{row.f_jujian}}</td>
+            <td style="text-align:center">{{row.f_check_bv}}</td>
+            <td style="text-align:center">{{row.f_ruhu_bv}}</td>
+          </tr>
+        </template>
+        <template partial='foot'></template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass, PagedList} from 'vue-client'
+export default {
+  title: '安检情况明细',
+  data () {
+    return {
+      model: new PagedList('rs/sql/securityCheckList', 50, {}),
+    }
+  },
+  props: ['checkrow'],
+  ready () {
+    this.search()
+    // this.getfield = this.config.excelHeaders
+  },
+  methods: {
+    search () {
+      this.$refs.paged.$refs.criteria.search()
+    },
+    async selfSearch (args) {
+      if(!this.checkrow){
+        return
+      }
+      let condition = {
+        condition1: `f_residential_area = '${this.checkrow.f_residential_area}'`,
+        condition2: args.condition
+      }
+      const res = await new HttpResetClass().load('post','/rs/sql/securityCheckList',{data:{condition: condition}})
+      this.model.rows = res.data
+      // this.model.search(condition, args.model)
+    },
+  },
+  watch: {
+    'checkrow' () {
+      this.search()
+    }
+  }
+}
+</script>

package/src/components/pc/SecurityCheckManage.vue

@@ -0,0 +1,106 @@
+<template>
+  <div id="unit" class="flex-row" v-if="listpage" >
+    <div :class="{'basic-main':((!isdetail) && (!usershow)),'binary-left':isdetail||usershow}" >
+      <security-check-ledger1 v-ref:list :row="row" @select-changed="selected"></security-check-ledger1>
+    </div>
+    <div class="binary-right" style="overflow-y: scroll" v-if="isdetail">
+      <security-check-ledger2 :checkrow="checkrow" ></security-check-ledger2>
+    </div>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+
+export default {
+  title: '安检情况汇总',
+  data () {
+    return {
+      f_userinfo_id: '',
+      f_filialeid: this.$login.f.orgid,
+      config: {
+        isLimit: false, // 限购
+        audit: false,  // 启用审核
+        heatingSeason: false, // 采暖季
+        deductionWay: 'cycle'  // 'cycle: 周期扣费； day: 日运算扣费； singleHS: 采暖季独立扣费； dayHS: 采暖季日扣费；' 此值不配置默认周期扣费
+      },
+      listpage: true,
+      row: null,
+      checkrow: null,
+      parentData: '',
+      isdetail: false,
+      gasPriceShow: false,
+      usershow: false,
+      // 控制气价信息界面和变更操作记录界面的展示
+      changeView: false,
+      nocivilshow:true,
+      modalshow:false,
+    }
+  },
+  ready () {
+  },
+  methods: {
+    cancel(obj) {
+      this.listpage = true
+    },
+    dealMsg(val) {
+      this.listpage = false
+      this.f_userinfo_id = val.f_userinfo_id
+    },
+    selected (obj) {
+      //tag)
+      //tag)
+      this.checkrow = obj.val
+      this.isdetail = true
+      this.usershow = false
+      this.listpage = true
+    },
+    selected2 (obj) {
+
+    },
+    refresh () {
+      this.row = null
+      this.gasPriceShow = false
+      this.isdetail = false
+      this.usershow =false
+      this.listpage=true
+      this.$refs.list.search()
+    }
+  },
+  events: {
+    'success' (name, row, res) {
+      this.row = row
+      this.gasPriceShow = false
+      this.isdetail = false
+      this.usershow =false
+      this.listpage=true
+      this.$refs.list.search()
+    },
+    'error' (name, row, res) {
+      this.row = row
+      this.gasPriceShow = false
+      this.isdetail = false
+      this.usershow =false
+      this.listpage=true
+      this.$refs.list.search()
+    },
+    'close' (res) {
+      this.row = null
+      this.gasPriceShow = false
+      this.isdetail = false
+      this.usershow =false
+      this.listpage=true
+    },
+    'search' () {
+      this.row = null
+      this.gasPriceShow = false
+      this.isdetail = false
+      this.usershow =false
+      this.listpage=true
+      // this.$refs.list.search()
+    }
+  }
+}
+</script>
+<style>
+
+</style>