peisweb/src/views/Home.vue

<template>
  <div style="background: #F4F8FF">
    <el-container style="background: ">
      <el-header
        style="background-color: ; line-height: 56px"
        class="principalheader"
      >
        <div class="navs">
          <img
            src="@/assets/images/logo2.png"
            alt=""
            style="width: 24px; height: 24px"
          />
          <div class="maintitle">神豚体检管理系统</div>
          <div style="margin-left: 5%" :class="className==='userlist'?'actived userlist':'userlist'">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link">
                <span style="margin-top: 10px">
                  <!-- <img
                    class="iconimg titleimg"
                    src="@/assets/images/usericon.png"
                    alt=""
                    style="width: 20px; line-height: 150px; padding-top: 5px"
                  /> -->
                </span>
                <!-- <span style="width: 20px">1</span> -->

                权限管理</span
              >
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item
                  :command="beforeHandleCommand('userlist', 'organization-units')"
                  class="dropdownmain"
                  >科室设置</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('userlist', 'role')" class="dropdownmain"
                  >角色管理</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('userlist', 'user-list')" class="dropdownmain"
                  >用户管理</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('userlist', 'audit-log')" class="dropdownmain"
                  >安全日志</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('userlist', 'menuPage')" class="dropdownmain">菜单与页面</el-dropdown-item>
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!-- 基础字典 -->
          <div
            style="margin-left: 10px; padding: 0 5px"
            :class="className==='basicdictionany'?'actived basicdictionany':'basicdictionany'"
          >
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link" style="margin-left: 10px">
                <!-- <img
                  src="@/assets/images/feesettings.png"
                  alt=""
                  style="width: 20px; height: 20px"
                  class="basicimg titleimg"
                /> -->
                基础字典</span
              >
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'guide-type')" class="dropdownmain"
                  >导引类别</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'medical-report-type')"
                  class="dropdownmain"
                  >体检报告类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'sex')" class="dropdownmain"
                  >性别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'marital-status')" class="dropdownmain"
                  >婚姻状况</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'nation')" class="dropdownmain"
                  >民族</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'birth-place')" class="dropdownmain"
                  >籍贯</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'result-status')" class="dropdownmain"
                  >结果状态</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'edical-type')" class="dropdownmain"
                  >体检类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'personnel-type')" class="dropdownmain"
                  >人员类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'device-type')" class="dropdownmain"
                  >仪器类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'sample-type')" class="dropdownmain"
                  >标本类型</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'unit')" class="dropdownmain"
                  >计量单位</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'diagnosis-postfix')"
                  class="dropdownmain"
                  >诊断后缀</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'medical-conclusion-type')"
                  class="dropdownmain"
                  >体检结论类别</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'medical-conclusion')"
                  class="dropdownmain"
                  >体检结论</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'sample-container')"
                  class="dropdownmain"
                  >标本容器</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'common-char-type')"
                  class="dropdownmain"
                  >常用字符类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'common-char')" class="dropdownmain"
                  >常用字符</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'customer-org-type')"
                  class="dropdownmain"
                  >客户单位类别</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('basicdictionany', 'item-default-result')"
                  class="dropdownmain"
                  >项目默认结果</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('basicdictionany', 'diagnosis-level')" class="dropdownmain"
                  >诊断级别</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!-- 收费设置 -->
          <div :class="className==='charge'?'actived charge':'charge'" style="margin-left: 20px">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link">
                <!-- <img
                  src="@/assets/images/chargeimg.png"
                  alt=""
                  style="width: 20px; height: 20px"
                  class="chargeimg titleimg"
                /> -->
                收费设置</span
              >
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item
                  :command="beforeHandleCommand('charge', 'invoice-item-type')"
                  class="dropdownmain"
                  >发票项目类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('charge', 'pay-mode')" class="dropdownmain"
                  >支付方式</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('charge', 'cardType')" class="dropdownmain"
                  >会员卡类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('charge', 'cardRegister')" class="dropdownmain"
                  >会员卡管理</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('charge', 'cardBill')" class="dropdownmain"
                  >会员卡记账</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!--常用设置  -->
          <div :class="className==='fee-settings'?'actived fee-settings':'fee-settings'" style="margin-left: 20px">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link">
                <!-- <img
                  src="@/assets/images/commonsetting.png"
                  alt=""
                  class="commonsettingimg titleimg"
                /> -->
                常用设置</span
              >
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'item-type')" class="dropdownmain"
                  >项目类别</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'item')" class="dropdownmain"
                  >项目设置</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'asbitem')" class="dropdownmain"
                  >组合项目</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'sample-group')" class="dropdownmain"
                  >条码分组</el-dropdown-item
                >
                <!-- <el-dropdown-item
                  @click.native="$router.push({ path: '/reference-range' })"
                  >参考范围</el-dropdown-item
                > -->
                <!-- <el-dropdown-item
                  @click.native="
                    $router.push({ path: '/sex-hormone-reference-range' })
                  "
                  >性激素参考范围</el-dropdown-item
                > -->
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'diagnosisSet')" class="dropdownmain"
                  >诊断建议设置</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('fee-settings', 'diagnosis-template')"
                  class="dropdownmain"
                  >诊断模板</el-dropdown-item
                >
                <!--
                <el-dropdown-item
                  command="item-result-template"
                  class="dropdownmain"
                  >项目结果模板</el-dropdown-item
                >
                <el-dropdown-item
                  command="item-result-match"
                  class="dropdownmain"
                  >项目结果匹配</el-dropdown-item
                >
                -->
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'item-template')" class="dropdownmain"
                  >项目模板</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'medicalPackage')" class="dropdownmain"
                  >套餐设置</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('fee-settings', 'sys-parm-type')" class="dropdownmain"
                  >系统参数</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!-- 体检登记 -->
          <div :class="className==='examinationregistration'?'actived examinationregistration':'examinationregistration'" style="margin-left: 20px">
            <el-dropdown
              @command="handleCommand"
              
              class="dropdowncolor"
            >
              <span class="el-dropdown-link">
                <!-- <img
                  src="@/assets/images/registrationimg.png"
                  alt=""
                  class="registrationimgimges"
                /> -->
                体检登记</span
              >
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item :command="beforeHandleCommand('examinationregistration', 'customerOrg')" class="dropdownmain"
                  >体检单位设置</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('examinationregistration', 'customerOrgGroup')"
                  class="dropdownmain"
                  >单位分组设置</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('examinationregistration', 'patientRegister')" class="dropdownmain"
                  >体检人员登记</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('examinationregistration', 'patientRegisterBatch')" class="dropdownmain"
                  >人员批量登记</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('examinationregistration', 'patientRegisterSign')"
                  class="dropdownmain"
                  >体检人员签到</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('examinationregistration', 'patientRegisterRecover')"
                  class="dropdownmain"
                  >体检表回收</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('examinationregistration', 'patientRegisterRefuse')"
                  class="dropdownmain"
                  >弃检登记</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('examinationregistration', 'charge')" class="dropdownmain"
                  >体检收费</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!-- 体检 -->
          <div :class="className==='physicalexamination'?'actived physicalexamination':'physicalexamination'" style="margin-left: 10px">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link">体检</span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item :command="beforeHandleCommand('physicalexamination', 'doctorCheck')" class="dropdownmain"
                  >体检医生诊台</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('physicalexamination', 'sumDoctorCheck')" class="dropdownmain"
                  >总检医生诊台</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!-- 体检查询 -->
          <div style="margin-left: 10px" :class="className==='examinationquery'?'actived examinationquery':'examinationquery'" >
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link">体检查询</span>
              <el-dropdown-menu slot="dropdown" style="width: 180px">
                <el-dropdown-item :command="beforeHandleCommand('examinationquery', 'report')" class="dropdownmain"
                  >体检报告</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('examinationquery', 'checkStatus')" class="dropdownmain"
                  >组合项目检查状态</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('examinationquery', 'chargeAsbitem')" class="dropdownmain"
                  >人员费用组合项目</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('examinationquery', 'unCheckAsbitem')" class="dropdownmain"
                  >人员未检组合项目</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('examinationquery', 'patientRegisterRecover')"
                  class="dropdownmain"
                  >回收表格查询</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!-- 客户报表 -->
          <div :class="className==='reportforms'?'actived reportforms':'reportforms'"  style="margin-left: 15px">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link"> 客户报表 </span>
              <el-dropdown-menu slot="dropdown" style="width: 200px">
                <el-dropdown-item
                  :command="beforeHandleCommand('reportforms', 'diseaseStatistics')"
                  class="dropdownmain"
                  >疾病人数统计</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('reportforms', 'positiveResultsList')" class="dropdownmain"
                  >阳性结果人员</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('reportforms', 'unitphysicalexamination')"
                  class="dropdownmain"
                  >单位体检报表</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('reportforms', 'personnelPositive')"
                  class="dropdownmain"
                  >人员阳性结果</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('reportforms', 'combinationDetails')"
                  class="dropdownmain"
                  >组合项目具体结果统计</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>          
          <!-- 收费 -->
          <div :class="className==='workload'?'actived workload':'workload'" style="margin-left: 15px">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link"> 工作量统计 </span>
              <el-dropdown-menu slot="dropdown" style="width: 170px">
                <el-dropdown-item :command="beforeHandleCommand('workload', 'registrar')" class="dropdownmain"
                  >登记员工作量</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('workload', 'doctorstaionworkload')"
                  class="dropdownmain"
                  >医生站工作量</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('workload', 'directordoctor')" class="dropdownmain"
                  >总检工作量</el-dropdown-item
                >
                 <el-dropdown-item :command="beforeHandleCommand('workload', 'examinedoctor')" class="dropdownmain"
                  >审核工作量</el-dropdown-item
                >
                 <el-dropdown-item :command="beforeHandleCommand('workload', 'peisworkload')" class="dropdownmain"
                  >体检工作量</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('workload', 'deskwork')" class="dropdownmain"
                  >科室工作量</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('workload', 'collectionbloodnurse')" class="dropdownmain"
                  >采血护士工作量</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!--  -->
          <!-- 收费 -->
          <div :class="className==='feereport'?'actived feereport':'feereport'" style="margin-left: 15px">
            <el-dropdown
              @command="handleCommand"
              
            >
              <span class="el-dropdown-link"> 收费 </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item :command="beforeHandleCommand('feereport', 'tollcollector')" class="dropdownmain"
                  >收费员报表</el-dropdown-item
                >
                <el-dropdown-item
                  :command="beforeHandleCommand('feereport', 'individualfeedetails')"
                  class="dropdownmain"
                  >个人收费明细</el-dropdown-item
                >
                <el-dropdown-item :command="beforeHandleCommand('feereport', 'membershipcard')" class="dropdownmain"
                  >会员卡分类</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
          <!--  -->
          <div class="btn">
            <img
              src="@/assets/images/me.png"
              alt=""
              class="currentuser"
            />
            <!-- <i class="el-icon-arrow-down el-icon--right"></i> -->
            <el-dropdown>
              <span class="el-dropdown-link" style="color:#222531;font-weight: 700;">
                <!-- <img
                  src="@/assets/images/frame.png"
                  alt=""
                  style="width: 20px; height: 20px"
                  class="operateimg"
                /> -->
                {{ user }} <i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <el-dropdown-item @click.native="logout"
                  >退出登录</el-dropdown-item
                >
                <el-dropdown-item @click.native="editpassword"
                  >修改密码</el-dropdown-item
                >
                <el-dropdown-item @click.native="toggleDevTools"
                  >调试工具</el-dropdown-item
                >
              </el-dropdown-menu>
            </el-dropdown>
          </div>
        </div>
      </el-header>
      <!-- 修改密码弹框 -->
      <el-dialog
        title="修改密码"
        :visible.sync="dialogVisible"
        width="30%"
        :close-on-click-modal="false"
      >
        <el-form
          :model="form"
          :rules="rules"
          ref="ruleForm"
          label-width="100px"
        >
          <el-form-item label="旧密码" prop="oldPassWord">
            <el-input
              v-model="form.oldPassWord"
              autocomplete="new-password"
              show-password
            ></el-input>
          </el-form-item>
          <el-form-item label="新密码" prop="newPassWord">
            <el-input
              v-model="form.newPassWord"
              autocomplete="new-password"
              show-password
            ></el-input>
          </el-form-item>
          <el-form-item label="确认密码" prop="newPassWord">
            <el-input
              v-model="confirmpassword"
              type="password"
              autocomplete="new-password"
              show-password
            ></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="determine">确 定</el-button>
        </span>
      </el-dialog>
      <el-container>
        <!-- <el-aside :width="isCollapse ? '64px' : '220px'">
          <el-menu
            style="height: 100%"
            default-active="2"
            class="el-menu-vertical-demo"
            background-color="#545c64"
            router
            active-text-color="#fff"
            :unique-opened="true"
            text-color="#000"
            @select="aa"
            :collapse="isCollapse"
            :collapse-transition="false"
          >
            <div class="collapseandunfoled" @click="isCollapse = !isCollapse">
              <i class="el-icon-s-operation"></i>
            </div>
            <el-submenu index="1">
              <template slot="title">
                <i class="el-icon-document"></i>
                <span>用户权限管理</span>
              </template>
              <el-menu-item index="role">
                <i class="el-icon-menu"></i> <span slot="title">角色管理</span>
              </el-menu-item>
              <el-menu-item index="user-list">
                <i class="el-icon-menu"></i> <span slot="title">用户管理</span>
              </el-menu-item>
              <el-menu-item index="organization-units"
                ><i class="el-icon-menu"></i><span slot="title">组织架构</span>
              </el-menu-item>
              <el-menu-item index="audit-log">
                <i class="el-icon-menu"></i> <span slot="title">安全日志</span>
              </el-menu-item>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title">
                <i class="el-icon-s-tools"></i>
                <span>基础字典</span>
              </template>
              <el-menu-item index="guide-type"
                ><i class="el-icon-menu"></i>导引类别</el-menu-item
              >
              <el-menu-item index="medical-report-type"
                ><i class="el-icon-menu"></i>体检报告类别</el-menu-item
              >
              <el-menu-item index="sex"
                ><i class="el-icon-menu"></i>性别</el-menu-item
              >
              <el-menu-item index="marital-status"
                ><i class="el-icon-menu"></i>婚姻状况</el-menu-item
              >
              <el-menu-item index="nation"
                ><i class="el-icon-menu"></i>民族</el-menu-item
              >
              <el-menu-item index="birth-place"
                ><i class="el-icon-menu"></i>籍贯</el-menu-item
              >
              <el-menu-item index="result-status"
                ><i class="el-icon-menu"></i>结果状态</el-menu-item
              >
              <el-menu-item index="medical-type"
                ><i class="el-icon-menu"></i>体检类别</el-menu-item
              >
              <el-menu-item index="personnel-type"
                ><i class="el-icon-menu"></i>人员类别</el-menu-item
              >
              <el-menu-item index="device-type"
                ><i class="el-icon-menu"></i>仪器类别</el-menu-item
              >
              <el-menu-item index="sample-type"
                ><i class="el-icon-menu"></i>标本类型</el-menu-item
              >
              <el-menu-item index="unit"
                ><i class="el-icon-menu"></i>单位</el-menu-item
              >
              <el-menu-item index="diagnosis-postfix"
                ><i class="el-icon-menu"></i>诊断后缀</el-menu-item
              >
              <el-menu-item index="medical-conclusion-type"
                ><i class="el-icon-menu"></i>体检结论类别</el-menu-item
              >
              <el-menu-item index="medical-conclusion"
                ><i class="el-icon-menu"></i>体检结论</el-menu-item
              >
              <el-menu-item index="sample-container"
                ><i class="el-icon-menu"></i>标本容器</el-menu-item
              >
              <el-menu-item index="common-char-type"
                ><i class="el-icon-menu"></i>常用字符类别</el-menu-item
              >
              <el-menu-item index="common-char"
                ><i class="el-icon-menu"></i>常用字符</el-menu-item
              >
              <el-menu-item index="customer-org-type"
                ><i class="el-icon-menu"></i>客户单位类别</el-menu-item
              >
              <el-menu-item index="item-default-result"
                ><i class="el-icon-menu"></i>项目默认结果</el-menu-item
              >
              <el-menu-item index="diagnosis-level"
                ><i class="el-icon-menu"></i>诊断级别</el-menu-item
              >
            </el-submenu>
            <el-submenu index="3">
              <template slot="title">
                <i class="el-icon-s-tools"></i>
                <span>收费设置</span>
              </template>
              <el-menu-item index="invoice-item-type"
                ><i class="el-icon-menu"></i>发票项目类别</el-menu-item
              >
              <el-menu-item index="pay-mode"
                ><i class="el-icon-menu"></i>支付方式</el-menu-item
              >
            </el-submenu>
            <el-submenu index="4">
              <template slot="title">
                <i class="el-icon-s-tools"></i>
                <span>常用设置</span>
              </template>
              <el-menu-item index="item-type"
                ><i class="el-icon-menu"></i>项目类别</el-menu-item
              >
              <el-menu-item index="sample-group"
                ><i class="el-icon-menu"></i>条码分组</el-menu-item
              >
              <el-menu-item index="asbitem"
                ><i class="el-icon-menu"></i>组和项目</el-menu-item
              >
              <el-menu-item index="item"
                ><i class="el-icon-menu"></i>项目</el-menu-item
              >
              <el-menu-item index="reference-range"
                ><i class="el-icon-menu"></i>参考范围</el-menu-item
              >
              <el-menu-item index="sex-hormone-reference-range"
                ><i class="el-icon-menu"></i>性激素参考范围</el-menu-item
              >
              <el-menu-item index="diagnosis"
                ><i class="el-icon-menu"></i>诊断</el-menu-item
              >
              <el-menu-item index="diagnosis-template"
                ><i class="el-icon-menu"></i>诊断模板</el-menu-item
              >
              <el-menu-item index="item-result-template"
                ><i class="el-icon-menu"></i>项目结果模板</el-menu-item
              >
              <el-menu-item index="item-result-match"
                ><i class="el-icon-menu"></i>项目结果匹配</el-menu-item
              >
              <el-menu-item index="item-template"
                ><i class="el-icon-menu"></i>项目模板</el-menu-item
              >
              <el-menu-item index="medical-package"
                ><i class="el-icon-menu"></i>套餐</el-menu-item
              >
              <el-menu-item index="sys-parm-type"
                ><i class="el-icon-menu"></i>系统参数</el-menu-item
              >
            </el-submenu>
            <el-submenu index="5">
              <template slot="title">
                <i class="el-icon-document"></i>
                <span>体检登记</span>
              </template>
              <el-menu-item index="customerOrg">
                <i class="el-icon-menu"></i>
                <span slot="title">体检单位设置</span>
              </el-menu-item>
              <el-menu-item index="customerOrgGroup">
                <i class="el-icon-menu"></i>
                <span slot="title">单位分组设置</span>
              </el-menu-item>
              <el-menu-item index="patientRegister">
                <i class="el-icon-menu"></i>
                <span slot="title">体检人员登记</span>
              </el-menu-item>
              <el-menu-item index="patientRegisterSign">
                <i class="el-icon-menu"></i>
                <span slot="title">体检人员签到</span>
              </el-menu-item>
              <el-menu-item index="patientRegisterRecover">
                <i class="el-icon-menu"></i>
                <span slot="title">体检表回收</span>
              </el-menu-item>
              <el-menu-item index="patientRegisterRefuse">
                <i class="el-icon-menu"></i> <span slot="title">弃检登记</span>
              </el-menu-item>
            </el-submenu>
            <el-submenu index="6">
              <template slot="title">
                <i class="el-icon-document"></i>
                <span>体检</span>
              </template>
              <el-menu-item index="doctorCheck">
                <i class="el-icon-menu"></i>
                <span slot="title">体检医生诊台</span>
              </el-menu-item>
              <el-menu-item index="sumDoctorCheck">
                <i class="el-icon-menu"></i>
                <span slot="title">总检医生诊台</span>
              </el-menu-item>              
            </el-submenu>
          </el-menu>
        </el-aside> -->
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
///api/app/item/in-filter
import router from "@/router";
import { postapi } from "@/api/api";
import { mapState } from "vuex";
export default {
  data() {
    return {
      className:'',
      index: 1,
      isCollapse: false,
      user: "",
      dialogVisible: false,
      password: "",
      form: {
        oldPassWord: "",
        newPassWord: "",
      },
      confirmpassword: "",
      rules: {
        oldPassWord: [
          { required: true, message: "请输入旧密码", trigger: "blur" },
        ],
        newPassWord: [
          { required: true, message: "请输入新密码", trigger: "blur" },
        ],
      },
    };
  },
  computed: {
    ...mapState(["changepassword", "router"]),
  },
  created() {
    let expires_in = parseInt(window.sessionStorage.getItem("expires_in"))
    //console.log("dqtime / expires_in",dqtime,expires_in)
    if(!expires_in){
      router.push({ path: "/Login" });
      return;
    }

    this.password = this.changepassword;
    // console.log(this.password);
    // console.log(this.$store.state.changepassword, "ssssssssssss");
    this.user = window.sessionStorage.getItem("user");

  },
  methods: {
    handleCommand(val) {
      this.className=val.flag
      if (this.router.path != val.command) {
        this.router.path = val.command;
        this.$router.push({ path: val.command }).catch(() => {});
      }
      // let menuId = arguments[1].$parent.$el.id
      // let menuList = document.getElementById(menuId)
      // console.log(menuList)
    },
    beforeHandleCommand(flag, command) { 
  return {
     'flag': flag,
     'command': command
  }
},
    //确定修改密码按钮
    determine() {
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
          if (this.form.oldPassWord != this.password) {
            this.$message.warning("旧密码输入错误");
          } else if (this.confirmpassword != this.form.newPassWord) {
            this.$message.warning("二次输入的密码不一致");
          } else {
            postapi("/api/identity/users/updatepassword", this.form).then(
              (res) => {
                console.log("修改成功");
                this.dialogVisible = false;
              }
            );
          }
        }
      });
    },
    //修改密码
    editpassword() {
      this.dialogVisible = true;
      console.log(this.password);
    },
    //退出登录
    logout() {
      // window.sessionStorage.removeItem("tokentype");
      // window.sessionStorage.removeItem("token");
      // window.sessionStorage.removeItem(['expires_in','tokentype','refresh_token','user','token'])
      window.sessionStorage.clear();
      this.$router.push({ path: "/login" });
    },
    aa(aa) {
      console.log(aa);
    },
    //打开客户端调试工具
    toggleDevTools() {
      if(!this.$peisAPI) {
        this.$message.info("此功能，需要在壳客户端才可运行！")
        return       
      }
      this.$peisAPI.toggleDevTools();
    },
  },
  components: { router },
};
</script>
<style scoped>
@import '../assets/css/global_card.css';

