新增轮胎信息界面

ruoyi-ui/src/views/tireManagement/info/index.vue

@@ -201,7 +201,7 @@
           <el-input v-model="form.sensorID" placeholder="请输入岗位名称"/>
         </el-form-item>
         <el-form-item label="当前花纹深度" prop="depth">
-          <el-input-number v-model="form.depth"  />
+          <el-input-number v-model="form.depth"/>
         </el-form-item>
       </el-form>
       <template #footer>
@@ -217,7 +217,7 @@
 <script setup name="Post">
 import {addPost, delPost, getPost, listPost, updatePost} from "@/api/system/post";
 
-const searchCriteria = {
+const searchCriteria = ref({
   brand: [
     {
       label: '玲珑',
@@ -242,11 +242,23 @@ const searchCriteria = {
       value: 'R567'
     },
   ]
-}
+})
 
 const {proxy} = getCurrentInstance();
 const {sys_normal_disable} = proxy.useDict("sys_normal_disable");
 
+/**
+ * postList 表格数据
+ * open 模态框开关标识
+ * loading 表格加载状态开关标识
+ * showSearch 搜索区域开关标识
+ * ids 选择行id
+ * single 修改按钮是否可用标识
+ * multiple 删除按钮是否可用标识
+ * total 表格当前页码
+ * title 模态框标题
+ * */
+
 const postList = ref([]);
 const open = ref(false);
 const loading = ref(true);
@@ -257,29 +269,27 @@ const multiple = ref(true);
 const total = ref(0);
 const title = ref("");
 
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    brand: undefined,
-    type: undefined,
-    licensePlateNumber: undefined,
-    serialNumber: undefined,
-    RFID: undefined,
-    WheelPosition: undefined,
-    sensorID: undefined,
-    time: null,
-  },
-  rules: {
-    brand: [{required: true, message: "轮胎品牌不能为空", trigger: "blur"}],
-    type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
-    serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
-    depth: [{required: true, message: "当前花纹深度不能为空", trigger: "blur"}],
-  }
-});
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10,
+  brand: undefined,
+  type: undefined,
+  licensePlateNumber: undefined,
+  serialNumber: undefined,
+  RFID: undefined,
+  WheelPosition: undefined,
+  sensorID: undefined,
+  time: [],
+})
+
+const rules = {
+  brand: [{required: true, message: "轮胎品牌不能为空", trigger: "blur"}],
+  type: [{required: true, message: "轮胎型号不能为空", trigger: "blur"}],
+  serialNumber: [{required: true, message: "轮胎编号不能为空", trigger: "blur"}],
+  depth: [{required: true, message: "当前花纹深度不能为空", trigger: "blur"}],
+}
 
-const {queryParams, form, rules} = toRefs(data);
+const form = ref({});
 
 /** 查询岗位列表 */
 function getList() {
@@ -317,8 +327,9 @@ function handleQuery() {
 }
 
 /** 重置按钮操作 */
-function resetQuery() {
+const resetQuery = () => {
   proxy.resetForm("queryRef");
+  queryParams.value.time = []
   handleQuery();
 }