apply-clients 7.1.35 → 7.1.36-1

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

@@ -0,0 +1,252 @@
+<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: 60px;
+      transform: rotate(0deg);
+    }
+    .replace_img{
+      width: 60px;
+      transform: rotate(0deg);
+    }
+  </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_apply_nature }}{{ selectdata.f_user_name }}{{ selectdata.f_apply_num }}</td>
+        <td >合同编号</td>
+        <td >{{ selectdata.f_entrust_contract_number }}</td>
+      </tr>
+      <tr>
+        <td >安装单位</td>
+        <td colspan="3">{{ selectdata.f_construction_name }}</td>
+        <td >现场项目负责人</td>
+        <td >{{ selectdata.f_construct_operator }}</td>
+      </tr>
+      <tr>
+        <td >设计人员</td>
+        <td >{{ selectdata.f_designer_people }}</td>
+        <td >出单时间</td>
+        <td >{{ selectdata.f_release_date }}</td>
+        <td >缴费时间</td>
+        <td >{{ selectdata.f_charge_date }}</td>
+      </tr>
+      <tr>
+        <td>详细地址</td>
+        <td colspan="3">{{ selectdata.f_address }}{{ selectdata.f_address_detail }}</td>
+        <td>安装户数</td>
+        <td>{{ selectdata.f_install_count }}</td>
+      </tr>
+      <tr>
+        <td>联系人</td>
+        <td>{{ selectdata.f_contact  }}</td>
+        <td>联系电话</td>
+        <td>{{ selectdata.f_phone }}</td>
+        <td>房屋类型</td>
+        <td>{{ '       ' }}</td>
+      </tr>
+      <tr>
+        <td>材料备注</td>
+        <td colspan="3">{{ selectdata.f_materials_remarks }}</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 30px 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 30px 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_install_count }}户天然气管道安装工程，{{ selectdata.userfile }},{{ selectdata.device ? selectdata.device : '无设备' }},现场负责人：{{ selectdata.f_construct_operator }}。
+            （备注：{{ remark }}。）
+          </p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">工程要求及其他：</p>
+          <p style="margin: 0px 0px 30px 0px">
+            工程验收合格后方可提交，提交默认已完成各自的相关验收。
+          </p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="6" class="merge-content">
+          <p style="margin: 0px 0px 10px 0px">工程完成情况及验收意见：</p>
+          <p style="margin: 0px 0px 30px 0px"></p>
+        </td>
+      </tr>
+      <table border="1" cellspacing="0" cellpadding="0">
+      <tr>
+        <td colspan="2" class="merge-content">
+          安装单位
+        </td>
+        <td colspan="2" class="merge-content">
+          建设单位
+        </td>
+        <td colspan="2" class="merge-content">
+          监理单位
+        </td>
+        <td colspan="2" class="merge-content">
+          土建单位
+        </td>
+        <td colspan="2" class="merge-content">
+          检测单位
+        </td>
+        <td colspan="2" class="merge-content">
+          用户签字
+        </td>
+      </tr>
+      <tr>
+          <td colspan="2" class="sign">
+            <img class="sign_img" v-if="selectdata.f_build_sign" :src="selectdata.f_build_sign" alt="">
+            <img class="replace_img" v-else src="../img/R-C.jpg" alt="">
+          </td>
+
+          <td colspan="2" class="sign">
+            <img class="sign_img" v-if="selectdata.f_construct_sign" :src="selectdata.f_construct_sign" alt="">
+            <img class="replace_img" v-else src="../img/R-C.jpg" alt="">
+          </td>
+
+          <td colspan="2" class="sign">
+            <img class="sign_img" v-if="selectdata.f_supervisor_sign" :src="selectdata.f_supervisor_sign" alt="">
+            <img class="replace_img" v-else src="../img/R-C.jpg" alt="">
+          </td>
+
+          <td colspan="2" class="sign">
+            <img class="sign_img" v-if="selectdata.f_engineering_sign" :src="selectdata.f_engineering_sign" alt="">
+            <img class="replace_img" v-else src="../img/R-C.jpg" alt="">
+          </td>
+
+          <td colspan="2" class="sign">
+            <img class="sign_img" v-if="selectdata.f_check_sign" :src="selectdata.f_check_sign" alt="">
+            <img class="replace_img" v-else src="../img/R-C.jpg" alt="">
+          </td>
+
+          <td colspan="2" class="sign">
+            <img class="sign_img" v-if="selectdata.f_construction_sign"  :src="selectdata.f_construction_sign" alt="">
+            <img class="replace_img" v-else src="../img/R-C.jpg" alt="">
+          </td>
+        </tr>
+      </table>
+
+    </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'
+
+// eslint-disable-next-line no-extend-native
+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))
+  // eslint-disable-next-line curly
+  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,
+      remark: '图纸一份，料单一份。如不具备通气条件，工单请勿返回，返回均视为可通气'
+
+    }
+  },
+  ready () {
+  },
+  methods: {
+    print (index) {
+      if (index) {
+        this.selectdata = index
+      }
+      console.log('测试1122', this.selectdata)
+      this.$refs.print.PrintTable()
+    }
+  },
+  computed: {
+  },
+  watch: {
+    'selectdata'(val) {
+      console.log('观察blodid1', this.selectdata)
+    }
+  }
+}
+</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>

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

