完善首页样式

licp

2024-04-19 4b19aec3874966a711710fe9bc5262b3c8f05937

完善首页样式

 src/assets/daliy-0.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,8 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.208984" width="60" height="60" rx="23" fill="#E5E4FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.2949 42.4727C40.1988 42.4727 42.5723 40.0992 42.5723 37.1953C42.5723 34.2914 40.1961 31.918 37.2949 31.918C34.3938 31.918 32.0176 34.2914 32.0176 37.1953C32.0176 40.0992 34.391 42.4727 37.2949 42.4727V42.4727Z" fill="#8280FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.5715 39.5688C36.5059 39.5688 36.3746 39.5688 36.309 39.5031L33.9984 36.9957C33.9328 36.8645 33.9328 36.6648 33.9984 36.5336L34.2609 36.2711C34.3922 36.1398 34.5918 36.1398 34.723 36.2711L36.3719 37.5891C36.4375 37.6547 36.5031 37.6547 36.5688 37.6547C36.6344 37.6547 36.7656 37.5891 36.8312 37.5234L39.8664 34.8191C39.9977 34.6879 40.1973 34.6879 40.3285 34.8191L40.591 35.15C40.6594 35.2812 40.6594 35.4781 40.5937 35.6121L36.834 39.5031C36.7684 39.5688 36.7027 39.5688 36.5715 39.5688V39.5688Z" fill="#E5E4FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.0871 37.1352V36.8453C23.0871 36.6184 23.273 36.4324 23.5 36.4324H30.4809C30.6805 36.4324 30.8445 36.5719 30.8855 36.7605C30.943 35.9047 31.1672 35.0926 31.5281 34.3598H23.5055C23.2758 34.3598 23.0871 34.1711 23.0871 33.9414V33.6516C23.0871 33.4191 23.2758 33.2332 23.5055 33.2332H32.2336C33.4094 31.732 35.2414 30.7668 37.2977 30.7668C38.1699 30.7668 39.0012 30.9418 39.7586 31.2563V20.2723C39.7586 18.9871 38.7168 17.9453 37.4316 17.9453H20.7547C19.4695 17.9453 18.4277 18.9871 18.4277 20.2723V39.2734C18.4277 40.5586 19.4695 41.6004 20.7547 41.6004H32.6191C31.55 40.4656 30.8883 38.9453 30.8691 37.2691C30.8117 37.4305 30.6586 37.548 30.4809 37.548H23.5C23.273 37.548 23.0871 37.3621 23.0871 37.1352V37.1352Z" fill="#8280FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5957 28.8254C23.3769 28.8254 23.1992 28.6477 23.1992 28.4262V28.1445C23.1992 27.9258 23.3769 27.748 23.5957 27.748H30.3387C30.5574 27.748 30.7379 27.9258 30.7379 28.1445V28.4262H30.7352C30.7352 28.6449 30.5574 28.8254 30.3359 28.8254H23.5957V28.8254Z" fill="#E5E4FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.3926 24.6555C34.6168 24.6555 34.7973 24.836 34.7973 25.0602V25.3418C34.7973 25.5661 34.6168 25.7465 34.3926 25.7465H23.6C23.3758 25.7465 23.1953 25.5661 23.1953 25.3418V25.0602C23.1953 24.836 23.3758 24.6555 23.6 24.6555H34.3926V24.6555Z" fill="#E5E4FF"/>
</svg>

 src/assets/daliy-1.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0.5 23.209C0.5 10.5064 10.7975 0.208984 23.5 0.208984H37.5C50.2025 0.208984 60.5 10.5064 60.5 23.209V37.209C60.5 49.9115 50.2025 60.209 37.5 60.209H23.5C10.7975 60.209 0.5 49.9115 0.5 37.209V23.209Z" fill="#FEC53D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 24.5254L28.4005 31.9735C28.5394 32.0537 28.6851 32.1116 28.8333 32.1484V46.5936L16.4201 39.2474C15.8498 38.9099 15.5 38.2965 15.5 37.6338V24.5254ZM45.5 24.3274V37.6338C45.5 38.2965 45.1502 38.9099 44.5799 39.2474L32.1667 46.5936V32.0218C32.1969 32.0067 32.2269 31.9906 32.2566 31.9735L45.5 24.3274V24.3274Z" fill="#FEC53D"/>
