修改门诊手术计费按钮位置更新readme新增静态资源放置及引用说明
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
<p align="center"><a href="https://xugaoyi.com/" target="_blank" rel="noopener noreferrer"><img width="180" src="../vuepress-theme-vdoing-doc/docs/.vuepress/public/img/logo.png" alt="logo"></a></p>
|
||||
|
||||
|
||||
<h2 align="center">经创帮助中心编辑参考文档</h2>
|
||||
|
||||
<div style="background: #f8fafc; border: 2px solid #3b82f6; border-radius: 8px; padding: 20px; margin-bottom: 24px;">
|
||||
@@ -19,15 +18,20 @@
|
||||
</p>
|
||||
<p style="margin: 0 0 12px 0;">
|
||||
📋 <strong style="color: #7c3aed;">命名规则</strong>:<br>
|
||||
▪ 文件夹命名规则: 页面名称(无后缀)<br>
|
||||
▪ 文件命名规则: 功能名称.md;
|
||||
▪ 文件夹命名规则:01.(侧边栏根据数字生成必须要!!!) 页面名称(无后缀)<br>
|
||||
▪ 文件命名规则: 01.功能名称.md;
|
||||
</p>
|
||||
<p style="margin: 0 0 12px 0;">
|
||||
👀️ <strong style="color: #7c3aed;">静态资源放置规则</strong>:<br>
|
||||
▪ 页面图片和其对应的md文档放置在同一文件夹下。如果是其他公用图片例如公司图标等则放置在public文件夹下<br>
|
||||
▪ 通过相对路径引用 例如:(./图片.png)
|
||||
</p>
|
||||
<p style="margin: 0 0 12px 0;">
|
||||
📦 <strong style="color: #2563eb;">打包部署规则</strong>:确认无误后进入 <span style="background: #fef2f2; padding: 2px 6px; border-radius: 3px;">vuepress-theme-vdoing-doc</span> 路径执行 <code style="background: #f1f5f9; padding: 2px 6px; border-radius: 3px; color: #d21818;">npm run build:win</code>(仅Windows系统需要加win) 打包命令
|
||||
</p>
|
||||
<p style="margin: 0; color: #d51414; font-weight: bold;">
|
||||
⚠️ 警告:如果帮助中心不放在当前路径下,请将配置文件中的打包路径改成自定义路径,否则会丢失JS和CSS样式。<br>
|
||||
配置文件路径:docs/.vuepress/config.js
|
||||
配置文件路径:docs/.vuepress/config.js
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -54,14 +58,18 @@
|
||||
|
||||
\#\#\#\#\#\# 六级标题
|
||||
|
||||
|
||||
✨ 显示效果:
|
||||
|
||||
# 一级标题
|
||||
|
||||
## 二级标题
|
||||
|
||||
### 三级标题
|
||||
|
||||
#### 四级标题
|
||||
|
||||
##### 五级标题
|
||||
|
||||
###### 六级标题
|
||||
|
||||
二、文本样式
|
||||
@@ -86,7 +94,6 @@
|
||||
|
||||
\`行内代码片段\`
|
||||
|
||||
|
||||
✨ 显示效果:
|
||||
|
||||
**加粗文本**
|
||||
@@ -95,9 +102,12 @@
|
||||
~~删除线文本~~
|
||||
<u>下划线文本</u>
|
||||
==高亮文本==
|
||||
|
||||
> 引用文本(块引用)
|
||||
>
|
||||
>> 嵌套引用文本(二级引用)
|
||||
行内代码示例:`print("Hello MarkDown")`
|
||||
>> 行内代码示例:`print("Hello MarkDown")`
|
||||
>>
|
||||
|
||||
三、列表
|
||||
|
||||
@@ -108,8 +118,8 @@
|
||||
\-\- 无序列表项 1
|
||||
|
||||
\- 无序列表项 2
|
||||
\- 子列表项 2.1(前面缩进4个空格)
|
||||
\- 子列表项 2.2
|
||||
\- 子列表项 2.1(前面缩进4个空格)
|
||||
\- 子列表项 2.2
|
||||
|
||||
\* 无序列表项 A
|
||||
\* 无序列表项 B
|
||||
@@ -130,32 +140,29 @@
|
||||
+ 无序列表项 X
|
||||
+ 无序列表项 Y
|
||||
|
||||
-
|
||||
|
||||
2. 有序列表(数字+英文句点+空格,自动排序)
|
||||
|
||||
📝 写法示例:
|
||||
|
||||
1. 有序列表项 1
|
||||
2. 有序列表项 2
|
||||
|
||||
1. 子列表项 2.1(前面缩进4个空格)
|
||||
2. 子列表项 2.2
|
||||
3. 有序列表项 3
|
||||
1.
|
||||
|
||||
3. 任务列表(结合无序列表与复选框,部分编辑器支持)
|
||||
4. 有序列表不会认定前面数字改变,从1开始排序,数字会自动序号并不会根据你输入的数字排序
|
||||
4.
|
||||
5. 任务列表(结合无序列表与复选框,部分编辑器支持)
|
||||
6. 有序列表不会认定前面数字改变,从1开始排序,数字会自动序号并不会根据你输入的数字排序
|
||||
|
||||
✨ 显示效果:
|
||||
|
||||
1. 有序列表项 1
|
||||
2. 有序列表项 2
|
||||
|
||||
1. 子列表项 2.1(缩进后自动续号)
|
||||
2. 子列表项 2.2
|
||||
3. 有序列表项 3
|
||||
|
||||
4.
|
||||
|
||||
5. 任务列表(结合无序列表与复选框,部分编辑器支持)
|
||||
|
||||
有序列表和无序列表的区别是quote(引用)标签不能嵌套,但无序列表可以嵌套。
|
||||
@@ -169,8 +176,8 @@
|
||||
|
||||
✨ 显示效果:
|
||||
|
||||
- [x] 已完成任务 1
|
||||
- [x] 已完成任务 2
|
||||
- [X] 已完成任务 1
|
||||
- [X] 已完成任务 2
|
||||
- [ ] 未完成任务 3
|
||||
- [ ] 未完成任务 4
|
||||
|
||||
@@ -181,9 +188,11 @@
|
||||
📝 写法示例:
|
||||
|
||||
# 行内链接(直接显示链接文本与地址)
|
||||
|
||||
\[百度一下\](https://www.baidu.com "百度首页 - 悬停提示文本")
|
||||
|
||||
# 参考链接(适合多次引用同一链接)
|
||||
|
||||
\[MarkDown官方文档\]\[1\]
|
||||
\[GitHub\]\[2\]
|
||||
|
||||
@@ -195,17 +204,16 @@
|
||||
行内链接:[百度一下](https://www.baidu.com "百度首页 - 悬停提示文本")
|
||||
参考链接:[MarkDown官方文档][1]、[GitHub][2]
|
||||
|
||||
[1]: https://daringfireball.net/projects/markdown/ "MarkDown官方指南"
|
||||
[2]: https://github.com/ "GitHub官网"
|
||||
|
||||
2. 图片(语法与链接类似,前缀加!)
|
||||
|
||||
📝 写法示例:
|
||||
|
||||
# 行内图片
|
||||
|
||||
\![风景图]\(https://picx.zhimg.com/v2-d6f44389971daab7e688e5b37046e4e4_720w.jpg?source=172ae18b)
|
||||
|
||||
# 参考图片
|
||||
|
||||
\![Logo]\[img1]
|
||||
|
||||
\[img1]: https://www.logosc.cn/uploads/articles/2022/10/20/16662553442591813.png "品牌Logo"
|
||||
@@ -214,9 +222,7 @@
|
||||
|
||||
行内图片:
|
||||
|
||||
参考图片:![Logo][img1]
|
||||
|
||||
[img1]: https://www.logosc.cn/uploads/articles/2022/10/20/16662553442591813.png "品牌Logo"
|
||||
参考图片:![Logo][img1]"品牌Logo"
|
||||
|
||||
五、分割线
|
||||
|
||||
@@ -233,14 +239,17 @@
|
||||
✨ 显示效果:
|
||||
|
||||
---
|
||||
***
|
||||
___
|
||||
|
||||
---
|
||||
|
||||
---
|
||||
|
||||
六、表格(支持对齐设置)
|
||||
|
||||
📝 写法示例:
|
||||
|
||||
# 基础表格(| 分隔列,- 分隔表头与内容)
|
||||
|
||||
\| 姓名 | 年龄 | 职业 |
|
||||
|
||||
\| ---- | ---- | ---- |
|
||||
@@ -250,6 +259,7 @@ ___
|
||||
\| 李四 | 30 | 设计师 |
|
||||
|
||||
# 带对齐的表格(: 表示对齐方向)
|
||||
|
||||
\| 左对齐 | 居中对齐 | 右对齐 |
|
||||
|
||||
\| :----- | :------: | -----: |
|
||||
@@ -260,18 +270,21 @@ ___
|
||||
|
||||
✨ 显示效果:
|
||||
|
||||
|
||||
| 姓名 | 年龄 | 职业 |
|
||||
| ---- | ---- | ---- |
|
||||
| ---- | ---- | ------ |
|
||||
| 张三 | 25 | 程序员 |
|
||||
| 李四 | 30 | 设计师 |
|
||||
|
||||
|
||||
| 左对齐 | 居中对齐 | 右对齐 |
|
||||
| :----- | :------: | -----: |
|
||||
| 内容1 | 内容2 | 内容3 |
|
||||
| 文本A | 文本B | 文本C |
|
||||
|
||||
|
||||
|
||||
|
||||
* 更多md语法请参考以下链接
|
||||
* [Markdown 语法参考](https://markdown.com.cn/basic-syntax/)
|
||||
|
||||
[1]: https://daringfireball.net/projects/markdown/
|
||||
[2]: https://github.com/
|
||||
[img1]: https://www.logosc.cn/uploads/articles/2022/10/20/16662553442591813.png
|
||||
|
||||
@@ -52,6 +52,9 @@
|
||||
<el-col :span="1.5">
|
||||
<el-button type="primary" plain icon="Plus" @click="handleAdd"> 新增手术安排 </el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="Money" @click="handleChargeCharge(selectedRow)" :disabled="!selectedRow"> 计费 </el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button type="success" plain icon="Download" @click="handleExport">导出表格</el-button>
|
||||
</el-col>
|
||||
@@ -59,7 +62,7 @@
|
||||
</el-row>
|
||||
|
||||
<!-- 中部表格区 -->
|
||||
<el-table v-loading="loading" :data="surgeryList" row-key="scheduleId" :row-class-name="getRowClassName">
|
||||
<el-table v-loading="loading" :data="surgeryList" row-key="scheduleId" :row-class-name="getRowClassName" highlight-current-row @current-change="handleCurrentChange">
|
||||
<el-table-column label="ID" align="center" width="80">
|
||||
<template #default="{ $index }">
|
||||
{{ (applyQueryParams.pageNo - 1) * applyQueryParams.pageSize + $index + 1 }}
|
||||
@@ -97,7 +100,6 @@
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="handleView(scope.row)">查看</el-button>
|
||||
<el-button link type="primary" @click="handleEdit(scope.row)">编辑</el-button>
|
||||
<el-button link type="success" @click="handleChargeCharge(scope.row)">计费</el-button>
|
||||
<el-button link type="danger" @click="handleDelete(scope.row)" v-has="['surgicalSchedule:delete']">取消</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -835,6 +837,9 @@ const queryParams = reactive({
|
||||
const open = ref(false)
|
||||
const isEditMode = ref(false)
|
||||
const isViewMode = ref(false)
|
||||
// 选中行状态管理
|
||||
const selectedRow = ref(null)
|
||||
const selectedRowIndex = ref(-1)
|
||||
const form = reactive({
|
||||
scheduleId:undefined,
|
||||
applyId: undefined,
|
||||
@@ -1192,6 +1197,17 @@ function handleView(row) {
|
||||
open.value = true
|
||||
}
|
||||
|
||||
// 行选中事件处理
|
||||
function handleCurrentChange(currentRow, oldRow) {
|
||||
if (currentRow) {
|
||||
selectedRow.value = currentRow
|
||||
selectedRowIndex.value = surgeryList.value.findIndex(row => row.scheduleId === currentRow.scheduleId)
|
||||
} else {
|
||||
selectedRow.value = null
|
||||
selectedRowIndex.value = -1
|
||||
}
|
||||
}
|
||||
|
||||
// 删除手术安排
|
||||
function handleDelete(row) {
|
||||
proxy.$modal.confirm('是否确认取消手术安排"' + row.operName + '"?').then(() => {
|
||||
@@ -1205,6 +1221,17 @@ function handleDelete(row) {
|
||||
|
||||
// 手术计费
|
||||
async function handleChargeCharge(row) {
|
||||
// 如果没有传入行数据,使用选中的行
|
||||
if (!row && selectedRow.value) {
|
||||
row = selectedRow.value
|
||||
}
|
||||
|
||||
// 如果还是没有行数据,显示提示
|
||||
if (!row) {
|
||||
proxy.$modal.msgWarning('请先选择要计费的手术安排')
|
||||
return
|
||||
}
|
||||
|
||||
console.log('计费按钮被点击,行数据:', row)
|
||||
|
||||
// 检查用户信息中的机构信息
|
||||
@@ -1591,6 +1618,9 @@ function handleExport() {
|
||||
|
||||
// 获取行样式
|
||||
function getRowClassName({ row, rowIndex }) {
|
||||
if (selectedRow.value && row.scheduleId === selectedRow.value.scheduleId) {
|
||||
return 'selected-row'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user