| | |
| | | <ul class="infinite-list" @scroll="loadList"> |
| | | <div class="background_color_eee"> |
| | | <el-row :gutter="0"> |
| | | <el-col :span="13"> |
| | | <div class="grid-content bg-purple"> |
| | | <span class="name">产品名称</span> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div class="grid-content bg-purple">产品编码</div> |
| | | </el-col> |
| | | <template v-if="request==2"> |
| | | <el-col :span="12"> |
| | | <div class="grid-content bg-purple"> |
| | | <span class="name">人员名称</span> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="grid-content bg-purple">人员ID</div> |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="5"> |
| | | <div class="grid-content bg-purple">在库数量</div> |
| | | </el-col> --> |
| | | <el-col :span="3"> |
| | | <div class="grid-content bg-purple">单位</div> |
| | | </el-col> |
| | | <!-- <el-col :span="5"> |
| | | <div class="grid-content bg-purple">在库数量</div> |
| | | </el-col> --> |
| | | </template> |
| | | <template v-else> |
| | | <el-col :span="13"> |
| | | <div class="grid-content bg-purple"> |
| | | <span class="name">产品名称</span> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div class="grid-content bg-purple">产品编码</div> |
| | | </el-col> |
| | | |
| | | <!-- <el-col :span="5"> |
| | | <div class="grid-content bg-purple">在库数量</div> |
| | | </el-col> --> |
| | | <el-col :span="3"> |
| | | <div class="grid-content bg-purple">单位</div> |
| | | </el-col> |
| | | </template> |
| | | </el-row> |
| | | </div> |
| | | <li class="empty" v-if="listData.length === 0">暂无数据</li> |
| | |
| | | :class="selectValue == user.id ? 'highlight-color' : ''" |
| | | > |
| | | <el-row :gutter="0"> |
| | | <el-col :span="13"> |
| | | <div class="grid-content bg-purple" :title="user[obj.name]"> |
| | | {{ user[obj.name] || "--" }} |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div class="grid-content bg-purple" :title="user.id"> |
| | | <span class="name">{{ user.id || "--" }}</span> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="6"> |
| | | <div class="grid-content bg-purple" :title="user.amount"> |
| | | {{ user.amount || "--" }} |
| | | </div> |
| | | </el-col> --> |
| | | <el-col :span="3"> |
| | | <div class="grid-content bg-purple" :title="user.unit"> |
| | | {{ user.unit || "--" }} |
| | | </div> |
| | | </el-col> |
| | | <template v-if="request==2"> |
| | | <el-col :span="12"> |
| | | <div class="grid-content bg-purple" :title="user[obj.name]"> |
| | | {{ user[obj.name] || "--" }} |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <div class="grid-content bg-purple" :title="user.id"> |
| | | <span class="name">{{ user.id || "--" }}</span> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="6"> |
| | | <div class="grid-content bg-purple" :title="user.amount"> |
| | | {{ user.amount || "--" }} |
| | | </div> |
| | | </el-col> --> |
| | | </template> |
| | | <template v-else> |
| | | <el-col :span="13"> |
| | | <div class="grid-content bg-purple" :title="user[obj.name]"> |
| | | {{ user[obj.name] || "--" }} |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <div class="grid-content bg-purple" :title="user.id"> |
| | | <span class="name">{{ user.id || "--" }}</span> |
| | | </div> |
| | | </el-col> |
| | | <!-- <el-col :span="6"> |
| | | <div class="grid-content bg-purple" :title="user.amount"> |
| | | {{ user.amount || "--" }} |
| | | </div> |
| | | </el-col> --> |
| | | <el-col :span="3"> |
| | | <div class="grid-content bg-purple" :title="user.unit"> |
| | | {{ user.unit || "--" }} |
| | | </div> |
| | | </el-col> |
| | | </template> |
| | | </el-row> |
| | | </li> |
| | | <li class="loading">{{ loading ? "加载中" : "已经到底" }}</li> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getProductList } from "@/api/product/product" |
| | | import { getProductList,getPersonnelList } from "@/api/product/product" |
| | | // import DataSet from "@/views/ShopFloorControl/facilty/components/DataSet"; |
| | | export default { |
| | | name: "UserSimpleSearchInput", |
| | |
| | | size: { |
| | | type: [String], |
| | | defalut: "medium" |
| | | } |
| | | }, |
| | | |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | name: "gaugeName", |
| | | id: "id" |
| | | } |
| | | }else if (val == 2) { |
| | | // 其他搜索配置这里 |
| | | this.obj = { |
| | | name: "name", |
| | | id: "id" |
| | | } |
| | | } |
| | | }, |
| | | // 更新搜索列表 |
| | | updateSearchList(needInit = false, param = {}) { |
| | | async updateSearchList(needInit = false, param = {}) { |
| | | let listParams |
| | | // 初始化用户信息列表入参 |
| | | if (needInit) { |
| | |
| | | this.loading = true |
| | | if (this.request) { |
| | | // 其他 |
| | | // 人员 |
| | | if (this.request == 2) { |
| | | //人员 request==1 |
| | | listParams = { |
| | | condition: this.keyword, |
| | | page: this.page, |
| | | pageSize: this.pageSize, |
| | | ...param, |
| | | }; |
| | | const res = await getPersonnelList(listParams); |
| | | if (res && res.code == "200" && res.data) { |
| | | this.loading = false; |
| | | this.page = res.page + 1; |
| | | this.count = res.total; |
| | | if (res.data && Array.isArray(res.data)) { |
| | | let arr = JSON.parse(JSON.stringify(res.data)); |
| | | this.listData = this.listData.concat(arr); |
| | | } |
| | | this.num += 1; |
| | | } |
| | | } |
| | | } else { |
| | | // 产品 |
| | | getProductList(listParams).then((res) => { |
| | | await getProductList(listParams).then((res) => { |
| | | if (res && res.code === 200 && res.data) { |
| | | this.loading = false |
| | | this.page = this.page + 1 |