From 5bdc44b3015ab42cf77e40ba0ae6b2b8b2f953bd Mon Sep 17 00:00:00 2001
From: sjl <1716605279@qq.com>
Date: Thu, 5 Dec 2024 13:51:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/layouts/components/Footer/index.vue   |  9 ++--
 .../testSource/components/parameterTable.vue  | 41 +++++++++++++------
 .../testSource/components/testSourcePopup.vue | 29 +++++++++----
 .../src/views/machine/testSource/index.vue    |  4 +-
 4 files changed, 57 insertions(+), 26 deletions(-)

diff --git a/frontend/src/layouts/components/Footer/index.vue b/frontend/src/layouts/components/Footer/index.vue
index 499c231..5fd1a07 100644
--- a/frontend/src/layouts/components/Footer/index.vue
+++ b/frontend/src/layouts/components/Footer/index.vue
@@ -40,16 +40,15 @@
 <script lang="ts" setup>
 import { ref, reactive, computed, onMounted, watch } from "vue";
 import { useAuthStore } from "@/stores/modules/auth";
-const title = ref("模拟式模块");
 import { useModeStore } from '@/stores/modules/mode'; // 引入模式 store
 import { useRouter } from "vue-router";
-
+const title = ref("模拟式模块");
 const router = useRouter();
 const authStore = useAuthStore();
 const modeStore = useModeStore();
