提交

src/views/mechanism/ledger/index.vue

@@ -58,7 +58,7 @@
         <el-table-column label="操作" align="center" fixed="right" min-width="200" fixed-width>
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
-              <el-button link type="primary" icon="View" @click="handleUpdate(scope.row)" v-hasPermi="['mechanical:mechanicalrewriting:edit']"
+              <el-button link type="primary" icon="View" @click="handleDetails(scope.row)" v-hasPermi="['mechanical:mechanicalrewriting:edit']"
                 >详情</el-button
               >
             </el-tooltip>
@@ -80,6 +80,7 @@
     </el-card>
 
     <addComponent ref="addComponentRef" @success="getList" />
+    <detailsComponent ref="detailsComponentRef" />
   </div>
 </template>
 
@@ -93,6 +94,7 @@ import {
 } from '@/api/mechanical/mechanicalrewriting';
 import { MechanicalrewritingVO, MechanicalrewritingQuery, MechanicalrewritingForm } from '@/api/mechanical/mechanicalrewriting/types';
 import addComponent from './components/add.vue';
+import detailsComponent from './components/details.vue';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 
@@ -216,13 +218,14 @@ const handleAdd = () => {
 const handleUpdate = async (row?: MechanicalrewritingVO) => {
   //   reset();
   const _id = row?.id || ids.value[0];
-  //   const res = await getMechanicalrewriting(_id);
-  //   Object.assign(form.value, res.data);
-  //   dialog.visible = true;
-  //   dialog.title = '修改机械台账';
   addComponentRef.value?.open(_id);
 };
-
+const detailsComponentRef = ref();
+//详情
+const handleDetails = (row) => {
+  const _id = row?.id || ids.value[0];
+  detailsComponentRef.value?.open(_id);
+};
 /** 提交按钮 */
 const submitForm = () => {
   mechanicalrewritingFormRef.value?.validate(async (valid: boolean) => {