From 587bd79d81209d7ddb1d06a035a96d80565b07dc Mon Sep 17 00:00:00 2001
From: ruyaxie <648179520@qq.comgit>
Date: Thu, 26 Sep 2024 11:57:10 +0800
Subject: [PATCH] =?UTF-8?q?feat():=E4=BF=AE=E5=A4=8D=E8=BD=A6=E8=BE=86?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=89=8D=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/car/type.js               |  10 ++
 src/api/platform/strategy.js      |   7 --
 src/views/car/car/index.vue       | 197 +++++++++++++++---------------
 src/views/platform/rule/index.vue |  65 ++++++----
 4 files changed, 146 insertions(+), 133 deletions(-)
 create mode 100644 src/api/car/type.js

diff --git a/src/api/car/type.js b/src/api/car/type.js
new file mode 100644
index 0000000..56ef22d
--- /dev/null
+++ b/src/api/car/type.js
@@ -0,0 +1,10 @@
+import request from "@/utils/request";
+
+//查询所有的车辆类型
+export function listType(){
+  return  request({
+    url: '/car/sysType/list',
+    method: 'get'
+  })
+
+}
diff --git a/src/api/platform/strategy.js b/src/api/platform/strategy.js
index e165c24..5013ad1 100644
--- a/src/api/platform/strategy.js
+++ b/src/api/platform/strategy.js
@@ -1,12 +1,5 @@
 import request from '@/utils/request'
 
