|
|
@@ -1,163 +1,69 @@
|
|
|
<!-- 搜索表单 -->
|
|
|
<template>
|
|
|
- <el-form
|
|
|
- label-width="90px"
|
|
|
- class="ele-form-search"
|
|
|
- @keyup.enter.native="search"
|
|
|
- @submit.native.prevent
|
|
|
- >
|
|
|
- <el-row :gutter="15">
|
|
|
- <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="编码:">
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="where.code"
|
|
|
- placeholder="请输入"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="编码:">
|
|
|
- <el-input clearable v-model="where.code" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="样品编码:">
|
|
|
- <el-input clearable v-model="where.sampleCode" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="物品编码:">
|
|
|
- <el-input clearable v-model="where.categoryCode" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="物品名称:">
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="where.categoryName"
|
|
|
- placeholder="请输入"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="批次号:">
|
|
|
- <el-input clearable v-model="where.batchNo" placeholder="请输入" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
-
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="产品规格:">
|
|
|
- <el-input
|
|
|
- clearable
|
|
|
- v-model="where.specification"
|
|
|
- placeholder="请输入"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="状态:">
|
|
|
-
|
|
|
- <el-select v-model="where.status" style="width:100%">
|
|
|
- <el-option
|
|
|
- v-for="item in statusList"
|
|
|
- :key="item.code"
|
|
|
- :value="item.code"
|
|
|
- :label="item.name"
|
|
|
-
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="组织机构:">
|
|
|
- <auth-selection
|
|
|
- data-type="Array"
|
|
|
- v-model="where.deptIds"
|
|
|
- style="width: 100%"
|
|
|
- ></auth-selection>
|
|
|
- </el-form-item>
|
|
|
- </el-col> -->
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label-width="0px">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-search"
|
|
|
- class="ele-btn-icon"
|
|
|
- @click="search"
|
|
|
- >
|
|
|
- 查询
|
|
|
- </el-button>
|
|
|
- <el-button @click="reset" icon="el-icon-refresh-left" type="primary"
|
|
|
- >重置</el-button
|
|
|
- >
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
+ <seekPage :seekList="seekList" :formLength="3" @search="search"></seekPage>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- props: [],
|
|
|
- data() {
|
|
|
- // 默认表单数据
|
|
|
- const defaultWhere = {
|
|
|
- batchNo: '',
|
|
|
- code: '',
|
|
|
- sampleCode: '',
|
|
|
- specification: '',
|
|
|
- categoryName:'',
|
|
|
- categoryCode: '',
|
|
|
- createTime: []
|
|
|
- };
|
|
|
- return {
|
|
|
- // 表单数据
|
|
|
- where: { ...defaultWhere },
|
|
|
- statusList: [
|
|
|
- { name: '待处理', code: 0 },
|
|
|
- { name: '处理中', code: 1 },
|
|
|
- { name: '已处理', code: 2 }
|
|
|
- ]
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- // 是否开启响应式布局
|
|
|
- styleResponsive() {
|
|
|
- return this.$store.state.theme.styleResponsive;
|
|
|
- }
|
|
|
- },
|
|
|
- watch: {},
|
|
|
- created() {},
|
|
|
- methods: {
|
|
|
- /* 搜索 */
|
|
|
- search() {
|
|
|
- const where = { ...this.where };
|
|
|
- if (where.createTime?.length) {
|
|
|
- where.startTime = where.createTime[0];
|
|
|
- where.endTime = where.createTime[1];
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ statusList: [
|
|
|
+ { name: '待处理', code: 0 },
|
|
|
+ { name: '处理中', code: 1 },
|
|
|
+ { name: '已处理', code: 2 }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ seekList() {
|
|
|
+ return [
|
|
|
+ {
|
|
|
+ label: '编码:',
|
|
|
+ value: 'code',
|
|
|
+ type: 'input',
|
|
|
+ placeholder: '请输入'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '样品编码:',
|
|
|
+ value: 'sampleCode',
|
|
|
+ type: 'input',
|
|
|
+ placeholder: '请输入'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '物品编码:',
|
|
|
+ value: 'categoryCode',
|
|
|
+ type: 'input',
|
|
|
+ placeholder: '请输入'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '物品名称:',
|
|
|
+ value: 'categoryName',
|
|
|
+ type: 'input',
|
|
|
+ placeholder: '请输入'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '批次号:',
|
|
|
+ value: 'batchNo',
|
|
|
+ type: 'input',
|
|
|
+ placeholder: '请输入'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '产品规格:',
|
|
|
+ value: 'specification',
|
|
|
+ type: 'input',
|
|
|
+ placeholder: '请输入'
|
|
|
}
|
|
|
- delete where.createTime;
|
|
|
- this.$emit('search', where);
|
|
|
- },
|
|
|
- /* 重置 */
|
|
|
- reset() {
|
|
|
- this.where = { ...this.defaultWhere };
|
|
|
- this.search();
|
|
|
- }
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ search(e) {
|
|
|
+ this.$emit('search', { ...e });
|
|
|
}
|
|
|
- };
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
- .ele-form-actions {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-end;
|
|
|
- }
|
|
|
</style>
|