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

<van-form>
  <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="7rem" label="阴道镜检查情况" input-align="right">
      <div slot="input">
        <van-radio-group :disabled="readonly" v-model="item.examineStatus" :disabled="readonly">
          <van-radio name="1">已完成</van-radio>
          <van-radio name="2">未完成，已安排检查（需继续随访）</van-radio>
          <van-radio name="3">未完成，拒绝阴道镜检查</van-radio>
          <van-radio name="4">拒绝随访</van-radio>
          <van-radio name="5">无法取得联系（空号）</van-radio>
          <van-radio name="6">无法取得联系第1次（无人接听或无法接通）</van-radio>
          <van-radio name="7">无法取得联系第2次（无人接听或无法接通，失访结案）</van-radio>
        </van-radio-group>
      </div>
    </van-field>

    <template v-if="item.examineStatus==1">
      <van-field :readonly="readonly" required label-width="10rem" class="" label="阴道镜检查费用情况" input-align="right">
        <div slot="input">
          <van-radio-group :disabled="readonly" v-model="item.costStatus" direction="horizontal" :disabled="readonly">
            <van-radio name="1">免费</van-radio>
            <van-radio name="2">非免费</van-radio>
            <van-radio name="3">不详</van-radio>
          </van-radio-group>
        </div>
      </van-field>

      <van-field :readonly="readonly" required label-width="10rem" class="" label="阴道镜检查时间" input-align="right">
        <div slot="input">
          <van-radio-group :disabled="readonly" v-model="item.examineTimeStatus" direction="horizontal" :disabled="readonly">
            <van-radio name="1">知道</van-radio>
            <van-radio name="2">不详</van-radio>
          </van-radio-group>
        </div>
      </van-field>
      <van-field
        v-if="item.examineTimeStatus==1"
        :readonly="readonly"
        required
        label-width="10rem"
        class=""
        readonly
        clickable
        :value="item.examineTime||''"
        label="请选择阴道镜检查时间"
        placeholder="请选择"
        input-align="right"
        :is-link="!readonly"></van-field>

      <van-field :readonly="readonly" required label-width="10rem" class="" label="阴道镜检查机构" input-align="right">
        <div slot="input">
          <van-radio-group :disabled="readonly" v-model="item.colposcopyOrgStatus" direction="horizontal" :disabled="readonly">
            <van-radio name="1">知道</van-radio>
            <van-radio name="2">不详</van-radio>
          </van-radio-group>
        </div>
      </van-field>
      <van-field
        v-if="item.colposcopyOrgStatus==1"
        v-model="item.colposcopyOrgName"
        :readonly="readonly"
        required
        label-width="9rem"
        class=""
        label="请输入阴道镜检查机构"
        placeholder="请输入机构名称"
        input-align="right"></van-field>

      <van-field :readonly="readonly" required label-width="10rem" class="" label="阴道镜检查初步诊断" input-align="right">
        <div slot="input">
          <van-radio-group :disabled="readonly" v-model="item.tentativeDiagnosis" direction="horizontal" :disabled="readonly">
            <van-radio name="1">未见异常</van-radio>
            <van-radio name="2">异常</van-radio>
            <van-radio name="3">不详</van-radio>
          </van-radio-group>
        </div>
      </van-field>
      <template v-if="item.tentativeDiagnosis==2">
        <van-field :readonly="readonly" required label-width="10rem" class="" label="阴道镜检查初步诊断异常" input-align="right">
          <div slot="input">
            <van-radio-group :disabled="readonly" v-model="item.tentativeDiagnosisAbnormal" :disabled="readonly">
              <van-radio name="1">低度病变</van-radio>
              <van-radio name="2">高度病变</van-radio>
              <van-radio name="3">可疑癌</van-radio>
              <van-radio name="4">其他（请说明）</van-radio>
            </van-radio-group>
          </div>
        </van-field>
        <van-field
          v-if="item.tentativeDiagnosisAbnormal==4"
          v-model="item.tentativeDiagnosisAbnormalExplain"
          :readonly="readonly"
          required
          label-width="6rem"
          class=""
          label="阴道镜检查初步诊断异常-其他"
          placeholder="请输入"
          input-align="right"></van-field>
      </template>

      <van-field :readonly="readonly" required label-width="10rem" class="" label="是否需组织病理检查" input-align="right">
        <div slot="input">
          <van-radio-group :disabled="readonly" v-model="item.pathologyExamine" direction="horizontal" :disabled="readonly">
            <van-radio name="1">是</van-radio>
            <van-radio name="2">否</van-radio>
            <van-radio name="3">不详</van-radio>
          </van-radio-group>
        </div>
      </van-field>
      <template v-if="item.pathologyExamine==1">
        <van-field :readonly="readonly" required label-width="10rem" class="" label="接受组织病理学检查" input-align="right">
          <div slot="input">
            <van-radio-group :disabled="readonly" v-model="item.acceptExamine" direction="horizontal" :disabled="readonly">
              <van-radio name="1">是</van-radio>
              <van-radio name="2">否</van-radio>
              <van-radio name="3">不详</van-radio>
            </van-radio-group>
          </div>
        </van-field>
        <template v-if="item.acceptExamine==1">
          <van-field :readonly="readonly" required label-width="10rem" class="" label="组织病理学检查结果" input-align="right">
            <div slot="input">
              <van-radio-group :disabled="readonly" v-model="item.examineCauseResult" direction="horizontal" :disabled="readonly">
                <van-radio name="1">未见异常</van-radio>
                <van-radio name="2">异常</van-radio>
                <van-radio name="3">不详</van-radio>
              </van-radio-group>
            </div>
          </van-field>
          <template v-if="item.examineCauseResult==2">
            <van-field :readonly="readonly" required label-width="10rem" class="" label="组织病理学检查结果异常" input-align="right">
              <div slot="input">
                <van-checkbox-group :disabled="readonly" v-model="item.examineCauseResultAbnormal" :disabled="readonly">
                  <van-checkbox name="1">炎症</van-checkbox>
                  <van-checkbox name="2">低级别病变（原CIN1）</van-checkbox>
                  <van-checkbox name="3">高级别病变（原CIN2及CIN3）</van-checkbox>
                  <van-checkbox name="4">宫颈原位腺癌（AIS）</van-checkbox>
                  <van-checkbox name="5">宫颈微小浸润癌（鳞癌/腺癌）</van-checkbox>
                  <van-checkbox name="6">宫颈浸润癌（鳞癌/腺癌）</van-checkbox>
                  <van-checkbox name="7">其他（请说明）</van-checkbox>
                  <van-checkbox name="8">异常不详</van-checkbox>
                </van-checkbox-group>
              </div>
            </van-field>
            <van-field
              v-if="item.examineCauseResultAbnormal&&item.examineCauseResultAbnormal.indexOf('7')!==-1"
              v-model="item.examineCauseResultAbnormalExplain"
              :readonly="readonly"
              required
              label-width="6rem"
              class=""
              label="组织病理学检查结果异常-其他"
              placeholder="请输入"
              input-align="right"></van-field>
          </template>
        </template>

        <template v-else-if="item.acceptExamine==2">
          <van-field :readonly="readonly" required label-width="10rem" class="" name="" label="未接受检查的原因" input-align="right">
            <div slot="input">
              <van-radio-group :disabled="readonly" v-model="item.notExamineCause" direction="horizontal" :disabled="readonly">
                <van-radio name="1">拒绝检查</van-radio>
                <van-radio name="2">失访</van-radio>
                <van-radio name="3">其他（请说明）</van-radio>
              </van-radio-group>
            </div>
          </van-field>
          <van-field
            v-if="item.notExamineCause==3"
            v-model="item.notExamineCauseExplain"
            :readonly="readonly"
            required
            label-width="6rem"
            class=""
            label="未接受检查的原因-其他"
            placeholder="请输入"
            input-align="right"></van-field>
        </template>
      </template>
    </template>

    <van-field
      v-else-if="item.examineStatus==2"
      :readonly="readonly"
      required
      label-width="10rem"
      class=""
      readonly
      clickable
      :value="item.colposcopyTime||''"
      label="计划行阴道镜检查时间"
      placeholder="请选择"
      input-align="right"
      :is-link="!readonly"></van-field>

    <template v-else-if="item.examineStatus==3">
      <van-field :readonly="readonly" required label-width="10rem" class="" label="未接受检查的原因" input-align="right">
        <div slot="input">
          <van-radio-group :disabled="readonly" v-model="item.notExamineCauseOther" :disabled="readonly">
            <van-radio name="1">拒绝检查</van-radio>
            <van-radio name="2">不知道需要检查</van-radio>
            <van-radio name="3">其他（请说明）</van-radio>
          </van-radio-group>
        </div>
      </van-field>
      <van-field
        v-if="item.notExamineCauseOther==3"
        v-model="item.notExamineCauseOtherCause"
        :readonly="readonly"
        required
        label-width="6rem"
        class=""
        label="未接受检查的原因-其他"
        placeholder="请输入"
        input-align="right"></van-field>
    </template>

    <van-field readonly required label-width="8rem" class="" clearable v-model="item.doctorName" label="随访人员" placeholder="" input-align="right"></van-field>
    <van-field readonly required label-width="8rem" class="" clearable v-model="item.orgName" label="随访机构" placeholder="" input-align="right"></van-field>
    <van-field
      :readonly="readonly"
      required
      label-width="8rem"
      class=""
      readonly
      clickable
      :value="item.followupTime||''"
      label="随访时间"
      placeholder="请选择"
      input-align="right"
      :is-link="!readonly"></van-field>
  </div>
</van-form>