Browse Source

慢阻肺

hd 3 months ago
parent
commit
4b8e2e7f6e

+ 9 - 0
api/statistics-api.js

@ -560,6 +560,15 @@
    },
    jkCopdPatientDetail(data){
      return httpRequest.get('/doctor/jkCopd/jkCopdPatientDetail', { data })
    },
    distributionPage(data){
      return httpRequest.get('doctor/jkCopd/distributionPage', {data})
    },
    distributionBatch(data){
      return httpRequest.post('doctor/jkCopd/distributionBatch', {data})
    },
    findDistributionBatch(data){
      return httpRequest.get('doctor/jkCopd/findDistributionBatch', {data})
    }
  }

+ 1 - 0
app/statistics/html/comprehensive-query.html

@ -21,6 +21,7 @@
    <link rel="stylesheet" type="text/css" href="../../../component/statistics/CopdServiceRecord/index.css" />
    <link rel="stylesheet" type="text/css" href="../../../component/statistics/HealthRecord/index.css" />
    <link rel="stylesheet" type="text/css" href="../../../component/statistics/CopdRecordSearch/index.css" />
    <link rel="stylesheet" type="text/css" href="../../../component/statistics/copdPatientRecord/index.css" />
    <link rel="stylesheet" type="text/css" href="../../../component/common/jtbc.css" />
  </head>
  <style>

+ 22 - 0
component/statistics/CopdPatientRecord/index.css

@ -29,4 +29,26 @@
.selected{
    border: none!important;
    padding: 0 20px!important;
}
.tag{
    padding: 1px 10px;
    display: inline-block;
    border-radius: 6px;
}
.success{
    background-color: #c0efd0;
    color: #33CC66;
}
.warning{
    background-color: #ffdfb0;
    color: #FF6600;
}
.danger{
    background-color: #ffc0c0;
    color: #FF3333;
}
.primary{
    background-color: #b0dfff;
    color: #0066FF;
}

+ 324 - 223
component/statistics/CopdPatientRecord/index.html

@ -1,239 +1,340 @@
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>慢阻肺患者档案</title>
    <link rel="stylesheet" type="text/css" href="index.css" />
  </head>
