更新原理图符号部分的页面编辑功能

This commit is contained in:
panx
2024-09-01 11:10:22 +08:00
parent fb34c7ae08
commit d3d429e964
8 changed files with 383 additions and 2 deletions

View File

@@ -0,0 +1,83 @@
<include file="/public/header" />
<!-- // 重定位style -->
<!---->
<link href="__STATICADMIN__css/content.css" rel="stylesheet" type="text/css" />
<div class="layui-fluid">
<form class="layui-form layui-card" >
<div class="layui-card-body">
<gt name="$data.id" value="0">
<input type="text" name="id" value="{$data.id}" hidden="">
<else/>
<input type="text" name="id" value="" hidden="">
</gt>
<div class="layui-form-item" >
<label class="layui-form-label">排序</label>
<div class="layui-input-block"><input class="layui-input" name="sort" placeholder="请输入" lay-verify=""value="{$data.sort}" ></div>
</div>
<div class="layui-form-item" >
<label class="layui-form-label">Symbol名称</label>
<div class="layui-input-block"><input class="layui-input" name="symbolname" placeholder="请输入" lay-verify=""value="{$data.symbolname}" ></div>
</div>
<div class="layui-form-item" >
<label class="layui-form-label">Symbol文件</label>
<div class="layui-input-block">
<input type="text" name="attachment" value="{$data.attachment}" class="layui-input layui-input-upload attachment" >
<button type="button" class="layui-btn" lay-upload="attachment" data-type="normal" data-accept="file" data-size="102400">
<i class="layui-icon layui-icon-upload"></i> 上传
</button>
<button type="button" class="layui-btn ml10" lay-choose="attachment" data-type="file" >
<i class="layui-icon layui-icon-windows"></i> 选择
</button>
</div>
</div>
<div class="layui-form-item" >
<label class="layui-form-label">Symbol预览</label>
<div class="layui-input-block"> <input class="layui-input layui-input-upload symbolview" name="symbolview" value="{$data.symbolview}">
<button type="button" class="layui-btn" lay-choose="symbolview" data-type="images" >
<i class="layui-icon layui-icon-windows"></i> 选择
</button>
<div class="clear"></div>
<notempty name="$data['symbolview']" >
<div class="layui-upload-drag layui-uplpad-image mt10" lay-upload="symbolview" data-type="images" data-accept="file" data-size="102400">
<i class="layui-icon layui-icon-upload layui-hide"></i>
<p class="layui-hide">点击上传,或将文件拖拽到此处</p>
<div >
<hr><img src="{$data.symbolview}" class="layui-upload-dragimg symbolview" alt="上传成功后渲染" >
<span class="layui-badge layui-upload-clear">删除</span>
</div>
</div>
<else/>
<div class="layui-upload-drag layui-uplpad-image mt10" lay-upload="symbolview" data-type="images" data-accept="file" data-size="102400">
<i class="layui-icon layui-icon-upload"></i>
<p>点击上传,或将文件拖拽到此处</p>
<div class="layui-hide">
<hr><img src="{$data.symbolview}" class="layui-upload-dragimg symbolview" alt="上传成功后渲染" >
<span class="layui-badge layui-upload-clear">删除</span>
</div>
</div>
</notempty>
</div>
</div>
<div class="layui-form-item" >
<label class="layui-form-label">器件绑定</label>
<div class="layui-input-block"><input type="text" lay-tags="" id="bindpartnumber" name="bindpartnumber" value="{$data.bindpartnumber}" class="layui-input" ></div>
</div>
<div class="layui-form-item" >
<label class="layui-form-label">注释</label>
<div class="layui-input-block"> <textarea id="content" lay-editor class="layui-hide" name="content" type="layui-textarea" >{$data.content}</textarea></div>
</div>
<div class="layui-footer layui-form-footer">
<button class="layui-btn layui-btn-primary" type="button" sa-event="closeDialog">{:__('取消')}</button>
<button class="layui-btn" type="button" lay-filter="submitIframe" lay-submit>{:__('提交')}</button>
</div>
</form>
</div>
<include file="/public/static" />
<include file="/public/footer" />

