swiftadmin/app/admin/view/pdm_partitem_view/index.html

<include file="/public/header" />
<!--partview-->
<div class="layui-fluid">
    <div class="layui-card">
        <!-- // 默认操作按钮 -->
        <div class="layui-card-header layadmin-card-header-auto ">
            <div class="layui-form">
                <!-- // 自定义搜索参数 -->
                <div id="laytable-search" class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('采购编码')}</div>
                        <div class="layui-input-inline ">
                            <input name="purchasecode" class="layui-input" type="text" placeholder="{:__('采购编码')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('PartType')}</div>
                        <div class="layui-input-inline ">
                            <input name="parttype" class="layui-input" type="text" placeholder="{:__('PartType')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('Value')}</div>
                        <div class="layui-input-inline ">
                            <input name="value" class="layui-input" type="text" placeholder="{:__('Value')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('描述')}</div>
                        <div class="layui-input-inline ">
                            <input name="description" class="layui-input" type="text" placeholder="{:__('描述')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('物料描述')}</div>
                        <div class="layui-input-inline ">
                            <input name="mpn" class="layui-input" type="text" placeholder="{:__('物料描述')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('制造商名称')}</div>
                        <div class="layui-input-inline ">
                            <input name="mfgname" class="layui-input" type="text" placeholder="{:__('制造商名称')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('SymbolName')}</div>
                        <div class="layui-input-inline ">
                            <input name="symbol" class="layui-input" type="text" placeholder="{:__('SymbolName')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('封装名称')}</div>
                        <div class="layui-input-inline ">
                            <input name="footprint" class="layui-input" type="text" placeholder="{:__('封装名称')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('规格书')}</div>
                        <div class="layui-input-inline ">
                            <input name="datasheet" class="layui-input" type="text" placeholder="{:__('规格书')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('用户昵称')}</div>
                        <div class="layui-input-inline ">
                            <input name="usernickname" class="layui-input" type="text" placeholder="{:__('用户昵称')}" />
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('部门名称')}</div>
                        <div class="layui-input-inline ">
                            <input name="department" class="layui-input" type="text" placeholder="{:__('部门名称')}" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-form-label">{:__('Keyword')}</div>
                        <div class="layui-input-inline ">
                            <input name="keyword" class="layui-input" type="text"
                                placeholder="{:__('输入检索关键词')}" />
                        </div>
                    </div>
                    <div class="layui-inline">
                        <!-- // 默认搜索 -->
                        <button class="layui-btn icon-btn" lay-filter="formSearch" lay-submit><i
                                class="layui-icon layui-icon-search"></i>{:__('搜索')}</button>
                        <!--formBegin-->
                        <button class="layui-btn icon-btn" lay-open="" data-title="{:__('添加')}" data-area="1100px,750px"
                            data-maxmin="true" data-url="{:url('/PdmPartitemView/add')}">
                            <i class="layui-icon layui-icon-add-1"></i>{:__('添加')}
                        </button>
                        <!--formEnd-->
                    </div>
                </div>
            </div>
        </div>
        <!-- // 创建数据实例 -->
        <table id="lay-tableList" lay-filter="lay-tableList"></table>
    </div>
</div>

<!-- // 列表状态栏 -->
<script type="text/html" id="columnStatus">
    <input type="checkbox" lay-filter="switchStatus" data-url="{:url('/PdmPartitemView/status')}" value="{{d.id}}" lay-skin="switch" {{d.status==1?'checked':''}}  />
</script>

<!-- // 列表工具栏 -->
<script type="text/html" id="tableBar">
    <!--formBegin-->
<a class="layui-table-text" data-title="{:__('编辑')}" data-area="1100px,750px" data-maxmin="true"
    data-url="{:url('/PdmPartitemView/edit')}?id={{d.id}}" lay-event="edit">{:__('编辑')}</a>
<div class="layui-divider layui-divider-vertical"></div>
<!--formEnd-->
<a class="layui-table-text" data-url="{:url('/PdmPartitemView/del')}?id={{d.id}}" lay-event="del">{:__('删除')}</a>
</script>

