apply-clients 7.1.37 → 7.1.40

package/src/components/android/AppSign.vue

@@ -0,0 +1,219 @@
+<template>
+  <div class="panel">
+    <div class="panel-body panel-self" style="background-color: #F8F8F8;">
+      <div class="row form-group" style="height: 240px;overflow: scroll;">
+        <img :src="f_sign_path" width="100%" height="100%" />
+      </div>
+      <div class="row text-right form-group">
+        <button class="btn" style="background-color: #f1e404;border-radius: 5px;margin-right: 10px" @click="clean" v-if="isclean">清除</button>
+        <button class="btn" style="background-color: #7dc1f4;border-radius: 5px;margin-right: 10px" @click="sign" v-if="issign && defname !== '现场勘察'">签名</button>
+        <button class="btn" style="background-color: #7dc1f4;border-radius: 5px;margin-right: 10px" @click="show_notification" v-if="issign && defname === '现场勘察'">签名</button>
+      </div>
+    </div>
+    <modal v-if="notification" :show.sync="notification" v-ref:modal :large="true" :backdrop="false">
+      <article slot="modal-body" class="modal-body clearfix">
+        <!-- 基本信息 -->
+        <div class="form-group col-xs-12 panel panel-info">
+          <div class="panel-heading head col-xs-12" style="background-color: #e8f4ff;margin-bottom: 10px">
+            <div class="col-xs-6 text-left">用户需知</div>
+          </div>
+          <div class="form-group row">
+            <div class="col-xs-12">
+              <textarea rows="34" cols="33" readonly=true v-if="selectdata.f_apply_type === '民用报建'">
+
+                民用设计后用户签字内容：
+                    我单位/本人自愿委托贵公司作为一体化服务单位,组织实施我单位/本人所属天然气设施建设工程，包括天然气设施建设工程勘察、设计、施工、监理、竣工验收和材料供应等相关事宜。
+                    安装天然气若遇邻居阻挡时由我单位/本人协调解决，否则不予勘设安装。我单位/本人签字后即认为同意。
+                    设计员已向我单位/本人说明安装位置及条件，后期不得自行变更。
+                    温馨提示：根据《中华人民共和国安全生产法》第二章三十六条、《陕西省燃气管理条例》第四章第三十二条，非居民燃气用户应当安装使用燃气泄露报警器、安全自动切断装置和防暴照明灯。由用户自行购买，并在工程安装完成后通气前调试完成。
+
+              </textarea>
+              <textarea rows="10" cols="33" readonly=true v-if="selectdata.f_apply_type === '非民用报建'">
+
+                非民用设计后用户签字内容：
+                    我单位/本人自愿委托贵公司作为一体化服务单位,组织实施我单位/本人所属天然气设施建设工程，包括天然气设施建设工程勘察、设计、施工、监理、竣工验收和材料供应等相关事宜。
+                    安装天然气若遇邻居阻挡时由我单位/本人协调解决，否则不予勘设安装。我单位/本人签字后即认为同意。
+                    设计员已向我单位/本人说明安装位置及条件，后期不得自行变更。
+                    温馨提示：根据《中华人民共和国安全生产法》第二章三十六条、《陕西省燃气管理条例》第四章第三十二条，非居民燃气用户应当安装使用燃气泄露报警器、安全自动切断装置和防暴照明灯。由用户自行购买，并在工程安装完成后通气前调试完成。
+
+              </textarea>
+            </div>
+          </div>
+          <div class="row text-right form-group">
+            <button class="btn" style="background-color: #7dc1f4;border-radius: 5px;margin-right: 10px" @click="close_notification" >确认</button>
+          </div>
+        </div>
+      </article>
+      <footer slot="modal-footer" class="modal-footer">
+        <template>
+
+        </template>
+      </footer>
+    </modal>
+  </div>
+</template>
+<script>
+import {getNowDate, guid, isEmpty} from '../Util'
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+import QRCode from 'qrcodejs2'
+import Vue from "vue";
+
+export default {
+  title: '签字',
+  props: ['blobid', 'defname', 'type', 'filePath', 'isclean', 'issign','selectdata'],
+  data () {
+    return {
+      f_sign_path: null,
+      fileName: null,
+      imgid: null,
+      notification: false
+    }
+  },
+  ready () {
+    this.getFiles()
+    this.f_sign_path = this.filePath
+  },
+  methods: {
+    clean () {
+      this.f_sign_path = null
+      this.fileName = null
+      this.$emit('sign-clean')
+      this.delfile(this.imgid)
+    },
+    delfile(file) {
+      this.f_sign_path = null
+      this.fileName = null
+      this.$emit('sign-clean')
+      this.$resetdelete(`${this.$androidUtil.getProxyUrl()}/rs/entity/t_files`, {id: file}, {
+        resolveMsg: '删除成功',
+        rejectMsg: '删除失败'
+      }).then((res) => {
+        this.$dispatch("delResid", file)
+      })
+    },
+    show_notification() {
+      this.notification = true
+    },
+    close_notification() {
+      this.notification = false
+      this.sign()
+    },
+    sign () {
+      this.delAudioFile(this.f_sign_path)
+      this.fileName = guid() + '.jpg'
+      HostApp.__callback__ = this.signCallback
+      HostApp.__this__ = this
+      HostApp.getSignature({
+        file: this.fileName,
+        requestCode: 111,
+        callback: 'javascript:HostApp.__callback__("f_sign_path", "%s");'
+      })
+    },
+    // 签名回调
+    signCallback (prop, signPath) {
+      console.log('==============签字回调============')
+      console.log(signPath)
+      HostApp.__this__.$set(prop, signPath)
+      console.log(HostApp.__this__.f_sign_path)
+
+      HostApp.__this__.uploadFile()
+
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    },
+    uploadFile () {
+      console.log('===================签字文件上传==============')
+      let data = {
+        blodid: HostApp.__this__.blobid,
+        type: HostApp.__this__.type,
+        defname: HostApp.__this__.defname,
+        username: Vue.user.name,
+        fremarks: '报装手机签字文件',
+        fileName: HostApp.__this__.fileName,
+        fileUrl: HostApp.__this__.f_sign_path,
+      }
+
+      console.log('-----------bzLogic-----------------')
+      console.log(JSON.stringify(data))
+      let res = HostApp.bzLogic({
+        'logic': 'appFileUpload',
+        'data': data
+      })
+      console.log('===============上传回调=================')
+      console.log(JSON.stringify(res))
+      this.imgid = res.id
+      HostApp.__this__.getFiles(res.id)
+    },
+    async getFiles (fileid) {
+      console.log("cess",this.selectdata.f_apply_type)
+      let http = new HttpResetClass()
+      let data
+      if (fileid && this.defname.includes('签字')) {
+        console.log('=========签字回调===============')
+        data = {
+          tablename: 't_files',
+          condition: `id = '${fileid}'`
+        }
+      } else {
+        console.log('=========签字查看===============')
+        data = {
+          tablename: 't_files',
+          condition: `f_blobid = '${this.blobid}' and fremarks = '报装手机签字文件' and defname = '${this.defname}' order by f_uploaddate desc `
+        }
+      }
+      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/applySingleTable`, {data: data}, {
+        // let res = await http.load('POST', `rs/sql/applySingleTable`, {data: data}, {
+        warnMsg: null,
+        resolveMsg: null
+      })
+
+      console.log('=========查询回调===============')
+      let fileUrl = `${this.$androidUtil.getProxyUrl()}/${res.data[0].f_downloadpath.substring(res.data[0].f_downloadpath.lastIndexOf(":\\") + 2)}`
+      console.log(fileUrl)
+      // HostApp.__this__.$set('f_sign_path', fileUrl)
+      // HostApp.__this__.f_sign_path = fileUrl
+      this.f_sign_path = fileUrl
+      this.imgid = res.data[0].id
+      this.$emit('sign-success', fileUrl)
+    },
+    delAudioFile (signPath) {
+      if (!signPath) {
+        return
+      }
+      HostApp.delfile(signPath)
+      this.f_sign_path = null
+      this.fileName = null
+    }
+  },
+  events: {
+  },
+  computed: {
+  },
+  watch: {
+  }
+}
+</script>
+<style scoped lang="less">
+.qrcode {
+  display: inline-block !important;
+  margin: 10px 0px;
+}
+.panel-self{
+  border-radius: 10px;
+  border:1px solid #499EDF;
+  background-color: #F8F8F8;
+}
+.vertical-center {
+  display: flex;
+  align-items: center;
+  text-align: center;
+}
+/*清除model中的浮动*/
+.clearfix:after,.clearfix:before{
+  display: table;
+}
+.clearfix:after{
+  clear: both;
+}
+</style>

package/src/components/android/AppTakePic.vue

@@ -0,0 +1,142 @@
+<template>
+  <div class="panel">
+    <div class="panel-body panel-self" style="background-color: #F8F8F8;">
+      <div class="row form-group" style="height: 240px;overflow: scroll;">
+        <div class="col-xs-4 col-sm-3 col-md-2 col-xs-offset-1 col-sm-offset-1 col-md-offset-1" v-for="(index,file) in fileList">
+          <img-self :src="file.f_downloadURL" :width="120" :height="170"></img-self>
+          <img v-if="isdelete" src="../../../src/assets/删除.png" style="width: 15px;margin-top: -80px" @click.prevent="delfile(file, index)">
+        </div>
+      </div>
+      <div class="row text-right form-group" v-if="istakepic">
+        <v-select
+          class="fileType"
+          placeholder="请选择使用类型"
+          v-if="istype"
+          :search="false"
+          close-on-select
+          value-single
+          :options="typeList"
+          v-model="type"
+          :value.sync="type"
+        ></v-select>
+        <button class="btn" style="background-color: #7dc1f4;border-radius: 5px;margin-right: 10px" @click.prevent="takePic(type)">拍照</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import {guid, toStandardTimeString} from '../Util'
+import Vue from 'vue'
+export default {
+  title: '附件',
+  props: ['blobid', 'type', 'defname', 'istype', 'typelabel', 'isdelete', 'istakepic'],
+  data () {
+    return {
+      fileList: []
+    }
+  },
+  ready () {
+    this.getFiles()
+  },
+  methods: {
+    async getFiles () {
+      console.log('----------------开始查询图片----------------')
+      this.fileList = []
+
+      let http = new HttpResetClass()
+
+      let data = {
+        tablename: 't_files',
+        condition: `f_blobid = '${this.blobid}' and fremarks = '手机拍照' order by f_uploaddate desc `
+      }
+      let res = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/applySingleTable`, {data: data}, {
+        // let res = await http.load('POST', `rs/sql/applySingleTable`, {data: data}, {
+        warnMsg: null,
+        resolveMsg: null
+      })
+
+      for (var i = 0; i < res.data.length; i++) {
+        console.log('-----------地址----------------',`${this.$androidUtil.getProxyUrl()}/${res.data[i].f_downloadpath.substring(res.data[i].f_downloadpath.lastIndexOf(":\\") + 2)}`)
+        res.data[i].f_downloadURL = `${this.$androidUtil.getProxyUrl()}/${res.data[i].f_downloadpath.substring(res.data[i].f_downloadpath.lastIndexOf(":\\") + 2)}`
+      }
+
+      this.fileList = res.data
+    },
+    delfile (file, index) {
+      this.$resetdelete(`${this.$androidUtil.getProxyUrl()}/rs/entity/t_files`, {id: file.id}, {resolveMsg: '删除成功', rejectMsg: '删除失败'}).then((res) => {
+        this.$dispatch("delResid", file.id)
+        this.getFiles()
+      })
+    },
+    takePic (title) {
+      // 拍照成功回调
+      HostApp.__callback__ = this.cameraCallBack
+      HostApp.__this__ = this
+      let fileName = guid() + '.jpg'
+      // 打开相机
+      HostApp._open_a_page({
+        type: 'boomerang',
+        page: 'com.aofeng.hybrid.android.peripheral.CameraActivity',
+        param: {
+          file: fileName,
+          requestCode: 200,
+          callback: 'javascript:HostApp.__callback__("' + fileName + '", "%s");',
+          watermark: title + '\t时间：' + toStandardTimeString() + '\t' + Vue.user.name  // 水印
+        }
+      })
+    },
+    cameraCallBack (fileName, fileUrl) {
+      console.log('-----------cameraCallBack-----------------')
+
+      let data = {
+        blodid: HostApp.__this__.blobid,
+        type: HostApp.__this__.type,
+        defname: HostApp.__this__.defname,
+        username: Vue.user.name,
+        fremarks: '手机拍照',
+        fileName: fileName,
+        fileUrl: fileUrl
+      }
+
+      console.log('-----------bzLogic-----------------')
+      HostApp.bzLogic({
+        'logic': 'appFileUpload',
+        'data': data
+      })
+
+      console.log('----------------开始回调查询-------------------')
+      HostApp.__this__.getFiles()
+      console.log('----------------查询回调结束-------------------')
+
+      HostApp.__callback__ = null
+      HostApp.__this__ = null
+    }
+  },
+  computed: {
+    typeList () {
+      if (this.typelabel) {
+        return this.$appdata.getParam(this.typelabel)
+      }
+      return this.$appdata.getParam('使用类型')
+    }
+  },
+  events: {
+  }
+}
+</script>
+
+<style lang="less">
+.fileType {
+  float: left;
+  .select-style {
+    background: #f8f8f8;
+    border: 0px;
+  }
+  input {
+    border-left: none;
+    width: 100%;
+  }
+}
+</style>

