误差体系禁用

frontend/src/views/machine/testScript/components/testScriptPopup.vue

@@ -1,45 +1,93 @@
+
 <template>
-    <el-dialog  title="请确认检测脚本值类型" v-model='dialogVisible' @close="close" v-bind="dialogSmall">
-        <div>
-            <el-form :model="formContent" ref='dialogFormRef'>
-                <el-form-item label="检测脚本值类型"   >
-                    <el-select  clearable placeholder="请选择类型检测脚本值类型" >
-                        <el-option label="相对值" :value="0"></el-option>
-                        <el-option label="绝对值" :value="1"></el-option>                                 
-                    </el-select>    
-                </el-form-item>
-            </el-form>
+  <el-dialog  :title="dialogTitle"
+              v-model='dialogVisible' 
+              @close="close" 
+              v-bind="dialogBig" 
+              width="1400px">
+    <div class="dialog-content" >
+              <el-form :model='formContent' label-width="auto" class="form-three ">
+                      <el-form-item label="脚本名称"  prop='name'>
+                          <el-input v-model='formContent.name' />
+                      </el-form-item>
+                      <el-form-item label="参照标准名称"  prop='standardName'>
+                          <el-input v-model='formContent.standardName' />
+                      </el-form-item>
+                      <el-form-item label="标准推行年份"  prop='standardTime'>
+                        <el-date-picker
+                                    v-model="formContent.standardTime"
+                                    type="year"
+                                    placeholder="请选择标准推行年份"
+                                    />
+                      </el-form-item>
+                      <el-form-item label='值类型'  prop='valueType' >
+                        <el-select v-model="formContent.valueType" filterable  clearable placeholder="请选择值类型">
+                                        <el-option
+                                        v-for="item in dictStore.getDictData('Script_Value_Type')"
+                                        :key="item.id"
+                                        :label="item.name"
+                                        :value="item.id"
+                                        />
+                        </el-select>
+                      </el-form-item> 
+              </el-form>
+    </div>
+    <TestScriptDetail />
+    <template #footer>
+        <div >
+          <el-button @click='close()'>取 消</el-button>
+          <el-button type="primary" @click='save()'>保存</el-button>
         </div>
-        <template #footer>
-            <div >
-                <el-button @click='close()'>取 消</el-button>
-                <el-button type="primary" @click='save()'>新增</el-button>
-            </div>
-        </template>
-    </el-dialog>
+    </template>
+  </el-dialog>
+
 
 </template>
 <script setup lang='ts'>
-import { dialogSmall } from '@/utils/elementBind'
-import { ElMessage, type FormItemRule } from 'element-plus'
-import { computed, reactive, type Ref, ref } from 'vue'
-import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue'
+import { dialogBig } from '@/utils/elementBind'
+import {  computed, ref } from 'vue'
+import { useDictStore } from '@/stores/modules/dict'
+import TestScriptDetail from '@/views/machine/testScript/components/testScriptDetail.vue';
+import { type TestScript } from '@/api/device/interface/testScript';
+
+const modeId = ref()
 
 
 // 定义弹出组件元信息
 const dialogFormRef = ref()
-
+const dictStore = useDictStore()
   function useMetaInfo() {
     const dialogVisible = ref(false)
-    const formContent = ref()
-    return { dialogVisible, formContent }
+    const titleType = ref('add')
+    const formContent = ref<TestScript.ResTestScript>({
+        name: '',   
+        type: '',
+        valueType:'',
+        pattern: modeId.value,
+        standardName: '',
+        standardTime: '',
+        state:1,
+
+    })
+    return { dialogVisible, titleType,formContent }
   }
   
-  const { dialogVisible, formContent } = useMetaInfo()
+  const { dialogVisible, titleType,formContent } = useMetaInfo()
+
+  let dialogTitle = computed(() => {
+    return titleType.value === 'add' ? '新增检测脚本' : '编辑检测脚本'
+  })
+  
   // 清空formContent
   const resetFormContent = () => {
     formContent.value = {
-        
+        name: '',   
+        type: '',
+        valueType:'',
+        pattern: modeId.value,
+        standardName: '',
+        standardTime: '',
+        state:1,
     }
   }
 
@@ -60,7 +108,9 @@ const dialogFormRef = ref()
 
 
 // 打开弹窗，可能是新增，也可能是编辑
-const open = (currentMode: string) => {
+const open = (sign: string,row: any,currentMode: string) => {
+    titleType.value = sign
+    modeId.value = dictStore.getDictData('Pattern').find(item => item.name === currentMode)?.id;
     // 重置表单
     dialogFormRef.value?.resetFields()
     dialogVisible.value = true
@@ -72,4 +122,10 @@ const props = defineProps<{
   refreshTable: (() => Promise<void>) | undefined;
 }>()
 
-</script>
+
+</script>
+<style scoped>
+/* .dialog-content {
+  padding: 10px;
+} */
+</style>