@@ -0,0 +1,232 @@
+<template>
+  <style id="printGaiXianOrderStyle">
+    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: 60px;
+      transform: rotate(0deg);
+    }
+    .replace_img{
+      width: 60px;
+      transform: rotate(0deg);
+    }
+  </style>
+
+  <div id="printGaiXianOrder">
+    <h2><span style="letter-spacing: 0px">天然气用户改线申请表</span></h2>
+    <table>编号：{{ selectdata.f_apply_num }}</table>
+    <table border="1" cellspacing="0" cellpadding="0">
+      <tr>
+        <td colspan="2">填写人</td>
+        <td colspan="2">{{ selectdata.username }}</td>
+        <td colspan="2">所属部门</td>
+        <td colspan="2">{{ selectdata.user_dep }}</td>
+        <td colspan="2">填写时间</td>
+        <td colspan="2">{{ selectdata.finishtime }}</td>
+      </tr>
+      <tr>
+        <td colspan="2">用户联系人</td>
+        <td colspan="2">{{ selectdata.f_contact }}</td>
+        <td colspan="2">单位</td>
+        <td colspan="2">{{ selectdata.f_user_name }}</td>
+        <td colspan="2">联系电话</td>
+        <td colspan="2">{{ selectdata.f_phone }}</td>
+      </tr>
+      <tr>
+        <td colspan="2">申请时间</td>
+        <td colspan="2">{{ selectdata.f_apply_date }}</td>
+        <td colspan="2">用户编号</td>
+        <td colspan="2">{{ selectdata.f_userinfo_id }}</td>
+        <td colspan="2">用气性质</td>
+        <td colspan="2">{{ selectdata.f_apply_nature }}</td>
+      </tr>
+      <tr>
+        <td colspan="2">详细地址</td>
+        <td colspan="6">{{ selectdata.f_address }}</td>
+        <td colspan="2">气表型号</td>
+        <td colspan="2">{{ selectdata.f_meter_style }}</td>
+      </tr>
+      <tr>
+        <td colspan="12"><h4>工程技术部现场勘察意见及材料预算</h4></td>
+      </tr>
+      <tr>
+        <td colspan="3">申请类别</td>
+        <td colspan="3">{{ selectdata.f_user_classification }}</td>
+        <td colspan="3">改造原因</td>
+        <td colspan="3">{{ selectdata.f_prospecting_result }}</td>
+      </tr>
+      <tr>
+        <td colspan="2">工程整改方案</td>
+        <td colspan="10">
+          <p style="margin: 0px 0px 30px 0px">{{ selectdata.f_modify_plan }}</p>
+        </td>
+      </tr>
+<!--      <tr>-->
+<!--        <td colspan="6" class="merge-content">-->
+<!--          <p style="margin: 0px 0px 10px 0px">工程部审核意见：</p>-->
+<!--          <p style="margin: 0px 0px 30px 0px"></p>-->
+<!--        </td>-->
+<!--      </tr>-->
+      <tr>
+        <td colspan="2">整改收费</td>
+        <td colspan="10">
+          <p>金额小写：{{ selectdata.f_due_money}},金额大写：{{ selectdata.f_amount_words}}</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="12"><h4>审批流程</h4></td>
+      </tr>
+      <tr>
+        <td colspan="3">工程技术部负责人意见</td>
+        <td colspan="3">
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+        </td>
+        <td colspan="3">分管领导意见</td>
+        <td colspan="3">
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="3">用户管理部收费情况</td>
+        <td colspan="3">
+          <p>已收费</p>
+          <p>{{ selectdata.f_charge_user }}</p>
+          <p>{{ selectdata.f_charge_date }}</p>
+        </td>
+        <td colspan="3">开材料意见</td>
+        <td colspan="3">
+          <p>{{ selectdata.f_material_number }}</p>
+          <p>{{ selectdata.username }}</p>
+          <p>{{ selectdata.finishtime }}</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="3">维修中心意见</td>
+        <td colspan="3">
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+        </td>
+        <td colspan="3">省安一/二/三意见</td>
+        <td colspan="3">
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+        </td>
+      </tr>
+      <tr>
+        <td colspan="3">用户确认签字</td>
+        <td colspan="9">
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+          <p>&emsp;</p>
+        </td>
+      </tr>
+    </table>
+  </div>
+
+  <print-element v-show="false" v-ref:print id='printGaiXianOrder' styleid='printGaiXianOrderStyle'
+                 top='10' left='30' width='100%' height='100%' :type="type">
+  </print-element>
+
+</template>
+
+<script>
+import { isEmpty } from '../../../Util'
+import {HttpResetClass} from 'vue-client'
+
+// eslint-disable-next-line no-extend-native
+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))
+  // eslint-disable-next-line curly
+  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,
+      remark: '图纸一份，料单一份。如不具备通气条件，工单请勿返回，返回均视为可通气'
+    }
+  },
+  ready () {
+  },
+  methods: {
+    print (index) {
+      if (index) {
+        this.selectdata = index
+      }
+      console.log('测试111', this.selectdata)
+      this.$refs.print.PrintTable()
+    }
+  },
+  computed: {
+  },
+  watch: {
+    'selectdata'(val) {
+      console.log('观察blodid', this.selectdata)
+    }
+  }
+}
+</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>