-//  //根据车辆类型
-// export function findBySysTypeId(id) {
-//   return request({
-//     url: 'car/sysType/findBySysTypeId/' + id,
-//     method: "POST"
-//   })
-// }
 
 // 查询预警策略列表
 export function listStrategy(query) {
diff --git a/src/views/car/car/index.vue b/src/views/car/car/index.vue
index 673c488..ead379e 100644
--- a/src/views/car/car/index.vue
+++ b/src/views/car/car/index.vue
@@ -40,7 +40,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['car:car:add']"
-        >新增</el-button>
+        >新增
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -51,7 +52,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['car:car:edit']"
-        >修改</el-button>
+        >修改
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -62,7 +64,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['car:car:remove']"
-        >删除</el-button>
+        >删除
+        </el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -72,21 +75,22 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['car:car:export']"
-        >导出</el-button>
+        >导出
+        </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="carList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="自增主键" align="center" prop="id" />
-      <el-table-column label="车辆VIN码" align="center" prop="carVin" />
-      <el-table-column label="车辆车牌号" align="center" prop="carPlate" />
-      <el-table-column label="车辆品牌" align="center" prop="carBrand" />
-      <el-table-column label="车辆型号" align="center" prop="carModel" />
-      <el-table-column label="车辆车型" align="center" prop="carType" />
-      <el-table-column label="围栏组编码" align="center" prop="groupCode" />
-      <el-table-column label="启用状态" align="center" prop="state" />
+      <el-table-column type="selection" width="55" align="center"/>
+      <el-table-column label="自增主键" align="center" prop="id"/>
+      <el-table-column label="车辆VIN码" align="center" prop="carVin"/>
+      <el-table-column label="车辆车牌号" align="center" prop="carPlate"/>
+      <el-table-column label="车辆品牌" align="center" prop="carBrand"/>
+      <el-table-column label="车辆型号" align="center" prop="carModel"/>
+      <el-table-column label="车辆车型" align="center" prop="carType"/>
+      <el-table-column label="围栏组编码" align="center" prop="groupCode"/>
+      <el-table-column label="启用状态" align="center" prop="state"/>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -95,26 +99,22 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['car:car:edit']"
-          >修改</el-button>
+          >修改
+          </el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['car:car:remove']"
-          >删除</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-s-order"
-            @click="handleAddStrategy(scope.row)"
-          >详细信息</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-plus"
-            @click="handleAddStrategy(scope.row)"
-          >添加策略信息</el-button>
+          >删除
+          </el-button>
+          <!--          <el-button-->
+          <!--            size="mini"-->
+          <!--            type="text"-->
+          <!--            icon="el-icon-s-order"-->
+          <!--            @click="handleAddStrategy(scope.row)"-->
+          <!--          >详细信息</el-button>-->
         </template>
       </el-table-column>
     </el-table>
@@ -131,59 +131,49 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="82px">
         <el-form-item label="车辆VIN码" prop="carVin">
-          <el-input v-model="form.carVin" placeholder="请输入车辆VIN码" />
+          <el-input v-model="form.carVin" placeholder="请输入车辆VIN码"/>
         </el-form-item>
         <el-form-item label="车辆车牌号" prop="carPlate">
-          <el-input v-model="form.carPlate" placeholder="请输入车辆车牌号" />
+          <el-input v-model="form.carPlate" placeholder="请输入车辆车牌号"/>
         </el-form-item>
         <el-form-item label="车辆品牌" prop="carBrand">
-          <el-input v-model="form.carBrand" placeholder="请输入车辆品牌" />
+          <el-input v-model="form.carBrand" placeholder="请输入车辆品牌"/>
         </el-form-item>
         <el-form-item label="车辆型号" prop="carModel">
-          <el-input v-model="form.carModel" placeholder="请输入车辆型号" />
+          <el-input v-model="form.carModel" placeholder="请输入车辆型号"/>
         </el-form-item>
         <el-form-item label="车辆车型" prop="carType">
-          <el-input v-model="form.carType" placeholder="请输入车辆车型" />
-        </el-form-item>
-        <el-form-item label="围栏组编码" prop="groupCode">
-          <el-input v-model="form.groupCode" placeholder="请输入围栏组编码" />
-        </el-form-item>
-        <el-form-item label="启用状态" prop="state">
-          <el-input v-model="form.state" placeholder="请输入启用状态" />
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-
-    <!-- 添加预警策略对话框 -->
-    <el-dialog :title="title" :visible.sync="beginOpen" width="500px" append-to-body>
-      <el-form ref="formList" :model="formList" :rules="rules" label-width="80px">
-          <el-form-item label="车辆类型id" prop="carTypeId">
-            <el-input v-model="formList.carTypeId" placeholder="请输入车辆类型id" />
-          </el-form-item>
-         <el-form-item label="策略名称" prop="strategyName">
-           <el-input v-model="formList.strategyName" placeholder="请输入策略名称" />
-         </el-form-item>
-        <el-form-item label="报文模版id" prop="msgId">
-<!--          <el-input v-model="formList.msgId" placeholder="请输入报文模版id" />-->
-          <el-select v-model="formList.msgId" placeholder="请选择报文模版id">
+          <el-select v-model="form.carType" placeholder="请选择报文模版id" :change="getCarTypeList">
             <el-option
-              v-for="item in templateList"
-              :key="item.messageTemplateId"
-              :label="item.messageTemplateName"
-              :value="item.messageTemplateId">
+              v-for="item in sysCarType"
+              :key="item.id"
+              :label="item.sysTypeName"
+              :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="围栏组编码" prop="groupCode">
+          <el-input v-model="form.groupCode" placeholder="请输入围栏组编码"/>
+        </el-form-item>
+        <el-form-item label="启用状态" prop="state">
+          <el-input v-model="form.state" placeholder="请输入启用状态"/>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
+        </el-form-item>
+                <el-form-item label="策略信息" prop="strategyId">
+                  <el-select v-model="form.msgId" placeholder="请选择报文模版id">
+                    <el-option
+                      v-for="item in strategyList"
+                      :key="item.id"
+                      :label="item.strategyName"
+                      :value="item.id">
+                      </el-option>
+                  </el-select>
+                </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitAddForm">确 定</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
@@ -193,8 +183,8 @@
 
 <script>
 import {listCar, getCar, delCar, addCar, updateCar} from "/src/api/car/car";
-import {templateList} from "@/api/car/message/template";
-import {addStrategy} from "@/api/platform/strategy";
+import {addStrategy, listStrategy} from "@/api/platform/strategy";
+import {listType} from "@/api/car/type";
 
 export default {
   name: "Car",
@@ -214,12 +204,14 @@ export default {
       total: 0,
       // 车辆基础信息表格数据
       carList: [],
-      templateList:[],
+      templateList: [],
+      //车辆类型
+      sysCarType: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
       open: false,
-      beginOpen:false,
+      beginOpen: false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -232,15 +224,25 @@ export default {
         state: null,
       },
       // 表单参数
-      form: {},
-      formList:{},
+      form: {
+        carVin: null,
+        carPlate: null,
+        carBrand: null,
+        carModel: null,
+        carType: null,
+        groupCode: null,
+        state: null,
+        remark: null,
+        msgId: null
+      },
+      formList: {},
       // 表单校验
-      rules: {
-      }
+      rules: {}
     };
   },
   created() {
     this.getList();
+    this.getListType();
   },
   methods: {
     /** 查询车辆基础信息列表 */
@@ -252,6 +254,11 @@ export default {
         this.loading = false;
       });
     },
