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

<!-- css文件位置位于/component/common/jtbc.css -->

<div id="app" class="jtbc">
  <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px">
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">下转时间：</label>
      <el-date-picker v-model="chooseTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"></el-date-picker>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">患者姓名：</label>
      <el-input v-model="form.patientName" placeholder="请输入患者姓名查询"></el-input>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">下转状态：</label>
      <el-select class="formWidth" v-model="form.status" placeholder="请选择" filterable>
        <el-option v-for="(option, index) in statusOptions" :label="option.value" :value="option.code"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">下转医院：</label>
      <el-select class="formWidth" v-model="form.hospitalCode" placeholder="请选择" filterable>
        <el-option v-for="(option, index) in rehabilitationHospital" :label="option.value" :value="option.code"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">下转医生：</label>
      <el-input v-model="form.hospitalDoctor" placeholder="请输入医生姓名查询"></el-input>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">接收社区医院：</label>
      <el-select v-model="form.orgCode" placeholder="请选择" filterable>
        <el-option v-for="(item,index) in communityHospitals" :key="item.value" :value="item.value" :label="item.label"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">接收医生：</label>
      <el-input v-model="form.doctor" placeholder="请输入医生姓名查询"></el-input>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">档案状态：</label>
      <el-select v-model="form.archiveStatus" class="" placeholder="请选择" filterable>
        <el-option v-for="(item,index) in archiveList" :key="item.value" :value="item.code" :label="item.value"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20 pr20">
      <label class="c-333 c-f14">患者类型：</label>
      <el-select v-model="form.patientType" placeholder="请选择" filterable>
        <el-option v-for="(item,index) in inviteStatus" :key="item.value" :value="item.value" :label="item.label"></el-option>
      </el-select>
    </div>
    <div class="searchDiv pb20">
      <el-button type="primary" size="mini" @click="queryDate">查询</el-button>
      <el-button type="ff9526" size="mini" @click="exportTable" :disabled="exportLoading">导出</el-button>
      <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
    </div>
  </div>
  <!-- <div v-if="handleNodeId==44" class="searchDiv">
    <div class="mt5">
      <el-form :model="form11" class="flex handleNodeId-44">
        <el-form-item label="患者姓名：" class="flex">
          <el-input v-model="form11.patientName" placeholder="请输入患者姓名查询"></el-input>
        </el-form-item>
        <el-form-item label="下转状态：" class="flex formLeft">
          <el-select v-model="form11.status" class="" placeholder="请选择" filterable>
            <el-option v-for="(item,index) in deorsumvergence" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="下转医院：" class="flex formLeft">
          <el-select v-model="form11.hospitalCode" class="" placeholder="请选择" filterable>
            <el-option v-for="(item,index) in rehabilitationHospital" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="下转医生：" class="flex formLeft">
          <el-input v-model="form11.hospitalDoctor" placeholder="请输入医生姓名查询"></el-input>
        </el-form-item>
        <el-form-item label="接收社区医院：" class="flex formLeft">
          <el-select v-model="form11.orgCode" class="" placeholder="请选择" filterable>
            <el-option v-for="(item,index) in communityHospitals" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="接收医生：" class="flex formLeft">
          <el-input v-model="form11.doctor" placeholder="请输入接收医生姓名查询"></el-input>
        </el-form-item>
        <el-form-item label="档案状态：" class="flex formLeft">
          <el-select v-model="form11.archiveStatus" class="" placeholder="请选择" filterable>
            <el-option v-for="(item,index) in archiveList" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="患者类型：" class="flex formLeft">
          <el-select v-model="form11.patientType" class="" placeholder="请选择" filterable>
            <el-option v-for="(item,index) in inviteStatus1" :key="item.value" :value="item.value" :label="item.label"></el-option>
          </el-select>
        </el-form-item>
      </el-form>
    </div>
  </div> -->
  <el-table :data="tableData" style="width: 100%" v-loading="loading">
    <el-table-column type="index" min-width="60" label="序号"></el-table-column>
    <el-table-column :label="item.label" v-for="item in tableHeader" :key="item.prop" align="center">
      <template slot-scope="scope">{{transformData(scope.row[item.prop],item.prop)}}</template>
    </el-table-column>
    <el-table-column label="操作" align="center" width="100">
      <template slot-scope="scope">
        <el-button type="text" v-if="scope.row.status==0" @click="operation(1,scope.row)">分配</el-button>
        <el-button type="text" @click="operation(2,scope.row)">查看签约</el-button>
        <el-button type="text" v-if="scope.row.status==5" @click="operation(3,scope.row)">同步居民</el-button>
        <el-button type="text" v-if="scope.row.status==3" @click="operation(4,scope.row)">同步病历</el-button>
      </template>
    </el-table-column>
  </el-table>
  <!-- <el-table v-if="handleNodeId==44" border :key="tableKey" :data="recoveryList" style="width: 100%" v-loading="loadingTwo" class="mt20">
    <template>
      <el-table-column type="index" label="序号" align="center"></el-table-column>
      <el-table-column prop="name" label="患者姓名" align="center"></el-table-column>
      <el-table-column prop="age" label="年龄" align="center"></el-table-column>
      <el-table-column prop="sex" label="性别" align="center"></el-table-column>
      <el-table-column prop="mobile" label="患者手机号" align="center"></el-table-column>
      <el-table-column prop="hospitalName" label="下转医院" align="center"></el-table-column>
      <el-table-column prop="hospitalDoctor" label="下转医生" align="center"></el-table-column>
      <el-table-column prop="createTime" label="下转时间" align="center"></el-table-column>
      <el-table-column prop="patientType" label="患者类型" align="center"></el-table-column>
      <el-table-column prop="statusName" label="下转状态" align="center"></el-table-column>
      <el-table-column prop="orgName" label="接收社区医院" align="center"></el-table-column>
      <el-table-column prop="doctorName" label="接收签约医生" align="center"></el-table-column>
      <el-table-column prop="receiveTime" label="接收时间" align="center"></el-table-column>
      <el-table-column prop="archiveStatusName" label="档案状态" align="center"></el-table-column>
      <el-table-column prop="img" label="操作" align="center" width="100">
        <template slot-scope="scope">
          <div class="operate">
            <div v-if="scope.row.status==0" @click="operation(1,scope.row)">分配</div>
            <div @click="operation(2,scope.row)">查看签约</div>
            <div v-if="scope.row.status==5" @click="operation(3,scope.row)">同步居民</div>
            <div v-if="scope.row.status==3" @click="operation(4,scope.row)">同步病历</div>
          </div>
        </template>
      </el-table-column>
    </template>
  </el-table> -->
  <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="total"
    class="pagination"></el-pagination>
  <el-dialog title="查看签约信息" :visible.sync="dialogVisible" width="70%">
    <el-table border :data="signatoryList" style="width: 100%" height="500" class="mt20">
      <template>
        <el-table-column prop="hospitalName" label="签约社区医院" align="center"></el-table-column>
        <el-table-column prop="doctorName" label="签约医生" align="center"></el-table-column>
        <el-table-column prop="applyDate" label="签约时间" align="center"></el-table-column>
        <el-table-column prop="signYear" label="签约年度" align="center"></el-table-column>
      </template>
    </el-table>
  </el-dialog>
</div>