From 1aeff8b542a22d6c6a2efbac87704bca554afee8 Mon Sep 17 00:00:00 2001
From: Goldennfish <1981343953@qq.com>
Date: 星期二, 18 七月 2023 09:46:21 +0800
Subject: [PATCH] 提交我的信息和原材料报检页面
---
src/views/personal/myInformation/index.vue | 69 +++++++++++++++++++++++++---------
1 files changed, 50 insertions(+), 19 deletions(-)
diff --git a/src/views/personal/myInformation/index.vue b/src/views/personal/myInformation/index.vue
index b2e640f..0813686 100644
--- a/src/views/personal/myInformation/index.vue
+++ b/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;
--
Gitblit v1.9.3