45

chenyc

2022-10-28 bad530e42aa054f0cbbf32d377162eaeacd8ce26

45

 src/views/paiban/index.vue

@@ -56,7 +56,6 @@
    </div>
</template>
<script lang="ts" setup>
    // import {ref,reactive,watchEffect,watch} from 'vue'
    import { Calendar as vanCalendar } from 'vant'
    import { ref,onMounted } from 'vue'
    import {useRouter} from 'vue-router'
@@ -84,10 +83,6 @@
            year:y,
            month:m,
        }
        const lisd = selectDate.value.filter(el=>{
            return el.y!==pagedata.year&&el.m!==pagedata.month
        })
        selectDate.value=lisd
        ajaxPost('/hemo/med/schedule/listMonthSchedulesByPat',pagedata).then((re:any)=>{
            console.log(re)
            re.forEach((element:any) => {

 src/views/test.vue

@@ -1,48 +1,13 @@
<template>
    <van-calendar
        title="透析排班"
        :poppable="false"
        :show-confirm="false"
        @select="selectData"
        :formatter="formatter"
        :style="{ height: '400px' }"
    />
    <div class="test">
        {{a}}
        <button @click="actionA">点我呀</button>
    </div>
</template>
<script lang="ts" setup>
    import {ref,reactive,watchEffect,watch} from 'vue'
    import { Calendar as vanCalendar } from 'vant'
    const data=reactive({
        a:'chenyinc',
        h:'dadsad'
    })
    const content=ref('content')
    const selectData=(data:any)=>{
        console.log(data)
    }
    const formatter=(day:any)=>{
        const month = day.date.getMonth() + 1
        const date = day.date.getDate()

        if (month === 9) {
            if (date === 24) {
                day.topInfo = '上午'
                day.bottomInfo='8:30'
                day.className='paibanclass'
            } else if (date === 27) {
                day.topInfo = '下午'
                day.bottomInfo='13:00'
                day.className='paibanclass'
            }
        }
        return day
    }
    watchEffect(()=>{
        const x1=data.a
        console.log('watchEffect所指定的回调执行了',x1)
    })
    watch(content,(newValue,oldValue)=>{
        console.log(newValue,oldValue,'变化了')
    })
    import usePage from './vuetool/index.js'
    const {a,actionA} = usePage()

</script>
<style>

 src/views/vuetool/index.js

New file
@@ -0,0 +1,15 @@
import {ref} from 'vue'
export default ()=>{
    const a = ref(0)
    const b = ref('')
    const c = ref(true)
    const actionA = ()=>{a.value++}
    const actionC = ()=>{c.value=!c.value}
    const actionB = ()=>{b.value += 'test' }
    // 这时候需要写return
    return {
        a,actionA,
        b,actionB,
        c,actionC
    }
}

 tsconfig.json

@@ -22,7 +22,7 @@
    },
    
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/api/user.js"],
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/api/user.js", "src/views/vuetool/index.js", "src/views/vuetool/index.js"],
  "exclude": ["node_modules","dist"],
  "references": [{ "path": "./tsconfig.node.json" }]
}