<path opacity="0.499209" fill-rule="evenodd" clip-rule="evenodd" d="M15.9043 20.9104C16.0619 20.7114 16.2608 20.5432 16.4926 20.4197L29.6176 13.4291C30.1686 13.1356 30.8295 13.1356 31.3805 13.4291L44.5055 20.4197C44.6843 20.5149 44.8434 20.6367 44.9791 20.7786L30.589 29.0868C30.4943 29.1414 30.4071 29.2039 30.3276 29.273C30.2481 29.2039 30.1609 29.1414 30.0662 29.0868L15.9043 20.9104Z" fill="#FEC53D"/>
</svg>

 src/assets/daliy-2.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="60" height="61" viewBox="0 0 60 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0 23.709C0 11.0064 10.2975 0.708984 23 0.708984H37C49.7025 0.708984 60 11.0064 60 23.709V37.709C60 50.4115 49.7025 60.709 37 60.709H23C10.2975 60.709 0 50.4115 0 37.709V23.709Z" fill="#4AD991"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15 25.333L27.9005 32.7811C28.0394 32.8613 28.1851 32.9192 28.3333 32.956V47.4012L15.9201 40.0551C15.3498 39.7176 15 39.1041 15 38.4414V25.333ZM45 25.135V38.4414C45 39.1041 44.6502 39.7176 44.0799 40.0551L31.6667 47.4012V32.8295C31.6969 32.8144 31.7269 32.7982 31.7566 32.7811L45 25.135V25.135Z" fill="#58DC9A"/>
<path opacity="0.499209" fill-rule="evenodd" clip-rule="evenodd" d="M15.4043 21.718C15.5619 21.519 15.7608 21.3509 15.9926 21.2274L29.1176 14.2367C29.6686 13.9432 30.3295 13.9432 30.8805 14.2367L44.0055 21.2274C44.1843 21.3226 44.3434 21.4443 44.4791 21.5863L30.089 29.8944C29.9943 29.9491 29.9071 30.0116 29.8276 30.0806C29.7481 30.0116 29.6609 29.9491 29.5662 29.8944L15.4043 21.718Z" fill="#58DC9A"/>
</svg>

 src/assets/daliy-3.svg

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,5 @@
<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.21" d="M0.871094 23.209C0.871094 10.5064 11.1685 0.208984 23.8711 0.208984H37.8711C50.5736 0.208984 60.8711 10.5064 60.8711 23.209V37.209C60.8711 49.9115 50.5736 60.209 37.8711 60.209H23.8711C11.1685 60.209 0.871094 49.9115 0.871094 37.209V23.209Z" fill="#4AD991"/>
<path opacity="0.78" fill-rule="evenodd" clip-rule="evenodd" d="M29.503 24.8742C29.523 24.6138 29.7402 24.4126 30.0015 24.4126H30.4193C30.6762 24.4126 30.8913 24.6072 30.9169 24.8628L31.5385 31.0793L35.9532 33.602C36.109 33.691 36.2052 33.8567 36.2052 34.0361V34.4246C36.2052 34.7543 35.8917 34.9938 35.5736 34.907L29.2705 33.188C29.0391 33.1249 28.8851 32.9064 28.9035 32.6673L29.503 24.8742Z" fill="#4AD991"/>
<path opacity="0.901274" fill-rule="evenodd" clip-rule="evenodd" d="M23.5928 16.0498C23.3287 15.735 22.8188 15.8555 22.7235 16.2552L21.09 23.1033C21.0123 23.4289 21.2704 23.7374 21.6046 23.7185L28.6494 23.3193C29.0603 23.296 29.2687 22.814 29.0041 22.4987L27.2027 20.3519C28.3676 19.9538 29.6028 19.7459 30.8711 19.7459C37.1303 19.7459 42.2044 24.82 42.2044 31.0792C42.2044 37.3385 37.1303 42.4126 30.8711 42.4126C24.6119 42.4126 19.5378 37.3385 19.5378 31.0792C19.5378 30.0285 19.6801 28.9993 19.9575 28.0102L17.3899 27.29C17.0519 28.4951 16.8711 29.7661 16.8711 31.0792C16.8711 38.8112 23.1391 45.0792 30.8711 45.0792C38.6031 45.0792 44.8711 38.8112 44.8711 31.0792C44.8711 23.3472 38.6031 17.0792 30.8711 17.0792C28.9262 17.0792 27.074 17.4758 25.3908 18.1925L23.5928 16.0498Z" fill="#4AD991"/>
</svg>

 src/assets/download.png

 src/assets/main.af3c5c19.png

 src/page/wel.vue

