冲突

src/xt_pages/data/components/tableson.vue

@@ -77,8 +77,8 @@
           <el-col :span="12">
             <el-form-item label="排序" prop="order">
               <el-input
-                type="age"
-                v-model="temp.order"
+                type="number" 
+                v-model.number="temp.order"
                 placeholder="请输入排序值，数值越大，排序越靠前"
               ></el-input>
             </el-form-item>
@@ -136,40 +136,40 @@ import {
   fetchPv,
   createArticle,
   updateArticle
-} from "@/api/article";
-import waves from "@/directive/waves"; // 水波纹指令
-import { parseTime } from "@/utils";
-import store from "@/store";
-import bus from "@/assets/eventBus";
+} from '@/api/article'
+import waves from '@/directive/waves' // 水波纹指令
+import { parseTime } from '@/utils'
+import store from '@/store'
+import bus from '@/assets/eventBus'
 import {
   createConfig,
   createChildConfig,
   updateChildConfig,
   deleteChildConfig
-} from "@/api/data";
+} from '@/api/data'
 
 const calendarTypeOptions = [
-  { key: "CN", display_name: "China" },
-  { key: "US", display_name: "USA" },
-  { key: "JP", display_name: "Japan" },
-  { key: "EU", display_name: "Eurozone" }
-];
+  { key: 'CN', display_name: 'China' },
+  { key: 'US', display_name: 'USA' },
+  { key: 'JP', display_name: 'Japan' },
+  { key: 'EU', display_name: 'Eurozone' }
+]
 
 // arr to obj ,such as { CN : "China", US : "USA" }
 const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
