update

src/components/assetsman/HotelInfo.vue

@@ -106,9 +106,12 @@
   .w300 {
     width: 300px !important;
   }
-
+  .HotelInfo .ql-editor{
+    min-height:200px;
+    
+  }
 </style><template>
-  <div class="flexOne changInfo">
+  <div class="flexOne changInfo HotelInfo">
     <div class="resource-content clearfix">
       <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="140px">
         <div class="resource-baseinfo" style="width:500px;margin:30px 0 0 30px;float:left;">
@@ -157,11 +160,9 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="ホテル案内" title="酒店介绍">
-            <el-input type="textarea" v-model="addMsg.SHotelInfo"   class="w300"></el-input>
-          </el-form-item>
+          
         </div>
-        <div class="HotelRight" style="float:left;width:510px;margin-top:30px;">
+        <div class="HotelRight" style="display:inline-block;width:510px;margin-top:30px;">
           <el-form-item label="活動施設サービス" title="活动设施服务">
             <el-select multiple placeholder="選んでください" class='multiple_input w300' v-model="activeServiceArray">
               <el-option v-for="item in ActivityFacilities" :key="item.HConfigId" :label="item.HName"
@@ -203,9 +204,20 @@
               </el-option>
             </el-select>
           </el-form-item>
-            <el-form-item label="ホテル政策" title="酒店政策">
-            <el-input class="w300" type="textarea" v-model="addMsg.SHotelPolicy"  ></el-input>
-          </el-form-item>
+        </div>
+        <div style="position:relative;margin-bottom:15px;">
+          <span style="top:0;position: absolute;left:75px;color:#606266">ホテル案内</span>
+          <div style="display:inline-block;margin-left:173px;background:#fff;width:800px;">
+            <quill-editor  :options="editorOption"  v-model="addMsg.SHotelInfo"></quill-editor>
+          </div>
+          
+        </div>
+        <div style="position:relative">
+          <span style="top:0;position:absolute;left:75px;color:#606266">ホテル政策</span>
+          <div style="display:inline-block;margin-left:173px;background:#fff;width:800px;">
+            <quill-editor  :options="editorOption"  v-model="addMsg.SHotelPolicy"></quill-editor>
+          </div>
+          
         </div>
       </el-form>
     </div>
@@ -230,9 +242,25 @@
   </div>
 </template>
 <script>
+
   export default {
+
     data() {
       return {
+        editorOption: {
+					modules:{
+						toolbar:[
+							['bold', 'italic', 'underline', 'strike', 'image'],        // toggled buttons
+							[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
+							[{ 'color': [] }, {'background': [] }],
+							[{ 'font': [] }],
+							[{ 'align': [] }],
+							[{ 'size': ['small', false, 'large', 'huge'] }],
+							[{ 'list': 'ordered'}, { 'list': 'bullet' }]
+						]
+					}
+				},
+        arr:[],
         addMsg: {
           SID: 0, //酒店编号
           SHotelName: '', //酒店名称
@@ -292,7 +320,7 @@
         }
       };
     },
-    components: {},
+    
     methods: {
       //上传酒店图片
       UploadImage(file) {

src/main.js

@@ -8,6 +8,11 @@ import moment from 'moment'
 
 import axios from 'axios'
 
+import vueQuillEditor from 'vue-quill-editor'
+import 'quill/dist/quill.core.css'
+import 'quill/dist/quill.snow.css'
+Vue.use(vueQuillEditor)
+
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 import echarts from 'echarts'