|
@@ -35,13 +35,41 @@
|
|
|
<company-search :size="searchSize"></company-search>
|
|
|
</el-col> -->
|
|
|
|
|
|
+ <el-col :span="4" style="width: 300px">
|
|
|
+ <!-- <el-select
|
|
|
+ v-model="product"
|
|
|
+ :size="searchSize"
|
|
|
+ multiple
|
|
|
+ filterable
|
|
|
+ remote
|
|
|
+ reserve-keyword
|
|
|
+ placeholder="请输入商品名称"
|
|
|
+ :remote-method="remoteMethod"
|
|
|
+ :loading="loading"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in product_options"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.good_name"
|
|
|
+ :value="item.type_code"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select> -->
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入商品名称"
|
|
|
+ v-model="product_name"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
<el-col :span="4">
|
|
|
- <el-autocomplete
|
|
|
- v-model="state"
|
|
|
- :fetch-suggestions="querySearchAsync"
|
|
|
- placeholder="请输入内容"
|
|
|
- @select="handleSelect"
|
|
|
- ></el-autocomplete>
|
|
|
+ <el-input
|
|
|
+ placeholder="请输入商品编码"
|
|
|
+ v-model="product_code"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
</el-col>
|
|
|
|
|
|
<!-- <el-col :span="4" style="width: 120px">
|
|
@@ -82,15 +110,15 @@
|
|
|
placeholder="手机号"
|
|
|
/>
|
|
|
</el-col> -->
|
|
|
- <!-- <el-col :span="4" style="width: 54px">
|
|
|
+ <el-col :span="4" style="width: 54px">
|
|
|
<el-button
|
|
|
:size="searchSize"
|
|
|
type="primary"
|
|
|
class="fr"
|
|
|
icon="el-icon-search"
|
|
|
@click="searchList"
|
|
|
- /></el-col> -->
|
|
|
- <!-- <el-col :span="4" style="width: 66px">
|
|
|
+ /></el-col>
|
|
|
+ <el-col :span="4" style="width: 66px">
|
|
|
<el-button
|
|
|
type="warning"
|
|
|
class="fr"
|
|
@@ -99,8 +127,8 @@
|
|
|
>
|
|
|
重置
|
|
|
</el-button>
|
|
|
- </el-col> -->
|
|
|
- <!-- <el-col :span="3" style="width: 66px; float: right">
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" style="width: 66px; float: right">
|
|
|
<el-button
|
|
|
:size="searchSize"
|
|
|
type="primary"
|
|
@@ -109,7 +137,7 @@
|
|
|
>
|
|
|
刷新
|
|
|
</el-button>
|
|
|
- </el-col> -->
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
@@ -125,7 +153,7 @@
|
|
|
></el-tag>
|
|
|
</template>
|
|
|
<template #operation="{ scope }">
|
|
|
- <el-tooltip
|
|
|
+ <!-- <el-tooltip
|
|
|
v-if="powers.some((item) => item == '002')"
|
|
|
effect="dark"
|
|
|
content="重置密码"
|
|
@@ -135,9 +163,9 @@
|
|
|
class="el-icon-refresh-left tb-icon"
|
|
|
@click="openPasswordModal(scope.row.id, false)"
|
|
|
></i>
|
|
|
- </el-tooltip>
|
|
|
+ </el-tooltip> -->
|
|
|
|
|
|
- <el-tooltip
|
|
|
+ <!-- <el-tooltip
|
|
|
v-if="powers.some((item) => item == '007')"
|
|
|
effect="dark"
|
|
|
content="详情"
|
|
@@ -147,7 +175,7 @@
|
|
|
class="el-icon-view tb-icon"
|
|
|
@click="openModal(scope.row.id, true, scope.row)"
|
|
|
></i>
|
|
|
- </el-tooltip>
|
|
|
+ </el-tooltip> -->
|
|
|
<!-- <el-tooltip
|
|
|
v-if="powers.some((item) => item == '005')"
|
|
|
effect="dark"
|
|
@@ -234,11 +262,11 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- restaurants: [],
|
|
|
- state: "",
|
|
|
- timeout: null,
|
|
|
-
|
|
|
- // 饿了么的
|
|
|
+ product_code: "", //商品编码
|
|
|
+ product_name: "", //商品名称
|
|
|
+ product_options: [],
|
|
|
+ product: [],
|
|
|
+ // 饿了么
|
|
|
product: "", //商品名称绑定的数据
|
|
|
sitem: null,
|
|
|
// 渲染当前状态
|
|
@@ -253,7 +281,7 @@ export default {
|
|
|
modelId: 0,
|
|
|
parmValue: {
|
|
|
page: 1, // 页码
|
|
|
- size: 15, // 每页显示条数
|
|
|
+ size: 100, // 每页显示条数
|
|
|
},
|
|
|
tableData: [],
|
|
|
passwordModel: false,
|
|
@@ -346,14 +374,13 @@ export default {
|
|
|
},
|
|
|
mounted() {
|
|
|
this.searchList();
|
|
|
- this.restaurants = this.loadAll(); //饿了么的
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
restSearch() {
|
|
|
this.parmValue = {
|
|
|
page: 1, // 页码
|
|
|
- size: 10, // 每页显示条数
|
|
|
+ size: 100, // 每页显示条数
|
|
|
};
|
|
|
this.searchList();
|
|
|
},
|
|
@@ -395,11 +422,12 @@ export default {
|
|
|
},
|
|
|
// 获取商品列表功能函数
|
|
|
async searchList() {
|
|
|
+ console.log();
|
|
|
this.loading = true;
|
|
|
// console.log(this.tableData);
|
|
|
const res = await asyncRequest.list(this.parmValue);
|
|
|
if (res && res.code === 0 && res.data) {
|
|
|
- console.log(res.data.list);
|
|
|
+ // console.log(res.data.list);
|
|
|
this.tableData = res.data.list;
|
|
|
this.pageInfo.total = Number(res.data.count);
|
|
|
} else if (res && res.code >= 100 && res.code <= 104) {
|
|
@@ -446,147 +474,19 @@ export default {
|
|
|
console.log("取消");
|
|
|
});
|
|
|
},
|
|
|
-
|
|
|
- // 饿了么的
|
|
|
- loadAll() {
|
|
|
- return [
|
|
|
- { value: "三全鲜食(北新泾店)", address: "长宁区新渔路144号" },
|
|
|
- {
|
|
|
- value: "Hot honey 首尔炸鸡(仙霞路)",
|
|
|
- address: "上海市长宁区淞虹路661号",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "新旺角茶餐厅",
|
|
|
- address: "上海市普陀区真北路988号创邑金沙谷6号楼113",
|
|
|
- },
|
|
|
- { value: "泷千家(天山西路店)", address: "天山西路438号" },
|
|
|
- {
|
|
|
- value: "胖仙女纸杯蛋糕(上海凌空店)",
|
|
|
- address: "上海市长宁区金钟路968号1幢18号楼一层商铺18-101",
|
|
|
- },
|
|
|
- { value: "贡茶", address: "上海市长宁区金钟路633号" },
|
|
|
- {
|
|
|
- value: "豪大大香鸡排超级奶爸",
|
|
|
- address: "上海市嘉定区曹安公路曹安路1685号",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "茶芝兰(奶茶,手抓饼)",
|
|
|
- address: "上海市普陀区同普路1435号",
|
|
|
- },
|
|
|
- { value: "十二泷町", address: "上海市北翟路1444弄81号B幢-107" },
|
|
|
- { value: "星移浓缩咖啡", address: "上海市嘉定区新郁路817号" },
|
|
|
- { value: "阿姨奶茶/豪大大", address: "嘉定区曹安路1611号" },
|
|
|
- { value: "新麦甜四季甜品炸鸡", address: "嘉定区曹安公路2383弄55号" },
|
|
|
- {
|
|
|
- value: "Monica摩托主题咖啡店",
|
|
|
- address: "嘉定区江桥镇曹安公路2409号1F,2383弄62号1F",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "浮生若茶(凌空soho店)",
|
|
|
- address: "上海长宁区金钟路968号9号楼地下一层",
|
|
|
- },
|
|
|
- { value: "NONO JUICE 鲜榨果汁", address: "上海市长宁区天山西路119号" },
|
|
|
- { value: "CoCo都可(北新泾店)", address: "上海市长宁区仙霞西路" },
|
|
|
- {
|
|
|
- value: "快乐柠檬(神州智慧店)",
|
|
|
- address: "上海市长宁区天山西路567号1层R117号店铺",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "Merci Paul cafe",
|
|
|
- address: "上海市普陀区光复西路丹巴路28弄6号楼819",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "猫山王(西郊百联店)",
|
|
|
- address: "上海市长宁区仙霞西路88号第一层G05-F01-1-306",
|
|
|
- },
|
|
|
- { value: "枪会山", address: "上海市普陀区棕榈路" },
|
|
|
- { value: "纵食", address: "元丰天山花园(东门) 双流路267号" },
|
|
|
- { value: "钱记", address: "上海市长宁区天山西路" },
|
|
|
- { value: "壹杯加", address: "上海市长宁区通协路" },
|
|
|
- {
|
|
|
- value: "唦哇嘀咖",
|
|
|
- address: "上海市长宁区新泾镇金钟路999号2幢(B幢)第01层第1-02A单元",
|
|
|
- },
|
|
|
- { value: "爱茜茜里(西郊百联)", address: "长宁区仙霞西路88号1305室" },
|
|
|
- {
|
|
|
- value: "爱茜茜里(近铁广场)",
|
|
|
- address:
|
|
|
- "上海市普陀区真北路818号近铁城市广场北区地下二楼N-B2-O2-C商铺",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "鲜果榨汁(金沙江路和美广店)",
|
|
|
- address: "普陀区金沙江路2239号金沙和美广场B1-10-6",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "开心丽果(缤谷店)",
|
|
|
- address: "上海市长宁区威宁路天山路341号",
|
|
|
- },
|
|
|
- { value: "超级鸡车(丰庄路店)", address: "上海市嘉定区丰庄路240号" },
|
|
|
- { value: "妙生活果园(北新泾店)", address: "长宁区新渔路144号" },
|
|
|
- { value: "香宜度麻辣香锅", address: "长宁区淞虹路148号" },
|
|
|
- {
|
|
|
- value: "凡仔汉堡(老真北路店)",
|
|
|
- address: "上海市普陀区老真北路160号",
|
|
|
- },
|
|
|
- { value: "港式小铺", address: "上海市长宁区金钟路968号15楼15-105室" },
|
|
|
- { value: "蜀香源麻辣香锅(剑河路店)", address: "剑河路443-1" },
|
|
|
- { value: "北京饺子馆", address: "长宁区北新泾街道天山西路490-1号" },
|
|
|
- {
|
|
|
- value: "饭典*新简餐(凌空SOHO店)",
|
|
|
- address: "上海市长宁区金钟路968号9号楼地下一层9-83室",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "焦耳·川式快餐(金钟路店)",
|
|
|
- address: "上海市金钟路633号地下一层甲部",
|
|
|
- },
|
|
|
- { value: "动力鸡车", address: "长宁区仙霞西路299弄3号101B" },
|
|
|
- { value: "浏阳蒸菜", address: "天山西路430号" },
|
|
|
- { value: "四海游龙(天山西路店)", address: "上海市长宁区天山西路" },
|
|
|
- {
|
|
|
- value: "樱花食堂(凌空店)",
|
|
|
- address: "上海市长宁区金钟路968号15楼15-105室",
|
|
|
- },
|
|
|
- { value: "壹分米客家传统调制米粉(天山店)", address: "天山西路428号" },
|
|
|
- {
|
|
|
- value: "福荣祥烧腊(平溪路店)",
|
|
|
- address: "上海市长宁区协和路福泉路255弄57-73号",
|
|
|
- },
|
|
|
- {
|
|
|
- value: "速记黄焖鸡米饭",
|
|
|
- address: "上海市长宁区北新泾街道金钟路180号1层01号摊位",
|
|
|
- },
|
|
|
- { value: "红辣椒麻辣烫", address: "上海市长宁区天山西路492号" },
|
|
|
- {
|
|
|
- value: "(小杨生煎)西郊百联餐厅",
|
|
|
- address: "长宁区仙霞西路88号百联2楼",
|
|
|
- },
|
|
|
- { value: "阳阳麻辣烫", address: "天山西路389号" },
|
|
|
- {
|
|
|
- value: "南拳妈妈龙虾盖浇饭",
|
|
|
- address: "普陀区金沙江路1699号鑫乐惠美食广场A13",
|
|
|
- },
|
|
|
- ];
|
|
|
- },
|
|
|
- querySearchAsync(queryString, cb) {
|
|
|
- var restaurants = this.restaurants;
|
|
|
- var results = queryString
|
|
|
- ? restaurants.filter(this.createStateFilter(queryString))
|
|
|
- : restaurants;
|
|
|
-
|
|
|
- clearTimeout(this.timeout);
|
|
|
- this.timeout = setTimeout(() => {
|
|
|
- cb(results);
|
|
|
- }, 3000 * Math.random());
|
|
|
- },
|
|
|
- createStateFilter(queryString) {
|
|
|
- return (state) => {
|
|
|
- return (
|
|
|
- state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
|
|
|
- );
|
|
|
- };
|
|
|
- },
|
|
|
- handleSelect(item) {
|
|
|
- console.log(item);
|
|
|
+ // 饿了么
|
|
|
+ async remoteMethod(query) {
|
|
|
+ if (query !== "") {
|
|
|
+ let parmValue = {
|
|
|
+ page: 1,
|
|
|
+ size: 100,
|
|
|
+ };
|
|
|
+ this.product_options = this.tableData.filter((item) => {
|
|
|
+ return item.good_name.toLowerCase().indexOf(query.toLowerCase()) > -1;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.product_options = [];
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
};
|