widget.qw 1.0.82 → 1.0.84

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/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>

package/src/views/datetimepicker/index.vue

@@ -1,35 +1,35 @@
-<template>
-    <div class="page">
-        <WidgetQwDatetimePicker
-            v-model="data.date"
-            label="时间"
-            :auth="data.auth" />
-    </div>
-</template>
-
-<script setup>
-import { onMounted, reactive, watch } from "vue";
-
-const data = reactive({
-    auth:'disabled',
-    date:'2025-01-01 01:02:03'
-})
-
-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">
+        <WidgetQwDatetimePicker
+            v-model="data.date"
+            label="时间"
+            :auth="data.auth" />
+    </div>
+</template>
+
+<script setup>
+import { onMounted, reactive, watch } from "vue";
+
+const data = reactive({
+    auth:'disabled',
+    date:'2025-01-01 01:02:03'
+})
+
+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/daydropdown/index.vue

@@ -1,31 +1,31 @@
-<template>
-    <div class="page">
-        <van-dropdown-menu>
-            <widget-qw-day-dropdown v-model="formData.day" year="2025" month="2" />
-        </van-dropdown-menu>
-    </div>
-</template>
-
-<script setup>
-import { reactive, onMounted } from "vue";
-const formData = reactive({
-    day: 0
-})
-
-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>
+<template>
+    <div class="page">
+        <van-dropdown-menu>
+            <widget-qw-day-dropdown v-model="formData.day" year="2025" month="2" />
+        </van-dropdown-menu>
+    </div>
+</template>
+
+<script setup>
+import { reactive, onMounted } from "vue";
+const formData = reactive({
+    day: 0
+})
+
+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>