widget.qw 1.0.83 → 1.0.85

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>

package/src/components/DatetimeDropdown.vue

@@ -0,0 +1,62 @@
+<template>
+    <van-dropdown-item :title="formatTitle">
+        <DatetimePicker
+            v-model="modelValue"
+            :placeholder="props.placeholder"
+            :auth="props.auth" />
+    </van-dropdown-item>
+</template>
+<script setup>
+import { reactive, onMounted, watch,computed } from "vue";
+import DatetimePicker from "./DatetimePicker.vue";
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    auth: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: null
+    }
+});
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const formatTitle=computed(()=>{
+    return modelValue.value ? modelValue.value : props.label
+})
+
+//首页加载
+onMounted(() => {
+})
+</script>
+
+<style scoped></style>

package/src/components/{DatetimePicker/index.vue → DatetimePicker.vue}

@@ -1,125 +1,125 @@
-<template>
-    <van-field v-if="!isGone" v-model="formatTime" name="datetimePicker" :label="props.label" 
-        :disabled="isDisabled"
-        :readonly="isReadonly"
-        readonly
-        clearable
-        :placeholder="props.placeholder" :required="isRequired" :rules="props.rules"
-        :right-icon="rightIcon"
-        @click-right-icon="onToggleShow">
-    </van-field>
-
-    <!-- 弹出层 -->
-    <DatetimePop v-model:isShow="data.isShow" v-model="modelValue" :before="props.before" :defaultnow="props.defaultnow"
-        :columnsType="props.columnsType" />
-</template>
-
-<script setup>
-import { ref, reactive, watch, getCurrentInstance, computed } from "vue"
-import DatetimePop from './DatetimePop.vue'
-import util from '../../util'
-import { useVModel } from "@vueuse/core"
-
-const props = defineProps({
-    modelValue: {
-        type: String,
-        default: ''
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    disabled:{
-        type:Boolean,
-        default:false
-    },
-    defaultnow: {
-        type: Boolean,
-        default: false
-    },
-    before: {
-        type: Boolean,
-        default: false
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    columnsType: {
-        type: Array,
-        default: ['year', 'month', 'day', 'hour', 'minute', 'second']
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    auth: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: null
-    }
-})
-const data = reactive({
-    isShow: false, //是否显示弹出层
-})
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-//定义要向父组件传递的事件
-const emit = defineEmits(["update:modelValue"])
-const modelValue = useVModel(props, "modelValue", emit)
-
-const formatTime = computed({
-    get() {
-        let res = props.modelValue
-
-        // let week_day = util.date2week_day(time)
-        // res = time+'/'+week_day
-
-        return res
-    }, 
-    set() {
-        modelValue.value = ''
-    }
-})
-
-const rightIcon = computed(()=>{
-    if(isReadonly.value || isDisabled.value)
-        return ''
-
-    return 'arrow'
-})
-
-// 默认当前时间
-watch(
-    () => props.modelValue,
-    (n, o) => {
-        //不需要默认时间时，直接返回
-        if (!props.defaultnow)
-            return
-
-        //有值是，直接返回
-        if (n) {
-            return
-        }
-
-        // 没有值时，默认设置为当前时间
-        modelValue.value = util.date2yyyyMMddhhmmss(new Date())
-    },
-    {
-        immediate: true//立即监听--进入就会执行一次 监听显影状态
-    }
-)
-
-function onToggleShow() {
-    if (isReadonly.value)
-        return
-
-    data.isShow = true
-}
+<template>
+    <van-field v-if="!isGone" v-model="formatTime" name="datetimePicker" :label="props.label" 
+        :disabled="isDisabled"
+        :readonly="isReadonly"
+        readonly
+        clearable
+        :placeholder="props.placeholder" :required="isRequired" :rules="props.rules"
+        :right-icon="rightIcon"
+        @click-right-icon="onToggleShow">
+    </van-field>
+
+    <!-- 弹出层 -->
+    <DatetimePop v-model:isShow="data.isShow" v-model="modelValue" :before="props.before" :defaultnow="props.defaultnow"
+        :columnsType="props.columnsType" />
+</template>
+
+<script setup>
+import { ref, reactive, watch, getCurrentInstance, computed } from "vue"
+import DatetimePop from './widget/DatetimePop.vue'
+import util from '../util'
+import { useVModel } from "@vueuse/core"
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    disabled:{
+        type:Boolean,
+        default:false
+    },
+    defaultnow: {
+        type: Boolean,
+        default: false
+    },
+    before: {
+        type: Boolean,
+        default: false
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    columnsType: {
+        type: Array,
+        default: ['year', 'month', 'day', 'hour', 'minute', 'second']
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    auth: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: null
+    }
+})
+const data = reactive({
+    isShow: false, //是否显示弹出层
+})
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+//定义要向父组件传递的事件
+const emit = defineEmits(["update:modelValue"])
+const modelValue = useVModel(props, "modelValue", emit)
+
+const formatTime = computed({
+    get() {
+        let res = props.modelValue
+
+        // let week_day = util.date2week_day(time)
+        // res = time+'/'+week_day
+
+        return res
+    }, 
+    set() {
+        modelValue.value = ''
+    }
+})
+
+const rightIcon = computed(()=>{
+    if(isReadonly.value || isDisabled.value)
+        return ''
+
+    return 'arrow'
+})
+
+// 默认当前时间
+watch(
+    () => props.modelValue,
+    (n, o) => {
+        //不需要默认时间时，直接返回
+        if (!props.defaultnow)
+            return
+
+        //有值是，直接返回
+        if (n) {
+            return
+        }
+
+        // 没有值时，默认设置为当前时间
+        modelValue.value = util.date2yyyyMMddhhmmss(new Date())
+    },
+    {
+        immediate: true//立即监听--进入就会执行一次 监听显影状态
+    }
+)
+
+function onToggleShow() {
+    if (isReadonly.value)
+        return
+
+    data.isShow = true
+}
 </script>

package/src/components/DayDropdown.vue

@@ -1,57 +1,57 @@
-<template>
-    <van-dropdown-item v-model="modelValue" :options="totalOptions" />
-</template>
-<script setup>
-import { reactive, onMounted, computed } from "vue";
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-
-const props = defineProps({
-    year:{
-        type:Number,
-        default: 0
-    },
-    month:{
-        type:Number,
-        default: 0
-    },
-    modelValue: {
-        type: Number,
-        default: 0,
-    },
-    label: {
-        type: String,
-        default: "选择日",
-    },
-    placeholder: {
-        type: String,
-        default: "请选择日",
-    },
-});
-
-const totalOptions = computed(() => {
-  if (!props.year) return [];
-  
-  const year = props.year
-  const month = props.month
-  const days = new Date(year, month, 0).getDate(); // 获取当月实际天数
-  
-  let res = Array.from({length: days}, (_, i) => ({ 
-    text: `${i+1}日`, 
-    value: i+1 
-  }));
-  return [{
-    text: '日',
-    value: 0
-  }, ...res]
-});
-
-// 定义emit
-const emit = defineEmits(["update:modelValue"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-//首页加载
-onMounted(() => {
-})
-</script>
-
+<template>
+    <van-dropdown-item v-model="modelValue" :options="totalOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, computed } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    year:{
+        type:Number,
+        default: 0
+    },
+    month:{
+        type:Number,
+        default: 0
+    },
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择日",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择日",
+    },
+});
+
+const totalOptions = computed(() => {
+  if (!props.year) return [];
+  
+  const year = props.year
+  const month = props.month
+  const days = new Date(year, month, 0).getDate(); // 获取当月实际天数
+  
+  let res = Array.from({length: days}, (_, i) => ({ 
+    text: `${i+1}日`, 
+    value: i+1 
+  }));
+  return [{
+    text: '日',
+    value: 0
+  }, ...res]
+});
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+//首页加载
+onMounted(() => {
+})
+</script>
+
 <style scoped></style>