轮播图

src/api/lpk/banner.js

@@ -0,0 +1,40 @@
+import request from '@/utils/request'
+
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/adminapi/banner/pageList',
+      method: 'post',
+      data: params,
+    })
+  },
+
+  // 新增、保存
+  saveNotice: function(data) {
+    return request({
+      url: '/adminapi/banner/saveOrUpdate',
+      method: 'post',
+      data: data
+    });
+  },
+
+  // 初始化
+  noticeInit: function(data) {
+    return request({
+      url: '/adminapi/banner/noticeInit/' + data,
+      method: 'get'
+    });
+  },
+
+
+  // 修改是否可见
+  updateAppletUseTo: function(sid, isEnable) {
+    return request({
+      url: '/adminapi/banner/isDisplayed/' + sid + "/" + isEnable
+    });
+  },
+
+
+}

src/layout/components/Sidebar/index.vue

@@ -2,9 +2,15 @@
   <div :class="{ 'has-logo': showLogo }">
     <logo v-if="showLogo" :collapse="isCollapse" />
     <el-scrollbar wrap-class="scrollbar-wrapper">
-			<el-menu :default-active="$route.path" :background-color="variables.menuBg" :text-color="variables.menuText"
+      <el-menu
-				:unique-opened="false" :active-text-color="variables.menuActiveText" :collapse-transition="false"
+        :default-active="$route.path"
-				mode="vertical">
+        :background-color="variables.menuBg"
+        :text-color="variables.menuText"
+        :unique-opened="false"
+        :active-text-color="variables.menuActiveText"
+        :collapse-transition="false"
+        mode="vertical"
+      >
         <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
       </el-menu>
     </el-scrollbar>
@@ -273,58 +279,58 @@
             path: '/commodity/index'
           },
 
-					{
+          // {
-						alwaysShow: true,
+          // 	alwaysShow: true,
-						component: 'order',
+          // 	component: 'order',
-						meta: {
+          // 	meta: {
-							icon: 'el-icon-menu',
+          // 		icon: 'el-icon-menu',
-							title: '订单管理'
+          // 		title: '订单管理'
-						},
+          // 	},
-						name: '/order',
+          // 	name: '/order',
-						path: '/order',
+          // 	path: '/order',
-						children: [{
+          // 	children: [{
-								alwaysShow: true,
+          // 			alwaysShow: true,
-								component: 'index',
+          // 			component: 'index',
-								meta: {
+          // 			meta: {
-									icon: 'el-icon-help',
+          // 				icon: 'el-icon-help',
-									title: '订单统计'
+          // 				title: '订单统计'
-								},
+          // 			},
-								name: '/order/index',
+          // 			name: '/order/index',
-								path: '/order/index'
+          // 			path: '/order/index'
-							},
+          // 		},
-							{
+          // 		{
-								alwaysShow: true,
+          // 			alwaysShow: true,
-								component: 'distributionCount',
+          // 			component: 'distributionCount',
-								meta: {
+          // 			meta: {
-									icon: 'el-icon-help',
+          // 				icon: 'el-icon-help',
-									title: '网点配货统计'
+          // 				title: '网点配货统计'
-								},
+          // 			},
-								name: '/order/distributionCount',
+          // 			name: '/order/distributionCount',
-								path: '/order/distributionCount'
+          // 			path: '/order/distributionCount'
-							},
+          // 		},
-							{
+          // 		{
-								alwaysShow: true,
+          // 			alwaysShow: true,
-								component: 'subBranch',
+          // 			component: 'subBranch',
-								meta: {
+          // 			meta: {
-									icon: 'el-icon-help',
+          // 				icon: 'el-icon-help',
-									title: '支行配货统计'
+          // 				title: '支行配货统计'
-								},
+          // 			},
-								name: '/order/subBranch',
+          // 			name: '/order/subBranch',
-								path: '/order/subBranch'
+          // 			path: '/order/subBranch'
-							},
+          // 		},
-							{
+          // 		{
-								alwaysShow: true,
+          // 			alwaysShow: true,
-								component: 'allDistributionCount',
+          // 			component: 'allDistributionCount',
-								meta: {
+          // 			meta: {
-									icon: 'el-icon-help',
+          // 				icon: 'el-icon-help',
-									title: '总配货统计'
+          // 				title: '总配货统计'
-								},
+          // 			},
-								name: '/order/allDistributionCount',
+          // 			name: '/order/allDistributionCount',
-								path: '/order/allDistributionCount'
+          // 			path: '/order/allDistributionCount'
-							}
+          // 		}
 
-						]
+          // 	]
-					},
+          // },
 
           {
             alwaysShow: true,
@@ -423,6 +429,15 @@
             ]
           },
           {
+            alwaysShow: true,
+            component: 'applet',
+            meta: {
+              icon: 'el-icon-menu',
+              title: '小程序设置'
+            },
+            name: '/applet',
+            path: '/applet',
+            children: [{
                 alwaysShow: true,
                 component: 'appletNotice',
                 meta: {
@@ -431,8 +446,19 @@
                 },
                 name: '/appletNotice/index',
                 path: '/appletNotice/index'
+              }, {
+                alwaysShow: true,
+                component: 'appletBanner',
+                meta: {
+                  icon: 'el-icon-menu',
+                  title: '小程序轮播图'
                 },
+                name: '/appletBanner/index',
+                path: '/appletBanner/index'
+              }
 
+            ]
+          }
 
         ]
       }
