fix: bug

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
   }
 ])
 

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>