<div id="app">
  <div class="copd-table-main">
    <template v-if="showTotalTable">
      <!--过滤器-->
  <body>
    <div id="app">
      <div class="copd-table-main">
        <template v-if="showTotalTable">
          <!--过滤器-->
      <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">
            <label class="c-333 c-f14">确诊年份:</label>
            <el-select v-model="chooseYear" class="pr20 formWidth wd160">
              <el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
            </el-select>
          </label>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">患者姓名:</label>
          <el-input v-model="name" class="pr20 formWidth wd160" placeholder="请输入患者姓名查询"></el-input>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">下转状态:</label>
          <el-select class="pr20 formWidth" v-model="turnDownStatus" placeholder="请选择">
            <el-option v-for="(option, index) in transferStatusOptions" :label="option.value" :value="option.code"></el-option>
            <!-- <el-option label="全部" value="item.value"></el-option> -->
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">接收状态:</label>
          <el-select class="pr20 formWidth" v-model="receiveStatus" placeholder="请选择">
            <el-option v-for="(option, index) in receiveStatusOptions" :label="option.label" :value="option.value"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">接收社区医院:</label>
          <el-select class="pr20 formWidth" v-model="hospital" placeholder="请选择">
            <el-option v-for="(option, index) in receivingHospitalList" :label="option.name" :value="option.code"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">接收医生:</label>
          <el-input class="pr20 formWidth wd160" v-model="doctorName" placeholder="请输入医生姓名查询"></el-input>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">随访状态:</label>
          <el-select class="pr20 formWidth" v-model="archivesStatus" placeholder="请选择">
            <el-option v-for="(option, index) in followStatusArr" :label="option.value" :value="option.code"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">生存状态:</label>
          <el-select class="pr20 formWidth" v-model="isLive" placeholder="请选择">
            <el-option v-for="(option, index) in survivalStatusOption" :label="option.value" :value="option.code"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
          <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">
                <label class="c-333 c-f14">确诊年份:</label>
                <el-select v-model="chooseYear" class="pr20 formWidth wd160">
                  <el-option v-for="(item , index) in years" :key="index" :label="item" :value="item"></el-option>
                </el-select>
              </label>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">患者姓名:</label>
              <el-input v-model="name" class="pr20 formWidth wd160" placeholder="请输入患者姓名查询"></el-input>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">下转状态:</label>
              <el-select class="pr20 formWidth" v-model="turnDownStatus" placeholder="请选择">
                <el-option v-for="(option, index) in transferStatusOptions" :label="option.value" :value="option.code"></el-option>
                <!-- <el-option label="全部" value="item.value"></el-option> -->
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">接收状态:</label>
              <el-select class="pr20 formWidth" v-model="receiveStatus" placeholder="请选择">
                <el-option v-for="(option, index) in receiveStatusOptions" :label="option.label" :value="option.value"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">接收社区医院:</label>
              <el-select class="pr20 formWidth" v-model="hospital" placeholder="请选择">
                <el-option v-for="(option, index) in receivingHospitalList" :label="option.name" :value="option.code"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">接收医生:</label>
              <el-input class="pr20 formWidth wd160" v-model="doctorName" placeholder="请输入医生姓名查询"></el-input>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">随访状态:</label>
              <el-select class="pr20 formWidth" v-model="archivesStatus" placeholder="请选择">
                <el-option v-for="(option, index) in followStatusArr" :label="option.value" :value="option.code"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">生存状态:</label>
              <el-select class="pr20 formWidth" v-model="isLive" placeholder="请选择">
                <el-option v-for="(option, index) in survivalStatusOption" :label="option.value" :value="option.code"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">首次诊断医院名称:</label>
              <el-input class="pr20 formWidth wd160" v-model="firstOrg" placeholder="请输入医院名称查询"></el-input>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">数据范围:</label>
              <el-select class="pr20 formWidth" v-model="rangeCode" placeholder="请选择" @change="initScope(3)">
                <el-option v-for="(option, index) in rangeList" :label="option.name" :value="option.code"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <label class="c-333 c-f14">地区:</label>
              <el-select v-model="areaCode" style="width: 100px" class="pr10" @change="initScope(5)">
                <el-option v-for="(item , index) in areaList" :key="index" :label="item.name" :value="item.code"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20" v-if="rangeCode=='hospital'">
              <label class="c-333 c-f14">社区:</label>
              <el-select v-model="communityCode" style="width: 200px" class="pr10">
                <el-option v-for="(item , index) in communityList" :key="index" :label="item.name" :value="item.code"></el-option>
              </el-select>
            </div>
            <!--=======================================================-->
            <div class="searchDiv pb20">
              <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
              <!-- <el-upload
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">首次诊断医院名称:</label>
          <el-input class="pr20 formWidth wd160" v-model="firstOrg" placeholder="请输入医院名称查询"></el-input>
        </div>
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">是否签约:</label>
          <el-select v-model="isSign" class="pr20 formWidth" placeholder="请选择是否签约">
            <el-option v-for="item in signList" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </div>
        <div class="searchDiv pb20">
          <label class="c-333 c-f14" style="white-space: nowrap;">户籍地区:</label>
          <el-cascader
            class="formWidth pr20"
            clearable
            width="260px"
            placeholder="请选择地址"
            ref="cascader"
            :options="addressOptions1"
            @active-item-change="function(val){handleItemChange(val, 1)}"
            :props="props"
            v-model="registAddress"></el-cascader>
        </div>
        <div class="searchDiv pb20">
          <label class="c-333 c-f14"  style="white-space: nowrap;">常住地区:</label>
          <el-cascader
            class="pr20"
            clearable
            width="260px"
            placeholder="请选择地址"
            ref="cascader"
            :options="addressOptions2"
            @active-item-change="function(val){handleItemChange(val, 2)}"
            :props="props"
            v-model="liveAddress"></el-cascader>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">数据范围:</label>
          <el-select class="pr20 formWidth" v-model="rangeCode" placeholder="请选择" @change="initScope(3)">
            <el-option v-for="(option, index) in rangeList" :label="option.name" :value="option.code"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <label class="c-333 c-f14">地区:</label>
          <el-select v-model="areaCode" style="width: 100px" class="pr10" @change="initScope(5)">
            <el-option v-for="(item , index) in areaList" :key="index" :label="item.name" :value="item.code"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20" v-if="rangeCode=='hospital'">
          <label class="c-333 c-f14">社区:</label>
          <el-select v-model="communityCode" style="width: 200px" class="pr10">
            <el-option v-for="(item , index) in communityList" :key="index" :label="item.name" :value="item.code"></el-option>
          </el-select>
        </div>
        <!--=======================================================-->
        <div class="searchDiv pb20">
          <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
          <!-- <el-upload
                class="upload-demo"
                active=""
                :on-preview="handlePreview"
                 :file-list="fileList">
              <el-button type="success  " size="mini">导入</el-button>
            </el-upload> -->
              <!-- <div> 
          <!-- <div> 
                <input ref="imgFile" type="file" name="FileUpload" class="file-upload" @change="handlePreview">
              </div>
         -->
              <!-- <el-button type="success  " size="mini" @click="toggle(true)">导入</el-button> -->
              <el-button type="ff9526" size="mini" @click="exportTable">导出</el-button>
              <el-button type="ff9526" size="mini" @click="standardExport" :disabled="exportStandardLoading">国家标准导出</el-button>
              <el-button type="success" size="mini" @click="synPatient">档案同步</el-button>
              <el-button type="primary" size="mini" v-if="isGuGan" @click="openAllocationDialog">分配</el-button>
              <el-button type="primary" size="mini" v-else @click="distributionHospital">批量分配</el-button>
              <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
            </div>
            <!--=======================================================-->
          </div>
          <div class="ad-schedule-import">
            <el-dialog :destroy-on-close="true" title="导入" custom-class="schedule-import" :visible.sync="isShow" :append-to-body="true" width="400px">
              <div>
                <el-form ref="form" label-width="100px">
                  <el-form-item label="居民档案">
                    <el-upload action="" :before-upload="beforeUploadPic" :multiple="false" accept=".xls,.xlsx" :show-file-list="false" :file-list="fileList">
                      <span class="fileName" style="color: #12b7f5">{{file? file.name : '请选择文件'}}</span>
                      <el-button style="vertical-align: middle" size="small" type="primary">选择文件</el-button>
                    </el-upload>
                  </el-form-item>
                </el-form>
              </div>
              <span slot="footer" class="dialog-footer">
                <el-button @click="toggle(false)">取 消</el-button>
                <el-button v-loading="loading" type="primary" @click="check">确 定</el-button>
              </span>
            </el-dialog>
            <el-dialog
              :destroy-on-close="true"
              title="导入进度"
              custom-class="schedule-import"
              :visible.sync="isProgressShow"
              :append-to-body="true"
              :close-on-click-modal="false"
              :close-on-press-escape="false"
              :show-close="false"
              width="400px">
              <div class="tc">
                <div class="mb20">{{percentage!=100? '批量处理中,请耐心等待' : success? '处理成功!' : '处理失败,请重试'}}</div>
                <el-progress v-if="percentage!=100||success" :percentage="percentage"></el-progress>
                <el-progress v-else="" status="exception" :percentage="percentage"></el-progress>
                <div class="err-list" v-if="errList&&errList.length">
                  <div v-for="(item, i) in errList" :key="i" v-html="item.errorMes"></div>
                </div>
                <div class="mt20">
                  <el-button v-if="percentage!=100" type="info">处理中...</el-button>
                  <el-button @click="close()" v-else-if="success" type="primary">处理成功</el-button>
                  <el-button @click="close(1)" v-else type="danger">重试</el-button>
                </div>
              </div>
            </el-dialog>
          </div>
          <el-table style="width: 100%" :data="dataList" v-loading="daLoading" @selection-change="selectionLineChangeHandle">
            <el-table-column type="selection" width="55"></el-table-column>
            <el-table-column prop="name" label="患者姓名" width="180"></el-table-column>
            <el-table-column prop="nationality" label="国籍" width="180"></el-table-column>
            <el-table-column prop="nationName" label="民族" width="180"></el-table-column>
            <el-table-column prop="idcardTypeName" label="证件类型" width="180"></el-table-column>
            <el-table-column prop="idcard" label="证件号码" width="180"></el-table-column>
            <el-table-column prop="sexName" label="性别" width="180"></el-table-column>
            <el-table-column prop="birthday" label="出生日期" width="180"></el-table-column>
            <el-table-column prop="age" label="年龄" width="180"></el-table-column>
            <el-table-column prop="mobile" label="联系电话" width="180"></el-table-column>
            <el-table-column prop="liveAddress" label="常住地址" width="180"></el-table-column>
            <el-table-column prop="registAddress" label="户籍地址" width="180"></el-table-column>
            <el-table-column prop="occupationName" label="职业" width="180"></el-table-column>
            <el-table-column prop="marriageName" label="婚姻状态" width="180"></el-table-column>
            <el-table-column prop="firstChargeType" label="医保类型" width="180"></el-table-column>
            <el-table-column prop="turnDownStatusName" label="下转状态" width="180"></el-table-column>
            <el-table-column prop="receiveStatusName" label="接收状态" width="180"></el-table-column>
            <el-table-column prop="hospitalName" label="接收医院" width="180"></el-table-column>
            <el-table-column prop="doctorName" label="接收医生" width="180"></el-table-column>
            <el-table-column prop="archivesStatusName" label="随访状态" width="180"></el-table-column>
            <el-table-column prop="isLiveName" label="生存状态" width="180"></el-table-column>
            <el-table-column prop="deathTime" label="死亡日期" width="180"></el-table-column>
            <el-table-column label="操作" min-width="220" fixed="right">
              <template slot-scope="{row}">
                <el-button type="text" @click="onClickEdit(row)">编辑</el-button>
                <el-button type="text" @click="onClickServiceRecord(row)">服务记录</el-button>
                <el-button type="text" @click="onClickHealthRecord(row)">健康档案</el-button>
              </template>
            </el-table-column>
          </el-table>
          <div class="c-t-right mt20">
            <!-- TODO 修正 -->
            <el-pagination
              @current-change="handleCurrentChange"
              @size-change="handleSizeChange"
              :current-page.sync="page"
              :page-size="size"
              :page-sizes="[10, 20, 50]"
              layout="total, sizes, prev, pager, next, jumper"
              :total="totalCount"></el-pagination>
          <!-- <el-button type="success  " size="mini" @click="toggle(true)">导入</el-button> -->
          <el-button type="ff9526" size="mini" @click="exportTable">导出</el-button>
          <el-button type="ff9526" size="mini" @click="standardExport" :disabled="exportStandardLoading">国家标准导出</el-button>
          <el-button type="success" size="mini" @click="synPatient">档案同步</el-button>
          <el-button type="primary" size="mini" v-if="isGuGan" @click="openAllocationDialog">分配</el-button>
          <el-button type="primary" size="mini" v-else @click="distributionHospital">批量分配</el-button>
          <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
        </div>
        <!--=======================================================-->
      </div>
      <div class="ad-schedule-import">
        <el-dialog :destroy-on-close="true" title="导入" custom-class="schedule-import" :visible.sync="isShow" :append-to-body="true" width="400px">
          <div>
            <el-form ref="form" label-width="100px">
              <el-form-item label="居民档案">
                <el-upload action="" :before-upload="beforeUploadPic" :multiple="false" accept=".xls,.xlsx" :show-file-list="false" :file-list="fileList">
                  <span class="fileName" style="color: #12b7f5">{{file? file.name : '请选择文件'}}</span>
                  <el-button style="vertical-align: middle" size="small" type="primary">选择文件</el-button>
                </el-upload>
              </el-form-item>
            </el-form>
          </div>
        </template>
        <template v-else-if="showEditView">
          <copd-patient-record-edit :editData="currentEditData" ref="editName"></copd-patient-record-edit>
        </template>
        <template v-else-if="serviceRecordVisable">
          <copd-service-record :detailInfo="currentEditData" @back="back"></copd-service-record>
        </template>
        <template v-else-if="healthRecordVisable">
          <health-record></health-record>
        </template>
        <el-dialog title="分配管理医生" :visible.sync="allocationDialog" width="500px">
          <el-form :model="allocationForm" ref="allocationForm">
            <el-form-item label="管理机构:">{{docInfo.hospitalName}}</el-form-item>
            <el-form-item label="管理医生:" :rules="{required: true, message:'请选择管理医生'}" prop="doctor">
              <el-select v-model="allocationForm.doctor" popper-class="dropDown-select" filterable :loading="selectLoading">
                <el-option v-for="item in doctorList" :value="item.code" :label="item.name">
                  {{item.name}}
                  <span style="padding-left: 6px">已接收:{{item.receiveNum}}人</span>
                  <span style="padding-left: 6px">未接收:{{item.unReceiveNum}}人</span>
                  <span style="padding-left: 6px">签约患者:{{item.signNum}}人</span>
                  <span style="padding-left: 6px">非签约患者:{{item.unSignNum}}人</span>
                </el-option>
              </el-select>
            </el-form-item>
          </el-form>
          <span slot="footer" class="dialog-footer">
            <el-button @click="closeAllocationDialog">取 消</el-button>
            <el-button type="primary" @click="allocationFn">确 定</el-button>
            <el-button @click="toggle(false)">取 消</el-button>
            <el-button v-loading="loading" type="primary" @click="check">确 定</el-button>
          </span>
        </el-dialog>
        <el-dialog
          :destroy-on-close="true"
          title="导入进度"
          custom-class="schedule-import"
          :visible.sync="isProgressShow"
          :append-to-body="true"
          :close-on-click-modal="false"
          :close-on-press-escape="false"
          :show-close="false"
          width="400px">
          <div class="tc">
            <div class="mb20">{{percentage!=100? '批量处理中,请耐心等待' : success? '处理成功!' : '处理失败,请重试'}}</div>
            <el-progress v-if="percentage!=100||success" :percentage="percentage"></el-progress>
            <el-progress v-else="" status="exception" :percentage="percentage"></el-progress>
            <div class="err-list" v-if="errList&&errList.length">
              <div v-for="(item, i) in errList" :key="i" v-html="item.errorMes"></div>
            </div>
            <div class="mt20">
              <el-button v-if="percentage!=100" type="info">处理中...</el-button>
              <el-button @click="close()" v-else-if="success" type="primary">处理成功</el-button>
              <el-button @click="close(1)" v-else type="danger">重试</el-button>
            </div>
          </div>
        </el-dialog>
      </div>
      <el-table style="width: 100%" :data="dataList" v-loading="daLoading" @selection-change="selectionLineChangeHandle">
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="name" label="患者姓名" width="180"></el-table-column>
        <el-table-column prop="nationality" label="国籍" width="180"></el-table-column>
        <el-table-column prop="nationName" label="民族" width="180"></el-table-column>
        <el-table-column prop="idcardTypeName" label="证件类型" width="180"></el-table-column>
        <el-table-column prop="idcard" label="证件号码" width="180"></el-table-column>
        <el-table-column prop="sexName" label="性别" width="180"></el-table-column>
        <el-table-column prop="birthday" label="出生日期" width="180"></el-table-column>
        <el-table-column prop="age" label="年龄" width="180"></el-table-column>
        <el-table-column prop="mobile" label="联系电话" width="180"></el-table-column>
        <el-table-column prop="liveAddress" label="常住地址" width="180"></el-table-column>
        <el-table-column prop="registAddress" label="户籍地址" width="180"></el-table-column>
        <el-table-column prop="occupationName" label="职业" width="180"></el-table-column>
        <el-table-column prop="marriageName" label="婚姻状态" width="180"></el-table-column>
        <el-table-column prop="firstChargeType" label="医保类型" width="180"></el-table-column>
        <el-table-column prop="sourceTypeName" label="患者来源" width="180"></el-table-column>
        <el-table-column prop="isSign" label="是否签约" width="180"></el-table-column>
        <el-table-column prop="signHospitalName" label="签约机构" width="180"></el-table-column>
        <el-table-column prop="signDoctorName" label="签约医生" width="180"></el-table-column>
        <el-table-column prop="turnDownStatusName" label="下转状态" width="180"></el-table-column>
        <el-table-column prop="receiveStatusName" label="接收状态" width="180"></el-table-column>
        <el-table-column prop="hospitalName" label="接收医院" width="180"></el-table-column>
        <el-table-column prop="doctorName" label="接收医生" width="180"></el-table-column>
        <el-table-column prop="archivesStatusName" label="随访状态" width="180"></el-table-column>
        <el-table-column prop="isLiveName" label="生存状态" width="180"></el-table-column>
        <el-table-column prop="deathTime" label="死亡日期" width="180"></el-table-column>
        <el-table-column label="操作" min-width="220" fixed="right">
          <template slot-scope="{row}">
            <el-button type="text" @click="onClickEdit(row)">编辑</el-button>
            <el-button type="text" @click="onClickServiceRecord(row)">服务记录</el-button>
            <el-button type="text" @click="onClickHealthRecord(row)">健康档案</el-button>
          </template>
        </el-table-column>
      </el-table>
      <div class="c-t-right mt20">
        <!-- TODO 修正 -->
        <el-pagination
          @current-change="handleCurrentChange"
          @size-change="handleSizeChange"
          :current-page.sync="page"
          :page-size="size"
          :page-sizes="[10, 20, 50]"
          layout="total, sizes, prev, pager, next, jumper"
          :total="totalCount"></el-pagination>
      </div>
    </div>
  </body>
