Blame view

ant-design-vue-jeecg/src/views/system/task/TaskDetailList.vue 7.38 KB
肖超群 authored
1
2
3
4
<template>
  <a-card :bordered="false" :class="'cust-erp-sub-tab'">
    <!-- 操作按钮区域 -->
    <div class="table-operator" v-if="mainId">
易文鹏 authored
5
      <a-button @click="handleAdd" v-has="'taskDetail:add'" type="primary" icon="plus">新增</a-button>
肖超群 authored
6
7
8
9
10
11
12
13
      <a-button type="primary" icon="download" @click="handleExportXls('任务详情')">导出</a-button>
      <a-upload
        name="file"
        :showUploadList="false"
        :multiple="false"
        :headers="tokenHeader"
        :action="importExcelUrl"
        @change="handleImportExcel">
肖超群 authored
14
        <a-button type="primary" icon="import">导入</a-button>
肖超群 authored
15
16
      </a-upload>
      <a-dropdown v-if="selectedRowKeys.length > 0">
易文鹏 authored
17
        <a-menu slot="overlay" v-has="'taskDetail:deleteBatch'">
肖超群 authored
18
19
20
21
          <a-menu-item key="1" @click="batchDel">
            <a-icon type="delete"/>
            删除
          </a-menu-item>
肖超群 authored
22
        </a-menu>
肖超群 authored
23
24
25
        <a-button style="margin-left: 8px"> 批量操作
          <a-icon type="down"/>
        </a-button>
肖超群 authored
26
27
28
29
30
31
      </a-dropdown>
    </div>

    <!-- table区域-begin -->
    <div>
      <div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
肖超群 authored
32
        <i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a
33
        style="font-weight: 600">{{ selectedRowKeys.length }}</a> 项
肖超群 authored
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
        <a style="margin-left: 24px" @click="onClearSelected">清空</a>
      </div>

      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :scroll="{x:true}"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
        @change="handleTableChange">
50
51
52
53
54
55
        <span slot='companyCode' slot-scope='companyCode'>
          <a-tag :key='companyCode' color='blue'>
            {{ solutionCompany(companyCode) }}
          </a-tag>
        </span>
肖超群 authored
56
57
58
59
60
        <template slot="htmlSlot" slot-scope="text">
          <div v-html="text"></div>
        </template>
        <template slot="imgSlot" slot-scope="text">
          <span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
肖超群 authored
61
62
          <img v-else :src="getImgView(text)" height="25px" alt=""
               style="max-width:80px;font-size: 12px;font-style: italic;"/>
肖超群 authored
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
        </template>
        <template slot="fileSlot" slot-scope="text">
          <span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
          <a-button
            v-else
            :ghost="true"
            type="primary"
            icon="download"
            size="small"
            @click="downloadFile(text)">
            下载
          </a-button>
        </template>

        <span slot="action" slot-scope="text, record">
78
          <adjustment-doc-modal ref="adjustmentModal" @ok="modalFormOk" :id="record.id" :taskHeaderId="record.taskHeaderId"/>
79
80
          <a v-if="record.taskType==700" @click="createMany(record)">实盘登记</a>
          <a-divider type="vertical" v-if="record.taskType==700" />
易文鹏 authored
81
          <a v-has="'taskDetail:edit'" @click="handleEdit(record)">编辑</a>
肖超群 authored
82
          <a-divider type="vertical"/>
肖超群 authored
83
          <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
易文鹏 authored
84
            <a v-has="'taskDetail:delete'">删除</a>
肖超群 authored
85
86
87
88
89
90
91
92
93
94
95
96
          </a-popconfirm>
        </span>

      </a-table>
    </div>

    <taskDetail-modal ref="modalForm" @ok="modalFormOk" :mainId="mainId"></taskDetail-modal>
  </a-card>
</template>

