accidentListModal.vue 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <template>
  2. <a-modal
  3. title="事故单"
  4. v-model="accidentListModVis"
  5. :confirmLoading="confirmLoading"
  6. width="86%"
  7. style="top:330px;left:100px;minHeight:700px"
  8. :footer="null"
  9. >
  10. <!-- tabel 加载 -->
  11. <a-spin :spinning="confirmLoading">
  12. <!-- 回显信息 -->
  13. <div class="table-page-search-wrapper" style="marginTop:20px;">
  14. <a-form layout="inline" @keyup.enter.native="searchQuery">
  15. <a-row :gutter="24">
  16. <a-col :md="6" :sm="8">
  17. <a-form-item label="单号">
  18. <a-input v-model="accidentList.accidentNumber"></a-input>
  19. </a-form-item>
  20. </a-col>
  21. <a-col :md="6" :sm="8">
  22. <a-form-item label="责任人">
  23. <a-input v-model="accidentList.responsibilityPerson1"></a-input>
  24. </a-form-item>
  25. </a-col>
  26. <a-col :md="6" :sm="8">
  27. <a-form-item label="日期">
  28. <a-input v-model="accidentList.accidentData"></a-input>
  29. </a-form-item>
  30. </a-col>
  31. <a-col :md="6" :sm="8">
  32. <a-form-item label="工厂">
  33. <a-input v-model="accidentList.accidentUndertaker"></a-input>
  34. </a-form-item>
  35. </a-col>
  36. <a-col :md="6" :sm="8">
  37. <a-form-item label="客户">
  38. <a-input v-model="accidentList.customer"></a-input>
  39. </a-form-item>
  40. </a-col>
  41. <a-col :md="6" :sm="8">
  42. <a-form-item label="款号">
  43. <a-input v-model="accidentList.styleNumber"></a-input>
  44. </a-form-item>
  45. </a-col>
  46. <a-col :md="6" :sm="8">
  47. <a-form-item label="计划单号">
  48. <a-input v-model="accidentList.planNumber"> </a-input>
  49. </a-form-item>
  50. </a-col>
  51. <a-col :md="6" :sm="8">
  52. <a-form-item label="计划员">
  53. <a-input v-model="accidentList.planPersonnel"></a-input>
  54. </a-form-item>
  55. </a-col>
  56. <a-col :md="6" :sm="8">
  57. <a-form-item label="业务员">
  58. <a-input v-model="accidentList.businessPeople"></a-input>
  59. </a-form-item>
  60. </a-col>
  61. <a-col :md="6" :sm="8">
  62. <a-form-item label="承担方订单号">
  63. <a-input v-model="accidentList.garmentSalesOrder"></a-input>
  64. </a-form-item>
  65. </a-col>
  66. <a-col :md="6" :sm="8">
  67. <a-form-item label="物料">
  68. <a-input v-model="accidentList.material"></a-input>
  69. </a-form-item>
  70. </a-col>
  71. <a-col :md="6" :sm="8">
  72. <a-form-item label="QC">
  73. <a-input v-model="accidentList.qualityControl"></a-input>
  74. </a-form-item>
  75. </a-col>
  76. <a-col :md="24" :sm="24">
  77. <a-form-item label="备注" class="noteBg">
  78. <a-input type="textarea" v-model="accidentList.financeRemark" style="minHeight:100px;"></a-input>
  79. <!-- 导出 打印 返回 -->
  80. <a-row style="marginTop:20px;">
  81. <a-col :md="24" :sm="12">
  82. <span style="float: right;" class="table-operator">
  83. <a-button type="primary" icon="download" @click="handleExportXls('采购数量')">导出</a-button>
  84. <a-button type="primary" @click="print" icon="printer" style="margin:0 10px;">打印</a-button>
  85. <a-button type="primary" @click="backFabricLossTable" icon="rollback">返回</a-button>
  86. </span>
  87. </a-col>
  88. </a-row>
  89. </a-form-item>
  90. </a-col>
  91. </a-row>
  92. </a-form>
  93. </div>
  94. </a-spin>
  95. </a-modal>
  96. </template>
  97. <script>
  98. export default {
  99. name: 'AccidentListModal', // 事故单 弹框
  100. components: {},
  101. data() {
  102. return {
  103. loading: false,
  104. confirmLoading: false,
  105. accidentListModVis: false,
  106. accidentList: []
  107. }
  108. },
  109. // 接收父组件 方法
  110. props: {
  111. father: {
  112. type: Function,
  113. default: null
  114. }
  115. },
  116. created() {},
  117. methods: {
  118. // 导出
  119. handleExportXls(fileName) {
  120. console.log('需导出的fileName:', fileName)
  121. const params = this.dyeLossRateData
  122. console.log('导出参数', params)
  123. // downFile('/scas/dyeLoss/excel', params).then(data => {
  124. // console.log('888')
  125. // if (!data) {
  126. // this.$message.warning('文件下载失败')
  127. // return
  128. // }
  129. // if (typeof window.navigator.msSaveBlob !== 'undefined') {
  130. // window.navigator.msSaveBlob(new Blob([data], { type: 'application/vnd.ms-excel' }), fileName + '.xls')
  131. // } else {
  132. // let url = window.URL.createObjectURL(new Blob([data], { type: 'application/vnd.ms-excel' }))
  133. // let link = document.createElement('a')
  134. // link.style.display = 'none'
  135. // link.href = url
  136. // link.setAttribute('download', fileName + '.xls')
  137. // document.body.appendChild(link)
  138. // link.click()
  139. // document.body.removeChild(link) // 下载完成移除元素
  140. // window.URL.revokeObjectURL(url) // 释放掉blob对象
  141. // }
  142. // })
  143. },
  144. // 打印
  145. print() {},
  146. // 返回
  147. backFabricLossTable() {
  148. console.log('返回到面料损耗表')
  149. this.accidentListModVis = false
  150. }
  151. }
  152. }
  153. </script>
  154. <style lang="less" scoped>
  155. @import '~@assets/less/common.less';
  156. @import '~@assets/less/overwriter.less';
  157. /deep/ .ant-table-thead > tr > th {
  158. text-align: center;
  159. // font-weight: 700;
  160. }
  161. /deep/ .ant-table-tbody {
  162. text-align: center;
  163. }
  164. // /deep/ th.replacecolor {
  165. // background-color: #ccc;
  166. // }
  167. </style>