车辆管理系统-后台管理系统web
spring
3 天以前 d7606a9a3c81114f5d255c72d0eeb55e87d8aabb
src/views/vehicle/registration/index.vue
@@ -11,7 +11,12 @@
    <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"
@@ -19,8 +24,7 @@
                class="selWidth"
                size="small"
                clearable
              >
              </el-input>
              />
            </el-form-item>
            <el-form-item label="姓名">
              <el-input
@@ -29,8 +33,7 @@
                class="selWidth"
                size="small"
                clearable
              >
              </el-input>
              />
            </el-form-item>
            <el-form-item label="手机号">
              <el-input
@@ -39,8 +42,7 @@
                class="selWidth"
                size="small"
                clearable
              >
              </el-input>
              />
            </el-form-item>
            <el-form-item label="车牌号">
              <el-input
@@ -49,8 +51,7 @@
                class="selWidth"
                size="small"
                clearable
              >
              </el-input>
              />
            </el-form-item>
            <el-form-item label="装卸区域">
              <el-select
@@ -64,8 +65,7 @@
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
                />
              </el-select>
            </el-form-item>
            <el-form-item label="订单类型">
@@ -80,8 +80,7 @@
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
                />
              </el-select>
            </el-form-item>
            <el-form-item label="装卸数量">
@@ -91,8 +90,7 @@
                class="smallSelW"
                size="small"
                clearable
              >
              </el-input>
              />
              ~
              <el-input
                v-model="tableFrom.loadUnloadQtyMax"
@@ -100,8 +98,7 @@
                class="smallSelW"
                size="small"
                clearable
              >
              </el-input>
              />
            </el-form-item>
            <el-form-item label="单位">
              <el-select
@@ -115,8 +112,7 @@
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
                />
              </el-select>
            </el-form-item>
            <el-form-item label="车辆状态">
@@ -131,8 +127,7 @@
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
                />
              </el-select>
            </el-form-item>
            <el-form-item label="货物状态">
@@ -147,8 +142,7 @@
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
                />
              </el-select>
            </el-form-item>
            <el-form-item label="排队号码">
@@ -158,8 +152,7 @@
                class="selWidth"
                size="small"
                clearable
              >
              </el-input>
              />
            </el-form-item>
            <el-form-item label="事由">
              <el-select
@@ -173,8 +166,7 @@
                  :key="item.id"
                  :label="item.name"
                  :value="item.id"
                >
                </el-option>
                />
              </el-select>
            </el-form-item>
@@ -192,34 +184,54 @@
              />
            </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>
@@ -227,46 +239,84 @@
              <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>
@@ -284,19 +334,47 @@
        :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="车辆状态"
@@ -307,14 +385,30 @@
          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="操作"
@@ -324,21 +418,23 @@
        >
          <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>
@@ -375,18 +471,15 @@
<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,
  },
@@ -462,9 +555,6 @@
  },
  methods: {
    checkPermi,
    resetForm() {
      this.dialogVisible = false;
    },
    getOptionList(id) {
      // 获取列表数据
@@ -499,15 +589,6 @@
        }
      });
    },
    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;
@@ -515,7 +596,7 @@
    handleDeleteVehicle(id) {
      this.$modalSure("删除该车辆信息吗?关联的其他区域的车辆信息会一起删除").then(() => {
        deleteVehicleApi(id)
          .then((res) => {
          .then(() => {
            this.$message.success("删除成功");
            this.getList(1);
          })
@@ -644,7 +725,7 @@
        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);
      }