255 lines
8.6 KiB
HTML
255 lines
8.6 KiB
HTML
<!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.company}</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.id|default="-"}
|
|
</td>
|
|
<td class="layui-td-gray-2" id="status">商机状态
|
|
</td>
|
|
<td>
|
|
{$detail.status|default="-"}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">企业名称
|
|
</td>
|
|
<td>
|
|
{$detail.company|default="-"}
|
|
</td>
|
|
<td class="layui-td-gray-2">联系人
|
|
</td>
|
|
<td>
|
|
{$detail.name|default="-"}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">电子邮件
|
|
</td>
|
|
<td>
|
|
{$detail.email|default="-"}
|
|
</td>
|
|
<td class="layui-td-gray-2">电话
|
|
</td>
|
|
<td>
|
|
{$detail.phone|default="-"}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">咨询产品
|
|
</td>
|
|
<td>
|
|
{$detail.product|default="-"}
|
|
</td>
|
|
<td class="layui-td-gray-2">商机归属地IP
|
|
</td>
|
|
<td>
|
|
{$detail.ip|default="-"}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="layui-td-gray-2">需求概述
|
|
</td>
|
|
<td colspan="3">
|
|
{$detail.message|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 Status = '{$detail.status|default="-"}';
|
|
// var sizeText;
|
|
|
|
// switch (Status) {
|
|
// case '0':
|
|
// sizeText = '新商机';
|
|
// break;
|
|
// case '1':
|
|
// sizeText = '已跟进';
|
|
// break;
|
|
// case '2':
|
|
// sizeText = '已转化';
|
|
// break;
|
|
// case '3':
|
|
// sizeText = '已关闭';
|
|
// break;
|
|
// default:
|
|
// sizeText = '-'; // 默认值
|
|
// }
|
|
|
|
// document.getElementById('status').textContent = sizeText;
|
|
// });
|
|
|
|
</script>
|
|
<script src="/static/assets/layui/layui.js"></script>
|
|
<script src="/static/assets/gougu/gouguInit.js"></script> |