From 13aed698b5e2fbb2b4b96ff27f1b706b740ae640 Mon Sep 17 00:00:00 2001 From: Fixiaobai <fixiaobai@163.com> Date: 星期四, 12 十月 2023 17:50:29 +0800 Subject: [PATCH] modified: src/components/view/carrierContract.vue modified: src/components/view/shipmentOperate.vue modified: src/components/view/shipmentRequest.vue modified: src/components/view/shipmentTabulation.vue modified: src/view/index.vue --- src/components/view/shipmentRequest.vue | 126 ++++++++++++++++++++++++++++++++++++++++- 1 files changed, 122 insertions(+), 4 deletions(-) diff --git a/src/components/view/shipmentRequest.vue b/src/components/view/shipmentRequest.vue index 2af8e33..0a45d2b 100644 --- a/src/components/view/shipmentRequest.vue +++ b/src/components/view/shipmentRequest.vue @@ -1,13 +1,131 @@ <template> - <div>鍙戣揣鐢宠</div> + <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 label="瀹㈡埛鍚嶇О:"> + <el-input size="small" v-model="formInline.custormerName" placeholder="璇疯緭鍏ュ鎴峰悕绉�"></el-input> + </el-form-item> + <el-form-item label="瀹℃牳鐘舵��:"> + <el-select v-model="formInline.state" placeholder="璇烽�夋嫨"> + <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> + </el-option> + </el-select> + </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 label="閫夋嫨" width="60"> + <template> + <el-checkbox>澶囬�夐」</el-checkbox> + </template> + </el-table-column> + <el-table-column prop="order_number" label="璁㈠崟鍙�" min-width="80" /> + <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="浜у搧澶х被" min-width="110" /> + <el-table-column prop="material_code" label="鍙戣揣浠舵暟" min-width="100" /> + <el-table-column prop="material" label="浼扮畻浣撶Н(m3)" min-width="100" /> + <el-table-column prop="specifications_model" label="浼扮畻閲嶉噺(鍚�)" min-width="110" /> + <el-table-column prop="unit" label="鍚堝悓浜よ揣鏃ユ湡" min-width="100" /> + <el-table-column prop="unit" label="瑕佹眰鍒拌揣鏃ユ湡" min-width="100" /> + <el-table-column prop="unit" label="鐢宠浜�" min-width="80" /> + <el-table-column prop="unit" label="鐢宠鏃ユ湡" min-width="100" /> + <el-table-column prop="unit" label="瀹℃牳浜�" min-width="80" /> + <el-table-column prop="unit" label="瀹℃牳鏃ユ湡" min-width="100" /> + <el-table-column prop="unit" label="涓嶉�氳繃鍘熷洜" min-width="100" /> + <el-table-column prop="quantity" label="瀹℃牳鐘舵��" min-width="100" /> + <el-table-column fixed="right" 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 { + options: [{ + value: '0', + label: '鍏ㄩ儴' + }, { + value: '1', + label: '閫氳繃' + }, { + value: '2', + label: '鏈�氳繃' + }, { + value: '3', + label: '寰呭鏍�' + }], + formInline: { + name: null, + custormerName: null, + state: '0' + }, + 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