完善销售订单查询

anrui-buscenter/anrui-buscenter-ui/src/views/xiaoshouguanli/dingdanchaxun/xiaoshoudingdanchaxun.vue

@@ -63,7 +63,7 @@
             </el-table-column>
             <el-table-column label="订单状态" align="center" width="150">
               <template slot-scope="scope">
-                <span>{{ scope.row.saleOrderState }}</span>
+                <span @click="flowRecord(scope.row)" class="bluezi">{{ scope.row.saleOrderState }}</span>
               </template>
             </el-table-column>
             <el-table-column label="创建日期" align="center" width="120">
@@ -106,6 +106,10 @@
     </div>
     <!-- End 列表页面 -->
     <xiaoshoudingdanInfo ref="divInfo" v-show="viewState == 2" @doback="resetState"/>
+
+    <el-dialog title="" :visible.sync="centerDialogVisible" width="78%" height="1%" :before-close="closeIt" center>
+      <iframe frameborder="0" id="iframe" style="width:100%;" scrolling="no" :src="this.centerDialogVisible === true ? url :''"></iframe>
+    </el-dialog>
   </div>
 </template>
 
@@ -128,6 +132,7 @@ export default {
   data() {
     return {
       btndisabled: false,
+      centerDialogVisible: false,
       viewState: 1,
       btnList: [
         {
@@ -162,9 +167,40 @@ export default {
     this.init()
   },
   mounted() {
+    // 在外部vue的window上添加postMessage的监听，而且绑定处理函数handleMessage
+    window.addEventListener('message', this.handleMessage)
     this.$refs['btnbar'].setButtonList(this.btnList)
   },
   methods: {
+    async handleMessage(event) {
+      var code = ''
+      if (event.data.params !== null && event.data.params !== undefined) {
+        code = event.data.params.code
+      }
+      if (code === 1) {
+        this.init()
+        this.centerDialogVisible = false
+      } else if (code === 2) {
+        this.dialogHeight = event.data.params.data
+        this.setIframeHeight(document.getElementById('iframe'))
+      }
+    },
+    closeIt() {
+      this.url = ''
+      this.centerDialogVisible = false
+    },
+    setIframeHeight(iframe) {
+      iframe.height = this.dialogHeight
+    },
+    flowRecord(row) {
+      this.centerDialogVisible = true
+      var params = {
+        deployId: row.procDefId,
+        procInsId: row.procInstId,
+        token: getStorage()
+      }
+      this.url = '/#/flow/flowRecordForBusiness?data=' + encodeURI((JSON.stringify(params)))
+    },
     // 搜索条件效果
     clicksearchShow() {
       this.isSearchShow = !this.isSearchShow
@@ -235,9 +271,9 @@ export default {
     },
     handlePrint(row) {
       req.createPdf({ sid: row.saleOrderSid, userName: window.sessionStorage.getItem('name') }).then((resp) => {
-        if (resp.success && resp.data.pdfPath !== '') {
+        if (resp.success && resp.data !== '') {
           var xhr = new XMLHttpRequest()
-          xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + resp.data.pdfPath + '&outFileName=' + '销售订单', true)
+          xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + resp.data + '&outFileName=' + '销售订单', true)
           xhr.setRequestHeader('token', getStorage())
           xhr.responseType = 'blob'
           xhr.onload = function(e) {