修改理疗配置数据

src/views/his/project/index.vue

@@ -105,32 +105,32 @@
         <el-form-item label="天数名称" prop="dayName">
           <el-input v-model="form.dayName" placeholder="请输入天数名称" />
         </el-form-item>
-        <el-form-item label="经络图片" prop="meridiansImgUrl">
+        <!-- <el-form-item label="经络图片" prop="meridiansImgUrl">
           <imageUpload :limit="1" v-model="form.meridiansImgUrl"/>
-        </el-form-item>
+        </el-form-item> -->
         <el-form-item label="第一字段" prop="firstField">
           <el-input v-model="form.firstField" placeholder="请输入第一字段" />
         </el-form-item>
         <el-form-item label="第一内容" prop="firstContent">
-          <el-input v-model="form.firstContent" type="textarea" placeholder="请输入内容" />
+          <Editor ref="myeditor1"   @on-text-change="updateText1"/>
         </el-form-item>
         <el-form-item label="第二字段" prop="secondField">
           <el-input v-model="form.secondField" placeholder="请输入第二字段" />
         </el-form-item>
         <el-form-item label="第二内容" prop="secondContent">
-          <el-input v-model="form.secondContent" type="textarea" placeholder="请输入内容" />
+          <Editor ref="myeditor2"   @on-text-change="updateText2"/>
         </el-form-item>
         <el-form-item label="第三字段" prop="thirdField">
           <el-input v-model="form.thirdField" placeholder="请输入第三字段" />
         </el-form-item>
         <el-form-item label="第三内容" prop="thirdContent">
-          <el-input v-model="form.thirdContent" type="textarea" placeholder="请输入内容" />
+          <Editor ref="myeditor3"   @on-text-change="updateText3"/>
         </el-form-item>
         <el-form-item label="第四字段" prop="fourthField">
           <el-input v-model="form.fourthField" placeholder="请输入第四字段" />
         </el-form-item>
         <el-form-item label="第四内容" prop="fourthContent">
-          <el-input v-model="form.fourthContent" type="textarea" placeholder="请输入内容" />
+          <Editor ref="myeditor4"   @on-text-change="updateText4"/>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -143,9 +143,10 @@
 
 <script>
 import { listProject, getProject, delProject, addProject, updateProject, exportProject } from "@/api/his/project";
-
+import Editor from '@/components/Editor/wang';
 export default {
   name: "Project",
+   components: { Editor },
   data() {
     return {
       // 遮罩层
@@ -190,33 +191,33 @@ export default {
         dayName: [
           { required: true, message: "天数名称不能为空", trigger: "blur" }
         ],
-        meridiansImgUrl: [
-          { required: true, message: "图片不能为空", trigger: "change" }
-        ],
-        firstField: [
-          { required: true, message: "第一字段不能为空", trigger: "blur" }
-        ],
-        secondField: [
-          { required: true, message: "第二字段不能为空", trigger: "blur" }
-        ],
-        thirdField: [
-          { required: true, message: "第三字段不能为空", trigger: "blur" }
-        ],
-        fourthField: [
-          { required: true, message: "第四字段不能为空", trigger: "blur" }
-        ],
-        firstContent: [
-          { required: true, message: "第一内容不能为空", trigger: "blur" }
-        ],
-        secondContent: [
-          { required: true, message: "第二内容不能为空", trigger: "blur" }
-        ],
-        thirdContent: [
-          { required: true, message: "第三内容不能为空", trigger: "blur" }
-        ],
-        fourthContent: [
-          { required: true, message: "第四内容不能为空", trigger: "blur" }
-        ],
+        // meridiansImgUrl: [
+        //   { required: true, message: "图片不能为空", trigger: "change" }
+        // ],
+        // firstField: [
+        //   { required: true, message: "第一字段不能为空", trigger: "blur" }
+        // ],
+        // secondField: [
+        //   { required: true, message: "第二字段不能为空", trigger: "blur" }
+        // ],
+        // thirdField: [
+        //   { required: true, message: "第三字段不能为空", trigger: "blur" }
+        // ],
+        // fourthField: [
+        //   { required: true, message: "第四字段不能为空", trigger: "blur" }
+        // ],
+        // firstContent: [
+        //   { required: true, message: "第一内容不能为空", trigger: "blur" }
+        // ],
+        // secondContent: [
+        //   { required: true, message: "第二内容不能为空", trigger: "blur" }
+        // ],
+        // thirdContent: [
+        //   { required: true, message: "第三内容不能为空", trigger: "blur" }
+        // ],
+        // fourthContent: [
+        //   { required: true, message: "第四内容不能为空", trigger: "blur" }
+        // ],
       }
     };
   },
@@ -224,6 +225,18 @@ export default {
     this.getList();
   },
   methods: {
+    updateText1(text){
+      this.form.firstContent = text
+    },
+    updateText2(text){
+      this.form.secondContent = text
+    },
+    updateText3(text){
+      this.form.thirdContent = text
+    },
+    updateText4(text){
+      this.form.fourthContent = text
+    },
     /** 查询理疗配置列表 */
     getList() {
       this.loading = true;
@@ -275,12 +288,43 @@ export default {
       this.reset();
       this.open = true;
       this.title = "添加理疗配置";
+      setTimeout(() => {
+          this.$refs.myeditor1.setText("");
+          this.$refs.myeditor2.setText("");
+          this.$refs.myeditor3.setText("");
+          this.$refs.myeditor4.setText("");
+      }, 100);
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       this.reset();
       const id = row.id || this.ids
       getProject(id).then(response => {
+        setTimeout(() => {
+          if(this.form.firstContent==null){
+            this.$refs.myeditor1.setText("");
+          }else{
+            this.$refs.myeditor1.setText(this.form.firstContent);
+          }
+
+          if(this.form.secondContent==null){
+            this.$refs.myeditor2.setText("");
+          }else{
+            this.$refs.myeditor2.setText(this.form.secondContent);
+          }
+
+          if(this.form.thirdContent==null){
+            this.$refs.myeditor3.setText("");
+          }else{
+            this.$refs.myeditor3.setText(this.form.thirdContent);
+          }
+
+          if(this.form.fourthContent==null){
+            this.$refs.myeditor4.setText("");
+          }else{
+            this.$refs.myeditor4.setText(this.form.fourthContent);
+          }
+        }, 1);
         this.form = response.data;
         this.open = true;
         this.title = "修改理疗配置";