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

<div id="app">
  <van-form>
    <div class="item-list">
      <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="8rem" class="" name="接受阴道镜检查" label="接受阴道镜检查" input-align="right">
          <div slot="input">
            <van-radio-group :disabled="readonly" v-model="item.acceptColposcopy" direction="horizontal" :disabled="readonly">
              <van-radio name="1">是</van-radio>
              <van-radio name="2">否</van-radio>
            </van-radio-group>
          </div>
        </van-field>

        <template v-if="item.acceptColposcopy==2">
          <van-field :readonly="readonly" required label-width="8rem" class="" name="未接受检查的原因" label="未接受检查的原因" input-align="right">
            <div slot="input">
              <van-radio-group :disabled="readonly" v-model="item.refuseColposcopyReason" direction="horizontal" :disabled="readonly">
                <van-radio name="1">拒绝检查</van-radio>
                <van-radio name="2" class="top2">失访</van-radio>
                <van-radio name="3" class="top2">其他原因</van-radio>
              </van-radio-group>
            </div>
          </van-field>
          <van-field
            :readonly="readonly"
            required
            label-width="8rem"
            class=""
            :readonly="readonly"
            class="padding30"
            v-if="item.refuseColposcopyReason == 3"
            clearable
            v-model="item.refuseColposcopyReasonOther"
            name="未接受检查其他描述"
            label="未接受检查其他描述"
            placeholder="请输入其他描述"
            input-align="right"></van-field>
        </template>

        <template v-else-if="item.acceptColposcopy==1">
          <van-field :readonly="readonly" required label-width="8rem" class="" v-if="item.acceptColposcopy == 1" name="阴道镜检查评价" label="阴道镜检查评价" input-align="right">
            <div slot="input">
              <van-radio-group :disabled="readonly" v-model="item.colposcopyEvaluate" direction="horizontal" :disabled="readonly">
                <van-radio name="1">满意</van-radio>
                <van-radio name="2">不满意</van-radio>
              </van-radio-group>
            </div>
          </van-field>

          <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.colposcopyResult" direction="horizontal" :disabled="readonly">
                <van-radio name="1">未见异常</van-radio>
                <van-radio name="2">异常</van-radio>
              </van-radio-group>
            </div>
          </van-field>
          <van-field
            :readonly="readonly"
            v-if="item.colposcopyResult==2"
            required
            label-width="10rem"
            class=""
            name="初步诊断异常类型"
            label="初步诊断异常类型"
            input-align="right">
            <div slot="input">
              <van-radio-group :disabled="readonly" v-model="item.colposcopyAbnormal" direction="horizontal" :disabled="readonly">
                <van-radio name="1" class="top2">低度病变</van-radio>
                <van-radio name="2" class="top2">高度病变</van-radio>
                <van-radio name="3" class="top2">可疑癌</van-radio>
                <van-radio name="4" class="top2">其他原因</van-radio>
              </van-radio-group>
            </div>
          </van-field>
          <van-field
            :readonly="readonly"
            required
            label-width="6rem"
            :readonly="readonly"
            class=""
            v-if='item.colposcopyAbnormal == "4" && item.colposcopyResult==2'
            clearable
            v-model="item.pathologicalExaminationAbnormalOther"
            name="初步诊断其他描述"
            label="初步诊断其他描述"
            placeholder="请输入其他描述"
            input-align="right"></van-field>
          <van-field :readonly="readonly" required label-width="8rem" class="" name="是否需组织病理检查" label="是否需组织病理检查" input-align="right">
            <div slot="input">
              <van-radio-group :disabled="readonly" v-model="item.needPathologicalExamination" direction="horizontal" :disabled="readonly">
                <van-radio name="1">是</van-radio>
                <van-radio name="2">否</van-radio>
              </van-radio-group>
            </div>
          </van-field>
        </template>
        <van-field
          :readonly="readonly"
          required
          label-width="8rem"
          class=""
          :readonly="readonly"
          clearable
          v-model="item.colposcopyOrg"
          name="检查机构"
          label="检查机构"
          placeholder="请输入检查机构"
          input-align="right"></van-field>
        <van-field
          :readonly="readonly"
          required
          label-width="8rem"
          class=""
          :readonly="readonly"
          clearable
          v-model="item.colposcopyUser"
          name="检查人员"
          label="检查人员"
          placeholder="请输入检查人员"
          input-align="right"></van-field>
        <van-field
          :readonly="readonly"
          required
          label-width="8rem"
          class=""
          readonly
          clickable
          name="检查时间"
          :value="item.colposcopyTime?item.colposcopyTime:''"
          label="检查时间"
          placeholder="请选择检查时间"
          input-align="right"
          :is-link="!readonly"></van-field>
      </div>
    </div>
  </van-form>
</div>