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-grou>
          </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-grou>
            </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-grou>
            </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-grou>
            </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-grou>
            </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-grou>
            </div>
          </van-field>
        </template>
        <van-field readonly="true" required label-width="8rem" class=''  :readonly='readonly'  clearable v-model="item.colposcopyOrg" name="检查机构" label="检查机构" placeholder="请输入检查机构" input-align="right"></van-field>
        <van-field readonly="true" 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>