apply-clients 7.1.33 → 7.1.36

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

@@ -0,0 +1,265 @@
+<template>
+  <style id="printBuildOrderStyle">
+    td{
+      height: 30px;
+      text-align: center;
+    }
+    table{
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      border: 1px solid black;
+      border-collapse:collapse;
+    }
+    h1,h2,h3,h4,h5,h6 {
+      text-align: center;
+    }
+    .merge-content {
+      text-align: left;
+      vertical-align: top;
+      padding: 10px;
+    }
+    .sign {
+      height: 80px;
+    }
+    .sign_img {
+      width: 80px;
+      transform: rotate(90deg);
+    }
+  </style>
+
+  <div id="printBuildOrder">
+    <h2><span style="letter-spacing: 0px">工程施工通知单</span></h2>
+    <h2><span style="letter-spacing: 0px">工程施工中间验收交工协议书</span></h2>
+    <table border="1" cellspacing="0" cellpadding="0">
+      <tr>
+        <td>用户名称</td>
+        <td colspan="3">{{ selectdata.f_user_name }}</td>
+        <td>报建编号</td>
+        <td>{{ selectdata.f_apply_num }}</td>
+      </tr>
+      <tr>
+        <td>用户单位</td>
+        <td colspan="3">{{ selectdata.f_contact }}</td>
+        <td>用户类型</td>
+        <td>{{ '民用' }}</td>
+      </tr>
+      <tr>
+        <td>详细地址</td>
+        <td colspan="3">{{ selectdata.f_address }}{{ selectdata.f_address_detail }}</td>
+        <td>联系电话</td>
+        <td>{{ selectdata.f_phone }}</td>
+      </tr>
+      <tr>
+        <td>房屋类型</td>
+        <td>{{ '未知' }}</td>
+        <td>缴费时间</td>
+        <td>{{ selectdata.f_charge_date }}</td>
+        <td>设计人员</td>
+        <td>{{ selectdata.f_designer_people }}</td>
+      </tr>
+      <tr>
+        <td>安装户数</td>
+        <td>{{ selectdata.f_install_count }}</td>
+        <td>气表品牌</td>
+        <td>{{ selectdata.f_meter_brand }}</td>
+        <td>气表型号</td>
+        <td>{{ selectdata.f_meter_style }}</td>
+      </tr>
+      <tr>
+        <td>安装单位</td>
+        <td colspan="3">{{ selectdata.f_build_operator }}</td>
+        <td>现场项目负责人</td>
+        <td>{{ selectdata.f_construction_worker }}</td>
+      </tr>
+      <tr>
+        <td>土建单位</td>
+        <td colspan="3">{{ selectdata.f_engineering_operator }}</td>
+        <td>出单时间</td>
+        <td>{{ selectdata.sendtime }}</td>
+      </tr>
+      <tr>
+        <td>检测单位</td>
+        <td colspan="3">{{ selectdata.f_check_operator }}</td>
+        <td></td>
+        <td></td>
+      </tr>
+      <tr>
+        <td>监理单位</td>
+        <td colspan="3">{{ selectdata.f_supervisor_operator }}</td>
+        <td>材料单编号</td>
+        <td>{{ selectdata.f_material_number }}</td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">现场勘察意见：</p>
+          <p style="margin: 0px 0px 10px 0px">{{ selectdata.f_prospecting_result }}</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">合同意见：</p>
+          <p style="margin: 0px 0px 10px 0px">{{ selectdata.f_contract_remarks }}</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">材料计划意见：</p>
+          <p style="margin: 0px 0px 10px 0px">{{ selectdata.f_materials_remarks }}</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">土建工程量：</p>
+          <p style="margin: 0px 0px 10px 0px"></p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">检测工程量：</p>
+          <p style="margin: 0px 0px 10px 0px"></p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">工程要求及其他：</p>
+          <p style="margin: 0px 0px 10px 0px">
+            工程验收合格后方可提交，提交默认已完成各自的相关验收。
+          </p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">备注：</p>
+          <p style="margin: 0px 0px 10px 0px">{{ selectdata.f_apply_remarks }}</p>
+        </td>
+      </tr>
+      <tr>
+        <td rowspan="6" colspan="2">
+          <table style="height: 100%;border: 0" cellspacing="0" cellpadding="0">
+            <tr>
+              <td rowspan="6" style="border-right: 1px solid #000000">
+                各<br/>单<br/>位<br/>会<br/>签
+              </td>
+              <td style="border-bottom: 1px solid #000000">用户/单位</td>
+            </tr>
+            <tr>
+              <td style="border-bottom: 1px solid #000000">用户/单位</td>
+            </tr>
+            <tr>
+              <td style="border-bottom: 1px solid #000000">用户/单位</td>
+            </tr>
+            <tr>
+              <td style="border-bottom: 1px solid #000000">用户/单位</td>
+            </tr>
+            <tr>
+              <td style="border-bottom: 1px solid #000000">用户/单位</td>
+            </tr>
+            <tr>
+              <td>用户/单位</td>
+            </tr>
+          </table>
+
+        </td>
+
+        <td colspan="4" class="sign">
+          <img class="sign_img" :src="selectdata.f_survey_user_sign" alt="">
+        </td>
+      </tr>
+      <tr>
+        <td colspan="4" class="sign">
+          <img class="sign_img" :src="selectdata.f_check_sign" alt="">
+        </td>
+      </tr>
+      <tr>
+        <td colspan="4" class="sign">
+          <img class="sign_img" :src="selectdata.f_build_sign" alt="">
+        </td>
+      </tr>
+      <tr>
+        <td colspan="4" class="sign">
+          <img class="sign_img" :src="selectdata.f_engineering_sign" alt="">
+        </td>
+      </tr>
+      <tr>
+        <td colspan="4" class="sign">
+          <img class="sign_img" :src="selectdata.f_supervisor_sign" alt="">
+        </td>
+      </tr>
+      <tr>
+        <td colspan="4" class="sign">
+          <img class="sign_img" :src="selectdata.f_construct_sign" alt="">
+        </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: {
+  }
+}
+</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>