|
|
@@ -1,20 +1,15 @@
|
|
|
<template>
|
|
|
<view class="app-content">
|
|
|
+ <view class="input-wrap_box">
|
|
|
+ <view>
|
|
|
+ <AppSearchModule placeholder="输英文字母搜索" @input="searchFn"/>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class="order-page">
|
|
|
- <scroll-view
|
|
|
- scroll-y
|
|
|
- class="order_list"
|
|
|
- scroll-view
|
|
|
- >
|
|
|
+ <view class="order_list" >
|
|
|
<block>
|
|
|
- <!-- 供应商列表 -->
|
|
|
<block v-if="!$util.isEmpty(supplierList)">
|
|
|
- <view
|
|
|
- class="list_item"
|
|
|
- v-for="(item, index) in supplierList"
|
|
|
- :key="index"
|
|
|
- @click="gotoDetails(item)"
|
|
|
- >
|
|
|
+ <view class="list_item" v-for="(item, index) in supplierList" :key="index" @click="gotoDetails(item)" >
|
|
|
<view class="store_name">
|
|
|
<image :src="item.avatar"></image>
|
|
|
<view class="store_title">{{item.name}}</view>
|
|
|
@@ -33,27 +28,24 @@
|
|
|
</view>
|
|
|
</block>
|
|
|
<block v-else>
|
|
|
- <AppWrapperEmpty
|
|
|
- title="暂无数据"
|
|
|
- :is-empty="$util.isEmpty(supplierList)"
|
|
|
- />
|
|
|
+ <AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(supplierList)" />
|
|
|
</block>
|
|
|
</block>
|
|
|
- </scroll-view>
|
|
|
- <!-- 按钮 -->
|
|
|
+ </view>
|
|
|
<div class="app-footer">
|
|
|
<div class="admin-button-com middle blue add-ghs" @click="add">新增供应商</div>
|
|
|
</div>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import AppWrapperEmpty from "@/components/app-wrapper-empty";
|
|
|
import { getList } from "@/api/ghs";
|
|
|
+import AppSearchModule from "@/components/module/app-search";
|
|
|
export default {
|
|
|
components: {
|
|
|
AppWrapperEmpty,
|
|
|
+ AppSearchModule
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
@@ -74,11 +66,15 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
init() {
|
|
|
- this.getGHSList()
|
|
|
+ this.getGHSList('')
|
|
|
+ },
|
|
|
+ searchFn(e) {
|
|
|
+ this.getGHSList(e)
|
|
|
},
|
|
|
- getGHSList () {
|
|
|
+ getGHSList (name) {
|
|
|
return getList({
|
|
|
- pageSize: 100
|
|
|
+ pageSize: 100,
|
|
|
+ name:name
|
|
|
}).then(res => {
|
|
|
this.supplierList = res.data.list
|
|
|
}).catch(err => { console.log(err) })
|
|
|
@@ -93,23 +89,40 @@ export default {
|
|
|
},
|
|
|
// 采购记录详情
|
|
|
gotoDetails (item) {
|
|
|
- this.pageTo({
|
|
|
- url: '/pagesPurchase/add?ghsId='+item.id+'&ghsName='+item.name,
|
|
|
- type:2
|
|
|
- })
|
|
|
+ this.pageTo({ url: '/pagesPurchase/add?ghsId='+item.id+'&ghsName='+item.name, type:2 })
|
|
|
},
|
|
|
// 添加供应商
|
|
|
add() {
|
|
|
- this.pageTo({
|
|
|
- url: '/pagesPurchase/suppAdd'
|
|
|
- })
|
|
|
+ this.pageTo({ url: '/pagesPurchase/suppAdd' })
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
+.input-wrap_box {
|
|
|
+ background-color: #fff;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: 10;
|
|
|
+ /* 手机mobile屏幕小于1000px */
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ /* 收银台cashier屏幕大于1000px */
|
|
|
+ @media screen and (min-width:1100px) {
|
|
|
+ width: 40%;
|
|
|
+ }
|
|
|
+ height: 100upx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0 30upx;
|
|
|
+ & > view:nth-child(1) {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+}
|
|
|
.order-page {
|
|
|
+ margin-top:100upx;
|
|
|
padding-bottom:100upx;
|
|
|
.tabs {
|
|
|
height: 80upx;
|
shish