修改门诊手术计费按钮位置更新readme新增静态资源放置及引用说明

openhis-ui-vue3/public/help-center/vuepress-theme-vdoing-doc/README.MD

@@ -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>
-      &nbsp;&nbsp;▪ 文件夹命名规则: 页面名称（无后缀）<br>
+        ▪ 文件夹命名规则:01.(侧边栏根据数字生成必须要！！！) 页面名称（无后缀）<br>
-      &nbsp;&nbsp;▪ 文件命名规则: 功能名称.md；
+        ▪ 文件命名规则: 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>
-     &nbsp;&nbsp;配置文件路径：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.1（前面缩进4个空格）
-    \- 子列表项 2.2
+\- 子列表项 2.2
 
 \* 无序列表项 A
 \* 无序列表项 B
@@ -121,8 +131,8 @@
 
 - 无序列表项 1
 - 无序列表项 2
-    - 子列表项 2.1（前面缩进4个空格或1个Tab）
+  - 子列表项 2.1（前面缩进4个空格或1个Tab）
-    - 子列表项 2.2
+  - 子列表项 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. 任务列表（结合无序列表与复选框，部分编辑器支持）
+   1. 子列表项 2.1（前面缩进4个空格）
-4. 有序列表不会认定前面数字改变，从1开始排序，数字会自动序号并不会根据你输入的数字排序
+   2. 子列表项 2.2
+3. 有序列表项 3
+4.
+5. 任务列表（结合无序列表与复选框，部分编辑器支持）
+6. 有序列表不会认定前面数字改变，从1开始排序，数字会自动序号并不会根据你输入的数字排序
 
 ✨ 显示效果：
 
 1. 有序列表项 1
 2. 有序列表项 2
-    1. 子列表项 2.1（缩进后自动续号）
+
-    2. 子列表项 2.2
+   1. 子列表项 2.1（缩进后自动续号）
+   2. 子列表项 2.2
 3. 有序列表项 3
-
+4.
-4. 
-
 5. 任务列表（结合无序列表与复选框，部分编辑器支持）
 
 有序列表和无序列表的区别是quote（引用）标签不能嵌套，但无序列表可以嵌套。
@@ -169,10 +176,10 @@
 
 ✨ 显示效果：
 
-- [x] 已完成任务 1
+- [X]  已完成任务 1
-- [x] 已完成任务 2
+- [X]  已完成任务 2
-- [ ] 未完成任务 3
+- [ ]  未完成任务 3
-- [ ] 未完成任务 4
+- [ ]  未完成任务 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 @@
 
 行内图片：![风景图](https://picx.zhimg.com/v2-d6f44389971daab7e688e5b37046e4e4_720w.jpg?source=172ae18b)
 
-参考图片：![Logo][img1]
+参考图片：![Logo][img1]"品牌Logo"
-
-[img1]: https://www.logosc.cn/uploads/articles/2022/10/20/16662553442591813.png "品牌Logo"
 
 五、分割线
 
@@ -233,14 +239,17 @@
 ✨ 显示效果：
 
 ---
-***
+
-___
+---
+
+---
 
 六、表格（支持对齐设置）
 
 📝 写法示例：
 
 # 基础表格（| 分隔列，- 分隔表头与内容）
+
 \| 姓名 | 年龄 | 职业 |
 
 \| ---- | ---- | ---- |
@@ -250,6 +259,7 @@ ___
 \| 李四 | 30   | 设计师 |
 
 # 带对齐的表格（: 表示对齐方向）
+
 \| 左对齐 | 居中对齐 | 右对齐 |
 
 \| :----- | :------: | -----: |
@@ -260,18 +270,21 @@ ___
 
 ✨ 显示效果：
 
-| 姓名 | 年龄 | 职业 |
+
-| ---- | ---- | ---- |
+| 姓名 | 年龄 | 职业   |
+| ---- | ---- | ------ |
 | 张三 | 25   | 程序员 |
 | 李四 | 30   | 设计师 |
 
+
 | 左对齐 | 居中对齐 | 右对齐 |
 | :----- | :------: | -----: |
-| 内容1  | 内容2    | 内容3  |
+| 内容1  |  内容2  |  内容3 |
-| 文本A  | 文本B    | 文本C  |
+| 文本A  |  文本B  |  文本C |
-
-
-
 
 * 更多md语法请参考以下链接
-* [Markdown 语法参考](https://markdown.com.cn/basic-syntax/)
+* [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

openhis-ui-vue3/src/views/surgicalschedule/index.vue

@@ -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>