-  acc[cur.key] = cur.display_name;
-  return acc;
-}, {});
+  acc[cur.key] = cur.display_name
+  return acc
+}, {})
 
 export default {
-  name: "tableson",
+  name: 'tableson',
   directives: {
     waves
   },
   props: {
     type: {
       type: String,
-      default: "patient"
+      default: 'patient'
     }
   },
   data() {
@@ -184,56 +184,54 @@ export default {
         importance: undefined,
         title: undefined,
         type: this.type,
-        sort: "+id"
+        sort: '+id'
       },
       importanceOptions: [1, 2, 3],
       calendarTypeOptions,
       sortOptions: [
-        { label: "ID Ascending", key: "+id" },
-        { label: "ID Descending", key: "-id" }
+        { label: 'ID Ascending', key: '+id' },
+        { label: 'ID Descending', key: '-id' }
       ],
-      statusOptions: ["published", "draft", "deleted"],
+      statusOptions: ['published', 'draft', 'deleted'],
       showReviewer: false,
       temp: {
         id: undefined,
         parent_id: 0,
         module: this.type,
         org_id: 0,
-        name: "",
+        name: '',
         field_name: undefined,
-        value: "",
-        remark: ""
+        value: '',
+        remark: ''
       },
       dialogFormVisible: false,
-      dialogStatus: "",
+      dialogStatus: '',
       textMap: {
-        update: "编辑",
-        create: "新增"
+        update: '编辑',
+        create: '新增'
       },
       dialogPvVisible: false,
       pvData: [],
       rules: {
-        name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-        order: [
-          { type: "number", message: "排序必须为数字值", trigger: "blur" }
-        ]
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        order: [{ type: 'number', message: '排序必须为数字11', trigger: 'blur' }]
         // timestamp: [{ type: 'date', required: true, message: 'timestamp is required', trigger: 'change' }],
         // title: [{ required: true, message: 'title is required', trigger: 'blur' }]
       },
       downloadLoading: false,
       parentConfig: undefined,
       addState: true
-    };
+    }
   },
   computed: {
     list: function() {
       if (this.parentConfig != undefined) {
-        this.addState = false;
-        const list = store.getters.configlist[this.parentConfig.module];
+        this.addState = false
+        const list = store.getters.configlist[this.parentConfig.module]
         for (var i = 0; i < list.length; i++) {
           if (list[i].id === this.parentConfig.id) {
-            return list[i]["childs"];
-            break;
+            return list[i]['childs']
+            break
           }
         }
         // return store.getters.configlist[this.parentConfig.module][this.parentConfig.index ]["childs"];
@@ -243,90 +241,90 @@ export default {
   filters: {
     statusFilter(status) {
       const statusMap = {
-        published: "success",
-        draft: "info",
-        deleted: "danger"
-      };
-      return statusMap[status];
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
     },
     typeFilter(type) {
-      return calendarTypeKeyValue[type];
+      return calendarTypeKeyValue[type]
     }
   },
   created() {
     // this.getList()
   },
   mounted() {
-    var _this = this;
-    bus.$on("parentChangeId", function(parentData) {
-      _this.parentConfig = parentData;
+    var _this = this
+    bus.$on('parentChangeId', function(parentData) {
+      _this.parentConfig = parentData
       // _this.list = parentData.childs
       _this.temp = {
         id: undefined,
         parent_id: parentData.id,
         module: parentData.module,
         org_id: parentData.org_id,
-        name: "",
+        name: '',
         field_name: undefined,
-        value: "",
-        remark: ""
-      };
-    });
+        value: '',
+        remark: ''
+      }
+    })
   },
   methods: {
     handleRowChange(currentRow, oldCurrentRow) {
-      this.currentId = currentRow.id;
+      this.currentId = currentRow.id
     },
 
     handleFilter() {
-      this.listQuery.page = 1;
-      this.getList();
+      this.listQuery.page = 1
+      this.getList()
     },
     handleSizeChange(val) {
-      this.listQuery.limit = val;
-      this.getList();
+      this.listQuery.limit = val
+      this.getList()
     },
     handleCurrentChange(val) {
-      this.listQuery.page = val;
-      this.getList();
+      this.listQuery.page = val
+      this.getList()
     },
     handleModifyStatus(row, status) {
-      this.temp = Object.assign({}, row); // copy obj
-      this.$confirm("此操作将永久删除该配置项, 是否继续?", "提示", {
-        confirmButtonText: "确 定",
-        cancelButtonText: "取 消",
-        type: "warning"
+      this.temp = Object.assign({}, row) // copy obj
+      this.$confirm('此操作将永久删除该配置项, 是否继续?', '提示', {
+        confirmButtonText: '确 定',
+        cancelButtonText: '取 消',
+        type: 'warning'
       })
         .then(() => {
-          const tempData = Object.assign({}, this.temp);
+          const tempData = Object.assign({}, this.temp)
           deleteChildConfig(tempData).then(response => {
             if (!response.data) {
               // 由于mockjs 不支持自定义状态码只能这样hack
-              reject("error");
+              reject('error')
             }
             if (response.data.state === 0) {
-              this.$message.error(response.data.msg);
+              this.$message.error(response.data.msg)
             }
 
-            const result = response.data.data.dataconfig;
+            const result = response.data.data.dataconfig
             store
-              .dispatch("updateChildConfigList", [tempData, "delete"])
+              .dispatch('updateChildConfigList', [tempData, 'delete'])
               .then(() => {
-                next();
-              });
-          });
+                next()
+              })
+          })
 
           this.$message({
-            type: "success",
-            message: "删除成功!"
-          });
+            type: 'success',
+            message: '删除成功!'
+          })
         })
         .catch(() => {
           this.$message({
-            type: "info",
-            message: "已取消删除"
-          });
-        });
+            type: 'info',
+            message: '已取消删除'
+          })
+        })
     },
     resetTemp() {
       this.temp = {
@@ -334,123 +332,123 @@ export default {
         parent_id: this.parentConfig.id,
         module: this.parentConfig.module,
         org_id: this.parentConfig.org_id,
-        name: "",
+        name: '',
         field_name: undefined,
-        value: "",
-        remark: ""
-      };
+        value: '',
+        remark: ''
+      }
     },
     handleCreate() {
-      this.resetTemp();
-      this.dialogStatus = "create";
-      this.dialogFormVisible = true;
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
       this.$nextTick(() => {
-        this.$refs["dataForm"].clearValidate();
-      });
+        this.$refs['dataForm'].clearValidate()
+      })
     },
     createData() {
-      this.$refs["dataForm"].validate(valid => {
+      this.$refs['dataForm'].validate(valid => {
         if (valid) {
           createChildConfig(this.temp).then(response => {
             if (!response.data) {
               // 由于mockjs 不支持自定义状态码只能这样hack
-              reject("error");
+              reject('error')
             }
             if (response.data.state === 0) {
-              this.$message.error(response.data.msg);
+              this.$message.error(response.data.msg)
             }
-            const result = response.data.data.dataconfig;
+            const result = response.data.data.dataconfig
 
             // this.list.unshift(tempval)
             // 更新store
             store
-              .dispatch("updateChildConfigList", [result, "create"])
-              .then(() => {});
+              .dispatch('updateChildConfigList', [result, 'create'])
+              .then(() => {})
 
-            this.dialogFormVisible = false;
-            this.$message.success("创建成功");
-          });
+            this.dialogFormVisible = false
+            this.$message.success('创建成功')
+          })
         }
-      });
+      })
     },
     handleUpdate(row) {
-      this.temp = Object.assign({}, row); // copy obj
-      this.dialogStatus = "update";
-      this.dialogFormVisible = true;
+      this.temp = Object.assign({}, row) // copy obj
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
       this.$nextTick(() => {
-        this.$refs["dataForm"].clearValidate();
-      });
+        this.$refs['dataForm'].clearValidate()
+      })
     },
     updateData() {
-      this.$refs["dataForm"].validate(valid => {
+      this.$refs['dataForm'].validate(valid => {
         if (valid) {
-          const tempData = Object.assign({}, this.temp);
-          console.log("tempData", tempData);
+          const tempData = Object.assign({}, this.temp)
+          console.log('tempData', tempData)
           updateChildConfig(tempData).then(response => {
             if (!response.data) {
               // 由于mockjs 不支持自定义状态码只能这样hack
-              reject("error");
+              reject('error')
             }
             if (response.data.state === 0) {
-              this.$message.error(response.data.msg);
+              this.$message.error(response.data.msg)
             }
 
-            const result = response.data.data.dataconfig;
+            const result = response.data.data.dataconfig
             store
-              .dispatch("updateChildConfigList", [result, "update"])
-              .then(() => {});
+              .dispatch('updateChildConfigList', [result, 'update'])
+              .then(() => {})
 
-            this.dialogFormVisible = false;
+            this.dialogFormVisible = false
 
-            this.$message.success("更新成功");
-          });
+            this.$message.success('更新成功')
+          })
         }
-      });
+      })
     },
     handleDelete(row) {
-      this.$message.success("删除成功");
-      const index = this.list.indexOf(row);
-      this.list.splice(index, 1);
+      this.$message.success('删除成功')
+      const index = this.list.indexOf(row)
+      this.list.splice(index, 1)
     },
     handleFetchPv(pv) {
       fetchPv(pv).then(response => {
-        this.pvData = response.data.pvData;
-        this.dialogPvVisible = true;
-      });
+        this.pvData = response.data.pvData
+        this.dialogPvVisible = true
+      })
     },
     handleDownload() {
-      this.downloadLoading = true;
-      import("@/vendor/Export2Excel").then(excel => {
-        const tHeader = ["timestamp", "title", "type", "importance", "status"];
+      this.downloadLoading = true
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']
         const filterVal = [
-          "timestamp",
-          "title",
-          "type",
-          "importance",
-          "status"
-        ];
-        const data = this.formatJson(filterVal, this.list);
+          'timestamp',
+          'title',
+          'type',
+          'importance',
+          'status'
+        ]
+        const data = this.formatJson(filterVal, this.list)
         excel.export_json_to_excel({
           header: tHeader,
           data,
-          filename: "table-list"
-        });
-        this.downloadLoading = false;
-      });
+          filename: 'table-list'
+        })
+        this.downloadLoading = false
+      })
     },
     formatJson(filterVal, jsonData) {
       return jsonData.map(v =>
         filterVal.map(j => {
-          if (j === "timestamp") {
-            return parseTime(v[j]);
+          if (j === 'timestamp') {
+            return parseTime(v[j])
           } else {
-            return v[j];
+            return v[j]
           }
         })
-      );
+      )
     }
   }
