cloud-web-corejs 1.1.0-dev.22 → 1.1.0-dev.23

package/src/views/user/home/net/distributor.vue

@@ -0,0 +1,1015 @@
+<template>
+  <div class="index-home">
+    <el-row>
+      <el-col :span="24">
+        <img src="~@/resources/images/home/net/banner.png" style="box-shadow: 0 11px 18px rgba(16,36,111,0.4);width:100%"/>
+      </el-col>
+      <!--      <el-col :span="24">-->
+      <!--      <div class="slide-pro">-->
+      <!--        <div class="pro-box">-->
+      <!--          <div class="swiper-container">-->
+      <!--            <div class="swiper-wrapper">-->
+      <!--              <div-->
+      <!--                class="swiper-slide"-->
+      <!--                v-for="(item, index) in 5" v-bind:key="index"-->
+      <!--                :class="{ on: swiperIndex == index }"-->
+      <!--              >-->
+      <!--                <div class="item">-->
+      <!--                    <div class="img"><img src="~@/resources/images/home/net/test.png"/></div>-->
+      <!--                    <div class="name">两联供（合并壁挂炉）小画册</div>-->
+      <!--                    <div class="text-right">-->
+      <!--                      <span class="price">￥2</span>-->
+      <!--                      <a href="javascript:" class="ico-buy"></a>-->
+      <!--                    </div>-->
+      <!--                  </div>-->
+      <!--              </div>-->
+      <!--            </div>-->
+      <!--            &lt;!&ndash; 如果需要导航按钮 &ndash;&gt;-->
+
+      <!--          </div>-->
+      <!--          <div class="swiper-button-prev"></div>-->
+      <!--          <div class="swiper-button-next"></div>-->
+      <!--        </div>-->
+      <!--      </div>-->
+      <!--      </el-col>-->
+      <el-col :span="16">
+        <div class='home_box-style home_box_pro'>
+          <div class="h_head">
+            <div class="tit">全部商品</div>
+            <div class="fr" ><a href="javascript:" @click="show_list_cart_net">更多></a></div>
+          </div>
+          <div class="pro-box">
+            <div class="item" v-for="(product,index) in displayProduct" :key="index" >
+              <div class="img"><img :src="product.imageUrl"/></div>
+              <div class="name">{{ product.name }}</div>
+              <div class="text-right">
+                <span class="price">￥{{ product.price }}</span>
+                <a href="javascript:" class="ico-buy" @click="addCartItem(product)"></a>
+              </div>
+            </div>
+            <!--            <div class="item">-->
+            <!--              <div class="img"><img src="~@/resources/images/home/net/test.png"/></div>-->
+            <!--              <div class="name">两联供（合并壁挂炉）小画册</div>-->
+            <!--              <div class="text-right">-->
+            <!--                <span class="price">￥2</span>-->
+            <!--                <a href="javascript:" class="ico-buy"></a>-->
+            <!--              </div>-->
+            <!--            </div>-->
+            <!--            <div class="item">-->
+            <!--              <div class="img"><img src="~@/resources/images/home/net/test.png"/></div>-->
+            <!--              <div class="name">两联供（合并壁挂炉）小画册</div>-->
+            <!--              <div class="text-right">-->
+            <!--                <span class="price">￥2</span>-->
+            <!--                <a href="javascript:" class="ico-buy"></a>-->
+            <!--              </div>-->
+            <!--            </div>-->
+            <!--            <div class="item">-->
+            <!--              <div class="img"><img src="~@/resources/images/home/net/test.png"/></div>-->
+            <!--              <div class="name">两联供（合并壁挂炉）小画册</div>-->
+            <!--              <div class="text-right">-->
+            <!--                <span class="price">￥2</span>-->
+            <!--                <a href="javascript:" class="ico-buy"></a>-->
+            <!--              </div>-->
+            <!--            </div>-->
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <el-row>
+          <el-col :span="24">
+            <div class="user-info">
+              <div class="user">
+                <div class="i"><img class="img" v-if="headPhotoUrl" :src="headPhotoUrl"/></div>
+                <div class="t">Hi，<span>{{ userInfo.nickName }}</span><img src="~@/resources/images/home/net/ico-vip.png" /></div>
+              </div>
+              <div class="order">
+                <div class="item">
+                  <b>{{unAffirmOrder}}</b><p>待确认</p>
+                </div>
+                <div class="item">
+                  <b>{{ unShipping }}</b><p>待发货</p>
+                </div>
+                <div class="item">
+                  <b>{{ unSignFor }}</b><p>待收货</p>
+                </div>
+                <div class="item">
+                  <b>0</b><p>待付款</p>
+                </div>
+              </div>
+              <div class="order1">
+                <div class="item">
+                  <div class="t1"><img src="~@/resources/images/home/net/ico-order.png" />订 货</div>
+                  <div class="c1">
+                    <p>本周：<span>￥{{ weekOrderAmount }}</span></p>
+                    <p>本月：<span>￥{{ monthOrderAmount }}</span></p>
+                  </div>
+                </div>
+                <div class="item">
+                  <div class="t1"><img src="~@/resources/images/home/net/ico-cash.png" />付 款</div>
+                  <div class="c1">
+                    <p>本周：<span>￥0</span></p>
+                    <p>本月：<span>￥0</span></p>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="notice-box">
+              <div class="txt" @click="openMoreNotifyMessage()">
+                <i class="iconfont icon-xiaoxitongzhi"></i>
+                <span v-if="unreadMessageNum>0"
+                      v-html="$t1('您 有{number}条 未读消息，请及时查看。',{number: `<b>${(unreadMessageNum > 99 ? '99+' : unreadMessageNum)}</b>`})">
+                </span>
+                <span v-else-if="unreadMessageNum==0">
+                {{ $t1('您 暂无 未读消息。') }}
+                </span>
+              </div>
+              <el-tooltip class="item" effect="dark" :content="$t1('刷新')" placement="top">
+                <el-button type="text" @click="getUnreadMessageNum(true)"><i class="el-icon-refresh"></i></el-button>
+              </el-tooltip>
+              <el-tooltip class="item" effect="dark" :content="$t1('查看更多')" placement="top">
+                <el-button type="text" @click="openMoreNotifyMessage()" class="more">
+                  <i class="el-icon-news"></i>
+                </el-button>
+              </el-tooltip>
+            </div>
+          </el-col>
+          <el-col :span="24">
+            <div class='home_box-style home_box_notice'>
+              <div class="h_head">
+                <div class="tit1"><img src="~@/resources/images/home/net/ico-notice.png" class="ico"/><span>公告</span></div>
+                <div class="fr"><a href="javascript:" @click="openSystemNoticeDialog()">更多></a></div>
+              </div>
+              <div class="home-notice-list">
+                <div v-for="systemNotice in systemNotices" class="item" @click="openSystemNoticeDialog(systemNotice)"
+                     :title="systemNotice.title">
+                  {{ systemNotice.title }}
+                  <span class="time">{{ systemNotice.modifyDate.substring(0, 10) }}</span>
+                </div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </el-col>
+      <el-col :span="24">
+        <div class="home_box-style">
+          <div class="h_head">
+            <div class="tit1"><img src="~@/resources/images/home/net/ico-daiban.png" class="ico"/><span>待办事项</span></div>
+            <div class="fr">
+              <!--              <el-tooltip class="item" effect="dark" content="设置" placement="top">-->
+              <!--                <el-button type="text" @click="getWfInfoList(true)">-->
+              <!--                  <i class="ico-set"></i>-->
+              <!--                </el-button>-->
+              <!--              </el-tooltip>-->
+              <!--              <el-tooltip class="item" effect="dark" content="编辑" placement="top">-->
+              <!--                <el-button type="text" @click="getWfInfoList(true)">-->
+              <!--                  <i class="ico-edit"></i>-->
+              <!--                </el-button>-->
+              <!--              </el-tooltip>-->
+              <el-tooltip class="item" effect="dark" content="刷新" placement="top">
+                <el-button type="text" @click="getWfInfoList(true)">
+                  <i class="ico-refresh"></i>
+                </el-button>
+              </el-tooltip>
+              <a href="javascript:" @click="$router.push('/basic/wf/wf_manage/list')" >更多></a></div>
+          </div>
+          <div class="need-to">
+            <vxe-grid :data="unDoWfRows" ref="table-wf" v-bind="wfOption"
+                      @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                      @custom="$vxeTableUtil.customHandle"></vxe-grid>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+    <slot></slot>
+    <systemNoticeInfoDialog v-if="showSystemNoticeInfoDialog" :visiable.sync="showSystemNoticeInfoDialog"
+                            :param="csnRow" :appendToTop="true"></systemNoticeInfoDialog>
+
+    <commMenuDialog v-if="showCommMenuDialog" :visiable.sync="showCommMenuDialog"
+                    @confirm="commMenuCallBack"></commMenuDialog>
+    <wfContentDialog v-if="showWfDialog" :visible.sync="showWfDialog" @close="wfClose"
+                     :option.sync="wfContentOption"></wfContentDialog>
+
+    <notifyMessageDialog ref="notifyMessageDialog"></notifyMessageDialog>
+
+    <notifyMessageInfoDialog v-if="showNoticeDialog" :visiable.sync="showNoticeDialog"
+                             :dataId.sync="notifyMessageInfoId"
+                             @readHanlde="notifyMessageReadHanlde"></notifyMessageInfoDialog>
+
+
+    <el-dialog
+      title="选择分组"
+      :append-to-body="true"
+      :modal-append-to-body="true"
+      :close-on-click-modal="false"
+      v-if="showGroupDialog"
+      :visible.sync="showGroupDialog"
+      :modal="false"
+      custom-class="el-dialog dialog-style list-dialog"
+      width="355px"
+      :destroy-on-close="true"
+    >
+      <div class="cont group-list">
+        <div class="item" v-for="notifyTemplate in notifyTemplates"
+             @click="openMoreNotifyMessage(notifyTemplate.notifyType)">
+          <i class="iconfont icon-fenzu"></i>
+          <span class="name">{{ notifyTemplate.ntName }}</span>
+          <!--          <span class="nums">99+</span>-->
+        </div>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import systemNoticeInfoDialog from '@base/views/user/system_notice/infoDialog.vue';
+import commMenuDialog from '@base/views/user/commMenu/index.vue';
+import notifyMessageDialog from '@base/views/user/notify_message/dialog.vue';
+import notifyMessageInfoDialog from '@base/views/user/notify_message/infoDialog';
+
+import {getToken} from "@base/utils/auth";
+import wfContentDialog from "@base/views/user/wf/wf_manage/wfContentDialog";
+
+import Swiper from 'swiper';
+import 'swiper/dist/css/swiper.min.css';
+import 'swiper/dist/js/swiper.min';
+
+
+export default {
+  name: 'home',
+  components: {
+    systemNoticeInfoDialog,
+    commMenuDialog,
+    notifyMessageDialog,
+    notifyMessageInfoDialog,
+    wfContentDialog
+  },
+  data() {
+    return {
+      showNoticeDialog: false,
+      showGroupDialog: false,
+      notifyTemplates: [],
+      userInfo: {},
+      companyInfo: {},
+      systemNotices: [],
+      showSystemNoticeInfoDialog: false,
+      csnRow: null,
+      headPhotoUrl: '',
+      userId: '',
+      dialogVisible: true,
+      unDoWfRows: [],
+      wfOption: {},
+      showWfDialog: false,
+      wfContentOption: {},
+      showWfContent: true,
+      wfContent: null,
+      wfDataId: '',
+      showCommMenuDialog: false,
+      commMenus: [],
+      notifyMessages: [],
+      notifyMessageInfoIndex: null,
+      notifyMessageInfoId: null,
+      unreadMessageNum: 0,
+      activating: true,
+      wfTimer: null,
+      swiperIndex: 0,
+      unAffirmOrder: 0,
+      unShipping: 0,
+      unSignFor: 0,
+      weekOrderAmount: 0,
+      monthOrderAmount: 0,
+      displayProduct:[]
+    };
+  },
+  activated() {
+    this.activating = true;
+    if (this.wfTimer) {
+      this.timerExcFun(true);
+    }
+  },
+  deactivated() {
+    this.activating = false;
+  },
+  beforeDestroy() {
+    this.clearTimer();
+  },
+  created() {
+    this.getUserInfo();
+    this.initSystemNotice();
+    this.initCommMenu();
+    this.initNotifyMessage();
+    this.initWfParam();
+    this.initWfTimer();
+    this.initUnAffirmOrder();
+    this.initUnShipping();
+    this.initUnSignFor();
+    this.initWeekOrderAmount();
+    this.initMonthOrderAmount();
+    this.initDisplayProduct();
+
+  },
+  mounted(){
+    new Swiper('.swiper-container', {
+      slidesPerView: 3,
+      navigation: {
+        nextEl: '.swiper-button-next',
+        prevEl: '.swiper-button-prev'
+      },
+      on: {
+        click: function(event) {
+          if (this.clickedIndex != undefined) {
+            that.swiperIndex = this.clickedIndex;
+          }
+        }
+      }
+    });
+  },
+  methods: {
+    wfClose() {
+      this.timerExcFun(true);
+    },
+    initWfTimer() {
+      this.wfTimer = setInterval(() => {
+        this.timerExcFun(false);
+      }, 10000);
+      this.timerExcFun(true);
+    },
+    timerExcFun(isLoading) {
+      if (!this.activating) {
+        return;
+      }
+      this.getWfInfoList(isLoading);
+      this.getUnreadMessageNum(isLoading);
+      this.$emit('timerHandle')
+    },
+    clearTimer() {
+      clearInterval(this.wfTimer);
+      this.wfTimer = null;
+    },
+    getUserInfo() {
+      this.$http({
+        url: USER_PREFIX + '/user/currentUser',
+        method: 'post',
+        success: res => {
+          let userInfo = res.objx;
+          this.headPhotoUrl = userInfo.headPhotoUrl ? userInfo.headPhotoUrl : (require("@/resources/images/default-header.png").default || require("@/resources/images/default-header.png"));
+          this.userId = userInfo.id;
+          this.userInfo = userInfo;
+          // this.initDisplayProduct();
+        }
+      });
+      this.$http({
+        url: USER_PREFIX + '/company_info/getCurrent',
+        method: `post`,
+        success: res => {
+          this.companyInfo = res.objx || {};
+        }
+      });
+    },
+    initSystemNotice() {
+      this.$http({
+        url: USER_PREFIX + '/system_notice/listPage',
+        data: {publish: true},
+        method: 'post',
+        success: res => {
+          this.systemNotices = res.objx && res.objx.records ? res.objx.records : [];
+        }
+      });
+    },
+    openSystemNoticeDialog(row) {
+      this.csnRow = row || null;
+      this.showSystemNoticeInfoDialog = true;
+    },
+    initUnDoWfInfo() {
+      this.$http({
+        url: AGILEBPM_PREFIX + '/wf_manage/listPage',
+        data: {type: 0},
+        method: 'post',
+        success: res => {
+          this.unDoWfRows = res.objx.records || [];
+        }
+      });
+    },
+    initWfTableList() {
+      let that = this;
+      let paramColumns = this.wfParamDTOs.map(item => {
+        return {
+          title: item.paramName,
+          field: item.paramKey,
+          width: 150
+        };
+      })
+      var statuses = {running: '审核中', back: '已驳回', end: '已完成'};
+      let tableOption = {
+        vue: this,
+        tableRef: 'table-wf',
+        tableName: 'home-table-wf',
+        config: {
+          height: 'auto'
+        },
+        columns: [
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
+          {
+            title: '单据类型',
+            field: 'objTypeName',
+            width: 150,
+            fixed: 'left'
+          },
+          {
+            title: '流程主题',
+            field: 'name',
+            width: 150
+          },
+          {
+            title: '启动人',
+            field: 'starterName',
+            width: 150
+          },
+          {
+            title: '当前任务',
+            field: 'taskName',
+            width: 150
+          },
+          {
+            title: '当前任务用户',
+            field: 'candidateNames',
+            width: 150
+          },
+          {
+            title: '启动时间',
+            field: 'createDate',
+            width: 150
+          },
+          ...paramColumns,
+          {
+            width: 47,
+            fixed: 'right',
+            title: '',
+            sortable: false,
+            slots: {
+              default: ({row}) => {
+                return [
+                  <a
+                    href="javascript:void(0);"
+                    class="a-link"
+                    onclick={() => {
+                      this.openWfDialog(row);
+                    }}
+                  >
+                    <el-tooltip enterable={false} effect="dark" content="查看" placement="top"
+                                popper-class="tooltip-skin">
+                      <i class="el-icon-edit"/>
+                    </el-tooltip>
+                  </a>
+                ];
+              }
+            }
+          }
+        ]
+      };
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
+        this.wfOption = opts;
+      });
+    },
+    openWfDialog(row) {
+      this.wfContentOption = {
+        objId: row.objId,
+        url: row.url,
+        objTypeCode: row.objTypeCode
+      };
+      this.showWfDialog = true;
+    },
+    commMenuCallBack(datas) {
+      this.commMenus = datas || [];
+    },
+    initCommMenu() {
+      this.$http({
+        url: USER_PREFIX + '/comm_menu/currentList',
+        data: {longOne: 0},
+        method: 'POST'
+      }).then(resultMsg => {
+        this.commMenus = resultMsg.objx || [];
+      });
+    },
+    initNotifyMessage() {
+      this.$http({
+        url: USER_PREFIX + '/notify_message/listPage',
+        data: {},
+        method: 'post',
+        success: res => {
+          this.notifyMessages = res.objx && res.objx.records ? res.objx.records : [];
+        }
+      });
+    },
+    openNotifyMessageDialog(row) {
+      if (row.jumpContent) {
+        this.$refs.notifyMessageDialog.open(row, () => {
+          row.readed = 1;
+        });
+      }
+    },
+    openMoreNotifyMessage(notifyType) {
+      let data = {notifyType: (notifyType || '')};
+      let view = {
+        name: 'notify_message:list',
+        query: data
+      };
+      this.$store.dispatch('tagsView/delCachedView', view).then(() => {
+        this.$router.replace(view);
+      });
+
+      if (notifyType) {
+        this.showGroupDialog = false;
+      }
+    },
+    checkNotifyMessage(row, index) {
+      this.showNoticeDialog = true;
+      this.notifyMessageInfoIndex = index;
+      this.notifyMessageInfoId = row.id;
+    },
+    notifyMessageReadHanlde() {
+      this.notifyMessages[this.notifyMessageInfoIndex].readed = 1;
+    },
+    openNotifyTemplateGroupDialog() {
+      this.$http({
+        url: USER_PREFIX + `/notify_template/listPage`,
+        method: `post`,
+        data: {},
+        isLoading: true,
+        loadingTarget: document.body,
+        success: res => {
+          this.notifyTemplates = res.objx && res.objx.records ? res.objx.records : [];
+          this.showGroupDialog = true;
+        }
+      });
+    },
+    rourteTo(route) {
+      if (route.type == 4) {
+        this.jumpOutLink(route)
+      } else if (route.type == 3) {
+        let menuCode = route.menuCode;
+        let path = "/user/outLink/index/" + menuCode;
+        this.$router.push({path: path, query: {url: route.url}});
+      } else {
+        this.$router.push(route.url);
+      }
+    },
+    jumpOutLink(route) {
+      let path = route.url;
+      if (route.type == 4 && path) {
+        if (path.indexOf('token={token}') >= 0) {
+          path = path.replace('token={token}', 'token=' + getToken())
+        }
+        window.open(path);
+      }
+    },
+    initWfParam() {
+      return this.$http({
+        url: USER_PREFIX + '/wf_param/list',
+        method: `post`,
+        data: {},
+        isLoading: true,
+        loadingTarget: document.body,
+        modalStrictly: true,
+        success: res => {
+          this.wfParamDTOs = res.objx || [];
+          this.initWfTableList();
+        }
+      });
+    },
+    getWfInfoList(isLoading) {
+      if (!this.activating) {
+        return;
+      }
+      this.$http({
+        url: USER_PREFIX + '/wf_info/listPage',
+        data: {type: 0, size: 20},
+        method: 'post',
+        isLoading: isLoading,
+        loadingTarget: document.body,
+        success: res => {
+          this.unDoWfRows = res.objx && res.objx.records ? res.objx.records : [];
+        },
+        failMsg: false,
+        errorMsg: false,
+        fail: (res, response) => {
+          if (response && response.status == 200) {
+            this.$errorMsg(res);
+          }
+        }
+      });
+    },
+    getUnreadMessageNum(isLoading) {
+      if (!this.activating) {
+        return;
+      }
+      return this.$http({
+        url: USER_PREFIX + '/notify_message/countMessage',
+        method: `post`,
+        data: {},
+        isLoading: isLoading,
+        loadingTarget: document.body,
+        success: res => {
+          this.unreadMessageNum = res.objx || 0;
+        },
+        failMsg: false,
+        errorMsg: false,
+        fail: (res, response) => {
+          if (response && response.status == 200) {
+            this.$errorMsg(res);
+          }
+        }
+      });
+    },
+    wfhandleCallback(flag) {
+      if ([1, 2, 3].includes(flag)) {
+        this.showWfDialog = false;
+        this.wfClose();
+      }
+    },
+    show_list_cart_net() {
+      console.log("2222");
+      this.$router.push('/pmd/product/product/show_list_cart_net/'+this.userId);
+    },
+    initUnAffirmOrder(){
+      this.$http({
+        url: YX_PREFIX + '/order/listPage',
+        data: {
+          "noQueryOrderType":["distribution_order_type"],
+          "statuses":[0,1],
+          "size":"1000",
+          "current":"1"
+        },
+        method: 'post',
+        success: res => {
+          var balancesArr = res.objx && res.objx.records ? res.objx.records : [];
+          this.unAffirmOrder = balancesArr.length;
+        }
+      });
+    },
+    initUnShipping(){
+      this.$http({
+        url: YX_PREFIX + '/order/getCreateShippingOrderItemsList',
+        data: {
+          "noQueryOrderType":["distribution_order_type", "sample_order_type"],
+          "size":"1000",
+          "current":"1"
+        },
+        method: 'post',
+        success: res => {
+          var balancesArr = res.objx && res.objx.records ? res.objx.records : [];
+          this.unShipping = balancesArr.length;
+        }
+      });
+    },
+    initUnSignFor(){
+      this.$http({
+        url: YX_PREFIX + '/shipping_item/listReceiptItemPage',
+        data: {
+          "signForStatus":0,
+          "size":"1000",
+          "current":"1"
+        },
+        method: 'post',
+        success: res => {
+          var balancesArr = res.objx && res.objx.records ? res.objx.records : [];
+          this.unSignFor = balancesArr.length;
+        }
+      });
+    },
+    initWeekOrderAmount(){
+      this.$http({
+        url: YX_PREFIX + '/netOrder/statisticsOrderAmount',
+        data: {
+          "statisticsFlag":0
+        },
+        method: 'post',
+        success: res => {
+          var amount = res.objx ||0 ;
+          this.weekOrderAmount = amount;
+        }
+      });
+    },
+    initMonthOrderAmount(){
+      this.$http({
+        url: YX_PREFIX + '/netOrder/statisticsOrderAmount',
+        data: {
+          "statisticsFlag":1
+        },
+        method: 'post',
+        success: res => {
+          var amount = res.objx ||0 ;
+          this.monthOrderAmount = amount;
+        }
+      });
+    },
+    initDisplayProduct(){
+      this.$http({
+        url: YX_PREFIX + '/customer/getDistributorCustomer',
+        data: { },
+        method: 'post',
+        success: res => {
+          var customer = res.objx || {} ;
+          if (customer.sn) {
+            this.$http({
+              url: PMD_PREFIX + '/product/display/listPage',
+              data: {
+                "customerSn":customer.sn,
+                putaway:true,
+                size:3,
+                current:1
+              },
+              method: 'post',
+              success: res => {
+                var productArr = res.objx.records ||[] ;
+                this.displayProduct = productArr;
+                // console.log("displayProduct==" + JSON.stringify(this.displayProduct));
+              }
+            });
+          }
+        }
+      });
+    },
+    addCartItem(product) {
+      this.$http({
+        url: YX_PREFIX + `/cart/addItem`,
+        method: `post`,
+        data: {
+          quantity: 1,
+          productVonderCode: product.vonderCode,
+          productModel: product.model,
+          productName: product.name,
+          productImageUrl: product.imageUrl,
+          tempPrice: product.price,
+          warehouseSn: product.warehouseSn,
+          warehouseCode: product.warehouseCode,
+          warehouseName: product.warehouseName
+        },
+        isLoading: true,
+        success: res => {
+          this.$message({
+            message: res.content,
+            type: 'success',
+            duration: 500
+          });
+        }
+      });
+    },
+  }
+};
+</script>
+<style lang="scss" scoped>
+@import '~@/styles/variables.scss';
+
+body #app .index-home {
+  margin: 3px 10px;
+  height: calc(100vh - 38px);
+  overflow: auto;
+
+  #containt {
+    margin: 0;
+    background: none;
+    height: auto;
+    box-shadow: none;
+  }
+
+
+  .home-notice-list {
+    height: 112px;padding:5px 12px;
+    .item {
+      padding: 3px 12px;
+      font-size: 12px;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      .time {
+        color: #b9b9b9;
+        font-size: 12px;
+        right: 12px;
+        position: absolute;
+        background: #FFF;
+        padding-left: 8px;
+      }
+
+      &:hover {
+        color: $baseColor;
+        background-color: #F8FAFC;
+
+        .time {
+          color: $baseColor;
+          background-color: #F8FAFC;
+        }
+      }
+
+      &.no-read:before {
+        content: "";
+        width: 6px;
+        height: 6px;
+        background-color: $red;
+        border-radius: 50%;
+        vertical-align: middle;
+        display: inline-block;
+        margin-bottom: 1px;
+      }
+    }
+
+    &.to-reed {
+      height: 300px;
+      overflow: auto;
+      margin: -8px -12px;
+
+
+      .item {
+        white-space: initial;
+        padding: 8px 22px 2px;
+        position: relative;
+
+        &:after {
+          content: "";
+          position: absolute;
+          left: 22px;
+          right: 22px;
+          border-top: dashed 1px #eee;
+          height: 1px;
+          bottom: 0;
+        }
+
+        &.noread {
+          &:before {
+            content: "";
+            width: 6px;
+            height: 6px;
+            background-color: $red;
+            border-radius: 50%;
+            margin-right: 5px;
+            display: inline-block;
+            position: absolute;
+            left: 10px;
+            top: 16px;
+          }
+        }
+
+        .el-tag {
+          zoom: 0.95;
+          padding: 0 5px;
+          height: 24px;
+          line-height: 24px;
+        }
+
+        // .noread{
+        // 	position: absolute;right:0;top:0;
+        // 	span{transform: rotate(47deg);
+        // 	-ms-transform: rotate(47deg);
+        // 	-moz-transform: rotate(47deg);
+        // 	-webkit-transform: rotate(47deg);
+        // 	-o-transform: rotate(47deg);
+        // 	z-index: 3;
+        // 	color: #FFF;
+        // 	position: absolute;
+        // 	right: 1px;
+        // 	top: 2px;}
+        // 	&:after{
+        // 		content: "\e618";
+        // 		font-size: 62px;
+        // 		font-family: "iconfont";
+        // 		color:$red
+        // 	}
+        // }
+        .time {
+          position: relative;
+          right: 0;
+          margin-left: 12px;
+        }
+
+        .name {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          margin-top: 3px;
+          display: block;
+          margin-bottom: 4px;
+        }
+
+        &:hover .name {
+          color: $baseColor
+        }
+
+        &:first-child:before {
+          border-top: none
+        }
+
+        .btns {
+          text-align: right;
+
+          .el-link {
+            font-size: 12px;
+            display: inline-block;
+            margin-left: 14px;
+
+            i {
+              font-size: 12px;
+              margin-right: 3px;
+            }
+          }
+        }
+      }
+
+    }
+  }
+  .home_box-style{
+    border:solid 1px #E3E3E3;border-radius: 16px;background:#FFF;overflow:hidden;margin-bottom: 20px;
+    &.home_box_pro{margin-right: 20px;}
+    &.home_box_notice{
+      margin-top:10px;
+      .h_head{padding:0px 24px;font-size: 14px;
+        img.ico{height:14px}
+      }
+    }
+    .h_head{
+      background:#438FCF;color:#FFF;padding:12px 24px;overflow:hidden;font-size:18px;line-height: 32px;position: relative;
+      .tit1{float:left;
+        img.ico{height:20px; vertical-align: sub;margin-right: 10px;}
+      }
+      .tit{background:url(~@/resources/images/home/net/head-bg.png) no-repeat center;background-size:100% 100%;position:absolute;top:0;bottom:0;left:0;padding: 0px 36px;line-height: 56px;}
+      span,a{vertical-align: middle;}
+      .el-button--medium{padding:0}
+      .ico-set,.ico-edit,.ico-refresh{width:32px;height:32px;background-repeat: no-repeat;background-size: cover;display: inline-block;vertical-align: middle;margin-right:10px;}
+      .ico-set{background-image: url(~@/resources/images/home/net/ico-set.png);}
+      .ico-edit{background-image: url(~@/resources/images/home/net/ico-edti.png);}
+      .ico-refresh{background-image: url(~@/resources/images/home/net/ico-refresh.png);}
+    }
+    .need-to{
+      height:300px
+    }
+    .pro-box{
+      padding:42px 0;
+      .item{margin:0 14px;width:calc(33.3% - 28px);
+
+      }
+    }
+  }
+  .pro-box{
+    .item{box-shadow: 0 11px 8px rgba(16,36,111,0.18);background:#FFF;border-radius: 0 0 16px 16px;display: inline-block;overflow:hidden;padding: 14px;
+      .img{width:100%;height:282px;
+        img{width: 100%;height:100%;}
+      }
+      .name{line-height:1.8}
+      .price{color:#37c9ff;font-weight: 600;font-size: 26px;vertical-align: middle;}
+      .ico-buy{display: inline-block;vertical-align: middle;background-image: url(~@/resources/images/home/net/ico-buy.png);width:36px;height:36px;margin-left: 12px;background-repeat: no-repeat;background-size: cover;}
+    }
+  }
+  .user-info{
+    border:solid 1px #E3E3E3;border-radius: 16px 16px 0 0;background:#FFF;overflow:hidden;
+    .user{text-align: center;
+      .i{width:80px;height:80px;display:block;border-radius: 50%;overflow:hidden;margin: 18px auto 6px;
+        img{width:100%;height:100%}
+      }
+      .t{
+        img{height:16px;margin-left:5px;vertical-align: middle;}
+      }
+    }
+    .order{
+      display:flex;padding:0 20px;overflow: hidden;margin-top:12px;
+      .item{flex:1;border-right:solid 1px #e3e3e3;text-align: center;
+        b{display: block;font-weight: 600;font-size:24px;color:#37c9ff;}
+        p{margin-bottom:0;}
+      }
+    }
+    .order1{
+      overflow:hidden;margin-top:12px;
+      .item{font-size:16px;float:left;width:50%;
+        .t1{background:#438FCF;padding:6px 24px;line-height:24px;color:#FFF;
+          img{vertical-align: middle;margin-right:6px;width:20px;height:20px;}
+        }
+        .c1{border-right:solid 1px #e3e3e3;padding:9px 24px;height: 74px;
+          span{color:#37c9ff;}
+        }
+        &:last-child{float:right}
+      }
+    }
+  }
+
+  .slide-pro{
+    background:#EEEEEE;margin:20px 0;padding:60px 165px 40px;
+    .pro-box{position: relative;width:900px;margin:auto;
+      .item .img{width:248px;}
+    }
+    .swiper-slide{padding: 15px 0;text-align:center}
+    .swiper-button-next, .swiper-button-prev{width: 47px;height: 90px;margin-top:-45px;background:url(~@/resources/images/home/net/ico-arrow.png) no-repeat center;background-size:cover;}
+    .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:-60px;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
+    .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:-60px;}
+  }
+}
+::v-deep{
+  &.vxe-grid .vxe-table--render-default.border--default .vxe-table--header-wrapper, .vxe-grid .vxe-table--render-default.border--full .vxe-table--header-wrapper, .vxe-grid .vxe-table--render-default.border--outer .vxe-table--header-wrapper{background:#EEEEEE}
+  &.vxe-grid .vxe-table--header-wrapper .vxe-table--header .vxe-header--row .vxe-header--column{padding:14px 0;}
+  &.vxe-grid .vxe-table--render-default .vxe-body--column.col--ellipsis{height: 50px;}
+  &.vxe-grid .vxe-grid--pager-wrapper{min-height:0}
+}
+.notice-box{border-radius: 0 0 16px 16px;padding: 8px 26px;background-color: rgb(141 140 140 / 24%);margin-top:0;
+  .txt:before{display:none}
+}
+
+</style>