@@ -2,98 +2,130 @@
  <div class="dashboard-main">
    <div class="body">
        <el-row>
            <el-col :span="12">
            <el-col :xs="24" :sm="14" :md="14" :lg="14">
                <p class="todo-title"><i class="el-icon-bell"></i><span> ç”Ÿäº§è°ƒåº¦ Â· å¾…办</span></p>
            </el-col>
        </el-row>
        <el-row>
            <el-col :xs="24" :sm="12" :md="11" :lg="7">
                <el-card class="box-card todo-card">
                    <ul class="type-box">
                        <li v-for="(m,i) in tabList" :key="i" :class="{active:current == i}" @click="changeTab(m,i)">{{ m }}</li>
                    </ul>
                    <el-collapse v-model="activeName" accordion class="todo-collapse" style="display: none;">
                        <el-collapse-item name="1">
                            <template slot="title">
                                <span class="title">今日待办</span>
                                <el-badge v-if="todoByDayList.length>0" :value="todoByDayList.length" class="item"></el-badge>
                            </template>
                            <el-table :data="todoByDayList">
                                <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
                                <el-table-column prop="product_type" label="产品类型" align="center" min-width="50"></el-table-column>
                                <el-table-column prop="total" label="待办数量" align="center" min-width="50"></el-table-column>
                            </el-table>
                        </el-collapse-item>
                        <el-collapse-item name="2">
                            <template slot="title">
                                <span class="title">本周待办</span>
                                <el-badge v-if="todoByWeekList.length>0" :value="todoByWeekList.length" class="item"></el-badge>
                            </template>
                            <el-table :data="todoByWeekList">
                                <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
                                <el-table-column prop="product_type" label="产品类型" align="center" min-width="50"></el-table-column>
                                <el-table-column prop="total" label="待办数量" align="center" min-width="50"></el-table-column>
                            </el-table>
                        </el-collapse-item>
                        <el-collapse-item name="3">
                            <template slot="title">
                                <span class="title">本月待办</span>
                                <el-badge v-if="todoByMonthList.length>0" :value="todoByMonthList.length" class="item"></el-badge>
                            </template>
                            <el-table :data="todoByMonthList">
                                <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
                                <el-table-column prop="product_type" label="产品类型" align="center" min-width="50"></el-table-column>
                                <el-table-column prop="total" label="待办数量" align="center" min-width="50"></el-table-column>
                            </el-table>
                        </el-collapse-item>
                        <el-collapse-item name="4">
                            <template slot="title">
                                <span class="title" style="color:red;">超期</span>
                                <el-badge :value="100" :max="99" class="item"></el-badge>
                            </template>

                        </el-collapse-item>
                    </el-collapse>
                    <el-calendar v-model="calendarValue">
                        <template
                            slot="dateCell"
                            slot-scope="{date, data}">
                                <span>
                                    {{ data.day.split('-').slice(2)+'' }}
                                </span>
                            <el-badge v-if="data.isSelected" is-dot class="item">
                            </el-badge>
                        </template>
                    </el-calendar>
                    <div class="todo-span"><span>待办</span></div>
                    <div class="todo-info" v-for="(item,index) in todoList" :key="index" v-show="todoList.length>0">
                        <div class="todo-info-state"></div>
                        <span>{{ item }}</span>
                    </div>
                    <span class="no-info" v-if="todoList.length==0">暂无</span>
                </el-card>
            </el-col>
            <el-col :xs="24" :sm="12" :md="11" :lg="7">
                <el-card class="box-card todo-total-card">
                    <div class="todo-total-text">
            <el-col :xs="24" :sm="14" :md="14" :lg="14" style="display: flex;
    align-items: center;
    justify-content: space-between;">
                <div class="todo-item todo-item">
                    <div class="todo-item-left">
                        <span>今日待办</span>
                        <span v-text="todoInfo.todoByDay"></span>
                        <span style="font-size: 20px;font-weight: 500;color: #0166E2;">{{ todoInfo.todoByDay }}</span>
                    </div>
                    <div class="todo-total-text">
                    <img src="../assets/daliy-0.svg" alt="">
                </div>
                <div class="todo-item todo-item">
                    <div class="todo-item-left">
                        <span>本周待办</span>
                        <span v-text="todoInfo.todoByWeek"></span>
                        <span style="font-size: 20px;font-weight: 500;color: #0166E2;">{{ todoInfo.todoByWeek }}</span>
                    </div>
                    <div class="todo-total-text">
                    <img src="../assets/daliy-1.svg" alt="">
                </div>
                <div class="todo-item todo-item">
                    <div class="todo-item-left">
                        <span>本月待办</span>
                        <span v-text="todoInfo.todoByMonth"></span>
                        <span style="font-size: 20px;font-weight: 500;color: #0166E2;">{{ todoInfo.todoByMonth }}</span>
                    </div>
                    <div class="todo-total-text">
                    <img src="../assets/daliy-2.svg" alt="">
                </div>
                <div class="todo-item todo-item">
                    <div class="todo-item-left">
                        <span>超期</span>
                        <span v-text="todoInfo.outByTime"></span>
                        <span style="font-size: 20px;font-weight: 500;color:red;">{{ todoInfo.outByTime }}</span>
                    </div>
                    <svg xmlns="http://www.w3.org/2000/svg" width="61" height="61" viewBox="0 0 61 61" fill="none">
                        <path opacity="0.21" d="M0.871094 23.209C0.871094 10.5064 11.1685 0.208984 23.8711 0.208984H37.8711C50.5736 0.208984 60.8711 10.5064 60.8711 23.209V37.209C60.8711 49.9115 50.5736 60.209 37.8711 60.209H23.8711C11.1685 60.209 0.871094 49.9115 0.871094 37.209V23.209Z" fill="red"/>
                        <path opacity="0.78" fill-rule="evenodd" clip-rule="evenodd" d="M29.503 24.8742C29.523 24.6138 29.7402 24.4126 30.0015 24.4126H30.4193C30.6762 24.4126 30.8913 24.6072 30.9169 24.8628L31.5385 31.0793L35.9532 33.602C36.109 33.691 36.2052 33.8567 36.2052 34.0361V34.4246C36.2052 34.7543 35.8917 34.9938 35.5736 34.907L29.2705 33.188C29.0391 33.1249 28.8851 32.9064 28.9035 32.6673L29.503 24.8742Z" fill="red"/>
                        <path opacity="0.901274" fill-rule="evenodd" clip-rule="evenodd" d="M23.5928 16.0498C23.3287 15.735 22.8188 15.8555 22.7235 16.2552L21.09 23.1033C21.0123 23.4289 21.2704 23.7374 21.6046 23.7185L28.6494 23.3193C29.0603 23.296 29.2687 22.814 29.0041 22.4987L27.2027 20.3519C28.3676 19.9538 29.6028 19.7459 30.8711 19.7459C37.1303 19.7459 42.2044 24.82 42.2044 31.0792C42.2044 37.3385 37.1303 42.4126 30.8711 42.4126C24.6119 42.4126 19.5378 37.3385 19.5378 31.0792C19.5378 30.0285 19.6801 28.9993 19.9575 28.0102L17.3899 27.29C17.0519 28.4951 16.8711 29.7661 16.8711 31.0792C16.8711 38.8112 23.1391 45.0792 30.8711 45.0792C38.6031 45.0792 44.8711 38.8112 44.8711 31.0792C44.8711 23.3472 38.6031 17.0792 30.8711 17.0792C28.9262 17.0792 27.074 17.4758 25.3908 18.1925L23.5928 16.0498Z" fill="red"/>
                    </svg>
                </div>
            </el-col>
        </el-row>
        <el-row>
            <el-col :xs="24" :sm="14" :md="14" :lg="14">
                <el-card class="box-card todo-card">
                    <el-row>
                        <el-col :span="12">
                            <ul class="type-box">
                                <li v-for="(m,i) in tabList" :key="i" :class="{active:current == i}" @click="changeTab(m,i)">{{ m }}</li>
                            </ul>
                            <el-collapse v-model="activeName" accordion class="todo-collapse" style="display: none;">
                                <el-collapse-item name="1">
                                    <template slot="title">
                                        <span class="title">今日待办</span>
                                        <el-badge v-if="todoByDayList.length>0" :value="todoByDayList.length" class="item"></el-badge>
                                    </template>
                                    <el-table :data="todoByDayList">
                                        <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
                                        <el-table-column prop="product_type" label="产品类型" align="center" min-width="50"></el-table-column>
                                        <el-table-column prop="total" label="待办数量" align="center" min-width="50"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name="2">
                                    <template slot="title">
                                        <span class="title">本周待办</span>
                                        <el-badge v-if="todoByWeekList.length>0" :value="todoByWeekList.length" class="item"></el-badge>
                                    </template>
                                    <el-table :data="todoByWeekList">
                                        <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
                                        <el-table-column prop="product_type" label="产品类型" align="center" min-width="50"></el-table-column>
                                        <el-table-column prop="total" label="待办数量" align="center" min-width="50"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name="3">
                                    <template slot="title">
                                        <span class="title">本月待办</span>
                                        <el-badge v-if="todoByMonthList.length>0" :value="todoByMonthList.length" class="item"></el-badge>
                                    </template>
                                    <el-table :data="todoByMonthList">
                                        <el-table-column label="序号" align="center" type="index" width="50"></el-table-column>
                                        <el-table-column prop="product_type" label="产品类型" align="center" min-width="50"></el-table-column>
                                        <el-table-column prop="total" label="待办数量" align="center" min-width="50"></el-table-column>
                                    </el-table>
                                </el-collapse-item>
                                <el-collapse-item name="4">
                                    <template slot="title">
                                        <span class="title" style="color:red;">超期</span>
                                        <el-badge :value="100" :max="99" class="item"></el-badge>
                                    </template>

                                </el-collapse-item>
                            </el-collapse>
                            <el-calendar v-model="calendarValue">
                                <template
                                    slot="dateCell"
                                    slot-scope="{date, data}">
                                        <span>
                                            {{ data.day.split('-').slice(2)+'' }}
                                        </span>
                                    <el-badge v-if="data.isSelected" is-dot class="item">
                                    </el-badge>
                                </template>
                            </el-calendar>
                        </el-col>
                        <el-col :span="12" style="padding: 16px 20px;box-sizing: border-box;height: 100%;overflow-y: auto;">
                            <div class="todo-span"><span>待办</span></div>
                            <div class="todo-info" v-for="(item,index) in todoList" :key="index" v-show="todoList.length>0">
                                <div class="todo-info-state"></div>
                                <span>{{ item }}</span>
                            </div>
                            <span class="no-info" v-if="todoList.length==0">暂无</span>
                        </el-col>
                    </el-row>
                </el-card>
            </el-col>
        </el-row>
        <img src="../assets/main.af3c5c19.png" class="baImg" alt="">
        <div class="login-info">
            <img src="../assets/download.png" alt="">
            <div class="login-info-right">
                <span>{{ userInfo.username }} æ¬¢è¿Žæ‚¨ç™»å½•MES系统</span>
                <span>当前时间：{{ now }}</span>
            </div>
        </div>
    </div>
  </div>
