设备查询条件

eight

2024-09-29 4c289d6216ea07f3e153e2c860abca9331589e1d

设备查询条件

 src/views/ecg/devmanage/DevStatistic.vue

@@ -194,6 +194,7 @@
  brandOptions.value = data

  queryParams.brand = ''
  queryParams.model = ''

  //queryParams.brand = brandOptions.value.length === 0 ? "" : brandOptions.value[0].value
  //brandChanged()

 src/views/ecg/devmanage/index.vue

@@ -45,9 +45,10 @@
            placeholder="请选择分类名"
            clearable
            class="!w-240px"
            @change="categoryChanged"
        >
          <el-option
              v-for="dict in getStrDictOptions(DICT_TYPE.ECG_DEV_CATEGORY)"
              v-for="dict in categoryOptions"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
@@ -60,8 +61,14 @@
            placeholder="请选择品牌"
            clearable
            class="!w-240px"
            @change="brandChanged"
        >
          <el-option label="请选择字典生成" value="" />
          <el-option
              v-for="dict in brandOptions"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="型号" prop="model">
@@ -71,7 +78,12 @@
            clearable
            class="!w-240px"
        >
          <el-option label="请选择字典生成" value="" />
          <el-option
              v-for="dict in modelOptions"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item>
@@ -170,10 +182,10 @@
</template>

<script setup lang="ts">
import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
import {getStrDictOptions, DICT_TYPE, DictDataType} from '@/utils/dict'
import {dateFormatter, dateFormatter2} from '@/utils/formatTime'
import download from '@/utils/download'
import { DeviceApi, DeviceVO } from '@/api/ecg/devmanage'
import {DeviceApi, DeviceVO, DevModelApi, OptionsVO} from '@/api/ecg/devmanage'
import DeviceForm from './DeviceForm.vue'

/** 设备 列表 */
@@ -197,6 +209,10 @@
})
const queryFormRef = ref() // 搜索的表单
const exportLoading = ref(false) // 导出的加载中

const categoryOptions = ref<DictDataType[]>([])
const brandOptions = ref<OptionsVO[]>([])
const modelOptions = ref<OptionsVO[]>([])

/** 查询列表 */
const getList = async () => {
@@ -265,8 +281,31 @@
  else if (state=== 40) return "已报废";
}

const categoryChanged = async () => {
  const data = await DevModelApi.getBrandOption(queryParams.category!)
  brandOptions.value = data

  queryParams.brand = ''
  queryParams.model = ''

  //queryParams.brand = brandOptions.value.length === 0 ? "" : brandOptions.value[0].value
  //brandChanged()
}

const brandChanged = async () => {
  const data = await DevModelApi.getModelOption(queryParams.category!, queryParams.brand!)
  modelOptions.value = data

  queryParams.model = ''

  //queryParams.model = modelOptions.value.length === 0 ? "" : modelOptions.value[0].value
}

/** 初始化 **/
onMounted(() => {
onMounted( async () => {
  const data = await getStrDictOptions(DICT_TYPE.ECG_DEV_CATEGORY)
  categoryOptions.value = data

  getList()
})
</script>