outsourcingPickingList.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <template>
  2. <ele-modal title="委外领料" :visible.sync="visible" :before-close="handleClose" :close-on-click-modal="false"
  3. :maxable="true"
  4. :close-on-press-escape="false" append-to-body width="60%">
  5. <template slot="footer">
  6. <el-button size="mini" @click="handleClose">取 消</el-button>
  7. <el-button size="mini" type="primary" @click="save()">确 定</el-button>
  8. </template>
  9. </ele-modal>
  10. </template>
  11. <script>
  12. import pickingList from './pickingList.vue';
  13. import { workorderList, getCode,getInventoryTotal,znworkorderList } from '@/api/produce/workOrder';
  14. import { typeName } from '../common.js';
  15. import { batchSave,znfindVoucherList } from '@/api/produce/picking';
  16. export default {
  17. components: {
  18. pickingList
  19. },
  20. props: {
  21. workListIds: {
  22. type: Array,
  23. default() {
  24. return [];
  25. }
  26. }
  27. },
  28. data() {
  29. return {
  30. visible: true,
  31. };
  32. },
  33. computed: {
  34. taskObj() {
  35. return this.$store.state.user.taskObj;
  36. },
  37. clientEnvironmentId() {
  38. return this.$store.state.user.info.clientEnvironmentId;
  39. }
  40. },
  41. watch: {},
  42. methods: {
  43. handleClose() {
  44. this.$emit('closeOutsourcingPicking', false);
  45. },
  46. save() {
  47. }
  48. },
  49. created() {
  50. }
  51. };
  52. </script>
  53. <style lang="scss" scoped>
  54. .table_content {
  55. margin-bottom: 10px;
  56. }
  57. .tableZ_box {
  58. border: 1px solid #e3e5e5;
  59. margin: 6px 0;
  60. &:last-child {
  61. border-bottom: none;
  62. }
  63. .row {
  64. width: 100%;
  65. display: flex;
  66. }
  67. .col {
  68. width: calc(100% / 5);
  69. display: flex;
  70. align-items: center;
  71. min-width: 200px;
  72. min-height: 32px;
  73. border-bottom: 1px solid #e3e5e5;
  74. border-right: 1px solid #e3e5e5;
  75. &:last-child {
  76. border-right: none;
  77. }
  78. .name {
  79. display: flex;
  80. align-items: center;
  81. padding: 4px;
  82. width: 80px;
  83. height: 100%;
  84. background-color: #d0e4d5;
  85. color: #000;
  86. }
  87. .content {
  88. padding: 4px 6px;
  89. color: #000;
  90. }
  91. }
  92. .pd6 {
  93. padding: 0 6px;
  94. }
  95. }
  96. </style>
  97. <style>
  98. :v-deep .el-form-item__error {
  99. bottom: -6px !important;
  100. }
  101. </style>