</template>
@@ -103,6 +135,12 @@
  height: 100%;
  padding: 10px;
  margin: 0;
}
.baImg{
    position: absolute;
    right: 40px;
    bottom: 80px;
    width: 500px;
}
.body{
    margin: 5px;
@@ -153,46 +191,9 @@
    width: 100%;
    margin-top: 100px;
}
.todo-total-card{
    margin-left: 15px;
    .todo-total-text{
        width: 90%;
        margin-left:5%;
        margin-bottom:10px;
        height: 40px;
        background: linear-gradient( 90deg, #C8C2FF 0%, rgba(200,194,255,0) 100%);
        display: flex;
        align-items: center;
        span:nth-child(1){
            width:50%;
            height:40px;
            display: inline-block;
            text-align: center;
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 14px;
            color: #0166E2;
            line-height: 40px;
        }
        span:nth-child(2){
            width:50%;
            height:40px;
            display: inline-block;
            text-align: center;
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 24px;
            color: #0166E2;
            line-height: 40px;
        }
    }
    .todo-total-text:last-child span:nth-child(2){
        color:red
    }
}
.todo-card{
    height: 80vh;
    overflow-y: auto;
    height: 65vh;
    overflow: hidden;
    >>>.el-card__body{
        padding: 0px 0px 5px
    }
@@ -266,6 +267,49 @@
        }
    }
}
.todo-item{
    width: 23.5%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #EBEEF5;
    border-radius: 8px;
    box-shadow:  1px 1px 6px rgba(0,0,0,0.1);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.todo-item-left{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 10px;
}
.login-info{
    position: absolute;
    right: 100px;
    top: 100px;
    display: flex;
    align-items: flex-end;
    .login-info-right{
        display: flex;
        flex-direction: column;
        margin-left: 20px;
        color: rgb(135, 90, 123);
        span{
            &:nth-child(1){
                font-size: 28px;
                font-weight: 500;
                margin-bottom: 14px;
            }
            &:nth-child(2){
                font-size: 20px;
                font-weight: 400;
            }
        }
    }
}

</style>
<script>
@@ -290,16 +334,20 @@
        current:0,
        type:'水密接插件',
        todoList:[],
        todoInfo:{}
        todoInfo:{},
        now:''
    }
  },
  computed: {
    ...mapGetters(['website'])
    ...mapGetters(['website','userInfo'])
  },
  created() {
    // this.getProSchedulReport()
    this.getReportList();
    this.getReport();
    setInterval(() => {
        this.nowTime()
    }, 1000)
  },
  watch:{
    calendarValue(newVal){
@@ -349,7 +397,33 @@
        }).catch(error=>{
            console.error(error)
        })
    }
    },
    nowTime() {
        var date = new Date();
        var y = date.getFullYear();
        var m = date.getMonth() + 1;
        var d = date.getDate();
        var h = date.getHours();
        this.timeH = h
        var min = date.getMinutes();
        var s = date.getSeconds();
        if (s < 10) {
            s = "0" + s;
        }
        if (min < 10) {
            min = "0" + min;
        }
        if (h < 10) {
            h = "0" + h;
        }
        if (d < 10) {
            d = "0" + d;
        }
        if (m < 10) {
            m = "0" + m;
        }
        this.now = y + "-" + m + "-" + d + "  " + h + ":" + min + ":" + s;
    },
  }
}
</script>

 vue.config.js

@@ -5,9 +5,9 @@



// const url = 'https://ztms-mes.chinaztt.cn/'
 const url = 'http://localhost:9999'
//const url = 'http://192.168.32.45:9999'
const url = 'https://ztms-mes.chinaztt.cn/'
//  const url = 'http://localhost:9999'
// const url = 'http://192.168.32.45:9999'


const localUrl = 'http://localhost:8089'