页面修改

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

@@ -43,8 +43,9 @@
           <q-btn color="accent" size="sm" class="q-mr-md" icon="add" @click="EditCustom(null)" label="新增客户" />
         </div>
       </div>
-      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
-        separator="none" :data="dataList" :columns="columns" row-key="name">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
+        class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
+        row-key="name">
         <template v-slot:bottom>
           <q-pagination class="full-width justify-end" v-model="msg.pageIndex" color="primary" :max="pageCount"
             :input="true" @input="changePage" />
@@ -53,17 +54,18 @@
           <q-td :props="props" style="width:200px;">
             <q-btn flat size="xs" icon="edit" color="accent" style="font-weight:400" label="编辑"
               @click="EditCustom(props.row)" />
-            <q-btn flat size="xs" v-if="props.row.ApproveState==0||props.row.ApproveState==2" icon="edit" color="accent"
+            <q-btn flat v-if="props.row.ApproveState==0||props.row.ApproveState==2" size="xs" icon="edit" color="accent"
               style="font-weight:400" label="客户审批" @click="AuditCustomer(props.row)" />
-            <q-btn flat size="xs" v-if="props.row.ApproveState==0" icon="edit" color="accent" style="font-weight:400"
-              label="删除" @click="RemoveCustomer(props.row)" />
+            <q-btn flat v-if="props.row.ApproveState==0" size="xs" icon="delete" color="negative"
+              style="font-weight:400" label="删除" @click="RemoveCustomer(props.row)" />
           </q-td>
         </template>
       </q-table>
       <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>