<!--
|
* @Author: lzhe lzhe@example.com
|
* @Date: 2024-05-24 11:25:26
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-05-24 15:24:10
|
* @FilePath: /src/views/console/product-process/process-route/addWorking.vue
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
-->
|
<template>
|
<el-form :inline="true" :model="workmanshipForm" :rules="workmanshipRules" label-width="80px" class="form-view-data">
|
<el-row>
|
<el-col :span="24">
|
<el-form-item label="工序编号" prop="test0">
|
<el-select v-model="workmanshipForm.test0" style="width: 100%" placeholder="工序编号">
|
<el-option v-for="item in testList" :key="item.id" :label="item.name" :value="item.id"/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="工序名称">
|
<el-select v-model="workmanshipForm.test0" style="width: 100%" placeholder="工序名称">
|
<el-option v-for="item in testList" :key="item.id" :label="item.name" :value="item.id"/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="工种">
|
<span>-</span>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="工序顺序" prop="test0">
|
<el-input-number v-model="workmanshipForm.num" :min="1" :max="10" @change="handleChange" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="标准用时">
|
<el-input v-model="workmanshipForm.test" style="width: 20%;margin-right: 12px;">
|
<template #suffix>天</template>
|
</el-input>
|
<el-input v-model="workmanshipForm.test" style="width: 20%;margin-right: 12px;">
|
<template #suffix>时</template>
|
</el-input>
|
<el-input v-model="workmanshipForm.test" style="width: 20%;margin-right: 12px;">
|
<template #suffix>分</template>
|
</el-input>
|
<el-input v-model="workmanshipForm.test" style="width: 20%;">
|
<template #suffix>秒</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="准备工时">
|
<el-input v-model="workmanshipForm.test">
|
<template #suffix>分</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="装卸工时">
|
<el-input v-model="workmanshipForm.test">
|
<template #suffix>分</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="8">
|
<el-form-item label="运输工时">
|
<el-input v-model="workmanshipForm.test">
|
<template #suffix>分</template>
|
</el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="加工程序">
|
<el-input v-model="workmanshipForm.test"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="">
|
<el-checkbox v-model="workmanshipForm.box" label="选择程序文件" size="small"/>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="工艺包">
|
<el-tree-select
|
@change = "parentIdChange"
|
default-expand-all
|
v-model="workmanshipForm.test"
|
clearable
|
node-key="id"
|
placeholder="上级产品"
|
ref="parentTree"
|
:data="parentData"
|
check-strictly
|
:props="{ label: 'name' }"
|
style="width:100%;"
|
:render-after-expand="false" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="附件">
|
<span style="cursor: pointer;">+ 添加</span>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="夹具">
|
<el-button>关联夹具</el-button>
|
<el-button>批量关联</el-button>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-table ref="multipleTableRef" :data="tableDataJQ" border style="width: 100%;margin-bottom:12px;" class="multipleTableRef">
|
<el-table-column prop="code" label="夹具组"></el-table-column>
|
<el-table-column prop="name" label="夹具编号"></el-table-column>
|
<el-table-column prop="typeName" label="夹具名称"></el-table-column>
|
<el-table-column fixed="right" label="操作" width="200px">
|
<template #default="scope">
|
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="刀具">
|
<el-button>关联刀具</el-button>
|
<el-button>批量关联</el-button>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-table ref="multipleTableRef" :data="tableDataDQ" border style="width: 100%;" class="multipleTableRef">
|
<el-table-column prop="code" label="刀具类型"></el-table-column>
|
<el-table-column prop="name" label="刀具型号"></el-table-column>
|
<el-table-column prop="typeName" label="夹具编号"></el-table-column>
|
<el-table-column fixed="right" label="操作" width="200px">
|
<template #default="scope">
|
<el-button text type="primary" size="small" @click="table_edit(scope.row, scope.$index)">删除</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div style="margin-top:12px;">
|
<el-button>取消</el-button>
|
<el-button type="primary">保存</el-button>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
tableDataJQ: [],
|
tableDataDQ: [],
|
parentData: {},
|
testList: [],
|
workmanshipForm: {
|
test0: "",
|
test: "",
|
num: null,
|
box: false
|
},
|
workmanshipRules: {
|
|
},
|
}
|
},
|
mounted() {
|
},
|
methods: {
|
parentIdChange(val) {
|
|
},
|
table_edit() {
|
|
}
|
}
|
}
|
</script>
|
|
<style scoped>
|
</style>
|
