raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
							<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>
              <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 recordStatusOptions"
                  :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">
              <label class="c-333 c-f14">首次诊断医院名称：</label>
              <el-input class="pr20 formWidth wd160" v-model="firstOrg" placeholder="请输入医院名称查询"></el-input>
            </div>
            <!--=======================================================-->
            <div class="searchDiv">
              <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="success" size="mini" @click="synPatient">档案同步</el-button>
              <el-button type="5692fb" size="mini" @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>
    
            <div >
            <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>
        </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="receivingHospital" label="接收医院" width="180"></el-table-column>
            <el-table-column prop="receivingDoctor" 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="deathDate" 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"
              :current-page.sync="currentPage"
              :page-size="currentSize"
              layout="total, prev, pager, next, jumper"
              :total="totalCount"></el-pagination>
          </div>
        </template>
        <template v-else-if="showEditView">
          <copd-patient-record-edit :editData="currentEditData"></copd-patient-record-edit>
        </template>
        <template v-else-if="serviceRecordVisable">
          <copd-service-record :detailInfo="currentEditData"></copd-service-record>
        </template>
        <template v-else-if="healthRecordVisable">
          <health-record></health-record>
        </template>
      </div>
    </div>
  </body>
</html>