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.vue

@@ -12,25 +12,25 @@
                 <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 ae">
                 <div class="orderData-right-item">
-                  <span>待核销订单</span>
-                  <span>(10)</span>
+                  <span>待退款订单</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>(10)</span>
+                  <span>({{ orderData.yiHeXiao }})</span>
                 </div>
                 <div class="orderData-right-item mt">
-                  <span>已完成订单</span>
-                  <span>(10)</span>
-                </div>
-                <div class="orderData-right-item mt">
-                  <span>待退款订单</span>
-                  <span>(10)</span>
+                  <span>已退款订单</span>
+                  <span>({{ orderData.yiTuiKuan }})</span>
                 </div>
               </div>
             </div>
@@ -45,23 +45,9 @@
             <span class="card-title">商品总览</span>
           </div>
           <div class="product-card flex js ac">
-            <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 class="product-card-item">
-              <div class="number">100</div>
-              <div>已下架</div>
+            <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>
         </el-card>
@@ -104,13 +90,13 @@
             <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">
@@ -128,7 +114,7 @@
                   :picker-options="pickerOptions"
                 >
                 </el-date-picker>
-                 <el-button type="primary" @click="userSearchs" style="margin-left:10px">查询</el-button>
+                <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>
@@ -142,6 +128,7 @@
 
 <script>
 import echarts from 'echarts'
+import orderInfoApi from '@/api/order/orderInfo.js'
 
 export default {
   filters: {},
@@ -149,16 +136,67 @@ export default {
     return {
       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周五']
+        },
+        yAxis: {
+          type: 'value'
+        },
+        series: [
+          {
+            // 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: {}
+          }
+        ]
+      },
       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()
+          //     picker.$emit('pick', [start, end])
+          //   }
+          // },
           {
             text: '最近一周',
             onClick(picker) {
@@ -178,45 +216,118 @@ export default {
             }
           }
         ]
-      }
+      },
+      productList: []
     }
   },
   created() {
-    this.init()
+    // this.init()
   },
   mounted() {
-    this.initChart('chart')
+    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: {
-    initChart(id = 'chart') {
-      this.myChart = echarts.init(document.getElementById(id))
-      this.myChart.setOption({
-        color: ['#4370da'],
-        grid: {
-          x: 50,
-          y: 25,
-          x2: 30,
-          y2: 35
-        },
-        xAxis: {
-          type: 'category',
-          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],
-            type: 'line',
-            smooth: true,
-            areaStyle: {}
-          }
-        ]
+    // 表格搜索
+    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
+        }
       })
     },
-    init() {}
+    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
+    }
   }
 }
 </script>

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/newIndex.vue

@@ -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>
@@ -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
@@ -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`,