| | |
| | | </div> |
| | | <div class="tips-btn"> |
| | | <span><i class="el-icon-edit" />操作:</span> |
| | | <el-button type="text">编辑</el-button> |
| | | <el-button type="text" @click="dialogFormVisible = true">编辑</el-button> |
| | | <el-dialog title="编辑" :visible.sync="dialogFormVisible"> |
| | | <el-form ref="form" :model="form" :rules="rules"> |
| | | <el-form-item label="账号" :label-width="formLabelWidth" prop="account"> |
| | | <el-input v-model="form.account" autocomplete="off" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button @click="dialogFormVisible = false">取 消</el-button> |
| | | <el-button type="primary" @click="submitForm()">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </div> |
| | | <div class="message"> |
| | | <div class="message-item"><span><i class="el-icon-edit" />用户名:</span>121212121212</div> |
| | | <div class="message-item"><span><i class="el-icon-edit" />用户名:</span>{{infoTable.username}}</div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />姓名:</span> |
| | | <el-tag type="primary"><i class="el-icon-info" :style="{marginRight:'4px', color:'#409EFF'}"/>{{ 'jack' }}</el-tag> |
| | | <el-tag type="primary"><i class="el-icon-info" :style="{marginRight:'4px', color:'#409EFF'}" />{{ infoTable.name }}</el-tag> |
| | | </div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />电话号码:</span> |
| | | 19825217196</div> |
| | | {{infoTable.cellPhone}}</div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />邮箱:</span> |
| | | 1212112</div> |
| | | {{infoTable.email}}</div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />签名:</span> |
| | | 2121212121212121</div> |
| | |
| | | </el-table-column> |
| | | </el-table> --> |
| | | <div class="message"> |
| | | <div class="message-item"><span><i class="el-icon-edit" />企业简称:</span>121212121212</div> |
| | | <div class="message-item"><span><i class="el-icon-edit" />企业简称:</span>{{businessTable.businessSmallName}}</div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />完整名称:</span> |
| | | <span><i class="el-icon-edit" />完整名称:</span>{{ businessTable.businessBigName }} |
| | | </div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />联系人:</span> |
| | | <el-tag type="primary"><i class="el-icon-info" :style="{marginRight:'4px', color:'#409EFF'}"/>{{ 'jack' }}</el-tag></div> |
| | | <el-tag type="primary"><i class="el-icon-info" :style="{marginRight:'4px', color:'#409EFF'}" />{{ businessTable.businessContact }}</el-tag></div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />联系人电话:</span> |
| | | 1212112</div> |
| | | {{businessTable.businessPhone}}</div> |
| | | <div class="message-item"> |
| | | <span><i class="el-icon-edit" />加入状态:</span> |
| | | 2121212121212121</div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { getInfo } from '@/api/user' |
| | | |
| | | // axios.defaults.baseURL = process.env.VUE_APP_BASE_API |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | infoTable: [ |
| | | infoTable: |
| | | { |
| | | username: 'jack', |
| | | name: '张三', |
| | | cellPhone: '138888888', |
| | | email: '138888888@qq.com', |
| | | signature: '我是法外狂徒' |
| | | } |
| | | |
| | | ], |
| | | businessTable: [ |
| | | }, |
| | | businessTable: |
| | | { |
| | | businessSmallName: '中天', |
| | | businessBigName: '中天科技', |
| | | businessContact: 'jack', |
| | | businessPhone: '1388888888', |
| | | businessStatus: 1 |
| | | } |
| | | ] |
| | | }, |
| | | dialogFormVisible: false, |
| | | form: [], |
| | | formLabelWidth: 120 |
| | | } |
| | | }, |
| | | created() { |
| | | this.getUserInfo() |
| | | }, |
| | | methods: { |
| | | clearFilter() { |
| | |
| | | filterTag(value, row) { |
| | | console.log(value, row) |
| | | return row.businessStatus === value |
| | | }, |
| | | submitForm() { |
| | | // Handle form submission here |
| | | // console.log(this.form); |
| | | // POST请求 |
| | | this.dialogFormVisible = false |
| | | }, |
| | | async getUserInfo() { |
| | | const res = await getInfo() |
| | | this.infoTable.name = res.data.uname |
| | | this.infoTable.username = res.data.account |
| | | this.infoTable.cellPhone = res.data.phone |
| | | this.infoTable.email = res.data.email |
| | | this.businessTable.businessSmallName = res.data.e_byname |
| | | this.businessTable.businessBigName = res.data.e_name |
| | | this.businessTable.businessContact = res.data.e_link_name |
| | | this.businessTable.businessPhone = res.data.e_phone |
| | | // console.log(res) |
| | | } |
| | | } |
| | | } |
| | |
| | | // max-width: 60%; |
| | | // } |
| | | } |
| | | } |
| | | .my-info{ |
| | | |
| | | } |
| | | .my-business{ |
| | | margin-top: 28px; |