| | |
| | | </el-row> |
| | | <el-table v-loading="loading" border :data="lineInfoList" @selection-change="handleSelectionChange" v-if="lineInfoList.length > 0"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="产线编号" align="center" prop="lineCode"> |
| | | <el-table-column label="产线编号" width="120" align="center" prop="lineCode"> |
| | | </el-table-column> |
| | | <el-table-column :show-overflow-tooltip='true' label="产线名称" align="center" prop="lineName"> |
| | | </el-table-column> |
| | | <el-table-column label="车间编码" align="center" prop="workshopCode"> |
| | | <el-table-column label="车间编码" width="120" align="center" prop="workshopCode"> |
| | | </el-table-column> |
| | | <el-table-column label="车间名称" align="center" prop="workshopName"> |
| | | <el-table-column label="车间名称" width="120" align="center" prop="workshopName"> |
| | | </el-table-column> |
| | | <el-table-column label="状态" align="center" prop="status" width="80"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag :options="dict.type.sys_normal_disable" :value="scope.row.status"/> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="备注" align="center" prop="remarks"> |
| | | <el-table-column label="备注" width="150" align="center" prop="remarks"> |
| | | </el-table-column> |
| | | <el-table-column label="创建人" align="center" prop="createUser" width="80"> |
| | | <el-table-column label="创建人" align="center" prop="createUser" width="150"> |
| | | </el-table-column> |
| | | <el-table-column label="创建时间" align="center" prop="createTime" width="170"> |
| | | </el-table-column> |
| | | <el-table-column label="更新人" align="center" prop="updateUser" width="80"> |
| | | <el-table-column label="更新人" align="center" prop="updateUser" width="150"> |
| | | </el-table-column> |
| | | <el-table-column label="更新时间" align="center" prop="updateTime" width="170"> |
| | | </el-table-column> |
| | |
| | | <el-input v-model="form.lineName" placeholder="请输入产线名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="车间编号" prop="workshopCode"> |
| | | <el-input v-model="form.workshopCode" placeholder="请输入车间编号" /> |
| | | </el-form-item> |
| | | <el-form-item style="margin-left: -15px" label="车间编号" prop="workshopCode"> |
| | | <el-select style="width: 93%" v-model="form.workshopCode" placeholder="请选择车间编号"> |
| | | <el-select style="width: 100%" @change="handleSelectChange(form.workshopCode)" v-model="form.workshopCode" placeholder="请选择车间编号"> |
| | | <el-option |
| | | v-for="item in lineOptions" |
| | | :key="item.lineCode" |
| | | :label="item.lineName" |
| | | :value="item.lineCode"> |
| | | v-for="item in options" |
| | | :key="item.workshopCode" |
| | | :label="item.workshopCode" |
| | | :value="item.workshopCode"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="车间名称" prop="workshopName"> |
| | | <el-input v-model="form.workshopName" placeholder="请输入车间名称" /> |
| | | <el-input disabled v-model="form.workshopName" placeholder="请输入车间名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="状态" prop="status"> |
| | | <el-radio-group v-model="form.status"> |
| | |
| | | |
| | | <script> |
| | | import { listLineInfo, getLineInfo, delLineInfo, addLineInfo, updateLineInfo } from "@/api/main/bs/lineInfo/lineInfo"; |
| | | import {listWorkshop} from "@/api/main/bs/workshop/workshop"; |
| | | |
| | | export default { |
| | | name: "LineInfo", |
| | |
| | | return { |
| | | // 遮罩层 |
| | | loading: true, |
| | | options: [], |
| | | titleName: 'test', |
| | | // 选中数组 |
| | | ids: [], |
| | |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | this.initWorkshop(); |
| | | }, |
| | | methods: { |
| | | // 在这里编写处理选中事件的逻辑 |
| | | handleSelectChange(selectedOption) { |
| | | this.queryParams.workshopCode = selectedOption; |
| | | listWorkshop(this.queryParams).then(response => { |
| | | this.form.workshopName = response.rows[0].workshopName; |
| | | }); |
| | | }, |
| | | initWorkshop(){ |
| | | listWorkshop(this.queryParams).then(response => { |
| | | this.options = response.rows; |
| | | }); |
| | | }, |
| | | advancedQuery(){ |
| | | this.advancedShowSearch = (this.advancedShowSearch) ? this.advancedShowSearch = false : this.advancedShowSearch = true; |
| | | }, |