|
|
@@ -2,7 +2,7 @@
|
|
|
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
|
|
xsi:schemaLocation="https://www.thymeleaf.org ">
|
|
|
<head>
|
|
|
- <title>采美365网</title>
|
|
|
+ <title>采美365网-我的店铺-运费模板管理(添加)</title>
|
|
|
<template th:replace="components/head-link"></template>
|
|
|
<link th:href="@{/css/base/center.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
<link th:href="@{/css/supplier-center/shop/freight.css(v=${version})}" rel="stylesheet" type="text/css">
|
|
|
@@ -26,290 +26,231 @@
|
|
|
<!--左侧面包屑-->
|
|
|
<template th:replace="supplier-center/components/tableft"></template>
|
|
|
<div class="right">
|
|
|
- <div class="head-top clear">
|
|
|
- <div class="form-row low">
|
|
|
- <span v-if="isPC">商品名称：</span>
|
|
|
- <el-input
|
|
|
- v-model="listQuery.name"
|
|
|
- class="state"
|
|
|
- placeholder="请输入商品名称"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="getList"
|
|
|
- @clear="getList"
|
|
|
- ></el-input>
|
|
|
+ <div class="freight-content clear">
|
|
|
+ <div class="head-top clear">
|
|
|
+ <div id="newBtn">
|
|
|
+ <el-button type="primary" @click="handleAddFreight">新增运费模板</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class='form-row low'>
|
|
|
- <span v-if="isPC">商品编码：</span>
|
|
|
- <el-input
|
|
|
- v-model="listQuery.productCode"
|
|
|
- class="state"
|
|
|
- placeholder="请输入商品编码"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="getList"
|
|
|
- @clear="getList"
|
|
|
- ></el-input>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- <span v-if="isPC">商品状态：</span>
|
|
|
- <el-select v-model="listQuery.validFlag" class="state" clearable @change="getList">
|
|
|
- <el-option value="" label="所有"></el-option>
|
|
|
- <el-option label="待审核" value="1"></el-option>
|
|
|
- <el-option label="审核未通过" value="8"></el-option>
|
|
|
- <el-option label="已上架" value="2"></el-option>
|
|
|
- <el-option label="已下架" value="3"></el-option>
|
|
|
- <el-option label="已冻结" value="9"></el-option>
|
|
|
- <el-option label="已隐身" value="10"></el-option>
|
|
|
- <el-option label="已删除" value="0"></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- <span v-if="isPC">主推商品：</span>
|
|
|
- <el-select v-model="listQuery.featuredFlag" class="state" clearable @change="getList">
|
|
|
- <el-option label="所有" value="" ></el-option>
|
|
|
- <el-option label="是" value="1"></el-option>
|
|
|
- <el-option label="否" value="0"></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- <span v-if="isPC">商品属性：</span>
|
|
|
- <el-select v-model="listQuery.commodityType" class="state" clearable @change="handleCommodityType($event)">
|
|
|
- <el-option label="所有" value="" ></el-option>
|
|
|
- <el-option label="产品" value="1"></el-option>
|
|
|
- <el-option label="仪器" value="2"></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row fenlei">
|
|
|
- <span v-if="isPC">商品分类：</span>
|
|
|
- <el-select v-model="listQuery.bigTypeId" class="state" clearable @change="handeleChangeFirst($event)">
|
|
|
- <el-option label="所有" value="" ></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in classificationFirstList"
|
|
|
- :key="item.bigTypeId"
|
|
|
- :label="item.name"
|
|
|
- :value="item.bigTypeId"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row fenlei">
|
|
|
- <el-select v-model="listQuery.smallTypeId" class="state small" clearable @change="handeleChangeTwo($event)">
|
|
|
- <el-option label="二级分类" value="" ></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in classificationTwoList"
|
|
|
- :key="item.smallTypeId"
|
|
|
- :label="item.name"
|
|
|
- :value="item.smallTypeId"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row fenlei">
|
|
|
- <el-select v-model="listQuery.tinyTypeId" class="state small" clearable @change="getList">
|
|
|
- <el-option label="三级分类" value="" ></el-option>
|
|
|
- <el-option
|
|
|
- v-for="item in classificationThreeList"
|
|
|
- :key="item.tinyTypeId"
|
|
|
- :label="item.name"
|
|
|
- :value="item.tinyTypeId"
|
|
|
- ></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- <span v-if="isPC">新品展示：</span>
|
|
|
- <el-select v-model="listQuery.showFlag" class="state" clearable @change="getList">
|
|
|
- <el-option value="" label="所有"></el-option>
|
|
|
- <el-option label="待审核" value="0"></el-option>
|
|
|
- <el-option label="已展示" value="1"></el-option>
|
|
|
- <el-option label="展示过期" value="2"></el-option>
|
|
|
- <el-option label="未展示" value="3"></el-option>
|
|
|
- <el-option label="审核未通过" value="4"></el-option>
|
|
|
- <el-option label="已下线" value="5"></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="form-row">
|
|
|
- <span v-if="isPC">上架平台：</span>
|
|
|
- <el-select v-model="listQuery.groundMall" class="state" clearable @change="getList">
|
|
|
- <el-option label="所有" value="" ></el-option>
|
|
|
- <el-option label="【采美平台】" value="0"></el-option>
|
|
|
- <el-option label="【丽格集采联盟平台】" value="4"></el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div id="newBtn">
|
|
|
- <el-button type="primary" @click="getList">查询</el-button>
|
|
|
- <el-button type="primary" :disabled="disabled" @click="handleDownshelfAll">批量下架</el-button>
|
|
|
+ <div class="freight-main" v-if="freightList.length>0">
|
|
|
+ <div class="freight-list" v-for="(freight,index) in freightList" :key="index">
|
|
|
+ <div class="freight-list-title">
|
|
|
+ <div class="list-name">{{ freight.name }}</div>
|
|
|
+ <div class="list-right">
|
|
|
+ <span class="none">最后编辑时间：{{ freight.endTime }}</span>
|
|
|
+ <span class="copy"><a href="JavaScript:void(0);" @click="handleCopy(freight)">复制模板</a> |</span>
|
|
|
+ <span><a href="JavaScript:void(0);" @click="handleEdit(freight)">修改</a> | </span>
|
|
|
+ <span><a href="JavaScript:void(0);" @click="handleDele(freight)">删除</a></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table :data="freight.list"
|
|
|
+ border
|
|
|
+ :highlight-current-row="false"
|
|
|
+ :cell-style="tableCellStyle"
|
|
|
+ :header-cell-style="tableCellStyle"
|
|
|
+ >
|
|
|
+ <el-table-column label="配送地区" align="center" prop="areas" >
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ {{ row.areas}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="运费" align="center" prop="text" width="350">
|
|
|
+ <template slot-scope="{row}">
|
|
|
+ {{ row.text}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="pagination">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ :small="false"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="listQuery.pageNum"
|
|
|
+ :layout="layout"
|
|
|
+ :total="total"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="goods-tips" v-if="isForbid">
|
|
|
- <div class="end-tips">
|
|
|
- <span class="WEB-icon tips"></span>
|
|
|
- <span>您的上架费已到期，已禁止商品的所有操作，支付账户上架费后才能继续操作。</span>
|
|
|
+ <div class="empty" v-else>
|
|
|
+ <img src="/img/supplier/icon-freight-empty@2x.png">
|
|
|
+ <div class="msg"><p>暂无任何运费模板</p></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="goods-main" v-if="productsList.length>0">
|
|
|
- <el-table
|
|
|
- :data="productsList"
|
|
|
- v-loading="listLoading"
|
|
|
- element-loading-text="Loading"
|
|
|
- border
|
|
|
- fit
|
|
|
- height="600px"
|
|
|
- highlight-current-row
|
|
|
- :header-cell-style="{background:'#E1E1E1',color:'#606266'}"
|
|
|
- @selection-change="handleSelectionChange"
|
|
|
- >
|
|
|
- <el-table-column
|
|
|
- type="selection"
|
|
|
- align="center"
|
|
|
- width="55">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="商品图片" align="center" prop="shopOrderNo" width="80">
|
|
|
- <template slot-scope="{row}">
|
|
|
- <img :src="row.image" :alt="row.name" style="width: 40px;height: 40px;">
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="商品名称" align="center" prop="orderTime" width="200">
|
|
|
- <template slot-scope="{row}">
|
|
|
- {{ row.name}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="商品分类" align="center" prop="name" width="120">
|
|
|
- <template slot-scope="{row}">
|
|
|
- {{ row.typeName}}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="市场价/售价" align="center" prop="payTotalFee" width="160">
|
|
|
- <template slot-scope="{row}">
|
|
|
- ¥{{ row.normalPrice | NumFormat }}/ ¥{{ row.price | NumFormat }}
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="上架平台" align="center" prop="groundMall" width="250">
|
|
|
- <template slot-scope="{row}">
|
|
|
- <template v-if="row.groundMall === '0'">
|
|
|
- <P>
|
|
|
- <span style="float: left;">【采美平台】</span>
|
|
|
- <el-tag v-if="row.validFlag===0" type="danger" size="small" style="float: right;">已删除</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===9" type="danger" size="small" style="float: right;">已隐身</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===10" type="danger" size="small" style="float: right;">已冻结</el-tag>
|
|
|
- </P>
|
|
|
- </template>
|
|
|
- <template v-else-if="row.groundMall === '4'">
|
|
|
- <P>
|
|
|
- <span style="float: left;">【丽格集采联盟平台】</span>
|
|
|
- <el-tag v-if="row.mallValidFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
- <el-tag v-if="row.mallValidFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
- <el-tag v-if="row.mallValidFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
- <el-tag v-if="row.mallValidFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
- </P>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <P>
|
|
|
- <span style="float: left;">【采美平台】</span>
|
|
|
- <el-tag v-if="row.validFlag===0" type="danger" size="small" style="float: right;">已删除</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===9" type="danger" size="small" style="float: right;">已隐身</el-tag>
|
|
|
- <el-tag v-if="row.validFlag===10" type="danger" size="small" style="float: right;">已冻结</el-tag>
|
|
|
- </P>
|
|
|
- <P>
|
|
|
- <span style="float: left;">【丽格集采联盟平台】</span>
|
|
|
- <el-tag v-if="row.mallValidFlag===1" type="warning" size="small" style="float: right;">待审核</el-tag>
|
|
|
- <el-tag v-if="row.mallValidFlag===2" type="success" size="small" style="float: right;">已上架</el-tag>
|
|
|
- <el-tag v-if="row.mallValidFlag===3" type="danger" size="small" style="float: right;">已下架</el-tag>
|
|
|
- <el-tag v-if="row.mallValidFlag===8" type="danger" size="small" style="float: right;">审核未通过</el-tag>
|
|
|
- </P>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="新品展示" align="center" prop="showFlag" width="120" >
|
|
|
- <template slot-scope="{row}">
|
|
|
- <template v-if="row.groundMall === '0' || row.groundMall === '0##4'">
|
|
|
- <el-tag v-if="row.showFlag===0" type="warning" size="small">待审核</el-tag>
|
|
|
- <el-tag v-if="row.showFlag===1" type="success" size="small">已展示</el-tag>
|
|
|
- <el-tag v-if="row.showFlag===2" type="danger" size="small">展示过期</el-tag>
|
|
|
- <el-tag v-if="row.showFlag===3" type="warning" size="small">未展示</el-tag>
|
|
|
- <el-tag v-if="row.showFlag===4" type="danger" size="small">审核未通过</el-tag>
|
|
|
- <el-tag v-if="row.showFlag===5" type="danger" size="small">已下线</el-tag>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <span>--</span>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" align="center" width="250">
|
|
|
- <template slot-scope="{row}">
|
|
|
- <el-button type="primary" style="margin: 5px;" v-if="[0,1,2,3,8,9].indexOf(row.validFlag)!=-1" :disabled="isForbid" size="mini" plain @click="handleEdit(row)">编辑</el-button>
|
|
|
- <template v-if="[2].indexOf(row.validFlag)!=-1 || [2].indexOf(row.mallValidFlag)!=-1">
|
|
|
- <el-button type="primary" style="margin: 5px;" :disabled="isForbid" size="mini" plain @click="handleDownshelf(row)">下架</el-button>
|
|
|
- </template>
|
|
|
- <template v-if="row.groundMall === '0' || row.groundMall === '0##4'">
|
|
|
- <el-button type="primary" style="margin: 5px;" v-if="[2].indexOf(row.validFlag)!=-1" :disabled="isForbid" size="mini" plain @click="handlePreview(row)">查看</el-button>
|
|
|
- <el-button type="primary" style="margin: 5px;" v-if="row.isDelFeatured" :disabled="isForbid" size="mini" plain @click="handleDeleteHot(row)">删除主页推荐</el-button>
|
|
|
- <el-button type="primary" style="margin: 5px;" v-if="row.isAddFeatured" :disabled="isForbid" size="mini" plain @click="handlePushHot(row)">添加主页推荐</el-button>
|
|
|
- </template>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </div>
|
|
|
- <div class="empty" v-else>
|
|
|
- <img src="/img/order/icon-goods.svg">
|
|
|
- <div class="msg"><p>您还未发布任何商品快去<a href="/supplier/release.html">发布</a>吧</p></div>
|
|
|
- </div>
|
|
|
- <div class="pagination">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- :small="false"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- :current-page="listQuery.pageNum"
|
|
|
- :layout="layout"
|
|
|
- :total="total"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </div>
|
|
|
- <!--下架弹窗-->
|
|
|
- <el-dialog title="下架" :visible.sync="dialogFormVisible" width="380px" style="margin: 200px auto;">
|
|
|
- <template v-if="handlePros.groundMall === '0'">
|
|
|
- <p>确定将商品从【采美平台】下架吗？</p>
|
|
|
- </template>
|
|
|
- <template v-else-if="handlePros.groundMall === '4'">
|
|
|
- <p>确定将商品从【丽格集采联盟平台】下架吗？</p>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <el-row :gutter="24" class="box-row" style="margin-bottom: 20px;">
|
|
|
- <el-col :span="12" v-if="handlePros.mallValidFlag === 2 && handlePros.validFlag === 2">
|
|
|
- <el-radio v-model="groundMallType" :label="0">全部平台</el-radio>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12" v-if="handlePros.validFlag === 2">
|
|
|
- <el-radio v-model="groundMallType" :label="1">【采美平台】</el-radio>
|
|
|
- </el-col>
|
|
|
+ <!--运费模板弹窗-->
|
|
|
+ <el-dialog title="创建运费模板" :visible.sync="dialogFormVisible" :close-on-click-modal="false" :close-on-press-escape="false" width="750px">
|
|
|
+ <div class="el-form-content">
|
|
|
+ <el-form ref="dataForm" :rules="rules" :model="freightTemp" label-position="right" label-width="0">
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <span style="font-weight: bold;">模板名称:</span>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item style="margin-left: 0;margin-bottom: 10px;">
|
|
|
+ <el-input v-model="freightTemp.name" placeholder="请输入模板名称" maxlength="30"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <span style="font-weight: bold;">设置运费:</span>
|
|
|
+ <span style="color: #F94B4B;">（注意：未设置的其他省市默认包邮）</span>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item style="margin-bottom: 10px;">
|
|
|
+ <div class="el-form-list" v-for="(freight,index) in freightTemp.freightRuleList" :key="index">
|
|
|
+ <div class="el-form-list-title">
|
|
|
+ 运费规则{{index+1}}
|
|
|
+ <div class="el-form-close" v-if="index>0" @click="handleDelRole(index)"><i class="el-icon-close"></i></div>
|
|
|
+ </div>
|
|
|
+ <div class="el-form-list-roles rol3">
|
|
|
+ <div class="el-form-role3">
|
|
|
+ <template v-if="freight.areaTax">
|
|
|
+ <div class="el-form-role3-ns">
|
|
|
+ <span style="color: #333333;">{{ freight.areaTax }}</span>
|
|
|
+ </div>
|
|
|
+ <el-button plain size="mini" @click="changeFreightAreas('edit',freight,index)">修改省市</el-button>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="el-form-role3-ns">
|
|
|
+ <span style="color: #9AA5B5;">对应地区</span>
|
|
|
+ </div>
|
|
|
+ <el-button plain size="mini" @click="sittingFreightAreas('add',freight,index)">选择省市</el-button>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="el-form-list-roles">
|
|
|
+ <div class="el-form-role5">
|
|
|
+ <template v-if="freight.ruleTax">
|
|
|
+ <div class="el-form-role5-ns">
|
|
|
+ <span style="color: #333333;">{{ freight.ruleTax }}</span>
|
|
|
+ </div>
|
|
|
+ <el-button plain size="mini" @click="changeFreightRole(freight,index)">修改规则</el-button>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div class="el-form-role5-ns">
|
|
|
+ <span style="color: #9AA5B5;">对应运费规则</span>
|
|
|
+ </div>
|
|
|
+ <el-button plain size="mini" @click="sittingFreightRole(freight,index)">设置规则</el-button>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <div class="el-form-add" v-if="freightTemp.freightRuleList.length < 10">
|
|
|
+ <el-button type="text" icon="el-icon-circle-plus-outline" @click="handleAddRole" style="padding: 0 0;">添加运费规则</el-button>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="handleCanleFreights">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirmShelf">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!--设置省市区弹窗-->
|
|
|
+ <el-dialog title="选择省市" :visible.sync="areasFormVisible" :close-on-click-modal="false" :close-on-press-escape="false" width="750px">
|
|
|
+ <div class="el-form-content">
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <div class="el-area-wup" v-for="(area,index) in areaData" :key="index">
|
|
|
+ <div class="el-area-box">
|
|
|
+ <div class="el-area-checkbox">
|
|
|
+ <el-checkbox :indeterminate="area.isIndeterminate" v-model="area.checked" :disabled="disabled(area)" @change="handleCheckAllChange(area,$event)"></el-checkbox>
|
|
|
+ <div class="el-area-label" :class="disabled(area) ? 'disabled' : ''">{{ area.name }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="el-area-box">
|
|
|
+ <div class="el-area-checkbox" v-for="city in area.provinceList" :key="city">
|
|
|
+ <el-checkbox :indeterminate="city.isIndeterminate" v-model="city.checked" :disabled="disabled(city)" @change="handleCheckedCitiesChange(city,area,$event)"></el-checkbox>
|
|
|
+ <div class="el-area-label" :class="disabled(city) ? 'disabled' : ''" @click="handleUrbanForm(city,area,disabled(city))">
|
|
|
+ {{ city.name }}
|
|
|
+ ({{ city.checkedCities.length }}/{{ city.cityList.length }})
|
|
|
+ <i class="el-icon-arrow-right"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="handleCanleAreas">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirmAreas">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!--设置市区弹窗-->
|
|
|
+ <el-dialog :title="cityUrbanForm.name" :visible.sync="urbanFormVisible" :close-on-click-modal="false" :close-on-press-escape="false" width="750px" style="margin: 100px auto;">
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <div class="el-area-wup">
|
|
|
+ <div class="el-area-box">
|
|
|
+ <div class="el-area-checkbox">
|
|
|
+ <el-checkbox :indeterminate="cityUrbanForm.isIndeterminate" v-model="cityUrbanForm.checked" :disabled="disabled(cityUrbanForm)" @change="handleUrbanChange">全选</el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="el-area-box">
|
|
|
+ <div class="el-area-checkbox" v-for="urban in cityUrbanForm.cityList" :key="urban">
|
|
|
+ <el-checkbox :indeterminate="urban.isIndeterminate" v-model="urban.checked" :disabled="disabled(urban)" @change="handleCheckedUrbanChange(urban,$event)">{{ urban.name }}</el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</el-row>
|
|
|
- <el-row :gutter="24" class="box-row" style="margin-bottom: 20px;" v-if="handlePros.mallValidFlag === 2">
|
|
|
- <el-col :span="12">
|
|
|
- <el-radio v-model="groundMallType" :label="2">【丽格集采联盟平台】</el-radio>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </template>
|
|
|
-
|
|
|
- <div slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogFormVisible = false">取消</el-button>
|
|
|
- <el-button type="primary" @click="handleConfirmShelf">确定</el-button>
|
|
|
- </div>
|
|
|
- </el-dialog>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="urbanFormVisible = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirmUrban">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ <!--运费规则弹窗-->
|
|
|
+ <el-dialog title="运费规则" :visible.sync="rulesFormVisible" :close-on-click-modal="false" :close-on-press-escape="false" width="750px" style="margin: 100px auto;">
|
|
|
+ <el-form ref="ruleForm" :rules="rules" :model="freightRulesForm" label-position="right" label-width="0">
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <span style="font-weight: bold;">运费方式:</span>
|
|
|
+ <span>固定运费</span>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <span style="font-weight: bold;">运费金额:</span>
|
|
|
+ </el-row>
|
|
|
+ <el-form-item prop="freightAmount" :rules="rules.freightAmount" style="margin-left: 0;">
|
|
|
+ <el-input v-model="freightRulesForm.freightAmount">
|
|
|
+ <template slot="append">元</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <span>
|
|
|
+ <el-checkbox v-model="freightRulesForm.checked" @change="handleFreightFreeType"></el-checkbox>
|
|
|
+ 指定条件包邮
|
|
|
+ </span>
|
|
|
+ </el-row>
|
|
|
+ <div class="box-row-col" v-if="freightRulesForm.checked">
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;">
|
|
|
+ <el-radio v-model="freightRulesForm.freeCondition" :label="0">满足件数</el-radio>
|
|
|
+ <el-radio v-model="freightRulesForm.freeCondition" :label="1">满足金额</el-radio>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;" v-if="freightRulesForm.freeCondition === 0">
|
|
|
+ 满
|
|
|
+ <el-input v-model="freightRulesForm.productNum" style="width: 180px">
|
|
|
+ <template slot="append">件</template>
|
|
|
+ </el-input>
|
|
|
+ 可包邮
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="24" class="box-row" style="margin-bottom: 10px;margin-left: 0;margin-right: 0;" v-if="freightRulesForm.freeCondition === 1">
|
|
|
+ 满
|
|
|
+ <el-input v-model="freightRulesForm.allAmount" style="width: 180px">
|
|
|
+ <template slot="append">元</template>
|
|
|
+ </el-input>
|
|
|
+ 可包邮
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="rulesFormVisible = false">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirmRoles">确定</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
<!-- 引入底部 -->
|
|
|
<template th:replace="components/footer"></template>
|
|
|
<template th:replace="components/foot-link"></template>
|
|
|
<script type="text/javascript" src="/lib/element-ui/element-ui.min.js"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/center.js(v=${version})}"></script>
|
|
|
-<script charset="utf-8" type="text/javascript"
|
|
|
- th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/supplier.service.js(v=${version})}"></script>
|
|
|
+<script charset="utf-8" type="text/javascript" th:src="@{/js/supplier-center/shop/mixins/freightMixins.js(v=${version})}"></script>
|
|
|
<script charset="utf-8" type="text/javascript" th:src="@{/js/supplier-center/shop/freight.js(v=${version})}"></script>
|
|
|
</body>
|
|
|
</html>
|
