初版提交，天能基线
This commit is contained in:
psh
199
lms/nladmin-ui/src/views/wms/pdm/solidifyplan/index.vue
Normal file
199
lms/nladmin-ui/src/views/wms/pdm/solidifyplan/index.vue
Normal file
@@ -0,0 +1,199 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!--工具栏-->
|
||||
<div class="head-container">
|
||||
<div style="margin: 0 3px 3px 0; border: 1px solid #9eabf6; border-radius: 5px;">
|
||||
<el-form
|
||||
style="margin: 6px 0 -12px 0"
|
||||
:inline="true"
|
||||
label-position="right"
|
||||
label-width="90px"
|
||||
label-suffix=":"
|
||||
>
|
||||
<el-form-item label="固化方案">
|
||||
<el-select
|
||||
v-model="curingPlan"
|
||||
clearable
|
||||
size="mini"
|
||||
placeholder="固化方案"
|
||||
class="filter-item"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dict.gh_plan"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="curingPlan === '3'" label="混料方案">
|
||||
<span>{{ mixingScheme }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button :disabled="curingPlan === null || curingPlan === ''" type="success" @click="saveConfig">保存配置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
|
||||
<crudOperation :permission="permission" />
|
||||
<!--表单组件-->
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:before-close="crud.cancelCU"
|
||||
:visible.sync="crud.status.cu > 0"
|
||||
:title="crud.status.title"
|
||||
width="80%"
|
||||
>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
size="mini"
|
||||
label-width="80px"
|
||||
>
|
||||
<el-form-item v-if="false" label="方案编码">
|
||||
<el-input v-model="form.plan_code" style="width: 370px;" />
|
||||
</el-form-item>
|
||||
<solidify-plan-transfer
|
||||
ref="SolidifyPlanTransfer"
|
||||
v-model="tableData"
|
||||
:code="code"
|
||||
:show-query="true"
|
||||
:show-pagination="true"
|
||||
:title-texts="['待选物料','已选物料']"
|
||||
:button-texts="['添加','去除']"
|
||||
:table-row-key="row => row.name"
|
||||
/>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="text" @click="crud.cancelCU">取消</el-button>
|
||||
<el-button :loading="crud.cu === 2" type="primary" @click="commitSavePlan">确认</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--表格渲染-->
|
||||
<el-table
|
||||
ref="table"
|
||||
v-loading="crud.loading"
|
||||
:data="crud.data"
|
||||
size="mini"
|
||||
style="width: 100%;"
|
||||
@selection-change="crud.selectionChangeHandler"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="plan_code" label="方案编码" :min-width="flexWidth('plan_code',crud.data,'方案编码')" />
|
||||
<el-table-column prop="create_name" label="创建人" :min-width="flexWidth('create_name',crud.data,'创建人')" />
|
||||
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')" />
|
||||
<el-table-column prop="update_name" label="修改人" :min-width="flexWidth('update_name',crud.data,'修改人')" />
|
||||
<el-table-column prop="update_time" label="修改时间" :min-width="flexWidth('update_time',crud.data,'修改时间')" />
|
||||
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<udOperation
|
||||
:data="scope.row"
|
||||
:permission="permission"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页组件-->
|
||||
<pagination />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import crudPdmBdSolidifyPlan from './pdmBdSolidifyPlan'
|
||||
import CRUD, { crud, form, header, presenter } from '@crud/crud'
|
||||
import rrOperation from '@crud/RR.operation'
|
||||
import crudOperation from '@crud/CRUD.operation'
|
||||
import udOperation from '@crud/UD.operation'
|
||||
import pagination from '@crud/Pagination'
|
||||
import SolidifyPlanTransfer from '@/views/wms/pdm/solidifyplan/solidifyplan-transfer.vue'
|
||||
|
||||
const defaultForm = {
|
||||
plan_id: null,
|
||||
plan_code: null,
|
||||
create_id: null,
|
||||
create_name: null,
|
||||
create_time: null,
|
||||
update_id: null,
|
||||
update_name: null,
|
||||
update_time: null,
|
||||
material_ids: []
|
||||
}
|
||||
export default {
|
||||
name: 'PdmBdSolidifyPlan',
|
||||
components: { SolidifyPlanTransfer, pagination, crudOperation, rrOperation, udOperation },
|
||||
dicts: ['gh_plan'],
|
||||
mixins: [presenter(), header(), form(defaultForm), crud()],
|
||||
cruds() {
|
||||
return CRUD({
|
||||
title: '固化方案',
|
||||
url: 'api/pdmBdSolidifyPlan',
|
||||
idField: 'plan_id',
|
||||
sort: 'plan_id,desc',
|
||||
crudMethod: { ...crudPdmBdSolidifyPlan }
|
||||
})
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
permission: {
|
||||
},
|
||||
rules: {
|
||||
},
|
||||
curingPlan: null,
|
||||
mixingScheme: null,
|
||||
tableData: [],
|
||||
code: null
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getSolidifyPlan()
|
||||
this.getMixingScheme()
|
||||
},
|
||||
methods: {
|
||||
// 钩子：在获取表格数据之前执行，false 则代表不获取数据
|
||||
[CRUD.HOOK.beforeRefresh]() {
|
||||
return true
|
||||
},
|
||||
[CRUD.HOOK.beforeToEdit]() {
|
||||
this.code = this.$data.form.plan_code
|
||||
},
|
||||
// 获取固化方案
|
||||
getSolidifyPlan() {
|
||||
this.getValueByCode('CuringPlan').then(res => {
|
||||
this.curingPlan = res.value
|
||||
})
|
||||
},
|
||||
// 获取混放方案
|
||||
getMixingScheme() {
|
||||
this.getValueByCode('CurrentMaterials').then(res => {
|
||||
this.mixingScheme = res.value
|
||||
})
|
||||
},
|
||||
saveConfig() {
|
||||
if (this.curingPlan === '3' && this.crud.selections.length !== 1) {
|
||||
this.crud.notify('必须且仅能选择一个方案', CRUD.NOTIFICATION_TYPE.WARNING)
|
||||
return
|
||||
}
|
||||
// 执行保存
|
||||
const param = {
|
||||
curingPlan: this.curingPlan,
|
||||
planCode: this.crud.selections.length === 0 ? null : this.crud.selections[0].plan_code
|
||||
}
|
||||
crudPdmBdSolidifyPlan.changePlan(param).then(res => {
|
||||
this.mixingScheme = param.planCode
|
||||
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
this.crud.toQuery()
|
||||
})
|
||||
},
|
||||
commitSavePlan() {
|
||||
this.crud.form.material_ids = this.tableData.map(item => item.material_id)
|
||||
// 提交
|
||||
this.crud.submitCU('form')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,50 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function add(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdSolidifyPlan',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function del(ids) {
|
||||
return request({
|
||||
url: 'api/pdmBdSolidifyPlan/',
|
||||
method: 'delete',
|
||||
data: ids
|
||||
})
|
||||
}
|
||||
|
||||
export function edit(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdSolidifyPlan',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function details(code) {
|
||||
return request({
|
||||
url: 'api/pdmBdSolidifyPlan/details',
|
||||
method: 'post',
|
||||
data: code
|
||||
})
|
||||
}
|
||||
|
||||
export function detailMaterials(code) {
|
||||
return request({
|
||||
url: 'api/pdmBdSolidifyPlan/detailMaterials',
|
||||
method: 'post',
|
||||
data: code
|
||||
})
|
||||
}
|
||||
export function changePlan(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdSolidifyPlan/changePlan',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export default { add, edit, del, details, detailMaterials, changePlan }
|
||||
@@ -0,0 +1,472 @@
|
||||
<template>
|
||||
<div class="transfer">
|
||||
<div class="transfer-panel">
|
||||
<p class="transfer-panel-header">
|
||||
<span>{{ titleTexts && titleTexts[0] }}</span>
|
||||
<span>{{ leftSelection.length }}/{{ crud.data.length }}</span>
|
||||
</p>
|
||||
<div v-if="showQuery">
|
||||
<el-form :inline="true" :model="leftQueryCondition" class="query-form">
|
||||
<el-form-item label="模糊搜索">
|
||||
<el-input
|
||||
v-model="query.blurry"
|
||||
clearable
|
||||
size="mini"
|
||||
placeholder="编码名称"
|
||||
@keyup.enter.native="crud.toQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onLeftQuerySubmit()">{{ queryTexts[0] }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<!-- 左边数据-分页 -->
|
||||
<el-table
|
||||
ref="table"
|
||||
v-loading="crud.loading"
|
||||
size="mini"
|
||||
:max-height="maxHeight"
|
||||
:height="minHeight"
|
||||
:data="crud.data"
|
||||
:row-key="tableRowKey"
|
||||
:row-style="handleRowStyle"
|
||||
border
|
||||
stripe
|
||||
@row-click="handleLeftRowClick"
|
||||
@selection-change="handleLeftSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
width="40px"
|
||||
type="selection"
|
||||
:selectable="handleSelectable"
|
||||
/>
|
||||
<el-table-column prop="material_code" label="物料编码" width="160" />
|
||||
<el-table-column prop="material_name" label="物料名称" width="180" show-overflow-tooltip />
|
||||
<el-table-column prop="material_spec" label="物料规格" />
|
||||
</el-table>
|
||||
<!--分页组件-->
|
||||
<pagination />
|
||||
</div>
|
||||
<div class="transfer-buttons">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
:class="buttonClasses"
|
||||
:disabled="disabledLeftButton"
|
||||
@click.native="addToRight"
|
||||
>
|
||||
<span v-if="buttonTexts[0] !== undefined" class="button-text">{{ buttonTexts[0] }}</span>
|
||||
<i class="el-icon-arrow-right" />
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
:class="buttonClasses"
|
||||
:disabled="rightSelection.length === 0"
|
||||
@click.native="addToLeft"
|
||||
>
|
||||
<i class="el-icon-arrow-left" />
|
||||
<span v-if="buttonTexts[1] !== undefined" class="button-text">{{ buttonTexts[1] }}</span>
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="transfer-panel">
|
||||
<p class="transfer-panel-header">
|
||||
<span>{{ titleTexts && titleTexts[1] }}</span>
|
||||
<span>{{ rightSelection.length }}/{{ rightTableData.length }}</span>
|
||||
</p>
|
||||
<div v-if="showQuery">
|
||||
<el-form :inline="true" :model="rightQueryCondition" class="query-form">
|
||||
<slot name="rightCondition" :scope="rightQueryCondition" />
|
||||
<el-form-item>
|
||||
<el-button disabled type="primary" @click="onRightQuerySubmit()">{{ queryTexts[1] }}</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
ref="rightTable"
|
||||
size="small"
|
||||
:max-height="maxHeight"
|
||||
:height="minHeight"
|
||||
:data="calcRightTableData"
|
||||
:row-key="tableRowKey"
|
||||
border
|
||||
stripe
|
||||
@row-click="handleRightRowClick"
|
||||
@selection-change="handleRightSelectionChange"
|
||||
>
|
||||
<el-table-column width="40px" type="selection" />
|
||||
<el-table-column prop="material_code" label="物料编码" width="160" />
|
||||
<el-table-column prop="material_name" label="物料名称" width="180" show-overflow-tooltip />
|
||||
<el-table-column prop="material_spec" label="物料规格" />
|
||||
</el-table>
|
||||
<el-pagination
|
||||
v-if="showPagination"
|
||||
:total="rightTableData.length"
|
||||
layout="total"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import crudPdmBdSolidifyPlan from './pdmBdSolidifyPlan'
|
||||
import CRUD, { header, presenter } from '@crud/crud'
|
||||
import rrOperation from '@crud/RR.operation'
|
||||
import pagination from '@crud/Pagination'
|
||||
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
||||
|
||||
export default {
|
||||
name: 'EltTransfer',
|
||||
components: { rrOperation, pagination },
|
||||
cruds() {
|
||||
return CRUD({
|
||||
title: '物料数据',
|
||||
url: 'api/mdBaseMaterial',
|
||||
optShow: {},
|
||||
query: {
|
||||
is_used: true
|
||||
}
|
||||
})
|
||||
},
|
||||
mixins: [presenter(), header()],
|
||||
props: {
|
||||
value: {
|
||||
type: Array,
|
||||
default() {
|
||||
return []
|
||||
}
|
||||
},
|
||||
code: {
|
||||
type: String,
|
||||
default: null
|
||||
},
|
||||
// 显示条件查询
|
||||
showQuery: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 显示分页
|
||||
showPagination: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// 左侧分页回调
|
||||
paginationCallBack: {
|
||||
type: Function,
|
||||
default: function() {
|
||||
return new Promise((resolve, reject) => {
|
||||
try {
|
||||
resolve({ total: 0, data: null })
|
||||
} catch {
|
||||
reject()
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
// 标题文本
|
||||
titleTexts: {
|
||||
type: Array,
|
||||
default() {
|
||||
return ['待选项', '已选项']
|
||||
}
|
||||
},
|
||||
// 按钮文本
|
||||
buttonTexts: {
|
||||
type: Array,
|
||||
default() {
|
||||
return []
|
||||
}
|
||||
},
|
||||
// 查询按钮文本
|
||||
queryTexts: {
|
||||
type: Array,
|
||||
default() {
|
||||
return ['查询', '筛选']
|
||||
}
|
||||
},
|
||||
// 左侧参数
|
||||
leftColumns: {
|
||||
type: Array,
|
||||
default() {
|
||||
return []
|
||||
}
|
||||
},
|
||||
// 右侧参数
|
||||
rightColumns: {
|
||||
type: Array,
|
||||
default() {
|
||||
return undefined
|
||||
}
|
||||
},
|
||||
// 表格最小高度
|
||||
minHeight: {
|
||||
type: String,
|
||||
default: '300px'
|
||||
},
|
||||
// 表格最大高度
|
||||
maxHeight: {
|
||||
type: String,
|
||||
default: '500px'
|
||||
},
|
||||
// 表格行数据的Key
|
||||
tableRowKey: {
|
||||
type: Function,
|
||||
default(row) {
|
||||
return row && row && row.id
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
leftTableData: [],
|
||||
rightTableData: this.value || [],
|
||||
pageIndex: 1,
|
||||
pageSize: 20,
|
||||
totalSize: 0,
|
||||
leftSelection: [],
|
||||
rightSelection: [],
|
||||
leftQueryCondition: {},
|
||||
rightQueryCondition: {},
|
||||
rightConditionTemp: undefined
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
hasButtonTexts() {
|
||||
return this.buttonTexts.length === 2
|
||||
},
|
||||
buttonClasses() {
|
||||
return ['transfer-button', { 'is-with-texts': this.hasButtonTexts }]
|
||||
},
|
||||
disabledLeftButton() {
|
||||
return !this.leftSelection.some(leftRow => !this.rightTableData.some(rightRow => this.checkObjectIsEqual(leftRow, rightRow)))
|
||||
},
|
||||
calcRightTableData() {
|
||||
if (this.showQuery && this.rightConditionTemp) {
|
||||
const conditionKeys = Object.keys(this.rightConditionTemp)
|
||||
return this.rightTableData.filter(data => {
|
||||
return conditionKeys.some(key => {
|
||||
const rowCellData = data[key]
|
||||
const condVal = this.rightConditionTemp[key].trim()
|
||||
if (rowCellData) {
|
||||
return String(rowCellData).indexOf(condVal) > -1
|
||||
}
|
||||
return true
|
||||
})
|
||||
})
|
||||
}
|
||||
return this.rightTableData
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getDefaultTable()
|
||||
this.handlePaginationCallBack()
|
||||
},
|
||||
methods: {
|
||||
getDefaultTable() {
|
||||
if (this.code === null) return
|
||||
crudPdmBdSolidifyPlan.detailMaterials(this.code).then(res => {
|
||||
this.rightTableData = res
|
||||
})
|
||||
},
|
||||
handleLeftSelectionChange(selection) {
|
||||
this.leftSelection = selection
|
||||
},
|
||||
handleRightSelectionChange(selection) {
|
||||
this.rightSelection = selection
|
||||
},
|
||||
handleLeftRowClick(row) {
|
||||
if (!this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, row))) {
|
||||
this.$refs.table.toggleRowSelection(row)
|
||||
}
|
||||
},
|
||||
handleRightRowClick(row) {
|
||||
this.$refs.rightTable.toggleRowSelection(row)
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.pageSize = val
|
||||
this.handlePaginationCallBack()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.pageIndex = val
|
||||
this.handlePaginationCallBack()
|
||||
},
|
||||
handlePaginationCallBack() {
|
||||
if (this.showPagination && this.paginationCallBack) {
|
||||
const condition = {
|
||||
pageIndex: this.pageIndex,
|
||||
pageSize: this.pageSize,
|
||||
...this.leftQueryCondition
|
||||
}
|
||||
this.paginationCallBack.call(null, condition).then(result => {
|
||||
if (result && Array.isArray(result.data)) {
|
||||
this.crud.data = result.data
|
||||
this.totalSize = result.total
|
||||
}
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.crud.data.forEach(leftRow => {
|
||||
const isHave = this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, leftRow))
|
||||
this.$refs.table.toggleRowSelection(leftRow, isHave)
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
handleRowStyle({ row }) {
|
||||
if (this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, row))) {
|
||||
return {
|
||||
color: 'blue'
|
||||
}
|
||||
}
|
||||
return {}
|
||||
},
|
||||
handleSelectable(row) {
|
||||
return !this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, row))
|
||||
},
|
||||
// 添加到右边的方法
|
||||
addToRight() {
|
||||
for (const item of this.leftSelection) {
|
||||
const isHave = this.rightTableData.some(rightRow => this.checkObjectIsEqual(rightRow, item))
|
||||
if (!isHave) {
|
||||
this.rightTableData.push(item)
|
||||
}
|
||||
}
|
||||
this.$emit('input', this.rightTableData)
|
||||
},
|
||||
addToLeft() {
|
||||
this.rightSelection.forEach(item => {
|
||||
const index = this.rightTableData.findIndex(rightRow => this.checkObjectIsEqual(rightRow, item))
|
||||
if (index !== -1) {
|
||||
this.rightTableData.splice(index, 1)
|
||||
|
||||
const leftRow = this.crud.data.find(leftRow => this.checkObjectIsEqual(leftRow, item))
|
||||
if (leftRow) {
|
||||
this.$refs.table.toggleRowSelection(leftRow, false)
|
||||
}
|
||||
}
|
||||
})
|
||||
this.$emit('input', this.rightTableData)
|
||||
},
|
||||
// 查询
|
||||
onLeftQuerySubmit() {
|
||||
this.crud.toQuery()
|
||||
this.handlePaginationCallBack()
|
||||
},
|
||||
onRightQuerySubmit() {
|
||||
// this.rightConditionTemp = JSON.parse(JSON.stringify(this.rightQueryCondition))
|
||||
},
|
||||
checkObjectIsEqual(rowObj1, rowObj2) {
|
||||
return rowObj1.material_id === rowObj2.material_id
|
||||
},
|
||||
clear() {
|
||||
this.rightTableData = []
|
||||
this.$refs.leftTable.clearSelection()
|
||||
for (const key in this.leftQueryCondition) {
|
||||
this.leftQueryCondition[key] = undefined
|
||||
}
|
||||
for (const key in this.rightQueryCondition) {
|
||||
this.rightQueryCondition[key] = undefined
|
||||
}
|
||||
this.pageIndex = 1
|
||||
this.handlePaginationCallBack()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.transfer {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.el-icon-arrow-right, .el-icon-arrow-left {
|
||||
font-size: 40px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.transfer-panel {
|
||||
border: 1px solid #EBEEF5;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
background: #FFF;
|
||||
display: inline-block;
|
||||
width: calc((100% - 100px) / 2);
|
||||
max-height: 100%;
|
||||
box-sizing: border-box;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.transfer-panel .transfer-panel-header {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background: #F5F7FA;
|
||||
margin: 0;
|
||||
padding-left: 15px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.transfer-panel-header span:last-child {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.transfer-buttons {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.transfer-button {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
color: #FFF;
|
||||
background-color: #409EFF;
|
||||
font-size: 0
|
||||
}
|
||||
|
||||
.transfer-button .button-text {
|
||||
margin-left: 2px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.transfer-button.is-with-texts {
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.transfer-button.is-disabled, .transfer-button.is-disabled:hover {
|
||||
border: 1px solid #DCDFE6;
|
||||
background-color: #F5F7FA;
|
||||
color: #C0C4CC
|
||||
}
|
||||
|
||||
.transfer-button:first-child {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.transfer-button:nth-child(2) {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.transfer-button i, .transfer-button span {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.query-form {
|
||||
margin: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.query-form .el-form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
</style>
|
||||
119
lms/nladmin-ui/src/views/wms/pdm/track/index.vue
Normal file
119
lms/nladmin-ui/src/views/wms/pdm/track/index.vue
Normal file
@@ -0,0 +1,119 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!--工具栏-->
|
||||
<div class="head-container">
|
||||
<div v-if="crud.props.searchToggle">
|
||||
<el-form
|
||||
:inline="true"
|
||||
class="demo-form-inline"
|
||||
label-position="right"
|
||||
label-width="80px"
|
||||
label-suffix=":"
|
||||
>
|
||||
<el-form-item label="链路ID">
|
||||
<el-input
|
||||
v-model="query.buss_move_id"
|
||||
clearable
|
||||
style="width: 180px"
|
||||
placeholder="输入链路ID"
|
||||
@keyup.enter.native="crud.toQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="日期">
|
||||
<el-date-picker
|
||||
v-model="query.createTime"
|
||||
type="datetimerange"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
@change="crud.toQuery">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<rrOperation />
|
||||
</el-form>
|
||||
</div>
|
||||
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
|
||||
<crudOperation :permission="permission" />
|
||||
<!--表单组件-->
|
||||
<el-dialog :close-on-click-modal="false" :before-close="crud.cancelCU" :visible.sync="crud.status.cu > 0" :title="crud.status.title" width="500px">
|
||||
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="80px">
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="text" @click="crud.cancelCU">取消</el-button>
|
||||
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--表格渲染-->
|
||||
<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="buss_move_id" label="链路ID" :min-width="flexWidth('buss_move_id',crud.data,'链路id')"/>
|
||||
<el-table-column prop="process_action" label="动作" :min-width="flexWidth('process_action',crud.data,'动作')"/>
|
||||
<el-table-column prop="process_location" label="地点" :min-width="flexWidth('process_location',crud.data,'地点')"/>
|
||||
<el-table-column prop="point_name" label="名称" :min-width="flexWidth('point_name',crud.data,'地点')"/>
|
||||
<el-table-column prop="vehicle_code" label="载具编码" :min-width="flexWidth('vehicle_code',crud.data,'载具编码')"/>
|
||||
<el-table-column prop="record_time" label="记录时间" :min-width="flexWidth('record_time',crud.data,'记录时间')"/>
|
||||
<el-table-column prop="device_code" label="设备" :min-width="flexWidth('device_code',crud.data,'记录时间')"/>
|
||||
<el-table-column prop="material_code" label="产品编码" :min-width="flexWidth('material_code',crud.data,'记录时间')"/>
|
||||
<el-table-column prop="pcsn" label="批次" :min-width="flexWidth('pcsn',crud.data,'批次')"/>
|
||||
</el-table>
|
||||
<!--分页组件-->
|
||||
<pagination />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import crudPdmBdProductionProcessTracking from './pdmBdProductionProcessTracking'
|
||||
import CRUD, { crud, form, header, presenter } from '@crud/crud'
|
||||
import rrOperation from '@crud/RR.operation'
|
||||
import crudOperation from '@crud/CRUD.operation'
|
||||
import udOperation from '@crud/UD.operation'
|
||||
import pagination from '@crud/Pagination'
|
||||
|
||||
const defaultForm = {
|
||||
process_id: null,
|
||||
record_time: null,
|
||||
process_action: null,
|
||||
process_location: null,
|
||||
buss_move_id: null
|
||||
}
|
||||
export default {
|
||||
name: 'ProcessTracking',
|
||||
components: { pagination, crudOperation, rrOperation, udOperation },
|
||||
mixins: [presenter(), header(), form(defaultForm), crud()],
|
||||
cruds() {
|
||||
return CRUD({
|
||||
title: '生产过程跟踪表',
|
||||
url: 'api/pdmBdProductionProcessTracking',
|
||||
idField: 'process_id',
|
||||
sort: 'process_id,desc',
|
||||
crudMethod: { ...crudPdmBdProductionProcessTracking },
|
||||
optShow: {
|
||||
add: false,
|
||||
edit: false,
|
||||
del: false,
|
||||
download: false,
|
||||
reset: true
|
||||
}
|
||||
})
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
permission: {
|
||||
},
|
||||
rules: {
|
||||
} }
|
||||
},
|
||||
methods: {
|
||||
// 钩子：在获取表格数据之前执行，false 则代表不获取数据
|
||||
[CRUD.HOOK.beforeRefresh]() {
|
||||
return true
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,27 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function add(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdProductionProcessTracking',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function del(ids) {
|
||||
return request({
|
||||
url: 'api/pdmBdProductionProcessTracking/',
|
||||
method: 'delete',
|
||||
data: ids
|
||||
})
|
||||
}
|
||||
|
||||
export function edit(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdProductionProcessTracking',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export default { add, edit, del }
|
||||
601
lms/nladmin-ui/src/views/wms/pdm/workerorder/index.vue
Normal file
601
lms/nladmin-ui/src/views/wms/pdm/workerorder/index.vue
Normal file
@@ -0,0 +1,601 @@
|
||||
<template>
|
||||
<div v-loading.fullscreen.lock="fullscreenLoading" class="app-container">
|
||||
<!--工具栏-->
|
||||
<div class="head-container">
|
||||
<div v-if="crud.props.searchToggle">
|
||||
<!-- 搜索 -->
|
||||
<el-form
|
||||
:inline="true"
|
||||
class="demo-form-inline"
|
||||
label-position="right"
|
||||
label-width="80px"
|
||||
label-suffix=":"
|
||||
>
|
||||
<el-form-item label="工单编号">
|
||||
<el-input
|
||||
v-model="query.workorder_code"
|
||||
clearable
|
||||
placeholder="工单编号"
|
||||
class="filter-item"
|
||||
@keyup.enter.native="crud.toQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="设备编码">
|
||||
<el-input
|
||||
v-model="query.point_code"
|
||||
clearable
|
||||
placeholder="设备编码"
|
||||
class="filter-item"
|
||||
@keyup.enter.native="crud.toQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="创建时间">
|
||||
<el-date-picker
|
||||
v-model="query.createTime"
|
||||
type="datetimerange"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期"
|
||||
@change="crud.toQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="工单状态">
|
||||
<el-select
|
||||
v-model="query.workorder_status"
|
||||
multiple
|
||||
placeholder="工单状态"
|
||||
class="filter-item"
|
||||
clearable
|
||||
@change="handOrderStatus"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dict.pdm_workorder_status"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<rrOperation :crud="crud" />
|
||||
</el-form>
|
||||
</div>
|
||||
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， slot = 'left' or 'right'-->
|
||||
<crudOperation :permission="permission">
|
||||
<el-button
|
||||
slot="right"
|
||||
class="filter-item"
|
||||
type="success"
|
||||
icon="el-icon-position"
|
||||
size="mini"
|
||||
:disabled="!(crud.selections[0]) || crud.selections[1]"
|
||||
@click="submits(crud.selections[0])"
|
||||
>
|
||||
开工
|
||||
</el-button>
|
||||
<el-button
|
||||
slot="right"
|
||||
class="filter-item"
|
||||
type="danger"
|
||||
icon="el-icon-position"
|
||||
size="mini"
|
||||
:disabled="!(crud.selections[0]) || crud.selections[1]"
|
||||
@click="forceFinish(crud.selections[0])"
|
||||
>
|
||||
强制完工
|
||||
</el-button>
|
||||
</crudOperation>
|
||||
<!--表单组件-->
|
||||
<el-dialog
|
||||
:close-on-click-modal="false"
|
||||
:before-close="crud.cancelCU"
|
||||
:visible.sync="crud.status.cu > 0"
|
||||
:title="crud.status.title"
|
||||
width="820px"
|
||||
>
|
||||
<el-form
|
||||
ref="form"
|
||||
style="border: 1px solid #cfe0df;margin-top: 10px;padding-top: 10px;"
|
||||
:inline="true"
|
||||
:model="form"
|
||||
:rules="rules"
|
||||
size="mini"
|
||||
label-width="135px"
|
||||
label-suffix=":"
|
||||
>
|
||||
<el-form-item v-if="false" label="所属车间">
|
||||
<el-select
|
||||
v-model="form.workshop_code"
|
||||
placeholder="请选择"
|
||||
style="width: 240px;"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in workShopList"
|
||||
:label="item.workshop_name"
|
||||
:value="item.workshop_code"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="物料名称" prop="material_name">
|
||||
<el-input v-model="form.material_name" style="width: 240px;" @focus="getMaterial" />
|
||||
</el-form-item>
|
||||
<el-form-item label="物料编码">
|
||||
<el-input v-model="form.material_code" style="width: 240px;" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="物料规格">
|
||||
<el-input v-model="form.material_spec" style="width: 240px;" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="计划数量" prop="plan_qty">
|
||||
<el-input-number
|
||||
v-model.number="form.plan_qty"
|
||||
:min="0"
|
||||
style="width: 240px;"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划开始时间" prop="planproducestart_date">
|
||||
<el-date-picker
|
||||
v-model="form.planproducestart_date"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetime"
|
||||
style="width: 240px;"
|
||||
placeholder="选择日期时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="计划结束时间" prop="planproduceend_date">
|
||||
<el-date-picker
|
||||
v-model="form.planproduceend_date"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetime"
|
||||
style="width: 240px;"
|
||||
placeholder="选择日期时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="crud.status.edit" label="实际开始时间">
|
||||
<el-date-picker
|
||||
v-model="form.realproducestart_date"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetime"
|
||||
style="width: 240px;"
|
||||
placeholder="选择日期时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="crud.status.edit" label="实际结束时间">
|
||||
<el-date-picker
|
||||
v-model="form.realproduceend_date"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
type="datetime"
|
||||
style="width: 240px;"
|
||||
placeholder="选择日期时间"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="所属工序" prop="region_code">
|
||||
<el-select
|
||||
v-model="form.region_code"
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
style="width: 240px;"
|
||||
@change="setRegionName"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in regionList"
|
||||
:key="item.region_code"
|
||||
:label="item.region_code"
|
||||
:value="item.region_code"
|
||||
>
|
||||
<span style="float: left">{{ item.region_name }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.region_code }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="工序名称">
|
||||
<el-input v-model="form.region_name" style="width: 240px;" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="设备编码" prop="point_code">
|
||||
<el-select
|
||||
v-model="form.point_code"
|
||||
filterable
|
||||
placeholder="请选择"
|
||||
style="width: 240px;"
|
||||
@change="setPointName"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in pointList"
|
||||
:key="item.point_code"
|
||||
:label="item.point_code"
|
||||
:value="item.point_code"
|
||||
>
|
||||
<span style="float: left">{{ item.point_name }}</span>
|
||||
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.point_code }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="设备名称">
|
||||
<el-input v-model="form.point_name" style="width: 240px;" disabled />
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="静置时间(分钟)" prop="standing_time">-->
|
||||
<!-- <el-input-number-->
|
||||
<!-- v-model.number="form.standing_time"-->
|
||||
<!-- :min="0"-->
|
||||
<!-- :max="999"-->
|
||||
<!-- style="width: 240px;"-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-form-item v-show="crud.status.edit" label="实际数量" prop="real_qty">
|
||||
<el-input-number
|
||||
v-model.number="form.real_qty"
|
||||
:min="0"
|
||||
style="width: 240px;"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="载具类型">
|
||||
<el-select
|
||||
v-model="form.vehicle_type"
|
||||
clearable
|
||||
size="mini"
|
||||
placeholder="请选择"
|
||||
style="width: 240px;"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dict.vehicle_type"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="false" label="工单类型" prop="workorder_type">
|
||||
<el-input v-model="form.workorder_type" style="width: 240px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="班组">
|
||||
<el-select
|
||||
v-model="form.team"
|
||||
clearable
|
||||
size="mini"
|
||||
placeholder="请选择"
|
||||
class="filter-item"
|
||||
style="width: 240px;"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in dict.Team"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="可放固化室" prop="ghs">
|
||||
<el-select
|
||||
v-model="form.ghs"
|
||||
clearable
|
||||
filterable
|
||||
multiple
|
||||
size="mini"
|
||||
placeholder="请选择"
|
||||
class="filter-item"
|
||||
style="width: 240px;"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in ghsList"
|
||||
:label="item.point_name"
|
||||
:value="item.point_code"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否自动搬运" prop="is_needmove">
|
||||
<el-radio-group v-model="form.is_needmove" style="width: 240px">
|
||||
<el-radio :label="true">是</el-radio>
|
||||
<el-radio :label="false">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否加急" prop="is_needmove">
|
||||
<el-radio-group v-model="form.is_urgent" style="width: 240px">
|
||||
<el-radio :label="true">是</el-radio>
|
||||
<el-radio :label="false">否</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="text" @click="crud.cancelCU">取消</el-button>
|
||||
<el-button :loading="crud.cu === 2" type="primary" @click="crud.submitCU">确认</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--表格渲染-->
|
||||
<el-table
|
||||
ref="table"
|
||||
v-loading="crud.loading"
|
||||
:data="crud.data"
|
||||
size="mini"
|
||||
style="width: 100%;"
|
||||
@selection-change="crud.selectionChangeHandler"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column prop="workorder_code" label="工单编号" :min-width="flexWidth('workorder_code',crud.data,'工单编号')" />
|
||||
<el-table-column
|
||||
prop="workorder_status"
|
||||
label="工单状态"
|
||||
:min-width="flexWidth('workorder_status',crud.data,'工单状态')"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ dict.label.pdm_workorder_status[scope.row.workorder_status] }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="plan_qty" label="计划数量" :min-width="flexWidth('plan_qty',crud.data,'计划数量')" />
|
||||
<el-table-column prop="real_qty" label="实际数量" :min-width="flexWidth('real_qty',crud.data,'实际数量')" />
|
||||
<!-- <el-table-column prop="region_code" label="区域编码" :min-width="flexWidth('region_code',crud.data,'区域编码')" />-->
|
||||
<el-table-column prop="region_name" label="区域名称" :min-width="flexWidth('region_name',crud.data,'区域名称')" />
|
||||
<el-table-column prop="point_code" label="设备编码" :min-width="flexWidth('point_code',crud.data,'设备编码')" />
|
||||
<el-table-column prop="point_name" label="设备名称" :min-width="flexWidth('point_name',crud.data,'设备名称')" />
|
||||
<el-table-column prop="operator" label="开工人" :min-width="flexWidth('operator',crud.data,'开工人')" />
|
||||
<el-table-column prop="material_code" label="物料编码" :min-width="flexWidth('material_code',crud.data,'物料标识')" />
|
||||
<el-table-column prop="material_name" label="物料名称" :min-width="flexWidth('material_name',crud.data,'物料标识')" />
|
||||
<el-table-column prop="material_spec" label="物料规格" :min-width="flexWidth('material_spec',crud.data,'物料标识')" />
|
||||
<el-table-column prop="vehicle_type" label="载具类型" :min-width="flexWidth('vehicle_type',crud.data,'载具类型', 20)">
|
||||
<template slot-scope="scope">
|
||||
{{ dict.label.vehicle_type[scope.row.vehicle_type] }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="planproducestart_date"
|
||||
label="计划开始时间"
|
||||
:min-width="flexWidth('planproducestart_date',crud.data,'计划开始时间')"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="planproduceend_date"
|
||||
label="计划结束时间"
|
||||
:min-width="flexWidth('planproduceend_date',crud.data,'计划结束时间')"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="realproducestart_date"
|
||||
label="实际开始时间"
|
||||
:min-width="flexWidth('realproducestart_date',crud.data,'实际开始时间')"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="realproduceend_date"
|
||||
label="实际结束时间"
|
||||
:min-width="flexWidth('realproduceend_date',crud.data,'实际结束时间')"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="standing_time"
|
||||
label="静置时间(分钟)"
|
||||
:min-width="flexWidth('standing_time',crud.data,'静置时间(分钟)')"
|
||||
/>
|
||||
<el-table-column prop="is_needmove" label="是否自动搬运" :min-width="flexWidth('is_needmove',crud.data,'是否自动搬运')">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.is_needmove ? '是' : '否' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="is_urgent" label="是否加急" :min-width="flexWidth('is_urgent',crud.data,'是否加急')">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.is_urgent ? '是' : '否' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column prop="workorder_type" label="工单类型" :min-width="flexWidth('workorder_type',crud.data,'工单类型')" />-->
|
||||
<!--<el-table-column
|
||||
prop="passback_status"
|
||||
label="回传MES状态"
|
||||
:min-width="flexWidth('passback_status',crud.data,'回传MES状态')"
|
||||
/>-->
|
||||
<!-- <el-table-column prop="workshop_code" label="车间编码" :min-width="flexWidth('workshop_code',crud.data,'车间编码')" />-->
|
||||
<el-table-column prop="create_name" label="创建人" :min-width="flexWidth('create_name',crud.data,'创建人')" />
|
||||
<el-table-column prop="create_time" label="创建时间" :min-width="flexWidth('create_time',crud.data,'创建时间')" />
|
||||
<el-table-column prop="update_name" label="修改人" :min-width="flexWidth('update_name',crud.data,'修改人')" />
|
||||
<el-table-column prop="update_time" label="修改时间" :min-width="flexWidth('update_time',crud.data,'修改时间')" />
|
||||
<el-table-column v-permission="[]" label="操作" width="120px" align="center" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<udOperation
|
||||
:data="scope.row"
|
||||
:permission="permission"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页组件-->
|
||||
<pagination />
|
||||
</div>
|
||||
<MaterialDialog :dialog-show.sync="materialDialog" @tableChanged="tableChanged" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import crudPdmBdWorkorder from './pdmBdWorkorder'
|
||||
import crudSchBaseRegion from '@/views/wms/sch/region/schBaseRegion'
|
||||
import crudSchBasePoint from '@/views/wms/sch/point/schBasePoint'
|
||||
import CRUD, { crud, form, header, presenter } from '@crud/crud'
|
||||
import rrOperation from '@crud/RR.operation'
|
||||
import crudOperation from '@crud/CRUD.operation'
|
||||
import udOperation from '@crud/UD.operation'
|
||||
import pagination from '@crud/Pagination'
|
||||
import crudMdBaseWorkShop from '@/views/wms/basedata/workshop/mdBaseWorkshop'
|
||||
import MaterialDialog from '@/views/wms/sch/group/MaterialDialog.vue'
|
||||
import item from '@/layout/components/Sidebar/Item.vue'
|
||||
|
||||
const defaultForm = {
|
||||
workorder_id: null,
|
||||
workorder_code: null,
|
||||
plan_qty: null,
|
||||
real_qty: null,
|
||||
material_id: null,
|
||||
vehicle_type: null,
|
||||
team: null,
|
||||
planproducestart_date: null,
|
||||
planproduceend_date: null,
|
||||
realproducestart_date: null,
|
||||
realproduceend_date: null,
|
||||
material_spec: null,
|
||||
material_code: null,
|
||||
material_name: null,
|
||||
standing_time: null,
|
||||
point_code: null,
|
||||
point_name: null,
|
||||
region_code: null,
|
||||
region_name: null,
|
||||
workorder_status: null,
|
||||
is_needmove: true,
|
||||
workorder_type: null,
|
||||
passback_status: null,
|
||||
operator: null,
|
||||
workshop_code: null,
|
||||
ext_id: null,
|
||||
is_delete: false,
|
||||
is_urgent: false,
|
||||
ghs: null
|
||||
}
|
||||
export default {
|
||||
name: 'PdmBdWorkorder',
|
||||
dicts: ['vehicle_type', 'pdm_workorder_status', 'Team'],
|
||||
components: { MaterialDialog, pagination, crudOperation, rrOperation, udOperation },
|
||||
mixins: [presenter(), header(), form(defaultForm), crud()],
|
||||
cruds() {
|
||||
return CRUD({
|
||||
title: '工单管理',
|
||||
url: 'api/pdmBdWorkorder',
|
||||
idField: 'workorder_id',
|
||||
sort: 'workorder_id,desc',
|
||||
crudMethod: { ...crudPdmBdWorkorder }
|
||||
})
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
permission: {},
|
||||
rules: {
|
||||
material_code: [
|
||||
{ required: true, message: '物料不能为空', trigger: 'blur' }
|
||||
],
|
||||
plan_qty: [
|
||||
{ required: true, message: '计划数量不能为空', trigger: 'blur' }
|
||||
],
|
||||
planproducestart_date: [
|
||||
{ required: true, message: '计划开始不能为空', trigger: 'change' }
|
||||
],
|
||||
planproduceend_date: [
|
||||
{ required: true, message: '计划结束不能为空', trigger: 'change' }
|
||||
],
|
||||
point_code: [
|
||||
{ required: true, message: '设备编码不能为空', trigger: 'change' }
|
||||
],
|
||||
region_code: [
|
||||
{ required: true, message: '区域编码不能为空', trigger: 'change' }
|
||||
],
|
||||
ghs: [
|
||||
{ required: true, message: '可放固化室不能为空', trigger: 'change' }
|
||||
]
|
||||
/* workorder_type: [
|
||||
{ required: true, message: '工单类型不能为空', trigger: 'blur' }
|
||||
]*/
|
||||
},
|
||||
queryTypeOptions: [
|
||||
{ key: 'workorder_code', display_name: '工单编号' },
|
||||
{ key: 'point_code', display_name: '设备编码' }
|
||||
],
|
||||
workShopList: [],
|
||||
regionList: [],
|
||||
pointList: [],
|
||||
ghsList: [],
|
||||
regionCodeParam: null,
|
||||
materialDialog: false,
|
||||
fullscreenLoading: false
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getWorkShopList()
|
||||
this.getRegionList()
|
||||
this.getGhsList()
|
||||
},
|
||||
methods: {
|
||||
item() {
|
||||
return item
|
||||
},
|
||||
// 钩子：在获取表格数据之前执行，false 则代表不获取数据
|
||||
[CRUD.HOOK.beforeRefresh]() {
|
||||
return true
|
||||
},
|
||||
getWorkShopList() { // 获取车间列表
|
||||
crudMdBaseWorkShop.getWorkShopList().then(res => {
|
||||
this.workShopList = res
|
||||
})
|
||||
},
|
||||
getRegionList() { // 获取区域列表
|
||||
const param = {
|
||||
is_has_workder: true
|
||||
}
|
||||
crudSchBaseRegion.getRegionList(param).then(res => {
|
||||
this.regionList = res
|
||||
})
|
||||
},
|
||||
getPointList() { // 获取点位列表
|
||||
if (this.regionCodeParam) {
|
||||
const param = {
|
||||
region_code: this.regionCodeParam
|
||||
}
|
||||
crudSchBasePoint.getPointList(param).then(res => {
|
||||
this.pointList = res
|
||||
this.regionCodeParam = null
|
||||
})
|
||||
}
|
||||
},
|
||||
getGhsList() { // 获取点位列表
|
||||
const param = {
|
||||
region_code: 'GH',
|
||||
point_type: '1'
|
||||
}
|
||||
crudSchBasePoint.getPointList(param).then(res => {
|
||||
this.ghsList = res
|
||||
this.regionCodeParam = null
|
||||
})
|
||||
},
|
||||
getMaterial() {
|
||||
this.materialDialog = true
|
||||
},
|
||||
tableChanged(row) {
|
||||
this.form.material_name = row.material_name
|
||||
this.form.material_id = row.material_id
|
||||
this.form.material_spec = row.material_spec
|
||||
this.form.material_code = row.material_code
|
||||
},
|
||||
setRegionName(data) {
|
||||
// 清空
|
||||
this.form.point_code = null
|
||||
this.form.point_name = null
|
||||
this.regionCodeParam = data
|
||||
var region = this.regionList.find(item => item.region_code === data)
|
||||
this.form.region_name = region.region_name
|
||||
this.getPointList()
|
||||
},
|
||||
setPointName(data) {
|
||||
var point = this.pointList.find(item => item.point_code === data)
|
||||
this.form.point_name = point.point_name
|
||||
},
|
||||
handOrderStatus(value) {
|
||||
this.crud.query.more_order_status = null
|
||||
if (value) {
|
||||
this.crud.query.more_order_status = value.toString()
|
||||
}
|
||||
this.crud.toQuery()
|
||||
},
|
||||
// 下发
|
||||
submits(row) {
|
||||
this.fullscreenLoading = true
|
||||
crudPdmBdWorkorder.submits(row).then(res => {
|
||||
this.crud.notify('下发成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
this.crud.toQuery()
|
||||
}).catch(() => {
|
||||
this.fullscreenLoading = false
|
||||
}).finally(() => {
|
||||
this.fullscreenLoading = false
|
||||
})
|
||||
},
|
||||
forceFinish(row) {
|
||||
this.fullscreenLoading = true
|
||||
crudPdmBdWorkorder.forceFinish(row).then(res => {
|
||||
this.crud.notify('报工完成', CRUD.NOTIFICATION_TYPE.SUCCESS)
|
||||
this.crud.toQuery()
|
||||
}).catch(() => {
|
||||
this.fullscreenLoading = false
|
||||
}).finally(() => {
|
||||
this.fullscreenLoading = false
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,43 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function add(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdWorkorder',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function del(ids) {
|
||||
return request({
|
||||
url: 'api/pdmBdWorkorder/',
|
||||
method: 'delete',
|
||||
data: ids
|
||||
})
|
||||
}
|
||||
|
||||
export function edit(data) {
|
||||
return request({
|
||||
url: 'api/pdmBdWorkorder',
|
||||
method: 'put',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function submits(param) {
|
||||
return request({
|
||||
url: 'api/pdmBdWorkorder/submits',
|
||||
method: 'post',
|
||||
data: param
|
||||
})
|
||||
}
|
||||
|
||||
export function forceFinish(param) {
|
||||
return request({
|
||||
url: 'api/pdmBdWorkorder/forceFinish',
|
||||
method: 'post',
|
||||
data: param
|
||||
})
|
||||
}
|
||||
|
||||
export default { add, edit, del, submits, forceFinish }
|
||||
Reference in New Issue
Block a user