From 5cce58dab04d9d3f2c4c67df7cf8379acb7c03ab Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期四, 04 一月 2024 16:14:16 +0800
Subject: [PATCH] 查看/编辑页面开发、审核页面开发
---
src/views/unifiedManage/userLevel/components/AddUserLevel.vue | 12 +
src/views/unifiedManage/userManage/components/EditUserInfo.vue | 150 +++++++++++++++++++++++++
src/views/unifiedManage/userManage/components/ReviewDialog.vue | 128 +++++++++++++++++++++
src/views/unifiedManage/userManage/index.vue | 35 ++++-
src/views/unifiedManage/userLevel/index.vue | 5
5 files changed, 316 insertions(+), 14 deletions(-)
diff --git a/src/views/unifiedManage/userLevel/components/AddUserLevel.vue b/src/views/unifiedManage/userLevel/components/AddUserLevel.vue
index 62c46f3..6884d07 100644
--- a/src/views/unifiedManage/userLevel/components/AddUserLevel.vue
+++ b/src/views/unifiedManage/userLevel/components/AddUserLevel.vue
@@ -346,11 +346,13 @@
box-sizing: border-box;
}
}
- .dialog-footer {
- background-color: #f5f5f5;
- height: 55px;
- line-height: 55px;
- }
+ }
+ .el-dialog__footer {
+ background-color: #f5f5f5;
+ height: 55px;
+ line-height: 55px;
+ text-align: right;
+ padding-right: 20px;
}
.el-input__inner {
font-size: 13px !important;
diff --git a/src/views/unifiedManage/userLevel/index.vue b/src/views/unifiedManage/userLevel/index.vue
index 9c0aebb..3dc93de 100644
--- a/src/views/unifiedManage/userLevel/index.vue
+++ b/src/views/unifiedManage/userLevel/index.vue
@@ -183,8 +183,9 @@
},
// 缂栬緫
handleClick(val) {
- this.editRow = val
- this.isopen = true
+ this.editConfig.title = "缂栬緫"
+ this.editConfig.infomation = { ...val }
+ this.editConfig.visible = true
},
// 鍒犻櫎绛夌骇
delClick(row) {
diff --git a/src/views/unifiedManage/userManage/components/EditUserInfo.vue b/src/views/unifiedManage/userManage/components/EditUserInfo.vue
new file mode 100644
index 0000000..9dcbba9
--- /dev/null
+++ b/src/views/unifiedManage/userManage/components/EditUserInfo.vue
@@ -0,0 +1,150 @@
+<template>
+ <div class="add-quotation">
+ <el-dialog
+ :title="'鐢ㄦ埛璇︽儏'"
+ :visible.sync="editConfig.visible"
+ :width="dialogWidth"
+ :before-close="handleClose"
+ append-to-body
+ custom-class="iframe-dialog"
+ >
+ <div class="drawerContent" style="overflow: auto">
+ <el-form ref="form" :rules="rules" :model="form" label-position="right" label-width="100px">
+ <el-form-item label="鐢ㄦ埛鍚�:" prop="username">
+ <el-input v-model="form.username" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="瀵嗙爜:" prop="password">
+ <el-input v-model="form.password" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="鎵嬫満鍙�:" prop="phone">
+ <el-input-number
+ v-model="form.phone"
+ placeholder=""
+ :min="0"
+ :controls="false"
+ disabled
+ style="width: 100%"
+ ></el-input-number>
+ </el-form-item>
+ <el-form-item label="鍏徃鍚嶇О:" prop="company">
+ <el-input v-model="form.company" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="鑱旂郴浜哄悕绉�:" prop="contact">
+ <el-input v-model="form.contact" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="閭:" prop="email">
+ <el-input v-model="form.email" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="琛屼笟:" prop="industry">
+ <el-input v-model="form.industry" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="鍦板尯:" prop="region">
+ <el-input v-model="form.region" placeholder="璇疯緭鍏�" disabled></el-input>
+ </el-form-item>
+ <el-form-item label="鐢ㄦ埛绛夌骇:" prop="level">
+ <el-radio-group v-model="form.level" :disabled="editConfig.title == '鏌ョ湅' ? true : false">
+ <div style="margin-top: 10px">
+ <el-radio :label="1">涓夊悎涓�缁忓吀浼氬憳</el-radio>
+ <el-radio :label="2">APS+WMS鏅�氫細鍛�</el-radio>
+ </div>
+ <div style="margin-top: 10px">
+ <el-radio :label="3">鍥涘悎涓�瓒呯骇浼氬憳</el-radio>
+ <el-radio :label="4">APS鏅�氫細鍛�</el-radio>
+ </div>
+ </el-radio-group>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="handleClose">鍙栨秷</el-button>
+ <el-button v-if="editConfig.title == '鏌ョ湅' ? false : true" type="primary" @click="onSubmit('form')"
+ >纭畾</el-button
+ >
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "EditUserInfo",
+ props: {
+ editCommonConfig: {
+ type: Object,
+ default: () => {
+ return {
+ visible: false,
+ title: "鏂板缓",
+ infomation: {}
+ }
+ }
+ }
+ },
+ components: {},
+ computed: {},
+ data() {
+ return {
+ dialogWidth: "30%",
+ editConfig: this.editCommonConfig,
+ form: {},
+ rules: {
+ username: [{ required: true, message: "璇疯緭鍏ョ敤鎴峰悕", trigger: "blur" }],
+ password: [{ required: true, message: "璇疯緭鍏ュ瘑鐮�", trigger: "blur" }],
+ phone: [{ required: true, message: "璇疯緭鍏ユ墜鏈哄彿", trigger: "blur" }],
+ company: [{ required: true, message: "璇疯緭鍏ュ叕鍙稿悕绉�", trigger: "blur" }],
+ contact: [{ required: true, message: "璇疯緭鍏ヨ仈绯讳汉鍚嶇О", trigger: "blur" }],
+ level: [{ required: true, message: "璇烽�夋嫨鐢ㄦ埛绛夌骇", trigger: "change" }]
+ }
+ }
+ },
+ watch: {
+ "editCommonConfig.visible"(val) {
+ if (val) {
+ this.$refs.form.resetFields()
+ // this.getDataInfo()
+ }
+ },
+ "editCommonConfig.infomation"(val) {
+ if (this.isopen) {
+ this.$refs.form.resetFields()
+ if (val.id) {
+ // this.getDataInfo(val)
+ }
+ }
+ }
+ },
+ created() {
+ // this.getDataInfo()
+ },
+ methods: {
+ handleClose() {
+ this.editConfig.visible = false
+ }
+ }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+::v-deep {
+ .iframe-dialog .el-dialog__body {
+ .drawerContent {
+ width: 80%;
+ padding: 20px 0;
+ margin: auto;
+ overflow: hidden;
+ margin-top: 15px;
+ // 婧㈠嚭闅愯棌婊氬姩鏉�
+ scrollbar-width: none; /* firefox */
+ -ms-overflow-style: none; /* IE 10+ */
+ }
+ }
+ .el-dialog__footer {
+ background-color: #f5f5f5;
+ height: 55px;
+ line-height: 55px;
+ text-align: right;
+ padding-right: 20px;
+ }
+}
+</style>
diff --git a/src/views/unifiedManage/userManage/components/ReviewDialog.vue b/src/views/unifiedManage/userManage/components/ReviewDialog.vue
new file mode 100644
index 0000000..e837bb5
--- /dev/null
+++ b/src/views/unifiedManage/userManage/components/ReviewDialog.vue
@@ -0,0 +1,128 @@
+<template>
+ <div class="review-dialog">
+ <el-dialog
+ :title="editCommonConfig.title"
+ :visible.sync="editConfig.visible"
+ :width="dialogWidth"
+ :before-close="handleClose"
+ append-to-body
+ custom-class="iframe-dialog"
+ >
+ <div class="drawerContent" style="overflow: auto">
+ <el-form ref="form" :rules="rules" :model="form" label-position="right" label-width="100px">
+ <el-form-item label="瀹℃牳缁撴灉:" prop="result">
+ <el-select v-model="form.result" placeholder="璇烽�夋嫨瀹℃牳缁撴灉">
+ <el-option label="瀹℃牳閫氳繃" value="瀹℃牳閫氳繃"></el-option>
+ <el-option label="瀹℃牳鎷掔粷" value="瀹℃牳鎷掔粷"></el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item v-if="form.result === '瀹℃牳鎷掔粷'" label="鏈�氳繃鍘熷洜:" prop="reason">
+ <el-input v-model="form.reason" type="textarea"></el-input>
+ </el-form-item>
+ <el-form-item v-if="form.result === '瀹℃牳閫氳繃'" label="鐢ㄦ埛绛夌骇:" prop="level">
+ <el-radio-group v-model="form.level">
+ <div style="margin-top: 10px">
+ <el-radio :label="1">涓夊悎涓�缁忓吀浼氬憳</el-radio>
+ <el-radio :label="2">APS+WMS鏅�氫細鍛�</el-radio>
+ </div>
+ <div style="margin-top: 10px">
+ <el-radio :label="3">鍥涘悎涓�瓒呯骇浼氬憳</el-radio>
+ <el-radio :label="4">APS鏅�氫細鍛�</el-radio>
+ </div>
+ </el-radio-group>
+ </el-form-item>
+ </el-form>
+ </div>
+ <div slot="footer" class="dialog-footer">
+ <el-button @click="handleClose">鍙栨秷</el-button>
+ <el-button v-if="editConfig.title == '鏌ョ湅' ? false : true" type="primary" @click="onSubmit('form')"
+ >纭畾</el-button
+ >
+ </div>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+export default {
+ name: "ReviewDialog",
+ props: {
+ editCommonConfig: {
+ type: Object,
+ default: () => {
+ return {
+ visible: false,
+ title: "鐢ㄦ埛瀹℃牳",
+ infomation: {}
+ }
+ }
+ }
+ },
+ components: {},
+ computed: {},
+ data() {
+ return {
+ dialogWidth: "30%",
+ editConfig: this.editCommonConfig,
+ form: {
+ result: "瀹℃牳閫氳繃"
+ },
+ rules: {
+ result: [{ required: true, message: "璇烽�夋嫨瀹℃牳缁撴灉", trigger: "change" }],
+ reason: [{ required: true, message: "璇疯緭鍏ユ嫆缁濆師鍥�", trigger: "blur" }],
+ level: [{ required: true, message: "璇烽�夋嫨鐢ㄦ埛绛夌骇", trigger: "change" }]
+ }
+ }
+ },
+ watch: {
+ "editCommonConfig.visible"(val) {
+ if (val) {
+ this.$refs.form.resetFields()
+ // this.getDataInfo()
+ }
+ },
+ "editCommonConfig.infomation"(val) {
+ if (this.isopen) {
+ this.$refs.form.resetFields()
+ if (val.id) {
+ this.form = val
+ // this.getDataInfo(val)
+ }
+ }
+ }
+ },
+ created() {
+ // this.getDataInfo()
+ },
+ methods: {
+ handleClose() {
+ this.editConfig.visible = false
+ }
+ }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+::v-deep {
+ .iframe-dialog .el-dialog__body {
+ .drawerContent {
+ width: 80%;
+ padding: 20px 0;
+ margin: auto;
+ overflow: hidden;
+ margin-top: 15px;
+ // 婧㈠嚭闅愯棌婊氬姩鏉�
+ scrollbar-width: none; /* firefox */
+ -ms-overflow-style: none; /* IE 10+ */
+ }
+ }
+ .el-dialog__footer {
+ background-color: #f5f5f5;
+ height: 55px;
+ line-height: 55px;
+ text-align: right;
+ padding-right: 20px;
+ }
+}
+</style>
diff --git a/src/views/unifiedManage/userManage/index.vue b/src/views/unifiedManage/userManage/index.vue
index 8feb9ab..64ad55d 100644
--- a/src/views/unifiedManage/userManage/index.vue
+++ b/src/views/unifiedManage/userManage/index.vue
@@ -33,34 +33,46 @@
</div>
</div>
</div>
- <!-- 鏂板缓/缂栬緫 -->
- <!-- <AddSubOrderDialog v-if="editConfig.visible" :edit-common-config="editConfig" /> -->
+ <!-- 鏌ョ湅/缂栬緫 -->
+ <EditUserInfo v-if="editConfig.visible" :edit-common-config="editConfig" />
+ <!-- 瀹℃牳 -->
+ <ReviewDialog v-if="reviewConfig.visible" :edit-common-config="reviewConfig" />
</div>
</template>
<script>
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
-
+import EditUserInfo from "@/views/unifiedManage/userManage/components/EditUserInfo"
+import ReviewDialog from "@/views/unifiedManage/userManage/components/ReviewDialog"
export default {
name: "UserManage",
props: {},
mixins: [pageMixin],
- components: {},
+ components: { EditUserInfo, ReviewDialog },
computed: {},
data() {
return {
tableList: {},
tableColumn: [
- { label: "鐢ㄦ埛鍚�", prop: "username" },
+ { label: "鐢ㄦ埛鍚�", prop: "username", default: true },
{ label: "鎵嬫満鍙�", prop: "phone" },
{ label: "鍏徃鍚嶇О", prop: "company" },
{ label: "鑱旂郴浜哄鍚�", prop: "contact" },
- { label: "閭", prop: "mailbox" },
+ { label: "閭", prop: "email" },
{ label: "琛屼笟", prop: "industry" },
{ label: "鍦板尯", prop: "region" },
{ label: "鐘舵��", prop: "status" }
],
- showCol: ["鐢ㄦ埛鍚�", "鎵嬫満鍙�", "鍏徃鍚嶇О", "鑱旂郴浜哄鍚�", "閭", "琛屼笟", "鍦板尯", "鐘舵��"]
+ showCol: ["鐢ㄦ埛鍚�", "鎵嬫満鍙�", "鍏徃鍚嶇О", "鑱旂郴浜哄鍚�", "閭", "琛屼笟", "鍦板尯", "鐘舵��"],
+ editConfig: {
+ visible: false,
+ title: "鏌ョ湅",
+ infomation: {}
+ },
+ reviewConfig: {
+ visible: false,
+ infomation: {}
+ }
}
},
created() {
@@ -74,14 +86,23 @@
// 鏌ョ湅
viewClick(row) {
console.log(row)
+ this.editConfig.visible = true
+ this.editConfig.title = "鏌ョ湅"
+ this.editConfig.tableInfomation = { ...row }
},
// 瀹℃牳
approveClick(row) {
console.log(row)
+ this.reviewConfig.visible = true
+ this.reviewConfig.title = "鐢ㄦ埛瀹℃牳"
+ this.reviewConfig.tableInfomation = { ...row }
},
// 缂栬緫
editClick(row) {
console.log(row)
+ this.editConfig.visible = true
+ this.editConfig.title = "缂栬緫"
+ this.editConfig.tableInfomation = { ...row }
},
// 鍒楄〃鍒濆鍖�
setTable() {
--
Gitblit v1.8.0