apply-clients 3.3.43 → 3.3.47

package/src/components/product/VueUtils/HighMeter.vue

@@ -0,0 +1,208 @@
+<template>
+  <modal  :show.sync="show" v-ref:modal backdrop="false">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="show = !show"><span class="glyphicon glyphicon-remove"></span></button>
+      <h4 class="modal-title" style="text-align: center">高拍仪</h4>
+    </header>
+    <article slot="modal-body" class="modal-body form-horizontal">
+      <div class="form-group" v-if="isusetype">
+        <label class="col-sm-2 control-label">文件类型：</label>
+        <div class="col-sm-10">
+          <input-select
+            class="select select_list"
+            :value.sync="fusetype"
+            v-model="fusetype"
+            :options="$appdata.getParam('使用类型')"
+            :valueSingle="true"></input-select>
+        </div>
+      </div>
+      <div class="form-group" v-if="isremark">
+        <label class="col-sm-2 control-label">文件说明：</label>
+        <div class="col-sm-10">
+          <input class="form-control input_view" style=""
+                 v-model="fremarks"
+                 :value="fremarks"/>
+        </div>
+      </div>
+      <div class="form-group">
+        <img id="cam" :src="cameraurl" style="height: 100%;width: 100%">
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-primary" @click="photo()">确认</button>
+    </footer>
+  </modal>
+</template>
+
+<script>
+export default {
+  title: '高拍仪',
+  data () {
+    return {
+      cameraurl: null,
+      fusetype: null,
+      fremarks: null
+    }
+  },
+  props: ['show', 'isusetype', 'isremark'],
+  methods: {
+    // 打开视频
+    cam_switch (capID) {
+      if (capID === 1) {
+        this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=0'
+      }
+      if (capID === 2) {
+        this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=1'
+      }
+    },
+    async photo () {
+      let camidx = 0
+      if (this.cameraurl === 'http://127.0.0.1:38088/video=stream&camidx=0') {
+        camidx = 0
+      } else if (this.cameraurl === 'http://127.0.0.1:38088/video=stream&camidx=1') {
+        camidx = 1
+      } else {
+        this.$showAlert('请先打开视频', 'warning', 2000)
+        return
+      }
+      let param = {
+        camidx: camidx
+      }
+      let res = await this.$resetpost(
+        'http://127.0.0.1:38088/video=grabimage',
+        param,
+        {warnMsg: null, resolveMsg: null}
+      )
+      if (res.data.code != '0') {
+        this.$showAlert(res.data.message, 'warning', 2000)
+        return
+      }
+      this.$dispatch('photo-finish', res.data.photoBase64, this.fusetype, this.fremarks)
+    }
+  },
+  ready () {
+    this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=0'
+  }
+}
+</script>
+
+<style scoped>
+.modal-bk{
+  border-radius:18px 0;
+}
+.header{
+  background-color: #d8e9f3;
+  height: 88px;
+}
+.title{
+  position: absolute;
+  font-family:PingFang-SC-Bold;
+  font-size:36px;
+  color: #666666;
+  margin-top: 32px;
+  margin-left: 300px;
+  margin-bottom: 0px;
+}
+.operation{
+  font-family:PingFang-SC-Medium;
+  font-size: 22px;
+  color:#666666;
+  line-height: 5px;
+}
+.operation-group{
+  margin-left: 36px;
+  margin-top: 20px;
+}
+.photo{
+  font-family: PingFang-SC-Medium;
+  font-size: 20px;
+  color: #ffffff;
+  margin-left: 20px;
+  border-radius: 4px;
+  background-color: #2fadf5;
+  height: 32px;
+  width: 92px;
+  line-height:12px;
+}
+.readIDCard{
+  font-family: PingFang-SC-Medium;
+  font-size: 20px;
+  color: #ffffff;
+  border-radius: 4px;
+  background-color: #2fadf5;
+  margin-left: 20px;
+  width: 120px;
+  height: 32px;
+  line-height: 12px;
+}
+.stop{
+  border-radius: 4px;
+  border: 1px solid #2fadf5;
+  font-family: PingFang-SC-Medium;
+  font-size: 20px;
+  color: #2fadf5;
+  width: 120px;
+  height: 32px;
+  line-height: 12px;
+}
+.showInfo{
+  float: left;
+  width: 640px;
+  display: inline-block;
+  margin-top: 20px;
+  margin-left: 36px;
+}
+#Console{
+  margin-left: 18px;
+  border-radius: 4px;
+  border: 1px solid #b5b5b5;
+  height:300px;
+  width:322px;
+  resize:none;
+  background-color: #f6f6f6;
+}
+.img{
+  height:300px;
+  width:300px;
+  float: left;
+  border-radius: 4px;
+  border: 1px solid #b5b5b5;
+}
+#cam{
+  border-radius: 4px;
+  border:1px solid #b5b5b5;
+  display: inline-block
+}
+.IdCard{
+  height: 950px;
+  width: 692px;
+  display: inline-block;
+  border-radius: 20px;
+  background-color: #fafafa;
+  border: 1px solid #d8f1ff;
+  margin-left: 40px;
+  margin-top: 20px;
+}
+.IdInput{
+  border-radius: 4px;
+  border: 1px solid #939393;
+  width: 400px;
+  height: 38px;
+  margin-left: 20px;
+}
+.IdInputDiv{
+  margin-top: 20px;
+  margin-left: 100px;
+}
+.IdHint{
+  font-family: PingFang-SC-Medium;
+  font-size: 18px;
+  color: #7e7c81;
+}
+#PhotoBuffer,#PhotoDisplay{
+  border-radius: 4px;
+  background-color: #ffffff;
+  border: 1px solid #939393;
+  margin-left: 20px;
+}
+</style>