<script type="text/html" id="tableButton"></script>

<!-- 文件预览模板 -->  
<!-- 内部模板的嵌套 {-{ }-}  会有问题-->
<script type="text/html" id="filepreviewtpl"> 
{{# 
   
    if(d.datasheet) { 
        
        
        var fileExt = d.datasheet.split('.').pop().toLowerCase();
       
        var imageExts = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'];
       
        if (imageExts.indexOf(fileExt) !== -1) { 
}}
        <!-- 图片文件：显示图片并链接到原文件 -->
        <a href="/upload/datasheet/{{d.datasheet}}" target="_blank">
            <img class="filesuffix" src="/upload/datasheet/{{d.datasheet}}" alt="Image Preview" style="max-width: 100px; height: auto;" />
        </a>
{{# 
        } else if (fileExt === 'pdf') {  
}}
        <!-- PDF 文件：显示 PDF 图标并链接到 PDF 文件 -->
        <a href="/upload/datasheet/{{d.datasheet}}" target="_blank" style="display: flex; align-items: center;">
            <i class="layui-icon layui-icon-file" style="font-size: 24px; color: #e64340; margin-right: 5px;"></i>
            <span>PDF：{{d.datasheet}}</span>
        </a>
{{# 
        } else { 
}}
        <!-- 其他文件类型：显示通用文件图标并链接到文件 -->
        <a href="/upload/datasheet/{{d.datasheet}}" target="_blank" style="display: flex; align-items: center;">
            <i class="layui-icon layui-icon-file" style="font-size: 24px; color: #1E9FFF; margin-right: 5px;"></i>
            <span>Other：{{d.datasheet}}</span>
        </a>
{{# 
        } 
    } 
}}
</script>

<include file="/public/footer" />
<script>
    layui.use(['admin', 'table'], function () {

        var admin = layui.admin;
        var table = layui.table;

        /*
         * 初始化表格
        */
        var isTable = table.render({
            elem: "#lay-tableList"
            , url: "{:url('/PdmPartitemView/index')}"
            , toolbar: '#tableButton'
            , defaultToolbar: ['filter', 'exports', 'print', 'search']
            , cellMinWidth: 80
            , page: true
            , limit: 18
            , cols: [[
                <!-- {type: 'checkbox', width: 50}, -->
                { field: 'id', align: 'center', sort: true, width: 40, fixed: 'left', title: 'ID' },
                { field: 'partnumber', width: 160, fixed: 'left', title: '{:__("PartNumber")}' },
                { field: 'purchasecode', width: 160, title: '{:__("采购编码")}' },
                { field: 'parttype',  sort: true,width: 100, title: '{:__("PartType")}' },
                { field: 'value',  sort: true,width: 160, title: '{:__("Value")}' },
                { field: 'description', width: 250, title: '{:__("描述")}' },
                { field: 'mpn', sort: true, width: 160, title: '{:__("MPN")}' },
                { field: 'mfg', sort: true, width: 160, title: '{:__("制造商名称")}' },
                { field: 'symbol', width: 160, title: '{:__("SymbolName")}' },
                { field: 'footprint',width: 160, sort: true, title: '{:__("Footprint")}' },
                //{ field: 'datasheet', title: '{:__("规格书")}' },
                //{
                //    field: 'datasheet', templet: function (d) {
                //        return '<a href="/upload/datasheet/' + d.datasheet + '" target="_blank" ><img class="filesuffix" src="/upload/datasheet/' + d.datasheet + '"></a>';
                //    }, title: '{:__("规格书")}'
                //},
                { field: 'datasheet', width: 160, templet: '#filepreviewtpl', title: '{:__("规格书")}'   },
                { field: 'usernickname',width: 120, sort: true, title: '{:__("用户昵称")}' },
                { field: 'department',width: 120, sort: true, title: '{:__("部门名称")}' },
                { align: 'center', toolbar: '#tableBar', width: 160, fixed: 'right', title: '{:__("操作")}' },
            ]]
        })

    })
</script>