215 lines
10 KiB
HTML
215 lines
10 KiB
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: 'mfgname', 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> |