linwenling
2023-08-07 f4712176c562694c9b5fa1750cd0eb7733c6bbab
ruoyi-ui/src/views/doctor/index.vue
@@ -52,6 +52,14 @@
      </el-form-item>
      <el-form-item label="类别" prop="type">
<!--        <el-input-->
<!--          v-model="queryParams.type"-->
<!--          placeholder="请输入症状"-->
<!--          clearable-->
<!--          style="width: 240px"-->
<!--          @keyup.enter.native="handleQuery">-->
<!--          <i slot="prefix" class="el-input__icon el-icon-search"></i>-->
<!--        </el-input>-->
        <el-select
          v-model="queryParams.type"
          placeholder="所有类别"
@@ -195,8 +203,8 @@
      <el-table-column type="selection" :reserve-selection="true" width="25"  align="center" />
      <el-table-column fixed label="序号" sortable type="index" align="center" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/>
      <el-table-column label="类型" prop="type" sortable width="80" align="center">
        <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>
<!--        <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>-->
<!--        <template slot-scope="scope">{{ getSrc(scope.row.type) }}</template>-->
        <template slot-scope="scope">{{scope.row.type? scope.row.type: '————'}}</template>
      </el-table-column>
      <el-table-column label="症状" prop="symptom" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.symptom? scope.row.symptom: '————'}}</template>
@@ -224,22 +232,23 @@
        <el-table-column label="电子文件" prop="url" width="160" align="center">
             <template slot-scope="scope" >
               <div  @click="handleCheck(scope.row)">
               <img
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/images/deviceLis.png"
                 alt=""
                 style="width: 35px; height: 35px;"
                 fit="cover"
                  v-if="scope.row.url !== ','"
               >
        <img
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/images/deviceA.png"
                 alt=""
                 style="width: 35px; height: 35px;"
                 fit="cover"
                  v-if="scope.row.url ===',' "
        ></div>
                 <img
                   class="el-upload-list__item-thumbnail"
                   src="../../assets/images/deviceLis.png"
                   alt=""
                   style="width: 35px; height: 35px;"
                   fit="cover"
                   v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)"
                 >
                 <img
                   v-else
                   class="el-upload-list__item-thumbnail"
                   src="../../assets/images/deviceA.png"
                   alt=""
                   style="width: 35px; height: 35px;"
                   fit="cover"
                 ></div>
             </template>
          </el-table-column>
@@ -289,6 +298,7 @@
            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
            ></el-option>
          </el-select>
          <el-input v-model="newOption" v-if="showInput" placeholder="若未在上述选项中找到对应类别,请在此输入新的类别" @change="addNewOption"></el-input>
        </el-form-item>
        <el-form-item label="症状" prop="symptom">
@@ -438,11 +448,8 @@
      dateRange: [],
      // 数据范围选项
      fot:[".jpg",".jif"],
      fileList:[
      ],
      fileListOther:[
      ],
      fileList:[],
      fileListOther:[],
      dsb:true,
      btn:false,
      fit:['fill'],
@@ -488,7 +495,7 @@
      rules: {
        type: [{
          required: true,
          // required: true,
          message: '请输入类型',
          trigger: 'blur'
        }],
@@ -539,6 +546,8 @@
        value:'内科',
        label:'内科'
      }],
      newOption: undefined,
      showInput: true
    };
  },
  created() {
@@ -563,6 +572,14 @@
        return "statistics-warning-row";
      }
    },
    //类别
    addNewOption() {
      const newOption = this.newOption.trim();
      if (newOption && !this.typeOptions.includes(newOption)) {
        this.typeOptions.push(newOption);
        this.$set(this.formDat, 'type', newOption); // 更新formDat.type的值为新的选项
      }
    },
    /** 查询记录列表 */
    getList() {
      this.loading = true;
@@ -579,16 +596,16 @@
      );
    },
    /** 查询类别信息 */
    getCateInfor()
    {
      let _this = this
      getCategory().then(response=>{
        response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
          _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
        })
      })
    },
    // getCateInfor()
    // {
    //   let _this = this
    //   getCategory().then(response=>{
    //
    //     response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{
    //       _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]})
    //     })
    //   })
    // },
//类别选择
    getSrc(type) {
      if (type === '神经科'){
@@ -801,6 +818,15 @@
    }).catch(() => { Message({ message: "导入失败", type: 'error' })});
    }
  },
  watch: {
    type(value) {
      if (value === '') {
        this.showInput = true;
      } else {
        this.showInput = false;
      }
    }
  }
};
</script>