raolu
/
PC-application


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>筛选类型</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="keywords" content="筛选类型" />
    <meta name="description" content="筛选类型" />
    <link rel="shortcut icon" href="../../../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/questionnaire.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
    <!-- <link rel="stylesheet" type="text/css" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" /> -->
  </head>
  <body>
    <div class="ui-grid" id="app" style="align-items: flex-start" v-cloak>
      <div class="flex-box-item ptb20">
        <!--<div class="prompt-text">请认真填写本页面，方便医生进行综合评估【厦门i健康】</div>-->
        <div class="single-choice-question">
          <div class="question-title">问卷题目</div>
          <div class="question-content">
            <div v-if="screeningType == 'aa9bd609fd8b492296f6a34849b76520'" class="question-list">
              <!-- 大肠癌筛查OB -->
              <div class="pt10 pb5 pr10" v-for="(item,index) in questionList" :key="item.field">
                <div class="question-name">
                  {{index + 1}}、{{item.label}}
                  <span class="required-icon" v-if="item.required">*</span>
                </div>
                <div class="daan-list" v-if="item.type== 'input'">
                  <textarea class="wenjuan-textarea" rows="1" v-model="answer[item.field]"></textarea>
                </div>
                <div class="daan-list" v-if="item.type =='radio'">
                  <el-radio-group v-model="answer[item.field]">
                    <el-radio :label="el.value" v-for="(el,i) in item.options" style="display: block; margin-left: 0" :key="i">{{el.label}}</el-radio>
                  </el-radio-group>
                </div>
                <div class="daan-list" v-if="item.type =='checkbox'">
                  <el-checkbox-group v-model="answer[item.field]">
                    <el-checkbox :label="el.value" v-for="(el,i) in item.options" style="display: block; margin-left: 0" :key="i">{{el.label}}</el-checkbox>
                  </el-checkbox-group>
                </div>
              </div>
            </div>

            <ul class="question-list" v-else>
              <li v-for="(qst,key,index) in questions">
                <p class="question-name" v-text="key+'、'+qst.question.title"></p>
                <div class="daan-list" v-if="qst.question.questionType!=2">
                  <lable class="label-block" v-for="opt in qst.option" @click="selectItem(qst.question,opt,index)">
                    <span class="pull-right" v-text="(opt.score || 0)+'分'" v-if="qst.isThird!=3"></span>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='sex'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == sex"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='acs'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == (ascvdShow?ascvdShow:ascvdS1)"
                        id="myInput1"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='myocardialInfarct'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == (ascvdShow?ascvdShow:ascvdS2)"
                        id="myInput2"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='ischemicStroke'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == (ascvdShow?ascvdShow:ascvdS3)"
                        id="myInput3"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='smoke'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == smoke"
                        id="myInput3"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='diabetes'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == diabetes"
                        id="myInput3"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='hypertension'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == hypertension"
                        id="myInput3"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template v-if="qst.isThird==3&&qst.question.thirdKey=='seriousMedicalHistory'">
                      <input
                        :type="qst.questionType==1?'checkbox':'radio'"
                        :checked="opt.thirdValue == (ascvdShow?ascvdShow:ascvdS4)"
                        id="myInput4"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                    <template
                      v-if="qst.question.thirdKey!='sex'&&qst.question.thirdKey!='acs'&&qst.question.thirdKey!='myocardialInfarct'&&qst.question.thirdKey!='ischemicStroke'&&qst.question.thirdKey!='smoke'&&qst.question.thirdKey!='hypertension'&&qst.question.thirdKey!='diabetes'&&qst.question.thirdKey!='seriousMedicalHistory'">
                      <input
                        :type="qst.questionType==1||qst.question.questionType?'checkbox':'radio'"
                        v-if="qst.question.thirdKey!='sex'"
                        :name="'ques'+index+screeningType+(qst.questionType==1?'[]':'')"
                        value="1" />
                      <i></i>
                      <span v-text="opt.content"></span>
                    </template>
                  </lable>
                </div>
                <div v-else>
                  <template
                    v-if="(qst.isThird=='3' && qst.question.thirdKey == 'assessTime')||(qst.question.thirdKey == 'createDate'&&screeningTitle=='大肠癌筛查问卷（OB筛查）')||(qst.question.thirdKey == 'createDate'&&screeningTitle=='脑卒中风险评估(冠心病、脑卒中、肾病)')">
                    <div style="padding-left: 20px">
                      <el-date-picker
                        v-model="qst.question.content"
                        type="datetime"
                        format="yyyy-MM-dd HH:mm"
                        value-format="yyyy-MM-dd HH:mm"
                        placeholder="选择日期时间"
                        @change="changeContent(qst.question,qst.question.content)"></el-date-picker>
                    </div>
                  </template>
                  <template v-else>
                    <div
                      class="daan-list"
                      v-if="qst.isThird==3 && (qst.question.thirdKey == 'assessDoctor' || qst.question.thirdKey == 'assessOrgId'||(!shaowas&&qst.question.thirdKey == 'bmi'))">
                      <textarea class="wenjuan-textarea" disabled rows="2" v-model="qst.question.content"></textarea>
                    </div>
                    <div class="daan-list" v-else-if="qst.question.thirdKey != 'bmi'">
                      <textarea class="wenjuan-textarea" @keyup="changeContent(qst.question,qst.question.content,1)" rows="2" v-model="qst.question.content"></textarea>
                    </div>
                    <div class="daan-list" v-if="(shaowas&&qst.question.thirdKey == 'bmi')">
                      <textarea class="wenjuan-textarea" disabled rows="2" v-model="shaowas"></textarea>
                    </div>
                  </template>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="w-250">
        <div class="base-info">
          <p class="f-16 mb0">基本信息</p>
          <div :class="`flex-box ${noswitch?'':'right-triangle'}`">
            <span class="w-70">类型</span>
            <a class="flex-box-item" :alt="screeningTitle" v-text="screeningTitle" @click="goBack">--</a>
          </div>
          <div :class="`flex-box ${noswitch?'':'right-triangle'}`">
            <span class="w-70">对象</span>
            <a class="flex-box-item" :alt="screeningResidentsName" v-text="screeningResidentsName" @click="goBack(1)">--</a>
          </div>
          <div class="flex-box">
            <span class="w-70">筛查人员</span>
            <div class="flex-box-item c-999" v-text="doctorInfo.name"></div>
          </div>
          <div class="flex-box" style="align-items: flex-start">
            <span class="w-70">体征记录</span>
            <div class="flex-box-item" v-if="tizhongRecord.value1 || tizhongRecord.value2">
              <p v-if="tizhongRecord.value1">
                体重
                <input type="number" step="0.1" readonly="readonly" :value="tizhongRecord.value1" />
                kg
              </p>
              <p class="mb0" v-if="tizhongRecord.value2">
                身高
                <input type="number" step="0.1" readonly="readonly" :value="tizhongRecord.value2" />
                cm
              </p>
            </div>
            <div class="flex-box-item" v-else>暂无体征</div>
          </div>
        </div>

        <div class="completion-of-progress">
          <p class="f16 mb0">完成情况</p>
          <div class="canvas-box">
            <canvas-progress :progress="progress" ref="progress"></canvas-progress>
            <p class="progress-number">
              <span>已完成</span>
            </p>
          </div>
        </div>

        <div class="btn-group-bottom">
          <button class="btn submit-btn" @click="save">提交</button>
          <button class="btn btn-exit" @click="signOut">退出</button>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="../../../plugins/echarts/3.8.5/echarts.min.js"></script>
    <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../component/common/event-bus.js"></script>
    <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <!-- <script src="https://unpkg.com/element-ui/lib/index.js" type="text/javascript" charset="utf-8"></script> -->
    <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../plugins/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
    <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="../../../api/jbsc-api.js"></script>
    <script type="text/javascript" src="../component/canvas-progress.js"></script>
    <script type="text/javascript" src="../js/questionList.js"></script>
    <script type="text/javascript">
      var httpData = GetRequest()
      var docInfo = JSON.parse(window.localStorage.getItem('docInfo'))
      var question = new Vue({
        el: '#app',
        data: {
          //数据结果
          progress: 0,
          selectArr: [],
          screeningTitle: decodeURI(httpData['fliter_title']),
          screeningType: httpData['fliter_code'],
          screeningResidents: httpData['resident_code'],
          screeningResidentsName: decodeURI(httpData['resident_name']),
          sex: decodeURI(httpData['sex']),
          age: decodeURI(httpData['age']),
          doctorInfo: { code: docInfo.code },
          surveyStatus: httpData['surveyStatus'] || '',
          idCard: httpData['idcard'],
          mobile: httpData['mobile'],
          questions: [],
          tizhongRecord: {},
          labelType: 5, //问卷筛查labelType=5
          isAgain: httpData['isAgain'] || 0,
          ascvdShow: '',
          ascvdS1: '',
          ascvdS2: '',
          ascvdS3: '',
          ascvdS4: '',
          shaowas: '',
          smoke: '',
          hypertension: '',
          diabetes: '',
          questionList: [],
          noswitch: httpData['noswitch'],
          dictData: [
            {
              name: 'obScreen_isMerge',
              field: 'isMerge'
            },
            {
              name: 'obScreen_eduState',
              field: 'eduState'
            },
            {
              name: 'obScreen_jobState',
              field: 'jobState'
            },
            {
              name: 'obScreen_ksDrugName1',
              field: 'ksDrugName1'
            }
          ],
          answer: {},
          progress1: 0
        },
        mounted: function () {
          var vm = this

          if (this.screeningType == 'aa9bd609fd8b492296f6a34849b76520') this.getDictData()
          else {
            this.getHealth()
            this.getQuestion()
            this.getDoctorInfo()
          }
        },
        methods: {
          getDictData() {
            this.questionList = questionList
            this.answer = {
              belongCommunity: docInfo.hospitalName,
              doctorName: docInfo.name,
              doctorPhoneNo: docInfo.mobile,
              userName: this.screeningResidentsName,
              idNoType: '身份证',
              idNo: this.idCard,
              phoneNo: this.mobile,
              age: this.age,
              sex: this.sex,
              ksDrugName1: []
            }
            var vm = this
            this.dictData.forEach(function (item) {
              jbscAPI.getDictDataByName(item.name).then(function (res) {
                var index = vm.questionList.findIndex(function (el) {
                  return el.field == item.field
                })
                vm.questionList[index].options = res.list.map(function (el) {
                  return {
                    label: el.value,
                    value: el.code
                  }
                })

                vm.$forceUpdate()
              })
            })
          },
          getInitData() {
            var vm = this
            httpRequest.get('doctor/screen/physicalList', { data: { patient: vm.screeningResidents } }).then(function (res) {
              var data = res.data
              if (res.status == 200 && data) {
                for (var i in vm.questions) {
                  if (vm.questions[i].question.thirdKey == 'height' && data.height) {
                    vm.questions[i].question.content = data.height + ''
                    vm.changeContent(vm.questions[i].question, data.height + '')
                  }
                  if (vm.questions[i].question.thirdKey == 'weight' && data.weight) {
                    vm.questions[i].question.content = data.weight + ''
                    vm.changeContent(vm.questions[i].question, data.weight + '')
                  }
                  if (vm.questions[i].question.thirdKey == 'bmi') {
                    if (data.height && data.weight) {
                      var w = data.weight
                      var h = data.height / 100
                      var s = (w / (h * h)).toFixed(2)
                      vm.questions[i].question.content = s
                      vm.shaowas = s
                      vm.changeContent(vm.questions[i].question, s + '')
                    } else {
                      vm.questions[i].question.content = ''
                      vm.shaowas = ''
                      vm.changeContent(vm.questions[i].question, '')
                    }
                  }
                  if (vm.questions[i].question.thirdKey == 'systolicPressure' && data.systolicPressure) {
                    vm.questions[i].question.content = data.systolicPressure + ''
                    vm.changeContent(vm.questions[i].question, data.systolicPressure + '')
                  }
                  if (vm.questions[i].question.thirdKey == 'diastolicPressure' && data.diastolicPressure) {
                    vm.questions[i].question.content = data.diastolicPressure + ''
                    vm.changeContent(vm.questions[i].question, data.diastolicPressure + '')
                  }
                  if (vm.questions[i].question.thirdKey == 'totalCholesterol' && data.totalCholesterol) {
                    vm.questions[i].question.content = data.totalCholesterol + ''
                    vm.changeContent(vm.questions[i].question, data.totalCholesterol + '')
                  }
                  if (vm.questions[i].question.thirdKey == 'hdlc' && data.HDL) {
                    vm.questions[i].question.content = data.HDL + ''
                    vm.changeContent(vm.questions[i].question, data.HDL + '')
                  }
                  if (vm.questions[i].question.thirdKey == 'ldlc' && data.LDL) {
                    vm.questions[i].question.content = data.LDL + ''
                    vm.changeContent(vm.questions[i].question, data.LDL + '')
                  }
                  // if (vm.questions[i].question.thirdKey == 'ckd34' && data.height) {
                  //   vm.questions[i].question.content = data.height + ''
                  //   vm.changeContent(vm.questions[i].question, data.LDL + '')
                  // }
                  if (vm.questions[i].question.title == '既往有心肌梗死病史' && data.AMI) {
                    var index = data.AMI == 1 ? 0 : data.AMI == 2 ? 1 : ''
                    vm.selectItem(vm.questions[i].question, vm.questions[i].option[Number(index)])
                  }
                  if (vm.questions[i].question.title == '缺血性脑卒中病史' && data.CerebralIschemicStroke) {
                    var index = data.CerebralIschemicStroke == 1 ? 0 : data.CerebralIschemicStroke == 2 ? 1 : ''
                    vm.selectItem(vm.questions[i].question, vm.questions[i].option[Number(index)])
                  }
                  if (vm.questions[i].question.title == '高血压' && data.hypertension) {
                    var index = data.hypertension == 1 ? 0 : data.hypertension == 2 ? 1 : ''
                    vm.selectItem(vm.questions[i].question, vm.questions[i].option[index])
                  }
                  if (vm.questions[i].question.title == '糖尿病' && data.Diabetes) {
                    var index = data.Diabetes == 1 ? 0 : data.Diabetes == 2 ? 1 : ''
                    vm.selectItem(vm.questions[i].question, vm.questions[i].option[Number(index)])
                  }

                  if (vm.questions[i].question.title == '吸烟' && (data.smoke || data.smoke == 0)) {
                    var index = data.smoke == 1 ? 0 : data.smoke == 0 ? 1 : ''
                    vm.selectItem(vm.questions[i].question, vm.questions[i].option[Number(index)])
                  }
                }
                vm.$forceUpdate()
              }
              httpRequest.get('doctor/screen/checkUpList', { data: { patient: vm.screeningResidents } }).then(function (res) {
                var obj = res.data
                if (res.status == 200 && obj) {
                  for (var i in vm.questions) {
                    if (vm.questions[i].question.thirdKey == 'hdlc' && !vm.questions[i].question.content) {
                      vm.questions[i].question.content = obj.hdlc
                      vm.changeContent(vm.questions[i].question, obj.hdlc)
                    }
                    if (vm.questions[i].question.thirdKey == 'ldlc' && !vm.questions[i].question.content) {
                      vm.questions[i].question.content = obj.ldlc
                      vm.changeContent(vm.questions[i].question, obj.ldlc + '')
                    }
                    if (vm.questions[i].question.thirdKey == 'totalCholesterol' && !vm.questions[i].question.content) {
                      vm.questions[i].question.content = obj.totalCholesterol
                      vm.changeContent(vm.questions[i].question, obj.totalCholesterol + '')
                    }
                    if (vm.questions[i].question.thirdKey == 'diastolicPressure' && !vm.questions[i].question.content) {
                      vm.questions[i].question.content = obj.diastolicPressure
                      vm.changeContent(vm.questions[i].question, obj.diastolicPressure + '')
                    }
                    if (vm.questions[i].question.thirdKey == 'systolicPressure' && !vm.questions[i].question.content) {
                      vm.questions[i].question.content = obj.systolicPressure
                      vm.changeContent(vm.questions[i].question, obj.systolicPressure + '')
                    }
                  }
                }
                // var data = res.data
                // if (!vm.form.totalCholesterol) {
                //   vm.form.totalCholesterol = data.totalCholesterol
                // }
                // if (!vm.form.hdlc) {
                //   vm.form.hdlc = data.hdlc
                // }
                // if (!vm.form.ldlc) {
                //   vm.form.ldlc = data.ldlc
                // }
                // if (!vm.form.systolicPressure) {
                //   vm.form.systolicPressure = data.systolicPressure
                // }
                // if (!vm.diastolicPressure) {
                //   vm.form.diastolicPressure = data.diastolicPressure
                // }
                vm.$forceUpdate()
              })
            })
          },

          getDoctorInfo: function () {
            var vm = this
            var data = {
              code: vm.doctorInfo.code
            }
            jbscAPI.doctorBaseinfo(data).then(function (res) {
              if (res.status == 200) {
                vm.doctorInfo = res.data
              } else {
                top.layer.msg(res.msg, { icon: 5 })
              }
            })
          },
          //计算选中个数，组装成后台接收格式
          selectItem: function (qst, select, num) {
            var vm = this
            var isFlag = 1
            if (qst.title == '抗栓药物其他名称' && vm.screeningTitle == '大肠癌筛查问卷（OB筛查）') {
              vm.selectArr.forEach(function (item, index) {
                if (item.thirdKey == 'ksDrugName1') {
                  item.options.forEach(function (v, i) {
                    if (v.comment == '其他') {
                      isFlag = 0
                      return false
                    }
                  })
                }
              })

              // 如果没有勾选“其他”选项，提示并返回
              if (isFlag) {
                qst.content = '' // 清空当前输入的内容
                this.$message.error('请先勾选抗栓药物名称的其他选项')
                return false
              }
            }
            if (vm.ascvdShow) {
              if (select.thirdKey == 'acs' || select.thirdKey == 'myocardialInfarct' || select.thirdKey == 'ischemicStroke' || select.thirdKey == 'seriousMedicalHistory') {
                return false
              }
            }
            var data = {
              qstCode: qst.code,
              type: qst.questionType,
              content: qst.content,
              thirdKey: qst.thirdKey
            }
            var options = []
            var ls = []
            var lsTo = []
            if (select) {
              if (qst.questionType == '1') {
                // 处理多选题
                if (!qst.selectedOptions) {
                  qst.selectedOptions = []
                }

                var optionIndex = qst.selectedOptions.findIndex(item => item.optionCode == select.code)

                if (optionIndex > -1) {
                  // 如果已经选中，则取消选择
                  qst.selectedOptions.splice(optionIndex, 1)
                } else {
                  // 如果未选中，则添加选项
                  qst.selectedOptions.push({
                    optionCode: select.code,
                    comment: select.content,
                    score: select.score,
                    thirdKey: select.thirdKey,
                    thirdValue: select.thirdValue
                  })
                }
                options = qst.selectedOptions // 将选中的所有选项赋值给options
              } else {
                options = [
                  {
                    optionCode: select.code,
                    comment: select.content,
                    score: select.score,
                    thirdKey: select.thirdKey,
                    thirdValue: select.thirdValue
                  }
                ]
              }
              if (select.thirdKey == 'ascvd' && select.thirdValue == 0) {
                this.ascvdShow = '0'
                vm.spliceFunction()
                for (var i in this.questions) {
                  if (
                    this.questions[i].question.thirdKey == 'acs' ||
                    this.questions[i].question.thirdKey == 'myocardialInfarct' ||
                    this.questions[i].question.thirdKey == 'ischemicStroke' ||
                    this.questions[i].question.thirdKey == 'seriousMedicalHistory'
                  ) {
                    var s = this.questions[i].option[1]
                    var v = this.questions[i].question
                    ls.push({
                      qstCode: v.code,
                      type: v.questionType,
                      thirdKey: v.thirdKey,
                      options: [
                        {
                          optionCode: s.code,
                          comment: s.content,
                          score: s.score,
                          thirdKey: s.thirdKey,
                          thirdValue: s.thirdValue
                        }
                      ]
                    })
                  }
                }
                document.getElementById('myInput1').disabled = true
                document.getElementById('myInput2').disabled = true
                document.getElementById('myInput3').disabled = true
                document.getElementById('myInput4').disabled = true
              } else if (select.thirdKey == 'ascvd' && select.thirdValue == 1) {
                this.ascvdShow = ''
                this.ascvdS1 = ''
                this.ascvdS2 = ''
                this.ascvdS3 = ''
                this.ascvdS4 = ''
                document.getElementById('myInput1').disabled = false
                document.getElementById('myInput2').disabled = false
                document.getElementById('myInput3').disabled = false
                document.getElementById('myInput4').disabled = false
                ls = []
                vm.spliceFunction()
              }
              if (select.thirdKey == 'acs') {
                vm.ascvdS1 = select.thirdValue
              }
              if (select.thirdKey == 'myocardialInfarct') {
                vm.ascvdS2 = select.thirdValue
              }
              if (select.thirdKey == 'ischemicStroke') {
                vm.ascvdS3 = select.thirdValue
              }
              if (select.thirdKey == 'seriousMedicalHistory') {
                vm.ascvdS4 = select.thirdValue
              }
              if (select.thirdKey == 'smoke') {
                vm.smoke = select.thirdValue
              }
              if (select.thirdKey == 'hypertension') {
                vm.hypertension = select.thirdValue
              }
              if (select.thirdKey == 'diabetes') {
                vm.diabetes = select.thirdValue
              }
            }
            if ((num && qst.thirdKey == 'weight') || qst.thirdKey == 'height') {
              var weight = ''
              var height = ''
              for (var i in vm.questions) {
                if (vm.questions[i].question.thirdKey == 'weight') {
                  weight = vm.questions[i].question.content
                }
                if (vm.questions[i].question.thirdKey == 'height') {
                  height = vm.questions[i].question.content
                }
              }
              var w = qst.thirdKey == 'weight' ? qst.content : weight
              var h = qst.thirdKey == 'height' ? qst.content : height / 100
              var s = (w / (h * h)).toFixed(2)
              vm.selectArr.forEach(function (v, i) {
                if (v.thirdKey == 'bmi') {
                  vm.selectArr.splice(i, 1)
                }
              })
              for (var i in vm.questions) {
                if (vm.questions[i].question.thirdKey == 'bmi') {
                  lsTo.push({
                    qstCode: vm.questions[i].question.code,
                    type: vm.questions[i].question.questionType,
                    content: s,
                    thirdKey: vm.questions[i].question.thirdKey,
                    options: []
                  })
                  vm.shaowas = s
                  // if(w && h) {
                  // 	vm.shaowas = s
                  // }
                  // console.log(vm.questions[i].question.content,"0809")
                  // vm.questions[i].question.content = ''
                  // console.log(vm.questions[i].question.content,"00000---")
                }
              }
            }

            data.options = options
            var oldLen = this.selectArr.length
            this.selectArr =
              _.filter(this.selectArr, function (o) {
                return o.qstCode != data.qstCode
              }) || []
            this.selectArr = this.selectArr.concat(lsTo)
            this.selectArr = this.selectArr.concat(ls)
            this.selectArr.push(data)

            var len = this.selectArr.length
            //						var questions=Object.values(this.questions)
            var questions = _.toArray(this.questions)
            var allLen = questions.length
            var progress = len === allLen ? 100 : (len / allLen) * 100
            if (select && select.thirdKey == 'ascvd') {
              this.$refs.progress.dataFunction(progress)
            } else {
              this.progress = progress
            }
          },
          spliceFunction: function () {
            var vm = this
            vm.selectArr.forEach(function (v, i) {
              if (v.thirdKey == 'acs') {
                vm.selectArr.splice(i, 1)
              }
            })
            vm.selectArr.forEach(function (v, i) {
              if (v.thirdKey == 'myocardialInfarct') {
                vm.selectArr.splice(i, 1)
              }
            })
            vm.selectArr.forEach(function (v, i) {
              if (v.thirdKey == 'ischemicStroke') {
                vm.selectArr.splice(i, 1)
              }
            })
            vm.selectArr.forEach(function (v, i) {
              if (v.thirdKey == 'seriousMedicalHistory') {
                vm.selectArr.splice(i, 1)
              }
            })
          },
          signOut: function () {
            var index = top.layer.getFrameIndex(window.name) //先得到当前iframe层的索引
            var current = top.layer.confirm(
              '问卷还未提交，确定要关闭？',
              {
                btn: ['关闭', '取消'] //按钮
              },
              function () {
                top.layer.closeAll() //再执行关闭
              },
              function () {
                top.layer.close(current) //再执行关闭
              }
            )
          },
          changeContent: function (qst, content, num) {
            if (!content) return
            this.selectItem(qst, '', num)
          },
          getQuestion: function () {
            var vm = this
            var data = {
              surveyTemplateCode: vm.screeningType
            }
            jbscAPI.getAllQuestions(data).then(function (res) {
              if (res.status == 200) {
                for (var i in res.data) {
                  if (res.data[i].isThird == 3) {
                    if (res.data[i].question.questionType == '1') {
                      res.data[i].question.selectedOptions = [] // 初始化多选项的数组
                    }
                    if (res.data[i].question.thirdKey == 'assessTime') {
                      res.data[i].question.content = new Date()
                    }
                    if (res.data[i].option.length != 0) {
                      res.data[i].question.thirdKey = res.data[i].option[0].thirdKey
                    }
                    if (res.data[i].question.thirdKey == 'assessDoctor') {
                      res.data[i].question.content = docInfo.name
                    }
                    if (res.data[i].question.thirdKey == 'assessOrgId') {
                      res.data[i].question.content = docInfo.hospitalName
                    }
                    if (res.data[i].question.thirdKey == 'name') {
                      res.data[i].question.content = vm.screeningResidentsName
                    }
                    if (res.data[i].question.thirdKey == 'sex') {
                      res.data[i].question.content = vm.sex
                    }
                    if (res.data[i].question.thirdKey == 'age') {
                      res.data[i].question.content = vm.age
                    }
                  }
                  if (res.data[i].question.thirdKey == 'belongCommunity') {
                    res.data[i].question.content = docInfo.hospitalName
                  }
                  if (res.data[i].question.thirdKey == 'doctorName') {
                    res.data[i].question.content = docInfo.name
                  }
                  if (res.data[i].question.thirdKey == 'doctorPhoneNo') {
                    res.data[i].question.content = docInfo.mobile
                  }
                  if (res.data[i].question.thirdKey == 'userName') {
                    res.data[i].question.content = decodeURI(httpData.resident_name)
                  }
                  if (res.data[i].question.thirdKey == 'idNo') {
                    res.data[i].question.content = httpData.idcard
                  }
                  if (res.data[i].question.thirdKey == 'phoneNo') {
                    res.data[i].question.content = httpData.mobile
                  }
                  if (res.data[i].question.thirdKey == 'assessDoctor') {
                    res.data[i].question.content = docInfo.name
                  }
                  if (res.data[i].question.thirdKey == 'assessOrgId') {
                    res.data[i].question.content = docInfo.hospitalName
                  }
                  if (res.data[i].question.thirdKey == 'age') {
                    res.data[i].question.content = httpData.age
                  }
                  if (res.data[i].question.title == '性别') {
                    var index = vm.sex == 1 ? '0' : '1'
                    vm.selectItem(res.data[i].question, res.data[i].option[index])
                  }
                  if (res.data[i].question.thirdKey == 'createDate') {
                    res.data[i].question.content = new Date().format('yyyy-MM-dd hh:mm:ss')
                  }
                  if (res.data[i].question.thirdKey == 'assessTime') {
                    res.data[i].question.content = new Date().format('yyyy-MM-dd hh:mm:ss')
                  }

                  if (res.data[i].question.thirdKey == 'sex' && (vm.screeningTitle == '大肠癌筛查问卷（OB筛查）' || vm.screeningTitle == '脑卒中风险评估(冠心病、脑卒中、肾病)')) {
                    var index = vm.sex == 1 ? '0' : '1'
                    vm.selectItem(res.data[i].question, res.data[i].option[index])
                  }
                }
                vm.questions = res.data

                for (var i in res.data) {
                  if (res.data[i].isThird == 3) {
                    if (res.data[i].question.thirdKey == 'assessTime') {
                      vm.changeContent(res.data[i].question, new Date().format('yyyy-MM-dd HH:mm'))
                    }
                    if (res.data[i].question.thirdKey == 'assessDoctor') {
                      vm.changeContent(res.data[i].question, docInfo.name)
                    }
                    if (res.data[i].question.thirdKey == 'assessOrgId') {
                      vm.changeContent(res.data[i].question, docInfo.hospitalName)
                    }
                    if (res.data[i].question.thirdKey == 'name') {
                      vm.changeContent(res.data[i].question, vm.screeningResidentsName)
                    }
                    if (res.data[i].question.thirdKey == 'age') {
                      vm.changeContent(res.data[i].question, vm.age)
                    }
                    if (res.data[i].question.thirdKey == 'sex') {
                      var index = vm.sex == 1 ? '0' : '1'
                      vm.selectItem(res.data[i].question, res.data[i].option[index])
                    }
                  }
                }
                vm.$forceUpdate()
              }
            })
          },
          getHealth: function () {
            var vm = this
            jbscAPI
              .listMedical({
                patient: vm.screeningResidents,
                pageIndex: 1,
                pageSize: 1
              })
              .then(function (v) {
                if (v.status == 200) {
                  if (v.list[0]) {
                    jbscAPI
                      .findMedicalDetail({
                        medicalNo: v.list[0].medicalNo
                      })
                      .then(function (res) {
                        if (res.status == 200) {
                          var data = res.medical_detail

                          for (var i in vm.questions) {
                            if (vm.questions[i].question.thirdKey == 'height') {
                              vm.questions[i].question.content = data.height
                              vm.changeContent(vm.questions[i].question, data.height)
                            }
                            if (vm.questions[i].question.thirdKey == 'weight') {
                              vm.questions[i].question.content = data.weight
                              vm.changeContent(vm.questions[i].question, data.weight)
                            }
                            if (vm.questions[i].question.thirdKey == 'bmi') {
                              if (data.height && data.weight) {
                                var w = data.weight
                                var h = data.height / 100
                                var s = (w / (h * h)).toFixed(2)
                                vm.questions[i].question.content = s
                                vm.shaowas = s
                                vm.changeContent(vm.questions[i].question, s)
                              }
                            }

                            if (vm.questions[i].question.thirdKey == 'systolicPressure') {
                              vm.questions[i].question.content = data.bloodPressureRigthU
                              vm.changeContent(vm.questions[i].question, data.bloodPressureRigthU)
                            }
                            if (vm.questions[i].question.thirdKey == 'diastolicPressure') {
                              vm.questions[i].question.content = data.bloodPressureRigthD
                              vm.changeContent(vm.questions[i].question, data.bloodPressureRigthD)
                            }
                            if (vm.questions[i].question.thirdKey == 'bpU') {
                              vm.questions[i].question.content = data.bloodPressureLeftU || data.bloodPressureRigthU
                              vm.changeContent(vm.questions[i].question, data.bloodPressureLeftU || data.bloodPressureRigthU)
                            }
                            if (vm.questions[i].question.thirdKey == 'bpD') {
                              vm.questions[i].question.content = data.bloodPressureLeftD || data.bloodPressureRigthD
                              vm.changeContent(vm.questions[i].question, data.bloodPressureLeftD || data.bloodPressureRigthD)
                            }
                            if (vm.questions[i].question.thirdKey == 'glycolatedHemoglobin') {
                              vm.questions[i].question.content = data.glycolatedHemoglobin
                              vm.changeContent(vm.questions[i].question, data.glycolatedHemoglobin)
                            }
                            if (vm.questions[i].question.thirdKey == 'fbg') {
                              vm.questions[i].question.content = data.fastingPlasmaGlucoseL
                              vm.changeContent(vm.questions[i].question, data.fastingPlasmaGlucoseL)
                            }
                            if (vm.questions[i].question.thirdKey == 'bloodPotassium') {
                              vm.questions[i].question.content = data.renalFunctionBloodPotassium
                              vm.changeContent(vm.questions[i].question, data.renalFunctionBloodPotassium)
                            }
                            if (vm.questions[i].question.thirdKey == 'renalFunctionCreatinine') {
                              vm.questions[i].question.content = data.renalFunctionCreatinine
                              vm.changeContent(vm.questions[i].question, data.renalFunctionCreatinine)
                            }

                            if (vm.questions[i].question.thirdKey == 'ckd34') {
                              if (data.renalFunctionCreatinine) {
                                var ckd34 = (((140 - vm.age) * data.weight) / (0.818 * data.renalFunctionCreatinine)).toFixed(2)
                                vm.questions[i].question.content = ckd34
                                vm.changeContent(vm.questions[i].question, ckd34)
                              }
                            }
                          }

                          if (vm.screeningType == '6bcd306aaafb4e4381071346d86fadbb1') {
                            // 如果是ascvd筛查再调用第三方接口
                            vm.getInitData()
                          }
                        }
                      })
                    vm.$forceUpdate()
                  } else {
                    var data = {
                      patient: vm.screeningResidents
                    }
                    jbscAPI.getHealth(data).then(function (res) {
                      if (res.status == 200) {
                        vm.tizhongRecord =
                          _.find(res.data, function (o) {
                            return o.type == '3'
                          }) || {}
                        for (var i in vm.questions) {
                          if (vm.questions[i].question.thirdKey == 'height') {
                            vm.questions[i].question.content = vm.tizhongRecord.value2
                            vm.changeContent(vm.questions[i].question, vm.tizhongRecord.value2)
                          }
                          if (vm.questions[i].question.thirdKey == 'weight') {
                            vm.questions[i].question.content = vm.tizhongRecord.value1
                            vm.changeContent(vm.questions[i].question, vm.tizhongRecord.value1)
                          }
                          if (vm.questions[i].question.thirdKey == 'systolicPressure') {
                            vm.questions[i].question.content = res.data.xy.value1
                            vm.changeContent(vm.questions[i].question, res.data.xy.value1)
                          }
                          if (vm.questions[i].question.thirdKey == 'diastolicPressure') {
                            vm.questions[i].question.content = res.data.xy.value2
                            vm.changeContent(vm.questions[i].question, res.data.xy.value2)
                          }
                          if (vm.questions[i].question.thirdKey == 'bmi') {
                            if (vm.tizhongRecord.value2 && vm.tizhongRecord.value1) {
                              var w = vm.tizhongRecord.value1
                              var h = vm.tizhongRecord.value2 / 100
                              var s = (w / (h * h)).toFixed(2)
                              vm.questions[i].question.content = s
                              vm.shaowas = s
                              vm.changeContent(vm.questions[i].question, s)
                            }
                          }
                        }
                      } else {
                        top.layer.msg(res.msg, { icon: 5 })
                      }
                      vm.$forceUpdate()
                    })
                  }
                }
              })
          },
          save: function () {
            var vm = this
            if (vm.progress != 100) {
              top.layer.msg('问卷还未全部填写', { icon: 5 })
              return
            }
            var loadding = top.layer.load(0, { shade: false }) //0代表加载的风格，支持0-2
            vm.selectArr.forEach(function (v) {
              if (v.thirdKey == 'assessTime') {
                v.content = new Date(v.content).format('yyyy-MM-dd HH:mm')
              }
            })
            var data
            if (vm.screeningType == 'aa9bd609fd8b492296f6a34849b76520') {
              var formData = JSON.parse(JSON.stringify(this.answer))
              formData.ksDrugName1 = (formData.ksDrugName1 ?? []).join(',')
              data = {
                patientCode: vm.screeningResidents,
                labelType: vm.labelType,
                isAgain: vm.isAgain,
                source: 1,
                jsonData: JSON.stringify({
                  surveyCode: vm.screeningType,
                  surveyData: formData
                })
              }
            } else {
              data = {
                patientCode: vm.screeningResidents,
                labelType: vm.labelType,
                isAgain: vm.isAgain,
                source: 1,
                surveyStatus: vm.surveyStatus,
                jsonData: JSON.stringify({
                  surveyCode: vm.screeningType,
                  questions: vm.selectArr
                })
              }
            }

            jbscAPI.saveAnswer(data).then(function (res) {
              top.layer.close(loadding)
              if (res.status == 200) {
                if (vm.screeningType == 'aa9bd609fd8b492296f6a34849b76520' || vm.questions[1].isThird == 3) {
                  top.layer.open({
                    type: 2,
                    //				  offset: ['100px'], //右下角弹出
                    area: ['568px', '100%'],
                    shade: 0.5,
                    title: '查看筛选结果',
                    fixed: true, //不固定
                    maxmin: true,
                    closeBtn: 1,
                    shift: 5,
                    shadeClose: false, //点击遮罩关闭层
                    content: '../../jbsc/html/view_screening_results.html?resultCode=' + res.data,
                    end: function () {
                      var index = top.layer.getFrameIndex(window.name) //先得到当前iframe层的索引
                      parent.eventBuss.$emit('guan_results', index)
                    }
                  })
                } else {
                  top.layer.open({
                    type: 2,
                    area: ['820px', '648px'],
                    shade: 0.5,
                    title: '筛选统计',
                    fixed: true, //不固定
                    maxmin: true,
                    closeBtn: 1,
                    shift: 5,
                    shadeClose: false, //点击遮罩关闭层
                    content: '../../jbsc/html/filter_result.html?code=' + res.data + '&filter_type=' + vm.screeningType
                  })
                }
              } else {
                top.layer.msg(res.msg, { icon: 5 })
              }
            })
          },
          //					返回选择居民或者问卷类型
          goBack: function (number) {
            if (this.noswitch) {
              return
            }
            var vm = this
            if (vm.isAgain) {
              var content
              if (number == 1) {
                content = '再次筛查无法选择居民'
              } else {
                content = '再次筛查无法选择问卷类型'
              }
              top.layer.msg(content, { icon: 5 })
              return
            }
            var content = '../../jbsc/html/filter_type.html?isReLoad=1'
            if (number === 1) {
              //选择居民
              content += '&goDenizen=1&fliter_code=' + vm.screeningType + '&fliter_title=' + vm.screeningTitle
            }
            layer.open({
              type: 2,
              offset: 'rb', //右下角弹出
              id: 'filter_type',
              background: 'transparent',
              area: ['280px', '100%'],
              shade: 0.5,
              title: false,
              fixed: true, //不固定
              maxmin: false,
              closeBtn: 0,
              shift: 5,
              shadeClose: true, //点击遮罩关闭层
              content: content
            })
          }
        },
        watch: {
          screeningType: function () {
            $('.daan-list input').attr('checked', false)
          },
          answer: {
            handler(nv) {
              var vm = this
              if (nv.isFuyongks) {
                var obj = this.questionList.find(function (el) {
                  return el.field == 'ksDrugName1'
                })
                obj.required = nv.isFuyongks == 1 ? true : false
              }
              if (nv.isEndoscopy) {
                var obj1 = this.questionList.find(function (el) {
                  return el.field == 'endoscopyTime'
                })
                var obj2 = this.questionList.find(function (el) {
                  return el.field == 'endoscopyResult'
                })
                var obj3 = this.questionList.find(function (el) {
                  return el.field == 'endoscopyHospitalName'
                })
                obj1.required = nv.isEndoscopy == 1 ? true : false
                obj2.required = nv.isEndoscopy == 1 ? true : false
                obj3.required = nv.isEndoscopy == 1 ? true : false
              }

              var all = 0
              var have = 0
              this.questionList.forEach(function (item) {
                if (item.required) {
                  all++
                  if (item.field == 'ksDrugName1' && vm.answer.ksDrugName1 && vm.answer.ksDrugName1.length > 0) {
                    have++
                  } else if (item.field != 'ksDrugName1' && vm.answer[item.field]) {
                    have++
                  }
                }
              })

              var progress = Math.floor((have / all) * 100)
              if (progress != vm.progress1) {
                vm.$refs.progress.dataFunction(progress)
                vm.progress1 = progress
              }
              if (progress == 100) {
                vm.progress = progress
              }

              this.$forceUpdate()
            },
            deep: true
          }
        }
      })
    </script>
  </body>
</html>