添加领料单

src/views/accessrecords/statement/ProcessMaterialsDeliveryStatement.vue

@@ -1,129 +1,140 @@
 <template>
   <div>
-    <a-card :bordered="false" style="width: 100%;height: 730px">
-
-      <div class="table-operator" style="width: 18%">
-        <!--            <a-button type="primary">-->
-        <!--              预览-->
-        <!--            </a-button>-->
+    <a-button type="primary" icon="download" @click="downWord">下载</a-button>
+    <a-button type="primary" style="left: 10px" @click="previewWord">预览并打印</a-button>
 
+    <div style="width: 100%;height: 100%;">
+      <pdf v-show="false" ref="pdfWord" :src="pdfSrc" class="pdf" style=""></pdf>
     </div>
-      <div style="width: 100%;height: 80%">
-        <iframe class="iframe"
-                :src="srcHtml"
-                frameborder="0"
-                ref="iframes"
-                style="width: 100%;height: 100%"
-        >
-
-        </iframe>
   </div>
 
-
-
-    </a-card>
-
-  </div>
 </template>
 
 <script>
-import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  const VALIDATE_NO_PASSED = Symbol()
+  import pick from 'lodash.pick'
   import { mixinDevice } from '@/utils/mixin'
-import { getAction } from '@api/manage'
+  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
+  import { getAction, downFile } from '@/api/manage'
+  import pdf from 'vue-pdf-signature'
+  import CMapReaderFactory from 'vue-pdf-signature/src/CMapReaderFactory'
 
   export default {
-name: "ProcessMaterialsDeliveryStatement",
+    name: 'ProcessMaterialsDeliveryStatement',
     mixins: [JeecgListMixin, mixinDevice],
+    components: { pdf, CMapReaderFactory },
     props: {
       materWared: {
+        type: String
+      },
+      /**/
+      procInstId: {
+        type: String,
+        default: '',
+        required: false
+      },
+      pictureId: {
         type: String,
+        default: '',
+        required: false
+      },
+      lcModa: {
+        type: Object,
+        required: false
       }
     },
+
     data() {
       return {
         showSessionId: '',
         srcHtml: '',
+        modalLsVisible: false,
+        pdfWord: '',
+        pdfSrc: '',
+        queryParam:{
+          id:''
+        },
         url: {
-        list: "/hy/processMaterialsDelivery/stockRemovalDetails",
+          list: '/hy/processUdgetPlan/getPlanTable',
+          queryDeliveryDownWord: '/word/queryDeliveryDownWord',
+          queryDeliveryPrevie: '/word/queryDeliveryPrevie'
+        },
+        Wslist: null
+      }
+    },
+    mounted() {
+      this.showSessionId = window.location.search
     },
-      Wslist:[]
+    watch:{
+      materWared:function (newData, oldData) {
+        // newData是更新后的数据
+        // oldData是旧数据
+        if(newData !== oldData){
+          this.loadData();
+          console.log("数据已经更新")
+        }
       }
     },
     created() {
-    this.sendMesFroIframe();
+      // downFile(this.url.queryPlanPrevie, { id: this.queryParam.id }).then((data) => {
+      //   console.log(data)
+      //   const blob = new Blob([data], { type: 'application/pdf' })
+      //   this.pdfWord = window.URL.createObjectURL(blob)
+      //
+      // })
       // this.loadData();
     },
     activated() {
-    this.sendMesFroIframe();
-  },
-  mounted() {
-    this.showSessionId = window.location.search;
-    this.srcHtml = '../static/内部领物单.html';
-    this.sendMesFroIframe();
+
     },
     beforeMount() {
 
     },
-  methods:{
-    //方法：
-    async sendMesFroIframe() {
-      let a = await this.loadData();
-      console.log("执行了>>>>>>>>>>>>>>>>>>",a);
-
-      const mapFrame = this.$refs['iframes']
-      if (mapFrame.attachEvent) { // 兼容浏览器判断
-        mapFrame.attachEvent('onload', function() {
-          const iframeWin = mapFrame.contentWindow
-          iframeWin.postMessage(a, '*')
-          // data传递的参数   *写成子页面的域名或者是ip
-        })
-      } else {
-        mapFrame.onload = function() {
-          const iframeWin = mapFrame.contentWindow
-          iframeWin.postMessage(a, '*')
+    computed: {
+      importExcelUrl: function() {
+        return `${window._CONFIG['domianURL']}/${this.url.queryPlanApply}`
       }
+    },
+    methods: {
+      // 下载
+      downWord() {
+        downFile(this.url.queryDeliveryDownWord, { id: this.queryParam.id }).then((data) => {
+          if (!data.size>0) {
+            this.$message.warning("文件下载失败")
+            return
           }
+          const blob = new Blob([data]) // 把得到的结果用流对象转一下
+          var a = document.createElement('a') //创建一个<a></a>标签
+          a.href = URL.createObjectURL(blob) // 将流文件写入a标签的href属性值
+          a.download = '领料单.docx' //设置文件名
+          a.style.display = 'none' // 障眼法藏起来a标签
+          document.body.appendChild(a) // 将a标签追加到文档对象中
+          a.click() // 模拟点击了a标签，会触发a标签的href的读取，浏览器就会自动下载了
+          a.remove()
+        })
 
       },
-
-    loadData()  {
-      return new Promise((resolve, reject) => {
-        if(!this.url.list){
-          this.$message.error("请设置url.list属性!")
+      previewWord() {
+        downFile(this.url.queryDeliveryPrevie, { id: this.queryParam.id }).then((data) => {
+          if (!data.size>0) {
+            this.$message.warning("文件预览失败")
             return
           }
-        console.log("this.materWared>>>>>>>>>>>>>>>>>>>>>",this.materWared);
-        this.queryParam.processMaterialsDeliveryId = this.materWared;
-        getAction(this.url.list, this.queryParam).then((res) => {
-          console.log(res);
-          if (res.success) {
-            this.Wslist = res.result.records;
-          }
-          if(res.code===510){
-            this.$message.warning(res.message)
-          }
-          this.loading = false;
-          resolve( this.Wslist );
+          const blob = new Blob([data], { type: 'application/pdf' })
+          this.pdfSrc = window.URL.createObjectURL(blob)
+          console.log(this.pdfSrc)
+          window.open(this.pdfSrc)//新窗口打开，借用浏览器去打印
         })
+      },
+      loadData() {
+        this.queryParam.id = this.materWared
+      },
 
-      })
 
-    },
     }
   }
 </script>
 
-<style scoped>
-.iframe {
+<style lang="less" scoped>
 
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  overflow-y: hidden;
-}
 </style>