完善采购单打印

src/views/store/purchaseform/PurchaseStoreForm.vue

@@ -1,52 +1,56 @@
 <template>
-  <a-card :bordered='false'>
-    <div v-show='visible'>
-      <div class='table-page-search-wrapper' @keyup.enter='handleEnter'>
-        <a-form layout='inline'>
-          <a-row :gutter='48' v-show='advanced'>
-            <a-col :md='6' :sm='24'>
-              <a-form-item label='关键字'>
-                <a-input v-model='queryParam.keyword' placeholder='请输入名称/类型名称' />
+  <a-card :bordered="false">
+    <div v-show="visible">
+      <div class="table-page-search-wrapper" @keyup.enter="handleEnter">
+        <a-form layout="inline">
+          <a-row :gutter="48" v-show="advanced">
+            <a-col :md="6" :sm="24">
+              <a-form-item label="关键字">
+                <a-input v-model="queryParam.keyword" placeholder="请输入名称/类型名称" />
               </a-form-item>
             </a-col>
           </a-row>
-          <a-row :gutter='48'>
-            <a-col :md='24 || 24' :sm='24' style='text-align: right'>
-                            <span class='table-page-search-submitButtons'>
-                              <a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button>
-                              <a-button style='margin-left: 8px' @click='resetSearchForm'>重置</a-button>
-                              <a @click='()=>{ this.advanced = !this.advanced}' style='margin-left: 8px'>
-                                  {{ advanced ? '收起' : '展开' }}
-                                  <a-icon :type="advanced ? 'up' : 'down'" />
-                              </a>
-                            </span>
+          <a-row :gutter="48">
+            <a-col :md="24 || 24" :sm="24" style="text-align: right">
+              <span class="table-page-search-submitButtons">
+                <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
+                <a-button style="margin-left: 8px" @click="resetSearchForm">重置</a-button>
+                <a @click="()=>{ this.advanced = !this.advanced}" style="margin-left: 8px">
+                  {{ advanced ? '收起' : '展开' }}
+                  <a-icon :type="advanced ? 'up' : 'down'" />
+                </a>
+              </span>
             </a-col>
           </a-row>
         </a-form>
       </div>
 
-      <div class='table-operator' style='margin-bottom: 8px;'>
+      <div class="table-operator" style="margin-bottom: 8px;">
         <a-row>
-          <a-col :md='16'>
-            <a-button v-if="$auth('purchase-store-forms-add')" type='primary' icon='plus' @click='handleAdd()'>新增</a-button>
-            <a-button style='margin-left: 8px' v-if="$auth('purchase-store-forms-export')" type='primary' icon='download'
-                      @click='doExport'>导出
+          <a-col :md="16">
+            <a-button v-if="$auth('purchase-store-forms-add')" type="primary" icon="plus" @click="handleAdd()">新增</a-button>
+            <a-button
+              style="margin-left: 8px"
+              v-if="$auth('purchase-store-forms-export')"
+              type="primary"
+              icon="download"
+              @click="doExport">导出
             </a-button>
             <a-divider type="vertical" />
-            <a-button v-if="$auth('purchase-store-forms-add')" type='primary' icon='plus' @click='handleRouter(1)'>预警列表</a-button>
+            <a-button v-if="$auth('purchase-store-forms-add')" type="primary" icon="plus" @click="handleRouter(1)">预警列表</a-button>
             <a-divider type="vertical" />
-            <a-button v-if="$auth('purchase-store-forms-add')" type='primary' icon='plus' @click='handleRouter(2)'>备件列表</a-button>
+            <a-button v-if="$auth('purchase-store-forms-add')" type="primary" icon="plus" @click="handleRouter(2)">备件列表</a-button>
             <a-dropdown v-action:edit v-if="selectedRowKeys.length > 0 && $auth('purchase-store-forms-del')">
