1111

Reviewed-on: #21

src/api/order/orderInfo.js

@@ -76,6 +76,29 @@ export default {
       data: orderInfo
     })
   },
+  getMainDataOne() {
+    // 首页订单数据
+    return request({
+      url: `/${service_name}/${group_name}/getMainData1`,
+      method: 'post'
+      // data: orderInfo
+    })
+  },
+  getMainDataTwo(time) {
+    // 首页订单统计
+    return request({
+      url: `/${service_name}/${group_name}/getMainData2`,
+      method: 'post',
+      data: time
+    })
+  },
+  getProductOverview() {
+    // 获取商品统计信息
+    return request({
+      url: `/${service_name}/mallProductInfo/getProductOverview`,
+      method: 'get'
+    })
+  },
   exportExcel(page) {
     // 导出
     return request({
@@ -85,6 +108,15 @@ export default {
       responseType: 'blob'
     })
   },
+  RefundexportExcel(page) {
+    // 导出
+    return request({
+      url: `/${service_name}/${group_name}/getRefundOrderExport`,
+      method: 'post',
+      data: page,
+      responseType: 'blob'
+    })
+  },
   deleteById(id) {
     // 根据id删除
     return request({

src/api/product/productAttr.js

@@ -75,6 +75,18 @@ export default {
       data
     })
   },
+  getChannels() {
+    return request({
+      url: `/${service_name}/mallProductSiteRelation/getAllChannels`,
+      method: 'get',
+    })
+  },
+  getCheckedSites(productId) {
+    return request({
+      url: `/${service_name}/mallProductSiteRelation/getCheckedSites/${productId}`,
+      method: 'get',
+    })
+  },
   brandGetAll(data) {
     return request({
       url: `/${service_name}/mallProductBrands/getAll`,

src/components/Upload/index.vue

@@ -89,10 +89,10 @@ export default {
       }
     },
     beforeAvatarUpload(file) {
-      const isLt2M = file.size / 1024 < 50
+      const isLt2M = file.size / 1024 < 500
 
       if (!isLt2M) {
-        this.$message.error('图片大小不能超过50KB! 请重新上传!')
+        this.$message.error('图片大小不能超过500KB! 请重新上传!')
       }
       return isLt2M
     }

src/utils/auth.js

@@ -1,6 +1,6 @@
 import Cookies from 'js-cookie'
 
-const TokenKey = 'Authorization'
+const TokenKey = 'mall_Authorization'
 const NetWorkId = 'networkId'
 const UserName = 'username'
 const PassWord = 'password'

src/views/dashboard/admin/index.scss

@@ -1,93 +1,100 @@
 .flex {
-    display: flex;
+  display: flex;
 }
 
 .column {
-    flex-direction: column;
+  flex-direction: column;
 }
 
 .ac {
-    align-items: center;
+  align-items: center;
+}
+.ae {
+  align-items: flex-end;
 }
 
 .jc {
-    justify-content: center;
+  justify-content: center;
 }
 
 .oneflex {
-    flex: 1;
+  flex: 1;
 }
 
 .jw {
-    justify-content: space-between;
+  justify-content: space-between;
 }
 
 .js {
-    justify-content: space-around;
+  justify-content: space-around;
 }
 
 .number {
-    color: red;
-    font-size: 25px;
+  color: red;
+  font-size: 25px;
 }
 
 .product-card {
-    .product-card-item {}
+  height: 100px;
+  text-align: center;
+  .product-card-item {
+  }
 }
 
 .orderData {
-    width: 100%;
+  width: 100%;
 
-    .orderData-right {
-        margin-left: 50px;
-        flex-wrap: wrap;
-
-        .orderData-right-item {
-            width: calc(50% - 20px);
-            box-sizing: border-box;
-            text-align: center;
-            padding: 10px 20px;
-            border-bottom: #ececec solid 1px;
-
-        }
+  .orderData-right {
+    margin-left: 50px;
+    flex-wrap: wrap;
+    height: 100px;
+    .orderData-right-item {
+      width: calc(50% - 20px);
+      box-sizing: border-box;
+      text-align: center;
+      padding: 10px 20px;
+      border-bottom: #ececec solid 1px;
     }
+  }
 
-    .orderData-left {
-        padding: 10px 20px;
-        box-sizing: border-box;
-        border: solid 1px #bbbbbb;
-    }
+  .orderData-left {
+    padding: 20px 10px;
+    box-sizing: border-box;
+    border: solid 1px #ececec;
+  }
 }
 
 .orderStatistics-card {
-    .orderStatistics-card-right{ 
+  .orderStatistics-card-right {
+  }
+  .orderStatistics-card-left {
+    flex-shrink: 0;
+    padding: 10px 50px;
+    border-right: solid 1px #ececec;
+    .orderStatistics-card-left-item {
+      .orderStatistics-card-left-item-title {
+        color: #bbbbbb;
+      }
+      .orderStatistics-card-left-item-number {
+        font-size: 25px;
+      }
     }
-    .orderStatistics-card-left {
-        flex-shrink: 0;
-        padding: 10px 50px;
-        border-right: solid 1px #ececec;
-        .orderStatistics-card-left-item{
-            .orderStatistics-card-left-item-title{
-                color: #bbbbbb;
-            }
-            .orderStatistics-card-left-item-number{
-                font-size: 25px;
-            }
-        }
-    }
-
+  }
 }
-.box-card{
-    margin-bottom: 30px;
+.box-card {
+  margin-bottom: 30px;
 }
-.card-title{
-    font-size: 20px;
-    font-weight: 600;
+.card-title {
+  font-size: 20px;
+  font-weight: 500;
 }
-.mt{
-    margin-top: 30px;
+.fs {
+  font-size: 16px;
+}
+.mt {
+  margin-top: 30px;
 }
 // .page{
 //     height:calc(100vh - 144px);
 //     box-sizing: border-box;
-// }
+// }

src/views/dashboard/admin/index.vue

@@ -8,91 +8,74 @@
           </div>
           <div class="flex">
             <div class="orderData flex ac">
-              <div class="orderData-left flex ac">
-                <i style="font-size: 40px;" class="el-icon-tickets"></i>
+              <div class="orderData-left flex ac fs">
+                <i style="font-size: 40px; color:#1ABC9C" class="el-icon-tickets"></i>
                 <div>
                   <div>今日订单总数</div>
-                  <div>200</div>
+                  <div>{{ orderData.total }}</div>
                 </div>
               </div>
-              <div class="orderData-right oneflex flex jw">
-                <div class="orderData-right-item">
-                  <span>待核销订单</span>
-                  <span>(10)</span>
-                </div>
-                <div class="orderData-right-item">
-                  <span>已核销订单</span>
-                  <span>(10)</span>
-                </div>
-                <div class="orderData-right-item">
-                  <span>已完成订单</span>
-                  <span>(10)</span>
-                </div>
+              <div class="orderData-right oneflex flex jw ae">
                 <div class="orderData-right-item">
                   <span>待退款订单</span>
-                  <span>(10)</span>
-
+                  <span>({{ orderData.daiTuiKuan }})</span>
+                </div>
+                <div class="orderData-right-item">
+                  <span>待核销订单</span>
+                  <span>({{ orderData.daiHeXiao }})</span>
+                </div>
+                <div class="orderData-right-item mt">
+                  <span>已核销订单</span>
+                  <span>({{ orderData.yiHeXiao }})</span>
+                </div>
+                <div class="orderData-right-item mt">
+                  <span>已退款订单</span>
+                  <span>({{ orderData.yiTuiKuan }})</span>
                 </div>
               </div>
             </div>
           </div>
-        </el-card></el-col>
+        </el-card></el-col
+      >
     </el-row>
-    <el-row>
-      <el-col :span="11">
+    <el-row :gutter="20">
+      <el-col :span="12">
         <el-card class="box-card">
           <div slot="header">
             <span class="card-title">商品总览</span>
           </div>
-          <div class="product-card flex js">
-            <div class="product-card-item">
-              <div class="number">100</div>
-              <div>已下架</div>
+          <div class="product-card flex js ac">
+            <div class="product-card-item" v-for="(item, index) in productList" :key="index">
+              <div class="number">{{ item.currentNum }}</div>
+              <div>{{ item.productStatus }}</div>
             </div>
-            <div class="product-card-item">
-              <div class="number">100</div>
-              <div>已下架</div>
-            </div>
-
-            <div class="product-card-item">
-              <div class="number">100</div>
-              <div>已下架</div>
-            </div>
-
-            <div class="product-card-item">
-              <div class="number">100</div>
-              <div>已下架</div>
-            </div>
-
           </div>
         </el-card>
       </el-col>
-      <el-col :span="2"></el-col>
-      <el-col :span="11">
+      <el-col :span="12">
         <el-card class="box-card">
           <div slot="header">
-            <span class="card-title">商品总览</span>
+            <span class="card-title">用户总览</span>
           </div>
-          <div class="product-card flex js">
+          <div class="product-card flex js ac">
             <div class="product-card-item">
               <div class="number">100</div>
-              <div>已下架</div>
+              <div>今日新增</div>
             </div>
             <div class="product-card-item">
               <div class="number">100</div>
-              <div>已下架</div>
+              <div>昨日新增</div>
             </div>
 
             <div class="product-card-item">
               <div class="number">100</div>
-              <div>已下架</div>
+              <div>本月新增</div>
             </div>
 
             <div class="product-card-item">
               <div class="number">100</div>
-              <div>已下架</div>
+              <div>会员总数</div>
             </div>
-
           </div>
         </el-card>
       </el-col>
@@ -107,17 +90,33 @@
             <div class="orderStatistics-card-left flex column jc">
               <div class="orderStatistics-card-left-item">
                 <div class="orderStatistics-card-left-item-title">本月订单总数</div>
-                <div class="orderStatistics-card-left-item-number">10000</div>
-                <div class="orderStatistics-card-left-item-title">10% 同比上周</div>
+                <div class="orderStatistics-card-left-item-number">{{ month }}</div>
+                <!-- <div class="orderStatistics-card-left-item-title">10% 同比上周</div> -->
               </div>
               <div class="orderStatistics-card-left-item mt">
                 <div class="orderStatistics-card-left-item-title">本周订单数量</div>
-                <div class="orderStatistics-card-left-item-number">10000</div>
-                <div class="orderStatistics-card-left-item-title">10% 同比上周</div>
+                <div class="orderStatistics-card-left-item-number">{{ week }}</div>
+                <!-- <div class="orderStatistics-card-left-item-title">10% 同比上周</div> -->
               </div>
             </div>
             <div class="orderStatistics-card-right oneflex">
-              <div style="width: 100%;"> 近一周订单统计</div>
+              <div class="flex ac">
+                <div style="width: 100%;">近一周订单统计</div>
+                <el-date-picker
+                  v-model="createTime"
+                  type="daterange"
+                  align="right"
+                  unlink-panels
+                  value-format="yyyy-MM-dd"
+                  range-separator="~"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  :picker-options="pickerOptions"
+                >
+                </el-date-picker>
+                <el-button type="primary" @click="userSearchs" style="margin-left:10px">查询</el-button>
+              </div>
+
               <div style="width: 100%; height:500px;margin-top:20px" id="chart"></div>
             </div>
           </div>
@@ -129,51 +128,205 @@
 
 <script>
 import echarts from 'echarts'
+import orderInfoApi from '@/api/order/orderInfo.js'
 
 export default {
   filters: {},
   data() {
     return {
-      myChart: null
-    }
-  },
-  created() {
-    this.init()
-  },
-  mounted() {
-    this.initChart('chart')
-  },
-  methods: {
-    initChart(id='chart') {
-      this.myChart = echarts.init(document.getElementById(id));
-      this.myChart.setOption({
-        color: ['#4370da'],
+      myChart: null,
+      createTime: '',
+      orderData: {},
+      startTime: null,
+      endTime: null,
+      week: null,
+      month: null,
+      option: {
+        color: ['#DBEEFC'],
         grid: {
           x: 50,
           y: 25,
           x2: 30,
           y2: 35
         },
+        tooltip: {
+          trigger: 'item'
+        },
         xAxis: {
           type: 'category',
-          boundaryGap: false,
-          data: ['07-01周六', '07-02周日', '07-03周一', '07-04周二', '07-05周三', '07-06周四', '07-07周五']
+          boundaryGap: false
+          // data: ['07-01周六', '07-02周日', '07-03周一', '07-04周二', '07-05周三', '07-06周四', '07-07周五']
         },
         yAxis: {
           type: 'value'
         },
         series: [
           {
-            data: [820, 932, 901, 934, 1290, 1330, 1320],
+            // data: [820, 932, 901, 934, 1290, 1330, 1320],
             type: 'line',
             smooth: true,
+            itemStyle: {
+              color: '#49A9EE',
+              normal: {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {
+                    offset: 0,
+                    color: '#49A9EE' // 起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: '#DBEEFC' // 结束颜色
+                  }
+                ]),
+                lineStyle: {
+                  width: 2 // 线条宽度
+                }
+              }
+            },
             areaStyle: {}
           }
         ]
-      });
-    },
-    init() {
+      },
+      pickerOptions: {
+        shortcuts: [
+          // {
+          //   text: '今天',
+          //   onClick(picker) {
+          //     const end = new Date()
+          //     const start = new Date()
+          //     picker.$emit('pick', [start, end])
+          //   }
+          // },
+          {
+            text: '最近一周',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+              picker.$emit('pick', [start, end])
+            }
+          },
+          {
+            text: '最近一个月',
+            onClick(picker) {
+              const end = new Date()
+              const start = new Date()
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
+              picker.$emit('pick', [start, end])
+            }
+          }
+        ]
+      },
+      productList: []
+    }
+  },
+  created() {
+    // this.init()
+  },
+  mounted() {
+    this.myChart = echarts.init(document.getElementById('chart'))
+    var DaysAgo = this.timeBefore()
+    var sevenDaysAgo = this.timeBefore7()
+    this.createTime = [new Date(sevenDaysAgo), new Date(DaysAgo)]
 
+    this.getMainDataOne()
+    this.getMainDataTwo(sevenDaysAgo, DaysAgo)
+    this.getProductOverview()
+  },
+  methods: {
+    // 表格搜索
+    userSearchs() {
+      if (this.createTime !== null && this.createTime.length !== 0) {
+        if (this.isDate(this.createTime[0])) {
+          this.startTime = this.createTime[0]
+          this.endTime = this.createTime[1]
+        } else {
+          var time1 = this.getSimpleDate(this.createTime[0])
+          var time2 = this.getSimpleDate(this.createTime[1])
+          this.startTime = time1
+          this.endTime = time2
+        }
+
+        this.getMainDataTwo(this.startTime, this.endTime)
+      } else {
+        this.$message.error('请选择要查询的时间段！')
+      }
+    },
+    // 首页订单数据
+    async getMainDataOne() {
+      await orderInfoApi.getMainDataOne().then(res => {
+        if ((res.code = 20000)) {
+          this.orderData = res.data
+        }
+      })
+    },
+    async getMainDataTwo(startTime, endTime) {
+      await orderInfoApi.getMainDataTwo({ createTimeStart: startTime, createTimeEnd: endTime }).then(res => {
+        if ((res.code = 20000)) {
+          this.week = res.data.week
+          this.month = res.data.month
+          this.option.xAxis.data = res.data.date
+          this.option.series[0].data = res.data.value
+
+          this.myChart.setOption(this.option)
+        }
+      })
+    },
+    async getProductOverview() {
+      await orderInfoApi.getProductOverview().then(res => {
+        if ((res.code = 20000)) {
+          this.productList = res.data
+        }
+      })
+    },
+    timeBefore(date) {
+      if (!date) {
+        date = new Date()
+      }
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate()
+      if (d < 0) {
+        m = date.getMonth()
+        var d1 = new Date(y, m, 0)
+        var d2 = d1.getDate()
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d2 + d)
+      } else {
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
+      }
+    },
+    timeBefore7(date) {
+      if (!date) {
+        date = new Date()
+      }
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate() - 7
+      if (d < 0) {
+        m = date.getMonth()
+        var d1 = new Date(y, m, 0)
+        var d2 = d1.getDate()
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d2 + d)
+      } else {
+        return y + '-' + (m < 10 ? '0' + m : m) + '-' + (d < 10 ? '0' + d : d)
+      }
+    },
+    isDate(dateStr) {
+      var pattern = /^\d{4}-\d{2}-\d{2}$/
+      return pattern.test(dateStr)
+    },
+    getSimpleDate(date) {
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      m = m < 10 ? '0' + m : m
+      var d = date.getDate()
+      d = d < 10 ? '0' + d : d
+      // var h = date.getHours()
+      // var minute = date.getMinutes()
+      // minute = minute < 10 ? '0' + minute : minute
+      // var s = date.getSeconds()
+      // s = s < 10 ? '0' + s : s
+      return y + '-' + m + '-' + d
     }
   }
 }

src/views/marketing/advertisement/advertisementAdd.vue

@@ -37,7 +37,7 @@
         <el-col>
           <el-form-item label="广告图片" prop="positionImage">
             <div class="upLoadPicBox">
-              <upload :photo="advertisement.positionImage" @success="uploadSuccess" tip="只能上传jpg/png格式文件，文件不能超过50kb"></upload>
+              <upload :photo="advertisement.positionImage" @success="uploadSuccess" tip="只能上传jpg/png格式文件"></upload>
             </div>
           </el-form-item>
         </el-col>

src/views/order/orderListDetail.vue

@@ -4,7 +4,7 @@
       <div style="background: #f3f3f3;height:60px">
         <span style="line-height:60px;margin:0px  30px;color:red; font-size:16px"> 当前订单状态：{{ detailData.orderStatus | orderStatus }}</span>
       </div>
-      <el-descriptions title="基本信息" class="text" direction="vertical" :column="6" border>
+      <el-descriptions title="基本信息" class="orderText" direction="vertical" :column="6" border>
         <el-descriptions-item label="订单编号">{{ detailData.orderCode }}</el-descriptions-item>
         <el-descriptions-item label="用户账号">{{ detailData.customerPhone }}</el-descriptions-item>
         <el-descriptions-item label="支付积分">{{ detailData.integral }}</el-descriptions-item>
@@ -13,13 +13,13 @@
         <el-descriptions-item label="提货码">{{ detailData.takeCode }}</el-descriptions-item>
       </el-descriptions>
 
-      <el-descriptions title="收货人信息" class="text" direction="vertical" :column="3" border>
+      <el-descriptions title="收货人信息" class="orderText" direction="vertical" :column="3" border>
         <el-descriptions-item label="收货人">{{ detailData.customerName }}</el-descriptions-item>
         <el-descriptions-item label="手机号码">{{ detailData.customerPhone }}</el-descriptions-item>
         <el-descriptions-item label="订单备注">{{ detailData.remark || '暂无' }}</el-descriptions-item>
       </el-descriptions>
 
-      <div class="text">商品信息</div>
+      <div class="orderText">商品信息</div>
       <el-table
         :data="detailData.mallOrderInfoDetails"
         class="ivu-mt mt14"
@@ -55,7 +55,7 @@
 
         <el-table-column label="小计" min-width="120" align="center" prop="allMarketPrice"> </el-table-column>
       </el-table>
-      <div class="text">操作信息</div>
+      <div class="orderText">操作信息</div>
       <el-table :data="detailData.mallOrderInfoRecords" class="ivu-mt mt14" v-loading="loading" border highlight-current-row empty-text="暂无数据">
         <el-table-column label="操作者" min-width="120" align="center">
           <template slot-scope="scope">
@@ -291,7 +291,7 @@ export default {
 .label_width {
   width: 400px;
 }
-.text {
+.orderText {
   font-size: 16px;
   font-weight: bold;
   margin-top: 20px;

src/views/order/orderRefundList.vue

@@ -247,7 +247,7 @@ export default {
       const searchParam = { ...this.page }
       searchParam.pageSize = endIndex
       searchParam.currentPage = this.output.startPage
-      orderInfoApi.getRefundOrder(searchParam).then(res => {
+      orderInfoApi.RefundexportExcel(searchParam).then(res => {
         const link = document.createElement('a')
         // 创建Blob对象，设置文件类型
         const blob = new Blob([res], { type: 'application/vnd.ns-excel' }) // MIME类型

src/views/order/orderRefundListDetail.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="article-manager">
     <el-card :bordered="false" shadow="never" class="ivu-mt mt16 mb30" :body-style="{ padding: '0 20px 20px' }">
-      <div class="text">退货商品</div>
+      <div class="orderText">退货商品</div>
       <el-table
         :data="detailData.mallOrderInfoDetails"
         class="ivu-mt mt14"
@@ -37,7 +37,7 @@
         <el-table-column label="小计" min-width="120" align="center" prop="allMarketPrice"> </el-table-column>
       </el-table>
 
-      <el-descriptions title="基本信息" class="text" :column="1" border>
+      <el-descriptions title="基本信息" class="orderText" :column="1" border>
         <el-descriptions-item label="订单id">{{ detailData.id }}</el-descriptions-item>
         <el-descriptions-item label="申请状态">{{ detailData.refundStatus | refundStatus }}</el-descriptions-item>
         <el-descriptions-item label="订单编号">{{ detailData.orderCode }} </el-descriptions-item>
@@ -49,7 +49,7 @@
         <el-descriptions-item label="退款原因">{{ detailData.refundMark }}</el-descriptions-item>
       </el-descriptions>
 
-      <el-descriptions title="" class="text" :column="1" border>
+      <el-descriptions title="" class="orderText" :column="1" border>
         <el-descriptions-item label="处理人员">{{ OrderInfoRecord.customerName }}</el-descriptions-item>
         <el-descriptions-item label="处理时间">{{ OrderInfoRecord.createTime }}</el-descriptions-item>
         <el-descriptions-item label="操作备注">{{ OrderInfoRecord.remark }} </el-descriptions-item>
@@ -275,7 +275,7 @@ export default {
 .label_width {
   width: 400px;
 }
-.text {
+.orderText {
   font-size: 16px;
   font-weight: bold;
   margin-top: 20px;

src/views/product/productAdd/components/OilStationSelection.vue

@@ -1,30 +1,94 @@
 <template>
-  <div>
+  <div class="station-select">
     <el-form ref="artFrom" :model="page" label-width="80px" label-position="right" class="tabform"
              @submit.native.prevent inline>
       <el-form-item label="输入搜索">
         <el-input clearable v-model="page.params.siteName" placeholder="请输入油站名称"
                   class="form_content_width"></el-input>
       </el-form-item>
+      <el-form-item label="油站渠道">
+        <el-select v-model="page.params.channel" clearable style="width:100%">
+          <el-option
+            v-for="(item,index) in channelList"
+            :key="index"
+            :label="item"
+            :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="省市区">
+        <el-cascader
+          v-model="page.params.addrCodes"
+          placeholder="请选择省市区"
+          style="width: 100%"
+          :options="areaTree"
+          :props="{checkStrictly: true,value:'id', label:'areaName', children:'childList'}"
+          filterable
+          clearable
+        />
+      </el-form-item>
+      <el-form-item label="油站品牌">
+        <el-select v-model="page.params.siteBrand" clearable style="width:100%">
+          <el-option label="中国石油" :value="1" />
+          <el-option label="中国石化" :value="2" />
+          <el-option label="壳牌" :value="3" />
+          <el-option label="民营" :value="4" />
+          <el-option label="中海油" :value="5" />
+          <el-option label="京博" :value="6" />
+          <el-option label="中化石油" :value="7" />
+          <el-option label="山东高速" :value="9" />
+          <el-option label="其他" :value="8" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="油站账户" prop="siteChannelAccountId">
+        <el-select v-model="page.params.siteChannelAccountId" remote filterable clearable placeholder="请选择油站账户" style="width: 100%">
+          <el-option v-for="item in restaurants" :key="item.id" :label="item.value + '-' + item.id" :value="item.id">
+            {{ item.value }}-<span style="color: #bbbbbb">{{ item.id }}</span>
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="userSearchs">查询</el-button>
-        <el-button type="primary" @click="submit">确定选择</el-button>
       </el-form-item>
     </el-form>
-    <el-table max-height="500" @selection-change="selectionChange" v-loading="loading" ref="table" :data="tableList"
-              :row-key="(row) => row.siteId" highlight-current-row empty-text="暂无数据" class="mt14">
-      <el-table-column type="selection" reserve-selection width="55">
-      </el-table-column>
-      <el-table-column label="油站名称" prop="siteName"></el-table-column>
-      <el-table-column label="渠道" prop="channel"></el-table-column>
-    </el-table>
-    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                   :current-page="page.currentPage" :page-sizes="[10, 15, 20, 30]" :page-size="page.pageSize"
-                   layout="total, sizes, prev, pager, next, jumper" :total="page.totalCount" />
+    <el-row :gutter="24" class="table-area">
+      <el-col  :span="11">
+        <h3>待选择</h3>
+        <el-table :height="tableHeight" v-loading="loading" ref="table" :data="tableList"
+                  :row-key="(row) => row.siteId" highlight-current-row empty-text="暂无数据" class="mt14">
+          <el-table-column type="selection" reserve-selection width="55">
+          </el-table-column>
+          <el-table-column label="油站名称" prop="siteName" width="200"></el-table-column>
+          <el-table-column align="center"  label="渠道" prop="channel" width="120"></el-table-column>
+          <el-table-column header-align="center" label="地址" prop="address"></el-table-column>
+        </el-table>
+        <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                       :current-page="page.currentPage" :page-sizes="[10, 15, 20, 30]" :page-size="page.pageSize"
+                       layout="total, sizes, prev, pager, next, jumper" :total="page.totalCount" />
+      </el-col>
+      <el-col  :span="2" class="transfer-button">
+        <el-button type="primary" @click="delSite" class="el-icon-back"></el-button>
+        <el-button type="primary" @click="addSite" class="el-icon-right"></el-button>
+      </el-col>
+      <el-col  :span="11">
+        <h3>已选择</h3>
+        <el-table :height="tableHeight" v-loading="checkedLoading" ref="checkedTable" :data="checkedSites"
+                  :row-key="(row) => row.siteId" highlight-current-row empty-text="暂无数据" class="mt14">
+          <el-table-column type="selection" reserve-selection width="55">
+          </el-table-column>
+          <el-table-column label="油站名称" prop="siteName" width="200"></el-table-column>
+          <el-table-column align="center"  label="渠道" prop="channel" width="120"></el-table-column>
+          <el-table-column header-align="center" label="地址" prop="address"></el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
+    <el-button type="primary" @click="submit" class="fr">确定</el-button>
   </div>
 </template>
 <script>
 import productApi from '@/api/product/productAttr.js'
+import dictAreaApi from '@/api/base/areaCode.js'
+import financeApi from '@/api/user/oilTerminalMarket.js'
 
 export default {
   name: 'OilStationSelection',
@@ -36,50 +100,87 @@ export default {
     selectAttrId: {
       type: String,
       default: () => ''
-    }
+    },
+    productId: {
+      type: String,
+      default: () => null
+    },
   },
   data() {
     return {
-      selectionList: [],
+      tableHeight: document.documentElement.clientHeight - 550,
+      // selectionList: [],
       loading: false,
+      checkedLoading: false,
       tableList: [],
+      areaTree: [],
+      restaurants: [],
       page: {
         'currentPage': 1,
         'pageSize': 10,
         'totalCount': 0,
         'params': {
-          'siteName': ''
+          addrCodes:[]
         }
-      }
-    }
-  },
-  watch: {
-    OilStationSelectionList: {
-      handler(n, o) {
-        this.$refs.table.clearSelection()
-        n.forEach(element => {
-          this.$refs.table.toggleRowSelection(element)
-        })
       },
-      deep: true
+      channelList:[],
+      checkedSites:[],
     }
   },
+  // watch: {
+  //   OilStationSelectionList: {
+  //     handler(n, o) {
+  //       this.$refs.table.clearSelection()
+  //       n.forEach(element => {
+  //         this.$refs.table.toggleRowSelection(element)
+  //       })
+  //     },
+  //     deep: true
+  //   }
+  // },
   created() {
     this.init()
+    this.getAreaData()
+    this.getChannlList()
+    this.getAccountNames()
+    this.getCheckedSites()
   },
   methods: {
     submit() {
       this.$emit('submit', this.getSelectionList())
     },
     getSelectionList() {
-      return this.selectionList
-    },
-    selectionChange(e) {
-      this.selectionList = e
+      return this.checkedSites
     },
     userSearchs() {
       this.getByPage()
     },
+    addSite(){
+      console.log(this.$refs.table.selection)
+      let arr = [...this.$refs.table.selection]
+      let arrSiteName = []
+      arr.forEach(v=>{
+        if (this.checkedSites.some(f=>f.siteId===v.siteId)){
+          arrSiteName.unshift(v.siteName)
+        }else {
+          this.checkedSites.push(v)
+        }
+      })
+      if (arrSiteName&&arrSiteName.length>0){
+        this.$message.warning('部分站点出现重复，已自动为您过滤：【'+arrSiteName.join('、')+'】')
+      }
+      this.$refs.table.clearSelection()
+    },
+    delSite(){
+      console.log(this.$refs.checkedTable.selection)
+      // 获取当前选中的行
+      const selectedRows = this.$refs.checkedTable.selection;
+      // 使用filter方法创建一个新数组，不包含已删除的元素
+      this.checkedSites = this.checkedSites.filter(site => {
+        return !selectedRows.some(row => row.siteId === site.siteId);
+      });
+      this.$refs.checkedTable.clearSelection()
+    },
     isStrictPromise(value) {
       return !!value
         && typeof value === 'object'
@@ -95,7 +196,30 @@ export default {
       }
 
     },
+    getAreaData(){
+      dictAreaApi.getTree().then(res => {
+        this.areaTree = res.data
+      })
+    },
     getByPage() {
+      if (this.page.params.addrCodes&&this.page.params.addrCodes.length>0){
+        this.page.params.provinceCode = this.page.params.addrCodes[0]
+        if (this.page.params.addrCodes.length>1){
+          this.page.params.areaCode = this.page.params.addrCodes[1]
+          if (this.page.params.addrCodes.length>2){
+            this.page.params.cityCode = this.page.params.addrCodes[2]
+          }else {
+            this.page.params.cityCode = null
+          }
+        }else {
+          this.page.params.areaCode = null
+          this.page.params.cityCode = null
+        }
+      }else {
+        this.page.params.provinceCode = null
+        this.page.params.areaCode = null
+        this.page.params.cityCode = null
+      }
       this.loadingFn(productApi.getAllSites(this.page).then(res => {
         if (res.code === 20000) {
           this.tableList = res.data.list
@@ -115,6 +239,15 @@ export default {
       this.page.pageSize = val
       this.getByPage()
     },
+    // 获取账户名称键值对
+    getAccountNames() {
+      financeApi.getChannelAccountMaps().then(res => {
+        if (res.code === 20000) {
+          const arr = [...res.data]
+          this.restaurants = arr.filter(f => f.accountState === '1')
+        }
+      })
+    },
     del(e) {
       productApi.delete(e).then(res => {
         if (res.code == 20000) {
@@ -123,6 +256,27 @@ export default {
         }
       })
     },
+    getChannlList(){
+      productApi.getChannels().then(res=>{
+        if (res.code === 20000) {
+         this.channelList = res.data
+        }
+      })
+    },
+    getCheckedSites(){
+      if (this.productId){
+        this.checkedLoading = true
+        productApi.getCheckedSites(this.productId).then(res=>{
+          if (res.code === 20000) {
+            let checkedData = res.data
+            this.checkedSites = checkedData.filter(f => {
+              return this.OilStationSelectionList.find(i => i.siteId === f.siteId);
+            });
+          }
+          this.checkedLoading = false
+        })
+      }
+    },
     edit(row) {
       let data = Object.assign({}, row, {
         name: this.selectAttrId.split('/')[1] || '',
@@ -148,4 +302,18 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.station-select{
+  height: calc(100vh - 300px);
+  .table-area{
+    .transfer-button{
+      display: grid;
+      align-items: center;
+      grid-template-columns: auto auto;
+      button{
+        width: 50px;
+      }
+    }
+  }
+}
+</style>

src/views/product/productAdd/index.vue

@@ -36,7 +36,7 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="商品分类：" prop="cate_id"> 
+            <el-form-item label="商品分类：" prop="cate_id">
               <el-cascader
                 class="content_width"
                 v-model="formValidate.cate_id"
@@ -52,7 +52,7 @@
             <el-form-item label="商品名称：" prop="store_name">
               <el-input class="content_width" v-model.trim="formValidate.store_name" placeholder="请输入商品名称" />
             </el-form-item>
-          </el-col> 
+          </el-col>
           <el-col :span="24">
             <el-form-item label="单位：" prop="unit_name">
               <el-input class="content_width" v-model="formValidate.unit_name" placeholder="请输入单位" />
@@ -1166,7 +1166,7 @@
                 <div
                   class="color-item"
                   :class="activity[color]"
-                  v-for="color in formValidate.activity" 
+                  v-for="color in formValidate.activity"
                   :key="color"
                 >
                   {{ color }}
@@ -3052,7 +3052,7 @@ export default {
 }
 
 .box-video-style {
-  width: 375px; 
+  width: 375px;
   height: 211px;
   border-radius: 10px;
   background-color: #707070;
@@ -3276,7 +3276,7 @@ export default {
 .ifam {
   width: 344px;
   height: 644px;
- 
+
   background-size: 344px 644px;
   padding: 40px 20px;
   padding-top: 50px;

src/views/product/productAdd/newIndex.vue

@@ -77,7 +77,7 @@
           </el-col> -->
           <el-col v-bind="grid2">
             <el-form-item label="自提油站" prop="siteIds">
-              <el-tag 
+              <el-tag
                 style="margin-left: 10px;"
                 :key="tagIndex"
                 v-for="(tag, tagIndex) in OilStationSelectionList"
@@ -216,6 +216,7 @@
                       :disabled="isDisabled"
                       maxlength="9"
                       min="0.01"
+                      required
                       v-model="scope.row[item.value]"
                       class="priceBox"
                       @blur="keyupEvent(iii, scope.row[item.value], scope.$index, 3)"
@@ -326,8 +327,8 @@
       </el-form>
     </el-card>
     <CreatTemplates ref="addTemplates" @getList="getShippingList" />
-    <el-dialog title="选择油站" :visible.sync="isOilStationSelection">
-      <OilStationSelection :OilStationSelectionList="OilStationSelectionList" @submit="oilStationSelectionSubmit"> </OilStationSelection>
+    <el-dialog width="80%" title="选择油站" :visible.sync="isOilStationSelection">
+      <OilStationSelection :product-id="this.$route.query.id" ref="selectSites" :OilStationSelectionList="OilStationSelectionList" @submit="oilStationSelectionSubmit"> </OilStationSelection>
     </el-dialog>
   </div>
 </template>
@@ -575,7 +576,7 @@ export default {
         this.$destroy();
     },
   methods: {
-    async chenkId() { 
+    async chenkId() {
       if (this.$route.query && this.$route.query.id) {
         await this.getproductInfo(this.$route.query.id)
       }
@@ -619,17 +620,17 @@ export default {
             } else {
               return null
             }
-          }).filter(item => item); 
+          }).filter(item => item);
         setTimeout(() => {
           this.ManyAttrValue.forEach((item, index) => {
             let data = this.formValidate.stockList.find(i => i.attributeJson == JSON.stringify(item.data));
             if (data) {
               Object.assign(item, data,{delect:false})
-            }else{  
-              Object.assign(item, data,{delect:true}) 
+            }else{
+              Object.assign(item, data,{delect:true})
             }
           })
-          this.ManyAttrValue = this.ManyAttrValue.filter(item=>!item.delect) 
+          this.ManyAttrValue = this.ManyAttrValue.filter(item=>!item.delect)
         }, 1000)
       })
     },
@@ -645,6 +646,9 @@ export default {
     },
     delectOilStationSelectionList(e, index) {
       this.OilStationSelectionList.splice(index, 1)
+      if (this.$refs.selectSites&&this.$refs.selectSites.checkedSites){
+        this.$refs.selectSites.checkedSites =  this.$refs.selectSites.checkedSites.filter(site => e.siteId !== site.siteId);
+      }
     },
     oilStationSelectionSubmit(e) {
       this.OilStationSelectionList = e
@@ -1181,6 +1185,10 @@ export default {
     },
     handleSubmitNest(name) {
       console.log(this.formValidate,"handleSubmitNest")
+      if (this.formValidate.attr<1){
+        this.$message.error('规格属性不能为空')
+        return
+      }
       this.$refs[name].validate(valid => {
         if (valid) {
           if (this.currentTab++ > 2) this.currentTab = 0
@@ -1235,7 +1243,7 @@ export default {
           skuNum,
           id
         }
-      }) 
+      })
       this.formValidate[isRecommendOrNewMark] = '1'
       loadingFn.call(
         this,
@@ -1253,7 +1261,7 @@ export default {
           if (res.code == 20000) {
             this.$message.success('操作成功')
             setTimeout(() => {
-              this.$router.push({ path: 'productList' })
+              this.$router.push({ path: 'productList', query: { refresh: true }})
               // this.$destroy()
             }, 1000)
           }

vue.config.js

@@ -25,8 +25,8 @@ module.exports = {
     proxy: {
       [process.env.VUE_APP_BASE_API]: {
         // target: `cls`,
-        // target: `http://192.168.0.6:38080`,
-        target: `http://192.168.0.24:38080`,
+        target: `http://192.168.0.254:38080`,
+        // target: `http://192.168.0.24:38080`,
         // target: `http://192.168.1.83:38080`,
         // target: 'http://222.132.26.119:8081',
         // target: `https://www.xingoil.com/adminapi`,