From b497947d51905f15e3d4798e635a1eb57ba230fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B0=B4=E6=99=B6=E5=9C=9F=E8=B1=86?= <水晶土豆@devide>
Date: Fri, 17 Nov 2023 12:13:00 +0800
Subject: [PATCH] Fri Nov 17 12:13:00 CST 2023 inscode

---
 .../contractList/add/addContractList.vue      | 40 +++++++++++++++++++
 .../contractList/add/addMain.vue              |  0
 .../contractList/addContractList.vue          | 23 -----------
 .../contractList/contractList.vue             |  9 ++++-
 4 files changed, 47 insertions(+), 25 deletions(-)
 create mode 100644 src/component/contractManagement/contractList/add/addContractList.vue
 create mode 100644 src/component/contractManagement/contractList/add/addMain.vue
 delete mode 100644 src/component/contractManagement/contractList/addContractList.vue

diff --git a/src/component/contractManagement/contractList/add/addContractList.vue b/src/component/contractManagement/contractList/add/addContractList.vue
new file mode 100644
index 0000000..35429f1
--- /dev/null
+++ b/src/component/contractManagement/contractList/add/addContractList.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { ref, computed, watch, onMounted } from 'vue';
+const tableData = ref([{ name: "普通合同" },{name:"协同合同"}]);
+const props = defineProps(['addselectContractList'])
+const emit = defineEmits(['update:addselectContractList'])
+const currentRow = ref()
+const tTable = ref();
+onMounted(()=>{
+    tTable.value.setCurrentRow(tableData.value[0])
+})
+watch(()=>currentRow.this,(val)=>{
+    emit('update:addselectContractList',val)
+})
+const handleCurrentChange = (val) => {
+    currentRow.value = val.name
+}
+</script>
+
+<template>
+    <el-radio-group v-model="currentRow">
+        <el-table ref='tTable' :data="tableData" border highlight-current-row @current-change="handleCurrentChange">
+            <el-table-column label="选择" width="100px" align="center">
+                <template #default="{ row }">
+                    <el-radio :label="row.name">{{ '' }}</el-radio>
+                </template>
+            </el-table-column>
+            <el-table-column label="名称" prop="name"></el-table-column>
+        </el-table>
+    </el-radio-group>
+</template>
+
+<style scoped>
+.el-radio-group {
+    width: 100%;
+}
+
+::v-deep(.el-table__body tr.current-row > td) {
+    background: #bbf4e0;
+}
+</style>
\ No newline at end of file
diff --git a/src/component/contractManagement/contractList/add/addMain.vue b/src/component/contractManagement/contractList/add/addMain.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/component/contractManagement/contractList/addContractList.vue b/src/component/contractManagement/contractList/addContractList.vue
deleted file mode 100644
index ae589b2..0000000
--- a/src/component/contractManagement/contractList/addContractList.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<script setup>
-import { ref, watch } from 'vue';
-const tableData = ref([{ name: 1 }, { name: 2 }, { name: 3 }, { name: 4 },]);
-const radio1 = ref();
-watch(()=>radio1.value,()=>{
-    console.log(radio1.value);
-})
-</script>
-
-<template>
-    <el-radio-group v-model="radio1" width="auto">
-        <el-table :data="tableData">
-            <el-table-column label="选择">
-                <template #default="{ row }">
-                    <el-radio :label="row.name">{{ '' }}</el-radio>
-                </template>
-            </el-table-column>
-            <el-table-column label="名称" prop="name"></el-table-column>
-        </el-table>
-    </el-radio-group>
-</template>
-
-<style scoped></style>
\ No newline at end of file
diff --git a/src/component/contractManagement/contractList/contractList.vue b/src/component/contractManagement/contractList/contractList.vue
index a5793e3..faf38c5 100644
--- a/src/component/contractManagement/contractList/contractList.vue
+++ b/src/component/contractManagement/contractList/contractList.vue
@@ -9,7 +9,7 @@ import forms from '@/component/main/header/form.vue';
 import contractListForm from './contractListForm.vue';
 import { ref, provide, reactive, onMounted } from 'vue';
 import { getContractList } from '@/api/api'
-import addContractList from './addContractList.vue';
+import addContractList from './add/addContractList.vue';
 
 const getData = () => {
     contractSelect.value.page = tablePagination.currentPage;
@@ -77,6 +77,11 @@ const contractSelect = ref({
     page: '1',
     limit: '10'
 });
+
+
+//添加
+const addselectContractList = ref();
+
 //对话框
 const addDialog = ref(false);
 const addSubcategoriesDialog = ref(false);
@@ -133,7 +138,7 @@ provide("changeState",()=>{
     </mains>
     <ejectDialog v-model:open-dialog="addDialog">
         <template #header>选择合同性质</template>
-        <template #default><addContractList></addContractList></template>
+        <template #default><addContractList v-model:addselectContractList="addselectContractList"></addContractList></template>
     </ejectDialog>
     <ejectDialog v-model:open-dialog="detailsDialog">
         <template #header>合同详情</template>
-- 
GitLab