Odoo Tree视图详解，读完这篇就够了

置顶 已于 2022-09-14 10:22:36 修改
阅读量3.6k 收藏 36
点赞数 5
分类专栏： odoo 文章标签： Odoo
于 2022-06-02 11:13:17 首次发布
内容来自于神州数码云基地所有，如需转载请小框私信我们~
本文链接：https://blog.csdn.net/CBGCampus/article/details/125095633
版权

一、前言

对于Odoo初学者而言，Tree视图是我们应该首先掌握的基础视图。
这篇文章包含对Tree视图的基本介绍、视图顶部增加按钮、绑定widget、单元格合并、searchBar和action按钮的隐藏、固定首行首列，视图内部增加按钮等~

相信看完这篇文章后，你会更加了解Tree视图，快速解决日常开发所需！

二、Odoo Tree视图介绍

在实际开发中我们不可避免的会用到列表展示数据。

那在Odoo中已经为我们集成好了Tree视图，我们只需要通过固有的写法定义字段，就能完成列表的数据展示。

我们来看看它有哪些具体写法和属性吧：

1、editable

该属性让数据可以在列表内进行编辑，有效的值是top和bottom。

2、default_order

进行初始化排序，可使用desc来进行倒序。

3、decoration-样式名

样式可为：bf加粗, it斜体。或其他bootstrap样式，如：danger红色, info, muted, primary, success绿色,warning橙色等等,值为python表达式。对每条记录执行相应表达式判断，当结果为true的时候将对应的样式应用。

4、create, edit

可以通过将它们设置为false来禁用视图中的对应操作按钮：create对应创建按钮、edit对应编辑按钮。

二、Odoo Tree视图增加按钮

1、创建一个tree视图


<record id="dispatch_imitate_list_view" model="ir.ui.view">
    <field name="name">order.dispatch.imitate</field>
    <field name="model">order.dispatch.imitate</field>
    <field name="arch" type="xml">
        <tree create="false" import="false" editable="top" class="order_dispatch_list">
            <field name="imitate_name" readonly="1"/>
            <field name="imitate_note" />
            <field name="create_uid" string="创建人" readonly="1"/>
            <field name="create_date" string="创建时间" readonly="1"/>
        </tree>
    </field>
</record>

2、为该视图创建一个按钮

<?xml version="1.0" encoding="utf-8" ?>
<template id="create_imitate" xml:space="preserve">
    &lt;t t-extend="ListView.buttons">
        &lt;t t-jquery="div.o_list_buttons" t-operation="append">
            &lt;t t-if="widget.actionViews[0].fieldsView.name == 'order.dispatch.imitate'">
                <button class="btn btn-primary create_imitate_button" type="button">创建模拟</button>
            &lt;/t>
        &lt;/t>
    &lt;/t>
</template>

3、扩展ListController
（实现该按钮方法，并绑定到Tree视图）

var ListView = require('web.ListView');
var viewRegistry = require('web.view_registry');
var ListController = require('web.ListController');
//这块代码是继承ListController在原来的基础上进⾏扩展
var BiConListController = ListController.extend({
    renderButtons: function () {
        this._super.apply(this, arguments);
        if (this.$buttons) {
            //这⾥找到刚才定义的按钮和输入框
            this.$buttons.find('.create_imitate_button').on('click', this.proxy('create_imitate_function'));
        }
    },
    //创建模拟
    create_imitate_function: function () {
        let self = this
        console.log('创建按钮被点击')
    },
});
var BiConListView = ListView.extend({
    config: _.extend({}, ListView.prototype.config, {
        Controller: BiConListController,
    })
});
//这⾥⽤来注册编写的视图BiConListView，第⼀个字符串是注册名到时候需要根据注册名调⽤视图
viewRegistry.add('imitate_list_view_button', BiConListView);
return BiConListView;

Step4：绑定注册名

（将此时注册名绑定到tree视图的js_class属性中）

<record id="dispatch_imitate_list_view" model="ir.ui.view">
    <field name="name">order.dispatch.imitate</field>
    <field name="model">order.dispatch.imitate</field>
    <field name="arch" type="xml">
        <tree js_class="imitate_list_view_button" create="false" import="false" editable="top" class="order_dispatch_list">
            <field name="imitate_name" readonly="1"/>
            <field name="imitate_note" />
            <field name="create_uid" string="创建人" readonly="1"/>
            <field name="create_date" string="创建时间" readonly="1"/>
        </tree>
    </field>
