first commit
This commit is contained in:
@@ -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