From e36dca72411f00a8e8d52fb0cb98d9a31825e47c Mon Sep 17 00:00:00 2001
From: yxhc <825210484@qq.com>
Date: Mon, 26 Aug 2024 17:37:57 +0800
Subject: [PATCH] fix: bug

---
 .../declarePage/components/plannedUseResources.vue | 71 +++++++++++++---------
 .../projectDeclare/declarePage/index.vue           |  2 +-
 2 files changed, 44 insertions(+), 29 deletions(-)

diff --git a/src/pages/declareManage/projectDeclare/declarePage/components/plannedUseResources.vue b/src/pages/declareManage/projectDeclare/declarePage/components/plannedUseResources.vue
index d369fc4..39e8755 100644
--- a/src/pages/declareManage/projectDeclare/declarePage/components/plannedUseResources.vue
+++ b/src/pages/declareManage/projectDeclare/declarePage/components/plannedUseResources.vue
@@ -24,11 +24,11 @@
     <el-form-item label="是否使用云资源">
       <el-switch
         v-model="formData.isCloudResource"
-        active-value="1"
-        inactive-value="0"
+        :active-value="1"
+        :inactive-value="0"
       />
     </el-form-item>
-    <el-form-item v-if="formData.isCloudResource==='1'" prop="cloudResource">
+    <el-form-item v-if="formData.isCloudResource===1" prop="cloudResource">
       <el-table :data="formData.cloudResource" style="width: 100%">
         <el-table-column type="index" label="序号" width="60" />
         <el-table-column prop="state" label="*云资源类型">
@@ -99,12 +99,12 @@
     <el-form-item label="是否产生数据">
       <el-switch
         v-model="formData.isProduceData"
-        active-value="1"
-        inactive-value="0"
+        :active-value="1"
+        :inactive-value="0"
       />
     </el-form-item>
 
-    <el-form-item v-if="formData.isProduceData==='1'" prop="isProduceData">
+    <el-form-item v-if="formData.isProduceData===1" prop="isProduceData">
       <el-table :data="formData.produceData" style="width: 100%">
         <el-table-column type="index" label="序号" width="60" />
         <el-table-column prop="state" label="*数据目录名称">
@@ -152,12 +152,12 @@
     <el-form-item label="是否使用公共组件">
       <el-switch
         v-model="formData.isCommonComponent"
-        active-value="1"
-        inactive-value="0"
+        :active-value="1"
+        :inactive-value="0"
       />
     </el-form-item>
 
-    <el-form-item v-if="formData.isCommonComponent==='1'" prop="isProduceData">
+    <el-form-item v-if="formData.isCommonComponent===1" prop="isProduceData">
       <el-table :data="formData.commonComponent" style="width: 100%">
         <el-table-column type="index" label="序号" width="60" />
         <el-table-column prop="state" label="*公共组件名称">
@@ -205,8 +205,15 @@
   </el-form>
 </template>
 <script setup>
-import { ref } from 'vue'
-
+import { onMounted, ref, watch } from 'vue'
+const props = defineProps({
+  detailData: {
+    type: Object,
+    default: () => {
+      return {}
+    }
+  }
+})
 const ruleFormRef = ref()
 const formData = ref({
   mobileTerminalEntry: [],
@@ -230,9 +237,9 @@ const formData = ref({
       componentType: '' // 	 		- 公共组件类型
     }
   ],
-  isCloudResource: '0',
-  isProduceData: '0',
-  isCommonComponent: '0'
+  isCloudResource: 0,
+  isProduceData: 0,
+  isCommonComponent: 0
 })
 const rules = {
   mobileTerminalEntry: [{ required: true, message: '请选择移动端入口' }],
@@ -241,6 +248,24 @@ const rules = {
   commonComponent: [{ required: true, message: '请至少添加一个公共组件' }]
 }
 
+onMounted(() => {
+  formData.value.mobileTerminalEntry = props.detailData.mobileTerminalEntry
+  formData.value.cloudResource = props.detailData.cloudResource
+  formData.value.produceData = props.detailData.produceData
+  formData.value.commonComponent = props.detailData.commonComponent
+  formData.value.isCloudResource = props.detailData.isCloudResource
+  formData.value.isProduceData = props.detailData.isProduceData
+  formData.value.isCommonComponent = props.detailData.isCommonComponent
+})
+watch(() => props.detailData, val => {
+  console.log('ssss')
+
+  if (props.detailData.mobileTerminalEntry) {
+    console.log('ssss1')
+    formData.value.mobileTerminalEntry = props.detailData.mobileTerminalEntry
+  }
+}, { deep: true })
+
 function validForm (callback) {
   ruleFormRef.value.validate(valid => {
     callback(valid)
@@ -249,32 +274,22 @@ function validForm (callback) {
 
 defineExpose({ validForm, formData })
 
-// const submit = async (formEl) => {
-//   if (!formEl) return
-//   await formEl.validate((valid, fields) => {
-//     if (valid) {
-//       console.log('submit!')
-//     } else {
-//       console.log('error submit!', fields)
-//     }
-//   })
-// }
 const mobileType = ref([
   {
     label: '浙里办',
-    value: '1'
+    value: 1
   },
   {
     label: '浙政钉',
-    value: '2'
+    value: 2
   },
   {
     label: '其他',
-    value: '3'
+    value: 3
   },
   {
     label: '无移动端',
-    value: '4'
+    value: 4
   }
 ])
 
diff --git a/src/pages/declareManage/projectDeclare/declarePage/index.vue b/src/pages/declareManage/projectDeclare/declarePage/index.vue
index 0972f03..d84eac0 100644
--- a/src/pages/declareManage/projectDeclare/declarePage/index.vue
+++ b/src/pages/declareManage/projectDeclare/declarePage/index.vue
@@ -764,7 +764,7 @@ onMounted(async () => {
                 <div class="collapse-title">计划使用资源</div>
               </template>
               <div class="p-24">
-                <planned-use-resources ref="planndedUseResourcesRef" />
+                <planned-use-resources ref="planndedUseResourcesRef" :detail-data="detailData" />
               </div>
             </el-collapse-item>
           </template>