租户管理会员查看修改

src/views/client/index.vue

@@ -233,25 +233,38 @@
 
     </el-dialog>
     <!-- 会员类别管理弹窗 -->
-    <el-dialog title="会员类别查看" :visible.sync="memberVisible" :before-close="closeMember" append-to-body width="1000px">
+    <el-dialog title="会员类别查看" :visible.sync="memberVisible" :before-close="closeMember" append-to-body width="500px">
         <!-- <MemberType></MemberType> -->
-        <el-table
-          v-loading="loading"
-          :data="memberTableData"
-          border
-          header-row-class-name="custom-table-header"
-          >
-            <el-table-column prop="tenantVipName" label="会员类型/名称" sortable align="center" width="200px"></el-table-column>
-            <el-table-column label="功能权限" align="center" show-overflow-tooltip min-width="300px">
-              <template slot-scope="scope">
-                <span v-for="item in scope.row.functionIdPathNameDescriptions" :key="item.functionId">{{ item.functionName  }} &nbsp; </span>
-              </template>
-            </el-table-column>
-          </el-table>
-      <div slot="footer" class="dialog-footer">
+        <el-form  :model="memberTableData"  label-width="80px" label-position="left">
+          <el-form-item label="会员类型" prop="tenantVipName">
+            <!-- <span>{{ memberTableData.tenantVipName }}</span> -->
+            <el-input v-model="memberTableData.tenantVipName" placeholder="请输入会员类型名称" disabled></el-input>
+          </el-form-item>
+          <el-form-item label="创建人" prop="createPersonName">
+            <!-- <span>{{ memberTableData.createPersonName }}</span> -->
+            <el-input v-model="memberTableData.createPersonName" placeholder="请输入创建人" disabled></el-input>
+          </el-form-item>
+          <el-form-item label="功能权限" prop="functions" style="margin-top: 20px;">
+                        <el-cascader
+                              ref="FunctionCascader"
+                              v-model="memberTableData.functions"
+                              :options="authority"
+                              :props="{multiple:true,value:'id',label:'name' }"
+                              collapse-tags
+                              placeholder="请选择功能权限"
+                              clearable
+                              style="width: 100%;"></el-cascader>
+          </el-form-item>
+          <el-form-item label="备注" prop="remark">
+            <!-- <span>{{ memberTableData.remark }}</span> -->
+            <el-input v-model="memberTableData.remark" placeholder="请输入备注" type="textarea" maxlength="100"
+                      show-word-limit disabled></el-input>
+          </el-form-item>
+        </el-form>
+      <!-- <div slot="footer" class="dialog-footer">
         <el-button @click="closeMember">取 消</el-button>
         <el-button type="primary" @click="submitMember">确 定</el-button>
-      </div>
+      </div> -->
     </el-dialog>
   </div>
 </template>
@@ -279,7 +292,7 @@ export default {
       memberTypes: [],
       memberVisible: false,
       MemberLoading: false,
-      memberTableData: [],
+      memberTableData: {},
       title: '',
       queryParams: {
         size: 10,
@@ -305,7 +318,7 @@ export default {
   },
   mounted() {
     this.getList()
-    // this.getFunction()
+    this.getFunction()
     this.getListMemberType()
     // this.translate()
   },
@@ -339,7 +352,7 @@ export default {
       this.title = '编辑租户'
       this.visible = true
       this.pswdshow = false
-        this.authority = []
+        // this.authority = []
         // this.getFunction(row.type)
        this.ruleForm = { ...row }
     },
@@ -376,24 +389,23 @@ export default {
         }
       })
     },
-    //会员类别按钮
+    //会员类别查看按钮
     memberTypeBtn() {
-      this.memberTypes.forEach(item => {
-        if (item.id==this.ruleForm.tenantVipType) {
-          this.memberTableData.push(item)
-        }
-      })
+      this.memberTableData=this.memberTypes.filter(item => {
+          return  item.id==this.ruleForm.tenantVipType
+      })[0]
+      // this.memberTableData = a[0]
       this.memberVisible=true
       
     },
     // 会员类别弹窗确定
-    submitMember() {
-      this.closeMember()
-    },
+    // submitMember() {
+    //   this.closeMember()
+    // },
     // 会员类别弹窗取消
     closeMember() {
       this.memberVisible = false
-      this.memberTableData=[]
+      this.memberTableData={}
     },
     // getCheckedNodes(){
     //  var List = this.$refs.FunctionCascader.getCheckedNodes()
@@ -423,17 +435,17 @@ export default {
       
     },
 
-    // getFunction(val) {
-    //   this.$api.getAllFunctionList({type:val}).then(response => {
-    //     this.authority = []
-    //     this.authority = response.data
-    //     // this.tableData = response.data
-    //     // this.total=response.pageColumn.total
-    //     // this.loading = false
-    //   }).catch(error => {
-    //     this.loading = true
-    //   })
-    // },
+    getFunction() {
+      this.$api.getAllFunctionList({}).then(response => {
+        this.authority = []
+        this.authority = response.data
+        // this.tableData = response.data
+        // this.total=response.pageColumn.total
+        // this.loading = false
+      }).catch(error => {
+        this.loading = true
+      })
+    },
     handleCurrentChange(val) {
       this.queryParams.current = val;
       this.getList();