widget.qw 1.0.21 → 1.0.24

package/src/components/BillCard.vue

@@ -1,156 +1,156 @@
-<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"/>
-        </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"/>
+        </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,111 +1,88 @@
-<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">
-            <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" color="#fff" text-color="#333"
-                size="medium" @close.stop="onDelete">
-                {{ data.selectedNode.formatLabel }}
-            </van-tag>
-        </template>
-    </van-field>
-
-    <CascaderPop v-model:show="data.isShowPop" v-model="modelValue" :placeholder="props.placeholder" @select="onSelect"
-        :queryNodes="props.queryNodes" :queryNode="props.queryNode" :minLevel="props.minLevel"
-        :maxLevel="props.maxLevel" />
-
-</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,
-        default: '',
-    },
-    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: "",
-    },
-    queryNodes: {
-        type: Function,
-        default: () => { }
-    },
-    queryNode: {
-        type: Function,
-        default: () => { }
-    },
-    minLevel: {
-        type: Number,
-        default: 1
-    },
-    maxLevel: {
-        type: Number,
-        default: 9999
-    }
-});
-
-// 弹出层
-const data = reactive({
-    isShowPop: false,
-    selectedNode: {}
-})
-
-// 定义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) => {
-    data.selectedNode = node
-    emit('select', data.selectedNode)
-}
-
-const onDelete = () => {
-    data.selectedNode = {}
-    modelValue.value = null
-}
-
-watch(() => modelValue.value, async (n, o) => {
-    if (!n) {
-        data.selectedNode = {}
-        return
-    }
-
-    props.queryNode((node) => {
-        data.selectedNode = node
-        emit('select', data.selectedNode)
-    })
-}, {
-    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">
+            <van-tag class="selected-node" v-if="modelValue" :closeable="!isDisabled" color="#fff" text-color="#333"
+                size="medium" @close.stop="onDelete">
+                {{ data.selectedNode.path }}
+            </van-tag>
+        </template>
+    </van-field>
+
+    <CascaderPop v-model:show="data.isShowPop" v-model="modelValue" :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,
+        default: '',
+    },
+    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,
+    selectedNode: {}
+})
+
+// 定义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) => {
+    data.selectedNode = node
+    emit('select', data.selectedNode)
+}
+
+const onDelete = () => {
+    data.selectedNode = {}
+    modelValue.value = null
+}
+</script>
+
 <style scoped></style>