Cloudpods/frontend/containers/DB/sections/ItemNetwork.vue

<template>
  <network-selects
    ref="NETWORK"
    :label="$t('db.text_32')"
    :isDefaultFetch="false"
    :vpcFormat="vpcFormat"
    :vpcParams="getVpcParams"
    :networkParams="getNetworkParams"
    v-bind="formItemLayout">
    <template v-slot:helplink>
      {{$t('compute.text_196')}}<help-link href="/network2">{{$t('compute.perform_create')}}</help-link>
    </template>
  </network-selects>
</template>

<script>
import NetworkSelects from '@/sections/NetworkSelects'

export default {
  name: 'DBItemNetwork',
  components: {
    NetworkSelects,
  },
  inject: ['form', 'formItemLayout', 'scopeParams'],
  methods: {
    vpcFormat (vpc) {
      const { name, manager } = vpc
      return (
        <div class='d-flex'>
          <a-badge status={ vpc.network_count ? 'success' : 'default' } />
          <span class='text-truncate flex-fill mr-2' title={ name }>{ name }</span>
          <span style="color: #8492a6; font-size: 13px">{ this.$t('db.text_340', [manager]) }</span>
        </div>
      )
    },
    getVpcParams () {
      const { fd } = this.form
      const params = {
        cloudregion_id: fd.cloudregion_id || fd.cloudregion,
        ...this.scopeParams,
      }
      const zone = fd.zones || fd.zone
      if (fd.provider === 'Aws') {
        params.provider = 'Aws'
      } else {
        if (zone) {
          params.zone_id = zone.split('+')[0]
        }
      }
      return params
    },
    getNetworkParams () {
      const { fd } = this.form
      const params = {
        cloudregion_id: fd.cloudregion_id || fd.cloudregion,
        ...this.scopeParams,
      }
      // zones是rds新建
      const zonesStr = this.form.getFieldValue('zones')
      if (fd.provider === 'Aws') {
        params.provider = 'Aws'
      } else {
        if (zonesStr) {
          const zoneArr = zonesStr.split('+')
          if (zoneArr && zoneArr.length > 0) {
            params['zones.0'] = zoneArr[0]
          }
        }
      }
      // zone是redis新建
      const zone = this.form.getFieldValue('zone')
      if (zone) {
        params.zone = zone
      } else {
        const zone_id = this.form.getFieldValue('zone_id')
        if (zone_id) {
          params.zone = zone_id
        }
      }
      return params
    },
    fetchVpc () {
      this.$refs.NETWORK.fetchVpc(this.vpcListChange)
    },
    vpcListChange ({ vpcList }) {
      this.$emit('vpcListChange', vpcList)
    },
  },
}
</script>

<style>

</style>