修改部分样式，分离seller端config文件，配置部分冗余数据，删除部分没用的图片

manager/src/styles/common.scss

@@ -67,6 +67,7 @@ $theme_color: #804ed1;
 .mb_10{margin-bottom: 10px;}
 .mt_10{margin-top: 10px;}
 .ml_10{margin-left: 10px;}
+.ml_5{margin-left: 10px;}
 .mr_10{margin-right: 10px;}
 
 .pb_20{padding-bottom: 20px;}

manager/src/styles/table-common.scss

@@ -1,79 +1,47 @@
 .search {
-    .operation {
+  .operation {
-        margin-bottom: 2vh;
+    margin-bottom: 2vh;
-    }
+  }
 
-    .select-count {
+  .select-count {
-        font-weight: 600;
+    font-weight: 600;
-        color: #40a9ff;
+    color: #40a9ff;
-    }
+  }
 
-    .select-clear {
+  .select-clear {
-        margin-left: 10px;
+    margin-left: 10px;
-    }
+  }
-
-    .page {
-        margin-top: 2vh;
-    }
-
-    .drop-down {
-        margin-left: 5px;
-    }
 }
 
-.tree-list {
+.search-input {
-    position: relative;
+  width: 270px;
-    min-height: 80px;
+  margin-right: 20px;
-}
-
-.drawer-footer {
-    z-index: 10;
-    width: 100%;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    border-top: 1px solid #e8e8e8;
-    padding: 10px 16px;
-    text-align: right;
-    background: #fff;
-}
-
-.block-tool .ivu-tooltip,
-.block-tool .ivu-tooltip-rel {
-    display: block;
-}
-
-.block-pop .ivu-poptip,
-.block-pop .ivu-poptip-rel {
-    display: block;
 }
 
 .search-form {
   width: 100% !important;
   display: flex;
   align-items: center;
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
+  border-radius: 0.4em;
   padding: 10px;
   margin: 0;
   flex-wrap: wrap;
-  .ivu-form-item{
+  > .ivu-form-item {
-    margin:8px 10px !important;
+    margin: 8px 10px !important;
   }
-
 }
-.padding-row{
+.padding-row {
   margin-top: 15px;
   margin-bottom: 15px;
 }
-.search-btn{
+.search-btn {
   margin-left: 20px;
 }
 
-.div-zoom{
+.div-zoom {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow: hidden;
 }
-
-

manager/src/views/promotion/coupon/coupon.vue

@@ -24,9 +24,11 @@
       </Row>
       <Table v-if="refreshTable" :loading="loading" border :columns="columns" :data="data" ref="table" class="mt_10" @on-selection-change="changeSelect">
         <template slot-scope="{ row }" slot="action">
-          <Button v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'" type="success" :class="{'mr_10' : row.promotionStatus === 'START' || row.promotionStatus === 'NEW'}" size="small" @click="edit(row)">编辑
+          <Button v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'" type="info"  size="small" @click="see(row)">编辑
           </Button>
-          <Button v-if="row.promotionStatus === 'START' || row.promotionStatus === 'NEW'" type="error" size="small" @click="remove(row)">下架
+          <Button v-else type="default"  size="small" @click="see(row,'onlyView')">查看
+          </Button>
+          <Button class="ml_5" v-if="row.promotionStatus === 'START' || row.promotionStatus === 'NEW'" type="error" size="small" @click="remove(row)">下架
           </Button>
          
         </template>
@@ -313,8 +315,10 @@ export default {
       this.loading = false;
     },
 
-    edit(v) {  // 跳转编辑页面
+    see(v,only) {  // 跳转编辑页面
-      this.$router.push({ name: "edit-platform-coupon", query: { id: v.id } });
+     let data 
+      only ? data = { onlyView : true,id: v.id } : data  = { id: v.id } 
+      this.$router.push({ name: "edit-platform-coupon", query:data });
     },
     remove(v) { // 下架优惠券
       this.$Modal.confirm({

manager/src/views/promotion/coupon/couponPublish.vue

@@ -6,68 +6,68 @@
           <h4>基本信息</h4>
           <div class="form-item-view">
             <FormItem label="活动名称" prop="promotionName">
-              <Input type="text" v-model="form.promotionName" placeholder="活动名称" clearable style="width: 260px"/>
+              <Input :disabled="disabled" type="text" v-model="form.promotionName" placeholder="活动名称" clearable style="width: 260px"/>
             </FormItem>
             <FormItem label="优惠券名称" prop="couponName">
-              <Input type="text" v-model="form.couponName" placeholder="优惠券名称" clearable style="width: 260px"/>
+              <Input :disabled="disabled" type="text" v-model="form.couponName" placeholder="优惠券名称" clearable style="width: 260px"/>
             </FormItem>
             <FormItem label="优惠券类型" prop="couponType">
-              <Select v-model="form.couponType" style="width: 260px">
+              <Select :disabled="disabled" v-model="form.couponType" style="width: 260px">
                 <Option value="DISCOUNT">打折</Option>
                 <Option value="PRICE">减免现金</Option>
               </Select>
             </FormItem>
             <FormItem label="折扣" prop="couponDiscount" v-if="form.couponType == 'DISCOUNT'">
-              <Input type="number" v-model="form.couponDiscount" placeholder="折扣" clearable style="width: 260px"/>
+              <Input :disabled="disabled" type="number" v-model="form.couponDiscount" placeholder="折扣" clearable style="width: 260px"/>
               <span class="describe">请输入0-10之间数字，可以输入一位小数</span>
             </FormItem>
             <FormItem label="面额" prop="price" v-if="form.couponType == 'PRICE'">
-              <Input type="text" v-model="form.price" placeholder="面额" clearable style="width: 260px"/>
+              <Input :disabled="disabled" type="text" v-model="form.price" placeholder="面额" clearable style="width: 260px"/>
             </FormItem>
             <FormItem label="活动类型" prop="getType">
-              <Select v-model="form.getType" style="width: 260px">
+              <Select :disabled="disabled" v-model="form.getType" style="width: 260px">
                 <Option value="FREE">免费领取</Option>
                 <Option value="ACTIVITY">活动赠送</Option>
               </Select>
             </FormItem>
 
             <FormItem label="店铺承担比例" prop="storeCommission">
-              <Input v-model="form.storeCommission" placeholder="店铺承担比例" style="width: 260px">
+              <Input :disabled="disabled" v-model="form.storeCommission" placeholder="店铺承担比例" style="width: 260px">
                 <span slot="append">%</span>
               </Input>
               <span class="describe">店铺承担比例，输入0-100之间数值</span>
             </FormItem>
             <FormItem label="发放数量" prop="publishNum" v-if="form.getType==='FREE'">
-              <Input v-model="form.publishNum" placeholder="发放数量" style="width: 260px"/>
+              <Input :disabled="disabled" v-model="form.publishNum" placeholder="发放数量" style="width: 260px"/>
               <div class="tips">如果发放数量为0时,则代表不限制发放数量</div>
             </FormItem>
             <FormItem label="领取数量限制" prop="couponLimitNum" v-if="form.getType==='FREE'">
-              <Input v-model="form.couponLimitNum" placeholder="领取限制" clearable style="width: 260px"/>
+              <Input :disabled="disabled" v-model="form.couponLimitNum" placeholder="领取限制" clearable style="width: 260px"/>
               <div class="tips">如果领取数量为0时,则代表不限制领取数量</div>
             </FormItem>
             <FormItem label="范围描述" prop="description">
-              <Input v-model="form.description" type="textarea" :rows="4" maxlength="50" show-word-limit clearable
+              <Input :disabled="disabled" v-model="form.description" type="textarea" :rows="4" maxlength="50" show-word-limit clearable
                      style="width: 260px"/>
             </FormItem>
           </div>
           <h4>使用限制</h4>
           <div class="form-item-view">
             <FormItem label="消费门槛" prop="consumeThreshold">
-              <Input type="text" v-model="form.consumeThreshold" placeholder="消费门槛" clearable style="width: 260px"/>
+              <Input :disabled="disabled" type="text" v-model="form.consumeThreshold" placeholder="消费门槛" clearable style="width: 260px"/>
             </FormItem>
             <FormItem label="有效期" prop="rangeTime">
               <div v-if="form.getType == 'ACTIVITY'">
                 <RadioGroup v-model="rangeTimeType">
 
-                  <Radio :label="1">
+                  <Radio :disabled="disabled" :label="1">
                     起止时间
                   </Radio>
-                  <Radio :label="0">固定时间</Radio>
+                  <Radio :disabled="disabled" :label="0">固定时间</Radio>
 
                 </RadioGroup>
               </div>
               <div v-if="rangeTimeType == 1">
-                <DatePicker type="datetimerange" v-model="form.rangeTime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择"
+                <DatePicker :disabled="disabled" type="datetimerange" v-model="form.rangeTime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择"
                   :options="options" style="width: 260px">
                 </DatePicker>
               </div>
@@ -80,16 +80,16 @@
 
             <FormItem label="使用范围" prop="scopeType">
               <RadioGroup type="button" button-style="solid" v-model="form.scopeType">
-                <Radio label="ALL">全品类</Radio>
+                <Radio :disabled="disabled" label="ALL">全品类</Radio>
-                <Radio label="PORTION_GOODS">指定商品</Radio>
+                <Radio :disabled="disabled" label="PORTION_GOODS">指定商品</Radio>
-                <Radio label="PORTION_GOODS_CATEGORY">部分商品分类</Radio>
+                <Radio :disabled="disabled" label="PORTION_GOODS_CATEGORY">部分商品分类</Radio>
               </RadioGroup>
             </FormItem>
 
             <FormItem style="width: 100%" v-if="form.scopeType == 'PORTION_GOODS'">
               <div style="display: flex; margin-bottom: 10px">
-                <Button type="primary" @click="openSkuList">选择商品</Button>
+                <Button :disabled="disabled" type="primary" @click="openSkuList">选择商品</Button>
-                <Button type="error" ghost style="margin-left: 10px" @click="delSelectGoods">批量删除</Button>
+                <Button :disabled="disabled" type="error" ghost style="margin-left: 10px" @click="delSelectGoods">批量删除</Button>
               </div>
               <Table border :columns="columns" :data="form.promotionGoodsList" @on-selection-change="changeSelect">
                 <template slot-scope="{ row }" slot="QRCode">
@@ -100,13 +100,13 @@
 
             <FormItem v-if="form.scopeType == 'PORTION_GOODS_CATEGORY'">
 
-              <Cascader :data="goodsCategoryList" style="width:260px;"
+              <Cascader :disabled="disabled" :data="goodsCategoryList" style="width:260px;"
                 v-model="form.scopeIdGoods"></Cascader>
 
             </FormItem>
             <div>
-              <Button type="text" @click="closeCurrentPage">返回</Button>
+              <Button :disabled="disabled" type="text" @click="closeCurrentPage">返回</Button>
-              <Button type="primary" :loading="submitLoading" @click="handleSubmit">提交</Button>
+              <Button :disabled="disabled" type="primary" :loading="submitLoading" @click="handleSubmit">提交</Button>
             </div>
           </div>
         </div>
@@ -173,6 +173,7 @@ export default {
       }
     };
     return {
+      disabled: this.$route.query.onlyView,
       rangeTimeType: 1, // 当前时间类型
       modalType: 0, // 是否编辑
       form: {
@@ -307,12 +308,10 @@ export default {
         if (!data.promotionGoodsList) data.promotionGoodsList = [];
         if (data.scopeType == "PORTION_GOODS_CATEGORY") {
           let prevCascader = data.scopeId.split(",");
-
-          // console.log(prevCascader);
           function next(params, prev) {
             for (let i = 0; i < params.length; i++) {
               const item = params[i];
-              console.log(item);
+            
               if (item.children) {
                 next(item.children, [...prev, item]);
               } else {

seller/public/config.js

@@ -0,0 +1,29 @@
+var BASE = {
+  /**
+   * @description api请求基础路径
+   */
+  API_DEV: {
+    common: "https://common-api.pickmall.cn",
+    buyer: "https://buyer-api.pickmall.cn",
+    seller: "https://store-api.pickmall.cn",
+    manager: "https://admin-api.pickmall.cn"
+  },
+  API_PROD: {
+    common: "https://common-api.pickmall.cn",
+    buyer: "https://buyer-api.pickmall.cn",
+    seller: "https://store-api.pickmall.cn",
+    manager: "https://admin-api.pickmall.cn"
+  },
+  /**
+   * @description // 跳转买家端地址 pc端
+   */
+  PC_URL: "https://pc-b2b2c.pickmall.cn",
+  /**
+   * @description  // 跳转买家端地址 wap端
+   */
+  WAP_URL: "https://m-b2b2c.pickmall.cn",
+  /**
+   *  @description api请求基础路径前缀
+   */
+  PREFIX: "/store"
+};

seller/public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
     <link rel="icon" href="./logo.ico" type="image/x-icon" />
-    <title>lili store</title>
+    <title>store</title>
     <meta name="keywords" content="keywords" />
     <meta name="description" content="description" />
     <!-- built files will be auto injected -->
@@ -67,6 +67,7 @@
     <% for(var js of htmlWebpackPlugin.options.cdn.js) { %>
     <script src="<%=js%>"></script>
     <% } %>
+    <script src="./config.js"></script>
     <noscript>
       <strong
         >We're sorry but lili-admin doesn't work properly without JavaScript

seller/src/assets/background.svg

@@ -1 +0,0 @@
-<svg height="100%" width="100%" id="svg" viewBox="0 0 1440 400" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><defs><linearGradient id="gradient"><stop offset="5%" stop-color="#fab741ff"></stop><stop offset="95%" stop-color="#f78da7ff"></stop></linearGradient></defs><path d="M 0,400 C 0,400 0,200 0,200 C 45.64618509382542,216.47686725610436 91.29237018765085,232.9537345122087 133,241 C 174.70762981234915,249.0462654877913 212.47670434322208,248.66192920726948 257,220 C 301.5232956567779,191.33807079273052 352.80081243946097,134.39854865871342 396,148 C 439.19918756053903,161.60145134128658 474.3200458989338,245.7438761578768 511,266 C 547.6799541010662,286.2561238421232 585.9190039648037,242.62594670977953 635,230 C 684.0809960351963,217.37405329022047 744.0039382418512,235.75233700300504 792,247 C 839.9960617581488,258.24766299699496 876.0652430677914,262.3647052782003 912,253 C 947.9347569322086,243.63529472179968 983.7350894869837,220.78884188419372 1025,189 C 1066.2649105130163,157.21115811580628 1112.9943989842734,116.47992718502479 1162,127 C 1211.0056010157266,137.5200728149752 1262.2873145759218,199.2914493757072 1309,220 C 1355.7126854240782,240.7085506242928 1397.8563427120391,220.3542753121464 1440,200 C 1440,200 1440,400 1440,400 Z" stroke="none" stroke-width="0" fill="url(#gradient)" class="transition-all duration-300 ease-in-out delay-150"></path></svg>

seller/src/config/index.js

@@ -3,7 +3,6 @@ export default {
    * @description 配置显示在浏览器标签的title
    */
   title: "lilishop",
-
   /**
    * @description token在Cookie中存储的天数，默认1天
    */
@@ -14,32 +13,6 @@ export default {
    *              用来在菜单中显示文字
    */
   useI18n: true,
-
-  
-
-  /**
-   * @description api请求基础路径
-   */
-  api_dev: {
-    common: "https://common-api.pickmall.cn",
-    buyer: "https://buyer-api.pickmall.cn",
-    seller: "https://store-api.pickmall.cn",
-    manager: "https://admin-api.pickmall.cn"
-    // common: 'http://192.168.0.100:8890',
-    // buyer: 'http://192.168.0.100:8888',
-    // seller: 'http://192.168.0.100:8889',
-    // manager: 'http://192.168.0.100:8887'
-  },
-  api_prod: {
-    common: "https://common-api.pickmall.cn",
-    buyer: "https://buyer-api.pickmall.cn",
-    seller: "https://store-api.pickmall.cn",
-    manager: "https://admin-api.pickmall.cn"
-  },
-  /**
-   *  @description api请求基础路径前缀
-   */
-  baseUrlPrefix: "/store",
   /**
    * @description 需要加载的插件
    */

seller/src/libs/axios.js

@@ -1,5 +1,4 @@
 import axios from "axios";
-import config from "@/config";
 import { getStore, setStore } from "./storage";
 import { router } from "../router/index";
 import { Message } from "view-design";
@@ -9,12 +8,12 @@ import { handleRefreshToken } from "@/api/index";
 // 统一请求路径前缀
 export const baseUrl =
   (process.env.NODE_ENV === "development"
-    ? config.api_dev.seller
+    ?  BASE.API_DEV.seller
-    : config.api_prod.seller) + config.baseUrlPrefix;
+    : BASE.API_PROD.seller) + BASE.PREFIX;
 export const commonUrl =
   process.env.NODE_ENV === "development"
-    ? config.api_dev.common
+    ? BASE.API_DEV.common
-    : config.api_prod.common;
+    : BASE.API_PROD.common;
 // 文件上传接口
 export const uploadFile = commonUrl + "/common/upload/file";
 var isRefreshToken = 0;

seller/src/libs/util.js

@@ -446,7 +446,7 @@ util.initRouterNode = function (routers, data) {  // data为所有子菜单数
         }
         let meta = {};
         // 给页面添加标题
-        meta.title = menu.title ? menu.title + " - lilishop商家后台" : null;
+        meta.title = menu.title ? menu.title + " - "+config.title+"商家后台" : null;
         meta.firstRouterName = menu.firstRouterName
         meta.keepAlive = menu.keepAlive ? true : false
         menu.meta = meta;

seller/src/main.js

@@ -8,6 +8,7 @@ import vueQr from "vue-qr";
 import App from "./App";
 import { router } from "./router/index";
 import store from "./store";
+import config from '@/config/index'
 
 import {
   getRequest,
@@ -49,18 +50,18 @@ Vue.prototype.setStore = setStore;
 Vue.prototype.getStore = getStore;
 Vue.prototype.removeStore = removeStore;
 Vue.prototype.md5 = md5;
-const buyerUrlPC = "https://pc-b2b2c.pickmall.cn"; // 跳转买家端地址 pc端
+const PC_URL = config.PC_URL; // 跳转买家端地址 pc端
-const buyerUrlWap = "https://m-b2b2c.pickmall.cn"; // 跳转买家端地址 wap端
+const WAP_URL = config.WAP_URL; // 跳转买家端地址 wap端
 Vue.prototype.linkTo = function(goodsId, skuId) {
   // 跳转买家端商品
   window.open(
-    `${buyerUrlPC}/goodsDetail?skuId=${skuId}&goodsId=${goodsId}`,
+    `${PC_URL}/goodsDetail?skuId=${skuId}&goodsId=${goodsId}`,
     "_blank"
   );
 };
 Vue.prototype.wapLinkTo = function(goodsId, skuId) {
   // app端二维码
-  return `${buyerUrlWap}/pages/product/goods?id=${skuId}&goodsId=${goodsId}`;
+  return `${WAP_URL}/pages/product/goods?id=${skuId}&goodsId=${goodsId}`;
 };
 
 Array.prototype.remove = function(from, to) {

seller/src/styles/common.scss

@@ -1,110 +1,133 @@
-
-
 //自动移滚动条样式
-::-webkit-scrollbar{
+::-webkit-scrollbar {
   width: 1px;
   height: 5px;
 }
-::-webkit-scrollbar-thumb{
+::-webkit-scrollbar-thumb {
   border-radius: 1em;
-  background-color: rgba(50,50,50,.3);
+  background-color: rgba(50, 50, 50, 0.3);
 }
-::-webkit-scrollbar-track{
+::-webkit-scrollbar-track {
   border-radius: 1em;
-  background-color: rgba(50,50,50,.1);
+  background-color: rgba(50, 50, 50, 0.1);
 }
 
-.flex{
+.flex {
   display: flex !important;
-
 }
-.flex_justify_content{
+.flex-j-c {
   justify-content: center;
 }
-.flex_align_item{
+.flex-a-c {
   align-items: center;
 }
 
-.global_text_left {
+.width_1200 {
-  text-align: left;
+  width: 1200px;
 }
-.global_text_right {
+.width_800 {
-  text-align: right;
+  width: 800px;
 }
-.global_float_left {
+.width_400 {
-  float: left;
+  width: 400px;
 }
-.global_float_right {
+.width_300 {
-    float: right;
+  width: 300px;
 }
-.clearfix::after{
+.width_200 {
-    content: '';
+  width: 200px;
-    display: block;
-    clear: both;
 }
-.width_1200{width: 1200px;}
+.width_100 {
-.width_800{width: 800px;}
+  width: 100px;
-.width_400{width: 400px;}
-.width_300{width: 300px;}
-.width_200{width: 200px;}
-.width_100{width: 100px;}
-
-.fz_12{font-size: 12px;}
-.fz_14{font-size: 14px;}
-.fz_16{font-size: 16px;}
-.fz_18{font-size: 18px;}
-.fw_bold{font-weight: bold;}
-
-.mb_20{margin-bottom: 20px;}
-.mt_20{margin-top: 20px;}
-.ml_20{margin-left: 20px;}
-.mr_20{margin-right: 20px;}
-
-.mb_10{margin-bottom: 10px;}
-.mt_10{margin-top: 10px;}
-.ml_10{margin-left: 10px;}
-.mr_10{margin-right: 10px;}
-
-.pb_20{padding-bottom: 20px;}
-.pt_20{padding-top: 20px;}
-.pl_20{padding-left: 20px;}
-.pr_20{padding-right: 20px;}
-
-.pb_10{padding-bottom: 10px;}
-.pt_10{padding-top: 10px;}
-.pl_10{padding-left: 10px;}
-.pr_10{padding-right: 10px;}
-
-ul,li{
-    list-style: none;
 }
 
-.ellipsis{
+.fz_12 {
-    overflow: hidden;
+  font-size: 12px;
-    text-overflow:ellipsis;
+}
-    white-space: nowrap;
+.fz_14 {
+  font-size: 14px;
+}
+.fz_16 {
+  font-size: 16px;
+}
+.fz_18 {
+  font-size: 18px;
+}
+.fw_bold {
+  font-weight: bold;
+}
+
+.mb_20 {
+  margin-bottom: 20px;
+}
+.mt_20 {
+  margin-top: 20px;
+}
+.ml_20 {
+  margin-left: 20px;
+}
+.mr_20 {
+  margin-right: 20px;
+}
+
+.mb_10 {
+  margin-bottom: 10px;
+}
+.mt_10 {
+  margin-top: 10px;
+}
+.ml_10 {
+  margin-left: 10px;
+}
+.mr_10 {
+  margin-right: 10px;
+}
+
+.pb_20 {
+  padding-bottom: 20px;
+}
+.pt_20 {
+  padding-top: 20px;
+}
+.pl_20 {
+  padding-left: 20px;
+}
+.pr_20 {
+  padding-right: 20px;
+}
+
+.pb_10 {
+  padding-bottom: 10px;
+}
+.pt_10 {
+  padding-top: 10px;
+}
+.pl_10 {
+  padding-left: 10px;
+}
+.pr_10 {
+  padding-right: 10px;
+}
+
+ul,
+li {
+  list-style: none;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .hover-pointer {
   cursor: pointer;
 }
 
-/*
- * @Author: LMR
- * @Date: 2020-08-14 11:04:12
- * @Last Modified by: LMR
- * @Last Modified time: 2020-08-18 14:21:41
- */
-
 // 主题颜色
 
-// 明亮主题颜色
-$primary_color: #2d8cf0;
-$primary_light_color: #0f1011;
-$primary_dark_color: #2b85e4;
 $success_color: #19be6b;
 $warning_color: #ff9900;
 $error_color: #ed3f14;
-$handle-btn-color: #438cde;
 
 $theme_color: #ed3f14;
 
@@ -119,78 +142,3 @@ $light_white_background_color: #fff;
 $dark_background_color: #141414;
 $dark_sub_background_color: #1d1d1d; //稍微浅一点的
 $dark_content_color: #d5d5d5;
-
-/***** 封装一些方法可用于 黑暗主题 ，明亮主题 *****/
-
-// 背景颜色
-@mixin background_color($color) {
-  /*通过该函数设置字体颜色，后期方便统一管理；*/
-  background-color: $color;
-  transition: 0.35s;
-  [data-theme="dark"] & {
-    background-color: $dark_background_color;
-  }
-  [data-theme="light"] & {
-    background-color: $light_background_color;
-  }
-}
-// 辅助背景颜色
-@mixin sub_background_color($color) {
-  /*通过该函数设置字体颜色，后期方便统一管理；*/
-  background-color: $color;
-  transition: 0.35s;
-  [data-theme="dark"] & {
-    background-color: $dark_sub_background_color;
-  }
-  [data-theme="light"] & {
-    background-color: $light_background_color;
-  }
-}
-
-@mixin white_background_color() {
-  /*通过该函数设置字体颜色，后期方便统一管理；*/
-  background-color: $light_white_background_color;
-  transition: 0.35s;
-  [data-theme="dark"] & {
-    background-color: $dark_sub_background_color;
-  }
-  [data-theme="light"] & {
-    background-color: $light_white_background_color;
-  }
-}
-
-// 正文颜色
-@mixin content_color($color) {
-  /*通过该函数设置字体颜色，后期方便统一管理；*/
-  color: $color;
-  [data-theme="dark"] & {
-    color: $dark_content_color;
-  }
-  [data-theme="light"] & {
-    color: $light_content_color;
-  }
-}
-
-// 辅助颜色
-@mixin sub_color($color) {
-  /*通过该函数设置字体颜色，后期方便统一管理；*/
-  color: $color;
-  [data-theme="dark"] & {
-    color: $dark_content_color;
-  }
-  [data-theme="light"] & {
-    color: $light_sub_color;
-  }
-}
-
-// 标题颜色
-@mixin title_color($color) {
-  /*通过该函数设置字体颜色，后期方便统一管理；*/
-  color: $color;
-  [data-theme="dark"] & {
-    color: $dark_content_color;
-  }
-  [data-theme="light"] & {
-    color: $light_title_color;
-  }
-}

seller/src/styles/table-common.scss

@@ -1,70 +1,45 @@
 .search {
-    .operation {
+  .operation {
-        margin-bottom: 2vh;
+    margin-bottom: 2vh;
-    }
+  }
 
-    .select-count {
+  .select-count {
-        font-weight: 600;
+    font-weight: 600;
-        color: #40a9ff;
+    color: #40a9ff;
-    }
+  }
 
-    .select-clear {
+  .select-clear {
-        margin-left: 10px;
+    margin-left: 10px;
-    }
+  }
 }
 
-.tree-list {
+.search-input {
-    position: relative;
-    min-height: 80px;
-}
-
-.drawer-footer {
-    z-index: 10;
-    width: 100%;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    border-top: 1px solid #e8e8e8;
-    padding: 10px 16px;
-    text-align: right;
-    background: #fff;
-}
-
-.block-tool .ivu-tooltip,
-.block-tool .ivu-tooltip-rel {
-    display: block;
-}
-
-.block-pop .ivu-poptip,
-.block-pop .ivu-poptip-rel {
-    display: block;
-}
-
-.search-input{
   width: 270px;
   margin-right: 20px;
 }
-.ivu-form-item{
+
-  margin:8px 10px !important;
-}
 .search-form {
   width: 100% !important;
   display: flex;
   align-items: center;
-  background-color: #F0F0F0;
+  background-color: #f0f0f0;
+  border-radius: 0.4em;
   padding: 10px;
   margin: 0;
   flex-wrap: wrap;
+  > .ivu-form-item {
+    margin: 8px 10px !important;
+  }
 }
-.padding-row{
+.padding-row {
   margin-top: 15px;
   margin-bottom: 15px;
 }
-.search-btn{
+.search-btn {
   margin-left: 20px;
 }
 
-.div-zoom{
+.div-zoom {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;

seller/src/styles/tree-common.scss

@@ -3,10 +3,6 @@
     margin-bottom: 2vh;
   }
 
-  .select-title {
-    font-weight: 600;
-    color: #40a9ff;
-  }
 
   .select-clear {
     margin-left: 10px;
@@ -30,13 +26,3 @@
   -webkit-box-shadow: inset 0 0 2px #d1d1d1;
   background: #e4e4e4;
 }
-
-.block-tool .ivu-tooltip,
-.block-tool .ivu-tooltip-rel {
-  display: block;
-}
-
-.block-pop .ivu-poptip,
-.block-pop .ivu-poptip-rel {
-  display: block;
-}

seller/src/views/goods/goods-manage/category.vue

@@ -250,22 +250,4 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.article {
-  font-size: 16px;
-  font-weight: 400;
-  margin: 12px 0;
-}
-
-.href-text {
-  font-size: 12px;
-}
-
-.operation {
-  margin-bottom: 2vh;
-}
-
-.select-count {
-  font-weight: 600;
-  color: #40a9ff;
-}
 </style>

seller/src/views/main-components/footer.vue

@@ -1,22 +1,24 @@
 <template>
   <div class="foot">
     <Row type="flex" justify="space-around" class="help">
-      <a class="item" href="https://pickmall.cn/" target="_blank">帮助</a>
+      <a class="item" :href="config.website" target="_blank">帮助</a>
-      <a class="item" href="https://pickmall.cn/" target="_blank">隐私</a>
+      <a class="item" :href="config.website" target="_blank">隐私</a>
-      <a class="item" href="https://pickmall.cn/" target="_blank">条款</a>
+      <a class="item" :href="config.website" target="_blank">条款</a>
     </Row>
     <Row type="flex" justify="center" class="copyright">
       Copyright © {{year}} - Present
-      <a href="https://pickmall.cn/" target="_blank" style="margin:0 5px;">lili-shop</a>
+      <a :href="config.website" target="_blank" style="margin:0 5px;">{{config.title}}</a>
     </Row>
   </div>
 </template>
 
 <script>
+import config from '@/config/index'
 export default {
   name: "footer",
   data() {
     return {
+      config,
       year: new Date().getFullYear(), // 年
     };
   },

seller/src/views/main-components/header.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <Row class="header">
-      <img class="logo" src="../../assets/logo.png" >
+      <img class="logo" src="@/assets/logo.png" >
     </Row>
   </div>
 </template>

seller/src/views/main.scss

@@ -1,13 +1,3 @@
-.lock-screen-back {
-  border-radius: 50%;
-  z-index: -1;
-  box-shadow: 0 0 0 0 #667aa6 inset;
-  position: fixed;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transition: all 3s;
-}
 
 .main {
   position: absolute;
@@ -277,9 +267,6 @@
   }
 }
 
-.taglist-moving-animation-move {
-  transition: transform 0.3s;
-}
 
 .logo-con {
   width: 100%;
@@ -313,14 +300,6 @@
   background: #fff;
 }
 
-.nav-item {
-  font-size: 14px;
-}
-
-.main-nav-menu {
-  bottom: 10px;
-  position: relative;
-}
 
 .loading-position {
   position: absolute;

seller/src/views/order/order/orderList.vue

@@ -35,7 +35,7 @@
           :fetch="exportOrder"
           name="待发货订单.xls"
         >
-          <Button type="success">导出待发货订单</Button>
+          <Button >导出待发货订单</Button>
         </download-excel>
       </div>
       <Table :loading="loading" border :columns="columns" :data="data" ref="table"></Table>

seller/src/views/promotion/coupon/coupon.vue

@@ -27,8 +27,9 @@
       </Row>
       <Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" @on-selection-change="changeSelect">
         <template slot-scope="{ row }" slot="action">
-          <Button v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'" type="info" size="small" :style="{'marginRight': row.promotionStatus !== 'CLOSE'?'5px':'0'}" @click="edit(row)">编辑</Button>
+          <Button v-if="row.promotionStatus === 'NEW' || row.promotionStatus === 'CLOSE'" type="info" size="small"  @click="see(row)">编辑</Button>
-          <Button v-if="row.promotionStatus !== 'CLOSE'" type="error" size="small" @click="remove(row)">下架</Button>
+          <Button v-else type="default" size="small"  @click="see(row,'only')">查看</Button>
+          <Button v-if="row.promotionStatus !== 'END'" type="error" size="small" :style="{'marginLeft':'5px'}" @click="remove(row)">下架</Button>
         </template>
       </Table>
       <Row type="flex" justify="end" class="mt_10">
@@ -255,9 +256,12 @@ export default {
       this.loading = false;
     },
     // 跳转编辑优惠券页面
-    edit(v) {
+    see(v,only) {
-      this.$router.push({ name: "add-coupon", query: { id: v.id } });
+      let data 
+      only ? data = { onlyView : true,id: v.id } : data  = { id: v.id } 
+      this.$router.push({ name: "add-coupon", query:data});
     },
+    
     // 开启优惠券
     open(v) {
       this.$Modal.confirm({

seller/src/views/promotion/coupon/couponPublish.vue

@@ -6,63 +6,63 @@
           <h4>基本信息</h4>
           <div class="form-item-view">
             <FormItem label="活动名称" prop="promotionName">
-              <Input type="text" v-model="form.promotionName" placeholder="活动名称" clearable style="width: 260px" />
+              <Input :disabled="disabled" type="text" v-model="form.promotionName" placeholder="活动名称" clearable style="width: 260px" />
             </FormItem>
             <FormItem label="优惠券名称" prop="couponName">
-              <Input type="text" v-model="form.couponName" placeholder="优惠券名称" clearable style="width: 260px" />
+              <Input :disabled="disabled" type="text" v-model="form.couponName" placeholder="优惠券名称" clearable style="width: 260px" />
             </FormItem>
             <FormItem label="优惠券类型" prop="couponType">
-              <Select v-model="form.couponType" style="width: 260px">
+              <Select :disabled="disabled" v-model="form.couponType" style="width: 260px">
                 <Option value="DISCOUNT">打折</Option>
                 <Option value="PRICE">减免现金</Option>
               </Select>
             </FormItem>
             <FormItem label="折扣" prop="discount" v-if="form.couponType == 'DISCOUNT'">
-              <Input type="number" v-model="form.couponDiscount" placeholder="折扣" clearable style="width: 260px" />
+              <Input :disabled="disabled" type="number" v-model="form.couponDiscount" placeholder="折扣" clearable style="width: 260px" />
               <span class="describe">请输入0-10之间数字，可以输入一位小数</span>
             </FormItem>
             <FormItem label="面额" prop="price" v-if="form.couponType == 'PRICE'">
-              <Input type="text" v-model="form.price" placeholder="面额" clearable style="width: 260px" />
+              <Input :disabled="disabled" type="text" v-model="form.price" placeholder="面额" clearable style="width: 260px" />
             </FormItem>
             <FormItem label="活动类型" prop="getType">
-              <Select v-model="form.getType" style="width: 260px">
+              <Select :disabled="disabled" v-model="form.getType" style="width: 260px">
                 <Option value="FREE">免费领取</Option>
                 <Option value="ACTIVITY">活动赠送</Option>
               </Select>
             </FormItem>
 
             <FormItem label="发放数量" v-if="form.getType == 'FREE'" prop="publishNum">
-              <Input v-model="form.publishNum" placeholder="发放数量" style="width: 260px" />
+              <Input :disabled="disabled" v-model="form.publishNum" placeholder="发放数量" style="width: 260px" />
               <span class="tips ml_10">如果发放数量为0时,则代表不限制发放数量</span>
             </FormItem>
           </div>
           <h4>使用限制</h4>
           <div class="form-item-view">
             <FormItem label="消费门槛" prop="consumeThreshold">
-              <Input type="text" v-model="form.consumeThreshold" placeholder="消费门槛" clearable style="width: 260px" />
+              <Input :disabled="disabled" type="text" v-model="form.consumeThreshold" placeholder="消费门槛" clearable style="width: 260px" />
             </FormItem>
             <FormItem label="领取限制" v-if="form.getType == 'FREE'" prop="couponLimitNum">
-              <Input v-model="form.couponLimitNum" placeholder="领取限制" clearable style="width: 260px" />
+              <Input :disabled="disabled" v-model="form.couponLimitNum" placeholder="领取限制" clearable style="width: 260px" />
               <span class="tips ml_10">如果领取限制为0时,则代表不限制领取数量</span>
             </FormItem>
             <FormItem label="有效期" prop="rangeTime">
-              <DatePicker type="datetimerange" v-model="form.rangeTime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择" :options="options" style="width: 260px">
+              <DatePicker :disabled="disabled" type="datetimerange" v-model="form.rangeTime" format="yyyy-MM-dd HH:mm:ss" placeholder="请选择" :options="options" style="width: 260px">
               </DatePicker>
             </FormItem>
             <FormItem label="使用范围" prop="scopeType">
-              <RadioGroup type="button" button-style="solid" v-model="form.scopeType">
+              <RadioGroup  type="button" button-style="solid" v-model="form.scopeType">
-                <Radio label="ALL">全品类</Radio>
+                <Radio :disabled="disabled" label="ALL">全品类</Radio>
-                <Radio label="PORTION_GOODS">指定商品</Radio>
+                <Radio :disabled="disabled" label="PORTION_GOODS">指定商品</Radio>
-                <Radio label="PORTION_GOODS_CATEGORY">部分商品分类</Radio>
+                <Radio :disabled="disabled" label="PORTION_GOODS_CATEGORY">部分商品分类</Radio>
               </RadioGroup>
             </FormItem>
 
             <FormItem style="width: 100%" v-if="form.scopeType == 'PORTION_GOODS'">
               <div style="display: flex; margin-bottom: 10px">
-                <Button type="primary" @click="openSkuList">选择商品</Button>
+                <Button :disabled="disabled" type="primary" @click="openSkuList">选择商品</Button>
-                <Button type="error" ghost style="margin-left: 10px" @click="delSelectGoods">批量删除</Button>
+                <Button :disabled="disabled" type="error" ghost style="margin-left: 10px" @click="delSelectGoods">批量删除</Button>
               </div>
-              <Table class="mt_10" border :columns="columns" :data="form.promotionGoodsList" @on-selection-change="changeSelect">
+              <Table class="mt_10" :disabled="disabled" border :columns="columns" :data="form.promotionGoodsList" @on-selection-change="changeSelect">
                 <template slot-scope="{ row }" slot="QRCode">
                   <img :src="row.QRCode || '../../../assets/lili.png'" width="50px" height="50px" alt="" />
                 </template>
@@ -70,16 +70,16 @@
             </FormItem>
 
             <FormItem v-if="form.scopeType == 'PORTION_GOODS_CATEGORY'">
-              <Cascader @on-change="getGoodsCategory" :data="goodsCategoryList" style="width:300px;" v-model="form.scopeIdGoods"></Cascader>
+              <Cascader :disabled="disabled" @on-change="getGoodsCategory" :data="goodsCategoryList" style="width:300px;" v-model="form.scopeIdGoods"></Cascader>
 
             </FormItem>
 
             <FormItem label="范围描述" prop="description">
-              <Input v-model="form.description" type="textarea" :rows="4" maxlength="50" show-word-limit clearable style="width: 260px" />
+              <Input :disabled="disabled" v-model="form.description" type="textarea" :rows="4" maxlength="50" show-word-limit clearable style="width: 260px" />
             </FormItem>
             <div>
-              <Button type="text" @click="$router.push({ name: 'coupon' })">返回</Button>
+              <Button :disabled="disabled" type="text" @click="$router.push({ name: 'coupon' })">返回</Button>
-              <Button type="primary" :loading="submitLoading" @click="handleSubmit">提交</Button>
+              <Button :disabled="disabled" type="primary" :loading="submitLoading" @click="handleSubmit">提交</Button>
             </div>
           </div>
         </div>
@@ -125,6 +125,7 @@ export default {
 
     return {
       modalType: 0, // 判断是新增还是编辑优惠券 0 新增  1 编辑
+      disabled: this.$route.query.onlyView,
       form: {
         /** 店铺承担比例 */
         sellerCommission: 0,

seller/vue.config.js

@@ -67,7 +67,14 @@ externals = enableProduction ? externals : {};
 jsPlugin = enableProduction ? jsPlugin : [];
 
 module.exports = {
+  // 输出文件目录，当运行 vue-cli-service build 时生成的生产环境构建文件的目录。注意目标目录在构建之前会被清除
+  outputDir:'dist',
+  // 放置生成的静态资源 (js、css、img、fonts) 的目录。
+  assetsDir:'static',
+
   css: {
+    // 是否为 CSS 开启 source map。设置为 true 之后可能会影响构建的性能。
+    sourceMap:false,
     loaderOptions: {
       // 向 CSS 相关的 loader 传递选项
       less: {