</html>
    </template>
    <template v-else-if="showEditView">
      <copd-patient-record-edit :editData="currentEditData" ref="editName"></copd-patient-record-edit>
    </template>
    <template v-else-if="serviceRecordVisable">
      <copd-service-record :detailInfo="currentEditData" @back="back"></copd-service-record>
    </template>
    <template v-else-if="healthRecordVisable">
      <health-record></health-record>
    </template>
    <el-dialog title="分配管理医生" :visible.sync="allocationDialog" width="500px">
      <el-form :model="allocationForm" ref="allocationForm">
        <el-form-item label="管理机构:">{{docInfo.hospitalName}}</el-form-item>
        <el-form-item label="管理医生:" :rules="{required: true, message:'请选择管理医生'}" prop="doctor">
          <el-select v-model="allocationForm.doctor" popper-class="dropDown-select" filterable :loading="selectLoading">
            <el-option v-for="item in doctorList" :value="item.code" :label="item.name">
              {{item.name}}
              <span style="padding-left: 6px">已接收:{{item.receiveNum}}人</span>
              <span style="padding-left: 6px">未接收:{{item.unReceiveNum}}人</span>
              <span style="padding-left: 6px">签约患者:{{item.signNum}}人</span>
              <span style="padding-left: 6px">非签约患者:{{item.unSignNum}}人</span>
            </el-option>
          </el-select>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="closeAllocationDialog">取 消</el-button>
        <el-button type="primary" @click="allocationFn">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog title="批量分配详情" :visible.sync="batchAllocation" width="1300px">
      <el-form inline size="small">
        <el-form-item label="当前分配状态:">
          <el-select v-model="batchForm.status">
            <el-option label="全部" value=""></el-option>
            <el-option label="未分配" value="2"></el-option>
            <el-option label="未接受" value="0"></el-option>
            <el-option label="已接受" value="1"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="签约状态:">
          <el-select v-model="batchForm.isSign">
            <el-option label="全部" value=""></el-option>
            <el-option label="是" value="1"></el-option>
            <el-option label="否" value="0"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否存在下转去向:">
          <el-select v-model="batchForm.isTurn">
            <el-option label="全部" value=""></el-option>
            <el-option label="是" value="1"></el-option>
            <el-option label="否" value="0"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="searchBatchData">搜索</el-button>
        </el-form-item>
      </el-form>
      <el-table :data="batchData" @selection-change="selectBatchData" ref="batchAllocationTable">
        <el-table-column type="selection" width="70" :selectable="selectable"></el-table-column>
        <el-table-column min-width="100" label="基本信息" align="center">
          <template slot-scope="{row}">
            <div>{{row.name}}</div>
            <div>{{row.idcard}}</div>
            <div>{{row.liveAddress}}</div>
          </template>
        </el-table-column>
        <el-table-column min-width="70" label="签约信息" align="center">
          <template slot-scope="{row}">
            <div :class="`tag ${row.isSign == '已签约'?'success':'warning'}`">{{row.isSign}}</div>
            <div v-if="row.doctorName">{{row.signDoctorName}}</div>
            <div v-if="row.hospitalName">{{row.signHospitalName}}</div>
          </template>
        </el-table-column>
        <el-table-column min-width="100" label="当前分配信息" align="center">
          <template slot-scope="{row}">
            <div :class="`tag ${row.statusName == '已接收'?'success':row.statusName == '未接收'?'primary':'danger'}`">{{row.statusName}}</div>
            <div>{{row.doctorName}}</div>
            <div>{{row.hospitalName}}</div>
          </template>
        </el-table-column>
        <el-table-column min-width="100" label="最近一次分配信息" align="center">
          <template slot-scope="{row}">
            <div>{{row.lastDoctor}}</div>
            <div>{{row.lastHospitalName}}</div>
          </template>
        </el-table-column>
        <el-table-column min-width="100" label="下转去向" align="center">
          <template slot-scope="{row}">
            <div>{{row.toDoctorName}}</div>
            <div>{{row.toHospitalName}}</div>
          </template>
        </el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="batchAllocation = false">取消分配</el-button>
        <el-button type="primary" @click="confirmBatchData">确认分配</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="allocationProgress == 100?'分配完成':'正在分配'" :visible.sync="progressVisible" width="600px">
      <el-progress :percentage="allocationProgress" :stroke-width="8"></el-progress>
      <div class="mt10" v-html="progressContent"></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="function(){progressVisible = false;batchAllocation=false}" v-show="allocationProgress == 100">确定</el-button>
      </span>
    </el-dialog>
  </div>