-              <a-menu slot='overlay'>
-                <a-popconfirm title='是否要删除所选数据？' @confirm='batchDelete()'>
-                  <a-menu-item key='1'>
-                    <a-icon type='delete' />
+              <a-menu slot="overlay">
+                <a-popconfirm title="是否要删除所选数据？" @confirm="batchDelete()">
+                  <a-menu-item key="1">
+                    <a-icon type="delete" />
                     <a>删除</a></a-menu-item>
                 </a-popconfirm>
               </a-menu>
-              <a-button style='margin-left: 8px'>
+              <a-button style="margin-left: 8px">
                 批量操作
-                <a-icon type='down' />
+                <a-icon type="down" />
               </a-button>
             </a-dropdown>
           </a-col>
@@ -54,40 +58,44 @@
       </div>
 
       <s-table
-        ref='table'
-        size='default'
-        rowKey='id'
-        :columns='columns'
-        :data='loadData'
-        :alert='options.alert'
-        :rowSelection='options.rowSelection'
-        showPagination='auto'
+        ref="table"
+        size="default"
+        rowKey="id"
+        :columns="columns"
+        :data="loadData"
+        :alert="options.alert"
+        :rowSelection="options.rowSelection"
+        showPagination="auto"
       >
-                <span slot='action' slot-scope='record'>
-                  <template>
-                    <a @click='handleView(record)'>查看修改</a>
-<!--                   <operation-button
+        <span slot="action" slot-scope="record">
+          <template>
+            <a @click="handleView(record)">查看修改</a>
+            <a-divider type="vertical" />
+            <a @click="handleStorePrint(record)">打印</a>
+            <!--                   <operation-button
                       v-if="$auth('purchase-store-forms-edit')" @click='handleEdit(record)'
                     >修改</operation-button>-->
-                    <operation-button v-if="$auth('purchase-store-forms-edit') && record.status == 1" @click='handleInStoreApply(record)'
-                    >提交入库</operation-button>
-<!--                    <operation-button
+            <operation-button
+              v-if="$auth('purchase-store-forms-edit') && record.status == 1"
+              @click="handleInStoreApply(record)"
+            >提交入库</operation-button>
+            <!--                    <operation-button
                       v-if="$auth('store-stores-del')"
                       :type='2'
                       title='是否要删除该条数据？'
                       @confirm='batchDelete(record.id)'>删除</operation-button>-->
-                    <operation-button
-                      v-if="$auth('purchase-store-forms-edit') && record.status == 0 "
-                      :type='2'
-                      title='是否要封存当前采购单？'
-                      @confirm='batchDelete(record.id)'>暂时封存</operation-button>
-                    <operation-button
-                      v-if="$auth('purchase-store-forms-edit') && record.status == 4 "
-                      :type='2'
-                      title='是否要解封当前采购单？'
-                      @confirm='batchDelete(record.id)'>解除封存</operation-button>
-                  </template>
-                </span>
+            <operation-button
+              v-if="$auth('purchase-store-forms-edit') && record.status == 0 "
+              :type="2"
+              title="是否要封存当前采购单？"
+              @confirm="batchDelete(record.id)">暂时封存</operation-button>
+            <operation-button
+              v-if="$auth('purchase-store-forms-edit') && record.status == 4 "
+              :type="2"
+              title="是否要解封当前采购单？"
+              @confirm="batchDelete(record.id)">解除封存</operation-button>
+          </template>
+        </span>
         <span slot="status" slot-scope="text">
           <badge
             :status="DictCache.COLOR.PURCHASE_FORM_STATUS[text]"
@@ -95,13 +103,15 @@
         </span>
       </s-table>
     </div>
-    <base-form ref='baseModal' @ok='handleOk' />
-    <detail ref='detailModal' @ok='handleOk' />
+    <print-modal ref="printModal" @ok="handleOk"/>
+    <base-form ref="baseModal" @ok="handleOk" />
+    <detail ref="detailModal" @ok="handleOk" />
   </a-card>
 </template>
 
 <script>
 import { STable, Ellipsis } from '@/components'
