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

<div class="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.acceptPathologicalExamination" 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.acceptPathologicalExamination==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.refusePathologicalExaminationReason" 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='' v-if='item.refusePathologicalExaminationReason == 3'  clearable v-model="item.refusePathologicalExaminationReasonOther" name="未接受检查其他描述"  label="未接受检查其他描述" placeholder="请输入其他描述" input-align="right"></van-field>
        </template>
        
        <template v-if="item.acceptPathologicalExamination==1">
        <van-field :readonly="readonly" required label-width="6rem" class='' name="组织病理学检查结果" label="组织病理学检查结果" input-align="right">
          <div slot="input">
            <van-checkbox-group :disabled="readonly" v-model="item.pathologicalExaminationResult" direction="horizontal" :disabled='readonly' >
              <van-checkbox :name="'1'">未见异常</van-checkbox>
              <van-checkbox :name="'2-1'">炎症</van-checkbox>
              <van-checkbox :name="'2-2'" class='top2'>低级别病变(原CIN1)</van-checkbox>
              <van-checkbox :name="'2-3'" class='top2'>高级别病变(原CIN2及CIN3)</van-checkbox>
              <van-checkbox :name="'2-4'" class='top2'>宫颈原位腺癌(AIS)</van-checkbox>
              <van-checkbox :name="'2-5'" class='top2'>宫颈微小浸润癌(鳞癌/腺癌)</van-checkbox>
              <van-checkbox :name="'2-6'" class='top2'>宫颈浸润癌(鳞癌/腺癌)</van-checkbox>
              <van-checkbox :name="'2-7'" class='top2'>其他</van-checkbox>
            </van-checkbox-grou>
          </div>
        </van-field>
        <van-field :readonly="readonly" required label-width="6rem"  :readonly='readonly' class='' v-if='item.pathologicalExaminationResult.indexOf("2-7") != -1'  clearable v-model="item.pathologicalExaminationAbnormalOther" name="组织病理学其他描述"  label="组织病理学其他描述" placeholder="请输入其他描述" input-align="right"></van-field>
        </template>
        <van-field readonly="true" required label-width="8rem" class=''  :readonly='readonly'  clearable v-model="item.pathologicalExaminationOrg" name="检查机构" label="检查机构" placeholder="请输入检查机构" input-align="right"></van-field>
        <van-field readonly="true" required label-width="8rem" class='' :readonly='readonly'  clearable v-model="item.pathologicalExaminationUser" name="检查人员" label="检查人员" placeholder="请输入检查人员" input-align="right"></van-field>
        <van-field :readonly="readonly" required label-width="8rem" class='' readonly clickable name="检查时间" :value="item.pathologicalExaminationTime?item.pathologicalExaminationTime:''" label="检查时间" placeholder="请选择检查时间"
          input-align="right" :is-link="!readonly">
        </van-field>
      </div>
     
    </div>
  </van-form>
</div>