safecheck-client 3.0.34-6 → 3.0.34-60

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

@@ -0,0 +1,96 @@
+<template>
+  <div class="panel panel-default auto repair-info-content">
+    <div class="panel-body">
+      <div class="panel panel-default well" v-if="model.length>0">
+        <div class="bg-info">
+          <div class="row form-group">
+            <div class="col-xs-12 col-sm-12 col-md-12">
+              <div class="row">
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  用户名称: {{ model[0].f_user_name }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  用户编号: {{ model[0].f_userinfo_code }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  用户电话: {{ model[0].f_user_phone }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  用户地址: {{ model[0].f_address }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="panel panel-default well" v-for="row in model">
+        <div class="bg-info">
+          <div class="row form-group">
+            <div class="col-xs-12 col-sm-12 col-md-12">
+              <div class="row">
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  安检时间: {{ row.f_offsite_time }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  安检员: {{ row.f_checker_name }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  安检状态: {{ row.f_entry_status }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  安检结果: {{ row.f_defect_content.include('正常') ? '正常' : '有隐患' }}
+                </div>
+                <div class="col-xs-12 col-sm-12 col-md-12">
+                  整改内容: {{ row.f_defect_text }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '查询用户',
+  data() {
+    return {
+      model: [],
+      f_safecheck_code: ''
+    }
+  },
+  methods: {
+    getmodel() {
+      let http = new HttpResetClass()
+      http.load('POST', `rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: "tcp.*,CASE WHEN CHARINDEX( '\"result\":\"正常\"', f_defect_content ) > 0 THEN '无隐患' ELSE replace(replace(replace( replace( RIGHT ( f_defect_content, len( f_defect_content ) - 26 ), substring('{}',2,1), '' ), substring('{}',1,1), '' ),']',''),'\"','') END as f_defect_text",
+          tablename: 't_check_paper tcp left join t_qr_code tqr on tcp.f_userinfo_code = tqr.f_userinfo_id and tcp.f_user_name = tqr.f_user_name',
+          condition: `tqr.f_safecheck_code  = '${this.f_safecheck_code}'`,
+          orderitem: 'tcp.f_offsite_time desc'
+        }
+      }).then((res) => {
+        this.model = res.data
+      })
+    },
+  },
+  ready() {
+    console.log(window.location.href)
+    let url = window.location.href
+    if (url.includes('id')){
+      const urlObj = new URL(url);
+      this.f_safecheck_code = urlObj.searchParams.get('id')
+      this.getmodel()
+    }else {
+      console.log(window.location.href)
+      console.log('非法数据')
+    }
+  }
+}
+</script>
+<style>
+</style>

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

@@ -0,0 +1,130 @@
+<template>
+  <div class="work-badge" style="height: 100%">
+    <div class="badge-top" style="height: 33%">
+      <div class="badge-number">NO.{{ f_head_code }}</div>
+    </div>
+    <div class="badge-middle" style="height: 33%">
+      <img class="badge-image" :src="f_head_pic" alt="Badge Image">
+      <h1 class="name">{{ f_head_name }}</h1>
+      <div class="position">{{ f_head_post }}</div>
+    </div>
+    <div class="badge-bottom" style="height: 33%">
+      <div class="contact">
+        <img class="phone-icon" src="../../../assets/123.png" style="height: 30px;width: 30px" alt="Phone Icon">
+        <span style="font-size: 30px">{{ 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'
+        }})
+      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_head_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>
+.work-badge {
+  display: flex;
+  flex-direction: column;
+  background-image: url('../../../assets/f8632d3c8c4c1cb68e99da754cab1a7.png');
+  align-items: center;
+  background-color: #007BFF;
+  color: white;
+  padding: 20px;
+  border-radius: 10px;
+}
+
+.badge-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.badge-image {
+  width: 150px;
+  height: 150px;
+  margin-right: 20px;
+}
+
+.badge-number {
+  font-size: 24px;
+  float: left;
+  text-align: left;
+  font-weight: bold;
+}
+
+.badge-middle {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.name {
+  font-size: 48px;
+  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/checkerphonestate/Checker.vue

@@ -1,32 +1,32 @@
-<template>
-  <div>
-    正在查询，请稍后！！！
-  </div>
-</template>
-
-<script>
-import co from 'co'
-let search = function * (self) {
-  let state = yield self.$post('rs/sql/phone', {data: {f_period: '最新'}})
-  self.$goto('checker-state', {state: state.date})
-}
-export default {
-  title: '安检员状态',
-  data () {
-    return {
-      model: {
-      }
-    }
-  },
-  methods: {
-    getstate () {
-      let gen = search(this)
-      return co(gen)
-    }
-  },
-  ready () {
-    this.getstate()
-  },
-  components: {}
-}
-</script>
+<template>
+  <div>
+    正在查询，请稍后！！！
+  </div>
+</template>
+
+<script>
+import co from 'co'
+let search = function * (self) {
+  let state = yield self.$post('rs/sql/phone', {data: {f_period: '最新'}})
+  self.$goto('checker-state', {state: state.date})
+}
+export default {
+  title: '安检员状态',
+  data () {
+    return {
+      model: {
+      }
+    }
+  },
+  methods: {
+    getstate () {
+      let gen = search(this)
+      return co(gen)
+    }
+  },
+  ready () {
+    this.getstate()
+  },
+  components: {}
+}
+</script>

package/src/components/checkerphonestate/CheckerState.vue

@@ -1,97 +1,97 @@
-<template>
-  <div>
-    <criteria-paged :model="model" v-ref:paged>
-      <criteria partial='criteria' @condition-changed='search'>
-        <div novalidate class="form-inline auto" partial>
-          <div class="form-group">
-            <label for="f_state">状态：</label>
-            <v-select id="f_state" :value.sync="$parent.$parent.f_period"
-            :options='$parent.$parent.check_states'
-            close-on-select clear-button></v-select>
-          </div>
-          <div class="form-group">
-            时间:
-            <datepicker id="startdate"
-              :value.sync="$parent.$parent.f_realtime"
-              :disabled-days-of-Week="[]"
-              :format="'yyyy-MM-dd'"
-              :show-reset-button="reset">
-            </datepicker>
-          </div>
-
-          <button class="btn btn-default" @click="search()">查询</button>
-        </div>
-      </criteria>
-      <data-grid :model="model" partial='list' v-ref:grid>
-        <template partial='head'>
-          <tr>
-            <th>时间</th>
-            <th>手机使用者</th>
-            <th>手机串码</th>
-            <th>经度</th>
-            <th>纬度</th>
-            <th>海拔(米)</th>
-            <th>电量%</th>
-            <th>信号强度</th>
-            <th>剩余空间M</th>
-            <th>流量Kb</th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <td>{{row.f_datetime}}</td>
-          <td>{{row.f_user_name }}</td>
-          <td>{{row.f_sn}}</td>
-          <td>{{row.f_longitude}}</td>
-          <td>{{row.f_latitude}}</td>
-          <td>{{row.f_altitude}}</td>
-          <td>{{row.f_battery_level}}</td>
-          <td>{{row.f_signal_strength}}</td>
-          <td>{{row.f_internal_quote}}</td>
-          <td>{{row.f_traffic/1000}}</td>
-        </template>
-      </data-grid>
-    </criteria-paged>
-  </div>
-</template>
-
-<script>
-import { PagedList } from 'vue-client'
-export default {
-  title: '安检员状态',
-  data () {
-    return {
-      model: new PagedList('rs/sql/checkerphonestate', 20, {f_period: 'this.f_period', f_realtime: 'this.f_realtime'}),
-      check_states: [
-        {label: '最后在线', value: '最新'},
-        {label: '分钟状态', value: '分'},
-        {label: '天状态', value: '天'},
-        {label: '月状态', value: '月'}
-      ],
-      f_period: ['最新'],
-      f_realtime: this.toStandardDateString()
-    }
-  },
-  methods: {
-    getstate () {
-      this.model.search()
-    },
-    toStandardDateString () {
-      let dt = new Date()
-      let month = dt.getMonth() + 1
-      let date = dt.getDate()
-      return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
-    }
-  },
-  ready () {
-    this.model.f_period = this.f_period[0]
-    this.model.f_realtime = this.f_realtime
-    this.$watch('f_period', function (val) {
-      this.model.f_period = val[0]
-    })
-    this.$watch('f_realtime', function (val) {
-      this.model.f_realtime = val
-    })
-    this.getstate()
-  }
-}
-</script>
+<template>
+  <div>
+    <criteria-paged :model="model" v-ref:paged>
+      <criteria partial='criteria' @condition-changed='search'>
+        <div novalidate class="form-inline auto" partial>
+          <div class="form-group">
+            <label for="f_state">状态：</label>
+            <v-select id="f_state" :value.sync="$parent.$parent.f_period"
+            :options='$parent.$parent.check_states'
+            close-on-select clear-button></v-select>
+          </div>
+          <div class="form-group">
+            时间:
+            <datepicker id="startdate"
+              :value.sync="$parent.$parent.f_realtime"
+              :disabled-days-of-Week="[]"
+              :format="'yyyy-MM-dd'"
+              :show-reset-button="reset">
+            </datepicker>
+          </div>
+
+          <button class="btn btn-default" @click="search()">查询</button>
+        </div>
+      </criteria>
+      <data-grid :model="model" partial='list' v-ref:grid>
+        <template partial='head'>
+          <tr>
+            <th>时间</th>
+            <th>手机使用者</th>
+            <th>手机串码</th>
+            <th>经度</th>
+            <th>纬度</th>
+            <th>海拔(米)</th>
+            <th>电量%</th>
+            <th>信号强度</th>
+            <th>剩余空间M</th>
+            <th>流量Kb</th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <td>{{row.f_datetime}}</td>
+          <td>{{row.f_user_name }}</td>
+          <td>{{row.f_sn}}</td>
+          <td>{{row.f_longitude}}</td>
+          <td>{{row.f_latitude}}</td>
+          <td>{{row.f_altitude}}</td>
+          <td>{{row.f_battery_level}}</td>
+          <td>{{row.f_signal_strength}}</td>
+          <td>{{row.f_internal_quote}}</td>
+          <td>{{row.f_traffic/1000}}</td>
+        </template>
+      </data-grid>
+    </criteria-paged>
+  </div>
+</template>
+
+<script>
+import { PagedList } from 'vue-client'
+export default {
+  title: '安检员状态',
+  data () {
+    return {
+      model: new PagedList('rs/sql/checkerphonestate', 20, {f_period: 'this.f_period', f_realtime: 'this.f_realtime'}),
+      check_states: [
+        {label: '最后在线', value: '最新'},
+        {label: '分钟状态', value: '分'},
+        {label: '天状态', value: '天'},
+        {label: '月状态', value: '月'}
+      ],
+      f_period: ['最新'],
+      f_realtime: this.toStandardDateString()
+    }
+  },
+  methods: {
+    getstate () {
+      this.model.search()
+    },
+    toStandardDateString () {
+      let dt = new Date()
+      let month = dt.getMonth() + 1
+      let date = dt.getDate()
+      return dt.getFullYear() + '-' + (month < 10 ? '0' + month : month) + '-' + (date < 10 ? '0' + date : date)
+    }
+  },
+  ready () {
+    this.model.f_period = this.f_period[0]
+    this.model.f_realtime = this.f_realtime
+    this.$watch('f_period', function (val) {
+      this.model.f_period = val[0]
+    })
+    this.$watch('f_realtime', function (val) {
+      this.model.f_realtime = val
+    })
+    this.getstate()
+  }
+}
+</script>