widget.qw 1.0.23 → 1.0.24

package/src/components/CheckGroup.vue

@@ -1,114 +1,114 @@
-<template>
-    <van-field v-if="!isGone" :label="props.label" :required="isRequired" :rules="props.rules">
-        <template #input>
-            <van-checkbox-group v-model="modelValue" direction="vertical" :disabled="isDisabled">
-                <van-checkbox style="padding:5px 0;" v-for="(option, i) in totalOptions" :key="i" :name="option.code"
-                    shape="square">{{ option.title }}</van-checkbox>
-            </van-checkbox-group>
-        </template>
-    </van-field>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-
-const props = defineProps({
-    id: {
-        type:String,
-        default: ''
-    },
-    modelValue: {
-        type: Array,
-        default:[]
-    },
-    label: {
-        type:String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: true
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    auth: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: null
-    }
-})
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-const options = ref([])
-// 将初始化数据与配置项合并
-const totalOptions = computed(() => {
-    let selects = modelValue.value
-    if (!selects || selects.length<1)
-        selects = []
-
-    let codes = []
-    let res = []
-
-    if (options.value) {
-        codes = options.value.map(item => item.code)
-        res = JSON.parse(JSON.stringify(options.value))
-    }
-
-    if (!selects || selects.length<1)
-        return res
-
-    for(var i=0;i<selects.length;i++){
-        if (codes && codes.length>0 && !codes.includes(selects[i])) {
-            res.push({
-                code: selects[i],
-                title: selects[i]
-            })
-        }
-    }
-    return res
-})
-onMounted(async () => {
-    await query()
-})
-
-const query = async () => {
-    let params = {
-        id: props.id,
-    }
-    const res = await util.dictionary_dict(params)
-    console.log(res.data)
-
-    if (!res.data.parseValue) {
-        options.value = []
-        return
-    }
-
-    options.value = res.data.parseValue
-}
-
-watch(()=>props.modelValue,(o,n)=>{
-    if(!props.modelValue)
-        modelValue.value = []
-},{immediate:true})
-</script>
-
-<style lang="scss" scoped>
-:deep(.label) {
-    color: #000 !important;
-}
-
-:deep(.van-field__control:disabled) {
-    color: #000 !important;
-    cursor: not-allowed;
-    opacity: 1;
-    -webkit-text-fill-color: #000;
-}
+<template>
+    <van-field v-if="!isGone" :label="props.label" :required="isRequired" :rules="props.rules">
+        <template #input>
+            <van-checkbox-group v-model="modelValue" direction="vertical" :disabled="isDisabled">
+                <van-checkbox style="padding:5px 0;" v-for="(option, i) in totalOptions" :key="i" :name="option.code"
+                    shape="square">{{ option.title }}</van-checkbox>
+            </van-checkbox-group>
+        </template>
+    </van-field>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    id: {
+        type:String,
+        default: ''
+    },
+    modelValue: {
+        type: Array,
+        default:[]
+    },
+    label: {
+        type:String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: true
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    auth: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: null
+    }
+})
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+const options = ref([])
+// 将初始化数据与配置项合并
+const totalOptions = computed(() => {
+    let selects = modelValue.value
+    if (!selects || selects.length<1)
+        selects = []
+
+    let codes = []
+    let res = []
+
+    if (options.value) {
+        codes = options.value.map(item => item.code)
+        res = JSON.parse(JSON.stringify(options.value))
+    }
+
+    if (!selects || selects.length<1)
+        return res
+
+    for(var i=0;i<selects.length;i++){
+        if (codes && codes.length>0 && !codes.includes(selects[i])) {
+            res.push({
+                code: selects[i],
+                title: selects[i]
+            })
+        }
+    }
+    return res
+})
+onMounted(async () => {
+    await query()
+})
+
+const query = async () => {
+    let params = {
+        id: props.id,
+    }
+    const res = await util.dictionary_dict(params)
+    console.log(res.data)
+
+    if (!res.data.parseValue) {
+        options.value = []
+        return
+    }
+
+    options.value = res.data.parseValue
+}
+
+watch(()=>props.modelValue,(o,n)=>{
+    if(!props.modelValue)
+        modelValue.value = []
+},{immediate:true})
+</script>
+
+<style lang="scss" scoped>
+:deep(.label) {
+    color: #000 !important;
+}
+
+:deep(.van-field__control:disabled) {
+    color: #000 !important;
+    cursor: not-allowed;
+    opacity: 1;
+    -webkit-text-fill-color: #000;
+}
 </style>