From ac44819c6bb4e71161c0b042d27a91c4f2c6666e Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期五, 07 六月 2024 10:39:23 +0800 Subject: [PATCH] 厂改园 --- admin/src/views/index.vue | 95 +++++++++++++++++++++++------------------------ 1 files changed, 47 insertions(+), 48 deletions(-) diff --git a/admin/src/views/index.vue b/admin/src/views/index.vue index 9284bd4..72f3b49 100644 --- a/admin/src/views/index.vue +++ b/admin/src/views/index.vue @@ -1,41 +1,45 @@ <template> <div class="home"> <div class="home_total"> - <div class="home_total_head">鍦ㄥ巶浜哄憳鎬昏</div> + <div class="home_total_head">鍦ㄥ洯浜哄憳鎬昏</div> <div class="home_total_list"> <div class="home_total_list_item a"> - <span>{{head && head.workerCount ? head.workerCount : 0}}</span> + <span>{{ head && head.workerCount ? head.workerCount : 0 }}</span> <span>鍐呴儴鍛樺伐</span> </div> <div class="home_total_list_item b"> - <span>{{head && head.visitorCount ? head.visitorCount : 0}}</span> + <span>{{ head && head.visitorCount ? head.visitorCount : 0 }}</span> <span>璁垮</span> </div> <div class="home_total_list_item c"> - <span>{{head && head.lwCount ? head.lwCount : 0}}</span> + <span>{{ head && head.lwCount ? head.lwCount : 0 }}</span> <span>鍔冲姟浜哄憳</span> </div> <div class="home_total_list_item d"> - <span>{{head && head.presenceCarCount ? head.presenceCarCount : 0}}</span> + <span>{{ + head && head.presenceCarCount ? head.presenceCarCount : 0 + }}</span> <span>鍦ㄥ満杞﹁締</span> </div> <div class="home_total_list_item e"> - <span>{{head && head.longCarCount ? head.longCarCount : 0}}</span> + <span>{{ head && head.longCarCount ? head.longCarCount : 0 }}</span> <span>闀挎湡杞﹁締</span> </div> <div class="home_total_list_item f"> - <span>{{head && head.visitorCarCount ? head.visitorCarCount : 0}}</span> + <span>{{ + head && head.visitorCarCount ? head.visitorCarCount : 0 + }}</span> <span>棰勭害杞﹁締</span> </div> <div class="home_total_list_item g"> - <span>{{head && head.supplierCount ? head.supplierCount : 0}}</span> + <span>{{ head && head.supplierCount ? head.supplierCount : 0 }}</span> <span>渚涘簲鍟�</span> </div> </div> </div> <div class="home_charts"> <div class="home_charts_item"> - <div class="home_charts_item_label">鍦ㄥ巶浜哄憳鍗犳瘮</div> + <div class="home_charts_item_label">鍦ㄥ洯浜哄憳鍗犳瘮</div> <div class="home_charts_item_charts" id="chart1"></div> </div> <div class="home_charts_item"> @@ -44,61 +48,56 @@ </div> </div> <div class="home_table"> - <div class="home_table_head">瓒呮椂棰勮浜哄憳({{total}})</div> + <div class="home_table_head">瓒呮椂棰勮浜哄憳({{ total }})</div> <div class="home_table_box"> <el-table :data="list" - :header-cell-style="{background: '#dcdde2', color: 'rgb(51, 51, 51)'}" + :header-cell-style="{ + background: '#dcdde2', + color: 'rgb(51, 51, 51)', + }" border - style="width: 100%"> - <el-table-column - prop="name" - label="璁垮濮撳悕"> + style="width: 100%" + > + <el-table-column prop="name" label="璁垮濮撳悕"> </el-table-column> + <el-table-column prop="phone" label="璁垮鐢佃瘽"> </el-table-column> + <el-table-column prop="companyName" label="璁垮缁勭粐"> </el-table-column> - <el-table-column - prop="phone" - label="璁垮鐢佃瘽"> - </el-table-column> - <el-table-column - prop="companyName" - label="璁垮缁勭粐"> - </el-table-column> - <el-table-column - label="浜哄憳绫诲瀷"> - <template slot-scope="{row}"> + <el-table-column label="浜哄憳绫诲瀷"> + <template slot-scope="{ row }"> <span v-if="row.type === 0">鍔冲姟璁垮</span> <span v-if="row.type === 1">鏅�氳瀹�</span> <span v-if="row.type === 2">鍐呴儴浜哄憳</span> </template> </el-table-column> - <el-table-column - prop="outDate" - label="鎺堟潈鍒版湡鏃堕棿"> + <el-table-column prop="outDate" label="鎺堟潈鍒版湡鏃堕棿"> </el-table-column> - <el-table-column - label="鐘舵��"> - <template slot-scope="{row}"> + <el-table-column label="鐘舵��"> + <template slot-scope="{ row }"> <span v-if="row.outStatus === 0">鏈秴鏃�</span> - <span style="color: red;" v-if="row.outStatus === 1">宸茶秴鏃�</span> + <span style="color: red" v-if="row.outStatus === 1">宸茶秴鏃�</span> <span v-if="row.outStatus === 2">鍗冲皢瓒呮椂</span> </template> </el-table-column> - <el-table-column - prop="address" - label="澶勭悊" - width="80"> + <el-table-column prop="address" label="澶勭悊" width="80"> <template slot-scope="scope"> - <el-button type="text" @click="departure(scope.row.id)" v-if="scope.row.outStatus === 1">绂诲巶</el-button> + <el-button + type="text" + @click="departure(scope.row.id)" + v-if="scope.row.outStatus === 1" + >绂诲巶</el-button + > </template> </el-table-column> </el-table> <el-pagination - style="margin-top: 20px;" + style="margin-top: 20px" @current-change="handleCurrentChange" :current-page="page" :page-size="10" layout="total, prev, pager, next, jumper" - :total="total"> + :total="total" + > </el-pagination> </div> </div> @@ -110,21 +109,21 @@ import { body, head, timeoutPage, level } from '@/api/business/staging' export default { name: 'Index', - data () { + data() { return { head: null, list: [], total: 0, data1: [], - data2: [[],[]], + data2: [[], []], page: 1 } }, - created () { + created() { this.getHeader() this.getData() }, - mounted () { + mounted() { // this.getcharts2() }, methods: { @@ -141,7 +140,7 @@ }) }).catch(() => { - }); + }) }, getData() { timeoutPage({ @@ -181,11 +180,11 @@ this.getcharts1() }) }, - handleCurrentChange (page) { + handleCurrentChange(page) { this.page = page this.getData() }, - getcharts1 () { + getcharts1() { const myChart = echarts.init(document.getElementById('chart1')) // 缁樺埗鍥捐〃 myChart.setOption({ @@ -232,7 +231,7 @@ ] }) }, - getcharts2 () { + getcharts2() { const myChart = echarts.init(document.getElementById('chart2')) myChart.setOption({ tooltip: { -- Gitblit v1.9.3