服务设置 域名绑定组件设置默认值

src/components/CustomDropdown.vue

@@ -35,7 +35,7 @@
                         <p>暂时没有收款账号，我想稍后配置</p>
                     </div>
                     <div class="right">
-                        <img src="../assets/register/drop-selected.svg" alt="">
+                        <img src="@/assets/register/drop-selected.svg" alt="">
                     </div>
                 </div>
             </div>
@@ -61,8 +61,8 @@ export default {
             }
         },
         options_null: {
-            type: Object,
+            type: Boolean,
-            default: () => {},
+            default: false,
         },
         placeholder: {
             type: String,
@@ -125,9 +125,9 @@ export default {
         },
         toggleDropdown(e) {
             if(e) e.stopPropagation();
-            if (!this.options || !this.options.length) {
+            if ((!this.options || !this.options.length) && !this.options_null) {
-                console.warn('Dropdown options are empty');
+                // console.warn('Dropdown options are empty');
-                return;
+                // return;
             }
             // 先通知所有下拉框关闭
             EventBus.$emit('close-all-dropdowns')

src/components/domainBind.vue

@@ -1,9 +1,9 @@
 <template>
     <div>
-        <el-form class="el-row demo-ruleForm" ref="formRef" v-if="domainOptions.length>0" :rules="rules" :model="data">
+        <el-form class="el-row demo-ruleForm" ref="formRef" :rules="rules" :model="data">
             <GuipFormItem column="column" class="combo-formItem w540" :label="label" :class="label ? '' : 'combo-formItem-nolabel'">
                 <div slot="formDom" class="self-drop-wrap flex w540">
-                    <GuipInput prop="prefix"  v-model="data.prefix" style="width: 60%;" placeholder="仅支持数字、字母" @blur="inputEnd"></GuipInput>
+                    <GuipInput prop="prefix" v-model="data.prefix" style="width: 60%;" placeholder="仅支持数字、字母" @blur="inputEnd"></GuipInput>
                     <!-- 只用作选中内容展示 -->
                     <div @click="toggleDrop" class="point flex appendDrop" style="width: 40%;">{{data.domain}}</div>
                 </div>
@@ -85,7 +85,7 @@ import CustomDropdown from "@/components/CustomDropdown.vue";
 
 export default {
   name: 'domainBind',
-  props:['label'],
+  props:['label','defaultPrefix','defaultDomain'],
   components: {
       CustomDropdown, GuipFormItem,
       GuipButton,
@@ -97,8 +97,6 @@ export default {
         // AUTH
         token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
         domainOptions:[],
-        prefix: '',
-        domain: '',
         dialogVisible: false,
         data: {
             prefix: '',
@@ -142,6 +140,8 @@ export default {
     }
   },
   mounted(){
+      this.data.prefix = this.defaultPrefix
+      this.data.domain = this.defaultDomain
       this.getDomainList()
   },
   methods:{
@@ -153,11 +153,13 @@ export default {
               }
           }).then(response => {
               if(response.status){
-                  this.data.domain = '.'+response.data[0]
+                  if(response.data.length>0){
-                  that.domainOptions = response.data.map(item => ({
+                      if(!this.data.domain) this.data.domain = '.'+response.data[0]
-                      label: '.'+item,
+                      that.domainOptions = response.data.map(item => ({
-                      value: '.'+item
+                          label: '.'+item,
-                  }));
+                          value: '.'+item
+                      }));
+                  }
                   return true
               }
               that.$message.error(response.info);