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