上传

src/views/Clue/Order/Comp/AfterSales.vue

@@ -64,7 +64,13 @@
       </el-form-item>
     </el-form>
 
-    <el-table :data="tableList" border>
+    <el-table
+      v-loading="loading"
+      :data="tableList"
+      border
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" :selectable="(row) => row.state == 1" />
       <el-table-column prop="signId" label="成交单号" min-width="150px" />
       <el-table-column prop="name" label="线索名称" min-width="200px" />
       <el-table-column prop="phone" label="联系方式" min-width="150px" />
@@ -112,6 +118,8 @@
       @pagination="getList"
     />
     <DialogAfterSaleAudit ref="afterSaleAuditDialog" @success="getList" />
+    <DialogAfterSaleDetail ref="afterSaleDetailDialog" />
+    <DialogBatchAudit ref="batchAuditDialog" @success="getList" />
   </div>
 </template>
 
@@ -121,6 +129,8 @@ import { getSimpleUserList as getUserOption } from '@/api/system/user'
 import { useUserStore } from '@/store/modules/user'
 
 import DialogAfterSaleAudit from './DialogAfterSaleAudit.vue'
+import DialogAfterSaleDetail from './DialogAfterSaleDetail.vue'
+import DialogBatchAudit from './DialogBatchAudit.vue'
 
 const afterSaleAuditDialog = ref()
 
@@ -177,12 +187,23 @@ async function getList() {
   }
 }
 
-function batchAudit(row) {
-  afterSaleAuditDialog.value.open(row)
+const batchIds = ref([])
+function handleSelectionChange(val) {
+  batchIds.value = val
 }
 
+const batchAuditDialog = ref()
+function batchAudit() {
+  if (batchIds.value.length) {
+    batchAuditDialog.value.open('aftersale', batchIds.value)
+  } else {
+    message.info('请选择表格中需要审核的数据')
+  }
+}
+
+const afterSaleDetailDialog = ref()
 function handleDetail(id) {
-  console.log(id)
+  afterSaleDetailDialog.value.open(id)
 }
 async function handleCancel(id) {
   try {