1

src/components/sale/customRight-form.vue

+<style>
+  .customRightDialog .drawerTop {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    justify-content: space-between;
+    background-color: #f0f5fb;
+    padding: 5px 10px;
+    align-items: center;
+  }
+
+  .customRightDialog .className {
+    margin-left: 10px;
+  }
+
+  .customRightDialog .classFirst {
+    color: #000000;
+    font-weight: bold;
+  }
+
+  .customRightDialog .role_Line {
+    width: 3px;
+    height: 11px;
+    margin-right: 10px;
+    background-color: #3fc4ff;
+    display: inline-block;
+  }
+
+  .info_Item {
+    margin: 20px 0;
+  }
+
+</style>
 <template>
   <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">
+    <q-card style="margin-top:61px;width:600px" class="no-border-radius customRightDialog">
       <div class="drawerTop">
-        <div style="display:flex;align-items:center;margin:20px 0 0 20px;">
-          <span class="drawer_Span">客户审批</span>
+        <div style="display: flex; align-items: center">
+          <div class="className">
+            <div class="classFirst">客户审批</div>
+          </div>
         </div>
       </div>
-      <div class="col-12" style="margin:0 24px;">
-        <q-input filled stack-label :dense="false" class="col-12" label="客户名称" v-model="objOption.CustomerName" />
-      </div>
-      <div class="col-12" style="margin:20px 24px;">
-        <q-input filled stack-label :dense="false" class="col-12" label="联系电话" v-model="objOption.ContactNumber" />
-      </div>
-      <div class="col-12" style="margin:20px 24px;">
-        <q-input filled stack-label :dense="false" class="col-12" label="传真" v-model="objOption.Fax" />
-      </div>
-      <div class="col-12" style="margin:20 24px;">
-        <q-input filled stack-label :dense="false" class="col-12" label="QQ" v-model="objOption.QQ" />
-      </div>
-      <div class="col-12" style="margin:20 24px;">
-        <q-input filled stack-label :dense="false" class="col-12" label="Email" v-model="objOption.Email" />
-      </div>
-      <div class="col-12" style="margin:20 24px;">
-        <q-input filled stack-label :dense="false" class="col-12" label="地址" v-model="objOption.Address" />
+      <div style="margin:20px">
+        <div class="classFirst">
+          <span class="role_Line"></span>基本信息
+        </div>
+        <div class="row info_Item">
+          <div class="col-6">
+            <span class="backInfo_Title">客户名称：</span>
+            <span class="backOtherInfo" v-if="objOption.CustomerName">
+              {{ objOption.CustomerName }}
+            </span>
+          </div>
+          <div class="col-6">
+            <span class="backInfo_Title">联系电话：</span>
+            <span class="backOtherInfo">{{ objOption.ContactNumber }}</span>
+          </div>
+        </div>
+        <div class="row info_Item">
+          <div class="col-6">
+            <span class="backInfo_Title">传真：</span>
+            <span class="backOtherInfo" v-if="objOption.Fax">
+              {{ objOption.Fax }}
+            </span>
+          </div>
+          <div class="col-6">
+            <span class="backInfo_Title">QQ：</span>
+            <span class="backOtherInfo">{{ objOption.QQ }}</span>
+          </div>
+        </div>
+        <div class="row info_Item">
+          <div class="col-6">
+            <span class="backInfo_Title">Email：</span>
+            <span class="backOtherInfo" v-if="objOption.Email">
+              {{ objOption.Email }}
+            </span>
+          </div>
+          <div class="col-6">
+            <span class="backInfo_Title">地址：</span>
+            <span class="backOtherInfo">{{ objOption.Address }}</span>
+          </div>
+        </div>
+        <div style="display: flex;justify-content: space-between;align-items: center;margin-top: 20px;">
+          <div>审批意见</div>
+          <div>
+            <q-radio v-model="AuditMsg.ApproveState" :val="1" label="通过" />
+            <q-radio v-model="AuditMsg.ApproveState" :val="2" label="驳回" />
+          </div>
+        </div>
+        <q-input filled stack-label :dense="false" v-model="AuditMsg.ApproveContent" type="textarea" label="审批意见" />
       </div>
-      
       <div style="margin:30px 10px 0 0;text-align:right;">
-        <q-btn color="accent" class="q-mr-md" icon="add" label="保存" @click="saveConfig()" />
+        <q-btn color="accent" class="q-mr-md" label="保存" @click="saveConfig()" />
       </div>
     </q-card>
     <div class="dialog-out-close" @click="closeperForm"
@@ -43,7 +108,7 @@
   export default {
     components: {},
     props: {
-      saveObj: {
+      customerObj: {
         type: Object,
         default: null
       }
@@ -53,6 +118,11 @@
         persistent: true,
         objOption: {},
         saveCourseLoading: false,
+        AuditMsg: {
+          CustomerId: 0,
+          ApproveState: 1, //审批状态 1-审批通过，2-拒绝
+          ApproveContent: ''
+        }
       }
     },
     created() {},
@@ -62,17 +132,31 @@
     methods: {
       //初始化表单
       initObj() {
-        GetCustomer({
-          CustomerId: 23198
-        }).then(res => {
-          console.log("res", res);
-          var tempData = res.Data;
-          this.objOption = tempData;
-        })
+        if (this.customerObj && this.customerObj.CustomerId > 0) {
+         this.AuditMsg.CustomerId = this.customerObj.CustomerId;
+          GetCustomer({
+            CustomerId: this.customerObj.CustomerId
+          }).then(res => {
+            var tempData = res.Data;
+            this.objOption = tempData;
+          })
+        }
       },
       //保存
-      saveCourse() {
-
+      saveConfig() {
+        AuditCustomer(this.AuditMsg).then(res => {
+          if (res.Code == 1) {
+            this.$q.notify({
+              icon: "iconfont icon-chenggong",
+              color: "accent",
+              timeout: 2000,
+              message: "数据保存成功！",
+              position: "top",
+            });
+            this.$emit("success");
+            this.closeperForm()
+          }
+        })
       },
       //关闭弹窗
       closeperForm() {
@@ -81,4 +165,5 @@
       },
     },
   }
-</script>
+
\ No newline at end of file
+</script>

src/pages/sale/peerManagement.vue

@@ -51,7 +51,8 @@
       <perCustomer-form v-if="isShowCustomForm" :customerObj="customerObj" @close="closeCustomForm"
         @success="refreshQuestion">
       </perCustomer-form>
-      <customRight-form v-if="isShowRightForm" :customerObj="customerObj" @close="closeCustomForm"></customRight-form>
+      <customRight-form v-if="isShowRightForm" :customerObj="customerObj" @close="closeCustomForm" 
+      @success="refreshQuestion"></customRight-form>
     </div>
   </div>
 </template>