更新命名问题
This commit is contained in:
@@ -0,0 +1,175 @@
|
||||
<form class="layui-form page-content p-4">
|
||||
<h3 class="h3-title">上传软件</h3>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">软件名称<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" id="name" name="name" lay-verify="required" lay-reqText="请输入软件名称"
|
||||
placeholder="请输入软件名称" class="layui-input" value="" />
|
||||
</td>
|
||||
<td class="layui-td-gray-2">软件分类
|
||||
</td>
|
||||
<td>
|
||||
<select name="cid" id="cid" lay-verify="" lay-reqText="请选择软件分类" class="layui-select" lay-search=""
|
||||
lay-filter="cid"></select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">软件版本
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="version" lay-reqText="请输入软件版本" placeholder="请输入软件版本" class="layui-input"
|
||||
value="" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">上传文件</td>
|
||||
<td>
|
||||
<button type="button" class="layui-btn demo-class-accept" id="Uploadfiles">
|
||||
<i class="layui-icon layui-icon-upload"></i>
|
||||
上传文件
|
||||
</button>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">文件路径</td>
|
||||
<td>
|
||||
<input type="text" name="path" placeholder="文件路径" class="layui-input" value="" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">文件类型
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="type" class="layui-input" value="" readonly />
|
||||
</td>
|
||||
<td class="layui-td-gray-2">文件大小</td>
|
||||
<td>
|
||||
<input type="text" name="size" class="layui-input" value="" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">下载链接
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="download_url" lay-reqText="请输入下载链接" placeholder="请输入下载链接" class="layui-input"
|
||||
value="" />
|
||||
</td>
|
||||
<td class="layui-td-gray-2">分享码</td>
|
||||
<td>
|
||||
<input type="text" name="download_code" lay-reqText="请输入分享码" placeholder="请输入分享码" class="layui-input"
|
||||
value="" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">软件描述
|
||||
</td>
|
||||
<td colspan="4">
|
||||
<textarea name="description" lay-reqText="请输入" placeholder="请输入软件描述" class="layui-textarea"
|
||||
value=""></textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="pt-1">
|
||||
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform" id="ID-upload-demo-action">
|
||||
立即提交
|
||||
</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
layui.use(["form", "layer", "upload"], function () {
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
upload = layui.upload;
|
||||
|
||||
form.render();
|
||||
|
||||
// 软件分类加载
|
||||
fetch("/download/index/catelist")
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
var select = document.getElementById('cid');
|
||||
select.innerHTML = '<option value="">请选择软件类别</option>';
|
||||
|
||||
if (result.code === 0 && Array.isArray(result.data)) {
|
||||
results = result.data;
|
||||
results.forEach((item) => {
|
||||
var option = document.createElement("option");
|
||||
option.value = item.id;
|
||||
option.innerText = item.name;
|
||||
select.appendChild(option);
|
||||
});
|
||||
} else {
|
||||
console.error("意外的响应格式:", result);
|
||||
}
|
||||
|
||||
form.render("select");
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("Error:", error);
|
||||
});
|
||||
|
||||
// 上传文件逻辑
|
||||
upload.render({
|
||||
elem: '#Uploadfiles', // 上传按钮
|
||||
url: '/api/index/upload_files', // 上传接口
|
||||
accept: 'file', // 接收任意文件类型
|
||||
exts: 'exe|zip|rar|7z', // 限制文件类型
|
||||
auto: true, // 自动上传
|
||||
done: function (res) {
|
||||
if (res.code === 200) {
|
||||
// 上传成功后，将返回的文件路径设置到输入框中
|
||||
var filenameWithoutExtension = res.filename.replace(/\.[^/.]+$/, "");
|
||||
document.getElementById('name').value = filenameWithoutExtension;
|
||||
document.querySelector('input[name="path"]').value = res.filepath;
|
||||
document.querySelector('input[name="size"]').value = (res.file_size / (1024 * 1024)).toFixed(2) + ' MB';
|
||||
document.querySelector('input[name="type"]').value = res.file_extension;
|
||||
layer.msg('文件上传成功');
|
||||
} else {
|
||||
layer.msg('文件上传失败：' + res.msg);
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('上传接口异常');
|
||||
}
|
||||
});
|
||||
|
||||
// 提交表单逻辑
|
||||
form.on("submit(webform)", function (data) {
|
||||
// 验证文件路径和下载链接是否填写
|
||||
var path = document.querySelector('input[name="path"]').value;
|
||||
var downloadUrl = document.querySelector('input[name="download_url"]').value;
|
||||
|
||||
if (!path && !downloadUrl) {
|
||||
layer.msg("请先上传文件或填写下载链接");
|
||||
return false; // 阻止提交
|
||||
}
|
||||
|
||||
// 提交表单数据
|
||||
fetch("/download/index/add", {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify(data.field), // 仅提交表单字段
|
||||
})
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
layer.msg(result.msg);
|
||||
if (result.code === 0) {
|
||||
setTimeout(function () {
|
||||
window.history.back(); // 返回上一页
|
||||
}, 1500);
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("Error:", error);
|
||||
layer.msg("提交失败，请重试");
|
||||
});
|
||||
|
||||
return false; // 阻止默认表单提交
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,185 @@
|
||||
<form class="layui-form page-content p-4">
|
||||
<h3 class="h3-title">软件信息</h3>
|
||||
<input type="hidden" value="{$detail.id}" id="id">
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">软件名称<font>*</font>
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" id="name" name="name" lay-verify="required" lay-reqText="请输入软件名称"
|
||||
placeholder="请输入软件名称" class="layui-input" value="{$detail.name}" />
|
||||
</td>
|
||||
<td class="layui-td-gray-2">软件分类
|
||||
</td>
|
||||
<td>
|
||||
<select name="cid" id="cid" lay-verify="" lay-reqText="请选择软件分类" class="layui-select" lay-search=""
|
||||
lay-filter="cid">
|
||||
<!-- 分类选项会通过 JavaScript 动态加载 -->
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">软件版本
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="version" lay-reqText="请输入软件版本" placeholder="请输入软件版本" class="layui-input"
|
||||
value="{$detail.version}" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">上传文件</td>
|
||||
<td>
|
||||
<button type="button" class="layui-btn demo-class-accept" id="Uploadfiles">
|
||||
<i class="layui-icon layui-icon-upload"></i>
|
||||
上传文件
|
||||
</button>
|
||||
</td>
|
||||
<td class="layui-td-gray-2">文件路径</td>
|
||||
<td>
|
||||
<input type="text" name="path" placeholder="文件路径" class="layui-input" value="{$detail.path}" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">文件类型
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="type" class="layui-input" value="{$detail.type}" readonly />
|
||||
</td>
|
||||
<td class="layui-td-gray-2">文件大小</td>
|
||||
<td>
|
||||
<input type="text" name="size" class="layui-input" value="{$detail.size}" readonly />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">下载链接
|
||||
</td>
|
||||
<td>
|
||||
<input type="text" name="download_url" lay-reqText="请输入下载链接" placeholder="请输入下载链接" class="layui-input"
|
||||
value="{$detail.download_url}" />
|
||||
</td>
|
||||
<td class="layui-td-gray-2">分享码</td>
|
||||
<td>
|
||||
<input type="text" name="download_code" lay-reqText="请输入分享码" placeholder="请输入分享码" class="layui-input"
|
||||
value="{$detail.download_code}" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">软件描述
|
||||
</td>
|
||||
<td colspan="4">
|
||||
<!-- 修复 textarea 的值绑定 -->
|
||||
<textarea name="description" placeholder="请输入软件描述"
|
||||
class="layui-textarea">{$detail.description}</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<div class="pt-1">
|
||||
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">
|
||||
立即提交
|
||||
</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script>
|
||||
layui.use(["form", "layer", "upload"], function () {
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
upload = layui.upload;
|
||||
|
||||
var selectedFile = null; // 用于存储选择的文件
|
||||
|
||||
// 上传文件逻辑
|
||||
upload.render({
|
||||
elem: '#Uploadfiles', // 上传按钮
|
||||
url: '/api/index/upload_files', // 上传接口
|
||||
accept: 'file', // 接收任意文件类型
|
||||
exts: 'exe|zip|rar|7z', // 限制文件类型
|
||||
auto: true, // 自动上传
|
||||
done: function (res) {
|
||||
if (res.code === 200) {
|
||||
// 上传成功后，将返回的文件路径设置到输入框中
|
||||
document.querySelector('input[name="path"]').value = res.filepath;
|
||||
layer.msg('文件上传成功');
|
||||
} else {
|
||||
layer.msg('文件上传失败：' + res.msg);
|
||||
}
|
||||
},
|
||||
error: function () {
|
||||
layer.msg('上传接口异常');
|
||||
}
|
||||
});
|
||||
|
||||
form.render();
|
||||
|
||||
|
||||
// 获取当前时间并格式化
|
||||
var updateTime = new Date().toISOString();
|
||||
var idValue = document.getElementById('id').value;
|
||||
console.log(idValue);
|
||||
|
||||
// 软件分类加载
|
||||
fetch("/download/index/catelist")
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
var select = document.getElementById('cid');
|
||||
select.innerHTML = '<option value="">请选择软件类别</option>';
|
||||
|
||||
if (result.code === 0 && Array.isArray(result.data)) {
|
||||
results = result.data;
|
||||
results.forEach((item) => {
|
||||
var option = document.createElement("option");
|
||||
option.value = item.id;
|
||||
option.innerText = item.name;
|
||||
if (item.id == "{$detail.cid}") {
|
||||
option.selected = true;
|
||||
}
|
||||
select.appendChild(option);
|
||||
});
|
||||
} else {
|
||||
console.error("意外的响应格式:", result);
|
||||
}
|
||||
|
||||
form.render("select");
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("Error:", error);
|
||||
});
|
||||
|
||||
// 监听提交事件
|
||||
form.on("submit(webform)", function (data) {
|
||||
// 发送请求并处理响应
|
||||
fetch("/download/index/edit?id=" + idValue, {
|
||||
method: "POST",
|
||||
body: JSON.stringify({
|
||||
id: document.getElementById('id').value,
|
||||
name: document.getElementById('name').value,
|
||||
cid: document.querySelector('select[name="cid"]').value,
|
||||
version: document.querySelector('input[name="version"]').value,
|
||||
path: document.querySelector('input[name="path"]').value,
|
||||
download_url: document.querySelector('input[name="download_url"]').value,
|
||||
download_code: document.querySelector('input[name="download_code"]').value,
|
||||
description: document.querySelector('textarea[name="description"]').value,
|
||||
update_time: updateTime,
|
||||
}),
|
||||
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
layer.msg(result.msg);
|
||||
if (result.code === 2) {
|
||||
setTimeout(function () {
|
||||
// document.querySelector("form").reset();
|
||||
// location.reload(); // 刷新页面
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,311 @@
|
||||
{extend name="../../base/view/common/base" /}
|
||||
<!-- 主体 -->
|
||||
{block name="breadcrumb"}
|
||||
<span class="layui-breadcrumb">
|
||||
<a href="http://www.meteteme.com/" target="_blank">江苏美天科技</a>
|
||||
<a href="/application/nav/index">
|
||||
<cite>应用</cite>
|
||||
</a>
|
||||
<a>
|
||||
<cite>软件管理</cite>
|
||||
</a>
|
||||
</span>
|
||||
{/block}
|
||||
{block name="body"}
|
||||
<div class="table-content p-3">
|
||||
<div class="layui-form-bar border-t border-x">
|
||||
<button class="layui-btn layui-btn-sm layui-bg-blue add-new">+ 上传软件</button>
|
||||
<button class="layui-btn layui-btn-sm" id="refresh-btn">刷新</button>
|
||||
</div>
|
||||
<div class="layui-form-bar border-t border-x">
|
||||
<form id="taskForm" class="layui-form">
|
||||
<div class="layui-col-md4" style="width: 200px;margin-right: 10px;">
|
||||
<div class="layui-input-wrap">
|
||||
<div class="layui-input-prefix">
|
||||
<!-- <i class="layui-icon layui-icon-username"></i>-->
|
||||
</div>
|
||||
<input id="gys" type="text" name="name" value="" placeholder="请输入软件名称" class="layui-input"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md4" style="width: 200px; margin-right: 10px;">
|
||||
<div class="layui-input-wrap">
|
||||
<select id="lxr" name="cid" lay-search="" lay-filter="cid">
|
||||
<option value="">请选择软件分类</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md4" style="width: 200px;margin-right: 10px;">
|
||||
<div class="layui-input-wrap">
|
||||
<input id="lxdh" type="text" name="uid" value="" placeholder="请输入上传者" class="layui-input"
|
||||
lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
<button class="layui-btn" lay-submit lay-filter="webform">搜索</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</form>
|
||||
</div>
|
||||
<table class="layui-hide" id="download" lay-filter="download"></table>
|
||||
</div>
|
||||
{/block}
|
||||
<!-- /主体 -->
|
||||
|
||||
<!-- 脚本 -->
|
||||
{block name="script"}
|
||||
<script>
|
||||
const moduleInit = ['tool', 'gouguEdit', 'gouguComment'];
|
||||
|
||||
function gouguInit() {
|
||||
var table = layui.table,
|
||||
form = layui.form,
|
||||
layer = layui.layer,
|
||||
tool = layui.tool;
|
||||
|
||||
//存储表格原始数据
|
||||
var originalData = [];
|
||||
|
||||
// 添加按钮
|
||||
$('.add-new').on('click', function () {
|
||||
tool.open('/download/index/add');
|
||||
});
|
||||
|
||||
// 刷新按钮
|
||||
$("#refresh-btn").on("click", function () {
|
||||
location.reload();
|
||||
});
|
||||
|
||||
// 动态加载软件分类
|
||||
fetch("/download/index/catelist")
|
||||
.then((response) => response.json())
|
||||
.then((result) => {
|
||||
if (result.code === 0 && Array.isArray(result.data)) {
|
||||
var select = document.querySelector('select[name="cid"]');
|
||||
select.innerHTML = '<option value="">请选择软件分类</option>'; // 清空并添加默认选项
|
||||
|
||||
result.data.forEach((item) => {
|
||||
var option = document.createElement("option");
|
||||
option.value = item.name; // 使用分类名称作为 value
|
||||
option.innerText = item.name; // 显示分类名称
|
||||
select.appendChild(option);
|
||||
});
|
||||
|
||||
// 重新渲染 select
|
||||
form.render("select");
|
||||
} else {
|
||||
console.error("分类加载失败：", result.msg || "未知错误");
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("分类加载接口异常：", error);
|
||||
});
|
||||
|
||||
// 搜索按钮
|
||||
form.on('submit(webform)', function (data) {
|
||||
var field = data.field; // 获取表单字段
|
||||
|
||||
// 重新加载表格数据，传递筛选条件
|
||||
layui.pageTable.reload({
|
||||
where: {
|
||||
name: field.name || '', // 软件名称
|
||||
cid: field.cid || '', // 分类名称（通过分类名称筛选）
|
||||
uid: field.uid || '' // 上传用户
|
||||
},
|
||||
page: {
|
||||
curr: 1 // 重新从第 1 页开始
|
||||
}
|
||||
});
|
||||
|
||||
return false; // 阻止默认 form 提交
|
||||
});
|
||||
|
||||
// 表格渲染
|
||||
layui.pageTable = table.render({
|
||||
elem: '#download',
|
||||
title: '下载列表',
|
||||
cellMinWidth: 80,
|
||||
url: "/download/index/index", // 数据接口method: 'POST', // 使用 POST 方法传递筛选条件
|
||||
where: {}, // 初始筛选条件为空
|
||||
page: true, // 开启分页
|
||||
limit: 50,
|
||||
height: 'full-130',
|
||||
cols: [[
|
||||
// {
|
||||
// field: 'id',
|
||||
// title: '下载编号',
|
||||
// width: 100,
|
||||
// align: 'center',
|
||||
// rowspan: 2,
|
||||
// templet: function (d) {
|
||||
// return 'S' + d.id;
|
||||
// }
|
||||
// },
|
||||
{
|
||||
field: 'name',
|
||||
title: '软件名称',
|
||||
align: 'center',
|
||||
width: 300,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html = '<span>' + (d.name || '-') + '</span>';
|
||||
return html;
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'cid',
|
||||
title: '软件分类',
|
||||
align: 'center',
|
||||
width: 160,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html = '<span>' + (d.cid || '-') + '</span>';
|
||||
return html;
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'version',
|
||||
title: '软件版本',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html = '<span>' + (d.version || '-') + '</span>';
|
||||
return html;
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'size',
|
||||
title: '软件大小',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html = '<span>' + (d.size || '-') + '</span>';
|
||||
return html;
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'type',
|
||||
title: '软件类型',
|
||||
align: 'center',
|
||||
width: 120,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html = '<span>' + (d.type || '-') + '</span>';
|
||||
return html;
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'download_url',
|
||||
title: '下载链接',
|
||||
align: 'center',
|
||||
// width: 500,
|
||||
rowspan: 2,
|
||||
templet: function (d) {
|
||||
var html = '';
|
||||
if (d.path && d.path !== 'https://project.meteteme.com/') {
|
||||
// 如果有 path 且 path 不等于指定值，则显示 path
|
||||
html += '<span>' + d.path + '</span>';
|
||||
}
|
||||
if (d.download_url) {
|
||||
// 如果有 download_url，则显示 download_url 并拼接 download_code
|
||||
var downloadCode = d.download_code || '-';
|
||||
html += '<span>' + d.download_url + ' 分享码：' + downloadCode + '</span>';
|
||||
}
|
||||
return html || '<span>-</span>'; // 如果都没有值，显示占位符
|
||||
}
|
||||
},
|
||||
// {
|
||||
// field: 'description',
|
||||
// title: '软件描述',
|
||||
// align: 'center',
|
||||
// rowspan: 2,
|
||||
// templet: function (d) {
|
||||
// var html = '<span>' + (d.description || '-') + '</span>';
|
||||
// return html;
|
||||
// }
|
||||
// },
|
||||
// {
|
||||
// field: 'uid',
|
||||
// title: '上传用户',
|
||||
// align: 'center',
|
||||
// width: 200,
|
||||
// rowspan: 2,
|
||||
// templet: function (d) {
|
||||
// var html = '<span>' + (d.uid || '-') + '</span>';
|
||||
// return html;
|
||||
// }
|
||||
// },
|
||||
{
|
||||
title: "操作",
|
||||
align: "center",
|
||||
width: 240,
|
||||
minWidth: 125,
|
||||
toolbar: "#barDemo",
|
||||
},
|
||||
]],
|
||||
done: function (res, curr, count) {
|
||||
// 仅在首次加载表格时保存原始数据
|
||||
if (originalData.length === 0) {
|
||||
originalData = res.data;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 搜索重置按钮
|
||||
$("#taskForm").on("click", '[lay-filter="clear"]', function () {
|
||||
location.reload();
|
||||
});
|
||||
|
||||
table.on('tool(download)', function (obj) {
|
||||
var data = obj.data; // 获取当前行的数据
|
||||
|
||||
if (obj.event === 'edit') {
|
||||
var id = data.id; // 获取当前行数据的id
|
||||
var url = '/download/index/edit?id=' + id;
|
||||
tool.open(url);
|
||||
} else if (obj.event === 'delete') {
|
||||
layui.layer.confirm(
|
||||
"确定删除该软件吗？",
|
||||
{ icon: 3, title: "提示" },
|
||||
function (index) {
|
||||
$.post(
|
||||
"/download/index/delete",
|
||||
{ id: data.id },
|
||||
function (res) {
|
||||
if (res.code === 0) {
|
||||
layui.layer.msg(res.msg);
|
||||
obj.del(); // 删除表格中的对应行数据
|
||||
} else {
|
||||
layui.layer.msg(res.msg);
|
||||
}
|
||||
}
|
||||
);
|
||||
layui.layer.close(index);
|
||||
}
|
||||
);
|
||||
} else if (obj.event === 'view') {
|
||||
var id = data.id; // 获取当前行数据的id
|
||||
console.log('查看详情', id);
|
||||
// 查看详情
|
||||
layui.layer.open({
|
||||
type: 2, // iframe层
|
||||
title: '供应商详情',
|
||||
shadeClose: true,
|
||||
shade: 0.8,
|
||||
area: ['70%', '90%'], // 宽高
|
||||
content: '/download/index/view?id=' + id,
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/html" id="barDemo">
|
||||
<!-- <a class="layui-btn layui-btn-xs " lay-event="view">详情</a> -->
|
||||
<a class="layui-btn layui-btn-xs " lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-xs layui-bg-red" lay-event="delete">删除</a>
|
||||
</script>
|
||||
{/block}
|
||||
<!-- /脚本 -->
|
||||
@@ -0,0 +1,261 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link rel="stylesheet" href="/static/assets/gougu/css/gougu.css">
|
||||
<!-- <link rel="stylesheet" href="/static/assets/gougu/css/layout.css"> -->
|
||||
<style>
|
||||
.close {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.titles {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
padding: 20px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.layui-table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
/* 固定表格布局，确保列宽固定 */
|
||||
}
|
||||
|
||||
.layui-table-form td {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
/* 不换行 */
|
||||
}
|
||||
|
||||
/* 除去特定的colspan=4单元格的均分计算 */
|
||||
.layui-table-form td:not(.layui-td-gray-2):not([colspan="4"]) {
|
||||
width: calc((100% - 200px) / 2);
|
||||
/* 计算其他td的宽度均分 */
|
||||
}
|
||||
|
||||
.layui-td-gray-2 {
|
||||
max-width: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
/* 针对业务范围和备注的样式 */
|
||||
.layui-table-form td[colspan="3"] {
|
||||
overflow: hidden;
|
||||
/* 隐藏溢出内容 */
|
||||
white-space: normal;
|
||||
/* 允许文本换行 */
|
||||
word-wrap: break-word;
|
||||
/* 自动换行 */
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page-content">
|
||||
<div class="p-4 border-b">
|
||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||
<div>
|
||||
<h3 class="h3-title hover">
|
||||
<span id="name">供应商详情 - {$detail.supplier_name}</span>
|
||||
</h3>
|
||||
</div>
|
||||
<div style="color: #969696;">创建日期：{$detail.create_time}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-row border-b">
|
||||
<div>
|
||||
<div class="titles">基础信息</div>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">供应商名称
|
||||
</td>
|
||||
<td>
|
||||
{$detail.supplier_name|default="-"}
|
||||
</td>
|
||||
<td class="layui-td-gray-2">注册地址
|
||||
</td>
|
||||
<td>
|
||||
{$detail.registered_address|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">联系人名称
|
||||
</td>
|
||||
<td>
|
||||
{$detail.contact_name|default="-"}
|
||||
</td>
|
||||
<td class="layui-td-gray-2">联系电话
|
||||
</td>
|
||||
<td>
|
||||
{$detail.contact_phone|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">电子邮件
|
||||
</td>
|
||||
<td>
|
||||
{$detail.contact_email|default="-"}
|
||||
</td>
|
||||
<td class="layui-td-gray-2">微信
|
||||
</td>
|
||||
<td>
|
||||
{$detail.contact_wechat|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">规模
|
||||
</td>
|
||||
<td id="company-size">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">业务范围
|
||||
</td>
|
||||
<td colspan="3">
|
||||
{$detail.business_scope|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="titles">开票信息</div>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">开票企业名称
|
||||
</td>
|
||||
<td style="max-width: 300px;">
|
||||
{$detail.invoice_company_name|default="-"}
|
||||
</td>
|
||||
<td class="layui-td-gray-2">纳税人识别号
|
||||
</td>
|
||||
<td>
|
||||
{$detail.taxpayer_id|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">开票地址
|
||||
</td>
|
||||
<td>
|
||||
{$detail.invoice_address|default="-"}
|
||||
</td>
|
||||
<td class="layui-td-gray-2">开票电话
|
||||
</td>
|
||||
<td>
|
||||
{$detail.invoice_phone|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">开户行
|
||||
</td>
|
||||
<td>
|
||||
{$detail.bank_name|default="-"}
|
||||
</td>
|
||||
<td class="layui-td-gray-2">开户帐号
|
||||
</td>
|
||||
<td>
|
||||
{$detail.bank_account|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="titles">其他</div>
|
||||
<table class="layui-table layui-table-form">
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">备注
|
||||
</td>
|
||||
<td colspan="4">
|
||||
{$detail.remarks|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="layui-td-gray-2">合作意向
|
||||
</td>
|
||||
<td colspan="4">
|
||||
{$detail.intention|default="-"}
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="close">
|
||||
<button class="layui-btn layui-btn-normal" lay-event="close">关闭页面</button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
<script>
|
||||
const moduleInit = ["tool", "gouguEdit", "gouguComment"];
|
||||
|
||||
function gouguInit() {
|
||||
var table = layui.table;
|
||||
var tool = layui.tool;
|
||||
var dropdown = layui.dropdown;
|
||||
var $ = layui.jquery;
|
||||
var layer = layui.layer;
|
||||
|
||||
$('[lay-event="close"]').on('click', function () {
|
||||
// 直接使用layer.close方法关闭最顶层的弹出层
|
||||
var index = parent.layer.getFrameIndex(window.name); // 获取iframe层的索引
|
||||
parent.layer.close(index); // 关闭弹出层
|
||||
})
|
||||
}
|
||||
|
||||
//规模转换
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
var companySize = '{$detail.company_size|default="-"}'; // 获取公司规模数据
|
||||
var sizeText;
|
||||
|
||||
switch (companySize) {
|
||||
case '1':
|
||||
sizeText = '微型企业';
|
||||
break;
|
||||
case '2':
|
||||
sizeText = '小型企业';
|
||||
break;
|
||||
case '3':
|
||||
sizeText = '中型企业';
|
||||
break;
|
||||
case '4':
|
||||
sizeText = '大型企业';
|
||||
break;
|
||||
case '5':
|
||||
sizeText = '事业单位';
|
||||
break;
|
||||
case '6':
|
||||
sizeText = '国有企业';
|
||||
break;
|
||||
case '7':
|
||||
sizeText = '外企';
|
||||
break;
|
||||
case '8':
|
||||
sizeText = '其他';
|
||||
break;
|
||||
default:
|
||||
sizeText = '-'; // 默认值
|
||||
}
|
||||
|
||||
document.getElementById('company-size').textContent = sizeText;
|
||||
});
|
||||
|
||||
</script>
|
||||
<script src="/static/assets/layui/layui.js"></script>
|
||||
<script src="/static/assets/gougu/gouguInit.js"></script>
|
||||
Reference in New Issue
Block a user