单选框列表组件代码格式化

src/components/app-mob-radio-list/app-mob-radio-list.vue

@@ -10,28 +10,21 @@
 </template>
 
 <script lang="ts">
-import {
-  Vue,
-  Component,
-  Prop,
-  Provide,
-  Emit,
-  Watch
-} from "vue-property-decorator";
+import { Vue, Component, Prop } from "vue-property-decorator";
 import CodeListService from "@app-core/service/app/code-list-service";
 
 @Component({
     components: {}
 })
 export default class AppMobRadio extends Vue {
+
     /**
      * 代码表服务对象
      *
      * @type {CodeListService}
      * @memberof AppMobRadio
      */
-
-    public codeListService: CodeListService = new CodeListService();
+    public codeListService: CodeListService = CodeListService.getInstance();
 
     /**
      * 代码表标识
@@ -39,7 +32,7 @@ export default class AppMobRadio extends Vue {
      * @type {string}
      * @memberof AppMobRadio
      */
-    @Prop() public tag?: string;
+    @Prop() public tag!: string;
 
     /**
      * 代码表类型
@@ -75,29 +68,53 @@ export default class AppMobRadio extends Vue {
 
     /**
      * change事件
+     *
+     * @param {*} data
+     * @memberof AppMobRadio
      */
     public change(data: any) {
         this.$emit("change", data.detail.value);
     }
 
+    /**
+     *  vue 生命周期
+     *
+     * @returns
+     * @memberof AppMobRadio
+     */
     public created() {
-      if (this.tag && this.type) {
-        if (Object.is(this.type, "dynamic")) {
-          this.codeListService
-            .getItems(this.tag)
-            .then((res: any) => {
-              this.options = res;
-            })
-            .catch((error: any) => {
+        if (!this.tag || !this.type) {
+            return;
+        }
+        this.loadItems();
+    }
+
+    /**
+     * 加载 数据
+     *
+     * @private
+     * @returns {Promise<any>}
+     * @memberof AppMobRadio
+     */
+    private async loadItems(): Promise<any> {
+        if (Object.is(this.type, 'dynamic')) {
+            const response: any = await this.codeListService.getItems(this.tag);
+            if (response && response.status === 200) {
+                this.options = response.data;
+            } else {
                 this.options = [];
-            });
+            }
         } else {
             this.options = this.$store.getters.getCodeListItems(this.tag);
         }
     }
-    }
 
-    public mounted(){
+    /**
+     *  vue 生命周期
+     *
+     * @memberof AppMobRadio
+     */
+    public mounted() {
         this.changeLabelStyle();
     }
 
@@ -108,7 +125,9 @@ export default class AppMobRadio extends Vue {
     public changeLabelStyle() {
         document.querySelectorAll(".app-mobile-radio-list").forEach((element: any) => {
             let prev = this.getNearEle(element, 1);
+            if (prev) {
                 prev.style.transform = 'none';
+            }
         })
     }
 
@@ -133,5 +152,6 @@ export default class AppMobRadio extends Vue {
     }
 }
 </script>
+
 <style lang="less">
 </style>
\ No newline at end of file

tslint.json

@@ -10,7 +10,7 @@
   },
   "rules": {
     "quotemark": false,
-    "indent": [true, "spaces", 2],
+    "indent": [true, "spaces", 4],
     "interface-name": false,
     "ordered-imports": false,
     "object-literal-sort-keys": false,