apply-clients 7.1.36-yuchuan-83 → 7.1.36-yuchuan-84

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

@@ -1,271 +1,271 @@
-<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="3">监理单位</td>
-        <td colspan="3">{{ supervisorOperatorName }}</td>
-        <td colspan="3">土建建单位</td>
-        <td colspan="3">{{ engineeringOperatorName }}</td>
-      </tr>
-      <tr>
-        <td colspan="2">检测单位</td>
-        <td colspan="2">{{ checkOperatorName }}</td>
-        <td colspan="2">项目负责人</td>
-        <td colspan="2">{{ constructOperatorName }}</td>
-        <td colspan="2">安装单位</td>
-        <td colspan="2">{{ constructionUnitName }}</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 {
-      supervisorOperatorName: '无',
-      engineeringOperatorName: '无',
-      checkOperatorName: '无',
-      constructOperatorName: '无',
-      constructionUnitName: '无',
-      showModal: false,
-      remark: '图纸一份，料单一份。如不具备通气条件，工单请勿返回，返回均视为可通气'
-    }
-  },
-  ready () {
-  },
-  methods: {
-    async getUserName( param) {
-      let http = new HttpResetClass()
-      if(!isEmpty(param)){
-        let data = {
-          tablename: 't_user',
-          condition: `id='${param}'`
-        }
-        let res = await http.load('POST', 'rs/sql/applySingleTable', {data: data},
-          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
-        )
-        return  res.data[0].name
-      }else {
-        return '无'
-      }
-    },
-    print (index) {
-      if (index) {
-        this.selectdata = index
-      }
-      console.log('测试111', this.selectdata)
-      this.$refs.print.PrintTable()
-    }
-  },
-  computed: {
-  },
-  watch: {
-    async 'selectdata'(val) {
-      console.log('观察blodid', this.selectdata)
-      this.supervisorOperatorName = await this.getUserName(this.selectdata.supervisor_operator);
-      this.engineeringOperatorName = await this.getUserName(this.selectdata.f_engineering_operator_id);
-      this.checkOperatorName = await this.getUserName(this.selectdata.f_check_operator_id);
-      this.constructOperatorName = await this.getUserName(this.selectdata.f_construct_operator_id);
-      this.constructionUnitName = await this.getUserName(this.selectdata.f_construction_unit);
-    }
-  }
-}
-</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="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="3">监理单位</td>
+        <td colspan="3">{{ supervisorOperatorName }}</td>
+        <td colspan="3">土建建单位</td>
+        <td colspan="3">{{ engineeringOperatorName }}</td>
+      </tr>
+      <tr>
+        <td colspan="2">检测单位</td>
+        <td colspan="2">{{ checkOperatorName }}</td>
+        <td colspan="2">项目负责人</td>
+        <td colspan="2">{{ constructOperatorName }}</td>
+        <td colspan="2">安装单位</td>
+        <td colspan="2">{{ constructionUnitName }}</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 {
+      supervisorOperatorName: '无',
+      engineeringOperatorName: '无',
+      checkOperatorName: '无',
+      constructOperatorName: '无',
+      constructionUnitName: '无',
+      showModal: false,
+      remark: '图纸一份，料单一份。如不具备通气条件，工单请勿返回，返回均视为可通气'
+    }
+  },
+  ready () {
+  },
+  methods: {
+    async getUserName( param) {
+      let http = new HttpResetClass()
+      if(!isEmpty(param)){
+        let data = {
+          tablename: 't_user',
+          condition: `id='${param}'`
+        }
+        let res = await http.load('POST', 'rs/sql/applySingleTable', {data: data},
+          {resolveMsg: null, rejectMsg: '流程标识获取失败！！！'}
+        )
+        return  res.data[0].name
+      }else {
+        return '无'
+      }
+    },
+    print (index) {
+      if (index) {
+        this.selectdata = index
+      }
+      console.log('测试111', this.selectdata)
+      this.$refs.print.PrintTable()
+    }
+  },
+  computed: {
+  },
+  watch: {
+    async 'selectdata'(val) {
+      console.log('观察blodid', this.selectdata)
+      this.supervisorOperatorName = await this.getUserName(this.selectdata.supervisor_operator);
+      this.engineeringOperatorName = await this.getUserName(this.selectdata.f_engineering_operator_id);
+      this.checkOperatorName = await this.getUserName(this.selectdata.f_check_operator_id);
+      this.constructOperatorName = await this.getUserName(this.selectdata.f_construct_operator_id);
+      this.constructionUnitName = await this.getUserName(this.selectdata.f_construction_unit);
+    }
+  }
+}
+</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>