|
@@ -0,0 +1,102 @@
|
|
|
|
|
+<!-- 搜索表单 -->
|
|
|
|
|
+<template>
|
|
|
|
|
+ <el-form
|
|
|
|
|
+ label-width="120px"
|
|
|
|
|
+ class="ele-form-search"
|
|
|
|
|
+ @keyup.enter.native="search"
|
|
|
|
|
+ @submit.native.prevent
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col v-bind="styleResponsive ? { lg: 5, md: 12 } : { span: 4 }">
|
|
|
|
|
+ <el-form-item label="工艺路线组编码:">
|
|
|
|
|
+ <el-input clearable v-model="where.code" placeholder="请输入" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col v-bind="styleResponsive ? { lg: 5, md: 12 } : { span: 4 }">
|
|
|
|
|
+ <el-form-item label="工艺路线名称:">
|
|
|
|
|
+ <el-input clearable v-model="where.name" placeholder="请输入" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col v-bind="styleResponsive ? { lg: 5, md: 12 } : { span: 4 }">
|
|
|
|
|
+ <el-form-item label="生产版本:">
|
|
|
|
|
+ <el-select v-model="where.produceVersionId" filterable placeholder="请选择" :style="{ width: '100%' }">
|
|
|
|
|
+ <el-option v-for="item in versionList" :key="item.code" :label="item.code + '-' + item.name"
|
|
|
|
|
+ :value="item.id">
|
|
|
|
|
+ </el-option>
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <el-col v-bind="styleResponsive ? { lg: 4, md: 12 } : { span: 4 }">
|
|
|
|
|
+ <el-form-item label-width="20px">
|
|
|
|
|
+ <el-button
|
|
|
|
|
+ type="primary"
|
|
|
|
|
+ icon="el-icon-search"
|
|
|
|
|
+ class="ele-btn-icon"
|
|
|
|
|
+ @click="search"
|
|
|
|
|
+ >
|
|
|
|
|
+ 查询
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ <el-button @click="reset">重置</el-button>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </el-form>
|
|
|
|
|
+ </template>
|
|
|
|
|
+
|
|
|
|
|
+ <script>
|
|
|
|
|
+ import { versionPage } from '@/api/saleOrder';
|
|
|
|
|
+ export default {
|
|
|
|
|
+ data() {
|
|
|
|
|
+ // 默认表单数据
|
|
|
|
|
+ const defaultWhere = {
|
|
|
|
|
+ code: '',
|
|
|
|
|
+ name: '',
|
|
|
|
|
+ produceVersionId: ''
|
|
|
|
|
+ };
|
|
|
|
|
+ return {
|
|
|
|
|
+ // 表单数据
|
|
|
|
|
+ where: { ...defaultWhere },
|
|
|
|
|
+ statusList: [
|
|
|
|
|
+ { label: '草稿', value: -1 },
|
|
|
|
|
+ { label: '失效', value: 0 },
|
|
|
|
|
+ { label: '生效', value: 1 }
|
|
|
|
|
+ ],
|
|
|
|
|
+
|
|
|
|
|
+ versionList: [],
|
|
|
|
|
+ };
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ created() {
|
|
|
|
|
+ this.getVersionList()
|
|
|
|
|
+ },
|
|
|
|
|
+ computed: {
|
|
|
|
|
+ // 是否开启响应式布局
|
|
|
|
|
+ styleResponsive() {
|
|
|
|
|
+ return this.$store.state.theme.styleResponsive;
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ /* 搜索 */
|
|
|
|
|
+ search() {
|
|
|
|
|
+ this.$emit('search', this.where);
|
|
|
|
|
+ },
|
|
|
|
|
+ /* 重置 */
|
|
|
|
|
+ reset() {
|
|
|
|
|
+ this.where = { ...this.defaultWhere }
|
|
|
|
|
+ this.search();
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+ async getVersionList() {
|
|
|
|
|
+ const res = await versionPage({
|
|
|
|
|
+ pageNum: 1,
|
|
|
|
|
+ size: -1
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ this.versionList = res.list;
|
|
|
|
|
+ },
|
|
|
|
|
+ }
|
|
|
|
|
+ };
|
|
|
|
|
+ </script>
|
|
|
|
|
+
|