ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

16 Django页面优化1

2022-08-16 10:34:11  阅读:177  来源: 互联网

标签:16 models Django charge choices 页面 type class row


image

需要用到bootstrap

models.py
class TransactionRecord():
    """ 交易记录 """
    charge_type_class_mapping = {
        1: "success",
        2: "danger",
        3: "default",
        4: "info",
        5: "primary",
    }
    charge_type_choices = ((1, "充值"), (2, "扣款"), (3, "创建订单"), (4, "删除订单"), (5, "撤单"),)
    charge_type = models.SmallIntegerField(verbose_name="类型", choices=charge_type_choices)
    ...
color.py
from django.template import Library
from web import models

register = Library()


@register.filter()
def colors(num):
    return models.TransactionRecord.charge_type_class_mapping[num]
customer_charge.html
<table class="table table-bordered">
    <thead>
    <tr>
        <th>ID</th>
        <th>类型</th>
        <th>金额</th>
        <th>订单号</th>
        <th>时间</th>
        <th>其它</th>
    </tr>
    </thead>
    <tbody>
    {% for row in pager.queryset %}
        <tr row-id="{{ row.id }}">
            <td>{{ row.id }}</td>
            <td>
                <span class="btn btn-xs btn-{{ row.charge_type|colors }}">{{ row.get_charge_type_display }}</span>
            </td>
            <td>{{ row.amount }}</td>
            <td>
                {% if row.order_id %}
                    {{ row.order_oid }}
                {% else %}
                    -
                {% endif %}
            </td>
            <td>{{ row.create_datetime|date:"Y-m-d H:i:s" }}</td>
            <td>
                {% if row.memo %}
                    {{ row.memo }}
                {% else %}
                    -
                {% endif %}
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>

标签:16,models,Django,charge,choices,页面,type,class,row
来源: https://www.cnblogs.com/it-lkp/p/16590705.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有