Skip to content

A
aozhiYX
Commit 01256ea8 by suyuchen
Options

1master

parent bd3d2395
Showing with 25 additions and 301 deletions
1，2，3/2服务价格标准化/新建文件夹/6-报价规则配置列表页--.html deleted 100644 → 0
<!DOCTYPE html> ++ /dev/null
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>报价规则配置 - 服务价格标准化管理系统</title>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Microsoft YaHei', Arial, sans-serif;
background: #f5f7fa;
min-height: 100vh;
padding: 20px;
}
.container {
max-width: 1400px;
margin: 0 auto;
}
.header {
background: white;
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.header-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.header h1 {
color: #333;
font-size: 24px;
font-weight: 600;
}
.nav-menu {
display: flex;
gap: 10px;
}
.nav-item {
padding: 8px 16px;
background: #409eff;
color: white;
text-decoration: none;
border-radius: 6px;
font-size: 14px;
transition: all 0.3s;
}
.nav-item:hover {
background: #66b1ff;
}
.nav-item.active {
background: #67c23a;
}
.card {
background: white;
border-radius: 8px;
padding: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.card-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 2px solid #409eff;
}
.toolbar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.btn {
padding: 10px 20px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
transition: all 0.3s;
font-weight: 500;
}
.btn-primary {
background: #409eff;
color: white;
}
.btn-primary:hover {
background: #66b1ff;
}
.btn-success {
background: #67c23a;
color: white;
}
.btn-success:hover {
background: #85ce61;
}
.btn-warning {
background: #e6a23c;
color: white;
}
.btn-warning:hover {
background: #ebb563;
}
.btn-small {
padding: 6px 12px;
font-size: 12px;
}
.data-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.data-table th,
.data-table td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #e4e7ed;
}
.data-table th {
background: #f5f7fa;
font-weight: 600;
color: #333;
}
.data-table tr:hover {
background: #f5f7fa;
}
.badge {
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
}
.badge-success {
background: #f0f9ff;
color: #67c23a;
border: 1px solid #67c23a;
}
.badge-danger {
background: #fef0f0;
color: #f56c6c;
border: 1px solid #f56c6c;
}
.action-btns {
display: flex;
gap: 8px;
}
</style>
</head>
<body>
<div id="app">
<div class="container">
<div class="header">
<div class="header-top">
<h1>报价规则配置</h1>
<div class="nav-menu">
<a href="1-服务价格标准首页.html" class="nav-item">首页</a>
<a href="2-人工费用标准管理列表页.html" class="nav-item">人工费用</a>
<a href="4-零件费用标准管理列表页.html" class="nav-item">零件费用</a>
<a href="6-报价规则配置列表页.html" class="nav-item active">报价规则</a>
</div>
</div>
</div>
<div class="card">
<div class="toolbar">
<div class="card-title">报价规则列表</div>
<button class="btn btn-primary" @click="handleAdd">+ 新增规则</button>
</div>
<table class="data-table">
<thead>
<tr>
<th>规则名称</th>
<th>适用场景</th>
<th>是否质保期外</th>
<th>状态</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-for="item in ruleList" :key="item.id">
<td>{{ item.ruleName }}</td>
<td>{{ item.scenario }}</td>
<td>是</td>
<td>
<span :class="item.status === '启用' ? 'badge badge-success' : 'badge badge-danger'">
{{ item.status }}
</span>
</td>
<td>
<div class="action-btns">
<button class="btn btn-primary btn-small" @click="handleEdit(item)">编辑</button>
<button
v-if="item.status === '启用'"
class="btn btn-warning btn-small"
@click="handleToggleStatus(item)">
停用
</button>
<button
v-else
class="btn btn-success btn-small"
@click="handleToggleStatus(item)">
启用
</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script>
const { createApp } = Vue;
createApp({
data() {
return {
ruleList: [
{
id: 1,
ruleName: '停机服务标准报价规则',
scenario: '停机',
status: '启用'
},
{
id: 2,
ruleName: '非停机服务标准报价规则',
scenario: '非停机',
status: '启用'
},
{
id: 3,
ruleName: '紧急服务加急报价规则',
scenario: '停机',
status: '启用'
}
]
}
},
methods: {
handleAdd() {
window.location.href = '7-报价规则配置新增编辑页.html?action=add';
},
handleEdit(item) {
window.location.href = `7-报价规则配置新增编辑页.html?action=edit&id=${item.id}`;
},
handleToggleStatus(item) {
item.status = item.status === '启用' ? '停用' : '启用';
}
}
}).mount('#app');
</script>
</body>
</html>
VIP客户服务机制.html
<!DOCTYPE html> <!DOCTYPE html>
...@@ -965,3 +965,4 @@ ...@@ -965,3 +965,4 @@
aside.html
...@@ -18,16 +18,16 @@ ...@@ -18,16 +18,16 @@
</svg> </svg>
</div> </div>
<div class="nav-submenu"> <div class="nav-submenu">
<a href="二维码列表页.html" class="nav-subitem "> <a href="人工费用标准管理列表页.html" class="nav-subitem ">
人工管理 人工管理
</a> </a>
<a href="设备档案1.html" class="nav-subitem "> <a href="/1，2，3/2服务价格标准化/4-零件费用标准管理列表页.html" class="nav-subitem ">
零件管理 零件管理
</a> </a>
<a href="设备机型.html" class="nav-subitem "> <a href="标准报价单生成.html" class="nav-subitem ">
报价管理 报价管理
</a> </a>
<a href="设备机型.html" class="nav-subitem "> <a href="服务单列表.html" class="nav-subitem ">
服务单列表 服务单列表
</a> </a>
</div> </div>
...@@ -195,6 +195,9 @@ ...@@ -195,6 +195,9 @@
<a href="客户公司管理1.html" class="nav-subitem"> <a href="客户公司管理1.html" class="nav-subitem">
客户公司管理 客户公司管理
</a> </a>
<a href="信息原页面.html" class="nav-subitem">
信息原页面
</a>
</div> </div>
<!-- 客户账号管理 --> <!-- 客户账号管理 -->
......
js.js
async function loadSidebar() { async function loadSidebar() {
try { try {
const response = await fetch('aside.html'); // 根据当前页面路径计算aside.html的相对路径
const currentPath = window.location.pathname;
// 计算目录深度：分割路径，过滤掉空字符串和文件名
const pathParts = currentPath.split('/').filter(part => part && !part.endsWith('.html'));
let asidePath = 'aside.html';
// 如果页面在子目录中，需要向上查找
if (pathParts.length > 0) {
const upLevels = '../'.repeat(pathParts.length);
asidePath = upLevels + 'aside.html';
}
const response = await fetch(asidePath);
const html = await response.text(); const html = await response.text();
document.getElementById('sidebar-container').innerHTML = html; document.getElementById('sidebar-container').innerHTML = html;
} catch (error) { } catch (error) {
......
服务价格标准化.html
<!DOCTYPE html> <!DOCTYPE html>
...@@ -825,3 +825,4 @@ ...@@ -825,3 +825,4 @@
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment