diff --git a/acupuncture-前台/src/views/medicalFile/details.vue b/acupuncture-前台/src/views/medicalFile/details.vue
index ea97e45b2..03a2eecf3 100644
--- a/acupuncture-前台/src/views/medicalFile/details.vue
+++ b/acupuncture-前台/src/views/medicalFile/details.vue
@@ -339,7 +339,7 @@
           诊疗方法
         </div>
         <div
-          class="div-border"
+          class="div-border div-pad10"
           style="margin-bottom: 14px"
           v-for="(i, ind) in healType"
           :key="ind"
@@ -1011,7 +1011,11 @@ export default {
         this.title = "诊疗档案详情";
       });
     },
-
+    // 诊疗方案点击
+    handleButClick(_item, _row) {
+      console.log(_item, _row);
+      this.detailsForm[_item.valueCode] = _row.value || _row.title;
+    },
     getDetailsForm() {
       this.detailsForm = {
         JBXX_ZYZD: [], //主要诊断
@@ -1167,9 +1171,11 @@ export default {
   line-height: 32px;
   padding: 0 15px;
   margin: 5px;
+  cursor: pointer;
 }
 
 .span-but-active {
+  color: #70483e;
   border: 1px solid #70483e;
 }
 
diff --git a/acupuncture-后台/src/views/medicalFile/details.vue b/acupuncture-后台/src/views/medicalFile/details.vue
index b7dc99427..579fb531d 100644
--- a/acupuncture-后台/src/views/medicalFile/details.vue
+++ b/acupuncture-后台/src/views/medicalFile/details.vue
@@ -339,7 +339,7 @@
           诊疗方法
         </div>
         <div
-          class="div-border"
+          class="div-border div-pad10"
           style="margin-bottom: 14px"
           v-for="(i, ind) in healType"
           :key="ind"
@@ -975,6 +975,11 @@ export default {
     this.handleDetails(treatmentId);
   },
   methods: {
+    // 诊疗方案点击
+    handleButClick(_item, _row) {
+      console.log(_item, _row);
+      this.detailsForm[_item.valueCode] = _row.value || _row.title;
+    },
     // 获取子组件量表结果
     getScaleResult(_scaleResult, _code) {
       this.detailsForm[_code] = String(_scaleResult);
@@ -1175,6 +1180,7 @@ export default {
 }
 
 .span-but-active {
+  color: #70483e;
   border: 1px solid #70483e;
 }