safecheck-client 3.0.34-1 → 3.0.34-100

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

@@ -0,0 +1,296 @@
+<template>
+  <div class="panel panel-default auto repair-info-content work-badge">
+    <div class="panel-body" style="margin-top: 20px;">
+      <div class="bg-info">
+        <div class="row form-group">
+          <div class="col-xs-12 col-sm-12 col-md-12">
+            <div class="row" style="padding: 10px;">
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <img style="width: 60px;" src="./touxiang.png">
+                </div>
+                <div class="col-xs-8" style="font-size: 20px;margin-top: 20px;">
+                  <p>{{ model[0].f_user_name }}</p>
+                </div>
+              </div>
+              <div class="row app-row" style="margin-top: 10px;">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用户编号</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_userinfo_code }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用户电话</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_user_phone }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用户地址</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_address }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用户状态</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_user_state }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">气表状态</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_table_state }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用气性质</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].uf_gasproperties }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">表&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_meternumber }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">气表品牌</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_meter_brand }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">气价名称</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_price_name }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">上报时间</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ model[0].f_upload_date }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="row" style="text-align: center;background-color: #ffffff;">
+        <label class="font text-left" style="padding: 15px;" @click="showView=0" :style="{'color':showView == 0?'#1890FF':'#a8a4a4'}">安检记录</label>
+        <label class="font text-left" style="padding: 15px;" @click="showView=1" :style="{'color':showView == 1?'#1890FF':'#a8a4a4'}">物联网表上报情况</label>
+      </div>
+      <div style="margin-top: 10px" v-if="showView === 0" class="panel panel-default well" v-for="(idx,row) in model">
+        <div class="bg-info" @click="viewDetails(row)">
+          <div class="row form-group">
+            <div class="col-xs-12 col-sm-12 col-md-12">
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">安检时间</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_offsite_time }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">安检人员</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_checker_name }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">安检状态</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_entry_status }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">安检结果</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_defect_content.includes('正常') ? '正常' : '有隐患' }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">整改内容</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_defect_text || '无' }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div style="margin-top: 10px" v-if="showView === 1" class="panel panel-default well" v-for="(idx,row) in model2">
+        <div class="bg-info">
+          <div class="row form-group">
+            <div class="col-xs-12 col-sm-12 col-md-12">
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用气量</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_oughtamount }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">用气金额</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_oughtfee }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">本期余额</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_curbalance }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">上期余额</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_balance }}</p>
+                </div>
+              </div>
+              <div class="row app-row">
+                <div class="col-xs-3">
+                  <label class="font text-left lable">上报时间</label>
+                </div>
+                <div class="col-xs-8" >
+                  <p>{{ row.f_operate_date }}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '查询用户',
+  data() {
+    return {
+      model: [],
+      showView:0,
+      model2:[],
+      f_safecheck_code: ''
+    }
+  },
+  methods: {
+    viewDetails(row){
+      let pardate = {
+        _this:this,
+        title:'安检信息',
+        safe:false
+      }
+      this.$dispatch('gotoson',pardate)
+      this.$goto('view-details-examples', {item: row, role: 'view'}, 'self')
+    },
+    getmodel() {
+      let http = new HttpResetClass()
+      http.load('POST', `rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: "tcp.*,ui.f_user_state,uf.f_table_state,uf.f_meternumber,uf.f_gasproperties as uf_gasproperties,ts.f_price_name,tg.f_meter_brand,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 ' +
+            'left join t_userinfo ui on ui.f_userinfo_id = tcp.f_userinfoid and ui.f_user_state != \'无效\'' +
+            'left join t_userfiles uf on ui.f_userinfo_id = uf.f_userinfo_id and uf.f_table_state in (\'正常\',\'停用\')' +
+            'left join t_stairprice ts on uf.f_price_id = ts.id ' +
+            'left join t_gasbrand tg on tg.id = uf.f_gasbrand_id',
+          condition: `tqr.f_safecheck_code  = '${this.f_safecheck_code}'`,
+          orderitem: 'tcp.f_offsite_time desc'
+        }
+      },{resolveMsg: null,rejectMsg: null}).then((res) => {
+        this.model = res.data
+      })
+    },
+    getmodel2() {
+      let http = new HttpResetClass()
+      http.load('POST', `rs/sql/tel_singleTable_OrderBy`, {
+        data: {
+          items: "wh.*",
+          tablename: 't_qr_code tqr left join t_handplan wh on wh.f_userinfo_code = tqr.f_userinfo_id',
+          condition: `tqr.f_safecheck_code = '${this.f_safecheck_code}' and wh.id is not null and wh.f_operate_date >= DATEADD(MONTH, -1, GETDATE())`,
+          orderitem: 'wh.id desc'
+        }
+      },{resolveMsg: null,rejectMsg: null}).then((res) => {
+        this.model2 = res.data
+      })
+    },
+  },
+  ready() {
+    let url = window.location.href
+    if (url.includes('id')){
+      const urlObj = new URL(url);
+      this.f_safecheck_code = urlObj.searchParams.get('id')
+      this.getmodel()
+      this.getmodel2()
+    }else {
+      this.getmodel()
+      this.getmodel2()
+    }
+  }
+}
+</script>
+<style scoped>
+.panel-default {
+}
+
+.well {
+  background-color: #ffffff;
+}
+
+.bg-info {
+  background-color: #ffffff;
+}
+
+.form-group {
+  margin-top: 10px;
+}
+
+.work-badge{
+  background-image: url('./410.png');
+  background-repeat: no-repeat;
+}
+
+.lable{
+  color: #a8a4a4;
+}
+</style>

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

@@ -0,0 +1,137 @@
+<template>
+  <div class="work-badge" style="height: 100%">
+    <div class="badge-top" style="height: 15%">
+      <div class="badge-number">NO.{{ f_head_code }}</div>
+    </div>
+    <div class="badge-middle" style="height: 75%">
+      <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_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>
+.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: 20px;
+}
+
+.badge-image {
+  border: 3px solid #fcfcfc;
+  width: 300px;
+  border-radius: 15px;
+}
+
+.badge-number {
+  font-size: 24px;
+  float: left;
+  text-align: left;
+  font-weight: bold;
+}
+
+.badge-middle {
+  text-align: center;
+  margin-bottom: 20px;
+}
+
+.name {
+  font-size: 65px;
+  font-weight: bold;
+  margin-bottom: 10px;
+  margin-top: 50px;
+}
+
+.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>