|
@@ -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() {
|