Vue_New/src/xt_pages/user/lapsoInspection.vue

<template>
    <div class="patient-container">
      <patient-sidebar :id="patientID" defaultActive="4-4"></patient-sidebar>
      <div
        class="patient-app-container app-container"
        v-loading="pageLoading"
        element-loading-text="拼命加载中"
      >
        <el-row :gutter="20">
          <el-col :span="7">
            <el-table
              :header-cell-style="{
                backgroundColor: 'rgb(245, 247, 250)',
                color: '#606266'
              }"
              :row-style="{ color: '#303133' }"
              :data="projects"
              border
              style="width: 100%"
              highlight-current-row
              @current-change="handleCurrentChange"
              ref="singleTable"
            >
              <el-table-column label="检验检查项目" align="center">
                <el-table-column
                  prop="project_name"
                  label="检验项目"
                  align="center"
                >
                </el-table-column>
                <el-table-column
                  prop="count"
                  label="次数"
                  width="80"
                  align="center"
                >
                </el-table-column>
              </el-table-column>
            </el-table>
          </el-col>
          <el-col :span="17" v-loading="itemLoading">
            <div class="filter-container" style="float:right">
  
              <el-button
                size="small"
                class="filter-item"
                type="primary"
                @click="setRemindDialog()"
                v-if="project && project.project_id != 14"
                icon="el-icon-circle-plus-outline"
                :disabled="project ? false : true"
              >设置提醒弹窗
              </el-button>
  
              <el-button
                size="small"
                class="filter-item"
                type="primary"
                @click="setRemind()"
                v-if="project && project.project_id != 14"
                icon="el-icon-circle-plus-outline"
                :disabled="project ? false : true"
              >设置提醒周期
              </el-button>
  
              <el-button
                size="small"
                class="filter-item"
                type="primary"
                @click="openPic()"
                icon="el-icon-circle-plus-outline"
                :disabled="project ? false : true"
              >上传图片
              </el-button>
              <el-button
                size="small"
                class="filter-item"
                type="primary"
                @click="openNew()"
                icon="el-icon-circle-plus-outline"
                :disabled="project ? false : true"
              >新增
              </el-button
              >
              <el-button
                size="small"
                class="filter-item"
                type="primary"
                icon="el-icon-edit-outline"
                @click="openEdit()"
                :disabled="itemDateShow ? false : true"
              >修改
              </el-button
              >
              <el-button
                size="small"
                class="filter-item"
                type="danger"
                icon="el-icon-delete"
                @click="deleteInspection()"
                :disabled="itemDate ? false : true"
              >删除
              </el-button
              >
            </div>
            <div class="filter-container">
              <el-button class="filter-item" type="text" style="color:#000"
              >{{ itemName }}
                <span v-if="itemDate"
                >（检查日期：{{ itemDate }}）</span
                ></el-button
              >
            </div>
            <div v-if="!isPic">
              <el-table
                highlight-current-row
               @current-change="handleCurrentChangeOne"
                :header-cell-style="{
                backgroundColor: 'rgb(245, 247, 250)',
                color: '#606266'
                
              }"
                :row-style="{ color: '#303133' }"
                :data="tabileList"
                border=""
                style="width: 100%"
                id="user-inspection-order"
  
              >
                <el-table-column
                  prop="item_name"
                  label="检验日期"
                  align="center"
                  min-width="180"
                >
                  <template slot-scope="scope">
                     {{getTime(scope.row.inspect_date)}}
                  </template>
                </el-table-column>
  
                <el-table-column
                  align="center"
                  prop="name"
                  v-for="(item,index) in rowList"
                  :key="item.id"
                  :label="item.item_name"
                  >
                  <template slot-scope="scope">
                     {{getInspecValue(scope.row.inspect_date,item.item_id) }}
                  </template>

                </el-table-column>
  
              
              </el-table>
            </div>
            <div v-else>
              <el-row>
                <template v-for="(item, index) in items">
                  <el-col :span="7" :key="index">
                    <div style=" margin: 5px;">
                      <el-row :gutter="20">
                        <el-col :span="8" style="width: 100%;">
                          <div style="width: 100%;height: 150px;" >
                            <div @click="imgClicks(item.value)">
                              <el-tooltip
                                class="item"
                                effect="dark"
                                :hide-after="2000"
                                content="点击查看大图"
                                placement="top-start"
                                >
                                  <img style="width: 300px;height: 150px;" :src="item.value" alt="">
                                </el-tooltip>
                            </div>
                          </div>
                        </el-col>
                      </el-row>
                      <el-row>
                        <div style="word-break: break-all;word-wrap: break-word; text-align:center">{{item.item_name}}</div>
                      </el-row>
                    </div>
                  </el-col>
                </template>
              </el-row>
  
            </div>
  
          </el-col>
        </el-row>
      </div>
  
      <el-dialog
        :title="formTitle"
        :visible.sync="dialogRemindFormVisible"
        width="1000px"
        id="user-inspection-form"
      >
        <el-form :model="form" ref="form" label-position="top">
          <el-row>
            <el-col :span="24">
              <el-form-item label="周期提醒: ">
                <el-radio-group v-model="temp_remind_cycle">
                  <el-radio :label="1">一月一次</el-radio>
                  <el-radio :label="2">两月一次</el-radio>
                  <el-radio :label="3">三月一次</el-radio>
                  <el-radio :label="4">半年一次</el-radio>
                  <el-radio :label="5">一年一次</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
  
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogRemindFormVisible = false">取 消</el-button>
          <el-button
            type="primary"
            @click="submitNewRemind()"
          >保 存
          </el-button
          >
        </div>
      </el-dialog>
  
      <el-dialog
        :visible.sync="dialogRemindDialogFormVisible"
        width="1000px"
        id="user-inspection-form"
      >
        <el-col :span="24">
          <p style="margin-top:20px;">是否弹窗提醒：
            <el-switch v-model="is_open"></el-switch>
          </p>
        </el-col>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogRemindDialogFormVisible = false">取 消</el-button>
          <el-button
            type="primary"
            @click="submitRemindDialog()"
          >保 存
          </el-button
          >
        </div>
      </el-dialog>
  
  
  
      <el-dialog
        :title="formTitle"
        :visible.sync="dialogFormVisible"
        width="1000px"
        id="user-inspection-form"
        v-loading="formLoading"
      >
        <el-form :model="form" ref="form" label-position="top">
          <el-row>
            <el-col :span="24" v-if="form.formItem[0].project_id == 14">
              <el-form-item label="传染病周期提醒: ">
                <el-radio-group v-model="form.remind_cycle">
                  <el-radio :label="1">一月一次</el-radio>
                  <el-radio :label="2">两月一次</el-radio>
                  <el-radio :label="3">三月一次</el-radio>
                  <el-radio :label="4">半年一次</el-radio>
                  <el-radio :label="5">一年一次</el-radio>
                </el-radio-group>
              </el-form-item>
            </el-col>
            <el-col :span="7">
              <el-form-item
                label="检验日期222"
                prop="inspect_date"
                :rules="[
                  { required: true, message: '请输入检验日期', trigger: 'blur' }
                ]"
              >
                <el-date-picker
                  style="width:95%"
                  v-model="form.inspect_date"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm"
                  format="yyyy-MM-dd HH:mm"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="1">&nbsp;</el-col>
  
            <template v-for="(item, index) in form.formItem">
              <el-col :span="7" :key="index">
                <el-form-item
                  :label="item.item_name"
                  v-if="item.range_type == 1"
                  :key="item.item_id"
                  :prop="'formItem.' + index + '.value'"
                >
                  <el-input
                    placeholder="请填入"
                    v-model="item.value"
                    style="width:95%"
                  
                    @input='changeInput(item)'
                  >
                    <template slot="append">{{ item.unit }}</template>
                  </el-input>
                </el-form-item>
                <el-form-item
                  :label="item.item_name"
                  v-else
                  :key="item.item_id"
                  :prop="'formItem.' + index + '.value'"
                >
                  <el-select
                    v-model="item.value"
                    placeholder="请选择"
                    style="width:95%"
                  >
                    <el-option
                      v-for="(optionItem, oidex) in item.select_options"
                      :key="oidex"
                      :label="optionItem"
                      :value="optionItem"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="1" :key="'form-col' + index">&nbsp;</el-col>
            </template>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">取 消</el-button>
          <el-button
            type="primary"
            v-if="form.method == 'add'"
            @click="submitNew('form')"
          >保 存
          </el-button
          >
          <el-button type="primary" v-else @click="submitEdit('form')"
          >保 存
          </el-button
          >
        </div>
      </el-dialog>
  
      <!-- 上传图片弹窗 -->
      <el-dialog
        :title="formTitle"
        :visible.sync="dialogPicFormVisible"
        width="1000px"
        id="user-inspection-form"
      >
        <el-form :model="form" ref="form" label-position="top">
          <el-row>
            <el-col :span="7">
              <el-form-item
                label="检验日期"
                prop="inspect_date"
                :rules="[
                  { required: true, message: '请输入检验日期', trigger: 'blur' }
                ]"
              >
                <el-date-picker
                  style="width:95%"
                  v-model="form.inspect_date"
                  type="datetime"
                  value-format="yyyy-MM-dd HH:mm"
                  format="yyyy-MM-dd HH:mm"
                  placeholder="选择日期"
                >
                </el-date-picker>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <template v-for="(item, index) in form.imgs">
              <el-col :span="5" :key="index">
                <div>
                  <el-row>
                    <img width="100px" :src="item.img_url" alt="">
                  </el-row>
                  <el-row>
                    <el-input v-model="item.desc" style="width: 100px"></el-input>
                  </el-row>
                  <el-row>
                    <el-button
                      type="danger"
                      @click="deletePic(item,index)"
                    >删除
                    </el-button>
                  </el-row>
                </div>
              </el-col>
              <el-col :span="1" :key="'form-col' + index">&nbsp;</el-col>
            </template>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-upload
            :data="uploadData"
            :multiple="true"
            action="https://upload.qiniup.com"
            :show-file-list="false"
            :on-error="handleAvatarError"
            :on-success="handleAvatarSuccess"
            :before-upload="beforeAvatarUpload">
            <el-button type="primary">选择文件</el-button>
          </el-upload>
          <el-button @click="dialogPicFormVisible = false">取 消</el-button>
          <el-button
            type="primary"
            v-if="this.form.pic_method== 'add'"
            @click="submitPicNew()"
          >保 存
          </el-button>
  
          <el-button
            type="primary"
            v-if="this.form.pic_method == 'edit'"
            @click="submitEditPicNew()"
          >修 改
          </el-button>
        </div>
      </el-dialog>
  
      <el-image-viewer
          v-if="showViewer"
          :on-close="closeViewer"
          :url-list="imgs"
        ></el-image-viewer>
    </div>
  
  </template>
  
  <script>
  import PatientSidebar from './components/PatientSidebar'
  import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
  import { getToken } from '@/api/qiniu'
  
  import {
    CreatePatientInspection,
    CreatePatientPICInspection,
    editPatientPICInspection,
    DeletePatientInspection,
    EditPatientInspection,
    fetchInspectionReference,
    fetchPatientInspections,
    setRemind,
    setRemindDialog,
    getNewInspectionList,
    getNewInspectionDetailList
  } from '@/api/inspection'
  import { getFileExtension, uParseTime } from '@/utils/tools'
  
  export default {
    name: 'Inspection',
    components: { PatientSidebar, ElImageViewer},
    data() {
      return {
        temp_remind_cycle:"",
        is_open:false,
        record_id:0,
        showViewer:false,
        imgs:[],
        total: 0,
        qiniuDomain: 'https://images.shengws.com/',
        isPic:false,
        uploadData: { token: '', key: '' },
        pageLoading: true,
        itemLoading: false,
        formLoading: false,
        itemDate: '',
        patientID: 0,
        panelClass: 'patient-app-container',
        patientInfo: {
          id: 0
        },
        itemName: '请选择项目',
        formTitle: '',
        dialogRemindFormVisible:false,
        dialogRemindDialogFormVisible:false,
        dialogPicFormVisible: false,
        dialogFormVisible: false,
        patient_info: null,
  
        form: {
          remind_cycle: '',
          method: 'add',
          pic_method:'add',
          project_id: 0,
          inspect_date: '',
          old_inspect_date: '',
          formItem: [{ id: 0, value: '' }],
          imgs: [],
          delete_imgs:[],
        },
        formItem: [],
        items: [],
        inspections: [],
        inspectionsMap: {},
        projects: [],
        project: null,
        queryParams: {
          patient: 0,
          project_id: 0,
          page: 1
        },
        org_id:0,
        rowList:[],
        tabileList:[],
        inspectionList:[],
        inspectionData:[],
        itemDateShow:false
      }
    },
    methods: {
      getTime(val) {
         if(val == ""){
          return ""
         }else {
          return uParseTime(val, '{y}-{m}-{d}')
         }
      },
      imgClicks(val){
        console.log('asdasgg',val);
        this.imgs = []
        this.imgs.push(val)
        this.showViewer = true
      },
      closeViewer(){
        this.showViewer = false
      },
      beforeAvatarUpload(file) {
        // const isJPG = file.type === "image/jpeg";
        var fileType = file.type
        const isJPG = fileType.indexOf('image') > -1
        const isLt2M = file.size / 1024 / 1024 < 5
  
        if (!isJPG) {
          this.$message.error('只能上传图片')
          return false
        }
        if (!isLt2M) {
          this.$message.error('上传头像图片大小不能超过 5MB!')
          return false
        }
  
        var date = new Date()
        var ext = getFileExtension(file.name)
        var key =
          date.getFullYear() +
          '/' +
          (date.getMonth() + 1) +
          '/' +
          date.getDate() +
          '/' +
          date.getHours() +
          '/' +
          date.getMinutes() +
          '/' +
          date.getSeconds() +
          '/' +
          '_s_' +
          file.uid +
          '.' +
          ext
        this.loading = this.$loading({
          lock: true,
          text: '上传中...',
          spinner: 'el-icon-loading',
          background: 'rgba(0, 0, 0, 0.7)'
        })
  
        const _self = this
        return new Promise((resolve, reject) => {
          getToken()
            .then(response => {
              const token = response.data.data.uptoken
              _self._data.uploadData.token = token
              _self._data.uploadData.key = key
              resolve(true)
            })
            .catch(err => {
              console.log(err)
              reject(false)
              this.loading.close()
            })
        })
      },
  
      handleAvatarError(err, file, fileList) {
        this.$message.error(err)
        this.loading.close()
        return false
      },
      handleAvatarSuccess(res, file) {
        console.log("RESPOWOWOWOWO",res)
        console.log("wowowowow",file)
        this.form.imgs.push({
          img_url: this.qiniuDomain + res.url + '?imageView2/2/w/2000/h/2000/q/90',
          desc: '',
          id: 0
        })
        this.loading.close()
      },
      changeInput(item) {
  
        if (item.item_name == '血清铁' || item.item_name == '总铁结合力') {
          let index1 = ''
          let index2 = ''
          this.form.formItem.map((it, index) => {
            if (this.form.formItem[index].item_name == '血清铁') {
              index1 = index
            }
            if (this.form.formItem[index].item_name == '总铁结合力') {
              index2 = index
            }
            if (it.item_name == '转铁蛋白饱和度(计算)') {
              it.value = (parseFloat(this.form.formItem[index1].value) / parseFloat(this.form.formItem[index2].value)) * 100
            }
          })
        }
      },
      deleteInspection() {
        if (this.project == null || this.itemDate == '') {
          this.$message.error('请先选择删除删除的记录')
          return false
        }
  
        this.$confirm('确认删除此记录?', '删除', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(() => {
            var params = {
              patient: this.patientID,
              date: this.itemDate,
              project_id: this.project.project_id
            }
            DeletePatientInspection(params).then(response => {
              if (response.data.state == 0) {
                this.$message.error(response.data.msg)
                return false
              } else {
                this.$notify({
                  title: '成功',
                  message: '删除成功',
                  type: 'success',
                  duration: 2000
                })
  
                for (var index in this.projects) {
                  if (this.projects[index].project_id == params.project_id) {
                    this.projects[index].count--
                    break
                  }
                }
                this.total -= 1
                this.itemDate = ''
                this.items = []
                if (this.total > 0) {
                  this.queryParams.page = 1
                  this.fetchPatientInspections(this.queryParams)
                }
              }
            })
          })
          .catch(() => {
          })
      },submitRemindDialog(){
        var temp_is_open = 0
        if(this.is_open){
          temp_is_open = 1
        }else{
          temp_is_open = 0
        }
        setRemindDialog(this.record_id,temp_is_open).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.record_id = response.data.data.config.id
            if(response.data.data.config.is_open == 1){
              this.is_open = true
            }else{
              this.is_open = false
            }
            this.$notify({
              title: '成功',
              message: '设置成功',
              type: 'success',
              duration: 2000
            })
            this.dialogRemindDialogFormVisible = false
          }
        })
      },submitNewRemind(){
        // console.log(this.is_open)
        var params = {
          patient: this.patientID,
          project_id: this.project.project_id,
          remind_cycle: this.temp_remind_cycle
        }
        setRemind(params).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {
            this.$notify({
              title: '成功',
              message: '设置成功',
              type: 'success',
              duration: 2000
            })
            this.dialogRemindFormVisible = false
          }
        })
      },
     
      openEdit(){
        this.form.formItem = []
        if(this.inspectionData!=null){
          this.formTitle = '修改' + this.project.project_name
          
          for(let i=0;i<this.inspectionData.length;i++){
            console.log("类型====================",this.inspectionData[i].inspect_type)
            var obj = {id:0,project_id:0,project_name:"",item_id:0,item_name:"",range_type:"",value:"",unit:"",item_id:0} 
            obj.id=this.inspectionData[i].id,
            obj.project_id=this.inspectionData[i].project_id
            obj.project_name=this.inspectionData[i].project_name
            obj.item_id = this.inspectionData[i].item_id
            obj.item_name = this.inspectionData[i].item_name
            obj.range_type = this.inspectionData[i].inspect_type
            obj.value = this.inspectionData[i].inspect_value
            obj.unit = this.inspectionData[i].unit
            this.form.formItem.push(obj)
          }
        }
        console.log("this.form.formItem-----------------------",this.form.formItem)
        this.dialogFormVisible = true
      },
      setRemindDialog(){
        this.dialogRemindDialogFormVisible = true
  
  
      },setRemind(){
        this.dialogRemindFormVisible = true
        // this.temp_remind_cycle = this.
  
      },
      openPic() {
        if (this.project == null) {
          this.$message.error('请先选择项目')
          return false
        }
        this.form.pic_method = 'add'
        this.formTitle = '新增' + this.project.project_name
        this.form.project_id = this.project.project_id
        this.form.imgs=[]
        this.form.delete_imgs=[]
        if(this.form.project_id == 14) {
          this.form.remind_cycle = this.patient_info.remind_cycle
        }
        var today = new Date()
        this.form.inspect_date = uParseTime(today, '{y}-{m}-{d} {h}:{i}')
        this.form.formItem = []
        for (var index in this.project.inspection_reference) {
          this.form.formItem.push({
            id: 0,
            project_id: this.project.inspection_reference[index].project_id,
            project_name: this.project.inspection_reference[index].project_name,
            item_id: this.project.inspection_reference[index].id,
            item: this.project.inspection_reference[index].item,
            item_name: this.project.inspection_reference[index].item_name,
            range_type: this.project.inspection_reference[index].range_type,
            value: '',
            select_options: this.project.inspection_reference[index].range_options.split(','),
            unit: this.project.inspection_reference[index].unit
          })
        }
        console.log('form.formItem', this.form.formItem)
        this.dialogPicFormVisible = true
  
      },
      openNew() {
        if (this.project == null) {
          this.$message.error('请先选择项目')
          return false
        }
        this.form.method = 'add'
        this.formTitle = '新增' + this.project.project_name
        this.form.project_id = this.project.project_id
        if(this.form.project_id == 14) {
          this.form.remind_cycle = this.patient_info.remind_cycle
        }
        // this.form.remind_cycle = this.patient_info.remind_cycle
        var today = new Date()
        this.form.inspect_date = uParseTime(today, '{y}-{m}-{d} {h}:{i}')
        this.form.formItem = []
        for (var index in this.project.inspection_reference) {
          // var formItem = this.project.inspection_reference[index];
          // formItem["value"] = '';
          // if (formItem.range_type==2) {
          //   formItem["select_options"] = formItem.range_options.split(",");
          // }
          this.form.formItem.push({
            id: 0,
            project_id: this.project.inspection_reference[index].project_id,
            project_name: this.project.inspection_reference[index].project_name,
            item_id: this.project.inspection_reference[index].id,
            item: this.project.inspection_reference[index].item,
            item_name: this.project.inspection_reference[index].item_name,
            range_type: this.project.inspection_reference[index].range_type,
            value: '',
            select_options: this.project.inspection_reference[
              index
              ].range_options.split(','),
            unit: this.project.inspection_reference[index].unit
          })
        }
        console.log('form.formItem', this.form.formItem)
        this.dialogFormVisible = true
      },
      // submitEdit(formName) {
      //   this.$refs[formName].validate(valid => {
      //     if (valid) {
      //       this.formLoading = true
      //       if (this.form.formItem.length == 0) {
      //         this.$message.error('未填写项目')
      //         return false
      //       }
      //       for (var index in this.form.formItem) {
      //         this.form.formItem[index].value = '' + this.form.formItem[index].value
      //       }
  
      //       EditPatientInspection(this.patientID, this.form, this.form.remind_cycle, this.form.inspect_date, this.form.project_id).then(response => {
      //         if (response.data.state == 1) {
      //           this.$notify({
      //             title: '成功',
      //             message: '修改成功',
      //             type: 'success',
      //             duration: 2000
      //           })
      //           this.patient_info.remind_cycle =
      //             response.data.data.remind_cycle
      //           this.itemDate = this.form.inspect_date
      //           this.items = []
      //           var inspections = response.data.data.inspections
      //           this.inspections = response.data.data.inspections
      //           if (inspections == null) {
      //             this.inspections = []
      //             return false
      //           }
      //           var inspectionsMap = {}
      //           this.inspectionsMap = {}
      //           for (var index in inspections) {
      //             inspectionsMap[inspections[index].item_id] =
      //               inspections[index]
      //             this.inspectionsMap[inspections[index].item_id] =
      //               inspections[index]
      //           }
      //           var items = this.project.inspection_reference
      //           console.log('itmes', items)
      //           for (var index in items) {
      //             if (items[index].id in inspectionsMap) {
      //               var item = {}
      //               for (var key in items[index]) {
      //                 item[key] = items[index][key]
      //               }
      //               item.value = inspectionsMap[items[index].id].inspect_value
      //               item.value_direction = ''
      //               if (item.range_type == 1) {
      //                 var value = parseFloat(item.value)
      //                 var range_min = parseFloat(item.range_min)
      //                 var range_max = parseFloat(item.range_max)
      //                 if (value < range_min) {
      //                   item.value_direction = '↓'
      //                 } else if (value > range_max) {
      //                   item.value_direction = '↑'
      //                 }
      //               }
      //               this.items.push(item)
      //             }
      //           }
  
      //           this.resetForm(formName)
      //           this.dialogFormVisible = false
      //         } else {
      //           this.$message.error(response.data.msg)
      //           return false
      //         }
      //       })
      //         .catch(v => {
      //           this.$message.error(v)
      //           return false
      //         })
      //       this.formLoading = false
      //       return false
      //     } else {
      //       return false
      //     }
      //   })
      // },
      submitEdit(){
         
         console.log("hhahahahh",this.form.formItem)
        EditPatientNewInspection().then(response=>{

        })
      },
      
      submitNew(formName) {
        this.$refs[formName].validate(valid => {
          if (valid) {
            this.formLoading = true
            if (this.form.formItem.length == 0) {
              this.$message.error('未填写项目')
              return false
            }
            for (var index in this.form.formItem) {
              this.form.formItem[index].value =
                '' + this.form.formItem[index].value
            }
            CreatePatientInspection(
              this.patientID,
              this.form,
              this.form.remind_cycle
            ).then(response => {
                if (response.data.state == 1) {
                  this.$notify({
                    title: '成功',
                    message: '新增成功',
                    type: 'success',
                    duration: 2000
                  })
                  // this.form.remind_reycle = response.data.data.remind_reycc
                  this.patient_info.remind_cycle =
                    response.data.data.remind_cycle
                  console.log(this.patient_info.remind_cycle)
  
                  this.itemDate = this.form.inspect_date
                  this.items = []
                  for (var index in this.projects) {
                    if (this.projects[index].project_id == this.form.project_id) {
                      this.projects[index].count++
                      break
                    }
                  }
                  this.total += 1
                  var inspections = response.data.data.inspections
                  this.inspections = response.data.data.inspections
                  if (inspections == null) {
                    this.inspections = []
                    return false
                  }
                  var inspectionsMap = {}
                  this.inspectionsMap = {}
                  for (var index in inspections) {
                    inspectionsMap[inspections[index].item_id] =
                      inspections[index]
                    this.inspectionsMap[inspections[index].item_id] =
                      inspections[index]
                  }
                  var items = this.project.inspection_reference
                  for (var index in items) {
                    if (items[index].id in inspectionsMap) {
                      var item = {}
                      for (var key in items[index]) {
                        item[key] = items[index][key]
                      }
                      item.value = inspectionsMap[items[index].id].inspect_value
                      item.value_direction = ''
                      if (item.range_type == 1) {
                        var value = parseFloat(item.value)
                        var range_min = parseFloat(item.range_min)
                        var range_max = parseFloat(item.range_max)
                        if (value < range_min) {
                          item.value_direction = '↓'
                        } else if (value > range_max) {
                          item.value_direction = '↑'
                        }
                      }
                      this.items.push(item)
                    }
                  }
  
                  this.resetForm(formName)
                  this.dialogFormVisible = false
  
                  this.queryParams.patient = this.patientID
                  this.queryParams.project_id = this.project.project_id
                  this.queryParams.page = 1
                  this.total = 0
                  this.fetchPatientInspections(this.queryParams)
                } else {
                  this.$message.error(response.data.msg)
                  return false
                }
              })
              .catch(v => {
                this.$message.error(v)
                return false
              })
            this.formLoading = false
            return false
          } else {
            return false
          }
        })
      },
      submitEditPicNew() {
        if (this.form.imgs.length == 0) {
          this.$message.error('未上传图片')
          return false
        }
        this.formLoading = true
        editPatientPICInspection(
          this.patientID,
          this.form
        )
          .then(response => {
            if (response.data.state === 1) {
              this.$notify({
                title: '成功',
                message: '修改成功',
                type: 'success',
                duration: 2000
              })
              this.itemDate = this.form.inspect_date
              this.items = []
              this.dialogPicFormVisible = false
              this.queryParams.patient = this.patientID
              this.queryParams.project_id = this.project.project_id
              this.queryParams.page = 1
              this.total = 0
              this.fetchPatientInspections(this.queryParams)
            } else {
              this.$message.error(response.data.msg)
              return false
            }
          })
          .catch(v => {
            this.$message.error(v)
            return false
          })
        this.formLoading = false
  
      },
      deletePic(item,index){
        if(item.id == 0){
          this.form.imgs.splice(index,1)
        }else{
          for(let index in this.form.imgs){
            if(item.id == this.form.imgs[index].id){
              this.form.imgs.splice(index,1)
              this.form.delete_imgs.push({
                id:item.id,
              })
            }
          }
  
        }
      },
      // 上传确认保存
      submitPicNew() {
        this.formLoading = true
        if (this.form.imgs.length == 0) {
          this.$message.error('未上传图片')
          return false
        }
        console.log("form",this.form)
        CreatePatientPICInspection(
          this.patientID,
          this.form
        ).then(response => {
            if (response.data.state === 1) {
              this.$notify({
                title: '成功',
                message: '新增成功',
                type: 'success',
                duration: 2000
              })
              this.itemDate = this.form.inspect_date
              console.log('111111111',this.itemDate);
              this.items = []
              for (var index in this.projects) {
                if (this.projects[index].project_id == this.form.project_id) {
                  this.projects[index].count++
                  break
                }
              }
              this.total += 1
             
              this.dialogPicFormVisible = false
              this.queryParams.patient = this.patientID
              this.queryParams.project_id = this.project.project_id
              this.queryParams.page = 1
              this.total = 0
              this.fetchPatientInspections(this.queryParams)
            } else {
              this.$message.error(response.data.msg)
              return false
            }
          })
          .catch(v => {
            this.$message.error(v)
            return false
          })
        this.formLoading = false
  
      },
      fetchInspectionReference() {
        fetchInspectionReference(this.patientID)
          .then(response => {
            if (response.data.state == 1) {
              var reference = response.data.data.reference
              var patient_info = response.data.data.patient_info
              this.projects = reference
              this.patient_info = patient_info
              this.pageLoading = false
  
              // this.form.remind_cycle = this.patient_info.remind_cycle
            } else {
              this.$message.error(response.data.msg)
              return false
            }
          })
          .catch(v => {
          })
      },
      setCurrent(row) {
        this.$refs.singleTable.setCurrentRow(row)
      },
      resetForm(formName) {
        this.$refs[formName].resetFields()
      },
      handleCurrentChange(row) {
        console.log("row-2-23-23-",row)
        this.itemDate = ''
        this.form.method = 'add'
        if (typeof row === 'undefined' || row == null) {
          this.project = null
          this.items = []
          this.itemName = '请选择项目'
        } else {
          this.itemLoading = true
          this.project = row
  
          this.items = row.inspection_reference
          this.itemName = row.project_name
          this.queryParams.patient = this.patientID
          this.queryParams.project_id = this.project.project_id
          this.queryParams.page = 1
          this.total = 0
         
        
          this.getNewInspectionList(this.queryParams)
          // this.fetchPatientInspections(this.queryParams)

        }
      },
  
      handleCurrentChangePage(val) {
        this.itemLoading = true
        this.queryParams.page = val
        this.fetchPatientInspections(this.queryParams)
      },
      fetchPatientInspections(params) {
        this.items = []
        this.isPic = false
       
        fetchPatientInspections(params)
          .then(response => {
            if (response.data.state == 1) {
              var inspections = response.data.data.inspections
              this.total = response.data.data.total
              this.itemDate = response.data.data.date
              let remind = response.data.data.remind
  
              let config = response.data.data.config
              this.record_id = config.id
              if(config.id > 0){
  
                if(config.is_open == 1){
                  this.is_open = true
                }else{
                  this.is_open = false
  
                }
              }else{
                this.is_open = false
              }
  
  
              if(remind.id > 0 && remind.remind_cycle > 0){
                this.temp_remind_cycle = remind.remind_cycle
              }else{
                this.temp_remind_cycle = ""
              }
  
              this.inspections = response.data.data.inspections
              console.log("this.inpections",this.inspections)
              if (inspections == null) {
                this.inspections = []
                return false
              }
              var inspectionsMap = {}
              this.inspectionsMap = {}
              for (var index in inspections) {
  
                inspectionsMap[inspections[index].item_id] = inspections[index]
                this.inspectionsMap[inspections[index].item_id] = inspections[index]
              }
              console.log("inspectionsMap",this.inspectionsMap)
              var items = this.project.inspection_reference
              console.log("列表---------------------------------",items)
              for (var index in items) {
               console.log("obj",items[index])
                // console.log("inspectionsMap",inspectionsMap[items[index].item_id])
                var item = {}
                for (var key in items[index]) {
                  //  console.log("key",key,items[index][key])
                  //  console.log("item[key]",item[key])
                  item[key] = items[index][key]
                }
                
                if (item.item_id > 0) {
                  if (typeof(inspectionsMap[parseInt(items[index].item_id)])  == "undefined") {
                    if(this.org_id == 10121 || this.org_id ==10138 || this.org_id == 0 || this.org_id ==10278 || this.org_id == 10702){
                      item.value = inspectionsMap[items[index].id].inspect_value
                      item.item_name = inspectionsMap[items[index].id].item_name
                    }else{
                      item.value = ""
                      item.item_name = ""
                    }
                  } else {
                    item.value = inspectionsMap[items[index].item_id].inspect_value
                    item.item_name = inspectionsMap[items[index].item_id].item_name
                  }
                } else {
                  if(typeof(inspectionsMap[parseInt(items[index].id)])  == "undefined"){
                    continue
                  }
                  item.value = inspectionsMap[items[index].id].inspect_value
                  item.item_name = inspectionsMap[items[index].id].item_name
                }
                // item["inspect_desc"] = inspectionsMap[items[index].id].inspect_desc
                // item["inspect_type"] = inspectionsMap[items[index].id].inspect_type
                item.value_direction = ''
                if (item.range_type == 1) {
                  var value = parseFloat(item.value)
                  var range_min = parseFloat(item.range_min)
                  var range_max = parseFloat(item.range_max)
                  if (value < range_min) {
                    item.value_direction = '↓'
                  } else if (value > range_max) {
                    item.value_direction = '↑'
                  }
                }
                console.log("items23233232",item)
                if(this.org_id!=10503){
                  if(item.project_name!=""){
                   this.items.push(item)
                 }
                }else{
                  this.items.push(item)
                }
                
                console.log('fffff',this.items);
                if(item.value.indexOf("http") <0){
                  this.isPic = true
                }
  
                if(this.org_id!=10503){
                  this.isPic = false
                }
  
                console.log("woowwoow",this.isPic)
  
  
  
                console.log("isPicwowowow",this.items)
              }
            }
          })
          .catch(v => {
          })
        setTimeout(() => {
          this.itemLoading = false
        }, 1000)
      },

      getNewInspectionList(params){
         getNewInspectionList(params).then(response=>{
           if(response.data.state == 1){
             var list =  response.data.data.list
            
             this.isPic = false
             this.tabileList = list

             var inspectionGroup = response.data.data.inspectionGroup

             this.rowList = inspectionGroup
             
             var inspection = response.data.data.inspection

             this.inspectionList = inspection
           
             this.pageLoading = false
             this.itemLoading = false
             this.formLoading = false
           }
        })
      },
      getInspecValue(inspect_date,item_id){
        var inspect_value = ""
        for(let i=0;i<this.inspectionList.length;i++){
          if(inspect_date == this.inspectionList[i].inspect_date && item_id == this.inspectionList[i].item_id){
             inspect_value = this.inspectionList[i].inspect_value
          }
        }
        return inspect_value
      },
      handleCurrentChangeOne(val){
        
           var params = {
             patient_id:this.patientID,
             project_id:val.project_id,
             inspect_date:val.inspect_date,
           }
         getNewInspectionDetailList(params).then(response=>{
            if(response.data.state == 1){
                var inspection =  response.data.data.inspection
                this.itemDateShow = true
                this.inspectionData = inspection
                this.form.inspect_date = uParseTime(val.inspect_date, '{y}-{m}-{d} {h}:{i}')
              
            }
         })
      }
    },
    created() {
      const id = this.$route.query && this.$route.query.id
      this.org_id = this.$store.getters.xt_user.org.id,
      this.patientID = parseInt(id)
      if (isNaN(this.patientID) || this.patientID <= 0) {
        this.$notify.error({
          title: '错误',
          message: '无效的id'
        })
        this.$router.push('/patients/patients')
      }
  
      this.fetchInspectionReference()
    }
  }
  </script>
  
  <style>
  #oictable ::-webkit-scrollbar {
    height: 15px;
  }
  </style>
  
  <style>
  #user-inspection-order td {
    border-bottom: 0px !important;
    border-right: 0px !important;
  }
  
  #user-inspection-order th {
    border-right: 0px !important;
  }
  
  #user-inspection-form .el-form-item__content {
    line-height: 0 !important;
  }
  
  .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #d0d3da;
  }
  
  .el-table--border::after,
  .el-table--group::after,
  .el-table::before {
    background-color: #d0d3da;
  }
  </style>