能源消耗

src/views/SchedulingPage/EnergyManagePage.vue

@@ -78,8 +78,18 @@ const tableLabel = reactive([
   },
 ]);
 
+// 多选options
+// 定义选项
+const options = [
+  { value: '0', label: '非节能' },
+  { value: '1', label: '一步节能' },
+  { value: '2', label: '二步节能' },
+  { value: '3', label: '三步节能' },
+  { value: '4', label: '四步节能' },
+];
+
 const formInline = reactive({
-  keyWord: ""
+  keyWord: options.map(option => option.value),
 });
 
 const config = reactive({
@@ -92,12 +102,6 @@ const handleSearch = () => {
   getEnergyData()
 };
 
-// 重置按钮
-// const handleReset = () => {
-//   formInline.keyWord = ""
-//   config.supplyType = ["0", "1", "2", "3", "4"]
-//   getEnergyData()
-// }
 
 const timeFormat = (time) => {
   var time = new Date(time);
@@ -186,6 +190,8 @@ const handleEdit = (val) => {
   formEnergy.value = { ...val }
 };
 
+
+
 const onSubmit = () => {
   addSaveBtnLoading.value = true
   loading.value = true
@@ -270,7 +276,6 @@ function getOrganizationStructure() {
 onMounted(() => {
   getOrganizationStructure()
   getEnergyData()
-
 })
 </script>
 
@@ -287,12 +292,10 @@ onMounted(() => {
             <el-form ref="formRef" :model="formInline" :inline="true"
               style="display: flex; justify-content: center; align-items: center; margin: 0;">
               <el-form-item class="select-clean" prop="supplyType" label-width="280px" style="margin: 0;">
-                <el-select v-model="formInline.keyWord" placeholder="请选择" style="width:360px; margin-left: 20px;">
-                  <el-option label="非节能" value="0" />
-                  <el-option label="一步节能" value="1" />
-                  <el-option label="二步节能" value="2" />
-                  <el-option label="三步节能" value="3" />
-                  <el-option label="四步节能" value="4" />
+                <el-select v-model="formInline.keyWord" placeholder="请选择" multiple
+                  style="width:360px; margin-left: 20px;">
+                  <el-option v-for="option in options" :key="option.value" :label="option.label"
+                    :value="option.value" />
                 </el-select>
               </el-form-item>
             </el-form>
@@ -303,10 +306,6 @@ onMounted(() => {
             <Search style="width: 1em; height: 1em; margin-right: 8px" />
             查询
           </el-button>
-          <el-button type="primary" @click="handleReset">
-            <Minus style="width: 1em; height: 1em; margin-right: 8px" />
-            重置
-          </el-button>
           <el-button type="primary" @click="handleAdd">
             <Document style="width: 1em; height: 1em; margin-right: 8px" />
             新增