widget.qw 1.0.82 → 1.0.84

package/src/components/BillCard.vue

@@ -1,165 +1,165 @@
-<template>
-    <div class="widget">
-        <van-cell-group inset class="card-box">
-            <div class="card-header">
-                <div class="card-sum">
-                    <div class="card-type">{{ props.category }}</div>
-                    <div class="card-no">{{ props.no }}</div>
-                </div>
-                <van-tag class="user-state" size="large" :color="userState2color(props.userState)">{{
-                    userState2title(props.userState)
-                }}</van-tag>
-                <van-tag class="process-state" mark plain size="large"
-                    :color="processState2color(props.processState)">{{
-                        processState2title(props.processState)
-                    }}</van-tag>
-            </div>
-
-            <van-cell :title="item.title" :value="item.value" :border="false" v-for="(item, i) in props.fields"
-                :key="i" />
-
-            <slot name="foot"></slot>
-        </van-cell-group>
-    </div>
-</template>
-
-<script setup>
-import { reactive, ref, onMounted, watch, computed } from "vue"
-import util from '@/util'
-
-const props = defineProps({
-    // 单据类型
-    category: {
-        type: String,
-        default: ''
-    },
-    // 单号
-    no: {
-        type: String,
-        default: ''
-    },
-    // 流程状态
-    processState: {
-        type: String,
-        default: ''
-    },
-    // 用户状态
-    userState: {
-        type: String,
-        default: ''
-    },
-    // 摘要字段
-    fields: {
-        type: Array,
-        default: []
-    }
-})
-const data = reactive({
-})
-
-onMounted(() => {
-
-})
-
-const processState2color = (state) => {
-    if (state == 'finish_pass') {
-        return '#ACACAC'
-    } else if (state == 'finish_refuse') {
-        return '#ACACAC'
-    } else if (state == 'started') {
-        return '#338CDE'
-    } else {
-        return '#ACACAC'
-    }
-}
-
-const processState2title = (state) => {
-    if (state == 'finish_pass') {
-        return '已完成'
-    } else if (state == 'finish_refuse') {
-        return '已撤销'
-    } else if (state == 'started') {
-        return '进行中'
-    } else {
-        return '未知'
-    }
-}
-
-const userState2color = (state) => {
-    if (state == 'unstart') {
-        return '#9A9A9A'
-    } else if (state == 'started') {
-        return '#EE0A25'
-    } else if (state == 'pass') {
-        return '#07C062'
-    } else if (state == 'refuse') {
-        return '#EE0A25'
-    } else {
-        return '#9A9A9A'
-    }
-}
-
-const userState2title = (state) => {
-    if (state == 'unstart') {
-        return '未启动'
-    } else if (state == 'started') {
-        return '待审核'
-    } else if (state == 'pass') {
-        return '已审核'
-    } else if (state == 'refuse') {
-        return '已驳回'
-    } else {
-        return '未知'
-    }
-}
-</script>
-
-<style lang='scss' scoped>
-.widget {
-    background-color: white;
-    border-radius: 8px;
-    box-shadow: var(--van-dropdown-menu-shadow);
-    color: 14px;
-
-    .card-box {
-        padding-bottom: 8px;
-
-        .card-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 15px 10px;
-            border-bottom: 1px solid #eee;
-
-            .card-sum {
-                flex: 1;
-                font-size: 14px;
-                text-align: left;
-            }
-
-            .user-state {
-                margin-right: 1px;
-            }
-        }
-    }
-}
-
-:deep(.van-cell__value) {
-    flex: 2 !important;
-}
-
-:deep(.van-cell__title) {
-    font-size: 12px !important;
-    color: #666 !important;
-    text-align: left !important;
-}
-
-:deep(.van-cell__value) {
-    font-size: 12px !important;
-    color: #888 !important;
-}
-
-:deep(.van-cell) {
-    padding: 2px 10px !important;
-}
+<template>
+    <div class="widget">
+        <van-cell-group inset class="card-box">
+            <div class="card-header">
+                <div class="card-sum">
+                    <div class="card-type">{{ props.category }}</div>
+                    <div class="card-no">{{ props.no }}</div>
+                </div>
+                <van-tag class="user-state" size="large" :color="userState2color(props.userState)">{{
+                    userState2title(props.userState)
+                }}</van-tag>
+                <van-tag class="process-state" mark plain size="large"
+                    :color="processState2color(props.processState)">{{
+                        processState2title(props.processState)
+                    }}</van-tag>
+            </div>
+
+            <van-cell :title="item.title" :value="item.value" :border="false" v-for="(item, i) in props.fields"
+                :key="i" />
+
+            <slot name="foot"></slot>
+        </van-cell-group>
+    </div>
+</template>
+
+<script setup>
+import { reactive, ref, onMounted, watch, computed } from "vue"
+import util from '@/util'
+
+const props = defineProps({
+    // 单据类型
+    category: {
+        type: String,
+        default: ''
+    },
+    // 单号
+    no: {
+        type: String,
+        default: ''
+    },
+    // 流程状态
+    processState: {
+        type: String,
+        default: ''
+    },
+    // 用户状态
+    userState: {
+        type: String,
+        default: ''
+    },
+    // 摘要字段
+    fields: {
+        type: Array,
+        default: []
+    }
+})
+const data = reactive({
+})
+
+onMounted(() => {
+
+})
+
+const processState2color = (state) => {
+    if (state == 'finish_pass') {
+        return '#ACACAC'
+    } else if (state == 'finish_refuse') {
+        return '#ACACAC'
+    } else if (state == 'started') {
+        return '#338CDE'
+    } else {
+        return '#ACACAC'
+    }
+}
+
+const processState2title = (state) => {
+    if (state == 'finish_pass') {
+        return '已完成'
+    } else if (state == 'finish_refuse') {
+        return '已撤销'
+    } else if (state == 'started') {
+        return '进行中'
+    } else {
+        return '未知'
+    }
+}
+
+const userState2color = (state) => {
+    if (state == 'unstart') {
+        return '#9A9A9A'
+    } else if (state == 'started') {
+        return '#EE0A25'
+    } else if (state == 'pass') {
+        return '#07C062'
+    } else if (state == 'refuse') {
+        return '#EE0A25'
+    } else {
+        return '#9A9A9A'
+    }
+}
+
+const userState2title = (state) => {
+    if (state == 'unstart') {
+        return '未启动'
+    } else if (state == 'started') {
+        return '待审核'
+    } else if (state == 'pass') {
+        return '已审核'
+    } else if (state == 'refuse') {
+        return '已驳回'
+    } else {
+        return '未知'
+    }
+}
+</script>
+
+<style lang='scss' scoped>
+.widget {
+    background-color: white;
+    border-radius: 8px;
+    box-shadow: var(--van-dropdown-menu-shadow);
+    color: 14px;
+
+    .card-box {
+        padding-bottom: 8px;
+
+        .card-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 15px 10px;
+            border-bottom: 1px solid #eee;
+
+            .card-sum {
+                flex: 1;
+                font-size: 14px;
+                text-align: left;
+            }
+
+            .user-state {
+                margin-right: 1px;
+            }
+        }
+    }
+}
+
+:deep(.van-cell__value) {
+    flex: 2 !important;
+}
+
+:deep(.van-cell__title) {
+    font-size: 12px !important;
+    color: #666 !important;
+    text-align: left !important;
+}
+
+:deep(.van-cell__value) {
+    font-size: 12px !important;
+    color: #888 !important;
+}
+
+:deep(.van-cell) {
+    padding: 2px 10px !important;
+}
 </style>

