|
@@ -22,6 +22,10 @@
|
|
|
height: 178px;
|
|
|
display: block;
|
|
|
}
|
|
|
+ .detail {
|
|
|
+ margin-bottom: 100px;
|
|
|
+ width: 70%;
|
|
|
+ }
|
|
|
</style>
|
|
|
<template>
|
|
|
<section class="content">
|
|
@@ -131,8 +135,8 @@
|
|
|
@pageChange="gopage"
|
|
|
/>
|
|
|
<!-- 新增用户 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="80%" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="80px" :inline="true">
|
|
|
<el-form-item label="用户名" prop="username">
|
|
|
<el-input
|
|
|
clearable
|
|
@@ -164,20 +168,7 @@
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="头像" prop="">
|
|
|
- <el-upload
|
|
|
- class="avatar-uploader"
|
|
|
- action="/api/admin/uploadfile"
|
|
|
- :data="{watermark:0}"
|
|
|
- :show-file-list="false"
|
|
|
- :on-success="handleAvatarSuccess"
|
|
|
- :before-upload="beforeAvatarUpload"
|
|
|
- >
|
|
|
- <img v-if="form.avatar" :src="form.avatar" class="avatar" />
|
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
- </el-upload>
|
|
|
- <span style="color:red;">尺寸要求100*100</span>
|
|
|
- </el-form-item>
|
|
|
+
|
|
|
<!-- <el-form-item label="手机号" prop="phone" v-if="form.player_type==2||form.player_type==3">
|
|
|
<el-input
|
|
|
clearable
|
|
@@ -211,6 +202,25 @@
|
|
|
<el-option label="未绑定" :value="0"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="头像" prop="">
|
|
|
+ <el-upload
|
|
|
+ class="avatar-uploader"
|
|
|
+ action="/api/admin/uploadfile"
|
|
|
+ :data="{watermark:0}"
|
|
|
+ :show-file-list="false"
|
|
|
+ :on-success="handleAvatarSuccess"
|
|
|
+ :before-upload="beforeAvatarUpload"
|
|
|
+ >
|
|
|
+ <img v-if="form.avatar" :src="form.avatar" class="avatar" />
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ </el-upload>
|
|
|
+ <span style="color:red;">尺寸要求100*100</span>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="用户简介">
|
|
|
+ <el-form-item v-loading="loading" class="detail">
|
|
|
+ <fuEditor v-model="form.intro" :isClear="false" @change="change"></fuEditor>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
@@ -224,7 +234,7 @@
|
|
|
width="500px"
|
|
|
append-to-body
|
|
|
>
|
|
|
- <el-form ref="form1" :model="form1" :rules="rules1" label-width="80px">
|
|
|
+ <el-form ref="form1" :model="form1" :rules="rules1" label-width="80px" :inline="true">
|
|
|
<el-form-item label="用户名" prop="username">
|
|
|
<el-input
|
|
|
clearable
|
|
@@ -301,9 +311,11 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import Page from "../../components/Page";
|
|
|
+import fuEditor from "@/components/fuEditor/index.vue";
|
|
|
export default {
|
|
|
components: {
|
|
|
Page,
|
|
|
+ fuEditor
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
@@ -535,6 +547,9 @@ export default {
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ change(val) {
|
|
|
+ this.form.intro = val;
|
|
|
+ },
|
|
|
},
|
|
|
created() {
|
|
|
this.getData();
|