</record>

Step5：页面效果，按钮事件生效

图片

三、Odoo Tree视图单元格合并

在日常开发中，table表格的单元格合并是个很常见的场景。

一般在vue+elementUI中，可以配置row和column，从而实现单元格的合并，然而在Odoo Tree视图中，是无法通过配置来实现相关场景的。

那我们该如何处理呢？实际场景如下：

图片

Odoo的Tree视图通过加载list_renderer.js文件来完成单元格渲染。

也就是说，我们可以通过修改具体的renderder方法进而实现单元格的合并。

方法如下：

1、 确保合并条数和合并数据的处理

首先保证后台返回的数据中，有明确的合并条数字段。

图片

然后需要前端对返回数据进行一定标识处理，改写_renderRows方法，为后面合并单元格做准备：

var orderListRenderer = ListRenderer.extend({
    _renderRows: function () {
        //对data数据进行处理
        if (this.state.data.length > 0) {
            // var crm_no = this.state.data[0].data.crm_no
            var id = this.state.data[0].data.id
            var quot_no = this.state.data[0].data.quot_no
            this.state.data[0].data.first_flag = true
            for (let item of this.state.data) {
                if (item.data.quot_no !== quot_no) {
                    item.data.first_flag = true
                    quot_no = item.data.quot_no
                }
            }
 
        }
        return this.state.data.map(this._renderRow.bind(this));
    }
)

2、 改写单元格的渲染方法****_renderBodyCell

var ListRenderer = require('web.ListRenderer');
var orderListRenderer = ListRenderer.extend({
_renderBodyCell: function (record, node, colIndex, options) {
    var tdClassName = 'o_data_cell';
    let len = 1
    //获取合并单元格的lenth
    if (node.attrs.name !== "prod_desc" && node.attrs.name !== "prod_num") {
        len = Number(record.data.prod_length)
    }
    if (node.tag === 'button_group') {
        tdClassName += ' o_list_button';
    } else if (node.tag === 'field') {
        tdClassName += ' o_field_cell';
        var typeClass = FIELD_CLASSES[this.state.fields[node.attrs.name].type];
        if (typeClass) {
            tdClassName += (' ' + typeClass);
        }
        if (node.attrs.widget) {
            tdClassName += (' o_' + node.attrs.widget + '_cell');
        }
    }
    if (node.attrs.editOnly) {
        tdClassName += ' oe_edit_only';
    }
    if (node.attrs.readOnly) {
        tdClassName += ' oe_read_only';
    }
    var $td = $('<td>', {class: tdClassName, tabindex: -1});
    // We register modifiers on the <td> element so that it gets the correct
    // modifiers classes (for styling)
    var modifiers = this._registerModifiers(node, record, $td, _.pick(options, 'mode'));
    // If the invisible modifiers is true, the <td> element is left empty.
    // Indeed, if the modifiers was to change the whole cell would be
    // rerendered anyway.
    if (modifiers.invisible && !(options && options.renderInvisible)) {
            //进行单元格合并+样式居中
        return $td.attr('rowSpan', len).css({'vertical-align': 'middle'});
    }
    if (node.tag === 'button_group') {
        for (const buttonNode of node.children) {
            if (!this.columnInvisibleFields[buttonNode.attrs.name]) {
                //进行单元格合并+样式居中
                $td.append(this._renderButton(record, buttonNode)).attr('rowSpan', len).css({'vertical-align': 'middle'});;
            }
        }
        return $td;
    } else if (node.tag === 'widget') {
        //进行单元格合并+样式居中
        return $td.append(this._renderWidget(record, node)).attr('rowSpan', len).css({'vertical-align': 'middle'});
    }
    if (node.attrs.widget || (options && options.renderWidgets)) {
        //判断是否是合并列的第一跳数据，并且是否开启了编辑权限
        if (record.data.first_flag == undefined) {
            if (node.attrs.name !== "prod_desc" && node.attrs.name !== "prod_num") {
                //对合并列进行隐藏
                var $el = this._renderFieldWidget(node, record, _.pick(options, 'mode'));
                return $td.append($el).attr('rowSpan', len).css({'vertical-align': 'middle','display': 'none'});
            } else {
                var $el = this._renderFieldWidget(node, record, _.pick(options, 'mode'));
                return $td.append($el).attr('rowSpan', len).css({'vertical-align': 'middle'});
            }
        } else {
            var $el = this._renderFieldWidget(node, record, _.pick(options, 'mode'));
            return $td.append($el).attr('rowSpan', len).css({'vertical-align': 'middle'});
        }
    }
    this._handleAttributes($td, node);
    this._setDecorationClasses($td, this.fieldDecorations[node.attrs.name], record);
    var name = node.attrs.name;
    var field = this.state.fields[name];
    var value = record.data[name];
    var formatter = field_utils.format[field.type];
    var formatOptions = {
        escape: true,
        data: record.data,
        isPassword: 'password' in node.attrs,
        digits: node.attrs.digits && JSON.parse(node.attrs.digits),
    };
    var formattedValue = formatter(value, field, formatOptions);
    var title = '';
    if (field.type !== 'boolean') {
        title = formatter(value, field, _.extend(formatOptions, {escape: false}));
    }
    //同上
    if (record.data.first_flag == undefined) {
        if (node.attrs.name !== "prod_desc" && node.attrs.name !== "prod_num") {
            return $td.html(formattedValue).attr('title', title).attr('rowSpan', len).css({ 'vertical-align': 'middle','display': 'none'});
        } else {
            return $td.html(formattedValue).attr('title', title).attr('rowSpan', len).css({'vertical-align': 'middle'});
        }
    } else {
        return $td.html(formattedValue).attr('title', title).attr('rowSpan', len).css({'vertical-align': 'middle'});
    }
    }
})

3、 勾选框渲染改写_renderRow和_renderSelector

_renderRow: function (record) {
    var self = this;
    var $cells = this.columns.map(function (node, index) {
        return self._renderBodyCell(record, node, index, {mode: 'readonly'});
    });
 
    var $tr = $('<tr/>', {class: 'o_data_row'}).attr('data-id', record.id).append($cells);
    if (this.hasSelectors) {
        //增加record.data参数,便于渲染勾选列
        $tr.prepend(this._renderSelector('td', !record.res_id, record.data));
    }
    this._setDecorationClasses($tr, this.rowDecorations, record);
    return $tr;
    },
_renderSelector: function (tag, disableInput, data) {
    var $content = dom.renderCheckbox();
    if (disableInput) {
        $content.find("input[type='checkbox']").prop('disabled', disableInput);
    }
    if (data) {
        if (data.first_flag != undefined) {//对于同一将合并单元格的勾选按钮，只渲染第一次，其他勾选按钮不渲染
             return $('<' + tag + '>').addClass('o_list_record_selector').attr('rowSpan', Number(data.prod_length)).css({'vertical-align': 'middle'}).append($content);
        } else {
             return
    } else {
        return $('<' + tag + '>').addClass('o_list_record_selector').css({'vertical-align': 'middle'}).append($content);
    }
}

4、 将改写的ListRenderer挂载到ListView上

var viewRegistry = require('web.view_registry');
var ListView = require('web.ListView');
var BiConListView = ListView.extend({
    config: _.extend({}, ListView.prototype.config, {
        Renderer: orderListRenderer,
    })
});
viewRegistry.add('project_list_view_button', BiConListView);
return BiConListView;

5、 将此view挂载到tree视图上

<tree string="项目列表" js_class="project_list_view_button" create="false" import="false"/>

6、 更新模块便可实现单元格合并了！

四、Odoo__Tree视图绑定widget

1、 继承web.basic_fields并编写widget

var FieldMonetary = require('web.basic_fields').FieldMonetary;
var fieldRegistry = require('web.field_registry');
//widget
var imitateOperateFields = FieldMonetary.extend({
    className: 'o_field_orderOperate',
    events: _.extend({}, FieldMonetary.prototype.events, {
        'click': '_onClick',
    }),
    _onClick: function (event) {
        event.preventDefault()
        let self = this
        console.log('按钮点击')
    },
    //字段渲染
    _render: function () {
        this.$el.data('value', this.value).css('color', '#4e6ef2').attr('title', this.value);
        return this._super.apply(this, arguments);
    }
})
//widget绑定
fieldRegistry.add('imitate_fields', imitateOperateFields);

2、 对需要绑定widget的字段，在tree视图中进行绑定

<record id="dispatch_imitate_list_view" model="ir.ui.view">
    <field name="name">order.dispatch.imitate</field>
    <field name="model">order.dispatch.imitate</field>
    <field name="arch" type="xml">
        <tree js_class="imitate_list_view_button" create="false" import="false" editable="top" class="order_dispatch_list">
            <field name="imitate_name" readonly="1" widget="imitate_fields"/>
            <field name="imitate_note" />
            <field name="create_uid" string="创建人" readonly="1"/>
            <field name="create_date" string="创建时间" readonly="1"/>
        </tree>
    </field>
</record>

五、隐藏searchBar、 action和勾选栏

1、 隐藏searchBar、action

在上面，我们已经知道了tree视图如何绑定js_class。这里，我们可以对ListView进行searchBar和action的配置，进行隐藏。

var BiConListView = ListView.extend({
    config: _.extend({}, ListView.prototype.config, {
        Renderer: orderListRenderer,
        Controller: BiConListController,
    }),
    _extractParamsFromAction: function (action) {
        var params = this._super.apply(this, arguments);
        //隐藏勾选后的action按钮
        params.hasActionMenus = false;
        //隐藏searchBar视图
        params.withSearchBar = false;
        return params;
    },
});

2、 隐藏勾选框

tree视图的勾选框是在列表render的时候进行渲染的，所以我们得改写ListRender里的_renderSelector方法

var ListRenderer = require('web.ListRenderer');
var materialListRenderer = ListRenderer.extend({
    _renderSelector: function (tag, disableInput) {
        var $content = dom.renderCheckbox();
        if (disableInput) {
            $content.find("input[type='checkbox']").prop('disabled', disableInput);
        }
        //可以根据条件判断，return空时将不会渲染勾选框
        return
    }
});

3、 页面实图

图片

六、Odoo Tree视图单元格内添加操作按钮视

1、 我们对该模型py文件添加html类型的字段，并用compute属性计算

class OrderDispatchImitate(models.Model):
    _name = "order.dispatch.imitate"
    _description = "齐套模拟基本模型"
 
    imitate_name = fields.Char(string="模拟名称")
    imitate_note = fields.Char(string="备注")
    project_id = fields.One2many("order.dispatch.imitate.project", "dispatch_imitate_id", "齐套模拟项目id")
    button_view = fields.Html('操作', compute="_button_html_view", sanitize=False)
 
    @api.model
    def _button_html_view(self):
        self.button_view = '<button type="button" name="confirm" class="btn-primary btn_radius o_list_button_edit">编辑</button>'

2、 在tree视图中新增该字段

<record id="dispatch_imitate_list_view" model="ir.ui.view">
    <field name="name">order.dispatch.imitate</field>
    <field name="model">order.dispatch.imitate</field>
    <field name="arch" type="xml">
        <tree js_class="imitate_list_view_button" create="false" import="false" editable="top" class="order_dispatch_list">
            <field name="button_view" type="html" readonly="1"/>
            <field name="imitate_name" readonly="1" widget="imitate_fields"/>
            <field name="imitate_note" />
            <field name="create_uid" string="创建人" readonly="1"/>
            <field name="create_date" string="创建时间" readonly="1"/>
        </tree>
    </field>
</record>

3、 页面实图，我们也可以像上面一样对button_view字段绑定widget，从而实现按钮点击事件

图片

七、Odoo Tree视图固定表头和列

在实际业务场景中难免会碰到Tree视图里面字段数过多，主要字段和操作列大都集中在前几列的情况。

那么在tree视图横向滑动的时候，前几列就会隐藏。

Tree视图上如何固定表头和列呢？不需要在应用商店单独下载模块，几行css就可以实现以下功能~

1、 给需要固定表头的Tree视图定义class这样我们在元素中获取到该DOM

<record id="materiel_tree_view" model="ir.ui.view">
    <field name="name">materiel</field>
    <field name="model">materiel</field>
    <field name="arch" type="xml">
        <tree create="false" js_class="material_button" class="materiel_tree material_table" editable="top" limit="50">
            <field name="button_view" type="html" widget="material_operate"/>
            <field name="prod_line1" />
            <field name="prod_line2" />
            ......

2、 设置表头样式+背景色

// Sticky Header & Footer in List View
.material_table {
  .table-responsive {
    .o_list_table {
      td:first-child, th:first-child {
          position:sticky;
          left:0; /* 首行永远固定在左侧 */
          z-index:1;
          background-color:$o-list-footer-bg-color;
      }
      thead tr th {
          position:sticky !important;
          top:0; /* 列首永远固定在头部  */
      }
      th:first-child{
          z-index:2;
          background-color:$o-list-footer-bg-color;
      }
 
      thead tr:nth-child(1) th {
          background-color: $o-list-footer-bg-color;
      }
      thead tr th:nth-child(2)  {
          z-index:2;
          left:40px;
          background-color: $o-list-footer-bg-color;
      }
 
      tbody tr td:nth-child(2)  {
          position:sticky;
          z-index:1;
          left:40px;
          background-color: $o-list-footer-bg-color;
      }
      tfoot,
      tfoot tr:nth-child(1) td {
        position: sticky;
        bottom: 0;
      }
      tfoot tr:nth-child(1) td {
        background-color: $o-list-footer-bg-color;
      }
    }
  }
}

3、 看看实际效果

先是纵向滚动，表头始终固定在第一行

图片

然后是横向滚动，操作列首列始终固定在第一列

图片

以上就是Odoo Tree视图的具体构建方法，是不是感觉并没有想象的复杂呢~

话不多说，赶快动手试试吧！

版权声明:本文由神州数码云基地团队整理撰写，若转载请注明出处。

公众号搜索神州数码云基地，后台回复Odoo，加入Odoo技术交流群！

神州数码云基地
关注
  • 5
    点赞
  • 踩
  • 36
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
博客
使用Juicesync实现对腾讯云CHDFS存储的数据迁移
01-19 2437
近年来，云计算越来越流行，企业从自身利益出发，或是不愿意被单一云服务商锁定，或是业务和数据冗余，或是出于成本优化考虑，会尝试将部分或者全部业务从线下机房迁移到云或者从一个云平台迁移到另一个云平台。本期跟大家分享我在使用Juicesync工具实现对腾讯云CHDFS存储的数据迁移的实验过程及思路。
博客
Gitlab之间数据迁移的5种方式
08-25 1万+
呕心沥血整理~建议反复查看
博客
什么是分布式数据库？小学生都能看懂。
04-24 6563
自从互联网进入了 web2.0 时代以来，数据库作为核心的底层基础设施软件也经历了蓬勃的发展期，从早期的单机关系型数据库到NoSQL 再到如今的 NewSQL，数据库领域不管是技术还是场景都发生了巨大的变化。在当下云原生时代，任何软件系统拥有分布式能力似乎成了标配。特别是在目前基础软件国产化的浪潮下，国产数据库百花齐放，大有弯道超车的趋势。在这个领域里面，分布式数据库无疑是当今最热门的赛道，本期就带大家来了解什么是分布式数据库。回答这个问题之前，我们暂且不去考虑各种官方定义，不妨换个思路入手把这个名词做下拆
博客
PM说｜深入浅出：从埋点到用户画像的实践
04-23 891
我们先回到最初的概念，如果想知道访问人数、访问时间，开发人员就需要埋点，那埋点是什么呢？数据埋点是手机端、网页端比较常见的数据采集技术，中文把他取名为埋点，可以理解为在APP、或者网页上埋了一个又一个的点，把这些点想象成摄像头，用来记录你想要的数据。然后利用采集到的数据进行后面的数据分析。埋点里采集到的用户行为数据，可以跟踪用户的使用情况，通常会从4W的维度来跟踪用户的行为：数据埋点在开发环节一般来说有两种方式：
博客
世界读书日 | 与AI共舞，在阅读中寻找你的不可替代性
04-23 680
文末赠书
博客
Odoo｜手把手教你Odoo集成drools，完成物料规则配置与报价单自动审核!
04-19 740
带你玩转Drools！
博客
kkFileView文件预览服务详解
04-17 905
解决web文件必须下载才能查看的问题, 用户可在浏览器端实时查看(不支持编辑).
博客
数据库｜一篇文章彻底搞懂TiDB集群各种容量计算方式
04-11 563
一口气弄懂计算方式
博客
AGI｜这些火爆全网的AI热词你真的懂吗？
04-09 862
一次性完成AI基础知识扫盲✔
博客
AGI｜无GPU也能畅行无阻！Ollama大模型本地运行教程
03-26 532
本文介绍了如何在无GPU环境下，通过安装Docker、Ollama、Anaconda并创建虚拟环境，实现大模型的本地运行。安装完成后，启动API服务并进行测试，确保模型的高效稳定运行。Ollama的本地部署方案为没有GPU资源的用户提供了便捷的大模型运行方案。系统推荐使用Linux，如果是Windows请使用WSL2（2虚拟了完整的Linux内核，相当于Linux）ollama本身提供了API服务，但是流式处理有点问题，python版本的没问题，这里以一个api_demo为例对齐chatgpt的api。
博客
数据库｜恢复的方式多种多样，总有一款适合你
03-22 938
实现高效迅速地数据库恢复
博客
数据库｜什么？通过 Prometheus 编写巡检脚本？
03-18 872
在面对庞大的集群体量，日常的巡检工作变得异常繁琐。本篇文章为你介绍一个能够代替手动巡检，并且能够快速准确的获取到集群相关信息的方法
博客
AGI｜Gradio与Ingress、Nginx集成实现服务区分
03-18 986
在魔塔社区中我们可以使用空间功能来快速的上线自己的代码使用AI的能力，那么如何在同一个域名下来区分不同用户上线的服务呢？
博客
数据库｜基于TiDB Binlog架构的主备集群切换操作手册
03-07 959
最近手头有个系统，刚做完灾备建设及数据同步，需要进行灾备切换演练，验证灾备库建设是否符合预期。需要做相关测试并准备操作手册，供日后切换演练及主
博客
数据库｜三地五中心，TiDB POC最佳实践探索！
02-29 883
在某地震多发省，为了避免地震造成的机房级灾难，或者城市级灾难，导致整个系统不可用，拟建设一套三地五中心五副本分布式高可用数据库系统，保证高可用需求。pd leader 切换到哪个机房后，该机房的响应延时就降低了，这也说明即使tso有预分配机制，但是跨城延时仍然对tso的获取有很大影响。3、当一个城市两机房全部挂机后，例如cd的az1和az2挂机，流量全部切换至az3和az4，不切换到az5。五个机房：cd有两个机房AZ1、AZ2；lz有一个机房AZ5。2、同城一机房挂机后，流量优先切换到同城另一个机房。
博客
AGI｜教你用一部电影的时间训练个人专属Agent
02-27 1012
Agent是一个超越简单文本生成的人工智能系统。它使用大型语言模型（LLM）作为其中央计算引擎，使其能够进行对话、执行任务、推理并显示一定程度的自主权。
博客
AGI｜AI到底如何生成视频？Sora究竟为何能引爆科技圈？
02-23 1173
AI视频的新亮点
博客
AGI｜一篇小白都能看懂的RAG入门介绍！
02-20 1977
随着近几年AIGC的发展，不仅是大模型自身在不断优化，相关支持应用也在不断涌现。本文的主角便是这些技术中较为引人注目的RAG(Retrieval-Augmented Generation)——检索增强生成技术。LLM虽然已经在通识领域展现出了惊人的能力，但要落实到真正具体的问题解决，特别是针对专业领域，企业领域的一些具体的，私人的数据生成解决方案，仅仅依靠LLM还是远远不够的。
博客
最前端｜一文搞懂利用 plop 生成项目模板文件
01-31 1284
细节：如果您希望添加的文件名是唯一的,则 templateFiles glob 位于的路径可以在它们的文件或文件夹名称中使用 handlebars 语法。您可以指定操作的类型(所有路径都基于 plopfile 的位置)和要使用的模板。plopfile api 是由 plop 对象公开的方法的集合，大部分工作都是由 setGenerator 完成的，当然也有很多其他有用的方法。提示：这里的模板内容，大家可以根据自己的项目需求，进行自定义设置 ，主要目的是方便项目整体复用。
博客
PM说｜入门指南：当项目管理成为一个职场必备技能→
01-29 1106
如何进行项目管理

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值