raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
							<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>

  <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="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
                class="upload-demo"
                active=""
                :on-preview="handlePreview"
                 :file-list="fileList">
              <el-button type="success  " size="mini">导入</el-button>
            </el-upload> -->
              <!-- <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>
          </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>
          </span>
        </el-dialog>
      </div>
    </div>
  </body>
</html>