|
@@ -45,8 +45,8 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
<el-form-item label="" label-width="20px">
|
|
<el-form-item label="" label-width="20px">
|
|
- <el-button type="primary" size="small" icon="el-icon-search" plain>搜索</el-button>
|
|
|
|
- <el-button size="small" icon="el-icon-refresh" plain>重置</el-button>
|
|
|
|
|
|
+ <el-button type="primary" size="small" icon="el-icon-search" plain @click="searchList">搜索</el-button>
|
|
|
|
+ <el-button size="small" icon="el-icon-refresh" plain @click="resetList">重置</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
@@ -76,14 +76,9 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
<el-form-item label="物料四级大类编码">
|
|
<el-form-item label="物料四级大类编码">
|
|
- <el-select v-model="queryParams.materialClassifyFour" size="small" style="width: 200px" clearable placeholder="请选择">
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in options"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value">
|
|
|
|
- </el-option>
|
|
|
|
- </el-select>
|
|
|
|
|
|
+ <el-input size="small" style="width: 200px" readonly v-model="queryParams.materialClassifyFour">
|
|
|
|
+ <el-button slot="append" icon="el-icon-more" @click="chooseFourClass"></el-button>
|
|
|
|
+ </el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
@@ -101,7 +96,7 @@
|
|
<el-row :gutter="10">
|
|
<el-row :gutter="10">
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
<el-form-item label="物料编码">
|
|
<el-form-item label="物料编码">
|
|
- <el-select v-model="queryParams.material" size="small" style="width: 200px" clearable placeholder="请选择">
|
|
|
|
|
|
+ <el-select v-model="queryParams.material" size="small" style="width: 200px" clearable>
|
|
<el-option
|
|
<el-option
|
|
v-for="item in options"
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -113,7 +108,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
<el-form-item label="物料名称">
|
|
<el-form-item label="物料名称">
|
|
- <el-select v-model="queryParams.materialName" size="small" style="width: 200px" clearable placeholder="请选择">
|
|
|
|
|
|
+ <el-select v-model="queryParams.materialName" size="small" style="width: 200px" clearable>
|
|
<el-option
|
|
<el-option
|
|
v-for="item in options"
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -125,7 +120,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
<el-form-item label="订单员">
|
|
<el-form-item label="订单员">
|
|
- <el-select v-model="queryParams.orderPersonal" size="small" style="width: 200px" clearable placeholder="请选择">
|
|
|
|
|
|
+ <el-select v-model="queryParams.orderPersonal" size="small" style="width: 200px" clearable>
|
|
<el-option
|
|
<el-option
|
|
v-for="item in options"
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -137,7 +132,7 @@
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="1.5">
|
|
<el-col :span="1.5">
|
|
<el-form-item label="采购员">
|
|
<el-form-item label="采购员">
|
|
- <el-select v-model="queryParams.buyer" size="small" style="width: 200px" clearable placeholder="请选择">
|
|
|
|
|
|
+ <el-select v-model="queryParams.buyer" size="small" style="width: 200px" clearable>
|
|
<el-option
|
|
<el-option
|
|
v-for="item in options"
|
|
v-for="item in options"
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -257,6 +252,12 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="getList"/>
|
|
<Add v-model="isList" v-if="!isList" :pageStu="page" :disable="disable" :row="rowDetail" @refresh="getList"/>
|
|
|
|
+
|
|
|
|
+ <fourClass
|
|
|
|
+ ref="fourClass"
|
|
|
|
+ @doSubmit="acceptFourClass"
|
|
|
|
+ :single="true"
|
|
|
|
+ />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -264,11 +265,14 @@
|
|
import Add from './add.vue'
|
|
import Add from './add.vue'
|
|
import CollapseTransition from '@/components/MyCollapse/collapse.vue'
|
|
import CollapseTransition from '@/components/MyCollapse/collapse.vue'
|
|
import {getDivisionList, delDivision} from '@/api/purchase/basic.js'
|
|
import {getDivisionList, delDivision} from '@/api/purchase/basic.js'
|
|
|
|
+// 物料分类
|
|
|
|
+import fourClass from '@/components/PopDialog/fourClass.vue'
|
|
export default {
|
|
export default {
|
|
name: 'MaterialClassDivision',
|
|
name: 'MaterialClassDivision',
|
|
components: {
|
|
components: {
|
|
Add,
|
|
Add,
|
|
- CollapseTransition
|
|
|
|
|
|
+ CollapseTransition,
|
|
|
|
+ fourClass
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -316,6 +320,30 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ searchList() {
|
|
|
|
+ this.getList(this.queryParams)
|
|
|
|
+ },
|
|
|
|
+ resetList() {
|
|
|
|
+ this.queryParams = {
|
|
|
|
+ materialClassifyOne: '',
|
|
|
|
+ materialClassifyOneName: '',
|
|
|
|
+ materialClassifyTwo: '',
|
|
|
|
+ materialClassifyTwoName: '',
|
|
|
|
+ materialClassifyThree: '',
|
|
|
|
+ materialClassifyThreeName: '',
|
|
|
|
+ materialClassifyFour: '',
|
|
|
|
+ materialClassifyFourName: '',
|
|
|
|
+ material: '',
|
|
|
|
+ materialName: '',
|
|
|
|
+ orderPersonal: '',
|
|
|
|
+ buyer: '',
|
|
|
|
+ manufacturer: '',
|
|
|
|
+ remark: '',
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 5
|
|
|
|
+ }
|
|
|
|
+ this.getList(this.queryParams)
|
|
|
|
+ },
|
|
handleSelectionChange() {},
|
|
handleSelectionChange() {},
|
|
handleCommand(command) {
|
|
handleCommand(command) {
|
|
alert(command)
|
|
alert(command)
|
|
@@ -360,7 +388,16 @@ export default {
|
|
},
|
|
},
|
|
drop() {
|
|
drop() {
|
|
this.expanded = !this.expanded
|
|
this.expanded = !this.expanded
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ // 物料分类显示列表
|
|
|
|
+ chooseFourClass() {
|
|
|
|
+ this.$refs.fourClass.init()
|
|
|
|
+ },
|
|
|
|
+ // 选择物料分类
|
|
|
|
+ acceptFourClass(selections) {
|
|
|
|
+ console.log('收到的四级分类', selections)
|
|
|
|
+ this.queryParams.materialClassifyFour = selections.code
|
|
|
|
+ },
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|