|
|
@@ -2,35 +2,44 @@
|
|
|
<div class="leftcon">
|
|
|
<el-form ref="form" :model="form" label-width="100px" :inline="true">
|
|
|
<el-form-item label="车间">
|
|
|
- <el-select
|
|
|
- v-model="form.workShop"
|
|
|
- v-bind="$attrs"
|
|
|
- multiple
|
|
|
- style="width: 100%"
|
|
|
- placeholder="请选择线路"
|
|
|
- @change="handleSelect"
|
|
|
- >
|
|
|
- <div style="padding: 0 20px; line-height: 34px">
|
|
|
- <el-checkbox
|
|
|
- v-model="checkAll"
|
|
|
- :indeterminate="isIndeterminate"
|
|
|
- @change="handleCheckAllChange"
|
|
|
- >全选</el-checkbox
|
|
|
- >
|
|
|
- </div>
|
|
|
- <el-checkbox-group v-model="form.workShop">
|
|
|
- <el-option
|
|
|
- v-for="item in this.workShopOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- <el-checkbox style="pointer-events: none" :label="item.value">
|
|
|
- {{ item.label }}
|
|
|
- </el-checkbox>
|
|
|
- </el-option>
|
|
|
- </el-checkbox-group>
|
|
|
+ <el-select v-model="form.workShop" placeholder="请选择车间" @change="handleselect">
|
|
|
+ <el-option
|
|
|
+ v-for="item in this.workShopOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
</el-select>
|
|
|
+<!-- <el-select-->
|
|
|
+<!-- v-model="form.workShop"-->
|
|
|
+<!-- v-bind="$attrs"-->
|
|
|
+<!-- multiple-->
|
|
|
+<!-- style="width: 100%"-->
|
|
|
+<!-- placeholder="请选择线路"-->
|
|
|
+<!-- @change="handleSelect"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <div style="padding: 0 20px; line-height: 34px">-->
|
|
|
+<!-- <el-checkbox-->
|
|
|
+<!-- v-model="checkAll"-->
|
|
|
+<!-- :indeterminate="isIndeterminate"-->
|
|
|
+<!-- @change="handleCheckAllChange"-->
|
|
|
+<!-- >全选</el-checkbox-->
|
|
|
+<!-- >-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <el-checkbox-group v-model="form.workShop">-->
|
|
|
+<!-- <el-option-->
|
|
|
+<!-- v-for="item in this.workShopOptions"-->
|
|
|
+<!-- :key="item.value"-->
|
|
|
+<!-- :label="item.label"-->
|
|
|
+<!-- :value="item.value"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <el-checkbox style="pointer-events: none" :label="item.value">-->
|
|
|
+<!-- {{ item.label }}-->
|
|
|
+<!-- </el-checkbox>-->
|
|
|
+<!-- </el-option>-->
|
|
|
+<!-- </el-checkbox-group>-->
|
|
|
+<!-- </el-select>-->
|
|
|
</el-form-item>
|
|
|
<el-form-item label="生产线">
|
|
|
<el-select v-model="form.producLine" placeholder="请选择生产线">
|
|
|
@@ -48,6 +57,8 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { listAllWorkshop } from '@/api/mes/md/workshop'
|
|
|
+import {getIsWorkareaList} from "@/api/mes/wa/workarea"
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -71,20 +82,48 @@ export default {
|
|
|
],
|
|
|
};
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ this.getworkshopList()
|
|
|
+ },
|
|
|
methods: {
|
|
|
- // 下拉框选择事件
|
|
|
- handleSelect(value) {
|
|
|
- console.log(value, "value");
|
|
|
- const checkedCount = value.length;
|
|
|
- this.checkAll = checkedCount === this.workShopOptions.length;
|
|
|
- this.isIndeterminate =
|
|
|
- checkedCount > 0 && checkedCount < this.workShopOptions.length;
|
|
|
- const data = value.map((item) => {
|
|
|
- return item;
|
|
|
- });
|
|
|
- this.form.workShop = value.length > 0 ? data : [];
|
|
|
- console.log(this.form.workShop, " form.workShop");
|
|
|
+ // 获取车间列表
|
|
|
+ getworkshopList(){
|
|
|
+ listAllWorkshop().then(response => {
|
|
|
+ this.workShopOptions = response.data.map((item) => {
|
|
|
+ return {
|
|
|
+ label:item.workshopName,
|
|
|
+ value:item.workshopId,
|
|
|
+ key:item.workshopCode
|
|
|
+ }
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 单选车间下拉
|
|
|
+ handleselect(value){
|
|
|
+ getIsWorkareaList(value).then(response => {
|
|
|
+ this.producLineOptions = response.data.map((item) => {
|
|
|
+ return {
|
|
|
+ label:item.workareaName,
|
|
|
+ value:item.workareaId,
|
|
|
+ key:item.workareaCode
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
},
|
|
|
+ // 多选车间下拉框选择事件
|
|
|
+ // handleSelect(value) {
|
|
|
+ // console.log(value, "value");
|
|
|
+ // const checkedCount = value.length;
|
|
|
+ // this.checkAll = checkedCount === this.workShopOptions.length;
|
|
|
+ // this.isIndeterminate =
|
|
|
+ // checkedCount > 0 && checkedCount < this.workShopOptions.length;
|
|
|
+ // const data = value.map((item) => {
|
|
|
+ // return item;
|
|
|
+ // });
|
|
|
+ // this.form.workShop = value.length > 0 ? data : [];
|
|
|
+ //
|
|
|
+ // console.log(this.form.workShop, " form.workShop");
|
|
|
+ // },
|
|
|
// 全选事件
|
|
|
handleCheckAllChange(val) {
|
|
|
const data = this.workShopOptions.map((item) => {
|