Your Name 2 年之前
父节点
当前提交
16ae02e05e
共有 2 个文件被更改,包括 33 次插入8 次删除
  1. 22 4
      src/views/comments/famousUserList.vue
  2. 11 4
      src/views/match/addArticle.vue

+ 22 - 4
src/views/comments/famousUserList.vue

@@ -34,7 +34,8 @@
       <el-row>
         <el-col :span="6">
           <el-form-item label="用户名">
-            <el-input clearable @clear="getData()" v-model="queryParams.stock_name" placeholder="请输入用户名" size="mini"></el-input>
+            <el-input clearable @clear="getData()" v-model="queryParams.stock_name" placeholder="请输入用户名" size="mini">
+            </el-input>
             </el-input>
           </el-form-item>
         </el-col>
@@ -71,7 +72,7 @@
     </el-table>
     <Page ref="pageButton" :current="form.page" :page_size="form.page_size" :total="total" @pageChange="gopage" />
     <!-- 新增用户 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="用户" prop="stock_id">
           <el-select @change="changeUser" v-model="form.user_id" placeholder="请选择用户" filterable remote
@@ -79,16 +80,18 @@
             <el-option v-for="item in userList" :key="item.value" :label="item.label" :value="item.id">
             </el-option>
           </el-select>
+          {{form.user_name}}
         </el-form-item>
         <el-form-item label="关联文章" prop="stock_id">
-          <el-select @change="changeArticle" multiple v-model="form.article_ids" placeholder="请选择文章" filterable remote
+          <el-select clearable @change="changeArticle" multiple v-model="form.article_ids" placeholder="请选择文章" filterable remote
             :remote-method="remoteMethod2">
             <el-option v-for="item in articleList" :key="item.value" :label="item.name" :value="item.id">
             </el-option>
           </el-select>
+          {{form.article_ids}}
         </el-form-item>
         <el-form-item label="点评内容" prop="content">
-          <el-input clearable v-model="form.content" placeholder="请输入点评内容" type="textarea" rows=10></el-input>
+          <vue-ueditor-wrap ref="editor" v-model="form.content" :config="myConfig"></vue-ueditor-wrap>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -100,9 +103,11 @@
 </template>
 <script>
   import Page from "../../components/Page";
+  import fuEditor from "@/components/fuEditor/index.vue";
   export default {
     components: {
       Page,
+      fuEditor
     },
     data() {
       return {
@@ -140,6 +145,16 @@
             message: "请输入用户手机号",
             trigger: "change"
           }, ],
+        },
+        myConfig: {
+          // 编辑器自动被内容撑高
+          autoHeightEnabled: true,
+          // 初始容器高度
+          initialFrameHeight: 500,
+          // 初始容器宽度
+          initialFrameWidth: '100%',
+          // 上传文件接口,实现上传图片功能必须的配置,这个地址会在后端配置的时候产生,此处先放上结果
+          serverUrl: '/api/admin/ueditor/upload',
         }
       };
     },
@@ -185,6 +200,7 @@
           id: id
         }).then((res) => {
           this.form = res.data.data;
+          this.form.article_ids = JSON.parse(this.form.article_ids)
           this.open = true;
         });
       },
@@ -277,10 +293,12 @@
         this.form.user_avatar = obj.avatar
       },
       changeArticle(val) {
+        console.log(val)
         var obj = {}
         obj = this.articleList.find(function (item) {
           return item.id === val;
         })
+
       }
     },
     created() {

+ 11 - 4
src/views/match/addArticle.vue

@@ -106,7 +106,17 @@ export default {
         lng:'',
         lat:''
       },
-      BMap:null
+      BMap:null,
+      myConfig: {
+	      // 编辑器自动被内容撑高
+	      autoHeightEnabled: true,
+	      // 初始容器高度
+	      initialFrameHeight: 500,
+	      // 初始容器宽度
+	      initialFrameWidth: '100%',
+	      // 上传文件接口,实现上传图片功能必须的配置,这个地址会在后端配置的时候产生,此处先放上结果
+	      serverUrl: '/api/admin/ueditor/upload',
+	    }
     };
   },
   methods: {
@@ -128,9 +138,6 @@ export default {
         }
       });
     },
-    change(val) {
-      this.form.content = val;
-    },
     upload(type){
           var file=document.getElementById(type).files;
           var data=new FormData();