.dropdownmain:hover {
  background-color: rgb(204, 249, 203);
  color: rgb(30, 150, 63);
  /* color: #2BCA84; */
  font-weight: 700;
}
.titleimg :hover {
  width: 30px;
  background-color: rgb(34, 149, 98);
  z-index: 99;
}
.el-dropdown-link:hover {
  /* background-color: rgb(202, 249, 203); */
  color: #396FFA;
  font-weight: 700;
  /* background-color: ; */
  /* border-top-left-radius: 5px;
  border-top-right-radius: 5px; */
  font-family: "NotoSansSC-Bold";
}
::v-deep .el-menu--horizontal > .el-submenu .el-submenu__title {
  font-size: 16px;
}
.dropdowncolor {
  font-size: 12px;
}
.el-dropdown {
  color: rgb(140, 135, 134);
  font-size: 12px;
}
.currentuser {
  width: 32px;
  height: 32px;
  position: relative;
  right: 2%;
  top: 10px;
  color: #000;
  font-size: 18px;
  z-index: 99;
}
.registrationimgimges {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -15px;
  top: 15px;
}
.commonsettingimg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -15px;
  top: 15px;
}
.chargeimg {
  position: absolute;
  left: -15px;
  top: 15px;
}
.basicimg {
  position: absolute;
  left: -17px;
  top: 15px;
}
.iconimg {
  position: absolute;
  left: 0px;
  top: 10px;
}
.el-dropdown-link {
  font-size: 14px;
  margin: 0 5px;
  font-weight: 400;
  color: #52555F;
  font-family: "NotoSansSC-Regular";
}
.principalheader {
  background-color: #fff;
  opacity: 1;
  /* opacity: 0.8;
  opacity: 0.8; */
  color: #ccc;
  border: 1px solid #ccc;
}

