| | |
| | | <el-card class="box-card"> |
| | | <div class="clearfix"> |
| | | <div class="container"> |
| | | <el-form size="small" label-width="70px" ref="vehicleInfo" inline> |
| | | <el-form |
| | | ref="vehicleInfo" |
| | | size="small" |
| | | label-width="70px" |
| | | inline |
| | | > |
| | | <el-form-item label="身份证号"> |
| | | <el-input |
| | | v-model="tableFrom.idCard" |
| | |
| | | class="selWidth" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="姓名"> |
| | | <el-input |
| | |
| | | class="selWidth" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="手机号"> |
| | | <el-input |
| | |
| | | class="selWidth" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="车牌号"> |
| | | <el-input |
| | |
| | | class="selWidth" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="装卸区域"> |
| | | <el-select |
| | |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="订单类型"> |
| | |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="装卸数量"> |
| | |
| | | class="smallSelW" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | ~ |
| | | <el-input |
| | | v-model="tableFrom.loadUnloadQtyMax" |
| | |
| | | class="smallSelW" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="单位"> |
| | | <el-select |
| | |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="车辆状态"> |
| | |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="货物状态"> |
| | |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="排队号码"> |
| | |
| | | class="selWidth" |
| | | size="small" |
| | | clearable |
| | | > |
| | | </el-input> |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="事由"> |
| | | <el-select |
| | |
| | | :key="item.id" |
| | | :label="item.name" |
| | | :value="item.id" |
| | | > |
| | | </el-option> |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getList(1)" size="small" |
| | | >查询</el-button |
| | | <el-button |
| | | type="primary" |
| | | size="small" |
| | | @click="getList(1)" |
| | | > |
| | | 查询 |
| | | </el-button> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button @click="resetForm('vehicleInfo')" size="small" |
| | | >重置</el-button |
| | | <el-button |
| | | size="small" |
| | | @click="resetForm('vehicleInfo')" |
| | | > |
| | | 重置 |
| | | </el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-button |
| | | v-hasPermi="['admin:vehicle:add']" |
| | | size="small" |
| | | type="primary" |
| | | class="mr10" |
| | | @click="handleAddVehicle()" |
| | | v-hasPermi="['admin:vehicle:add']" |
| | | >添加车辆信息</el-button |
| | | > |
| | | 添加车辆信息 |
| | | </el-button> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | | <el-card v-show="showPrint"> |
| | | <div class="print-dom"> |
| | | <div class="print-dom-box" id="printArea"> |
| | | <div v-for="item in printInfos" :key="item.id"> |
| | | <div class="title">出入证信息</div> |
| | | <div class="code-title">排队号码</div> |
| | | <div class="code-code">{{ item.queueNumber }}</div> |
| | | <div |
| | | id="printArea" |
| | | class="print-dom-box" |
| | | > |
| | | <div |
| | | v-for="item in printInfos" |
| | | :key="item.id" |
| | | > |
| | | <div class="title"> |
| | | 出入证信息 |
| | | </div> |
| | | <div class="code-title"> |
| | | 排队号码 |
| | | </div> |
| | | <div class="code-code"> |
| | | {{ item.queueNumber }} |
| | | </div> |
| | | <div class="code-wait"> |
| | | 前方还有{{ item.currentWaitNum }}辆车排队中... |
| | | </div> |
| | |
| | | <qrcode |
| | | v-if="item.visible" |
| | | :size="160" |
| | | :qrUrl="item.url" |
| | | ></qrcode> |
| | | :qr-url="item.url" |
| | | /> |
| | | </div> |
| | | <div class="qrcode-text">微信扫码查看排队进度</div> |
| | | <div class="line"></div> |
| | | <div class="qrcode-text"> |
| | | 微信扫码查看排队进度 |
| | | </div> |
| | | <div class="line" /> |
| | | <div class="cell"> |
| | | <div class="cell-label">姓名</div> |
| | | <div class="cell-value">{{ item.name }}</div> |
| | | <div class="cell-label"> |
| | | 姓名 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.name }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">车牌号</div> |
| | | <div class="cell-value">{{ item.licensePlate }}</div> |
| | | <div class="cell-label"> |
| | | 车牌号 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.licensePlate }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">手机号</div> |
| | | <div class="cell-value">{{ item.phone }}</div> |
| | | <div class="cell-label"> |
| | | 手机号 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.phone }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">身份证号码</div> |
| | | <div class="cell-value">{{ item.idCard }}</div> |
| | | <div class="cell-label"> |
| | | 身份证号码 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.idCard }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">装卸数量</div> |
| | | <div class="cell-value">{{ item.loadUnloadQty }}</div> |
| | | <div class="cell-label"> |
| | | 装卸数量 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.loadUnloadQty }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">单位</div> |
| | | <div class="cell-value">{{ item.unitName }}</div> |
| | | <div class="cell-label"> |
| | | 单位 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.unitName }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">装卸区域</div> |
| | | <div class="cell-value">{{ item.loadingAreaName }}</div> |
| | | <div class="cell-label"> |
| | | 装卸区域 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.loadingAreaName }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">登记时间</div> |
| | | <div class="cell-value">{{ item.registerTime }}</div> |
| | | <div class="cell-label"> |
| | | 登记时间 |
| | | </div> |
| | | <div class="cell-value"> |
| | | {{ item.registerTime }} |
| | | </div> |
| | | </div> |
| | | <div class="cell"> |
| | | <div class="cell-label">备注</div> |
| | | <div class="cell-value over-line">{{ item.remark }}</div> |
| | | <div class="cell-label"> |
| | | 备注 |
| | | </div> |
| | | <div class="cell-value over-line"> |
| | | {{ item.remark }} |
| | | </div> |
| | | </div> |
| | | <!-- <div v-if="printInfos && printInfos.length > 1" class="mb"></div> --> |
| | | </div> |
| | |
| | | :cell-style="{ textAlign: 'center' }" |
| | | :header-cell-style="{ fontWeight: 'bold', textAlign: 'center' }" |
| | | > |
| | | <el-table-column prop="idCard" label="身份证号" width="150" /> |
| | | <el-table-column prop="name" label="姓名" min-width="80" /> |
| | | <el-table-column |
| | | prop="idCard" |
| | | label="身份证号" |
| | | width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="name" |
| | | label="姓名" |
| | | min-width="80" |
| | | /> |
| | | |
| | | <el-table-column prop="phone" label="手机号" min-width="100" /> |
| | | <el-table-column prop="licensePlate" label="车牌号" min-width="90" /> |
| | | <el-table-column |
| | | prop="phone" |
| | | label="手机号" |
| | | min-width="100" |
| | | /> |
| | | <el-table-column |
| | | prop="licensePlate" |
| | | label="车牌号" |
| | | min-width="90" |
| | | /> |
| | | <el-table-column |
| | | prop="loadingAreaName" |
| | | label="装卸区域" |
| | | min-width="70" |
| | | /> |
| | | <el-table-column prop="orderTypeName" label="订单类型" width="70" /> |
| | | <el-table-column prop="loadUnloadQty" label="装卸数量" min-width="70" /> |
| | | <el-table-column prop="unitName" label="单位" min-width="50" /> |
| | | <el-table-column |
| | | prop="orderTypeName" |
| | | label="订单类型" |
| | | width="70" |
| | | /> |
| | | <el-table-column |
| | | prop="loadUnloadQty" |
| | | label="装卸数量" |
| | | min-width="70" |
| | | /> |
| | | <el-table-column |
| | | prop="unitName" |
| | | label="单位" |
| | | min-width="50" |
| | | /> |
| | | <el-table-column |
| | | prop="vehicleStatusName" |
| | | label="车辆状态" |
| | |
| | | label="货物状态" |
| | | min-width="70" |
| | | /> |
| | | <el-table-column prop="queueNumber" label="排队号码" min-width="80" /> |
| | | <el-table-column prop="reasonName" label="事由" min-width="60" /> |
| | | <el-table-column label="登记时间" min-width="135" align="center"> |
| | | <el-table-column |
| | | prop="queueNumber" |
| | | label="排队号码" |
| | | min-width="80" |
| | | /> |
| | | <el-table-column |
| | | prop="reasonName" |
| | | label="事由" |
| | | min-width="60" |
| | | /> |
| | | <el-table-column |
| | | label="登记时间" |
| | | min-width="135" |
| | | align="center" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.registerTime | vformatDate }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="remark" label="备注" min-width="60" /> |
| | | <el-table-column |
| | | prop="remark" |
| | | label="备注" |
| | | min-width="60" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | v-hasPermi="['admin:vehicle:edit']" |
| | | type="text" |
| | | @click="handleEditVehicle(scope.row)" |
| | | size="small" |
| | | class="mr10" |
| | | v-hasPermi="['admin:vehicle:edit']" |
| | | >编辑</el-button |
| | | @click="handleEditVehicle(scope.row)" |
| | | > |
| | | 编辑 |
| | | </el-button> |
| | | |
| | | <el-button |
| | | v-hasPermi="['admin:vehicle:delete']" |
| | | type="text" |
| | | size="small" |
| | | v-hasPermi="['admin:vehicle:delete']" |
| | | @click="handleDeleteVehicle(scope.row.masterId)" |
| | | >删除</el-button |
| | | > |
| | | 删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | <script> |
| | | import * as systemGroupDataApi from "@/api/systemGroupData.js"; |
| | | import { getVehicleListApi, deleteVehicleApi } from "@/api/vehicle"; |
| | | import cardsData from "@/components/cards/index"; |
| | | import { checkPermi } from "@/utils/permission"; // 权限判断函数 |
| | | import { Debounce } from "@/utils/validate"; |
| | | import edit from "./edit"; |
| | | import qrcode from "@/components/qrcode/index.vue"; |
| | | |
| | | import printJS from "print-js"; |
| | | import printCss from "./printCss"; |
| | | export default { |
| | | name: "systemLog", |
| | | name: "SystemLog", |
| | | components: { |
| | | cardsData, |
| | | edit, |
| | | qrcode, |
| | | }, |
| | |
| | | }, |
| | | methods: { |
| | | checkPermi, |
| | | resetForm() { |
| | | this.dialogVisible = false; |
| | | }, |
| | | |
| | | getOptionList(id) { |
| | | // 获取列表数据 |
| | |
| | | } |
| | | }); |
| | | }, |
| | | handlerSubmit: Debounce(function (formValue) { |
| | | formValue.id = this.applyId; |
| | | formValue.extractType = this.extractType; |
| | | applyUpdateApi(formValue).then((data) => { |
| | | this.$message.success("编辑成功"); |
| | | this.dialogVisible = false; |
| | | this.getList(); |
| | | }); |
| | | }), |
| | | |
| | | hideEditDialog() { |
| | | this.editDialogConfig.visible = false; |
| | |
| | | handleDeleteVehicle(id) { |
| | | this.$modalSure("删除该车辆信息吗?关联的其他区域的车辆信息会一起删除").then(() => { |
| | | deleteVehicleApi(id) |
| | | .then((res) => { |
| | | .then(() => { |
| | | this.$message.success("删除成功"); |
| | | this.getList(1); |
| | | }) |
| | |
| | | newEl.registerTime = element.registerTime || "-"; |
| | | newEl.remark = element.remark || "-"; |
| | | // newEl.url = `https://car-manager.truekey.mobi/driver/javaMobile/queryResult/${element.linkCode}`; |
| | | newEl.url = `https://car-manager.ztt.cn/driver/javaMobile/queryResult/${element.linkCode}`; |
| | | newEl.url = `https://172.17.0.1:9031/driver/javaMobile/queryResult/${element.linkCode}`; |
| | | newEl.visible = true; |
| | | printArr.push(newEl); |
| | | } |