</div>

+ 265 - 42
component/statistics/CopdPatientRecord/index.js

@ -37,6 +37,11 @@ Vue.component('copd-patient-record', {
        { value: '0', label: ' 未接收' }
      ],
      survivalStatusOption: [{ code: '', value: '全部' }],
      signList: [
        { value: '', label: '全部' },
        { value: '1', label: '是' },
        { value: '2', label: '否' }
      ],
      // 健康档案是否显示
      healthRecordVisable: false,
      page: 1,
@ -56,6 +61,7 @@ Vue.component('copd-patient-record', {
      hospital: '',
      doctorName: '',
      isLive: '',
      isSign: '',
      patientCode: '',
      firstOrg: '',
      currentSelect: [],
@ -90,7 +96,24 @@ Vue.component('copd-patient-record', {
      allocationDialog: false,
      isGuGan: false, // 判断是否是骨干,若是显示分配,若不是显示批量分配
      exportStandardLoading: false,
      selectLoading: false
      selectLoading: false,
      batchAllocation: false,
      batchForm: { status: '', isSign: '', isTurn: '' },
      batchData: [],
      selectedPatient: [],
      selectedPatient1: [],
      progressVisible: false,
      progressContent: '正在批量分配患者,请稍等',
      allocationProgress: 0,
      addressOptions1: [],
      addressOptions2: [],
      registAddress: [],
      liveAddress: [],
      props: {
        label: 'name',
        value: 'code',
        children: 'children'
      }
    }
  },
  computed: {
@ -107,28 +130,22 @@ Vue.component('copd-patient-record', {
    vm.userRoleCode = JSON.parse(userRole).code
    this.initTime(vm)
    if(this.docInfo.expandLevelName){
    if (this.docInfo.expandLevelName) {
      this.isGuGan = this.docInfo.expandLevelName.indexOf('慢病骨干') > -1
    }
    this.initScope(3)
    if(this.isGuGan){
    if (this.isGuGan) {
      // 如何是慢病骨干 则只能选社区,并且限定死社区
      this.rangeList = [
        { name: '按社区', code: 'hospital' }
      ]
      this.rangeList = [{ name: '按社区', code: 'hospital' }]
      this.rangeCode = 'hospital'
      this.areaList = [
        {name: this.docInfo.hospitalName.substring(0,3),code:this.docInfo.town}
      ]
      this.areaList = [{ name: this.docInfo.hospitalName.substring(0, 3), code: this.docInfo.town }]
      this.areaCode = this.docInfo.town
      this.communityList = [
        { name: this.docInfo.hospitalName,code:this.docInfo.hospital }
      ]
      this.communityList = [{ name: this.docInfo.hospitalName, code: this.docInfo.hospital }]
      this.communityCode = this.docInfo.hospital
      vm.receivingHospitalList = [{code:this.docInfo.hospital,name:this.docInfo.hospitalName}]
      vm.receivingHospitalList = [{ code: this.docInfo.hospital, name: this.docInfo.hospitalName }]
      this.hospital = this.docInfo.hospital
    }else{
    } else {
      this.hospitalList()
    }
    EventBus.$on('copd-reset-select', function () {
@ -159,14 +176,11 @@ Vue.component('copd-patient-record', {
    this.dicName.forEach(function (item) {
      vm.getDictByDictName(item)
    })
    setTimeout(function(){
      // vm.getJkCopdPatientPage()
    },200)
  
    this.initDistrict()
  },
  watch:{
    rangeCode(nv){
      if(nv == 'hospital'){
  watch: {
    rangeCode(nv) {
      if (nv == 'hospital') {
        this.initScope(5)
      }
    }
@ -194,7 +208,7 @@ Vue.component('copd-patient-record', {
    // 数据范围初始化
    initScope(type) {
      var vm = this
      
      //获得缓存中缓存的角色权限
      var userRole = window.sessionStorage.getItem('selectedRole')
      if (!userRole) {
@ -202,7 +216,7 @@ Vue.component('copd-patient-record', {
      }
      vm.userRole = JSON.parse(userRole)
      vm.areaTitle = vm.userRole.name
      if(vm.isGuGan){
      if (vm.isGuGan) {
        return
      }
@ -216,9 +230,9 @@ Vue.component('copd-patient-record', {
        } else if (vm.userRole.code.length == 6) {
          vm.getDistrict(type, vm.userRole.code, vm.areaTitle.substring(0, 3))
        }
      }else{
      } else {
        this.communityCode = null
        if(this.rangeCode == 'hospital')vm.getDistrict(type, vm.areaCode)
        if (this.rangeCode == 'hospital') vm.getDistrict(type, vm.areaCode)
      }
      //level:2、市,3、区,4、社区,5、团队
@ -334,12 +348,12 @@ Vue.component('copd-patient-record', {
      })
    },
    exportTable() {
      if(this.rangeCode == 'town' && this.areaCode == null){
        this.$message.warning("请选择地区")
      if (this.rangeCode == 'town' && this.areaCode == null) {
        this.$message.warning('请选择地区')
        return
      }
      if(this.rangeCode == 'hospital' && this.communityCode == null){
        this.$message.warning("请选择社区")
      if (this.rangeCode == 'hospital' && this.communityCode == null) {
        this.$message.warning('请选择社区')
        return
      }
      var vm = this
@ -356,7 +370,7 @@ Vue.component('copd-patient-record', {
        isLive: this.isLive,
        firstOrg: this.firstOrg,
        queryArea: this.areaCode,
        queryHospital: this.communityCode == null?'':this.communityCode,
        queryHospital: this.communityCode == null ? '' : this.communityCode
      }
      statisticAPI.exportJkCopdAchives(params, '居民档案.xls').then(function (res) {
        vm.daLoading = false
@ -373,6 +387,11 @@ Vue.component('copd-patient-record', {
        arr.push(item.id)
      })
      vm.currentSelect = arr
      var arr1 = []
      val.forEach(function (item) {
        arr1.push(item.patient)
      })
      vm.selectedPatient = arr1
    },
    synPatient() {
      var vm = this
@ -404,12 +423,12 @@ Vue.component('copd-patient-record', {
      }
    },
    queryDate() {
      if(this.rangeCode == 'town' && this.areaCode == null){
        this.$message.warning("请选择地区")
      if (this.rangeCode == 'town' && this.areaCode == null) {
        this.$message.warning('请选择地区')
        return
      }
      if(this.rangeCode == 'hospital' && this.communityCode == null){
        this.$message.warning("请选择社区")
      if (this.rangeCode == 'hospital' && this.communityCode == null) {
        this.$message.warning('请选择社区')
        return
      }
      this.getJkCopdPatientPage()
@ -417,6 +436,10 @@ Vue.component('copd-patient-record', {
    distributionHospital() {
      var vm = this
      if (vm.currentSelect.length) {
        this.batchAllocation = true
        this.batchForm = { status: '', isSign: '', isTurn: '' }
        this.searchBatchData()
        return
        vm.daLoading = true
        statisticAPI
          .distributionHospital({
@ -533,6 +556,7 @@ Vue.component('copd-patient-record', {
    getJkCopdPatientPage: function (val) {
      this.daLoading = true
      var vm = this
      var params = {
        page: this.page,
        size: this.size,
@ -546,9 +570,30 @@ Vue.component('copd-patient-record', {
        queryArea: this.areaCode,
        firstOrg: this.firstOrg,
        startTime: this.chooseYear == '全部' ? '' : this.chooseYear + '-01-01',
        endTime: this.chooseYear == '全部' ? '' : this.chooseYear + '-12-31'
        endTime: this.chooseYear == '全部' ? '' : this.chooseYear + '-12-31',
        isSign: this.isSign
      }
      if(this.liveAddress.length >0){
        if(this.liveAddress[0]=='other'){
          params.liveProvince = 'other'
        }else{
          params.liveProvince = this.liveAddress[0]
          params.liveCity = this.liveAddress[1]
          params.liveTown = this.liveAddress[2]
          params.liveStreet = this.liveAddress[3]
        }
      }
      if(this.rangeCode == 'hospital'){
      if(this.registAddress.length > 0){
        if(this.registAddress[0]=='other'){
          params.registProvince = 'other'
        }else{
          params.registProvince = this.registAddress[0]
          params.registCity = this.registAddress[1]
          params.registTown = this.registAddress[2]
          params.registStreet = this.registAddress[3]
        }
      }
      if (this.rangeCode == 'hospital') {
        params.queryHospital = this.communityCode
      }
      statisticAPI.jkCopdAchivesPage(params).then(function (res) {
@ -682,12 +727,12 @@ Vue.component('copd-patient-record', {
      })
    },
    standardExport() {
      if(this.rangeCode == 'town' && this.areaCode == null){
        this.$message.warning("请选择地区")
      if (this.rangeCode == 'town' && this.areaCode == null) {
        this.$message.warning('请选择地区')
        return
      }
      if(this.rangeCode == 'hospital' && this.communityCode == null){
        this.$message.warning("请选择社区")
      if (this.rangeCode == 'hospital' && this.communityCode == null) {
        this.$message.warning('请选择社区')
        return
      }
      var vm = this
@ -702,7 +747,7 @@ Vue.component('copd-patient-record', {
        isLive: this.isLive,
        queryArea: this.areaCode,
        firstOrg: this.firstOrg,
        queryHospital: this.communityCode == null?'':this.communityCode,
        queryHospital: this.communityCode == null ? '' : this.communityCode,
        startTime: this.chooseYear == '全部' ? '' : this.chooseYear + '-01-01',
        endTime: this.chooseYear == '全部' ? '' : this.chooseYear + '-12-31'
      }
@ -714,6 +759,184 @@ Vue.component('copd-patient-record', {
          type: 'success'
        })
      })
    }
    },
    searchBatchData() {
      var vm = this
      statisticAPI.distributionPage({ patients: vm.selectedPatient.join(','), ...this.batchForm }).then(function (res) {
        vm.batchData = res.detailModelList
        vm.$nextTick(function () {
          vm.batchData.forEach(function (item) {
            if (item.statusName == '未分配' && item.toDoctorName && item.lastDoctor != item.toDoctorName) {
              vm.$refs.batchAllocationTable.toggleRowSelection(item, true)
            }
          })
        })
      })
    },
    confirmBatchData() {
      var vm = this
      statisticAPI.distributionBatch({ patients: this.selectedPatient1.join(','), doctor: vm.docInfo.code }).then(function (res) {
        if (res.status == 200) {
          vm.progressVisible = true
          vm.allocationProgress = 0
          vm.getProgress(res.obj)
        }
      })
    },
    selectBatchData(val) {
      this.selectedPatient1 = val.map(function (item) {
        return item.patient
      })
    },
    getProgress(code) {
      var vm = this
      statisticAPI.findDistributionBatch({ code: code }).then(function (res) {
        var data = res.obj
        if (data.successNum + data.failNum < data.total) {
          vm.allocationProgress = (data.successNum / data.total) * 100
          setTimeout(function () {
            vm.getProgress(code)
          }, 200)
        } else {
          vm.allocationProgress = 100
          vm.progressContent = `本次共分配${data.total}人,成功${data.successNum}人,<span style="color:#FF0000;">失败${data.failNum}人</span>`
        }
      })
    },
    selectable(row, index) {
      if (!row.toHospitalName) {
        return false
      } else {
        return true
      }
    },
    handleItemChange(val, type){
      // 获取地址
      if (val.length == 1) {
        // 获取市
        this.baseCityList(val[0], type)
      }
      if (val.length == 2) {
        // 获取区
        this.baseTownList(val, type)
      }
      if (val.length == 3) {
        // 获取区
        this.stressList(val, type)
      }
    },
    baseCityList: function (code, id) {
      var vm = this
      var activeIndex = null
      var num = id
      var arr = vm['addressOptions' + num]
      arr.forEach(function (item, index) {
        if (item.code == code) {
          activeIndex = index
        }
      })
      homeAPI.getDistrict({ type: 2, code: code }).then(function (res) {
        if (res.status == 200) {
          var detailModelList = res.list
          detailModelList.forEach(item => {
            item.children = []
          })
          arr[activeIndex].children = detailModelList
        }
      })
    },
    baseTownList(val, id) {
      var vm = this
      var provinceIndex = null
      var activeIndex = null
      var num = id
      var arr = vm['addressOptions' + num]
      arr.forEach(function (item, index) {
        if (item.code == val[0]) {
          var children = item.children
          provinceIndex = index
          children.forEach(function (item, idx) {
            if (item.code == val[1]) {
              activeIndex = idx
            }
          })
        }
      })
      homeAPI.getDistrict({ type: 3, code: val[1] }).then(function (res) {
        if (res.status == 200) {
          var detailModelList = res.list
          for(let item of detailModelList){
            if(id == 3){
              item.children = null
            }else{
              item.children = []
            }
          }
          
          if (arr[provinceIndex].children[activeIndex]) {
            arr[provinceIndex].children[activeIndex].children = detailModelList
          }
        }
      })
    },
    stressList(val, id) {
      var vm = this
      var provinceIndex = null
      var activeIndex = null
      var xIndex = null
      var num = id
      var arr = vm['addressOptions' + num]
      arr.forEach(function (item, index) {
        if (item.code == val[0]) {
          var children = item.children
          provinceIndex = index
          children.forEach(function (item, idx) {
            if (item.code == val[1]) {
              activeIndex = idx
              var xItem = item.children
              xItem.forEach(function (item, xianIndex) {
                if (item.code == val[2]) {
                  xIndex = xianIndex
                }
              })
            }
          })
        }
      })
      homeAPI.getDistrict({ type: 4, code: val[2] }).then(function (res) {
        if (res.status == 200) {
          var detailModelList = res.list
          if (arr[provinceIndex].children[activeIndex].children[xIndex]) {
            if(detailModelList.length >0){
              arr[provinceIndex].children[activeIndex].children[xIndex].children = detailModelList
            }else{
              arr[provinceIndex].children[activeIndex].children[xIndex].children = null
            }
          }
        }
      })
    },
    initDistrict() {
      var vm = this
      homeAPI.getDistrict({ type: 1, code: '' }).then(function (res) {
        var detailModelList = res.list.concat({code:'other',name:'不详'})
        detailModelList.forEach(function (item) {
          if(item.code == 'other'){
            item.children = null
          }else{
            item.children = []
          }
        })
        vm.addressOptions1 = JSON.parse(JSON.stringify(detailModelList))
        vm.addressOptions2 = JSON.parse(JSON.stringify(detailModelList))
      })
    },
  }
})

+ 3 - 3
component/statistics/CopdPatientRecordEdit/index.html

@ -156,7 +156,7 @@
                placeholder="请选择地址"
                ref="cascader"
                :options="addressOptions1"
                @active-item-change="handleItemChange(addressVal, 1)"
                @active-item-change="function(val){handleItemChange(val, 1)}"
                :props="props"
                v-model="addressVal"
              ></el-cascader>
@ -172,7 +172,7 @@
              placeholder="请选择地址"
              ref="cas"
              :options="addressOptions2"
              @active-item-change="handleItemChange(resiginAddressVal, 2)"
              @active-item-change="function(val){handleItemChange(val, 2)}"
              :props="props"
              v-model="resiginAddressVal"
            ></el-cascader>
@ -310,7 +310,7 @@
                placeholder="请选择诊断地址"
                ref="diagnosis"
                :options="addressOptions3"
                @active-item-change="handleItemChange(diagnosisAddressVal, 3)"
                @active-item-change="function(val){handleItemChange(val, 3)}"
                :props="props"
                v-model="diagnosisAddressVal"
              ></el-cascader>

+ 16 - 4
component/statistics/CopdPatientRecordEdit/index.js

@ -57,7 +57,7 @@ Vue.component('copd-patient-record-edit', {
      props: {
        label: 'name',
        value: 'code',
        children: 'children'
        children: 'children',
      },
      addressVal: [],
      resiginAddressVal: [],
@ -252,7 +252,11 @@ Vue.component('copd-patient-record-edit', {
      var vm = this
      var provinceIndex = null
      var activeIndex = null
      var arr = vm['addressOptions' + id]
      var num = id
      if(!num){
        num = this.areaType
      }
      var arr = vm['addressOptions' + num]
      arr.forEach(function (item, index) {
        if (item.code == val[0]) {
          var children = item.children
@ -303,7 +307,11 @@ Vue.component('copd-patient-record-edit', {
      var provinceIndex = null
      var activeIndex = null
      var xIndex = null
      var arr = vm['addressOptions' + id]
      var num = id
      if(!num){
        num = this.areaType
      }
      var arr = vm['addressOptions' + num]
      arr.forEach(function (item, index) {
        if (item.code == val[0]) {
          var children = item.children
@ -326,7 +334,11 @@ Vue.component('copd-patient-record-edit', {
        if (res.status == 200) {
          var detailModelList = res.list
          if (arr[provinceIndex].children[activeIndex].children[xIndex]) {
            arr[provinceIndex].children[activeIndex].children[xIndex].children = detailModelList
            if(detailModelList.length >0){
              arr[provinceIndex].children[activeIndex].children[xIndex].children = detailModelList
            }else{
              arr[provinceIndex].children[activeIndex].children[xIndex].children = null
            }
          }
        }
      })