+    getListType() {
+      listType().then(res => {
+        this.sysCarType = res.data.rows;
+      })
+    },
     // 取消按钮
     cancel() {
       this.open = false;
@@ -278,7 +285,7 @@ export default {
     },
     //初始化
     init() {
-      this.formList= {
+      this.formList = {
         carTypeId: null,
         strategyName: null,
         msgId: null
@@ -298,7 +305,7 @@ export default {
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.id)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
@@ -307,19 +314,11 @@ export default {
       this.open = true;
       this.title = "添加车辆基础信息";
     },
-    /** 添加策略信息按钮 **/
-    handleAddStrategy(row) {
-      this.init();
-      const id = row.id || this.ids
-      getCar(id).then(response => {
-        this.formList.carTypeId = response.data.id;
-        this.beginOpen = true;
-        this.title ="添加策略信息";
-      });
-      templateList().then(response => {
-        this.templateList = response.data;
-        console.log(this.templateList);
-      });
+    /** 离焦获取策略信息 **/
+    getCarTypeList(carType) {
+      listStrategy({sysTypeId: carType}).then(res => {
+        this.strategyList = res.data;
+      })
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
@@ -329,8 +328,14 @@ export default {
         this.form = response.data;
         this.open = true;
         this.title = "修改车辆基础信息";
+        this.listStrategy(response.data.carType)
       });
     },
+    listStrategy(sysTypeId) {
+      listStrategy({sysTypeId: sysTypeId}).then(res => {
+        this.strategyList = res.data.rows;
+      })
+    },
     /** 提交按钮 */
     submitForm() {
       this.$refs["form"].validate(valid => {
@@ -351,23 +356,17 @@ export default {
         }
       });
     },
-    /** 添加策略信息**/
-    submitAddForm(){
-      addStrategy(this.formList).then(response => {
-        this.$modal.msgSuccess("添加策略信息成功");
-        this.beginOpen = false;
-        this.getList();
-      });
-    },
+
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除车辆基础信息编号为"' + ids + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除车辆基础信息编号为"' + ids + '"的数据项？').then(function () {
         return delCar(ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => {
+      });
     },
     /** 导出按钮操作 */
     handleExport() {
diff --git a/src/views/platform/rule/index.vue b/src/views/platform/rule/index.vue
index 8a0e782..bf3c39b 100644
--- a/src/views/platform/rule/index.vue
+++ b/src/views/platform/rule/index.vue
@@ -33,22 +33,6 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="最大值" prop="maxValue">
-        <el-input
-          v-model="queryParams.maxValue"
-          placeholder="请输入最大值"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="最小值" prop="minValue">
-        <el-input
-          v-model="queryParams.minValue"
-          placeholder="请输入最小值"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -109,8 +93,9 @@
       <el-table-column label="报文数据类型id" align="center" prop="msgTypeId" />
       <el-table-column label="滑窗时间" align="center" prop="slideTime" />
       <el-table-column label="滑窗频率" align="center" prop="slideFrequency" />
-      <el-table-column label="最大值" align="center" prop="maxValue" />
-      <el-table-column label="最小值" align="center" prop="minValue" />
+      <el-table-column label="数据频率名称" align="center" prop="slideData" />
+      <el-table-column label="数据频率最大值" align="center" prop="slideMaxNum" />
+      <el-table-column label="数据频率最小值" align="center" prop="slideMinNum" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -148,8 +133,7 @@
               v-for="item in strategyList"
               :key="item.id"
               :label="item.strategyName"
-              :value="item.id"
-              >
+              :value="item.id">
             </el-option>
           </el-select>
         </el-form-item>
@@ -157,14 +141,13 @@
           <el-input v-model="form.ruleName" placeholder="请输入规则名称" />
         </el-form-item>
         <el-form-item label="报文数据类型id" prop="msgTypeId">
-          <el-select  v-model="form.messageId" placeholder="请选择报文数据名称">
+          <el-select ref="select" v-model="form.msgTypeId" multiple placeholder="请选择报文数据名称">
             <el-option
-              ref="multipleTable"
-              tooltip-effect="dark"
               v-for="item in templateValueList"
               :key="item.messageId"
               :label="item.messageCode"
               :value="item.messageId">
+<!--              <el-checkbox @change="clickBox(item.messageId)" :value ="value.includes(item.messageId)" :label="item.messageCode"></el-checkbox>-->
             </el-option>
           </el-select>
         </el-form-item>
@@ -182,7 +165,16 @@
             <el-option  value="1:60">1:60</el-option>
           </el-select>
         </el-form-item>
+        <el-form-item label="数据频率名称" prop="slideData">
+          <el-input v-model="form.slideData" placeholder="请输入数据频率名称" />
 
+        </el-form-item>
+        <el-form-item label="数据频率最大值" prop="slideMaxNum">
+          <el-input v-model="form.slideMaxNum" placeholder="请输入数据频率最大值" />
+        </el-form-item>
+        <el-form-item label="数据频率最小值" prop="slideMinNum">
+          <el-input v-model="form.slideMinNum" placeholder="请输入数据频率最小值" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -209,8 +201,10 @@ export default {
       single: true,
       // 非多个禁用
       multiple: true,
+      props: { multiple: true },
       // 显示搜索条件
       showSearch: true,
+
       // 总条数
       total: 0,
       // 预警规则表格数据
@@ -219,6 +213,7 @@ export default {
       sysTypeList :[],
       //报文字段
       templateValueList:[],
+      value:[],
       //报文模版类型
       templateList :[],
 
@@ -234,6 +229,8 @@ export default {
       title: "",
       // 是否显示弹出层
       open: false,
+      //弹出抽屉
+      drawer:false,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -243,8 +240,9 @@ export default {
         msgTypeId: null,
         slideTime: null,
         slideFrequency: null,
-        maxValue: null,
-        minValue: null
+        slideData:null,
+        slideMaxNum: null,
+        slideMinNum: null
       },
       // 表单参数
       form: {},
@@ -257,6 +255,18 @@ export default {
     this.getList();
   },
   methods: {
+    clickBox(val) {
+      console.log('val::', val);
+      let values = this.value
+      if(values.includes(val)) {
+        this.value = values.filter(n => n !== val)
+      } else {
+        values.push(val)
+        this.value = values
+      }
+      console.log('this.value::', this.value)
+
+    },
     /** 查询预警规则列表 */
     getList() {
       this.loading = true;
@@ -280,8 +290,9 @@ export default {
         msgTypeId: null,
         slideTime: null,
         slideFrequency: null,
-        maxValue: null,
-        minValue: null
+        slideData:null,
+        slideMaxNum: null,
+        slideMinNum: null
       };
       this.resetForm("form");
     },