safecheck-client 3.0.35-12 → 3.0.35-13

package/src/components/android/examples/UserExamples.vue

@@ -1,136 +1,136 @@
-<template>
-  <div class="work-badge" style="height: 100%">
-    <div class="badge-top" style="height: 5%">
-      <div class="badge-number">NO.{{ f_head_code }}</div>
-    </div>
-    <div class="badge-middle" style="height: 80%">
-      <img class="badge-image" :src="f_head_pic" alt="Badge Image">
-      <h1 class="name">{{ f_head_name }}</h1>
-      <div class="white-line"></div>
-      <span class="position">{{ f_head_post }}</span>
-    </div>
-    <div class="badge-bottom" style="height: 10%">
-      <div class="contact">
-        <img class="phone-icon" src="../../../assets/123.png" style="height: 30px;width: 30px" alt="Phone Icon">
-        <span style="font-size: 30px;font-style: italic;">{{ f_head_phone }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-import {HttpResetClass} from "vue-client";
-
-export default {
-  name: 'WorkBadge',
-  title:'WorkBadge',
-  data () {
-    return {
-      // 默认值或初始状态
-      f_head_pic: '',
-      f_head_code: '',
-      f_head_name: '',
-      f_head_post: '',
-      f_head_phone: ''
-    };
-  },
-  async ready () {
-    console.log(window.location.href)
-    let id = ''
-    let url = window.location.href
-    if (url.includes('id')){
-      const urlObj = new URL(url);
-      id = urlObj.searchParams.get('id');
-      let QRCode = await new HttpResetClass().load('post',`rs/sql/tel_singleTable_OrderBy`,{data: {
-          items: 'tqr.*,tf.f_downloadpath as url',
-          tablename: 't_qr_code tqr left join t_files tf on tf.f_businessid = tqr.id and f_table_name = \'t_qr_code\'',
-          condition: `f_head_code = '${id}'`,
-          orderitem: '1'
-        }},{resolveMsg: null,rejectMsg: null})
-      if (QRCode && QRCode.data && QRCode.data.length > 0){
-        if (QRCode.data[0].url){
-          this.f_head_pic = QRCode.data[0].url
-        }else {
-          this.f_head_pic = `/rs/image/file/${QRCode.data[0].f_head_pic}`
-        }
-        this.f_head_code = QRCode.data[0].f_userhead_code
-        this.f_head_name = QRCode.data[0].f_head_name
-        this.f_head_post = QRCode.data[0].f_head_post
-        this.f_head_phone = QRCode.data[0].f_head_phone
-      }else {
-        console.log('获取二维码信息失败')
-        console.log(QRCode)
-      }
-    }
-  }
-};
-</script>
-<style scoped>
-.white-line {
-  width: 65%;
-  height: 5px;
-  background-color: white;
-  margin: 10px 0 10px 17%;
-}
-.work-badge {
-  display: flex;
-  flex-direction: column;
-  background-image: url('../../../assets/f8632d3c8c4c1cb68e99da754cab1a7.png');
-  align-items: center;
-  background-color: #007BFF;
-  color: white;
-  padding: 20px;
-}
-
-.badge-top {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  margin-bottom: 2%;
-}
-
-.badge-image {
-  border: 3px solid #fcfcfc;
-  width: 80%;
-  border-radius: 15px;
-}
-
-.badge-number {
-  font-size: 24px;
-  float: left;
-  text-align: left;
-  font-weight: bold;
-}
-
-.badge-middle {
-  text-align: center;
-  margin-bottom: 2%;
-}
-
-.name {
-  font-size: 50px;
-  font-weight: bold;
-  margin-bottom: 10px;
-}
-
-.position {
-  font-size: 24px;
-}
-
-.badge-bottom {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.contact {
-  display: flex;
-  align-items: center;
-}
-
-.phone-icon {
-  width: 30px;
-  height: 30px;
-  margin-right: 10px;
-}
-</style>
+<template>
+  <div class="work-badge" style="height: 100%">
+    <div class="badge-top" style="height: 5%">
+      <div class="badge-number">NO.{{ f_head_code }}</div>
+    </div>
+    <div class="badge-middle" style="height: 80%">
+      <img class="badge-image" :src="f_head_pic" alt="Badge Image">
+      <h1 class="name">{{ f_head_name }}</h1>
+      <div class="white-line"></div>
+      <span class="position">{{ f_head_post }}</span>
+    </div>
+    <div class="badge-bottom" style="height: 10%">
+      <div class="contact">
+        <img class="phone-icon" src="../../../assets/123.png" style="height: 30px;width: 30px" alt="Phone Icon">
+        <span style="font-size: 30px;font-style: italic;">{{ f_head_phone }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import {HttpResetClass} from "vue-client";
+
+export default {
+  name: 'WorkBadge',
+  title:'WorkBadge',
+  data () {
+    return {
+      // 默认值或初始状态
+      f_head_pic: '',
+      f_head_code: '',
+      f_head_name: '',
+      f_head_post: '',
+      f_head_phone: ''
+    };
+  },
+  async ready () {
+    console.log(window.location.href)
+    let id = ''
+    let url = window.location.href
+    if (url.includes('id')){
+      const urlObj = new URL(url);
+      id = urlObj.searchParams.get('id');
+      let QRCode = await new HttpResetClass().load('post',`rs/sql/tel_singleTable_OrderBy`,{data: {
+          items: 'tqr.*,tf.f_downloadpath as url',
+          tablename: 't_qr_code tqr left join t_files tf on tf.f_businessid = tqr.id and f_table_name = \'t_qr_code\'',
+          condition: `f_head_code = '${id}'`,
+          orderitem: '1'
+        }},{resolveMsg: null,rejectMsg: null})
+      if (QRCode && QRCode.data && QRCode.data.length > 0){
+        if (QRCode.data[0].url){
+          this.f_head_pic = QRCode.data[0].url
+        }else {
+          this.f_head_pic = `/rs/image/file/${QRCode.data[0].f_head_pic}`
+        }
+        this.f_head_code = QRCode.data[0].f_userhead_code
+        this.f_head_name = QRCode.data[0].f_head_name
+        this.f_head_post = QRCode.data[0].f_head_post
+        this.f_head_phone = QRCode.data[0].f_head_phone
+      }else {
+        console.log('获取二维码信息失败')
+        console.log(QRCode)
+      }
+    }
+  }
+};
+</script>
+<style scoped>
+.white-line {
+  width: 65%;
+  height: 5px;
+  background-color: white;
+  margin: 10px 0 10px 17%;
+}
+.work-badge {
+  display: flex;
+  flex-direction: column;
+  background-image: url('../../../assets/f8632d3c8c4c1cb68e99da754cab1a7.png');
+  align-items: center;
+  background-color: #007BFF;
+  color: white;
+  padding: 20px;
+}
+
+.badge-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 2%;
+}
+
+.badge-image {
+  border: 3px solid #fcfcfc;
+  width: 80%;
+  border-radius: 15px;
+}
+
+.badge-number {
+  font-size: 24px;
+  float: left;
+  text-align: left;
+  font-weight: bold;
+}
+
+.badge-middle {
+  text-align: center;
+  margin-bottom: 2%;
+}
+
+.name {
+  font-size: 50px;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.position {
+  font-size: 24px;
+}
+
+.badge-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.contact {
+  display: flex;
+  align-items: center;
+}
+
+.phone-icon {
+  width: 30px;
+  height: 30px;
+  margin-right: 10px;
+}
+</style>

package/src/components/pc/SecurityCheckLedger.vue

@@ -0,0 +1,113 @@
+<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.f_plan_name}}</td>
+            <td style="text-align: center">{{row.area_num}}</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': '小区名称',
+        'f_plan_name': '小区用户数',
+        'area_num': '所属计划',
+        '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>