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

<div id="app">
  <van-form>
    <div class="item-list">
      <van-tabs title-active-color="#17b3ec" color="#17b3ec" v-model:active="active">
        <van-tab title="检查数据">
          <div class="item" v-for="(item, i) in form.list" :key="i">
            <van-cell :title="i+1+'、'">
              <div id="" v-if="!readonly">
                <van-icon v-if="form.list&&form.list.length>1" size="20px" name="delete-o" />
              </div>
            </van-cell>

            <van-field :readonly="readonly" required label-width="4rem" class="" name="高危型HPV分型检测" label="高危型HPV分型检测" input-align="right">
              <div slot="input">
                <template v-for="(value, key) in item.hpvHighRiskTypes" :key="key">
                  <van-radio-group :disabled="readonly" v-model="item.hpvHighRiskTypes[key]" direction="horizontal">
                    <span class="mr10">{{key}}:</span>
                    <van-radio name="1">阴性</van-radio>
                    <van-radio name="2">阳性</van-radio>
                  </van-radio-group>
                </template>
              </div>
            </van-field>

            <van-field :readonly="readonly" required label-width="4rem" class="" name="低危型HPV分型检测" label="低危型HPV分型检测" input-align="right">
              <div slot="input">
                <template v-for="(value, key) in item.hpvLowRiskTypes" :key="key">
                  <van-radio-group :disabled="readonly" v-model="item.hpvLowRiskTypes[key]" direction="horizontal">
                    <span class="mr10">{{key}}:</span>
                    <van-radio name="1">阴性</van-radio>
                    <van-radio name="2">阳性</van-radio>
                  </van-radio-group>
                </template>
              </div>
            </van-field>

            <van-field
              readonly="true"
              required
              label-width="8rem"
              clearable
              v-model="item.hpvInspectOrg"
              name="检查机构"
              label="检查机构"
              placeholder="请输入检查机构"
              input-align="right"></van-field>
            <van-field
              readonly="true"
              required
              label-width="8rem"
              clearable
              v-model="item.hpvInspectUser"
              name="检查人员"
              label="检查人员"
              placeholder="请输入检查人员"
              input-align="right"></van-field>
            <van-field
              :readonly="readonly"
              required
              label-width="8rem"
              readonly
              clickable
              name="检查时间"
              :value="item.hpvInspectTime?item.hpvInspectTime:''"
              label="检查时间"
              placeholder="请选择检查时间"
              input-align="right"
              <van-checkbox-group
              :disabled="readonly"
              :disabled="readonly"></van-field>
          </div>
          <div v-if="!readonly" class="item-add-btn" id="">
            <img src="../images/xinzhengyaopin_icon.png" />
          </div>
        </van-tab>
        <van-tab title="检查报告">
          <iframe v-if="hpvTubeNum" :src="pdfUrl" class="mt10" style="width: 100%; height: calc(100vh - 100px)"></iframe>
          <div v-else id="no_result_wrap" class="c-dn" v-else>
            <img class="no-result-img" src="../../../images/shujuweikong_img.png" />
            <div class="c-f14 c-323232 c-t-center">暂无数据</div>
          </div>
        </van-tab>
      </van-tabs>
      <!-- <div class="tabsBox mt10" style="">
					<div   v-if="hpvTubeNum">检查数据</div>
					<div >检查报告</div>
				</div> -->
    </div>
  </van-form>
</div>