医药电商｜药品库、药品参数模块化设计与差异化前端渲染实现

class DrugInfoService
{
    /**
     * 三方药品数据 API 域名
     */
    const JISU_API_HOST = 'https://xxxx.com';

    /**
     * 搜索接口路径
     */
    const JISU_SEARCH_PATH = '/medicine/query';

    /**
     * 详情接口路径
     */
    const JISU_DETAIL_PATH = '/medicine/detail';

    /**
     * system_config 中 AppKey 的菜单名
     */
    const CONFIG_APPKEY = 'drug_api_appkey';

    /**
     * 数据来源标记
     */
    const SOURCE = 'jisuapi';

    /**
     * 公共缓存模板表名（用于受控文件关键字校验）
     */
    const TEMPLATE_TABLE = 'drug_template';

    /**
     * 处方药脱敏占位文案
     */
    const MASK = '详见药品说明书';

    /**
     * 16 个业务字段（drug_template / goods_drug_param 共用）
     */
    const FIELDS = [
        'approval_num', 'reference_code', 'manufacturer', 'spec', 'type', 'unit', 'barcode',
        'disease', 'ingredients', 'indication', 'usage', 'adverse_reaction', 'taboo', 'attention', 'storage', 'validity_period',
    ];

    /**
     * 处方药脱敏字段（仅这 7 个字段替换为占位文案）
     */
    const MASK_FIELDS = ['disease', 'ingredients', 'indication', 'usage', 'adverse_reaction', 'taboo', 'attention'];

    /**
     * 搜索接口限流：每管理员每分钟次数
     */
    const SEARCH_RATE_LIMIT = 15;

    /**
     * 搜索限流 Redis key 前缀
     */
    const SEARCH_RATE_KEY_PREFIX = 'drug_api_search_rate:';

  <view class="product-intro detail-tabs" id="past3">
                        <view class="detail-tab-header acea-row row-center-wrapper">
                            <view class="detail-tab-item" :class="{ on: detailTabIndex === 0 }" @tap="switchDetailTab(0)">
                                {{$t(`商品介绍`)}}
                            </view>
                            <view class="detail-tab-item" :class="{ on: detailTabIndex === 1 }" v-if="drugParam.configured"
                                @tap="switchDetailTab(1)">
                                {{$t(`药品参数`)}}
                            </view>
                        </view>
                        <view class="detail-tab-content">
                            <view v-show="detailTabIndex === 0" class="detail-tab-pane">
                                <!-- #ifndef APP-PLUS -->
                                <parser :html="description" ref="article" :tag-style="tagStyle"></parser>
                                <!-- #endif -->
                                <!-- #ifdef APP-PLUS -->
                                <view class="description" v-html="description"></view>
                                <!-- #endif -->
                            </view>
                            <view v-show="detailTabIndex === 1" class="detail-tab-pane" v-if="drugParam.configured">
                                <view class="drug-param-table" v-if="Object.keys(drugFields).length">
                                    <view class="drug-param-row" v-for="(val, key) in drugFields" :key="key">
                                        <view class="drug-param-cell drug-param-label">{{ key }}</view>
                                        <view class="drug-param-cell drug-param-value">{{ val }}</view>
                                    </view>
                                </view>
                                <view class="no-param" v-else>暂无参数</view>
                                <view class="drug-param-tip" v-if="Object.keys(drugFields).length">
                                    *药品信息仅供参考，请以实物说明书为准，用药请遵医嘱。
                                </view>
                            </view>
                        </view>
                    </view>
                </scroll-view>
            </view>

if(drug_template.drug_type == "处方药"){
    // 处方药合规处理：全部字段展示文本“详见药品说明书”
    show_full_info = false
    // 处方药：不展示免责提示文案
    show_disclaimer = false
}else{
    // OTC甲类/乙类：渲染完整说明书各个字段
    show_full_info = true
    // 展示免责提示小字
    show_disclaimer = true
}

// 免责文案：药品信息仅供参考，请以实物说明书为准，用药请遵医嘱。