1

src/components/sale/customRight-form.vue

 <template>
-    <div>123</div>
+  <q-dialog v-model="persistent" maximized full-height seamless position="right" @hide="closeperForm">
+    <q-card style="margin-top:61px;width:600px" class="no-border-radius classinfo_Dialog">
+      <div class="drawerTop">
+        <div style="display:flex;align-items:center;margin:20px 0 0 20px;">
+          <span class="drawer_Span">短信账号配置</span>
+        </div>
+      </div>
+      <div class="col-12" style="margin:0 24px;">
+        <q-input filled stack-label maxlength="100" :dense="false"
+          class="col-12" label="地区" />
+      </div>
+      <div class="col-12" style="margin:20px 24px;">
+        <q-input filled stack-label maxlength="100" :dense="false" class="col-12"
+          label="域名" />
+      </div>
+      <div filled class="col-12" style="margin:20px 24px;">
+        <q-input filled stack-label maxlength="100" :dense="false"
+          class="col-12" label="秘钥Key" />
+      </div>
+      <div filled class="col-12" style="margin:0 24px;">
+        <q-input filled stack-label maxlength="100" :dense="false"
+          class="col-12" label="秘钥Secret" />
+      </div>
+      <div style="margin:30px 10px 0 0;text-align:right;">
+        <q-btn color="accent" class="q-mr-md" icon="add" label="保存" @click="saveConfig()" />
+      </div>
+    </q-card>
+    <div class="dialog-out-close" @click="closeperForm"
+      style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
+      <q-icon name="iconfont icon-jujue1" size="26px" />
+    </div>
+  </q-dialog>
 </template>
+<script>
+  export default {
+    components: {},
+    props: {
+      saveObj: {
+        type: Object,
+        default: null
+      }
+    },
+    data() {
+      return {
+        persistent: true,
+        objOption: {
+          
+        },
+        saveCourseLoading:false,
+      }
+    },
+    created() {},
+    mounted() {
+      //this.initObj()
+    },
+    methods: {
+      //初始化表单
+      initObj() {
+      },
+      //保存
+      saveCourse(){
+          
+      },
+      //关闭弹窗
+      closeperForm() {
+        this.$emit('close');
+        this.persistent = false;
+      },
+    },
+  }
+
+</script>
\ No newline at end of file

src/pages/sale/peerManagement.vue

@@ -33,6 +33,7 @@
         </q-tabs>
         <div>
             <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
+            <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditRight(null)" label="右侧" />
         </div>
       </div>
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
@@ -52,6 +53,7 @@
       <perCustomer-form v-if="isShowCustomForm" :customerObj="customerObj" @close="closeCustomForm"
         @success="refreshQuestion">
       </perCustomer-form>
+      <customRight-form v-if="isShowRightForm" @close="closeRightForm"></customRight-form>
     </div>
   </div>
 </template>
@@ -81,6 +83,7 @@
         },
         loading: false,
         isShowCustomForm: false,
+        isShowRightForm: false,
         customerObj: null, //传入参数
         tabCheck:1,
         columns: [{
@@ -177,7 +180,15 @@
       },
       refreshQuestion(){
 
-      }
+      },
+      EditRight(obj){
+        this.isShowRightForm=true;
+      },
+      //关闭弹窗
+      closeRightForm() {
+        this.isShowRightForm = false;
+      },
+
     }
   }