车间工艺管理

This commit is contained in:
Vergil
2020-02-24 16:29:16 +08:00
parent da5a0afa33
commit ba5cbadf7b

View File

@@ -1,128 +1,85 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-row> <el-row>
<el-col :span="7"> <el-col style="width: 290px">
<el-card> <el-card>
<el-row style="margin-bottom: 10px">
<span>工艺分类</span>
</el-row>
<el-row> <el-row>
<el-button type="distribution" style="margin: 3px" icon="el-icon-circle-plus-outline" size="small" @click="addProcessClassification()">新增</el-button> <el-button type="distribution" style="margin: 10px 10px 3px 0" icon="el-icon-circle-plus-outline" size="small" @click="addProcessClassification()">新增</el-button>
<el-button size="small" style="margin-left: 10px" type="warning" icon="el-icon-edit-outline" plain @click="editProcessClassification()">编辑</el-button> <el-button size="small" style="margin: 10px 10px 3px 0" type="warning" icon="el-icon-edit-outline" plain @click="editProcessClassification()">编辑</el-button>
<el-button size="small" style="margin-left: 10px" type="danger" icon="el-icon-delete" plain @click="delProcessClassification()">删除</el-button> <el-button size="small" style="margin: 10px 0 3px 0" type="danger" icon="el-icon-delete" plain @click="delProcessClassification()">删除</el-button>
<el-table v-loading="loading1" ref="multipleTable" :data="tableData1" size="mini" highlight-current-row stripe border tooltip-effect="dark" style="width: 100%" height="600">
<el-table-column align="center" label=" " width="50px">
<template slot-scope="scope">
<el-radio :label="scope.row.工艺分类流水号" v-model="radio" @change.native="getCurrentRow(scope.row.工艺分类流水号, scope.row.工艺分类名称)">
{{ a }}
</el-radio>
</template>
</el-table-column>
<el-table-column align="center" label="工艺分类">
<template slot-scope="scope">
{{ scope.row.工艺分类名称 }}
</template>
</el-table-column>
</el-table>
</el-row> </el-row>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="17"> <el-col style="width: 350px;">
<el-card> <el-card>
<div style="height: 37px"/> <el-button type="primary" plain style="margin: 10px 0 3px 0" icon="el-icon-circle-plus-outline" size="small" @click="addProcess">新增工艺名称</el-button>
<el-button type="primary" plain style="margin-left: 10px" icon="el-icon-circle-plus-outline" size="small" @click="addProcess">新增工艺名称</el-button> <el-table :data="tableData2" :row-key="getRowKeys" size="mini" highlight-current-row stripe border height="600" width="100%">
</el-card> <!--<el-table-column type="expand" label="详情">-->
</el-col> <!--<template slot-scope="scope">-->
</el-row> <!--<el-table :data="tableData3" class="subTableHeader" border stripe size="mini" style="width: 40%">-->
<el-row> <!--<el-table-column label="工艺要求" align="center">-->
<el-col :span="7"> <!--<template slot-scope="scope">-->
<el-card> <!--{{ scope.row.工艺要求 }}-->
<el-table <!--</template>-->
v-loading="loading1" <!--</el-table-column>-->
ref="multipleTable" <!--<el-table-column label="操作" align="center" >-->
:data="tableData1" <!--<template slot-scope="scope">-->
size="mini" <!--<el-tooltip effect="dark" content="编辑" placement="top">-->
highlight-current-row <!--<div style="display: inline-block">-->
stripe <!--<el-button-->
border <!--size="mini"-->
tooltip-effect="dark" <!--type="text"-->
style="width: 100%" <!--icon="el-icon-edit-outline"-->
height="550"> <!--@click="editTechnologicalRequirements(scope.row)"/>-->
<el-table-column align="center" label=" " width="50px"> <!--</div>-->
<template slot-scope="scope"> <!--</el-tooltip>-->
<el-radio :label="scope.row.工艺分类流水号" v-model="radio" @change.native="getCurrentRow(scope.row.工艺分类流水号, scope.row.工艺分类名称)"> <!--<el-tooltip effect="dark" content="删除" placement="top">-->
{{ a }} <!--<div style="display: inline-block">-->
</el-radio> <!--<el-button-->
</template> <!--size="mini"-->
</el-table-column> <!--type="text"-->
<el-table-column align="left" label="工艺分类"> <!--style="margin-left: 20px"-->
<template slot-scope="scope"> <!--icon="el-icon-delete"-->
{{ scope.row.工艺分类名称 }} <!--@click="delTechnologicalRequirements(scope.row)"/>-->
</template> <!--</div>-->
</el-table-column> <!--</el-tooltip>-->
</el-table> <!--</template>-->
</el-card> <!--</el-table-column>-->
</el-col> <!--</el-table>-->
<!--</template>-->
<el-col :span="17"> <!--</el-table-column>-->
<el-card > <el-table-column label="工艺名称" align="center" width="200">
<el-table
:data="tableData2"
:row-key="getRowKeys"
:row-style="abc"
:expand-row-keys="expands"
size="mini"
highlight-current-row
stripe
border
height="550"
width="100%"
@expand-change="searchTechnologicalRequirementsOfProcessNum">
<el-table-column type="expand" label="详情">
<template slot-scope="scope">
<el-table :data="tableData3" class="subTableHeader" border stripe size="mini" style="width: 40%">
<el-table-column label="工艺要求" align="center">
<template slot-scope="scope">
{{ scope.row.工艺要求 }}
</template>
</el-table-column>
<el-table-column label="操作" align="center" >
<template slot-scope="scope">
<el-tooltip effect="dark" content="编辑" placement="top">
<div style="display: inline-block">
<el-button
size="mini"
type="text"
icon="el-icon-edit-outline"
@click="editTechnologicalRequirements(scope.row)"/>
</div>
</el-tooltip>
<el-tooltip effect="dark" content="删除" placement="top">
<div style="display: inline-block">
<el-button
size="mini"
type="text"
style="margin-left: 20px"
icon="el-icon-delete"
@click="delTechnologicalRequirements(scope.row)"/>
</div>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column label="工艺名称" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.工艺名称 }} {{ scope.row.工艺名称 }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column align="center" label="操作" > <el-table-column align="center" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-tooltip :open-delay="1200" effect="dark" content="编辑" placement="top">
size="mini" <div style="display: inline-block">
type="warning" <el-button type="text" size="mini" icon="el-icon-edit-outline" style="margin-left: 10px" @click="delProcess(scope.row)"/>
icon="el-icon-edit-outline" </div>
plain </el-tooltip>
@click="editProcess(scope.row)">编辑工艺</el-button> <el-tooltip :open-delay="1200" effect="dark" content="删除" placement="top">
<el-button <div style="display: inline-block">
size="mini" <el-button type="text" size="mini" icon="el-icon-delete" style="margin-left: 10px" @click="editProcess(scope.row)"/>
type="danger" </div>
plain </el-tooltip>
icon="el-icon-delete" <!--<el-button size="mini" type="primary" plain icon="el-icon-circle-plus-outline" @click="addTechnologicalRequirements(scope.row)">新增要求</el-button>-->
@click="delProcess(scope.row)">删除工艺</el-button>
<el-button
size="mini"
type="primary"
plain
icon="el-icon-circle-plus-outline"
@click="addTechnologicalRequirements(scope.row)">新增要求</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@@ -259,11 +216,6 @@ export default {
this.searchProcessClassification() this.searchProcessClassification()
}, },
methods: { methods: {
abc() {
return {
height: '35px'
}
},
searchProcessClassification() { searchProcessClassification() {
this.loading1 = true this.loading1 = true
searchProcessClassification().then(response => { searchProcessClassification().then(response => {