<template>
  <div style="padding: 0 5px;">
    <div>
      <el-select v-model="asbItemId" placeholder="快速选择诊断疾病" size="small" filterable clearable remote automatic-dropdown
        :remote-method="remoteMethod" @change="quickChoosedAsb" default-first-option ref="asbItemId"
        style="width:250px;text-align: left;padding-right: 15px;">
        <el-option v-for="item in quickAsb" :key="item.id" :value="item.id" :label="item.displayName" />
      </el-select>
    </div>
    <div>
      <el-table :data="report.dataAsbitemOCX" :height="window.pageHeight - 110 " width="100%" @row-dblclick="removeAbs"
        @selection-change="selecteditems" size="small">
        <!-- temporaryselection   personnelUnit.nogroupselected-->
        <el-table-column type="index" label="序号" align="center" width="60" />
        <el-table-column label="诊断疾病" width="160" prop="displayName" />
        <el-table-column fixed="right" label="操作" width="60">
          <template slot-scope="scope">
            <i class="el-icon-delete" @click="deleteRow(scope.$index)"
              style="font-size: 24px;color: red;cursor:pointer;"></i>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
import moment from "moment";
import { mapState, mapMutations } from "vuex";
import { getapi, postapi, putapi, deletapi } from "@/api/api";
import { dddw, objCopy, arrayReduce } from "@/utlis/proFunc";

import PatientRegisterEdit from "../../components/patientRegister/PatientRegisterEdit.vue";
import Camera from "../../components/patientRegister/Camera.vue";
import CusOrgOCX from "../../components/report/CusOrgOCX.vue"

export default {
  components: {
    PatientRegisterEdit,
    Camera,
    CusOrgOCX,
  },
  props: ['win'],
  data() {
    return {
      dataList: [], //列表数据
      multipleSelection: [], //选中的数据列表
      dialogVisible: false,
      dialogCamera: false,
 
    };
  },

  created() { },

  //挂载完成
  mounted() { },
  computed: {
    ...mapState(["window", "dict", "patientRegister", "customerOrg", "doctorCheck", "sumDoctorCheck","report"]),
  },
  methods: {
    



    //查询
    query() {
      let body = {}

      console.log(`this.patientRegister.query`, this.patientRegister.query)

      if (this.patientRegister.query.customerOrgFlag) {
        if (this.patientRegister.query.customerOrgId) body.customerOrgId = this.patientRegister.query.customerOrgId[0]
      }

      if (this.patientRegister.query.sex) body.sexId = this.patientRegister.query.sex

      if (this.patientRegister.query.patientName) body.patientName = this.patientRegister.query.patientName

      if (this.patientRegister.query.completeFlag) body.completeFlag = this.patientRegister.query.completeFlag

      //StartDate EndDate
      if (this.patientRegister.query.dateRange) {
        body.startDate = moment(new Date(this.patientRegister.query.dateRange[0])).format("yyyy-MM-DD")
        body.endDate = moment(new Date(this.patientRegister.query.dateRange[1])).format("yyyy-MM-DD")
      }


      if (this.patientRegister.query.idCardNo) body = { idNo: this.patientRegister.query.idCardNo }

      if (this.patientRegister.query.patientNo) body = { patientNo: this.patientRegister.query.patientNo }

      if (this.patientRegister.query.patientRegisterNo) body = { patientRegisterNo: this.patientRegister.query.patientRegisterNo }


      console.log('/api/app/patientregister/getlistinfilter', body)
      postapi('/api/app/patientregister/getlistinfilter', body)
        .then((res) => {
          this.dataList = res.data;
        });
    },




    deleteRow(index){

    },

  },

  //监听事件
  watch: {

  },
};
</script>
<style scoped>
/* 输入框相关设置*/
::v-deep .el-input__inner {
  padding-left: 2px;
  padding-right: 15px;
}
::v-deep .el-input__icon{
  width: 15px; /* 输入框下拉箭头或清除图标 默认 25 */
}

::v-deep .el-input-group__append{
  padding: 0 5px; /* 控件默认 0 20px;*/
}
.box {
  display: flex;
}

.query {
  margin-left: 5px;
  margin-bottom: 2px;
}

.listBtn {
  margin-top: 10px;
}
</style>
