| | |
| | | <template> |
| | | <basic-container> |
| | | <div class="norightmenu" v-if="!isSearch"> |
| | | <avue-crud :addBtn="false" :option="option" :table-loading="loading" :data="treeData" ref="crud" |
| | | <avue-crud :addBtn="false" :option="option" :row-style="{height:'20px'}" :cell-style="{padding:'0px'}" :table-loading="loading" :data="treeData" ref="crud" |
| | | v-model:search="search" v-model:page="mypage" @current-change="currentChange" @size-change="sizeChange" |
| | | @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" @row-click="rowClick"> |
| | | <template #search> |
| | |
| | | <el-checkbox value="3" label="偏离" /> |
| | | </el-checkbox-group> |
| | | </el-col> |
| | | <el-col :span="4" class="search-data-flex"> |
| | | <el-col :span="6" class="search-data-flex"> |
| | | <span class="search-data-title">零组件号:</span> |
| | | <el-select v-model="searchTreeData.drawingNo" filterable remote reserve-keyword placeholder="零组件号" |
| | | <el-select v-model="searchTreeData.drawingNo" filterable remote reserve-keyword placeholder="输入至少3个字符过滤数据" |
| | | :remote-method="remoteMethod" :loading="searchLoading"> |
| | | <el-option v-for="item in drawingNoList" :key="item.value" :label="item.label" |
| | | :value="item.value" /></el-select> |
| | |
| | | end-placeholder="结束时间" :size="size" format="YYYY-MM-DD" value-format="YYYY-MM-DD" |
| | | @change="createTimeChange" /><!--:disabled-date="disabledDate" 不需要禁用日期--> |
| | | </el-col> |
| | | <el-col :span="6" class="search-data-flex"> |
| | | <el-col :span="4" class="search-data-flex"> |
| | | <el-button type="primary" @click="searchTree" :loading="treeSearchLoad"><el-icon class="el-icon--right" |
| | | style="margin-right: 6px;"> |
| | | <Search /> |
| | |
| | | </avue-crud> |
| | | </div> |
| | | <div class="norightmenu" v-else> |
| | | <avue-crud :addBtn="false" :option="option" :table-loading="loading" :data="treeData" ref="crud" |
| | | <avue-crud :addBtn="false" :option="option" :row-style="{height:'20px'}" :cell-style="{padding:'0px'}" :table-loading="loading" :data="treeData" ref="crud" |
| | | v-model:search="search" v-model:page="mypage" @current-change="currentChange" @size-change="sizeChange" |
| | | @refresh-change="refreshChange" @on-load="onLoad" @tree-load="treeLoad" @row-click="rowClick"> |
| | | <template #search> |
| | |
| | | </el-col> |
| | | <el-col :span="4" class="search-data-flex"> |
| | | <span class="search-data-title">零组件号:</span> |
| | | <el-select v-model="searchTreeData.drawingNo" filterable remote reserve-keyword placeholder="零组件号" |
| | | <el-select v-model="searchTreeData.drawingNo" filterable remote reserve-keyword placeholder="输入至少3个字符过滤数据" |
| | | :remote-method="remoteMethod" :loading="searchLoading"> |
| | | <el-option v-for="item in drawingNoList" :key="item.value" :label="item.label" |
| | | :value="item.value" /></el-select> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import debounce from 'lodash/debounce'; |
| | | import { ElMessage } from 'element-plus'; |
| | | import TodolistLeft from './components/TodolistLeft.vue'; |
| | | import TodolistRightTop from './components/TodolistRightTop.vue'; |
| | |
| | | this.searchTreeData.createTimeEnd = value[1]; |
| | | }, |
| | | remoteMethod(query) { |
| | | if (query) { |
| | | if (query && query.length>2) { |
| | | this.searchLoading = true; |
| | | axios({ |
| | | this.getRemote(query); |
| | | } else { |
| | | this.drawingNoList = []; |
| | | } |
| | | }, |
| | | getRemote: debounce(function(query){ |
| | | //防抖,这里设置600毫秒请求一次后台 |
| | | this.getList(query) |
| | | },600), |
| | | async getList(query){ |
| | | this.searchLoading = false; |
| | | axios({ |
| | | url: '/blade-mdm/program/node/drawing-no-pick', |
| | | method: 'get', |
| | | params: { drawingNo: query } |
| | |
| | | }) |
| | | this.drawingNoList = drawingNoList; |
| | | }); |
| | | } else { |
| | | this.drawingNoList = []; |
| | | } |
| | | }, |
| | | showLockDlg(row){ |
| | | this.lockForm = row; |
| | |
| | | }); |
| | | }, |
| | | searchTree() { |
| | | if (this.searchTreeData.programStatus.length == 0) return; |
| | | if (this.searchTreeData.drawingNo == "") return; |
| | | if (this.searchTreeData.programStatus.length == 0 || this.searchTreeData.drawingNo == ""){ |
| | | this.$message.warning('请输入程序状态和零组件号进行搜索'); |
| | | return; |
| | | } |
| | | |
| | | this.treeSearchLoad = true; |
| | | this.isSearch = !this.isSearch |
| | | this.searchTreeData.status = this.searchTreeData.programStatus.join(); |
| | |
| | | } |
| | | |
| | | .search-data-title { |
| | | font-size: 12px; |
| | | font-size: 14px; |
| | | margin-right: 8px; |
| | | display: inline-block; |
| | | width: 95px; |