package/src/components/CascaderPicker.vue

@@ -1,133 +1,133 @@
-<template>
-    <van-field v-if="!isGone" :label="props.label" readonly :required="isRequired" :rules="props.rules"
-        :disabled="isDisabled" :placeholder="props.placeholder" :is-link="isReadonly ? false : true"
-        @click="data.isShowPop = !isReadonly" label-class="label">
-        <template #input v-if="modelValue">
-            <div style="display: flex; align-items: center; flex-wrap: wrap;">
-                <van-tag class="selected-node" v-if="!props.multiple" :closeable="!isDisabled" color="#fff"
-                    text-color="#333" size="medium" @close.stop="onDelete">
-                    {{ data.selectedNodes[0]?.path }}
-                </van-tag>
-                <van-tag class="selected-node" v-if="props.multiple" v-for="(item, i) in data.selectedNodes" :key="i"
-                    :closeable="!isDisabled" color="#fff" text-color="#333" size="medium" @close.stop="onDelete(i)">
-                    {{ item.path }}
-                </van-tag>
-            </div>
-        </template>
-    </van-field>
-
-    <CascaderPop v-model:show="data.isShowPop" v-model="data.selectedNodeId" :placeholder="props.placeholder"
-        @select="onSelect" :keywordQueryNode="props.keywordQueryNode" :idQueryNode="props.idQueryNode" />
-</template>
-
-<script setup>
-import { reactive, onMounted, watch } from "vue";
-import util from "@/util"
-import { useVModel } from '@vueuse/core'
-import CascaderPop from './CascaderPop.vue'
-
-const props = defineProps({
-    modelValue: {
-        type: [String, Array, Number],
-        default: null,
-    },
-    multiple: {
-        type: Boolean,
-        default: false
-    },
-    label: {
-        type: String,
-        default: "",
-    },
-    placeholder: {
-        type: String,
-        default: "",
-    },
-    required: {
-        type: Boolean,
-        default: false,
-    },
-    readonly: {
-        type: Boolean,
-        default: true,
-    },
-    rules: {
-        type: Array,
-        default: [],
-    },
-    auth: {
-        type: String,
-        default: "",
-    },
-    keywordQueryNode: {
-        type: Function,
-        default: () => { }
-    },
-    idQueryNode: {
-        type: Function,
-        default: () => { }
-    },
-});
-
-// 弹出层
-const data = reactive({
-    isShowPop: false,
-    selectedNodes: [],
-    selectedNodeId: null
-})
-
-// 定义emit
-const emit = defineEmits(["update:modelValue", "select"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
-
-//首页加载
-onMounted(() => {
-})
-
-const onSelect = (node) => {
-    if (!props.multiple) {
-        data.selectedNodes = [node]
-        emit('select', data.selectedNodes[0])
-        modelValue.value = node.id
-    }
-    else {
-        let one = data.selectedNodes.find(item => item.id === node.id)
-        if (!one)
-            data.selectedNodes = [...data.selectedNodes, node]
-        emit('select', data.selectedNodes)
-        modelValue.value = data.selectedNodes.map(item => item.id)
-    }
-}
-
-const onDelete = (idx) => {
-    if (!props.multiple) {
-        modelValue.value = null
-    } else {
-        modelValue.value.splice(idx, 1)
-    }
-}
-
-watch(() => JSON.stringify(modelValue.value), async (n, o) => {
-    if (!props.multiple) {
-        data.selectedNodeId = modelValue.value
-    } else {
-        data.selectedNodes = []
-        let ids = modelValue.value || []
-        ids.forEach(async (id) => {
-            let params = {}
-            params.id = id
-            params.isReturnParent = false
-            params.hasChildren = false
-            params.hasPaths= true
-            await props.idQueryNode(params, (node) => {
-                data.selectedNodes = [...data.selectedNodes, node]
-            })
-        })
-    }
-}, {
-    immediate: true
-})
-</script>
-
+<template>
+    <van-field v-if="!isGone" :label="props.label" readonly :required="isRequired" :rules="props.rules"
+        :disabled="isDisabled" :placeholder="props.placeholder" :is-link="isReadonly ? false : true"
+        @click="data.isShowPop = !isReadonly" label-class="label">
+        <template #input v-if="modelValue">
+            <div style="display: flex; align-items: center; flex-wrap: wrap;">
+                <van-tag class="selected-node" v-if="!props.multiple" :closeable="!isDisabled" color="#fff"
+                    text-color="#333" size="medium" @close.stop="onDelete">
+                    {{ data.selectedNodes[0]?.path }}
+                </van-tag>
+                <van-tag class="selected-node" v-if="props.multiple" v-for="(item, i) in data.selectedNodes" :key="i"
+                    :closeable="!isDisabled" color="#fff" text-color="#333" size="medium" @close.stop="onDelete(i)">
+                    {{ item.path }}
+                </van-tag>
+            </div>
+        </template>
+    </van-field>
+
+    <CascaderPop v-model:show="data.isShowPop" v-model="data.selectedNodeId" :placeholder="props.placeholder"
+        @select="onSelect" :keywordQueryNode="props.keywordQueryNode" :idQueryNode="props.idQueryNode" />
+</template>
+
+<script setup>
+import { reactive, onMounted, watch } from "vue";
+import util from "@/util"
+import { useVModel } from '@vueuse/core'
+import CascaderPop from './CascaderPop.vue'
+
+const props = defineProps({
+    modelValue: {
+        type: [String, Array, Number],
+        default: null,
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    label: {
+        type: String,
+        default: "",
+    },
+    placeholder: {
+        type: String,
+        default: "",
+    },
+    required: {
+        type: Boolean,
+        default: false,
+    },
+    readonly: {
+        type: Boolean,
+        default: true,
+    },
+    rules: {
+        type: Array,
+        default: [],
+    },
+    auth: {
+        type: String,
+        default: "",
+    },
+    keywordQueryNode: {
+        type: Function,
+        default: () => { }
+    },
+    idQueryNode: {
+        type: Function,
+        default: () => { }
+    },
+});
+
+// 弹出层
+const data = reactive({
+    isShowPop: false,
+    selectedNodes: [],
+    selectedNodeId: null
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue", "select"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
+
+//首页加载
+onMounted(() => {
+})
+
+const onSelect = (node) => {
+    if (!props.multiple) {
+        data.selectedNodes = [node]
+        emit('select', data.selectedNodes[0])
+        modelValue.value = node.id
+    }
+    else {
+        let one = data.selectedNodes.find(item => item.id === node.id)
+        if (!one)
+            data.selectedNodes = [...data.selectedNodes, node]
+        emit('select', data.selectedNodes)
+        modelValue.value = data.selectedNodes.map(item => item.id)
+    }
+}
+
+const onDelete = (idx) => {
+    if (!props.multiple) {
+        modelValue.value = null
+    } else {
+        modelValue.value.splice(idx, 1)
+    }
+}
+
+watch(() => JSON.stringify(modelValue.value), async (n, o) => {
+    if (!props.multiple) {
+        data.selectedNodeId = modelValue.value
+    } else {
+        data.selectedNodes = []
+        let ids = modelValue.value || []
+        ids.forEach(async (id) => {
+            let params = {}
+            params.id = id
+            params.isReturnParent = false
+            params.hasChildren = false
+            params.hasPaths= true
+            await props.idQueryNode(params, (node) => {
+                data.selectedNodes = [...data.selectedNodes, node]
+            })
+        })
+    }
+}, {
+    immediate: true
+})
+</script>
+
 <style scoped></style>