1、功能介绍

运费模板就是为一批商品设置同一个运费。当您需要修改运费的时候，这些关联商品的运费将一起被修改。
如果您在发布商品时不想使用运费模板，可在发布商品时选择统一邮费。

2、操作路径

右侧菜单->商品管理->运费模板

新增

修改

3、数据库模型与示例数据

CREATE TABLE `yx_shipping_templates` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT COMMENT '模板ID',
  `name` varchar(255) DEFAULT NULL COMMENT '模板名称',
  `type` tinyint(1) DEFAULT NULL COMMENT '计费方式',
  `region_info` text COMMENT '地域以及费用',
  `appoint` tinyint(1) DEFAULT NULL COMMENT '指定包邮开关',
  `appoint_info` text COMMENT '指定包邮内容',
  `create_time` datetime DEFAULT CURRENT_TIMESTAMP COMMENT '添加时间',
  `update_time` datetime DEFAULT NULL,
  `is_del` tinyint(1) DEFAULT '0',
  `sort` int(11) DEFAULT NULL COMMENT '排序',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=37 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC COMMENT='运费模板表';

4、列表查询前端代码

界面实现效果，如下代码是表格实现代码片段

<el-table ref="table" v-loading="crud.loading" :data="crud.data" size="small" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
  <el-table-column type="selection" width="55" />
  <el-table-column v-if="columns.visible('id')" prop="id" label="模板ID" />
  <el-table-column v-if="columns.visible('name')" prop="name" label="模板名称" />
  <el-table-column v-if="columns.visible('type')" prop="type" label="计费方式">
    <template slot-scope="scope">
      <span v-if="scope.row.type == 1">按件数</span>
      <span v-else-if="scope.row.type == 2">按重量</span>
      <span v-else>按体积</span>
    </template>
  </el-table-column>
  <el-table-column v-if="columns.visible('appoint')" prop="appoint" label="指定包邮开关">
    <template slot-scope="scope">
      <span v-if="scope.row.appoint == 1">开启</span>
      <span v-else>关闭</span>
    </template>
  </el-table-column>
  <el-table-column v-if="columns.visible('createTime')" prop="createTime" label="添加时间">
    <template slot-scope="scope">
      <span>{{ parseTime(scope.row.createTime) }}</span>
    </template>
  </el-table-column>
  <el-table-column v-if="columns.visible('sort')" prop="sort" label="排序" />
  <el-table-column v-permission="['admin','yxShippingTemplates:edit','yxShippingTemplates:del']" label="操作" width="150px" align="center">
    <template slot-scope="scope">
      <udOperation
        :data="scope.row"
        :permission="permission"
      />
    </template>
  </el-table-column>
</el-table>

如上述第7-9行代码，type字段为1，按件计算，type字段为2按重量计算。

如上述第14-15行代码，appoint字段为1，表示开启，否则是关闭。

如上述第24行，v-permission设置操作权限。

// crud交由presenter持有
const defaultCrud = CRUD({ title: '运费模板', url: 'api/yxShippingTemplates', sort: 'id,desc', crudMethod: { ...crudYxShippingTemplates }})

初始化增删改查配置。

5、列表查询后端代码

@GetMapping
@Log("查询运费模板")
@ApiOperation("查询运费模板")
@PreAuthorize("@el.check('admin','yxShippingTemplates:list')")
public ResponseEntity<Object> getYxShippingTemplatess(YxShippingTemplatesQueryCriteria criteria, Pageable pageable){
    return new ResponseEntity<>(yxShippingTemplatesService.queryAll(criteria,pageable),HttpStatus.OK);
}

后台直接查询yx_shipping_templates表数据并返回

计划

1、ruoyi-flowable-plus工作流拆解

2、ruoyi-flowable-plus如何快速开发

3、电商项目源代码拆解

4、JEECG低代码开发平台

请关注我，本星球会持续推出更多的开源项目代码解析，如有更好的意见请留言回复或者私信。运行不起来可以联系我