apply-clients 3.3.68 → 3.3.71-2

package/src/components/product/Print/IgnitionBill/printIgnitionBill.vue

@@ -0,0 +1,168 @@
+<template>
+  <style id="printIgnitionBillStyle">
+    td{
+      height: 30px;
+      text-align: center;
+      width: 100px;
+    }
+    .sign {
+      text-align: left
+    }
+    table{
+      margin: auto;
+      width: 100%;
+      border-collapse:collapse;
+      border: 1px solid black;
+    }
+    h1,h2,h3,h4,h5,h6 {
+      text-align: center;
+    }
+    .material {
+      text-align: left;
+      vertical-align: top;
+      padding: 10px;
+    }
+  </style>
+
+  <div id="printIgnitionBill">
+    <h2><span style="letter-spacing: 15px">用户服务中心点火通知</span></h2>
+    <table border="1">
+      <tr>
+        <td>用户姓名</td>
+        <td colspan="3">{{ selectdata.f_user_name }}</td>
+        <td>电&emsp;&emsp;&emsp;&emsp;话</td>
+        <td colspan="2">{{ selectdata.f_phone }}</td>
+      </tr>
+      <tr>
+        <td>用户地址</td>
+        <td colspan="6">{{ selectdata.f_address }}</td>
+      </tr>
+      <tr>
+        <td>计量表品牌/规格</td>
+        <td colspan="3">{{ selectdata.f_meter_style }}</td>
+        <td>进气方向</td>
+        <td>&emsp;&emsp;左&emsp;&emsp;</td>
+        <td>&emsp;&emsp;右&emsp;&emsp;</td>
+      </tr>
+      <tr>
+        <td>表缸号</td>
+        <td>{{ selectdata.f_meternumber }}</td>
+        <td>防盗卡号</td>
+        <td>{{ selectdata.f_metertitles }}</td>
+        <td>用户编号</td>
+        <td colspan="2">{{ selectdata.f_userinfo_code }}</td>
+      </tr>
+      <tr>
+        <td>气表底数</td>
+        <td>{{ f_meter_base }}</td>
+        <td>点火时间</td>
+        <td colspan="2">{{ selectdata.finishtime }}</td>
+        <td>派工时间</td>
+        <td>{{ selectdata.finishtime1 }}</td>
+      </tr>
+      <tr>
+        <td>
+          <p>点火情况</p>
+          <p>(气密性检查)</p>
+          </td>
+        <td colspan="6" class="material">
+          <p>客户如认可以下内容请签名，如有不认可之处请说明情况</p>
+          <p> 1、气密性检测合格，已对各接口处进行查漏无泄漏</p>
+          <p> 2、燃气表运转正常，灶具点火测试正常，使用金属波纹管</p>
+          <p> 3、已向用户讲解安全常识及注意事项 ，发放《用户使用手册》并张贴提示标签</p>
+          <p> 4、灶具品牌： ______________________ &nbsp;&nbsp;&nbsp;油烟机品牌： ____________________</p>
+          <p> 5、热水器品牌： ____________________ &nbsp;&nbsp;&nbsp;壁挂炉品牌： _____________________</p>
+          <p> 6、金属波纹管品牌：___________________</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="2" rowspan="2" class="sign">用户签字&emsp;&emsp;&emsp;&emsp;</td>
+        <td>收费金额</td>
+        <td colspan="2">{{ selectdata.f_charge_money }}</td>
+        <td>点火人</td>
+        <td>{{ selectdata.f_igniter_people }}</td>
+      </tr>
+      <tr>
+        <td>收费内容</td>
+        <td colspan="2">{{ selectdata.f_payment_term }}</td>
+        <td>审核</td>
+        <td></td>
+      </tr>
+    </table>
+  </div>
+
+  <print-element v-show="false" v-ref:print id='printIgnitionBill' styleid='printIgnitionBillStyle'
+                 top='10' left='30' width='100%' height='100%' :type="type">
+  </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
+      },
+      type: {
+        type: String
+      }
+    },
+    data () {
+      return {
+        showModal: false,
+        userfile: null
+      }
+    },
+    ready () {
+    },
+    methods: {
+      print () {
+        this.$refs.print.PrintTable()
+      }
+    },
+    computed: {
+      parse () {
+        return JSON.parse(this.selectdata.f_install_project).toString()
+      },
+      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>