apply-clients 3.3.36 → 3.3.40

package/src/components/product/Order/OrderMessage.vue

@@ -1,237 +1,237 @@
-<template>
-  <div class="form-horizontal select-overspread container-fluid row" style="overflow: scroll">
-    <validator name='v'>
-      <!-- 预约单信息 -->
-      <div class="auto">
-        <div class="col-sm-12 text-center bg-info pt-8">{{selectdata.f_ordertype}}</div>
-        <div class="col-sm-6 form-group ">
-          <label class="font_normal_body">预约来源</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_order_source" readonly />
-        </div>
-        <div class="col-sm-6 form-group ">
-          <label class="font_normal_body">处理状态</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderstate" readonly />
-        </div>
-        <div class="col-sm-6 form-group ">
-          <label class="font_normal_body">用户编号</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_userinfo_code" readonly />
-        </div>
-        <div class="col-sm-6 form-group ">
-          <label class="font_normal_body">用户姓名</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_user_name" readonly />
-        </div>
-        <div class="col-sm-6 form-group ">
-          <label class="font_normal_body">联系电话</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_phone" readonly />
-        </div>
-        <div class="col-sm-6 form-group ">
-          <label class="font_normal_body">预约时间</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderdate" readonly />
-        </div>
-        <div class="col-sm-12 form-group ">
-          <label class="font_normal_body">预约地址</label>
-          <input type="text" class="input_search" style="width: 80%" v-model="selectdata.f_address" readonly />
-        </div>
-        <div class="col-sm-12 form-group ">
-          <label class="font_normal_body">预约备注</label>
-          <textarea
-            readonly rows="2" style="width: 80%;"
-            v-model="selectdata.f_orderremark"
-          ></textarea>
-        </div>
-        <div class="col-sm-12" style="min-height: 200px;max-height: 300px;margin: 10px auto" v-if="selectdata.f_fileurl">
-<!--          <a href="http://192.168.20.27:8400/zhoukou-oracle/files/2021/9/17/fd2bd8dbe150f1c99d897f3c1ac1db45.jpg" target="_blank">-->
-<!--            <img style="min-height: 150px;max-height: 200px;" src="http://192.168.20.27:8400/zhoukou-oracle/files/2021/9/17/fd2bd8dbe150f1c99d897f3c1ac1db45.jpg">-->
-<!--          </a>-->
-          <a :href="selectdata.f_fileurl" target="_blank">
-            <img style="min-height: 150px;max-height: 200px;" :src="selectdata.f_fileurl">
-          </a>
-<!--        <div class="col-sm-12 form-group" style="height: 200px!important;">-->
-<!--        <img style="margin: auto;height: 100%" :src="selectdata.f_fileurl">-->
-<!--          {{selectdata.f_fileurl}}-->
-        </div>
-      </div>
-      <!-- 审核信息 -->
-      <div class="auto" v-if="type === 'check' || selectdata.f_orderstate !== '待审核'">
-        <div class="col-sm-12 text-center bg-info pt-8">审核信息</div>
-        <div class="col-sm-6 form-group" :class="[$v.check.required ? 'has-error' : '']">
-          <label class="font_normal_body">是否合格</label>
-          <input type="text" v-show="false" v-validate:check = "['required']" v-model="check">
-          <v-select
-            v-model="check"
-            :value.sync="check"
-            :options='checkOptions'
-            :value-single="true"
-            class="select select_list"
-            :search="false"
-            width="60%" :disabled="type === 'process' || selectdata.f_orderstate !== '待审核'"
-            close-on-select ></v-select>
-        </div>
-        <div class="col-sm-12 form-group ">
-          <label class="font_normal_body">审核备注</label>
-          <textarea
-            rows="2" style="width: 80%;" :readonly="type === 'process' || selectdata.f_orderstate !== '待审核'"
-            v-model="selectdata.f_check_remark"
-            :value="selectdata.f_check_remark"
-          ></textarea>
-        </div>
-        <div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
-          <label class="font_normal_body">审&ensp;核&ensp;人</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_user" readonly />
-        </div>
-        <div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
-          <label class="font_normal_body">审核时间</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_date" readonly />
-        </div>
-      </div>
-      <!-- 项目信息 -->
-      <div class="auto" v-if="selectdata.f_ordertype !== '预约点火' &&  (type === 'process' || selectdata.f_orderstate === '预约成功')">
-        <div class="col-sm-12 text-center bg-info pt-8">项目信息</div>
-        <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约报装'" :class="[$v.f_apply_type.required ? 'has-error' : '']">
-          <label class="font_normal_body">报建类型</label>
-          <input type="text" v-show="false" v-validate:f_apply_type = "['required']" v-model="apply.f_apply_type">
-          <v-select
-            v-model="apply.f_apply_type"
-            :value.sync="apply.f_apply_type"
-            :options='applyType'
-            :value-single="true"
-            class="select select_list"
-            :search="false"
-            width="60%" :disabled="selectdata.f_orderstate === '预约成功'"
-            close-on-select ></v-select>
-        </div>
-        <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约改管'">
-          <label class="font_normal_body">报建类型</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="apply.f_apply_type" value="改管报建" readonly />
-        </div>
-        <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约增容'">
-          <label class="font_normal_body">报建类型</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="apply.f_apply_type" value="增容报建" readonly />
-        </div>
-        <div class="col-sm-6 form-group" v-if="selectdata.f_orderstate === '预约成功'">
-          <label class="font_normal_body">办&ensp;理&ensp;人</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_dispose_operator" readonly />
-        </div>
-        <div class="col-sm-6 form-group" v-if="selectdata.f_orderstate === '预约成功'">
-          <label class="font_normal_body">办理时间</label>
-          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_disposedate" readonly />
-        </div>
-      </div>
-
-      <div class="col-sm-12 text-right button-range auto" style="margin-top: 10px">
-        <button class="button_search button_spacing" :disabled='!$v.valid'
-                v-if="type !== 'view' && selectdata.f_orderstate === '待审核'"
-                @click="checkOrder()">保存</button>
-        <button class="button_search button_spacing" :disabled='!$v.valid'
-                v-if="type !== 'view' && selectdata.f_orderstate === '待处理'"
-                @click="batchApply()">保存</button>
-        <button class="button_clear button_spacing" @click="cancel()">取消</button>
-      </div>
-    </validator>
-  </div>
-</template>
-<script>
-import Vue from 'vue'
-import {HttpResetClass} from 'vue-client'
-export default {
-  title: '预约详情',
-  props: ['selectdata', 'type'],
-  data () {
-    return {
-      showRight: false,
-      selectdata: null,
-      checkOptions: [
-        {
-          label: '是',
-          value: '是'
-        },
-        {
-          label: '否',
-          value: '否'
-        }
-      ],
-      check: null,
-      apply: {}
-    }
-  },
-  async ready () {
-    if (this.selectdata.f_orderstate === '待处理' || this.selectdata.f_orderstate === '预约成功') {
-      this.check = '是'
-    }
-    if (this.selectdata.f_orderstate === '预约失败') {
-      this.check = '否'
-    }
-    if (this.selectdata.f_orderstate === '预约成功') {
-      let data = {
-        tablename: 't_apply',
-        condition: `f_process_id = '${this.selectdata.f_process_id}'`
-      }
-      let res = await this.$resetpost(
-        `rs/sql/singleTable`,
-        {data: data},
-        {resolveMsg: null, rejectMsg: '所属项目查询失败！！！'}
-      )
-
-      this.apply = {
-        f_entry_name: res.data[0].f_entry_name,
-        f_apply_type: res.data[0].f_apply_type
-      }
-    }
-  },
-  methods: {
-    async batchApply () {
-      let data = {
-        selectdata: this.selectdata,
-        apply: this.apply,
-        user: this.$login.f
-      }
-
-      let res = await this.$resetpost(
-        `rs/logic/initiateOrderApply`,
-        data,
-        {resolveMsg: null,rejectMsg: '预约单处理失败！！！'}
-      )
-
-      this.cancel()
-    },
-    async checkOrder () {
-      let data = {
-        selectdata: this.selectdata,
-        check: this.check,
-        user: this.$login.f
-      }
-
-      let res = await this.$resetpost(
-        `rs/logic/checkOrder`,
-        data,
-        {resolveMsg: null,rejectMsg: '预约单审核处理失败！！！'}
-      )
-
-      this.cancel()
-    },
-    cancel () {
-      this.$dispatch('search')
-    }
-  },
-  events: {
-  },
-  computed: {
-    applyType () {
-      return this.$appdata.getParam("报建类型").filter(item => {
-        return item.label === '工商户报建' || item.label === '散户报建'
-      })
-    }
-  },
-  watch: {
-  }
-}
-</script>
-<style scoped>
-  input[readonly],textarea[readonly] {
-    border: 1px solid #DDD!important;
-    color:#ACA899!important;
-  }
-  textarea {
-    padding: 2px;
-  }
-</style>
+<template>
+  <div class="form-horizontal select-overspread container-fluid row" style="overflow: scroll">
+    <validator name='v'>
+      <!-- 预约单信息 -->
+      <div class="auto">
+        <div class="col-sm-12 text-center bg-info pt-8">{{selectdata.f_ordertype}}</div>
+        <div class="col-sm-6 form-group ">
+          <label class="font_normal_body">预约来源</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_order_source" readonly />
+        </div>
+        <div class="col-sm-6 form-group ">
+          <label class="font_normal_body">处理状态</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderstate" readonly />
+        </div>
+        <div class="col-sm-6 form-group ">
+          <label class="font_normal_body">用户编号</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_userinfo_code" readonly />
+        </div>
+        <div class="col-sm-6 form-group ">
+          <label class="font_normal_body">用户姓名</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_user_name" readonly />
+        </div>
+        <div class="col-sm-6 form-group ">
+          <label class="font_normal_body">联系电话</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_phone" readonly />
+        </div>
+        <div class="col-sm-6 form-group ">
+          <label class="font_normal_body">预约时间</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_orderdate" readonly />
+        </div>
+        <div class="col-sm-12 form-group ">
+          <label class="font_normal_body">预约地址</label>
+          <input type="text" class="input_search" style="width: 80%" v-model="selectdata.f_address" readonly />
+        </div>
+        <div class="col-sm-12 form-group ">
+          <label class="font_normal_body">预约备注</label>
+          <textarea
+            readonly rows="2" style="width: 80%;"
+            v-model="selectdata.f_orderremark"
+          ></textarea>
+        </div>
+        <div class="col-sm-12" style="min-height: 200px;max-height: 300px;margin: 10px auto" v-if="selectdata.f_fileurl">
+<!--          <a href="http://192.168.20.27:8400/zhoukou-oracle/files/2021/9/17/fd2bd8dbe150f1c99d897f3c1ac1db45.jpg" target="_blank">-->
+<!--            <img style="min-height: 150px;max-height: 200px;" src="http://192.168.20.27:8400/zhoukou-oracle/files/2021/9/17/fd2bd8dbe150f1c99d897f3c1ac1db45.jpg">-->
+<!--          </a>-->
+          <a :href="selectdata.f_fileurl" target="_blank">
+            <img style="min-height: 150px;max-height: 200px;" :src="selectdata.f_fileurl">
+          </a>
+<!--        <div class="col-sm-12 form-group" style="height: 200px!important;">-->
+<!--        <img style="margin: auto;height: 100%" :src="selectdata.f_fileurl">-->
+<!--          {{selectdata.f_fileurl}}-->
+        </div>
+      </div>
+      <!-- 审核信息 -->
+      <div class="auto" v-if="type === 'check' || selectdata.f_orderstate !== '待审核'">
+        <div class="col-sm-12 text-center bg-info pt-8">审核信息</div>
+        <div class="col-sm-6 form-group" :class="[$v.check.required ? 'has-error' : '']">
+          <label class="font_normal_body">是否合格</label>
+          <input type="text" v-show="false" v-validate:check = "['required']" v-model="check">
+          <v-select
+            v-model="check"
+            :value.sync="check"
+            :options='checkOptions'
+            :value-single="true"
+            class="select select_list"
+            :search="false"
+            width="60%" :disabled="type === 'process' || selectdata.f_orderstate !== '待审核'"
+            close-on-select ></v-select>
+        </div>
+        <div class="col-sm-12 form-group ">
+          <label class="font_normal_body">审核备注</label>
+          <textarea
+            rows="2" style="width: 80%;" :readonly="type === 'process' || selectdata.f_orderstate !== '待审核'"
+            v-model="selectdata.f_check_remark"
+            :value="selectdata.f_check_remark"
+          ></textarea>
+        </div>
+        <div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
+          <label class="font_normal_body">审&ensp;核&ensp;人</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_user" readonly />
+        </div>
+        <div class="col-sm-6 form-group" v-if="type === 'process' || selectdata.f_orderstate !== '待审核'">
+          <label class="font_normal_body">审核时间</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_check_date" readonly />
+        </div>
+      </div>
+      <!-- 项目信息 -->
+      <div class="auto" v-if="selectdata.f_ordertype !== '预约点火' &&  (type === 'process' || selectdata.f_orderstate === '预约成功')">
+        <div class="col-sm-12 text-center bg-info pt-8">项目信息</div>
+        <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约报装'" :class="[$v.f_apply_type.required ? 'has-error' : '']">
+          <label class="font_normal_body">报建类型</label>
+          <input type="text" v-show="false" v-validate:f_apply_type = "['required']" v-model="apply.f_apply_type">
+          <v-select
+            v-model="apply.f_apply_type"
+            :value.sync="apply.f_apply_type"
+            :options='applyType'
+            :value-single="true"
+            class="select select_list"
+            :search="false"
+            width="60%" :disabled="selectdata.f_orderstate === '预约成功'"
+            close-on-select ></v-select>
+        </div>
+        <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约改管'">
+          <label class="font_normal_body">报建类型</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="apply.f_apply_type" value="改管报建" readonly />
+        </div>
+        <div class="col-sm-6 form-group" v-if="selectdata.f_ordertype === '预约增容'">
+          <label class="font_normal_body">报建类型</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="apply.f_apply_type" value="增容报建" readonly />
+        </div>
+        <div class="col-sm-6 form-group" v-if="selectdata.f_orderstate === '预约成功'">
+          <label class="font_normal_body">办&ensp;理&ensp;人</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_dispose_operator" readonly />
+        </div>
+        <div class="col-sm-6 form-group" v-if="selectdata.f_orderstate === '预约成功'">
+          <label class="font_normal_body">办理时间</label>
+          <input type="text" class="input_search" style="width: 60%" v-model="selectdata.f_disposedate" readonly />
+        </div>
+      </div>
+
+      <div class="col-sm-12 text-right button-range auto" style="margin-top: 10px">
+        <button class="button_search button_spacing" :disabled='!$v.valid'
+                v-if="type !== 'view' && selectdata.f_orderstate === '待审核'"
+                @click="checkOrder()">保存</button>
+        <button class="button_search button_spacing" :disabled='!$v.valid'
+                v-if="type !== 'view' && selectdata.f_orderstate === '待处理'"
+                @click="batchApply()">保存</button>
+        <button class="button_clear button_spacing" @click="cancel()">取消</button>
+      </div>
+    </validator>
+  </div>
+</template>
+<script>
+import Vue from 'vue'
+import {HttpResetClass} from 'vue-client'
+export default {
+  title: '预约详情',
+  props: ['selectdata', 'type'],
+  data () {
+    return {
+      showRight: false,
+      selectdata: null,
+      checkOptions: [
+        {
+          label: '是',
+          value: '是'
+        },
+        {
+          label: '否',
+          value: '否'
+        }
+      ],
+      check: null,
+      apply: {}
+    }
+  },
+  async ready () {
+    if (this.selectdata.f_orderstate === '待处理' || this.selectdata.f_orderstate === '预约成功') {
+      this.check = '是'
+    }
+    if (this.selectdata.f_orderstate === '预约失败') {
+      this.check = '否'
+    }
+    if (this.selectdata.f_orderstate === '预约成功') {
+      let data = {
+        tablename: 't_apply',
+        condition: `f_process_id = '${this.selectdata.f_process_id}'`
+      }
+      let res = await this.$resetpost(
+        `rs/sql/singleTable`,
+        {data: data},
+        {resolveMsg: null, rejectMsg: '所属项目查询失败！！！'}
+      )
+
+      this.apply = {
+        f_entry_name: res.data[0].f_entry_name,
+        f_apply_type: res.data[0].f_apply_type
+      }
+    }
+  },
+  methods: {
+    async batchApply () {
+      let data = {
+        selectdata: this.selectdata,
+        apply: this.apply,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/initiateOrderApply`,
+        data,
+        {resolveMsg: null,rejectMsg: '预约单处理失败！！！'}
+      )
+
+      this.cancel()
+    },
+    async checkOrder () {
+      let data = {
+        selectdata: this.selectdata,
+        check: this.check,
+        user: this.$login.f
+      }
+
+      let res = await this.$resetpost(
+        `rs/logic/checkOrder`,
+        data,
+        {resolveMsg: null,rejectMsg: '预约单审核处理失败！！！'}
+      )
+
+      this.cancel()
+    },
+    cancel () {
+      this.$dispatch('search')
+    }
+  },
+  events: {
+  },
+  computed: {
+    applyType () {
+      return this.$appdata.getParam("报建类型").filter(item => {
+        return item.label === '工商户报建' || item.label === '散户报建'
+      })
+    }
+  },
+  watch: {
+  }
+}
+</script>
+<style scoped>
+  input[readonly],textarea[readonly] {
+    border: 1px solid #DDD!important;
+    color:#ACA899!important;
+  }
+  textarea {
+    padding: 2px;
+  }
+</style>

package/src/components/product/Process/ExplorationSelect.vue

@@ -29,6 +29,7 @@
                         v-if="$parent.$parent.projectStart"
                         @click="$parent.$parent.showModal = !$parent.$parent.showModal">工程发起</button>
                 <button class="button_search button_spacing" @click="$parent.$parent.search()" v-el:cx>查询</button>
+                <button class="button_search button_spacing" @click="$parent.$parent.loadPage()">返回</button>
                 <button class="button_clear button_spacing"  @click="$parent.$parent.clear()">清空</button>
                 <div
                   :class="{'button_shrink_top':$parent.$parent.criteriaShow,'button_shrink_bottom':!$parent.$parent.criteriaShow}"
@@ -334,6 +335,9 @@ import {HttpResetClass, PagedList} from 'vue-client'
         this.applyType = null
         this.showModal = false
       },
+      loadPage () {
+        this.$dispatch('loadPage')
+      },
       search () {
         this.$dispatch('search')
       },

package/src/components/product/Process/ExplorationUser.vue

@@ -120,6 +120,16 @@
         this.$refs.query.$refs.cp.pager = true
         // 调用查询
         this.$refs.query.$refs.cp.$refs.cri.search()
+      },
+      'loadPage' () {
+        // 关闭详细
+        this.showtotal = false
+        // 显示列表数据
+        this.showData = true
+        // 显示分页
+        this.$refs.query.$refs.cp.pager = true
+        // 调用查询
+        this.$refs.query.$refs.cp.loadPage(this.$refs.query.model.pageIndex)
       }
     },
     watch: {

package/src/components/product/Process/Processes/InstallationDetails.vue

@@ -1,4 +1,6 @@
 <template>
+  <work-busy :is-busy="showWork" v-show="showWork"></work-busy>
+
   <div class="col-sm-12" style="margin: 20px 0px;">
     <criteria-paged :model="model" v-ref:cp :pager="pager">
       <criteria partial='criteria' @condition-changed='$parent.searchCondition' v-ref:cri>
@@ -297,7 +299,8 @@ export default {
         'f_initial_base': '初始底数',
         'f_aroundmeter': '表向',
         'f_position': '安装位置'
-      }
+      },
+      showWork: false
     }
   },
   ready () {
@@ -483,6 +486,7 @@ export default {
     },
     // 关闭文件上传对话框
     closeFile() {
+      this.showWork = false
       this.showFile = false
       // 将选的文件清空
       this.$refs.file.$el.querySelector('input').value = ''
@@ -490,14 +494,24 @@ export default {
     }
   },
   events: {
+    'beforeFileUpload' (file) {
+      this.showWork = true
+    },
     async 'onFileUpload'(file, result) {
       let data = {
         selectdata: this.selectdata,
         filepath: result.f_downloadpath,
         user: this.$login.f
       }
-      let res = await this.$resetpost(`rs/logic/importAddInstallationDetails`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败！！！', silent: true}, 0)
-
+      try {
+        let res = await this.$resetpost(`rs/logic/importAddInstallationDetails`, {data: data}, {
+          resolveMsg: null,
+          rejectMsg: '导入失败！！！',
+          silent: true
+        }, 0)
+      } catch (e) {
+        this.closeFile()
+      }
       this.$dispatch('breakControl', this.selectdata)
     }
   },

package/src/components/product/Process/Processes/Print/printBuildOrder.vue

@@ -1,5 +1,5 @@
 <template>
-  <style id="style">
+  <style id="printBuildOrderStyle">
     td{
       height: 30px;
       text-align: center;
@@ -13,27 +13,6 @@
     h1,h2,h3,h4,h5,h6 {
       text-align: center;
     }
-    .orgs {
-      border-bottom: 2px solid;
-      padding: 5px;
-    }
-    .date {
-      float: left;
-      padding-left: 10px;
-    }
-    .status {
-      float: right;
-      padding-right: 10px;
-    }
-    .seal {
-      position: absolute;
-      right: 100px;
-      top: 120px;
-      width: 150px;
-      height: 150px;
-      /*opacity: 0.5;*/
-      z-index: -1;
-    }
     .sign {
       vertical-align: top;
       padding: 10px;
@@ -52,14 +31,14 @@
     </div>
   </div>
 
-  <modal v-if="showModal" :show.sync="showModal" width="80%" title="打印预览" v-ref:modal large backdrop="false">
+  <modal v-if="showModal" :show.sync="showModal" title="打印预览" v-ref:modal :backdrop="false">
     <header slot="modal-header" class="modal-header">
       <button type="button" class="close" @click="colseModal()"><span>&times;</span></button>
       <h4 class="modal-title">打印预览</h4>
     </header>
     <article slot="modal-body" class="modal-body">
-      <div id="print">
-        <h3><span style="letter-spacing: 15px">施工安装通知单</span></h3>
+      <div id="printBuildOrder">
+        <h2><span style="letter-spacing: 15px">施工安装通知单</span></h2>
         <table border="1">
           <tr>
             <td>用户姓名</td>
@@ -91,8 +70,8 @@
           </tr>
           <tr>
             <td colspan="6" class="material">
-              <p>施工安装情况</p>
-              <p v-for="item in selectdata.onetomany[0].rows" style="width: auto;display: inline-block;margin-right: 15px">
+              <p style="margin: 0px 0px 10px 0px">施工安装情况</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>
@@ -115,8 +94,8 @@
   </modal>
 
 
-  <print-element v-show="false" v-ref:print id='print' styleid='style'
-                 top='10' left='3' width='90%' height='100%'>
+  <print-element v-show="false" v-ref:print id='printBuildOrder' styleid='printBuildOrderStyle'
+                 top='10' left='30' width='100%' height='100%'>
   </print-element>
 
 </template>