widget.qw 1.0.83 → 1.0.85

package/src/views/billcard/index.vue

@@ -1,49 +1,49 @@
-<template>
-    <div class="page">
-        <widget-qw-bill-card :category="data.category" :no="data.no" :userState="data.loginUserState"
-            :processState="data.processState" :fields="data.fields">
-
-            <template #foot>
-                <div style="text-align: right;">
-                    <van-button type="warning" size="small">警告按钮</van-button>
-                </div>
-            </template>
-        </widget-qw-bill-card>
-    </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-
-const data = reactive({
-    category: '作业单',
-    no: '123',
-    loginUserState: 'pass',
-    processState: 'finish_pass',
-    fields: [{
-        title: '字段1',
-        value: '一号门与二号门之间前花园1',
-    }, {
-        title: '字段2',
-        value: '一号门与二号门之间前花园2',
-    }]
-})
-
-watch(() => data.codes, (newVal, oldVal) => {
-    console.log(newVal, oldVal)
-})
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
+<template>
+    <div class="page">
+        <widget-qw-bill-card :category="data.category" :no="data.no" :userState="data.loginUserState"
+            :processState="data.processState" :fields="data.fields">
+
+            <template #foot>
+                <div style="text-align: right;">
+                    <van-button type="warning" size="small">警告按钮</van-button>
+                </div>
+            </template>
+        </widget-qw-bill-card>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    category: '作业单',
+    no: '123',
+    loginUserState: 'pass',
+    processState: 'finish_pass',
+    fields: [{
+        title: '字段1',
+        value: '一号门与二号门之间前花园1',
+    }, {
+        title: '字段2',
+        value: '一号门与二号门之间前花园2',
+    }]
+})
+
+watch(() => data.codes, (newVal, oldVal) => {
+    console.log(newVal, oldVal)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
 </style>

package/src/views/cascaderpicker/userpicker.vue

@@ -0,0 +1,183 @@
+<template>
+    <div class="widget">
+        <widget-qw-cascader-picker :multiple="props.multiple" v-model="modelValue" :label="props.label"
+            :placeholder="props.placeholder" :keywordQueryNode="keywordQueryNode" :idQueryNode="idQueryNode"
+            @select="onSelect" :auth="props.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, defineProps, watch } from "vue";
+import util from '@/util'
+import { useVModel } from "@vueuse/core";
+
+const props = defineProps({
+    modelValue: {
+        type: String,
+        default: ''
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    rootId: {
+        type: String,
+        default: '1'
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    placeholder: {
+        type: String,
+        default: '请选择员工'
+    },
+    auth: {
+        type: String,
+        default: 'require'
+    }
+})
+
+const data = reactive({
+    isShow: false,
+})
+
+const emit = defineEmits(['update:modelValue', 'select'])
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const keywordQueryNode = async (params, setNode) => {
+    let p = {
+        id: params.id,
+        hasUsers: true,
+        hasChildren: true
+    }
+
+    if (params.parentId)
+        p.parentid = params.parentId
+
+    if (params.keyword)
+        p.keyword = params.keyword
+
+    //无选中节点时，默认查根节点
+    if (!p.id) {
+        if (props.rootId) {
+            p.id = props.rootId
+            p.isReturnParent = false
+        }
+    }
+
+    let res = await util.auth_children(p)
+    if (res.code != 200)
+        return
+
+    let fn = formatNode(res.data)
+    setNode(fn)
+}
+
+const idQueryNode = async (params, setNode) => {
+    // if (params.hasChildren) {
+    let p = {
+        id: params.id,
+        hasChildren: params.hasChildren,
+        hasPaths: true,
+        hasUsers: true,
+        isReturnParent: params.isReturnParent
+    }
+
+    //无选中节点时，默认查根节点
+    if (!p.id) {
+        if (props.rootId) {
+            p.id = props.rootId
+            p.isReturnParent = false
+        }
+    }
+
+    let res = await util.auth_children(p)
+    if (res.code != 200)
+        return
+
+    let fn = formatNode(res.data)
+
+    // let selectNode = fn
+    // if(params.id != selectNode.id){
+    //     selectNode = selectNode.children.find(item=>{
+    //         return item.id == params.id
+    //     })
+    // }
+
+    setNode(fn)
+    // } 
+    // else {
+    //     console.log('11111111111',params)
+
+    //     let res = await util.get_wxuser_by_id({ userId: params.id })
+    //     if (res.code != 200)
+    //         return
+
+    //     let fn = formatNode(res.data)
+    //     setNode(fn)
+    // }
+}
+
+const formatNode = (node) => {
+    let res = {}
+    //部门
+    if (!node.userid) {
+        let children = []
+        if (node.children && node.children.length > 0)
+            children = node.children
+        if (node.users && node.users.length > 0)
+            children = [...children, ...node.users]
+
+        res = {
+            id: node.id,
+            parentId: node.parentid,
+            paths: formatNodes(node.paths),
+            path: node.path,
+            children: formatNodes(children),
+            label: node.name,
+            hasChildren: node.hasChildren,
+            level: node.level,
+            data: node,
+            canCheck: false,
+            canExpand: node.hasChildren || (node.users && node.users.length > 0)
+        }
+    } 
+    //员工
+    else {
+        res = {
+            id: node.userid,
+            parentId: node.mainDepartment,
+            paths: [],
+            path: `${node.name}/${node.position}`,
+            children: [],
+            label: `${node.name}/${node.position}`,
+            hasChildren: false,
+            level: 1,
+            data: node,
+            canCheck: true,
+            canExpand: false
+        }
+    }
+
+    return res
+}
+
+const formatNodes = (nodes) => {
+    if (!nodes || nodes.length < 1)
+        return []
+
+    let res = nodes.map(item => {
+        return formatNode(item)
+    })
+
+    return res
+}
+
+const onSelect = (node) => {
+    console.log('onSelect', node)
+    emit('select', node)
+}
+</script>
+
+<style lang="scss" scoped></style>

package/src/views/cascaderpop/index.vue

@@ -1,91 +1,91 @@
-<template>
-    <div class="page">
-        <van-button @click="data.isShow=true">弹出</van-button>
-        <widget-qw-cascader-pop v-model="data.id" v-model:show="data.isShow" 
-            label="零件" placeholder="请选择零件"
-            :queryNodes="queryNodes" :queryNode="queryNode" @select="onSelect" />
-    </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-import util from '@/util'
-
-const data = reactive({
-    auth: 'require',
-    id: '',
-    isShow: false,
-    projectId: 'GnsMl3mO'
-})
-
-const queryNodes = async (params, setNodes) => {
-    if (!data.projectId)
-        return
-
-    let p = {
-        projectId: data.projectId,
-        hasChildren: false
-    }
-
-    if (params.keyword)
-        p.keyword = params.keyword
-
-    if (params.parentId)
-        p.parentId = params.parentId
-
-    let res = await util.part_children(p)
-    if (res.code != 200)
-        return
-
-    let formatNodes = res.data.map(item => {
-        return {
-            id: item.id,
-            label: item.formatName,
-            formatLabel: item.path,
-            hasChildren: item.hasChildren,
-            data: item
-        }
-    })
-    setNodes(formatNodes)
-}
-
-const queryNode = async (setNode) => {
-    let params = {
-        id: data.id
-    }
-    let res = await util.part_detail(params)
-    if (res.code != 200)
-        return
-
-    let formatNode = {
-        id: res.data.id,
-        label: res.data.formatName,
-        formatLabel: item.path,
-        hasChildren: res.data.hasChildren,
-        data: res.data
-    }
-    setNode(formatNode)
-}
-
-const onSelect=(node)=>{
-    console.log('onSelect',node)
-}
-
-watch(() => data.id, (newVal, oldVal) => {
-    console.log(newVal, oldVal)
-})
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
+<template>
+    <div class="page">
+        <van-button @click="data.isShow=true">弹出</van-button>
+        <widget-qw-cascader-pop v-model="data.id" v-model:show="data.isShow" 
+            label="零件" placeholder="请选择零件"
+            :queryNodes="queryNodes" :queryNode="queryNode" @select="onSelect" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+import util from '@/util'
+
+const data = reactive({
+    auth: 'require',
+    id: '',
+    isShow: false,
+    projectId: 'GnsMl3mO'
+})
+
+const queryNodes = async (params, setNodes) => {
+    if (!data.projectId)
+        return
+
+    let p = {
+        projectId: data.projectId,
+        hasChildren: false
+    }
+
+    if (params.keyword)
+        p.keyword = params.keyword
+
+    if (params.parentId)
+        p.parentId = params.parentId
+
+    let res = await util.part_children(p)
+    if (res.code != 200)
+        return
+
+    let formatNodes = res.data.map(item => {
+        return {
+            id: item.id,
+            label: item.formatName,
+            formatLabel: item.path,
+            hasChildren: item.hasChildren,
+            data: item
+        }
+    })
+    setNodes(formatNodes)
+}
+
+const queryNode = async (setNode) => {
+    let params = {
+        id: data.id
+    }
+    let res = await util.part_detail(params)
+    if (res.code != 200)
+        return
+
+    let formatNode = {
+        id: res.data.id,
+        label: res.data.formatName,
+        formatLabel: item.path,
+        hasChildren: res.data.hasChildren,
+        data: res.data
+    }
+    setNode(formatNode)
+}
+
+const onSelect=(node)=>{
+    console.log('onSelect',node)
+}
+
+watch(() => data.id, (newVal, oldVal) => {
+    console.log(newVal, oldVal)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
 </style>

package/src/views/checkgroup/index.vue

@@ -1,36 +1,36 @@
-<template>
-    <div class="page">
-        <widget-qw-check-group
-            v-model="data.codes"
-            id="fire_builder_checks" 
-            label="船舶建造师确认内容"
-            :auth="data.auth" />
-    </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-
-const data = reactive({
-    auth:'require',
-    codes:null
-})
-
-watch(()=>data.codes,(newVal,oldVal)=>{
-    console.log(newVal,oldVal) 
-})
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
+<template>
+    <div class="page">
+        <widget-qw-check-group
+            v-model="data.codes"
+            id="fire_builder_checks" 
+            label="船舶建造师确认内容"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'require',
+    codes:null
+})
+
+watch(()=>data.codes,(newVal,oldVal)=>{
+    console.log(newVal,oldVal) 
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
 </style>

package/src/views/dataSelector/index.vue

@@ -1,49 +1,49 @@
-<template>
-    <div class="page">
-        <widget-qw-data-selector :options="options" v-model="formData.singleSelect" label="单选数据"
-            placeholder="单选数据" :auth="formData.auth" />
-        <widget-qw-data-selector :options="options" v-model="formData.multSelect" multiple label="多选数据"
-            placeholder="多选数据" :required="true" :readonly="false" />
-    </div>
-</template>
-
-<script setup>
-import QueryString from "qs";
-import { ref, onMounted, reactive, watch } from "vue";
-
-const formData = ref({
-    singleSelect: '',
-    multSelect: [],
-    apiSelect: '',
-    auth: 'option'
-})
-
-// 数据选项
-const options = ref([
-    { text: '火灾', value: '火灾' },
-    { text: '灼烫', value: '灼烫' },
-    { text: '触电', value: '触电' },
-    { text: '中毒和窒息', value: '中毒和窒息' },
-    { text: '物体打击', value: '物体打击' },
-    { text: '高处坠落', value: '高处坠落' },
-    { text: '其他', value: '其他', },
-    { text: '一号门与二号门之间前花园', value: '一号门与二号门之间前花园' }
-])
-
-onMounted(() => {
-})
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
+<template>
+    <div class="page">
+        <widget-qw-data-selector :options="options" v-model="formData.singleSelect" label="单选数据"
+            placeholder="单选数据" :auth="formData.auth" />
+        <widget-qw-data-selector :options="options" v-model="formData.multSelect" multiple label="多选数据"
+            placeholder="多选数据" :required="true" :readonly="false" />
+    </div>
+</template>
+
+<script setup>
+import QueryString from "qs";
+import { ref, onMounted, reactive, watch } from "vue";
+
+const formData = ref({
+    singleSelect: '',
+    multSelect: [],
+    apiSelect: '',
+    auth: 'option'
+})
+
+// 数据选项
+const options = ref([
+    { text: '火灾', value: '火灾' },
+    { text: '灼烫', value: '灼烫' },
+    { text: '触电', value: '触电' },
+    { text: '中毒和窒息', value: '中毒和窒息' },
+    { text: '物体打击', value: '物体打击' },
+    { text: '高处坠落', value: '高处坠落' },
+    { text: '其他', value: '其他', },
+    { text: '一号门与二号门之间前花园', value: '一号门与二号门之间前花园' }
+])
+
+onMounted(() => {
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
 </style>

package/src/views/datetimedropdown/index.vue

@@ -0,0 +1,34 @@
+<template>
+    <div class="page">
+        <van-dropdown-menu>
+            <WidgetQwDatetimeDropdown v-model="data.date" label="时间" :auth="data.auth" />
+        </van-dropdown-menu>
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth: 'disabled',
+    date: ''
+})
+
+watch(() => data.codes, (newVal, oldVal) => {
+    console.log(newVal, oldVal)
+})
+</script>
+
+<style lang="scss" scoped>
+.page {
+    height: 100vh;
+    background: #fff;
+    text-align: center;
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 80px 15px 0 15px;
+    box-sizing: border-box;
+}
+</style>