sasp-admin 0.2.57

package/src/components/public/data/plDataCascader.vue

@@ -0,0 +1,85 @@
+<template>
+  <el-cascader
+    v-model="dataValue"
+    :options="arrDatas"
+    @change="onChange"
+    :disabled="disabled"
+    placeholder="请选择"
+    :props="dataProps">
+  </el-cascader>
+</template>
+
+<script>
+  export default {
+    name: "pl-data-cascader",
+    props: {
+      typeId: "",
+      parentId: {
+        required: false,
+        default: "-1"
+      },
+      value: {
+        required: false,
+        default: []
+      },
+      disabled: {
+        required: false,
+        default: false
+      }
+    },
+    data() {
+      return {
+
+        // 需要定义个内部变量接收传入的值，选择下拉框的时候改的也是这个值，如果不用内部变量接收的情况下，直接改传入的value的值会报警告
+        dataValue: this.value,
+        arrDatas: [],
+        dataProps:{
+          value:"id",
+          label:"dataName",
+          children:"subDatas"
+        }
+      };
+    },
+    watch: {
+      typeId() {
+        this.initDataSelect();
+      },
+      parentId() {
+        this.initDataSelect();
+      },
+      value() {
+        this.dataValue = this.value;
+      }
+    },
+    created() {
+      this.initDataSelect();
+    },
+
+    methods: {
+
+      /**
+       * 加载数据字典下拉框
+       */
+      initDataSelect() {
+        let vm = this;
+        if (!vm.typeId) {
+          return;
+        }
+        vm.parentId = vm.parentId || "-1";
+        vm.axios.post(vm.api.data.getCascaderDatas, {typeId: vm.typeId, parentId: vm.parentId}).then(function (res) {
+          vm.arrDatas = res.data || [];
+        });
+
+      },
+
+      onChange() {
+        // 把值通过返回给父组件的值
+        this.$emit('input', this.dataValue);
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/components/public/data/plDataRadio.vue

@@ -0,0 +1,73 @@
+<template>
+  <div>
+    <template v-for="item in arrDatas">
+      <el-radio v-model="dataValue" :label="item.id" @change="onChange">{{item.dataName}}</el-radio>
+    </template>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: "pl-data-radio",
+    props: {
+      typeId: "",
+      parentId: {
+        required: false,
+        default: "-1"
+      },
+      value: {
+        required: false,
+        default: ""
+      }
+    },
+    data() {
+      return {
+
+        // 需要定义个内部变量接收传入的值，选择下拉框的时候改的也是这个值，如果不用内部变量接收的情况下，直接改传入的value的值会报警告
+        dataValue: this.value,
+        arrDatas: []
+      };
+    },
+    watch: {
+      typeId() {
+        this.initDataSelect();
+      },
+      parentId() {
+        this.initDataSelect();
+      },
+      value() {
+        this.dataValue = this.value;
+      }
+    },
+    created() {
+      this.initDataSelect();
+    },
+
+    methods: {
+
+      /**
+       * 加载数据字典下拉框
+       */
+      initDataSelect() {
+        let vm = this;
+        if (!vm.typeId) {
+          return;
+        }
+        vm.parentId = vm.parentId || "-1";
+        vm.DATA_GLOBAL.getDatas(vm.typeId, vm.parentId).then(function (datas) {
+          vm.arrDatas = datas;
+        });
+      },
+
+      onChange() {
+
+        // 把值通过返回给父组件的值
+        this.$emit('input', this.dataValue);
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/components/public/data/plDataRadioGroup.vue

@@ -0,0 +1,70 @@
+<template>
+  <el-radio-group v-model="dataValue" @change="onChange">
+    <el-radio-button v-for="item in arrDatas" :key="item.id" :label="item.id">{{item.dataName}}</el-radio-button>
+  </el-radio-group>
+</template>
+
+<script>
+  export default {
+    name: "pl-data-radio-group",
+    props: {
+      typeId: "",
+      parentId: {
+        required: false,
+        default: "-1"
+      },
+      value: {
+        required: false,
+        default: ""
+      }
+    },
+    data() {
+      return {
+
+        // 需要定义个内部变量接收传入的值，选择下拉框的时候改的也是这个值，如果不用内部变量接收的情况下，直接改传入的value的值会报警告
+        dataValue: this.value,
+        arrDatas: []
+      };
+    },
+    watch: {
+      typeId() {
+        this.initDataSelect();
+      },
+      parentId() {
+        this.initDataSelect();
+      },
+      value() {
+        this.dataValue = this.value;
+      }
+    },
+    created() {
+      this.initDataSelect();
+    },
+
+    methods: {
+
+      /**
+       * 加载数据字典下拉框
+       */
+      initDataSelect() {
+        let vm = this;
+        if (!vm.typeId) {
+          return;
+        }
+        vm.parentId = vm.parentId || "-1";
+        vm.DATA_GLOBAL.getDatas(vm.typeId, vm.parentId).then(function (datas) {
+          vm.arrDatas = datas;
+        });
+      },
+
+      onChange() {
+        // 把值通过返回给父组件的值
+        this.$emit('input', this.dataValue);
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>