-watch(() => modeStore.currentMode, (newVal) => {
-  //console.log('当前模式：', newVal);
-  switch (newVal) {
+
+onMounted(() => {
+  switch (modeStore.currentMode) {
     case '模拟式':
       title.value = '模拟式模块';
       break;
diff --git a/frontend/src/views/machine/testSource/components/parameterTable.vue b/frontend/src/views/machine/testSource/components/parameterTable.vue
index 1cbfa60..12060a7 100644
--- a/frontend/src/views/machine/testSource/components/parameterTable.vue
+++ b/frontend/src/views/machine/testSource/components/parameterTable.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class='table-box'>
+  <div class='table-box' >
     <ProTable
-        ref='proTable'
+        ref='proTable' 
         :columns='columns'
         :pagination="false"
         :toolButton="false"
@@ -11,18 +11,18 @@
     >
       <!-- 表格 header 按钮 -->
       <template #tableHeader='scope'>
-        <el-button v-auth.testSource="'add'" type='primary' :icon='CirclePlus' @click="openDialog('add')">新增
+        <el-button :disabled="isDisable" v-auth.testSource="'add'" type='primary' :icon='CirclePlus' @click="openDialog('add')">新增 
         </el-button>
         <el-button v-auth.testSource="'delete'" type='danger' :icon='Delete'
-                   plain :disabled='!scope.isSelected' @click='batchDelete(scope.selectedListIds)'>
+                   plain   :disabled='isDisable || !scope.isSelected'  @click='batchDelete(scope.selectedListIds)'>
           删除
         </el-button>
       </template>
       <!-- 表格操作 -->
       <template #operation='scope'>
-        <el-button type="primary" link :icon='CopyDocument' @click="copyRow(scope.row)">复制</el-button>
-        <el-button type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)">编辑</el-button>
-        <el-button type='primary' link :icon='Delete' @click='handleDelete(scope.row.id)'>删除</el-button>
+        <!-- <el-button type="primary" link :icon='CopyDocument' @click="copyRow(scope.row)">复制</el-button> -->
+        <el-button :disabled="isDisable" type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)">编辑</el-button>
+        <el-button :disabled="isDisable" type='primary' link :icon='Delete' @click='handleDelete(scope.row.id)'>删除</el-button>
       </template>
     </ProTable>
 
@@ -40,15 +40,23 @@ import ParameterPopup from '@/views/machine/testSource/components/parameterPopup
 import {reactive, ref, watch} from 'vue'
 import {generateUUID} from "@/styles";
 import {defineEmits} from "vue/dist/vue";
+import { ElMessage } from 'element-plus'
 
 const parameterPopup = ref()
 const dictStore = useDictStore()
 // ProTable 实例
 const proTable = ref<ProTableInstance>()
 const tableData = ref<any[]>([])
-const props = defineProps<{
-  parameterStr: string;
-}>();
+  const props = defineProps({
+  parameterStr: {
+    type: String,
+    required: true,
+  },
+  isDisable: {
+    type: Boolean,
+    default: false,
+  },
+});
 
 const emit = defineEmits(['change-parameter'])
 
@@ -105,7 +113,14 @@ const getTreeData = (data: TestSource.ParameterType[]): TestSource.ParameterType
 }
 
 const columns = reactive<ColumnProps<any>[]>([
-  {type: 'selection', fixed: 'left', width: 70},
+  {type: 'selection', fixed: 'left', width: 70,
+  selectable(row, index) {
+        if (props.isDisable) {
+        return false;
+      }
+      return true;
+    },
+  },
   {type: 'index', fixed: 'left', width: 70, label: '序号'},
   {
     prop: 'sourceParamType',
@@ -179,6 +194,8 @@ const copyRow = (row) => {
 
 const getParameter = (data: TestSource.ParameterType) => {
   let index = originalParameterArr.findIndex(item => item.id === data.id)
+
+
   if (index === -1) {
     data.id = generateUUID()
     // 新增
@@ -193,7 +210,7 @@ const getParameter = (data: TestSource.ParameterType) => {
 
 //清空数据
 const clearData = () => {
-  console.log('clearData')
+  //console.log('clearData')
   originalParameterArr = []
   tableData.value = []
 }
diff --git a/frontend/src/views/machine/testSource/components/testSourcePopup.vue b/frontend/src/views/machine/testSource/components/testSourcePopup.vue
index f751f12..0f393ef 100644
--- a/frontend/src/views/machine/testSource/components/testSourcePopup.vue
+++ b/frontend/src/views/machine/testSource/components/testSourcePopup.vue
@@ -1,7 +1,7 @@
 <template>
-  <el-dialog :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig" >
+  <el-dialog :title="dialogTitle" v-model='dialogVisible' @close="close" v-bind="dialogBig">
     <div >
-      <el-form :model="formContent" ref='dialogFormRef' :rules='rules' >
+      <el-form :model="formContent" ref='dialogFormRef' :rules='rules' :disabled="tableIsDisable">
         <el-row :gutter="24">
 <!--          <el-col :span="8">-->
 <!--            <el-form-item label="检测源名称" prop="name" >-->
@@ -36,11 +36,11 @@
       </el-form>
     </div>
 
-    <ParameterTable :parameterStr="formContent.parameter" @change-parameter="changeParameter" ref="parameterTable"/>
+    <ParameterTable :parameterStr="formContent.parameter" @change-parameter="changeParameter" ref="parameterTable"  :is-disable="tableIsDisable"/>
     <template #footer>
       <div>
-        <el-button @click='close()'>取 消</el-button>
-        <el-button type="primary" @click='save()'>保存</el-button>
+        <el-button :disabled="tableIsDisable" @click='close()'>取 消</el-button>
+        <el-button :disabled="tableIsDisable" type="primary" @click='save()'>保存</el-button>
       </div>
     </template>
   </el-dialog>
@@ -61,7 +61,7 @@ const dictStore = useDictStore()
 const mode = ref()
 const modeId = ref()
 const parameterTable = ref()
-
+const tableIsDisable = ref(true)
 
 function useMetaInfo() {
   const dialogVisible = ref(false)
@@ -91,8 +91,20 @@ const resetFormContent = () => {
 }
 
 let dialogTitle = computed(() => {
-  return titleType.value === 'add' ? '新增检测源' : '编辑检测源'
-})
+  switch (titleType.value) {
+    case 'add':
+      tableIsDisable.value = false
+      return '新增检测源';
+    case 'edit':
+      tableIsDisable.value = false
+      return '编辑检测源';
+    case 'view':
+      tableIsDisable.value = true
+      return '查看检测源';
+    default:
+      return ''; // 默认情况，可选
+  }
+});
 
 let dictTypeCode = computed(() => {
   return 'S_Dev_Type_' + dictStore.getDictData('Pattern').find(item => item.id === modeId.value)?.code
@@ -119,6 +131,7 @@ const close = () => {
 const save = () => {
   try {
     dialogFormRef.value?.validate(async (valid: boolean) => {
+      console.log("11111111111111111")
       if (valid) {
         if (formContent.value.id) {
           await updateTestSource(formContent.value);
diff --git a/frontend/src/views/machine/testSource/index.vue b/frontend/src/views/machine/testSource/index.vue
index b6f9d35..fe7bd9a 100644
--- a/frontend/src/views/machine/testSource/index.vue
+++ b/frontend/src/views/machine/testSource/index.vue
@@ -16,6 +16,7 @@
         </template>
         <!-- 表格操作 -->
         <template #operation='scope'>
+          <el-button  type='primary' link :icon='View' @click="openDialog('view', scope.row)">查看</el-button>
           <el-button v-auth.testSource="'edit'" type='primary' link :icon='EditPen' @click="openDialog('edit', scope.row)">编辑</el-button>
           <el-button v-auth.testSource="'delete'"  type='primary' link :icon='Delete' @click='handleDelete(scope.row)'>删除</el-button>
       </template>
@@ -57,7 +58,8 @@
 
   // 表格配置项
   const columns = reactive<ColumnProps<TestSource.ResTestSource>[]>([
-    { type: 'selection', fixed: 'left', width: 70 },
+    { type: 'selection', fixed: 'left', width: 70 ,
+    },
     { type: 'index', fixed: 'left', width: 70, label: '序号' },
     {
       prop: 'name',