MrShi
8 小时以前 9f8abe86e6b7fc16a513c49e40a37dd8fff6dc39
screen/src/views/KeyCabinet.vue
@@ -95,7 +95,7 @@
                                <div>钥匙取还记录</div>
                            </div>
                            <div class="search">
                                <div class="search-item" @click.stop="show = true">
                                <div class="search-item" @click.stop="show = !show">
                                    <div class="search-item-label">状态:</div>
                                    <div class="search-item-select">
                                        <span v-if="form.status === ''">全部</span>
@@ -329,7 +329,7 @@
        getKeyUseRecord({ carCode: form.value.carCode, status: form.value.status })
            .then(res => {
                if (res.code === 200) {
                    // data5.value = res.data
                    data5.value = res.data
                }
            })
    }
@@ -353,7 +353,7 @@
                    timeOutNumPct: calculatePercentage(res.data.timeOutNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum]),
                    unCloseNumPct: calculatePercentage(res.data.unCloseNum,[res.data.alcoholNum + res.data.timeOutNum + res.data.unCloseNum])
                }
                dataList5.value = [res.data.alcoholNum, res.data.unCloseNum, res.data.timeOutNum]
                dataList5.value = [res.data.alcoholNum, res.data.timeOutNum, res.data.unCloseNum]
                nextTick(() => {
                    initEchart1()
                })
@@ -427,6 +427,7 @@
                    itemStyle: {
                        borderRadius: 10,
                        color: function(params) {
                            console.log(params)
                            // 使用不同的渐变色
                            let colorList = [
                                {offset: 0, color: colors[params.dataIndex].color1}, // 0% 处的颜色
@@ -623,12 +624,12 @@
                            <div style="position: absolute;bottom: 0;right: 0;width: 10px;height: 10px;border-right: 1px solid #01D9FE;border-bottom: 1px solid #01D9FE;"></div>
                            <div style="color: #FFFFFF;font-size: 14px;font-weight: 400;">${params[0].axisValue}</div>
                            <div style="display: flex; align-items: center;margin-top: 4px;">
                                <div style="width: 12px;height: 12px;background: #00C2FF;border-radius: 50%;margin-right: 12px;"></div>
                                <div style="width: 12px;height: 12px;background: linear-gradient(to bottom, #50afd3, #1d4861);border-radius: 50%;margin-right: 12px;"></div>
                                <div style="color: #FFFFFF;font-size: 14px;font-weight: 400;">领取:</div>
                                <div style="color: #00F2F3;font-size: 14px;font-weight: 500;">${params[0].data}个</div>
                            </div>
                            <div style="display: flex; align-items: center;margin-top: 4px;">
                                <div style="width: 12px;height: 12px;background: #FF8A00;border-radius: 50%;margin-right: 12px;"></div>
                                <div style="width: 12px;height: 12px;background: linear-gradient(to bottom, rgb(255,184,0), rgba(255, 138, 0, 0.20));border-radius: 50%;margin-right: 12px;"></div>
                                <div style="color: #FFFFFF;font-size: 14px;font-weight: 400;">归还:</div>
                                <div style="color: #00F2F3;font-size: 14px;font-weight: 500;">${params[1].data}个</div>
                            </div>
@@ -1403,7 +1404,7 @@
                        z-index: 9;
                        border-radius: 10px;
                        overflow: hidden;
                        background: rgba(0,86,255,0.05);
                        background: rgba(134, 156, 201, 1);
                        .search-item-select-list-item {
                            width: 100%;
                            height: 40px;