hailin
2023-07-18 5cc7ee2ac85f93e9e9df4b268d4fb8bd532bb080
src/views/personal/myInformation/index.vue
@@ -8,21 +8,32 @@
        </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>
@@ -142,16 +153,16 @@
        </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>
@@ -161,31 +172,36 @@
</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() {
@@ -195,6 +211,24 @@
    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)
    }
  }
}
@@ -290,9 +324,6 @@
      //   max-width: 60%;
      // }
    }
  }
  .my-info{
  }
  .my-business{
    margin-top: 28px;