1.将家庭小医生和收藏荣誉模块的的类别改为选择的形式 2.荣誉证书页面的选择式类别暂时无法搜索和新增

Tcsm

2023-05-28 8b62a3ca3b67fd8e45b666043e48a7049dce08ce

 ruoyi-ui/src/views/collection/index.vue

@@ -60,37 +60,27 @@
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          @keyup.enter.native="handleQuery"
        ></el-date-picker>
      </el-form-item>

      <el-form-item label="类别" prop="type" >
        <el-input
      <el-form-item label="类别" prop="type">
        <el-select
          v-model="queryParams.type"
          placeholder="请输入类别"
          placeholder="所有类别"
          clearable
          style="width: 240px"
          @keyup.enter.native="handleQuery">
          <i slot="prefix" class="el-input__icon el-icon-search"></i>
        </el-input>
          @keyup.enter.native="handleQuery"
        >
          <el-option
            v-for="item in typeOptions"
            :key="item.value"
            :label="item.label"
            :value="item.value"

          />
        </el-select>
      </el-form-item>
<!--      <el-form-item label="类别" prop="type">-->
<!--        <el-select-->
<!--          v-model="queryParams.type"-->
<!--          placeholder="所有类别"-->
<!--          clearable-->
<!--          style="width: 240px"-->
<!--          @keyup.enter.native="handleQuery"-->
<!--        >-->
<!--          <el-option-->
<!--            v-for="dict in typeOptions"-->
<!--            :key="dict.value"-->
<!--            :label="dict.label"-->
<!--            :value="dict.value"-->

<!--          />-->
<!--        </el-select>-->
<!--      </el-form-item>-->
      <el-cntainer>
        <el-col :span="9" >
          <el-form-item>
@@ -200,12 +190,10 @@
      <el-table-column label="获得时间" prop="happenTime" sortable width="100" align="center">
        <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '————'}}</template>
      </el-table-column>
      <el-form-item label="类别" prop="type" width="120">
        <el-select v-model="formDat.type" placeholder="请选择类别" clearable :style="{width: '100%'}"  >
          <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
          ></el-option>
        </el-select>
      </el-form-item>
      <el-table-column label="类别" prop="type" sortable width="120" align="center">
        <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="name" sortable :show-overflow-tooltip="true" width="120" align="center" >
        <template slot-scope="scope">{{scope.row.name? scope.row.name: '————'}}</template>
      </el-table-column>
@@ -296,8 +284,10 @@
          <el-input v-model="formDat.happenTime" placeholder="请输入获得时间" clearable :style="{width: '100%'}" ></el-input>
        </el-form-item>
        <el-form-item label="类别" prop="type">
          <el-input v-model="formDat.type" placeholder="请输入类别" clearable :style="{width: '100%'}" >
          </el-input>
          <el-select v-model="formDat.type" placeholder="请选择类别" clearable :style="{width: '100%'}"  >
            <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="名称" prop="name">
          <el-input v-model="formDat.name" placeholder="请输入名称" clearable :style="{width: '100%'}" >
@@ -536,20 +526,26 @@
      },
      typeOptions: [
        {
          value: '选项1',
          value: '邮票',
          label: '邮票'
        }, {
          value: '选项2',
          value: '日本军刀',
          label: '日本军刀'
        }, {
          value: '选项3',
          value: '茅台酒',
          label: '茅台酒'
        }, {
          value: '选项4',
          value: '红木',
          label: '红木'
        }, {
          value: '选项5',
          value: '纪念品',
          label: '纪念品'
        }, {
          value: '瓷器',
          label: '瓷器'
        }, {
          value: '书籍',
          label: '书籍'
        }
      ],
    };
@@ -605,7 +601,26 @@
        })
      })
    },

    //类别选择
    getSrc(type) {
      if (type === '邮票') {
        return '邮票'
      }else if(type === '日本军刀'){
        return '日本军刀'
      }else if(type === '茅台酒'){
        return '茅台酒'
      }else if(type === '红木'){
        return '红木'
      }else if(type === '纪念品'){
        return '纪念品'
      }else if(type === '瓷器'){
        return '瓷器'
      }else if(type === '书籍'){
        return '书籍'
      } else {
        return '其它'
      }
    },
    handleRemove(file) {
      alert(323)
    },