+import PrintModal from './modules/PrintInStoreForm'
 import BaseForm from './modules/BaseForm'
 import Detail from './modules/Detail'
 import {
@@ -118,9 +128,10 @@ export default {
     STable,
     Ellipsis,
     BaseForm,
+    PrintModal,
     Detail
   },
-  data() {
+  data () {
     return {
       advanced: false,
       visible: true,
@@ -197,7 +208,8 @@ export default {
 
       options: {
         alert: {
-          show: true, clear: () => {
+          show: true,
+          clear: () => {
             this.selectedRowKeys = []
           }
         },
@@ -219,7 +231,8 @@ export default {
       if (!this.optionAlertShow) {
         this.options = {
           alert: {
-            show: true, clear: () => {
+            show: true,
+            clear: () => {
               this.selectedRowKeys = []
             }
           },
@@ -321,6 +334,13 @@ export default {
       }).catch(err => {
         console.log(err)
       })
+    },
+    handleStorePrint (record) {
+      this.visible = false
+      fetchPurchaseStoreForm({ id: record.id }).then(res => {
+        const modal = this.$refs.printModal
+        modal.base(res.data)
+      })
     }
   }
 }

src/views/store/purchaseform/modules/PurchaseStoreFormSelectModal.vue

@@ -1,60 +1,60 @@
 <template>
   <a-modal
-    :title='modalTitle'
-    :width='1000'
-    :visible='visible'
-    :confirmLoading='confirmLoading'
-    class='ant-modal2'
-    @cancel='handleCancel'
+    :title="modalTitle"
+    :width="1000"
+    :visible="visible"
+    :confirmLoading="confirmLoading"
+    class="ant-modal2"
+    @cancel="handleCancel"
   >
-    <a-card :bordered='false'>
-      <div class='table-page-search-wrapper'>
-        <a-form layout='inline'>
-          <a-row :gutter='48'>
-            <a-col :md='6' :sm='24'>
-              <a-form-item label='关键字'>
-                <a-input v-model='queryParam.keyword' placeholder='请输入名称/类型名称' />
+    <a-card :bordered="false">
+      <div class="table-page-search-wrapper">
+        <a-form layout="inline">
+          <a-row :gutter="48">
+            <a-col :md="6" :sm="24">
+              <a-form-item label="关键字">
+                <a-input v-model="queryParam.keyword" placeholder="请输入名称/类型名称" />
               </a-form-item>
             </a-col>
-            <a-col :md='6 || 24' :sm='24'>
-                            <span class='table-page-search-submitButtons'>
-                                <a-button type='primary' @click='$refs.table.refresh(true)'>查询</a-button>
-                                <a-button style='margin-left: 8px' @click='resetSearchForm'>重置</a-button>
-                                <a @click='()=>{ this.advanced = !this.advanced}' style='margin-left: 8px'>
-                                  {{ advanced ? '收起' : '展开' }}
-                                  <a-icon :type="advanced ? 'up' : 'down'" />
-                                </a>
-                            </span>
+            <a-col :md="6 || 24" :sm="24">
+              <span class="table-page-search-submitButtons">
+                <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
+                <a-button style="margin-left: 8px" @click="resetSearchForm">重置</a-button>
+                <a @click="()=>{ this.advanced = !this.advanced}" style="margin-left: 8px">
+                  {{ advanced ? '收起' : '展开' }}
+                  <a-icon :type="advanced ? 'up' : 'down'" />
+                </a>
+              </span>
             </a-col>
           </a-row>
         </a-form>
       </div>
 
-      <div class='table-operator'>
+      <div class="table-operator">
       </div>
 
       <s-table
-        ref='table'
-        size='default'
-        rowKey='id'
-        :columns='columns'
-        :data='loadData'
-        :alert='options.alert'
-        :customRow='options.customRow'
-        :rowSelection='options.rowSelection'
-        showPagination='auto'
+        ref="table"
+        size="default"
+        rowKey="id"
+        :columns="columns"
+        :data="loadData"
+        :alert="options.alert"
+        :customRow="options.customRow"
+        :rowSelection="options.rowSelection"
+        showPagination="auto"
       >
-                <span slot='action' slot-scope='record1'>
-                  <template>
-                    <a @click='handleView(record1)'>查看</a>
-                  </template>
-                </span>
+        <span slot="action" slot-scope="record1">
+          <template>
+            <a @click="handleView(record1)">查看</a>
+          </template>
+        </span>
       </s-table>
-      <detail ref='detailModal' />
+      <detail ref="detailModal" />
     </a-card>
-    <template slot='footer'>
-      <a-button :loading='confirmLoading' type='primary' @click='handleCancel()'>取消</a-button>
-      <a-button :loading='confirmLoading' type='primary' @click='handleSelect()'>确定</a-button>
+    <template slot="footer">
+      <a-button :loading="confirmLoading" type="primary" @click="handleCancel()">取消</a-button>
+      <a-button :loading="confirmLoading" type="primary" @click="handleSelect()">确定</a-button>
     </template>
   </a-modal>
 </template>
@@ -89,7 +89,7 @@ export default {
       }
     }
   },
-  data() {
+  data () {
     return {
       advanced: false,
       confirmLoading: false,
@@ -173,7 +173,8 @@ export default {
 
       options: {
         alert: {
-          show: true, clear: () => {
+          show: true,
+          clear: () => {
             this.selectedRowKeys = []
           }
         },
@@ -186,16 +187,17 @@ export default {
       isCreated: false
     }
   },
-  created() {
+  created () {
     // 下拉框map
     this.statusMap = this.DictCache.getLabelByValueMapByType(this.DictCache.TYPE.PURCHASE_STORE_FORM_STATUS)
   },
   methods: {
-    tableOption() {
+    tableOption () {
       if (!this.optionAlertShow) {
         this.options = {
           alert: {
-            show: true, clear: () => {
+            show: true,
+            clear: () => {
               this.selectedRowKeys = []
             }
           },
@@ -234,24 +236,24 @@ export default {
         this.optionAlertShow = false
       }
     },
-    handleView(record) {
+    handleView (record) {
       fetchPurchaseStoreForm({ id: record.id }).then(res => {
         const modal = this.$refs.detailModal
         modal.base(res.data)
       })
     },
-    handleOk() {
+    handleOk () {
       this.$refs.table.refresh()
     },
-    onSelectChange(selectedRowKeys, selectedRows) {
+    onSelectChange (selectedRowKeys, selectedRows) {
       this.selectedRowKeys = selectedRowKeys
       this.selectedRows = selectedRows
     },
-    resetSearchForm() {
+    resetSearchForm () {
       this.queryParam = {}
       this.$refs.table.refresh(true)
     },
-    base(record, queryParam = {}) {
+    base (record, queryParam = {}) {
       this.visible = true
       this.modalTitle = '选择信息'
       this.extraQueryParam = queryParam
@@ -265,11 +267,11 @@ export default {
         this.isCreated = true
       }
     },
-    handleCancel() {
+    handleCancel () {
       this.visible = false
       this.confirmLoading = false
     },
-    handleSelect() {
+    handleSelect () {
       if (this.selectedRowKeys.length === 0) {
         this.$message.warn('请至少选择一项信息')
       } else {
@@ -279,7 +281,7 @@ export default {
         this.visible = false
       }
     },
-    mySelect(selectedRowKeys, selectedRows) {
+    mySelect (selectedRowKeys, selectedRows) {
       if (this.type === 'radio') {
         this.$refs.table.updateSelect(selectedRowKeys, selectedRows)
         this.$refs.table.rowSelection.onChange(selectedRowKeys, selectedRows)
@@ -295,7 +297,6 @@ export default {
         this.$refs.table.updateSelect(mySelectedRowKeys, mySelectedRows)
         this.$refs.table.rowSelection.onChange(mySelectedRowKeys, mySelectedRows)
       }
-
     }
   }
 }