.el-dropdown-item {
  text-align: center;
}

.el-dropdown-menu {
  text-align: center;
  overflow: scroll;
  max-height: 500px;
  width: 150px;
  overflow-x: hidden;
  /* margin-left: 5%; */
}

.el-header {
  position: fixed;
  /* top:0;
  left: 0; */
  width: 100%;
  overflow: hidden;
  overflow: auto;
  z-index: 999;
}

.el-container {
  /* position: fixed; */
  width: 100%;
}

.el-dropdown-link {
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
}

.el-menu {
  border-right: none;
}

.expandend {
  text-align: center;
  margin-right: 5%;
}

.navs {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  flex-flow: 1;
}
::v-deep .el-card__body {
  /* height: 90vh; */
  height: 100%;
  overflow-y: auto;
}
.maintitle {
  font-size: 20px;
  font-weight: 600;
  color: #232748;
  margin-left: 10px;
  font-family: "NotoSansSC-Bold";
}
::v-deep .el-dropdown-menu item:not(.is-disabled) {
  color: #fff;
}
.el-header {
  height: 70px;
}
::v-deep .el-select-dropdown {
  background: #ccc;
}
.operateimg {
  position: relative;
  left: 0;
  top: 5px;
}
.el-aside {
  /* height: calc(100vh, -70px); */
  height: calc(100vh - 0px);
  /* height: 100%; */
  height: 91.5vh;
  /* height: 100%; */
  /* height: calc(100vh, -0px); */
}

.el-main {
  margin-top: 60px;
  height: calc(100vh, -70px);
}

.el-menu-vertical-demo .el-menu {
  /* min-height: 100vh; */
  height: calc(100vh, -70px);
}

.btn {
  color: #000;
  font-weight: 700;
  /* margin-left: 60%; */
  /* position: relative;
  right: -70%; */
  margin-left: auto;
}

.collapseandunfoled {
  text-align: center;
  line-height: 40px;
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
/* .actived {
  color: #396FFA!important;
  border-bottom: 4px solid #396FFA;
  font-weight: 700;
} */
.actived .el-dropdown-link{
  color: #396FFA!important;
  font-weight: 700;
  font-family: "NotoSansSC-Bold";
}
.actived .el-dropdown-link:after{
  content:'';
  width: 100%;
  height: 3px;
  background-color: #396FFA;
  position: absolute;
  bottom:4px;
  left:0;
}
</style>