apply-clients 3.4.50 → 3.4.52

package/src/components/product/Print/BuildOrder/printBuildOrder.vue

@@ -1,157 +1,157 @@
-<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 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>{{ parse }}</td>
-        <td>通知时间</td>
-        <td>{{ selectdata.sendtime }}</td>
-        <td>施工安装单位</td>
-        <td>{{ selectdata.f_construction_unit }}</td>
-      </tr>
-      <tr>
-        <td>表号</td>
-        <td colspan="2">{{ selectdata.f_meternumber }}</td>
-        <td>表封号</td>
-        <td colspan="2">{{ selectdata.f_metertitles }}</td>
-      </tr>
-      <tr>
-        <td colspan="6" class="material">
-          <p style="margin: 0px 0px 10px 0px">施工安装情况</p>
-          <p style="margin: 0px 0px 10px 0px">{{ selectdata.f_material }}</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">用户（签字）：<img src='{{selectdata.f_downloadpath}}' style="width: 90px ;height: 70px"></td>
-      </tr>
-      <tr>
-        <td>备&emsp;&emsp;注</td>
-        <td colspan="5">{{ selectdata.f_construction_remarks }}</td>
-      </tr>
-      <tr>
-        <td>报建备注</td>
-        <td colspan="5">{{ selectdata.f_apply_remarks }}</td>
-      </tr>
-    </table>
-  </div>
-
-  <print-element v-show="false" v-ref:print id='printBuildOrder' styleid='printBuildOrderStyle'
-                 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>
+<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 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>{{ parse }}</td>
+        <td>通知时间</td>
+        <td>{{ selectdata.sendtime }}</td>
+        <td>施工安装单位</td>
+        <td>{{ selectdata.f_construction_unit }}</td>
+      </tr>
+      <tr>
+        <td>表号</td>
+        <td colspan="2">{{ selectdata.f_meternumber }}</td>
+        <td>表封号</td>
+        <td colspan="2">{{ selectdata.f_metertitles }}</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="material">
+          <p style="margin: 0px 0px 10px 0px">施工安装情况</p>
+          <p style="margin: 0px 0px 10px 0px">{{ selectdata.f_material }}</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">用户（签字）：<img src='{{selectdata.f_downloadpath}}' style="width: 90px ;height: 70px"></td>
+      </tr>
+      <tr>
+        <td>备&emsp;&emsp;注</td>
+        <td colspan="5">{{ selectdata.f_construction_remarks }}</td>
+      </tr>
+      <tr>
+        <td>报建备注</td>
+        <td colspan="5">{{ selectdata.f_apply_remarks }}</td>
+      </tr>
+    </table>
+  </div>
+
+  <print-element v-show="false" v-ref:print id='printBuildOrder' styleid='printBuildOrderStyle'
+                 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>