更新

src/views/system/news/edit.vue

@@ -9,7 +9,7 @@
           <el-image v-if="form.pic" :fit="'contain'" style="max-width:10%;display: block;margin-top: 10px;" :src="baseUrl+form.pic" :preview-src-list="[baseUrl+form.pic]"></el-image>
         </el-form-item>
         <div class="meditor">
-          <el-form-item label="资讯内容" prop="contents"><Editor v-model="form.contents" :min-height="292" /></el-form-item>
+          <el-form-item label="资讯内容" prop="contents"><Editor v-model="form.contents" :min-height="292" :params="editParams"/></el-form-item>
         </div>
         <el-form-item label="状态 " prop="state">
           <el-radio-group v-model="form.state">
@@ -55,6 +55,9 @@ export default {
         pic: [{ required: true, message: '封面图不能为空', trigger: 'blur' }],
         contents: [{ required: true, message: '资讯内容不能为空', trigger: 'blur' }],
         state: [{ required: true, message: '状态 不能为空', trigger: 'blur' }]
+      },
+      editParams: {
+        modName: '/news/'
       }
     };
   },

src/views/system/shop/goods/edit.vue

@@ -15,7 +15,7 @@
           <el-image v-if="form.pic" :fit="'contain'" style="max-width:10%;display: block;margin-top: 10px;" :src="baseUrl + form.pic" :preview-src-list="[baseUrl+form.pic]"></el-image>
         </el-form-item>
         <div>
-          <el-form-item label="商品详情" prop="details"><Editor v-model="form.details" :min-height="292" /></el-form-item>
+          <el-form-item label="商品详情" prop="details"><Editor v-model="form.details" :min-height="292" :params="editParams" /></el-form-item>
         </div>
         <el-form-item label="状态 " prop="state">
           <el-radio-group v-model="form.state">
@@ -63,6 +63,9 @@ export default {
         pic: [{ required: true, message: '图片不能为空', trigger: 'blur' }],
         details: [{ required: true, message: '详情不能为空', trigger: 'blur' }],
         state: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
+      },
+      editParams: {
+        modName: '/news/'
       }
     };
   },

src/views/template/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="contents" v-loading="loading">
-    <div class="grxq">
+    <div class="grxq gary">
       <div class="top">
         <div><audio controls autoplay loop src="https://data2.rrxh5.cc//2015/09/01/1441073275128.mp3">您的浏览器不支持 audio 标签。</audio></div>
         <div class="name">
@@ -64,42 +64,42 @@
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
         />
-        <!--弹出留言-->
-        <el-drawer
-          :size="'80%'"
-          :wrapperClosable="false"
-          :close-on-press-escape="false"
-          :destroy-on-close="true"
-          :visible.sync="drawer"
-          :direction="'btt'"
-          :before-close="handleClose"
-        >
-          <div class="drawer__content" style="overflow:scroll">
-            <el-form ref="messageForm" :model="messageForm" :rules="rules">
-              <el-form-item label="姓名" prop="name" :label-width="'80px'">
-                <el-col :span="20"><el-input v-model="messageForm.name" placeholder="请输入您的姓名" /></el-col>
-              </el-form-item>
-              <el-form-item :label-width="'80px'">
-                <el-radio-group size="small" v-model="messageForm.type" @change="tepyChange">
-                  <el-radio-button :label="1">留言语</el-radio-button>
-                  <el-radio-button :label="2">留念语</el-radio-button>
-                  <el-radio-button :label="3">缅怀语</el-radio-button>
-                </el-radio-group>
-              </el-form-item>
-              <el-form-item :label-width="'10px'">
-                <div class="box-card">
-                  <el-table v-loading="loading" height="200" :border="true" :data="modelOptions" highlight-current-row @current-change="modelCurrentChange">
-                    <el-table-column label="选择留言" prop="contents" />
-                  </el-table>
-                </div>
-              </el-form-item>
-            </el-form>
-            <div class="drawer__footer" style="text-align: center;"><el-button type="primary" @click="addMessages" :loading="loading">留言</el-button></div>
-          </div>
-        </el-drawer>
-        <!--弹出留言-->
       </div>
     </div>
+    <!--弹出留言-->
+    <el-drawer
+      :size="'80%'"
+      :wrapperClosable="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      :visible.sync="drawer"
+      :direction="'btt'"
+      :before-close="handleClose"
+    >
+      <div class="drawer__content" style="overflow:scroll">
+        <el-form ref="messageForm" :model="messageForm" :rules="rules">
+          <el-form-item label="姓名" prop="name" :label-width="'80px'">
+            <el-col :span="20"><el-input v-model="messageForm.name" placeholder="请输入您的姓名" /></el-col>
+          </el-form-item>
+          <el-form-item :label-width="'80px'">
+            <el-radio-group size="small" v-model="messageForm.type" @change="tepyChange">
+              <el-radio-button :label="1">留言语</el-radio-button>
+              <el-radio-button :label="2">留念语</el-radio-button>
+              <el-radio-button :label="3">缅怀语</el-radio-button>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item :label-width="'10px'">
+            <div class="box-card">
+              <el-table v-loading="loading" height="200" :border="true" :data="modelOptions" highlight-current-row @current-change="modelCurrentChange">
+                <el-table-column label="选择留言" prop="contents" />
+              </el-table>
+            </div>
+          </el-form-item>
+        </el-form>
+        <div class="drawer__footer" style="text-align: center;"><el-button type="primary" @click="addMessages" :loading="loading">留言</el-button></div>
+      </div>
+    </el-drawer>
+    <!--弹出留言-->
     <div class="add_btn" @click="drawer = true">留言</div>
   </div>
 </template>
@@ -196,17 +196,15 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 //个人详情
-html {
-  filter: grayscale(100%);
-  -webkit-filter: grayscale(100%);
-  -moz-filter: grayscale(100%);
-  -ms-filter: grayscale(100%);
-  -o-filter: grayscale(100%);
-  filter: url('data:image/svg+xml;utf8,#grayscale');
-  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-  -webkit-filter: grayscale(1);
+.gary {
+	-webkit-filter: grayscale(100%);
+	-moz-filter: grayscale(100%);
+	-ms-filter: grayscale(100%);
+	-o-filter: grayscale(100%);
+	filter: grayscale(100%);
+	filter: gray;
 }
 .grxq {
   padding: 15px;