View File

@@ -0,0 +1,180 @@
<include file="/public/header" />
<!---->
<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">{:__('ID')}</div>
<div class="layui-input-inline ">
<input name="id" class="layui-input" type="text" placeholder="{:__('ID')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('父ID')}</div>
<div class="layui-input-inline ">
<input name="pid" class="layui-input" type="text" placeholder="{:__('父ID')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('排序')}</div>
<div class="layui-input-inline ">
<input name="sort" class="layui-input" type="text" placeholder="{:__('排序')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('Symbol预览')}</div>
<div class="layui-input-inline ">
<input name="symbolview" class="layui-input" type="text" placeholder="{:__('Symbol预览')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('器件绑定')}</div>
<div class="layui-input-inline ">
<input name="bindpartnumber" class="layui-input" type="text" placeholder="{:__('器件绑定')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('Symbol文件')}</div>
<div class="layui-input-inline ">
<input name="attachment" class="layui-input" type="text" placeholder="{:__('Symbol文件')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('用户ID')}</div>
<div class="layui-input-inline ">
<input name="user_id" class="layui-input" type="text" placeholder="{:__('用户ID')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('管理员ID')}</div>
<div class="layui-input-inline ">
<input name="admin_id" class="layui-input" type="text" placeholder="{:__('管理员ID')}"/>
</div>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('注释')}</div>
<div class="layui-input-inline ">
<input name="content" 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="update_time" lay-datetime data-range="true" data-type="date" data-dateformat="yyyy/MM/dd" 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="create_time" lay-datetime data-range="true" data-type="date" data-dateformat="yyyy/MM/dd" class="layui-input" type="text" placeholder="{:__('创建时间')}"/>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-inline">
<select name="status">
<option value="">{:__('按状态查询')}</option>
<option value="2" >{:__('正常')}</option>
<option value="1" >{:__('关闭')}</option>
</select>
</div>
<div class="layui-inline">
<div class="layui-form-label">{:__('Symbol名称')}</div>
<div class="layui-input-inline ">
<input name="symbolname" class="layui-input" type="text" placeholder="{:__('Symbol名称')}"/>
</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('/PdmSymbol/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('/PdmSymbol/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('/PdmSymbol/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('/PdmSymbol/del')}?id={{d.id}}" lay-event="del" >{:__('删除')}</a>
</script>
<script type="text/html" id="tableButton"></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('/PdmSymbol/index')}"
,toolbar: '#tableButton'
,defaultToolbar: ['filter', 'exports', 'print','search']
,cellMinWidth: 160
,page: true
,limit: 18
,cols: [[
{type: 'checkbox', width: 50},
{field: 'id', align: 'center',sort: true,width: 80, title: 'ID'},
{field:'symbolname',title:'{:__("Symbol名称")}'},
{field:'symbolview',templet:function(d) {
return '<a href="javascript:"><img class="filesuffix" lay-image-click src="'+d.symbolview+'"></a>';
},title:'{:__("Symbol预览")}'},
{field:'bindpartnumber',templet:function(d) {
if( d.bindpartnumber ==null || d.bindpartnumber =='' || d.bindpartnumber ==undefined ){
return '';
}else{
return d.bindpartnumber.replace(',',' ');
}
},title:'{:__("器件绑定")}'},
{field:'attachment',templet:function(d) {
return '<a href="'+d.attachment+'" target="_blank" ><img class="filesuffix" src="'+d.attachment+'"></a>';
},title:'{:__("Symbol文件")}'},
{field:'content',title:'{:__("注释")}'},
{field:'status',templet: '#columnStatus',title:'{:__("状态")}'},
{align: 'center', toolbar: '#tableBar', width:160, fixed: 'right', title: '{:__("操作")}'},
]]
})
})
</script>