@@ -525,3 +551,4 @@
     }
   }
 </script>
+

src/router/index.js

@@ -108,7 +108,7 @@ export const constantRoutes = [{
           icon: 'product-recycle'
         },
         hidden: true
-			},{
+      }, {
         path: 'brand',
         component: () =>
           import('@/views/pms/brand/index.vue'),
@@ -195,7 +195,7 @@ export const constantRoutes = [{
           title: '新人推荐礼包设置',
           noCache: true
         }
-			},{
+      }, {
         path: '/marketingCard/index',
         component: () => import('@/views/marketingCard/index.vue'),
         name: 'index',
@@ -300,7 +300,7 @@ export const constantRoutes = [{
       meta: {
         title: '优惠券管理'
       }
-    },{
+    }, {
       path: '/coupon/add',
       component: () =>
         import('@/views/coupon/add.vue'),
@@ -472,8 +472,7 @@ export const constantRoutes = [{
         title: '打印企业卡'
       }
     }, ]
-	},
+  }, {
-	{
     path: '/appletNotice',
     component: Layout,
     redirect: '/appletNotice/index',
@@ -486,6 +485,19 @@ export const constantRoutes = [{
         title: '小程序通告'
       }
     }, ]
+  }, {
+    path: '/appletBanner',
+    component: Layout,
+    redirect: '/appletBanner/index',
+    children: [{
+      path: '/appletBanner/index',
+      component: () =>
+        import('@/views/appletBanner/index.vue'),
+      name: 'AppletBannerIndex',
+      meta: {
+        title: '小程序轮播图'
+      }
+    }, ]
   },
 
 

src/views/appletBanner/appletBannerAdd.vue

@@ -0,0 +1,253 @@
+<template>
+  <div>
+
+    <div class="tab-header webtop">
+      <!-- 标题 -->
+      <div>轮播图信息</div>
+      <!-- start 添加修改按钮 -->
+      <div>
+        <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
+        <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+      </div>
+      <!-- end 添加修改按钮 -->
+      <!-- end 详情按钮 -->
+    </div>
+
+    <div class="listconadd">
+
+      <el-card class="box-card">
+
+        <div class="item">
+          <span class="item_text">标题：</span>
+          <el-input v-model="formobj.title" placeholder="" class="item_input" clearable />
+        </div>
+
+        <div class="item" style="margin-bottom: 100px;margin-top: 100px;">
+          <span class="item_text">轮播图图片：</span>
+          <upload
+            ref="uploadImg2"
+            v-model="imgList"
+            style="margin-top: 20px;"
+            class="item_input"
+            :limit="1"
+            bucket="map"
+            :class="{ hide: hideUploadBtn }"
+            :upload-data="{ type: '0001' }"
+            @change="backData"
+          />
+        </div>
+        <div class="item">
+          <span class="item_text">发布人：</span>
+          <el-input v-model="formobj.publisher" placeholder="" class="item_input" clearable />
+        </div>
+        <div class="item">
+          <span class="item_text">发布日期：</span>
+          <el-date-picker v-model="formobj.releaseTime" type="date" class="item_input" value-format="yyyy-MM-dd" placeholder="选择日期" />
+        </div>
+        <div class="item">
+          <span class="item_text">时效开始日期：</span>
+          <el-date-picker v-model="formobj.startDate" type="date" class="item_input" value-format="yyyy-MM-dd" placeholder="选择日期" />
+        </div>
+        <div class="item">
+          <span class="item_text">时效结束日期：</span>
+          <el-date-picker v-model="formobj.endDate" type="date" class="item_input" value-format="yyyy-MM-dd" placeholder="选择日期" />
+        </div>
+
+        <!-- 	<div class="item2">
+					<span class="item_text">内容：</span>
+					<el-input v-model="formobj.content" type="textarea" :rows="6" placeholder="商品简介" class="item_input"
+						clearable />
+
+				</div> -->
+
+        <div class="item2">
+          <span class="item_text">轮播图内容：</span>
+          <editor class="item_input" :height="300" :min-height="100" :value="formobj.content" @input="editinput" />
+        </div>
+
+      </el-card>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+  import req from '@/api/lpk/banner.js'
+  import Editor from '@/components/Editor'
+	import upload from '@/components/uploadFile/upload_yanchejianchaTuBiao.vue'
+
+  export default {
+    components: {
+			upload,
+      Editor
+    },
+    data() {
+      return {
+				imgList: [],
+				hideUploadBtn: false,
+        submitdisabled: false,
+        formobj: {
+          sid: '',
+          title: '',
+          publisher: '',
+          releaseTime: '',
+          startDate: '',
+          endDate: '',
+          content: '',
+          bannerUrl: '',
+          bannerPath: ''
+        }
+      }
+    },
+    methods: {
+      editinput(text) {
+        this.formobj.content = text
+      },
+      saveOrUpdate() {
+        console.log('>>>>>>>>>saveOrUpdate', this.formobj)
+        req.saveNotice(this.formobj)
+          .then(resp => {
+            if (resp.success) {
+              this.$message({
+                showClose: true,
+                type: 'success',
+                message: resp.msg
+              })
+              this.handleReturn('true')
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          })
+          .catch(() => {})
+      },
+      handleReturn(isreload) {
+        if (isreload === 'true') this.$emit('reloadlist')
+        this.formobj = {
+          sid: '',
+          title: '',
+          publisher: '',
+          releaseTime: '',
+          startDate: '',
+          endDate: '',
+          content: '',
+          bannerUrl: '',
+          bannerPath: ''
+        }
+        this.$emit('doback')
+      },
+      showAdd() {},
+      showEdit(row) {
+        req.noticeInit(row.sid)
+          .then(resp => {
+            if (resp.success) {
+              this.formobj = resp.data
+            }
+          })
+          .catch(e => {
+            this.formobj = row
+          })
+      },
+			backData(value) {
+				console.log('backData》》》》', value)
+				console.log('imgList', this.imgList)
+
+				if (this.imgList.length > 0) {
+					this.formobj.bannerUrl = this.imgList[0].url
+				} else {
+					this.formobj.bannerUrl = ''
+				}
+
+				this.hideUploadBtn = this.imgList.length !== 0
+				console.log('this.hideUploadBtn', this.hideUploadBtn)
+			}
+    }
+  }
+</script>
+<style lang="scss" scoped>
+  // 隐藏上传组件
+
+  .box-card {
+    margin-left: 60px;
+    margin-right: 60px;
+    min-width: 70%;
+    margin-top: 20px;
+    height: auto;
+
+    .item {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-top: 15px;
+      height: 40px;
+      line-height: 40px;
+
+      .item_text {
+        flex: 0.8;
+        font-size: 18px;
+        text-align: right;
+      }
+
+      .item_input {
+        flex: 4;
+        font-size: 16px;
+        margin-left: 10px;
+        margin-right: 80px;
+      }
+
+      .item_left_input {
+        width: 20%;
+      }
+
+      .item_left_text {
+        height: 30px;
+        margin-left: 20px;
+        line-height: 30px;
+        color: #018AD2;
+        padding: 0px 15px;
+        border: 1.5px solid #018AD2;
+        border-radius: 5px;
+
+      }
+
+      .item_right {
+        flex: 1;
+        justify-items: center;
+
+        .item_right_list_text {
+          font-size: 16px;
+        }
+
+        .item_right_list_delect {
+          color: #5E94FF;
+          margin-left: 20px;
+          font-size: 16px;
+          text-decoration: underline;
+        }
+      }
+
+    }
+
+    .item2 {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-top: 15px;
+
+      .item_text {
+        flex: 0.8;
+        font-size: 18px;
+        text-align: right;
+      }
+
+      .item_input {
+        flex: 4;
+        font-size: 16px;
+        margin-left: 10px;
+        margin-right: 80px;
+      }
+
+    }
+
+  }
+</style>

src/views/appletBanner/index.vue

@@ -0,0 +1,258 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar ref="btnbar" view-title="轮播图列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">
+            {{ searchxianshitit }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header">
+              <el-form-item label="轮播图标题">
+                <el-input v-model="queryParams.params.name" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!-- Start 项目列表头部 -->
+        <div class="listtop">
+          <div class="tit">轮播图列表</div>
+        </div>
+        <!-- End 项目列表头部 -->
+        <!-- Start 项目列表 -->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
+            <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
+            <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column label="操作" align="center" width="180">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
+                <!-- <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> -->
+              </template>
+            </el-table-column>
+            <el-table-column label="是否可见" align="center" width="140">
+              <template slot-scope="scope">
+                <el-switch
+                  v-model="scope.row.isShow"
+                  active-text="是"
+                  inactive-text="否"
+                  active-value="1"
+                  inactive-value="2"
+                  @change="enableChange2(scope.row.sid,scope.row.isShow)"
+                />
+              </template>
+            </el-table-column>
+            <el-table-column prop="title" label="标题" align="center" />
+            <el-table-column prop="publisher" label="发布人" align="center" />
+            <el-table-column prop="releaseTime" label="发布日期" align="center" />
+            <el-table-column prop="startDate" label="开始日期" align="center" />
+            <el-table-column prop="endDate" label="结束日期" align="center" />
+
+          </el-table>
+        </div>
+        <!-- End 项目列表 -->
+        <div class="pages">
+          <div class="tit" />
+          <!--  翻页  -->
+          <pagination
+            v-show="dataList.length > 0"
+            :total="queryParams.total"
+            :page.sync="queryParams.current"
+            :limit.sync="queryParams.size"
+            class="pagination"
+            @pagination="loadList"
+          />
+        </div>
+      </div>
+    </div>
+    <!-- End 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
+  </div>
+</template>
+
+<script>
+  import req from '@/api/lpk/banner.js'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import divAdd from './appletBannerAdd.vue'
+  export default {
+    name: 'AppletBannerIndex',
+    components: {
+      ButtonBar,
+      Pagination,
+      divAdd
+    },
+    data() {
+      return {
+        btndisabled: false,
+        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+        isSearchShow: false,
+        searchxianshitit: '显示查询条件',
+        tableLoading: false,
+        dataList: [],
+        btnList: [{
+            type: 'primary',
+            size: 'small',
+            icon: 'plus',
+            btnKey: 'toAdd',
+            btnLabel: '新增'
+          },
+          {
+            type: 'info',
+            size: 'small',
+            icon: 'cross',
+            btnKey: 'doClose',
+            btnLabel: '关闭'
+          }
+        ],
+        queryParams: {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            name: ''
+          }
+        },
+        sids: []
+      }
+    },
+    mounted() {
+      this.$refs['btnbar'].setButtonList(this.btnList)
+    },
+    created() {
+      this.loadList()
+    },
+    methods: {
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      btnHandle(btnKey) {
+        switch (btnKey) {
+          case 'toAdd':
+            this.toAdd()
+            break
+          case 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+      loadList() {
+        this.tableLoading = true
+        req.listPage(this.queryParams).then((resp) => {
+          this.tableLoading = false
+          if (resp.success) {
+            const data = resp.data
+            this.queryParams.total = data.total
+            this.dataList = data.records
+          } else {
+            // 根据resp.code进行异常情况处理
+            this.dataList = []
+            this.queryParams.total = 0
+          }
+        }).catch(() => {
+          this.tableLoading = false
+        })
+      },
+
+      // 序号
+      indexMethod(index) {
+        var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      dosearch() {
+        this.queryParams.current = 1
+        this.loadList()
+      },
+      resetQuery() {
+        this.queryParams = {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            name: ''
+          }
+        }
+        this.loadList()
+      },
+      toAdd() {
+        this.viewState = 2
+        this.$refs['divadd'].showAdd()
+      },
+
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      },
+      toRelevancy(row) {
+        this.viewState = 3
+        this.$refs['divadd'].showEdit(row)
+      },
+      toRelevancyInfo(row) {
+        const tip = '请确认是否删除所选商品?'
+        this.$confirm(tip, '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const loading = this.$loading({
+            lock: true,
+            text: 'Loading',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          })
+          req.deleteGoods(row.sid).then((resp) => {
+            loading.close()
+            if (resp.success) {
+              this.$message({
+                type: 'success',
+                message: resp.msg,
+                showClose: true
+              })
+              this.loadList()
+            } else {
+              // 根据resp.code进行异常情况处理
+            }
+          }).catch(e => {
+            loading.close()
+          })
+        }).catch(() => {})
+      },
+      resetState() {
+        this.viewState = 1
+      },
+      enableChange2(sid, state) {
+        console.log('sid', sid)
+        console.log('state', state)
+        req.updateAppletUseTo(sid, state).then((resp) => {
+          if (resp.success) {
+            this.$message({
+              type: 'success',
+              message: '状态已更新',
+              showClose: true
+            })
+          } else { // 根据resp.code进行异常情况处理
+          }
+        }).catch(e => {
+          console.log(e)
+        })
+      }
+    }
+  }
+</script>
+<style scoped>
+</style>

src/views/orderreserve/index.vue

@@ -60,6 +60,7 @@
             <el-table-column prop="userPhone" label="联系电话" align="center" />
             <el-table-column prop="goodsName" label="商品名称" align="center" />
             <el-table-column prop="goodsNumber" label="商品数量" align="center" />
+            <el-table-column prop="customerBank" label="客户所属支行" align="center" />
           </el-table>
         </div>
         <!-- End 项目列表 -->