<script>
肖超群 authored
97
98
import {JeecgListMixin} from '@/mixins/JeecgListMixin'
import TaskDetailModal from './modules/TaskDetailModal'
99
import AdjustmentDocModal from "../stocktaking/modules/AdjustmentDocModal";
100
import { getCompanyList } from '@api/api'
肖超群 authored
101
肖超群 authored
102
103
104
export default {
  name: "TaskDetailList",
  mixins: [JeecgListMixin],
105
  components: {TaskDetailModal,AdjustmentDocModal},
肖超群 authored
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
  props: {
    mainId: {
      type: String,
      default: '',
      required: false
    }
  },
  watch: {
    mainId: {
      immediate: true,
      handler(val) {
        if (!this.mainId) {
          this.clearList()
        } else {
          this.queryParam['taskHeaderId'] = val
          this.loadData(1);
肖超群 authored
122
123
        }
      }
肖超群 authored
124
125
126
127
128
129
    }
  },
  data() {
    return {
      description: '任务表管理页面',
      disableMixinCreated: true,
130
      companyList: [],
肖超群 authored
131
132
133
134
135
136
137
138
139
140
      // 表头
      columns: [
        {
          title: '任务详情ID',
          align: "center",
          dataIndex: 'id'
        },
        {
          title: '货主',
          align: "center",
141
142
143
          dataIndex: 'companyCode',
          key: 'companyCode',
          scopedSlots: {customRender: 'companyCode'}
肖超群 authored
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
        },
        {
          title: '物料编码',
          align: "center",
          dataIndex: 'materialCode'
        },
        {
          title: '物料名称',
          align: "center",
          dataIndex: 'materialName'
        },
        {
          title: '物料规格',
          align: "center",
          dataIndex: 'materialSpec'
        },
        {
          title: '物料单位',
          align: "center",
          dataIndex: 'materialUnit'
        },
        {
          title: '数量',
          align: "center",
          dataIndex: 'qty'
        },
        {
          title: '批次',
          align: "center",
          dataIndex: 'batch'
        },
        {
          title: '库存状态',
          align: "center",
          dataIndex: 'inventoryStatus_dictText',
肖超群 authored
179
        },
肖超群 authored
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
        {
          title: '创建人',
          align: "center",
          dataIndex: 'createBy'
        },
        {
          title: '创建日期',
          align: "center",
          dataIndex: 'createTime'
        },
        {
          title: '更新人',
          align: "center",
          dataIndex: 'updateBy'
        },
        {
          title: '更新日期',
          align: "center",
          dataIndex: 'updateTime'
        },
        {
          title: '操作',
          dataIndex: 'action',
          align: "center",
          fixed: "right",
          width: 147,
          scopedSlots: {customRender: 'action'},
肖超群 authored
207
        }
肖超群 authored
208
209
210
211
212
213
214
215
216
217
218
219
220
      ],
      url: {
        list: "/task/taskHeader/listTaskDetailByMainId",
        delete: "/task/taskHeader/deleteTaskDetail",
        deleteBatch: "/task/taskHeader/deleteBatchTaskDetail",
        exportXlsUrl: "/task/taskHeader/exportTaskDetail",
        importUrl: "/task/taskHeader/importTaskDetail",
      },
      dictOptions: {
        taskType: [],
        isEmptyOut: [],
        isDoubleIn: [],
        status: [],
肖超群 authored
221
222
      }
    }
肖超群 authored
223
224
  },
  created() {
225
    this.loadFrom();
肖超群 authored
226
227
228
229
230
231
232
  },
  computed: {
    importExcelUrl() {
      return `${window._CONFIG['domianURL']}/${this.url.importUrl}/${this.mainId}`;
    }
  },
  methods: {
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
    loadFrom() {
      getCompanyList().then((res) => {
        if (res.success) {
          this.companyList = res.result
        }
      });
    },
    solutionCompany(value) {
      var actions = []
      Object.keys(this.companyList).some((key) => {
        if (this.companyList[key].code == ('' + value)) {
          actions.push(this.companyList[key].name)
          return true
        }
      })
      return actions.join('')
    },
肖超群 authored
250
251
252
253
    clearList() {
      this.dataSource = []
      this.selectedRowKeys = []
      this.ipagination.current = 1
254
255
256
257
258
    },
    createMany() {
      this.$refs.adjustmentModal.edit();
      this.$refs.adjustmentModal.title = "实盘登记";
    },
肖超群 authored
259
肖超群 authored
260
  }
肖超群 authored
261
}
肖超群 authored
262
263
</script>
<style scoped>
肖超群 authored
264
@import '~@assets/less/common.less'
肖超群 authored
265
</style>