package/src/components/android/AppUpload.vue

@@ -0,0 +1,232 @@
+<template>
+  <div class="col-sm-12 col-xs-12" style="background-color: #FFFFFF">
+    <div class="col-sm-12 col-xs-12" style="padding:50px 100px;height: 25%">
+      <div class="col-sm-6 col-xs-6" v-if="issearch">
+        <v-select
+          class="select select_list"
+          :value.sync="useType"
+          width="90%"
+          v-model="useType"
+          :options='typeOfUse'
+          :valueSingle="true"></v-select>
+      </div>
+      <div class="col-sm-6 col-xs-6 " style="text-align: center" v-if="issearch">
+        <button type="button" class="btn btn-primary item_btn" @click="load">搜索</button>
+      </div>
+    </div>
+    <hr style="width: 90%;margin: 0px auto;border: #999999 1px solid;"/>
+    <div class="col-sm-12 col-xs-12" style="overflow: scroll;height: 75%">
+      <div class="col-sm-12 col-xs-12 showData" v-for="row in fileInfoData">
+        <div class="col-sm-12 col-xs-12 item"  v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'">
+          <div class="left col-sm-12 col-xs-12">
+            <a href="#" class="thumbnail" style="width: 100%;height: 100%">
+              <img-self
+                v-if="row.f_filetype === 'jpg'||row.f_filetype === 'png'||row.f_filetype === 'gif'||row.f_filetype === 'bmp'"
+                :src="row.f_downloadURL" alt="..." :width="120" :height="170"></img-self>
+              <img v-if="row.f_filetype === 'pdf'" src="../image/pdf.jpg" alt=""/>
+              <img v-if="row.f_filetype === 'xls'||row.f_filetype === 'xlsx'" src="../image/excel.jpg" alt=""/>
+              <img v-if="row.f_filetype === 'doc'||row.f_filetype === 'docx'" src="../image/doc.jpg" alt=""/>
+            </a>
+          </div>
+        </div>
+        <div class="col-sm-12 col-xs-12 item" v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'">
+          <div class="left col-sm-12 col-xs-12">
+            <p :title="row.f_filename" class="clears"><strong>文件名：</strong>{{ row.f_filename }}</p>
+            <p :title="row.f_username" class="clears"><strong>操作员：</strong><span>{{ row.f_username }}</span></p>
+            <p :title="row.fusetype" class="clears"><strong>使用类型：</strong><span>{{ row.fusetype }}</span></p>
+            <p :title="row.f_uploaddate" class="clears"><strong>上传时间：</strong><span>{{ row.f_uploaddate }}</span></p>
+            <p :title="row.fremarks" class="clears"><strong>文件说明：</strong>{{ row.fremarks }}</p>
+            <p class="clears">
+              <a
+                v-if="row.f_filetype === 'jpg' || row.f_filetype==='png' || row.f_filetype==='gif' || row.f_filetype==='bmp'"></a>
+              <button v-else @click="downloadfile(row.f_downloadURL)" style="background:#6aa6e2" class="btn btn-primary"
+                      role="button" :href="row.f_downloadURL" download>下载
+              </button>
+              <!--              <a v-if="isdelete" @click="delet($index, row)" href="#" class="btn btn-default" role="button" role="button">删除</a>-->
+            </p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {HttpResetClass} from 'vue-client'
+import {isEmpty} from "../Util";
+import Vue from "vue";
+
+export default {
+  title: '附件',
+  props: ['blodid', 'businessid', 'isremark', 'isusetype', 'takeimg', 'defname', 'isupload', 'isdelete', 'bootstraped', 'issearch'],
+  data() {
+    return {
+      fileInfoData: [], // 数据库存储的文件记录对象数组
+      // 调用rs/file/uploadFile 的参数
+      headers: {
+        'username': Vue.user.name,
+        // 'username': this.$login.f.name,
+        'blodid': '',
+        'businessid': '',
+        'fremarks': '',
+        'defname': '',
+        'fusetype': ''
+      }, // 调用rs/file/uploadFile 的参数
+      showUpload: false, // 上传模态框控制
+      showhighmeter: false, // 高拍仪组件控制
+      useType: null
+    }
+  },
+  ready() {
+    this.headers.blodid = this.blodid
+    this.headers.businessid = this.businessid
+    this.headers.defname = this.defname
+    if (this.blodid || this.businessid) {
+      this.load()
+    }
+  },
+  methods: {
+    delet(index, row) {
+      // this.$resetdelete(`rs/entity/t_files`, {id: row.id}, {
+      this.$resetdelete(`${this.$androidUtil.getProxyUrl()}/rs/entity/t_files`, {id: row.id}, {
+        resolveMsg: '删除成功',
+        rejectMsg: '删除失败'
+      }).then((res) => {
+        this.$dispatch("delResid", row.id)
+        this.load()
+      })
+    },
+    // 下载
+    // downloadfile(filepath){
+    //
+    //   var link = document.createElement('a');
+    //   link.href = filepath;
+    //   link.target='_blank'
+    //   link.dispatchEvent(new MouseEvent('click'));
+    // },
+    downloadfile(filepath) {
+      let myFrame = document.createElement('iframe')
+      myFrame.src = filepath
+      myFrame.style.display = 'none'
+      document.body.appendChild(myFrame)
+      window.open(filepath)
+      // let form = document.getElementById('downloadForm')
+      // if (!form) {
+      //   form = document.createElement('form')
+      //   form.setAttribute('id', 'downloadForm')
+      //   document.getElementsByTagName('body')[0].appendChild(form)
+      // }
+      // form.action = filepath
+      // form.submit()
+
+    },
+    // 关闭文件上传对话框
+    close() {
+      this.showUpload = false
+      this.showhighmeter = false
+      // 将选的文件清空
+      this.$refs.file.$el.querySelector('input').value = ''
+      this.headers.fusetype = ''
+      this.headers.fremarks = ''
+      this.load()
+    },
+    // 查询
+    async load() {
+      let condition = ''
+      if (this.businessid) {
+        condition = `f_businessid= '${this.headers.businessid}' `
+      } else {
+        condition = `f_blobid= '${this.headers.blodid}' `
+      }
+      if (!isEmpty(this.useType)) {
+        condition += `and fusetype like '${this.useType}'`
+      }
+      let http = new HttpResetClass()
+      let data = {
+        tablename: 't_files',
+        condition: condition + ` order by f_uploaddate desc `
+      }
+      // let getFile = await http.load('POST', `rs/sql/applySingleTable`, {data: data}, {
+      let getFile = await http.load('POST', `${this.$androidUtil.getProxyUrl()}/rs/sql/applySingleTable`, {data: data}, {
+        warnMsg: null,
+        resolveMsg: null
+      })
+
+      for (var i = 0; i < getFile.data.length; i++) {
+        // 如果使用类型包含导入字样,则是execl文件导入的,不做显示
+        if (getFile.data[i].fusetype && (getFile.data[i].fusetype.includes('execl导入'))) {
+          getFile.data.splice(i, 1)
+          i--
+          continue
+        }
+        let temp = getFile.data[i].f_downloadpath
+        let URL = temp.substring(temp.lastIndexOf(":\\") + 2)
+        getFile.data[i].f_downloadURL = `${this.$androidUtil.getProxyUrl()}/${URL}`
+        // getFile.data[i].f_downloadURL = "http://61.134.61.238:8400" + "/" + URL
+
+      }
+      this.fileInfoData = []
+      this.fileInfoData = getFile.data
+    }
+
+  },
+  computed: {
+    typeOfUse() {
+      return [{label: '全部', value: ''}, ...this.$appdata.getParam('使用类型')]
+    }
+  },
+  events: {
+    onFileUpload: function (file, res) {
+      this.$dispatch("resid", res.id)
+      this.headers.fremarks = ''
+      this.close()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.clears {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.showData {
+  padding: 15px 10px 0px 10px;
+  box-sizing: border-box;
+  height: 500px;
+  font-family: "微软雅黑";
+}
+
+.showData .item {
+  padding-bottom: 10px;
+  height: 230px;
+  border-bottom: solid 1px #c1c1c1;
+}
+
+.left {
+  padding-right: 10px;
+}
+
+.left img {
+  height: 100%;
+  width: 100%;
+}
+
+.right {
+  height: 100%;
+  /*display: -webkit-flex;*/
+  /*display: flex;*/
+  /*flex-direction: column;*/
+  /*justify-content: space-around;*/
+}
+
+.item_btn {
+  width: 80%;
+  background-color: #6aa6e2;
+  border-radius: 4px;
+  color: #FFFFFF;
+  font-family: PingFang;
+}
+</style>