故障耗材

http/api.js

@@ -196,3 +196,9 @@ export function api_sj(){
   return get("/bpm/bpm/restful/sj");
 }
 
+/**
+ * 获取故障耗材
+ */
+export function api_incidentCategoryConsumable(data){
+  return post("/user/data/fetchDataList/incidentCategoryConsumable", data);
+}

pages/consumableList/consumableList.vue

@@ -1,9 +1,9 @@
 <template>
   <view class="consumableList">
-    <view class="head">
+    <view class="head" v-if="isFlag">
       <uni-search-bar v-model="dataInfo.keyWord" placeholder="请搜索耗材" bgColor="#F8F8F8" @input="search" cancelButton="none" focus :radius="18" />
     </view>
-    <view class="body" v-if="dataInfo.list.length">
+    <view class="body" v-if="dataInfo.list.length" :class="{ mt0: !isFlag }">
       <view class="body_item ellipsis" v-for="data in dataInfo.list" :key="data.id" @click="numberClick(data, 'addConsumable')">
         {{data.name}}
         <template v-if="data.brandModel">({{data.brandModel}})</template>
@@ -21,11 +21,11 @@
 </template>
 
 <script setup>
-  import { debounce } from 'lodash-es'
+  import { debounce, uniqBy } from 'lodash-es'
   import { ref, reactive} from 'vue'
   import NumberModal from '@/components/NumberModal.vue';
   import { onLoad, onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
-  import { api_consumable, api_incidentDetail, api_addSummaryDoc } from "@/http/api.js"
+  import { api_consumable, api_incidentDetail, api_addSummaryDoc, api_incidentCategoryConsumable } from "@/http/api.js"
   import { defaultColor } from '@/static/js/theme.js'
   import { useSetTitle } from '@/share/useSetTitle.js'
   import { useLoginUserStore } from '@/stores/loginUser'
@@ -139,8 +139,54 @@
   // 搜索
   const search = debounce(getList.bind(null, 0), 500);
   
+  // 是否没有故障耗材配置
+  const isFlag = ref(false);
+  
+  // 获取故障耗材配置
+  async function getIncidentCategoryConsumable(){
+    uni.showLoading({
+      title: "加载中",
+      mask: true,
+    });
+    
+    let postData = {
+      idx: 0,
+      sum: 20,
+      incidentCategoryConsumable: {
+        duty: dataInfo.incidentData.duty.id,
+        category: dataInfo.incidentData.category,
+      }
+    }
+    
+    let res = await api_incidentCategoryConsumable(postData);
+    uni.hideLoading();
+    uni.stopPullDownRefresh();
+    if(res.status == 200){
+      let list = res.list || [];
+      if(list.length){
+        isFlag.value = false;
+        let arr = list.map(v => v.consumableDTOS).flat();
+        dataInfo.list = uniqBy(arr, 'id');
+      }else{
+        isFlag.value = true;
+      }
+    }else{
+      isFlag.value = false;
+      uni.showToast({
+        icon: 'none',
+        title: res.msg || '请求数据失败！'
+      });
+    }
+  }
+  
   // 获取列表信息
-  function getList(idx){
+  async function getList(idx){
+    // 判断是否满足故障耗材配置
+    await getIncidentCategoryConsumable();
+    if(!isFlag.value){
+      return;
+    }
+    
     if(dataInfo.keyWord.trim() === ''){
       dataInfo.list = [];
       uni.stopPullDownRefresh();

static/scss/common.scss

@@ -200,3 +200,8 @@ uni-toast,
 .uni-data-checklist .checklist-group .checklist-box.is--list.is-checked .checklist-content .checkobx__list{
   border-color: $uni-primary!important;
 }
+
+// 外边距-top
+.mt0{
+  margin-top: 0!important;
+}