editor

.env.development

@@ -1,3 +1,3 @@
 ENV = 'development'
 
-VUE_APP_BASE_API = 'https://yipin.peidikeji.cn'
+VUE_APP_BASE_API = 'http://local.medical-record.host'

.env.production

@@ -1,3 +1,3 @@
 ENV = 'production'
 
-VUE_APP_BASE_API = 'https://yipin-master.peidikeji.cn'
+VUE_APP_BASE_API = 'hhttp://local.medical-record.host'

src/pages/record/detail.vue

@@ -52,8 +52,12 @@
                 :label="info.content"
                 isLink
                 rightIcon="edit-pen"
-                @click="openModal('诊疗情况', 'content', 'textarea')"
+                @click="openEditor"
-            />
+            >
+                <view slot="label">
+                    <rich-text :nodes="info.content" />
+                </view>
+            </u-cell>
             <u-cell
                 title="下次就诊时间"
                 :value="info.next_treat_at | date"
@@ -131,15 +135,17 @@
             @close="toggleOrderStatus"
             @select="selectOrderStatus"
         />
+        <cu-editor ref="editor" placeholder="请输入诊疗情况" @confirm="confirmEditor" />
     </view>
 </template>
 
 <script>
+import CuEditor from '../../components/cu-editor'
 import SelectAdminUser from '../../components/select-admin-user'
 import orderStatus from '../../enums/order_status'
 
 export default {
-    components: {SelectAdminUser},
+    components: {SelectAdminUser, CuEditor},
     data() {
         return {
             id: '',
@@ -301,6 +307,18 @@ export default {
                 }
             })
         },
+        openEditor() {
+            this.$refs['editor'].open(this.info.content)
+        },
+        confirmEditor(e) {
+            const value = e.html
+            const key = 'content'
+            this.update(key, value).then(res => {
+                if (res.status == 0) {
+                    this.info[key] = value
+                }
+            })
+        },
         deleteRecord() {
             uni.showModal({
                 title: '删除病历记录',

src/pages/record/form.vue

@@ -52,8 +52,12 @@
                     <u-radio v-for="item in orderStatus.options" :key="item.value" :label="item.name" :name="item.value" />
                 </u-radio-group>
             </u-form-item>
-            <u-form-item prop="content" :borderBottom="true">
+            <u-form-item label="请输入诊疗情况" prop="content" :borderBottom="true" @click="openEditor">
-                <u--textarea v-model="form.content" :showConfirmBar="false" :autoHeight="true" placeholder="请输入诊疗情况" />
+                <view class="input-text">
+                    <rich-text v-if="form.content" :nodes="form.content" />
+                    <text v-else class="input-placeholder">点击填写诊疗情况</text>
+                    <u-icon name="arrow-right" />
+                </view>
             </u-form-item>
             <u-form-item prop="next_treat_at" label="下次就诊" :borderBottom="true" @click="toggleDatePicker('next_treat_at')">
                 <view class="input-text">
@@ -97,15 +101,17 @@
             @confirm="selectDatePicker"
         />
         <select-admin-user ref="select-admin-user" @select="selectAdminUser" />
+        <cu-editor ref="editor" placeholder="请输入诊疗情况" @confirm="confirmEditor" />
     </view>
 </template>
 
 <script>
+import CuEditor from '../../components/cu-editor'
 import SelectAdminUser from '../../components/select-admin-user'
 import orderStatus from '../../enums/order_status'
 
 export default {
-    components: {SelectAdminUser},
+    components: {SelectAdminUser, CuEditor},
     data() {
         return {
             id: '',
@@ -304,6 +310,12 @@ export default {
                     this.form.content = item.content
                 }
             })
+        },
+        openEditor() {
+            this.$refs['editor'].open(this.form.content)
+        },
+        confirmEditor(e) {
+            this.form.content = e.html
         }
     }
 }

src/pages/record/index.vue

@@ -16,11 +16,6 @@
                         :center="true"
                         :url="`/pages/record/detail?id=${item.id}`"
                     >
-                        <view slot="label">
-                            <view class="u-cell__label">
-                                <text>{{ item.content }}</text>
-                            </view>
-                        </view>
                         <view slot="value">
                             <view class="list-item-price">
                                 <text style="color: #dd524d;font-size: 19px">