fix: 配方新增

src/views/formula/index.vue

@@ -8,11 +8,11 @@ import { ref } from 'vue'
 const formRef = ref()
 const onAddFormula = () => {
   selectedIndexRest()
-  formRef.value?.formRef.value.addFormula()
+  formRef.value?.addFormula()
 }
 const tableRef = ref()
 const selectedIndexRest = () => {
-  tableRef.value?.tableRef.value.selectedIndexRest() // 调用子组件方法
+  tableRef.value?.selectedIndexRest() // 调用子组件方法
 }
 </script>
 
@@ -47,33 +47,33 @@ const selectedIndexRest = () => {
 </template>
 
 <style lang="scss" scoped>
-.main-content{
+.main-content {
   display: grid;
-  grid-template-columns: repeat(3,1fr);
+  grid-template-columns: repeat(3, 1fr);
   height: $main-container-height;
   gap: 5px;
   overflow: hidden;
-  .formula-left{
+  .formula-left {
     box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
     background: $gradient-color;
-    .formula-add{
+    .formula-add {
       margin: 10px;
     }
-    .formula-add-btn{
+    .formula-add-btn {
       display: flex;
       align-items: center;
       height: 3rem;
       border-radius: 5px;
     }
-    .formula-list{
+    .formula-list {
       display: flex;
       justify-content: center;
       height: 74vh;
       max-height: 74vh;
     }
   }
-  .formula-right{
-    grid-column:  2 / 4;
+  .formula-right {
+    grid-column: 2 / 4;
     box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
     background: $gradient-color;
     position: relative;