edit

src/app/routes/sys-setting/components/agreement-config/agreement-config.component.ts

@@ -13,39 +13,11 @@ import { EnvironmentService } from '@env/environment.service';
   templateUrl: './agreement-config.component.html'
 })
 export class AgreementConfigComponentsBaseComponent implements OnInit {
-  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
-
-  i: any;
-  formDate: any = {};
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
   schema1!: SFSchema;
-  ui1: SFUISchema = {};
-  idx: any = 0;
   isUpdate = false;
-  type = 0;
-  tabItem = {
-    content: '',
-    id: 0,
-    modifyTime: '',
-    type: '',
-    typeName: ''
-  };
-  tabs = [
-    {
-      name: '《货主端用户注册协议》'
-    },
-    {
-      name: '《司机端用户注册协议》'
-    },
-    {
-      name: '《服务协议》'
-    },
-    {
-      name: '《隐私政策》'
-    },
-    {
-      name: '《人脸识别协议》'
-    }
-  ];
+  tabItem: any = {};
+  tabs: any[] = [];
 
   constructor(private service: SystemService) {}
 
@@ -53,7 +25,8 @@ export class AgreementConfigComponentsBaseComponent implements OnInit {
     this.loadAgreement();
     this.initSF();
   }
-  initSF() {
+
+  initSF(data?: any) {
     this.schema1 = {
       properties: {
         content: {
@@ -65,58 +38,51 @@ export class AgreementConfigComponentsBaseComponent implements OnInit {
             config: {
               height: 650
             }
-          }
+          },
+          default: data?.agreementContent || ''
         }
       }
     };
-    this.ui1 = {
-      '*': {
-        spanLabelFixed: 10,
-        grid: { span: 24 }
+  }
+
+  changeType(item: any): void {
+    this.isUpdate = false;
+    this.tabItem = item;
+  }
+
+  loadAgreement(type?: number) {
+    this.service.request(`${this.service.$api_get_agreement_page}`).subscribe(res => {
+      if (res) {
+        res.records = res.records.map((item: any) => ({ ...item, agreementContent: decodeURIComponent(item.agreementContent) }));
+        this.tabs = res.records;
+        if (type) {
+          this.tabItem = res.records.find((i: any) => i.type === type);
+        } else {
+          this.tabItem = res.records?.[0];
+        }
       }
-    };
-  }
-
-  changeType(type: number): void {
-    this.idx = type;
-    if (type > 0) {
-      this.isUpdate = false;
-      this.type = +type;
-
-      this.loadAgreement();
-    }
-  }
-
-  loadAgreement() {
-    // this.service.request(`${this.service.$api_general_getAgreement}`, { type: this.type }).subscribe((res) => {
-    //   console.log('🚀 ~ this.service.request ~ res', res);
-    //   if (res) {
-    //     this.tabItem = res;
-    //   }
-    // });
+    });
   }
 
   update() {
     this.isUpdate = true;
-    console.log('🚀 ~ update ~ isUpdate', this.tabItem);
-
-    this.formDate.content = this.tabItem.content;
-    this.initSF();
+    this.initSF(this.tabItem);
   }
   save() {
     const params = {
       id: this.tabItem.id,
-      content: encodeURIComponent(this.sf1?.value.content),
-      type: this.type
+      agreementContent: encodeURIComponent(this.sf?.value.content),
+      type: this.tabItem.type,
+      agreementName: this.tabItem.agreementName
     };
     this.isUpdate = false;
-    // this.service.request(`${this.service.$api_general_updateAgreement}`, params).subscribe((res) => {
-    //   if (res) {
-    //     this.service.msgSrv.success('保存成功');
-    //     this.changeType(this.type);
-    //     this.isUpdate = false;
-    //   }
-    // });
+    this.service.request(`${this.service.$api_update_agreement}`, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功');
+        this.isUpdate = false;
+        this.loadAgreement(this.tabItem.type);
+      }
+    });
   }
 
   cancel() {