PC-application/component/statistics/CopdPatientRecord/index.html

<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 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> 
                <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="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>
    </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}} &nbsp;&nbsp; {{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_0 ${row.isSign == '已签约'?'success':'warning'}`">{{row.isSign}}</div>
            <div>{{row.signDoctorName}}</div>
            <div>{{row.signHospitalName}}</div>
          </template>
        </el-table-column>
        <el-table-column min-width="100" label="当前分配信息" align="center">
          <template slot-scope="{row}">
            <div :class="`tag_0 ${row.statusName == '已接收'?'primary':row.statusName == '未接收'?'danger':'info'}`">{{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>