package/src/components/product/Process/Processes/Print/printBuildOrder.vue

@@ -1,193 +0,0 @@
-<template>
-  <style id="printBuildOrderStyle">
-    td{
-      height: 30px;
-      text-align: center;
-    }
-    table{
-      margin: auto;
-      width: 100%;
-      border-collapse:collapse;
-      border: 1px solid black;
-    }
-    h1,h2,h3,h4,h5,h6 {
-      text-align: center;
-    }
-    .sign {
-      vertical-align: top;
-      padding: 10px;
-    }
-    .material {
-      text-align: left;
-      vertical-align: top;
-      padding: 10px;
-    }
-  </style>
-
-  <div style="margin-bottom: 20px" class="form-group select-overspread">
-    <label class="control-label-justify control-label col-sm-2">打印施工通知单</label>
-    <div class="col-sm-10" >
-      <button class="button_search button_spacing" type="button" style="width: max-content;position: absolute" @click="openModal()">打印</button>
-    </div>
-  </div>
-
-  <modal v-if="showModal" :show.sync="showModal" title="打印预览" v-ref:modal :backdrop="false">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="colseModal()"><span>&times;</span></button>
-      <h4 class="modal-title">打印预览</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div id="printBuildOrder">
-        <h2><span style="letter-spacing: 15px">施工安装通知单</span></h2>
-        <table border="1">
-          <tr>
-            <td>用户姓名</td>
-            <td>{{ selectdata.f_user_name }}</td>
-            <td>报装编号</td>
-            <td>{{ selectdata.f_apply_num }}</td>
-            <td>电&emsp;&emsp;&emsp;&emsp;话</td>
-            <td>{{ selectdata.f_phone }}</td>
-          </tr>
-          <tr>
-            <td>用户地址</td>
-            <td colspan="3">{{ selectdata.f_address }}</td>
-            <td>施工安装时间</td>
-            <td>{{ selectdata.f_construction_date }}</td>
-          </tr>
-          <tr>
-            <td>安装项目</td>
-            <td>{{ selectdata.f_install_project }}</td>
-            <td>通知时间</td>
-            <td>{{ selectdata.sendtime }}</td>
-            <td>施工安装单位</td>
-            <td>{{ selectdata.f_construction_unit }}</td>
-          </tr>
-          <tr>
-            <td>表号</td>
-            <td colspan="2">{{ userfile.f_meternumber }}</td>
-            <td>表封号</td>
-            <td colspan="2">{{ userfile.f_metertitles }}</td>
-          </tr>
-          <tr>
-            <td colspan="6" class="material">
-              <p style="margin: 0px 0px 10px 0px">施工安装情况</p>
-              <p v-for="item in selectdata.onetomany[0].rows" style="width: auto;display: inline-block;margin: 0px 15px 5px 0px">
-                <span style="margin-right: 10px">{{$index + 1}}、{{item.f_material_name}}{{item.f_material_style}}</span>{{item.f_material_number}}{{item.f_material_unit}}
-              </p>
-            </td>
-          </tr>
-          <tr style="height: 80px">
-            <td colspan="2" class="sign">施工安装单位（签字）</td>
-            <td colspan="2" class="sign">工程验收（签字）</td>
-            <td colspan="2" class="sign">用户（签字）</td>
-          </tr>
-          <tr>
-            <td>备&emsp;&emsp;注</td>
-            <td colspan="5">{{ selectdata.f_construction_remarks }}</td>
-          </tr>
-        </table>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer">
-      <button type="button" class="btn btn-primary" @click="print()">打印</button>
-    </footer>
-  </modal>
-
-
-  <print-element v-show="false" v-ref:print id='printBuildOrder' styleid='printBuildOrderStyle'
-                 top='10' left='30' width='100%' height='100%'>
-  </print-element>
-
-</template>
-
-<script>
-import { isEmpty } from '../../../../Util'
-import {HttpResetClass} from "vue-client";
-Date.prototype.Format = function (fmt) {
-  var o = {
-    "M+": this.getMonth() + 1, //月份
-    "d+": this.getDate(), //日
-    "H+": this.getHours(), //小时
-    "m+": this.getMinutes(), //分
-    "s+": this.getSeconds(), //秒
-    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-    "S": this.getMilliseconds() //毫秒
-  };
-  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-  for (var k in o)
-    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-  return fmt;
-}
-export default {
-  title: '施工安装通知单',
-  props: {
-    selectdata: {
-      type: Object
-    },
-    mark: {
-      type: Number,
-      default: 0
-    }
-  },
-  data () {
-    return {
-      showModal: false,
-      userfile: null
-    }
-  },
-  ready () {
-  },
-  methods: {
-    colseModal () {
-      this.showModal = false
-      this.userfile = null
-    },
-    print () {
-      this.$refs.print.PrintTable()
-    },
-    openModal () {
-      this.getUserFiles()
-
-      this.showModal = true
-    },
-    async getUserFiles () {
-      let data = {
-        tablename: 't_userfiles',
-        condition: `f_userinfo_id = '${this.selectdata.f_userinfo_id}'`
-      }
-      let http = new HttpResetClass()
-      let res = await http.load(
-        'POST',
-        `rs/sql/singleTable`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '表具信息查询失败！！！'}
-      )
-
-      this.userfile = res.data[0]
-    },
-  },
-  computed: {
-    orgs () {
-      return this.$login.f.orgs
-    }
-  }
-}
-</script>
-
-<style scoped>
-.control-label-justify {
-  display: inline-block;
-  vertical-align: top;
-  width: 130px;
-  text-align: justify;
-  font-family: PingFang-SC-Bold;
-}
-
-.control-label-justify::after {
-  content: "";
-  display: inline-block;
-  width: 100%;
-  overflow: hidden;
-  height: 0;
-}
-</style>