• 在uniapp中开发年份弹出选择组件

    多层组件嵌套

    2.  
    3. <script lang="ts" setup>
    4. import { ref, reactive, watch, onMounted, computed } from "vue";
    5. import zqBodyPopup from '../zq-body-popup/zq-body-popup.vue'
    6. import YearTimeItem from './zq-select-year.vue'
    7. import { isArray } from "../../utils/tool";
    8.  
    9.  
    10. const zqBodyPopupRef = ref();
    11. const YearTimeItemRef = ref('')
    12. const open = () => {
    13.     zqBodyPopupRef.value.open();
    14. };
    15.  
    16. const emits = defineEmits(['update:modelValue', 'yeartimePickermodelValue'])
    17.  
    18. const props = defineProps({
    19.     quick: {
    20.         type: Object,
    21.         default: () => {
    22.             return {}
    23.         },
    24.     },
    25.     // 标记的日期
    26.     markDays: {
    27.         type: Array,
    28.         default: () => {
    29.             return []; //例如["2023-05-01", "2023-05-03", "2023-04-13"]
    30.         }
    31.     },
    32.     modelValue: {
    33.         type: Object,
    34.         default: () => {
    35.             return {}
    36.         },
    37.     },
    38.     allValue: {
    39.         type: Object,
    40.         default: () => {
    41.             return {}
    42.         },
    43.     },
    44. })
    45. // const localdata = ref([{
    46. //     value: 'LE',
    47. //     text: '小于等于',
    48. // },
    49. // {
    50. //     value: 'GE',
    51. //     text: '大于等于',
    52. // },
    53. // {
    54. //     value: 'EQ',
    55. //     text: '等于',
    56. // },
    57. // ])
    58. const modelV = ref([]);
    59. const popupShow = ref('')
    60. // const zqBodyPopupRef = ref()
    61. const dates = ref([])  // 当前月的日期数据
    62. const currentDataVal = ref('')
    63. const futureDataVal = ref('')
    64. const choose = ref('')
    65. // const valueStr = ref('')
    66. const showUpper = ref(false);
    67. const placeholderStr = ref('请选择年份');
    68. // yeartimeValue.value.operator=
    69. // modelV.value.yearhangeTime = props.quick.modelValue
    70. // modelV.value.operator = props.quick.gl ? props.quick.gl : "GE"
    71. const yearValue = ref('')
    72. const toggleContent = () => {
    73.     // console.log(modelV.value, '===');
    74.     yearValue.value = modelV.value
    75.     choose.value = modelV.value
    76.     let time = choose.value ? new Date(choose.value) : new Date()
    77.     currentDataVal.value = Math.floor(time.getFullYear() / 10) * 10
    78.     futureDataVal.value = currentDataVal.value * 1 + 9
    79.  
    80.     zqBodyPopupRef.value.open();
    81.  
    82.     // uni.hideKeyboard();
    83. }
    84. // computed
    85. const valueStr = computed(() => {
    86.     console.log(props.allValue, '---props.allValue');
    87.  
    88.     if (props.allValue.operator === 'BETWEEN') {
    89.         return props.allValue.rangeValue.join(' 至 ')
    90.     } else {
    91.         return props.allValue.dateValue
    92.     }
    93.  
    94.  
    95.  
    96.  
    97.  
    98.     // if (modelV.value) {
    99.     // 	return modelV.value?.join('-')
    100.     // } else {
    101.     // 	return ''
    102.     // }
    103. })
    104. const datePlaceholder = computed(() => {
    105.     if (props.allValue.operator === 'BETWEEN') {
    106.         return `开始年份   -   结束年份`
    107.     } else {
    108.         return '选择年份';
    109.     }
    110. })
    111. // watch
    112. watch(
    113.     () => props.modelValue,
    114.     (newV) => {
    115.         console.log(newV,props.modelValue, '---newV');
    116.  
    117.         // if (newV && Object.keys(newV).length > 0) {
    118.         if (isArray(newV)) {
    119.             modelV.value = newV
    120.         } else {
    121.             console.error('zq-pagelist time 类型 value（modelValue） 值，传入应为 Array 类型')
    122.         }
    123.         // }
    124.     },
    125.     {
    126.         deep: true,
    127.         immediate: true,
    128.     }
    129. )
    130. // 标记日期
    131. const isMarkDay = (y, key) => {
    132.     console.log(y, key, '当前遍历的日期项', y, key);
    133.     let flag = false;
    134.     // console.log('传递过来需要标记的日期项', this.markDays);
    135.     props.markDays.forEach(item => {
    136.         let dy = `${y}`
    137.         if (item == dy) {
    138.             flag = true
    139.         }
    140.     })
    141.     return flag;
    142. }
    143. // // 点击回调
    144. const selectOne = (i, event) => {
    145.     let date = `${i + event}`;
    146.     let selectD = new Date(date).getTime();
    147.     let curTime = new Date().getTime();
    148.  
    149.     choose.value = date
    150.  
    151. }
    152. watch(modelV.value, (newV) => {
    153.     emits('yeartimePickermodelValue', newV);
    154. }, {
    155.     deep: true,
    156.     immediate: true,
    157. })
    158.  
    159. const changeMonth = (type) => {
    160.     if (type == 'pre') {
    161.         currentDataVal.value = currentDataVal.value - 10;
    162.         futureDataVal.value = futureDataVal.value - 10;
    163.     } else {
    164.         currentDataVal.value = currentDataVal.value + 10;
    165.         futureDataVal.value = futureDataVal.value + 10;
    166.     }
    167. }
    168. // 点击确定返回值
    169. const changeValueBtn = () => {
    170.     modelV.value.yearhangeTime = tempYear.value
    171.     // console.log(modelV.value,'---modelV.value');
    172.     const temp = ['']
    173.     // if(modelV.value.operator == 'LE') {
    174.     temp[0] = modelV.value.yearhangeTime
    175.     // }
    176.     emits('update:modelValue', temp);
    177.     zqBodyPopupRef.value.close()
    178.  
    179. }
    180. // 
    181. const tempYear = ref('')
    182. const onChangeYearItem = (e) => {
    183.     console.log(e, '---onChangeYearItem');
    184.     tempYear.value = e
    185.     // modelV.value.yearhangeTime = e
    186.     // emits('yeartimePickermodelValue', modelV.value);
    187.  
    188. }
    189. const closeUpper = () => {
    190.     zqBodyPopupRef.value.close();
    191. }
    192. // imitate-input中的clearable属性
    193. const onClearable = () => {
    194. 	emits('update:modelValue', ['']);
    195. }
    196. script>
    197.  
    198. <style scoped lang="scss">
    199. .year-select {
    200.     :deep(.uni-select) {
    201.         background-color: var(--UI-BG-5);
    202.     }
    203. }
    204.  
    205.  
    206. .zq-quicks-checkbox-popup-box {
    207.     position: fixed;
    208.     background-color: #fff;
    209.     z-index: 999;
    210.     right: 0;
    211.     bottom: 0;
    212.     margin-top: 10upx;
    213.     // width: 100%;
    214.     // width: 100vh !important;
    215.  
    216.     .checkbox-popup-con {
    217.         background-color: rgba(0, 0, 0, 0.4);
    218.         border-radius: 20upx 20upx 0 0;
    219.         margin-bottom: 10upx;
    220.         padding: 20upx;
    221.         box-sizing: border-box;
    222.  
    223.         :deep(.checkbox__inner) {
    224.             display: none !important;
    225.         }
    226.  
    227.         :deep(.checklist-box) {
    228.             width: 50% !important;
    229.             display: flex;
    230.             align-items: center;
    231.             height: 3vh;
    232.             margin: 0 !important;
    233.             padding: 0 !important;
    234.         }
    235.     }
    236.  
    237. }
    238.  
    239. .uni-date-editor--x .uni-date__icon-clear[data-v-9802168a] {
    240.     padding-right: 3px;
    241.     display: flex;
    242.     align-items: center;
    243.     cursor: pointer;
    244. }
    245.  
    246. .uni-icons[data-v-d31e1c47] {
    247.     font-family: uniicons;
    248.     text-decoration: none;
    249.     text-align: center
    250. }
    251.  
    252. .long-popup {
    253.     ::deep .uni-scroll-view-content {
    254.         transform: none !important;
    255.     }
    256. }
    257.  
    258. .calendar-wrapper {
    259.     // width: 100vw;
    260.     // color: #bbb7b7;
    261.     font-size: 28rpx;
    262.     text-align: center;
    263.     background-color: #fff;
    264.     padding-bottom: 10rpx;
    265.  
    266.     .header {
    267.         display: flex;
    268.         align-items: center;
    269.         justify-content: center;
    270.         // height: 88rpx;
    271.         color: #42464A;
    272.         font-size: 32rpx;
    273.         font-weight: bold;
    274.  
    275.         .pre,
    276.         .next {
    277.             color: #4d7df9;
    278.             font-size: 28rpx;
    279.             font-weight: normal;
    280.             padding: 8rpx 15rpx;
    281.             border-radius: 10rpx;
    282.             // border: 2rpx solid #dcdfe6;
    283.         }
    284.  
    285.         .pre {
    286.             margin-right: 30rpx;
    287.         }
    288.  
    289.         .next {
    290.             margin-left: 30rpx;
    291.         }
    292.     }
    293. }
    294.  
    295. .choose {
    296.     background-color: #4d7df9;
    297.     color: #fff;
    298. }
    299.  
    300. @mixin flex {
    301.     /* #ifndef APP-NVUE */
    302.     display: flex;
    303.     /* #endif */
    304.     flex-direction: row;
    305. }
    306.  
    307. ::v-deep.is-input-border[data-v-09fd5285] {
    308.     border: none;
    309. }
    310.  
    311. .popup-content {
    312.     @include flex;
    313.     align-items: center;
    314.     justify-content: center;
    315.     background-color: #fff;
    316. }
    317.  
    318. .content {
    319.     position: relative;
    320.     overflow: hidden;
    321.     transition: height 0.4s ease;
    322.  
    323.     .days {
    324.         transition: top 0.3s;
    325.         display: flex;
    326.         align-items: center;
    327.         flex-wrap: wrap;
    328.         position: relative;
    329.  
    330.         .item {
    331.             position: relative;
    332.             display: block;
    333.             height: 120rpx;
    334.             line-height: 120rpx;
    335.             width: calc(100% / 4);
    336.  
    337.             .day {
    338.                 font-style: normal;
    339.                 display: inline-block;
    340.                 vertical-align: middle;
    341.                 width: 60rpx;
    342.                 height: 60rpx;
    343.                 line-height: 60rpx;
    344.  
    345.                 // overflow: hidden;
    346.                 // border-radius: 60rpx;
    347.                 &.choose {
    348.                     background-color: #4d7df9;
    349.                     color: #fff;
    350.                 }
    351.             }
    352.         }
    353.     }
    354. }
    355.  
    356. .upper-close-icon {
    357.     position: absolute;
    358.     right: 10upx;
    359.     top: 15px;
    360.     z-index: 90;
    361. }
    362. style>
    2.  
    3. <script lang="ts" setup>
    4. import { ref, reactive, watch, onMounted, computed } from "vue";
    5. import zqBodyPopup from '../../../../zq-body-popup/zq-body-popup.vue'
    6. import YearTimeItem from '../../../../zq-input-year/zq-select-year.vue'
    7. import { isArray } from "../../../../../utils/tool";
    8.  
    9.  
    10. const zqBodyPopupRef = ref();
    11. const YearTimeItemRef = ref('')
    12. const open = () => {
    13.     zqBodyPopupRef.value.open();
    14. };
    15.  
    16. const emits = defineEmits(['update:modelValue', 'yeartimePickermodelValue'])
    17.  
    18. const props = defineProps({
    19.     quick: {
    20.         type: Object,
    21.         default: () => {
    22.             return {}
    23.         },
    24.     },
    25.     // 标记的日期
    26.     markDays: {
    27.         type: Array,
    28.         default: () => {
    29.             return []; //例如["2023-05-01", "2023-05-03", "2023-04-13"]
    30.         }
    31.     },
    32.     modelValue: {
    33.         type: Object,
    34.         default: () => {
    35.             return {}
    36.         },
    37.     },
    38.     allValue: {
    39.         type: Object,
    40.         default: () => {
    41.             return {}
    42.         },
    43.     },
    44. })
    45. // const localdata = ref([{
    46. //     value: 'LE',
    47. //     text: '小于等于',
    48. // },
    49. // {
    50. //     value: 'GE',
    51. //     text: '大于等于',
    52. // },
    53. // {
    54. //     value: 'EQ',
    55. //     text: '等于',
    56. // },
    57. // ])
    58. const modelV = ref([]);
    59. const popupShow = ref('')
    60. // const zqBodyPopupRef = ref()
    61. const dates = ref([])  // 当前月的日期数据
    62. const currentDataVal = ref('')
    63. const futureDataVal = ref('')
    64. const choose = ref('')
    65. // const valueStr = ref('')
    66. const showUpper = ref(false);
    67. const placeholderStr = ref('请选择年份');
    68. // yeartimeValue.value.operator=
    69. // modelV.value.yearhangeTime = props.quick.modelValue
    70. // modelV.value.operator = props.quick.gl ? props.quick.gl : "GE"
    71. const yearValue = ref('')
    72. const toggleContent = () => {
    73.     // console.log(modelV.value, '===');
    74.     yearValue.value = modelV.value
    75.     choose.value = modelV.value
    76.     let time = choose.value ? new Date(choose.value) : new Date()
    77.     currentDataVal.value = Math.floor(time.getFullYear() / 10) * 10
    78.     futureDataVal.value = currentDataVal.value * 1 + 9
    79.  
    80.     zqBodyPopupRef.value.open();
    81.  
    82.     // uni.hideKeyboard();
    83. }
    84. // computed
    85. const valueStr = computed(() => {
    86.     console.log(props.allValue, '---props.allValue');
    87.  
    88.     if (props.allValue.operator === 'BETWEEN') {
    89.         return props.allValue.rangeValue.join(' 至 ')
    90.     } else {
    91.         return props.allValue.dateValue
    92.     }
    93.  
    94.  
    95.  
    96.  
    97.  
    98.     // if (modelV.value) {
    99.     // 	return modelV.value?.join('-')
    100.     // } else {
    101.     // 	return ''
    102.     // }
    103. })
    104. const datePlaceholder = computed(() => {
    105.     if (props.allValue.operator === 'BETWEEN') {
    106.         return `开始年份   -   结束年份`
    107.     } else {
    108.         return '选择年份';
    109.     }
    110. })
    111. // watch
    112. watch(
    113.     () => props.modelValue,
    114.     (newV) => {
    115.         console.log(newV,props.modelValue, '---newV');
    116.  
    117.         // if (newV && Object.keys(newV).length > 0) {
    118.         if (isArray(newV)) {
    119.             modelV.value = newV
    120.         } else {
    121.             console.error('zq-pagelist time 类型 value（modelValue） 值，传入应为 Array 类型')
    122.         }
    123.         // }
    124.     },
    125.     {
    126.         deep: true,
    127.         immediate: true,
    128.     }
    129. )
    130. // 标记日期
    131. const isMarkDay = (y, key) => {
    132.     console.log(y, key, '当前遍历的日期项', y, key);
    133.     let flag = false;
    134.     // console.log('传递过来需要标记的日期项', this.markDays);
    135.     props.markDays.forEach(item => {
    136.         let dy = `${y}`
    137.         if (item == dy) {
    138.             flag = true
    139.         }
    140.     })
    141.     return flag;
    142. }
    143. // // 点击回调
    144. const selectOne = (i, event) => {
    145.     let date = `${i + event}`;
    146.     let selectD = new Date(date).getTime();
    147.     let curTime = new Date().getTime();
    148.  
    149.     choose.value = date
    150.  
    151. }
    152. watch(modelV.value, (newV) => {
    153.     emits('yeartimePickermodelValue', newV);
    154. }, {
    155.     deep: true,
    156.     immediate: true,
    157. })
    158.  
    159. const changeMonth = (type) => {
    160.     if (type == 'pre') {
    161.         currentDataVal.value = currentDataVal.value - 10;
    162.         futureDataVal.value = futureDataVal.value - 10;
    163.     } else {
    164.         currentDataVal.value = currentDataVal.value + 10;
    165.         futureDataVal.value = futureDataVal.value + 10;
    166.     }
    167. }
    168. // 点击确定返回值
    169. const changeValueBtn = () => {
    170.     modelV.value.yearhangeTime = tempYear.value
    171.     // console.log(modelV.value,'---modelV.value');
    172.     const temp = ['']
    173.     // if(modelV.value.operator == 'LE') {
    174.     temp[0] = modelV.value.yearhangeTime
    175.     // }
    176.     emits('update:modelValue', temp);
    177.     zqBodyPopupRef.value.close()
    178.  
    179. }
    180. // 
    181. const tempYear = ref('')
    182. const onChangeYearItem = (e) => {
    183.     console.log(e, '---onChangeYearItem');
    184.     tempYear.value = e
    185.     // modelV.value.yearhangeTime = e
    186.     // emits('yeartimePickermodelValue', modelV.value);
    187.  
    188. }
    189. const closeUpper = () => {
    190.     zqBodyPopupRef.value.close();
    191. }
    192. // imitate-input中的clearable属性
    193. const onClearable = () => {
    194. 	emits('update:modelValue', ['']);
    195. }
    196. script>
    197.  
    198. <style scoped lang="scss">
    199. .year-select {
    200.     :deep(.uni-select) {
    201.         background-color: var(--UI-BG-5);
    202.     }
    203. }
    204.  
    205.  
    206. .zq-quicks-checkbox-popup-box {
    207.     position: fixed;
    208.     background-color: #fff;
    209.     z-index: 999;
    210.     right: 0;
    211.     bottom: 0;
    212.     margin-top: 10upx;
    213.     // width: 100%;
    214.     // width: 100vh !important;
    215.  
    216.     .checkbox-popup-con {
    217.         background-color: rgba(0, 0, 0, 0.4);
    218.         border-radius: 20upx 20upx 0 0;
    219.         margin-bottom: 10upx;
    220.         padding: 20upx;
    221.         box-sizing: border-box;
    222.  
    223.         :deep(.checkbox__inner) {
    224.             display: none !important;
    225.         }
    226.  
    227.         :deep(.checklist-box) {
    228.             width: 50% !important;
    229.             display: flex;
    230.             align-items: center;
    231.             height: 3vh;
    232.             margin: 0 !important;
    233.             padding: 0 !important;
    234.         }
    235.     }
    236.  
    237. }
    238.  
    239. .uni-date-editor--x .uni-date__icon-clear[data-v-9802168a] {
    240.     padding-right: 3px;
    241.     display: flex;
    242.     align-items: center;
    243.     cursor: pointer;
    244. }
    245.  
    246. .uni-icons[data-v-d31e1c47] {
    247.     font-family: uniicons;
    248.     text-decoration: none;
    249.     text-align: center
    250. }
    251.  
    252. .long-popup {
    253.     ::deep .uni-scroll-view-content {
    254.         transform: none !important;
    255.     }
    256. }
    257.  
    258. .calendar-wrapper {
    259.     // width: 100vw;
    260.     // color: #bbb7b7;
    261.     font-size: 28rpx;
    262.     text-align: center;
    263.     background-color: #fff;
    264.     padding-bottom: 10rpx;
    265.  
    266.     .header {
    267.         display: flex;
    268.         align-items: center;
    269.         justify-content: center;
    270.         // height: 88rpx;
    271.         color: #42464A;
    272.         font-size: 32rpx;
    273.         font-weight: bold;
    274.  
    275.         .pre,
    276.         .next {
    277.             color: #4d7df9;
    278.             font-size: 28rpx;
    279.             font-weight: normal;
    280.             padding: 8rpx 15rpx;
    281.             border-radius: 10rpx;
    282.             // border: 2rpx solid #dcdfe6;
    283.         }
    284.  
    285.         .pre {
    286.             margin-right: 30rpx;
    287.         }
    288.  
    289.         .next {
    290.             margin-left: 30rpx;
    291.         }
    292.     }
    293. }
    294.  
    295. .choose {
    296.     background-color: #4d7df9;
    297.     color: #fff;
    298. }
    299.  
    300. @mixin flex {
    301.     /* #ifndef APP-NVUE */
    302.     display: flex;
    303.     /* #endif */
    304.     flex-direction: row;
    305. }
    306.  
    307. ::v-deep.is-input-border[data-v-09fd5285] {
    308.     border: none;
    309. }
    310.  
    311. .popup-content {
    312.     @include flex;
    313.     align-items: center;
    314.     justify-content: center;
    315.     background-color: #fff;
    316. }
    317.  
    318. .content {
    319.     position: relative;
    320.     overflow: hidden;
    321.     transition: height 0.4s ease;
    322.  
    323.     .days {
    324.         transition: top 0.3s;
    325.         display: flex;
    326.         align-items: center;
    327.         flex-wrap: wrap;
    328.         position: relative;
    329.  
    330.         .item {
    331.             position: relative;
    332.             display: block;
    333.             height: 120rpx;
    334.             line-height: 120rpx;
    335.             width: calc(100% / 4);
    336.  
    337.             .day {
    338.                 font-style: normal;
    339.                 display: inline-block;
    340.                 vertical-align: middle;
    341.                 width: 60rpx;
    342.                 height: 60rpx;
    343.                 line-height: 60rpx;
    344.  
    345.                 // overflow: hidden;
    346.                 // border-radius: 60rpx;
    347.                 &.choose {
    348.                     background-color: #4d7df9;
    349.                     color: #fff;
    350.                 }
    351.             }
    352.         }
    353.     }
    354. }
    355.  
    356. .upper-close-icon {
    357.     position: absolute;
    358.     right: 10upx;
    359.     top: 15px;
    360.     z-index: 90;
    361. }
    362. style>
    2.  
    3. <script setup>
    4. import { ref, watch, getCurrentInstance } from 'vue'
    5. import dateTpl from './date-time/datetimePicker.vue'
    6. import yearTpl from './year/yearTimePickchange.vue'
    7. const operatorData_Base = [
    8.     {
    9.         value: 'LE',
    10.         text: '小于等于',
    11.     },
    12.     {
    13.         value: 'GE',
    14.         text: '大于等于',
    15.     },
    16.     {
    17.         value: 'EQ',
    18.         text: '等于',
    19.     },
    20.     {
    21.         value: 'BETWEEN',
    22.         text: '介于',
    23.     }
    24. ];
    25.  
    26. const props = defineProps({
    27.     //v-model
    28.     modelValue: {
    29.         type: Object,
    30.         default: function () {
    31.             return {}
    32.         },
    33.     },
    34.     comb: {
    35.         type: Object,
    36.         default: function () {
    37.             return {}
    38.         },
    39.     },
    40. });
    41. const emits = defineEmits(['update:modelValue'])
    42.  
    43. const curOperator = ref([]); // 下拉框可选项
    44. const init = () => {
    45.     console.log(props, '---props.comb.operatorOptions');
    46.     // 日期 和 年 都包含 between
    47.     if (props.comb.operatorOptions) {
    48.         curOperator.value = props.comb.operatorOptions;
    49.     } else {
    50.         // 可配置 选择项
    51.         curOperator.value = operatorData_Base.slice();
    52.     }
    53.     // 父传子,数据回显
    54.     if (props.modelValue.dateValue) {
    55.         props.modelValue.value[0] = props.modelValue.dateValue
    56.     }
    57.     // modelV.value = Object.assign({}, props.modelValue)
    58. }
    59. init();
    60. const changeValue = (valueArr) => {
    61.     let tempObj = Object.assign({}, props.modelValue);
    62.     if (props.modelValue.operator === 'BETWEEN') {
    63.         tempObj.rangeValue = valueArr;
    64.     } else {
    65.         tempObj.dateValue = valueArr[0]
    66.     }
    67.     tempObj.value = valueArr;
    68.     emits('update:modelValue', tempObj);
    69. }
    70.  
    71.  
    72. script>
    73.  
    74. <style lang="scss" scoped>
    75. .time-box {
    76.     display: flex;
    77.  
    78.     .operator-select {
    79.         max-width: 30%;
    80.         margin: 0 3%;
    81.     }
    82.  
    83.     .time-content-box {
    84.         width: 61%;
    85.         margin-right: 3%;
    86.     }
    87.  
    88.  
    89.     :deep .uni-select {
    90.         background-color: #fff;
    91.     }
    92. }
    93. style>
  • 相关阅读:
    【矩阵论】4. 矩阵运算——矩阵拉直
    深入讲解Netty那些事儿之从内核角度看IO模型（上）
    强化学习问题（7）--- Python和Pytorch，Tensorflow的版本对应
    仿真51单片机程序（下载安装+Proteus）
    MySql的索引与算法-B+树索引
    java基于微信小程序的家电维修预约系统 uniapp 小程序
    python引用from的变量报错Unresolved reference ‘xxxx‘
    js原生ajax请求
    Mysql 详解所有的数据类型
    Android如何管理多进程
  • 原文地址：https://blog.csdn.net/irisMoon06/article/details/133852649