|
@@ -1,20 +1,28 @@
|
|
|
<template>
|
|
|
<div id="goods">
|
|
|
<template v-if="view === 'list'">
|
|
|
- <el-col :span="24" class="one"> <span>店铺管理</span> </el-col>
|
|
|
- <data-search :fields="searchFields" v-model="searchInfo" @query="search"> </data-search>
|
|
|
- <data-btn :fields="btnList" @add="toAdd"></data-btn>
|
|
|
- <data-table
|
|
|
- ref="dataTable"
|
|
|
- :fields="fields"
|
|
|
- :opera="opera"
|
|
|
- :data="list"
|
|
|
- :total="total"
|
|
|
- @query="search"
|
|
|
- @manage="toManage"
|
|
|
- @edit="toEdit"
|
|
|
- @del="toDel"
|
|
|
- ></data-table>
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ class="main animate__animated animate__backInRight"
|
|
|
+ v-loading="loadings"
|
|
|
+ element-loading-text="拼命加载中"
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
+ >
|
|
|
+ <el-col :span="24" class="one"> <span>店铺管理</span> </el-col>
|
|
|
+ <data-search :fields="searchFields" v-model="searchInfo" @query="search"> </data-search>
|
|
|
+ <data-btn :fields="btnList" @add="toAdd"></data-btn>
|
|
|
+ <data-table
|
|
|
+ ref="dataTable"
|
|
|
+ :fields="fields"
|
|
|
+ :opera="opera"
|
|
|
+ :data="list"
|
|
|
+ :total="total"
|
|
|
+ @query="search"
|
|
|
+ @manage="toManage"
|
|
|
+ @edit="toEdit"
|
|
|
+ @del="toDel"
|
|
|
+ ></data-table>
|
|
|
+ </el-col>
|
|
|
</template>
|
|
|
<template v-else>
|
|
|
<el-row>
|
|
@@ -41,6 +49,7 @@ export default {
|
|
|
components: {},
|
|
|
data: function () {
|
|
|
return {
|
|
|
+ loadings: true,
|
|
|
view: 'list',
|
|
|
fields: [
|
|
|
{ label: '店铺编号', model: 'code' },
|
|
@@ -103,6 +112,7 @@ export default {
|
|
|
this.$set(this, `list`, res.data);
|
|
|
this.$set(this, `total`, res.total);
|
|
|
}
|
|
|
+ this.loadings = false;
|
|
|
},
|
|
|
initAddData() {
|
|
|
const obj = { status: '1' };
|