-};
+}
 </script>
 
 <style rel="stylesheet/css" lang="scss" scoped></style>

src/xt_pages/management/components/UserForm.vue

@@ -1002,6 +1002,7 @@ export default {
       limit: 10,
       page: 1,
       total: 0,
+      value: "",
       classType: [
         { id: 1, name: "上午" },
         { id: 2, name: "下午" },
@@ -1066,14 +1067,8 @@ export default {
         { id: 8, name: "50%冰醋酸" },
         { id: 9, name: "5%次氯酸钠" }
       ],
-      runOption: [
-        { id: 1, name: "正常" },
-        { id: 2, name: "故障" }
-      ],
-      runOptions: [
-        { id: 1, name: "达标" },
-        { id: 2, name: "未达标" }
-      ],
+      runOption: [{ id: 1, name: "正常" }, { id: 2, name: "故障" }],
+      runOptions: [{ id: 1, name: "达标" }, { id: 2, name: "未达标" }],
       faultPhase: [
         { id: 1, name: "开机启动" },
         { id: 2, name: "自检" },
@@ -1081,14 +1076,8 @@ export default {
         { id: 4, name: "治疗" },
         { id: 5, name: "消毒" }
       ],
-      Disinfectant: [
-        { id: 1, name: "有" },
-        { id: 2, name: "无" }
-      ],
-      potency: [
-        { id: 1, name: "达标" },
-        { id: 2, name: "未达标" }
-      ],
+      Disinfectant: [{ id: 1, name: "有" }, { id: 2, name: "无" }],
+      potency: [{ id: 1, name: "达标" }, { id: 2, name: "未达标" }],
       disinfection: [
         { id: 1, name: "已消毒" },
         { id: 2, name: "未消毒" },
@@ -1439,11 +1428,13 @@ export default {
     },
     handleSizeChange(limit) {
       this.limit = limit;
-      this.queryInfo();
+      //this.queryInfo();
+      this.getUserForm(this.value);
     },
     handleCurrentChange(page) {
       this.page = page;
-      this.queryInfo();
+      // this.queryInfo();
+      this.getUserForm(this.value);
     },
     getTime(time) {
       return uParseTime(time, "{y}-{m}-{d}");
@@ -1703,6 +1694,7 @@ export default {
       ).then(response => {
         if (response.data.state === 1) {
           var information = response.data.data.infor;
+          console.log("information",information)
           for (let index = 0; index < information.length; index++) {
             if (information[index].class === 0) {
               information[index].class = "";
@@ -2233,6 +2225,7 @@ export default {
             // this.form.bed = information[index].bed_number
           }
           var total = response.data.data.total;
+          console.log("total", total);
           this.tableData = information;
           this.total = total;
         }
@@ -2363,6 +2356,7 @@ export default {
       console.log("newvalue是什么", newvalue);
       this.getUserForm(newvalue);
       this.getBedForm(newvalue);
+      this.value = newvalue;
     }
   }
 };

src/xt_pages/role/components/EditRole.vue

@@ -1,75 +1,75 @@
 <template>
   <el-dialog title="新增用户" width="660px" :visible.sync="visible" :before-close="_close">
-    <!-- <el-form :model="form" :rules="rules" ref="form" label-width="90px">
+     <el-form :model="form" :rules="rules" ref="form" label-width="90px">
             <el-form-item label="角色名称 : " prop="name">
                 <el-input v-model="form.name" placeholder="" maxlength="30" ></el-input>
             </el-form-item>
             <el-form-item label="角色描述 : " prop="intro">
                 <el-input type="textarea" v-model="form.intro" placeholder="" resize="none" rows="4" ></el-input>
             </el-form-item>
-    </el-form>-->
-    <div class="chooseuser">
-      <span style="color:#303133">选择用户：</span>
-      <el-radio v-model="checked" label="1">从已有员工中选择</el-radio>
-      <el-radio v-model="checked" label="2">新增员工</el-radio>
-    </div>
-    <div v-if="checked == '1'" class="roleContent">
-      <div class="roleContentLeft">
-        <p style="color:#303133">选择：</p>
-        <div class="chooseBox">
-          <div>
-            <el-checkbox
-              :indeterminate="isIndeterminate"
-              v-model="checkAll"
-              @change="handleCheckAllChange"
-            >全选</el-checkbox>
-          </div>
-          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
-            <!-- <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> -->
-            <div class="checkone" v-for="city in cities" :key="city">
-              <el-checkbox :label="city">
-                <img src="https://kuyi.shengws.com/S1.png" alt />
-                <span>名字</span>
-              </el-checkbox>
-            </div>
-          </el-checkbox-group>
-        </div>
-      </div>
-      <div class="roleContentRight">
-        <p style="color:#303133">已选：</p>
-        <div class="chooseBox">
-          <div class="hasChoosedOne">
-            <img src="https://kuyi.shengws.com/S1.png" alt />
-            <span>名字</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-if="checked == '2'" class="newStaff">
-      <el-form
-        :model="ruleForm"
-        :rules="newrules"
-        label-position="right"
-        label-width="80px"
-        style="width:40%"
-      >
-        <el-form-item label="姓名" prop="name">
-          <el-input v-model="ruleForm.name"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model="ruleForm.phone"></el-input>
-        </el-form-item>
-        <el-form-item label="职位">
-          <el-input></el-input>
-        </el-form-item>
-      </el-form>
-      <div class="newItem">
-        <p style="width:80px;text-align:right;padding-right:8px">
-          <i class="el-icon-circle-plus" style="font-size:20px;color:#338AFB"></i>
-        </p>
-        <p style="color:#409FFF">继续新增员工</p>
-      </div>
-    </div>
+    </el-form>
+<!--    <div class="chooseuser">-->
+<!--      <span style="color:#303133">选择用户：</span>-->
+<!--      <el-radio v-model="checked" label="1">从已有员工中选择</el-radio>-->
+<!--      <el-radio v-model="checked" label="2">新增员工</el-radio>-->
+<!--    </div>-->
+<!--    <div v-if="checked == '1'" class="roleContent">-->
+<!--      <div class="roleContentLeft">-->
+<!--        <p style="color:#303133">选择：</p>-->
+<!--        <div class="chooseBox">-->
+<!--          <div>-->
+<!--            <el-checkbox-->
+<!--              :indeterminate="isIndeterminate"-->
+<!--              v-model="checkAll"-->
+<!--              @change="handleCheckAllChange"-->
+<!--            >全选</el-checkbox>-->
+<!--          </div>-->
+<!--          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">-->
+<!--            &lt;!&ndash; <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> &ndash;&gt;-->
+<!--            <div class="checkone" v-for="city in cities" :key="city">-->
+<!--              <el-checkbox :label="city">-->
+<!--                <img src="https://kuyi.shengws.com/S1.png" alt />-->
+<!--                <span>名字</span>-->
+<!--              </el-checkbox>-->
+<!--            </div>-->
+<!--          </el-checkbox-group>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--      <div class="roleContentRight">-->
+<!--        <p style="color:#303133">已选：</p>-->
+<!--        <div class="chooseBox">-->
+<!--          <div class="hasChoosedOne">-->
+<!--            <img src="https://kuyi.shengws.com/S1.png" alt />-->
+<!--            <span>名字</span>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--    </div>-->
+<!--    <div v-if="checked == '2'" class="newStaff">-->
+<!--      <el-form-->
+<!--        :model="ruleForm"-->
+<!--        :rules="newrules"-->
+<!--        label-position="right"-->
+<!--        label-width="80px"-->
+<!--        style="width:40%"-->
+<!--      >-->
+<!--        <el-form-item label="姓名" prop="name">-->
+<!--          <el-input v-model="ruleForm.name"></el-input>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="手机号" prop="phone">-->
+<!--          <el-input v-model="ruleForm.phone"></el-input>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="职位">-->
+<!--          <el-input></el-input>-->
+<!--        </el-form-item>-->
+<!--      </el-form>-->
+<!--      <div class="newItem">-->
+<!--        <p style="width:80px;text-align:right;padding-right:8px">-->
+<!--          <i class="el-icon-circle-plus" style="font-size:20px;color:#338AFB"></i>-->
+<!--        </p>-->
+<!--        <p style="color:#409FFF">继续新增员工</p>-->
+<!--      </div>-->
+<!--    </div>-->
     <div slot="footer" class="dialog-footer">
       <el-button @click="hide">取 消</el-button>
       <el-button type="primary" @click="submitAction()">保 存</el-button>

src/xt_pages/role/role.vue

@@ -11,7 +11,7 @@
       >新增</el-button>
     </div>
     <div class="app-container">
-      <!-- <el-table
+     <el-table
         :data="roles"
         v-loading="loading_roles"
         border
@@ -82,145 +82,145 @@
             layout="total, prev, pager, next, jumper"
           ></el-pagination>
         </el-col>
-      </el-row>-->
+      </el-row>
 
       <edit-role ref="edit_role" @did-add-role="didAddRole" @did-edit-role="didModifyRole"></edit-role>
       <permission-settings ref="permission_settings"></permission-settings>
-      <div class="roleBox">
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px" @click="onClick">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc1.png" alt />
-            <p class="avatarname">子管理员</p>
-          </div>
-          <div class="roleTip">子管理员角色具备平台全部功能的使用权限,请谨慎配置...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc2.png" alt />
-            <p class="avatarname">医生</p>
-          </div>
-          <div class="roleTip">医生角色能够进行建立患者档案，制定和调整患者透析治疗方案，定期评价病人的透析质量等...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc3.png" alt />
-            <p class="avatarname">护士</p>
-          </div>
-          <div class="roleTip">护士角色能够进行病人透析管理，以及医院的感染控制与消毒记录等...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc2.png" alt />
-            <p class="avatarname">技师</p>
-          </div>
-          <div class="roleTip">技师角色能够进行设备的管理，日常维护维修记录等...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc2.png" alt />
-            <p class="avatarname">运营</p>
-          </div>
-          <div class="roleTip">运营角色能够在SCRM中管理微网站、使用营销工具、做会员管理和分销商品经营的操作...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc4.png" alt />
-            <p class="avatarname">库存</p>
-          </div>
-          <div class="roleTip">库存角色负责透析耗材的日常管理，对耗材的入库、出库、退库的登记操作...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc5.png" alt />
-            <p class="avatarname">院长</p>
-          </div>
-          <div class="roleTip">院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-      </div>
+<!--      <div class="roleBox">-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px" @click="onClick">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc1.png" alt />-->
+<!--            <p class="avatarname">子管理员</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">子管理员角色具备平台全部功能的使用权限,请谨慎配置...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc2.png" alt />-->
+<!--            <p class="avatarname">医生</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">医生角色能够进行建立患者档案，制定和调整患者透析治疗方案，定期评价病人的透析质量等...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc3.png" alt />-->
+<!--            <p class="avatarname">护士</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">护士角色能够进行病人透析管理，以及医院的感染控制与消毒记录等...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc2.png" alt />-->
+<!--            <p class="avatarname">技师</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">技师角色能够进行设备的管理，日常维护维修记录等...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc2.png" alt />-->
+<!--            <p class="avatarname">运营</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">运营角色能够在SCRM中管理微网站、使用营销工具、做会员管理和分销商品经营的操作...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc4.png" alt />-->
+<!--            <p class="avatarname">库存</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">库存角色负责透析耗材的日常管理，对耗材的入库、出库、退库的登记操作...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc5.png" alt />-->
+<!--            <p class="avatarname">院长</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
     </div>
   </div>
 </template>