From 66506f2a1b836e955264f3efbfdcd3e27008b6a6 Mon Sep 17 00:00:00 2001 From: Fixiaobai <fixiaobai@163.com> Date: 星期四, 12 十月 2023 13:05:41 +0800 Subject: [PATCH] modified: index.html modified: src/components/view/carrierManagement.vue modified: src/view/index.vue --- src/components/view/carrierManagement.vue | 90 +++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 86 insertions(+), 4 deletions(-) diff --git a/src/components/view/carrierManagement.vue b/src/components/view/carrierManagement.vue index 85882ee..c5b9c34 100644 --- a/src/components/view/carrierManagement.vue +++ b/src/components/view/carrierManagement.vue @@ -1,15 +1,97 @@ <template> <div> - 鎵胯繍鍟嗙鐞� + <el-row style="width: 100%;display: flex; justify-content: space-around;margin-top: 10px;"> + <el-col><p style="margin-left: 20px;">鎵胯繍鍟嗙鐞�</p></el-col> + <el-col style="display: flex; justify-content: end;"> + <el-button size="mini" icon="el-icon-plus" type="primary">鏂板</el-button> + <el-button size="mini" icon="el-icon-edit-outline">淇敼</el-button> + <el-button size="mini" icon="el-icon-delete">鍒犻櫎</el-button> + </el-col> + </el-row> + <el-row style="width: 100%;height: 60px;background-color: white;display: flex;align-items: center;margin-top: 10px;"> + <el-form style="height: 60%;margin-left: 20px;" :inline="true" :model="formInline" class="demo-form-inline"> + <el-form-item label="渚涘簲鍟嗗悕绉�:"> + <el-input size="small" v-model="formInline.name" placeholder="璇疯緭鍏�"></el-input> + </el-form-item> + <el-form-item> + <el-button size="mini" @click="resetForm('ruleForm')">閲嶇疆</el-button> + <el-button size="mini" type="primary" @click="onSubmit">鏌ヨ</el-button> + </el-form-item> + </el-form> + </el-row> + <el-row style="height: calc(100% - 125px);margin-top: 10px;background-color: white;"> + <el-col style="margin-top: 10px;width: 98%;margin-left: 10px;height: calc(100% - 64px);" > + <el-table ref="inspectionTable" height="100%" :cell-style="{textAlign: 'center'}" + :header-cell-style="{border:'0px',background:'#f5f7fa',color:'#606266',boxShadow: 'inset 0 1px 0 #ebeef5',textAlign: 'center'}" + :data="inspectionTable" style="width: 100%;"> + <el-table-column type="selection" width="50"> + </el-table-column> + <el-table-column prop="order_number" label="搴忓彿" min-width="50" /> + <el-table-column prop="customer_name" label="渚涘簲鍟嗙紪鐮�" min-width="100" /> + <el-table-column prop="project_name" label="渚涘簲鍟嗗悕绉�" min-width="100" /> + <el-table-column prop="quality_traceability" label="缁熶竴淇$敤浠g爜" min-width="110" /> + <el-table-column prop="material_code" label="娉曚汉浠h〃" min-width="100" /> + <el-table-column prop="material" label="鑱旂郴鐢佃瘽" min-width="85" /> + <el-table-column prop="specifications_model" label="娉ㄥ唽鍦板潃" min-width="110" /> + <el-table-column prop="unit" label="鑱旂郴浜烘搷浣�" min-width="80" /> + <el-table-column prop="quantity" label="杞﹁締鎿嶄綔" min-width="80" /> + <el-table-column label="鎿嶄綔" min-width="80"> + <template slot-scope="scope"> + <el-button type="text" size="small" @click="goToDetail(scope.row)">鏌ョ湅</el-button> + <el-button type="text" size="small">鎵撳嵃</el-button> + <el-button v-if="scope.row.result == null" type="text" size="small" + @click="goUp(scope.row)">缂栬緫</el-button> + </template> + </el-table-column> + </el-table> + </el-col> + <!-- 鍒嗛〉鍣� --> + <el-col class="pagination"> + <el-pagination :current-page="pageParams.pageSize" :page-sizes="[10, 50, 100, 200]" + :page-size="pageParams.countSize" layout="total, sizes, prev, pager, next, jumper" :total="pageParams.total" + @size-change="handleSizeChange" @current-change="handleCurrentChange" /> + </el-col> + </el-row> </div> </template> <script> export default { + data(){ + return{ + formInline:{ + name: null + }, + pageParams:{ + pageSize: 0, + countSize: 10, + total: 10 + }, + inspectionTable: [] + } + }, + methods:{ + resetForm(formName) { + this.$refs[formName].resetFields(); + }, + onSubmit(){ + + }, + handleSizeChange(val){ + }, + handleCurrentChange(val){ + + } + } } </script> -<style> - -</style> \ No newline at end of file +<style scoped> + .pagination { + width: 98%; + margin-top: 5px; + display: flex; + justify-content: end; + } +</style>> \ No newline at end of file -- Gitblit v1.9.3