优化项目启动时警告问题

This commit is contained in:
BianLzhaoMin 2024-07-23 10:40:28 +08:00
parent e9fa9c20cb
commit 5b27e5202f
2 changed files with 505 additions and 315 deletions

View File

@ -1,346 +1,536 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 表单 --> <!-- 表单 -->
<el-form :inline="true" :model="queryForm" ref="queryForm" label-width="68px" size="small" v-show="showSearch"> <el-form
<el-form-item label="关键字" prop="keyWord"> :inline="true"
<el-input v-model="queryForm.keyWord" clearable placeholder="请输入关键字" /> :model="queryForm"
</el-form-item> ref="queryForm"
<!-- 物品种类下拉 --> label-width="68px"
<el-form-item label="物品种类" prop="goodsType"> size="small"
<el-select v-model="queryForm.goodsType" placeholder="请选择物品种类" filterable clearable> v-show="showSearch"
<el-option label="物品种类1" value="1"></el-option> >
<el-option label="物品种类2" value="2"></el-option> <el-form-item label="关键字" prop="keyWord">
</el-select> <el-input
</el-form-item> v-model="queryForm.keyWord"
<!-- 设备类型下拉 --> clearable
<el-form-item label="设备类型" prop="deviceType"> placeholder="请输入关键字"
<el-select v-model="queryForm.deviceType" placeholder="请选择设备类型" filterable clearable> />
<el-option label="设备类型1" value="1"></el-option> </el-form-item>
<el-option label="设备类型2" value="2"></el-option> <!-- 物品种类下拉 -->
</el-select> <el-form-item label="物品种类" prop="goodsType">
</el-form-item> <el-select
<!-- 规格型号下拉 --> v-model="queryForm.goodsType"
<el-form-item label="规格型号" prop="specificationModel"> placeholder="请选择物品种类"
<el-select v-model="queryForm.specificationModel" placeholder="请选择规格型号" filterable clearable> filterable
<el-option label="规格型号1" value="1"></el-option> clearable
<el-option label="规格型号2" value="2"></el-option> >
</el-select> <el-option label="物品种类1" value="1"></el-option>
</el-form-item> <el-option label="物品种类2" value="2"></el-option>
<el-form-item> </el-select>
<el-button icon="el-icon-search" type="primary" @click="handleQuery">搜索</el-button> </el-form-item>
<el-button icon="el-icon-refresh" plain @click="resetQueryForm">重置</el-button> <!-- 设备类型下拉 -->
</el-form-item> <el-form-item label="设备类型" prop="deviceType">
</el-form> <el-select
v-model="queryForm.deviceType"
placeholder="请选择设备类型"
filterable
clearable
>
<el-option label="设备类型1" value="1"></el-option>
<el-option label="设备类型2" value="2"></el-option>
</el-select>
</el-form-item>
<!-- 规格型号下拉 -->
<el-form-item label="规格型号" prop="specificationModel">
<el-select
v-model="queryForm.specificationModel"
placeholder="请选择规格型号"
filterable
clearable
>
<el-option label="规格型号1" value="1"></el-option>
<el-option label="规格型号2" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button
icon="el-icon-search"
type="primary"
@click="handleQuery"
>搜索</el-button
>
<el-button icon="el-icon-refresh" plain @click="resetQueryForm"
>重置</el-button
>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-button class="el-icon-back" type="success" @click="goBackPushAndAccept" size="mini">&nbsp;推送接收</el-button> <el-button
<el-button type="primary" @click="accept" size="mini" :loading="loading" v-if="!isDetail">接收</el-button> class="el-icon-back"
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" /> type="success"
</el-row> @click="goBackPushAndAccept"
size="mini"
>&nbsp;推送接收</el-button
>
<el-button
type="primary"
@click="accept"
size="mini"
:loading="loading"
v-if="!isDetail"
>接收</el-button
>
<right-toolbar
:showSearch.sync="showSearch"
@queryTable="getList"
/>
</el-row>
<!-- 列表 --> <!-- 列表 -->
<el-table :data="tableData" style="width: 100%" @selection-change="selection"> <el-table
<el-table-column :data="tableData"
v-if="!isDetail" style="width: 100%"
type="selection" @selection-change="selection"
width="55" >
align="center" <el-table-column
:selectable="row => row.status == '1'" v-if="!isDetail"
/> type="selection"
<el-table-column width="55"
type="index" align="center"
label="序号" :selectable="(row) => row.status == '1'"
align="center" />
width="50" <el-table-column
:index="indexContinuation(queryParams.pageNum, queryParams.pageSize)" type="index"
/> label="序号"
<el-table-column prop="machineryNum" label="机具编号" align="center" show-overflow-tooltip /> align="center"
<el-table-column prop="machineryName" label="机具名称" align="center" show-overflow-tooltip /> width="50"
<el-table-column prop="machineryType" label="机具类型" align="center" show-overflow-tooltip /> :index="
<el-table-column prop="specificationModel" label="规格型号" align="center" show-overflow-tooltip /> indexContinuation(queryParams.pageNum, queryParams.pageSize)
<el-table-column prop="rentalDate" label="租赁日期" align="center" show-overflow-tooltip /> "
<el-table-column prop="rentalPrice" label="租赁价格" align="center" show-overflow-tooltip /> />
<el-table-column prop="unit" label="所属单位" align="center" show-overflow-tooltip /> <el-table-column
<el-table-column prop="manufacturer" label="生产厂家" align="center" show-overflow-tooltip /> prop="machineryNum"
<el-table-column prop="productionDate" label="出厂日期" align="center" show-overflow-tooltip /> label="机具编号"
<el-table-column prop="isNewEquipment" label="是否是新装备" align="center" show-overflow-tooltip /> align="center"
<el-table-column prop="verificationNum" label="检验证编号" align="center" show-overflow-tooltip /> show-overflow-tooltip
<el-table-column prop="inspectionUnit" label="检验单位" align="center" show-overflow-tooltip /> />
<el-table-column prop="inspectionDate" label="检验日期" align="center" show-overflow-tooltip /> <el-table-column
<el-table-column prop="nextInspectionDate" label="下次检验日期" align="center" show-overflow-tooltip /> prop="machineryName"
<el-table-column prop="machinistName" label="机手姓名" align="center" show-overflow-tooltip v-if="!isDetail"> label="机具名称"
<template slot-scope="scope"> align="center"
<el-button v-if="scope.row.machinistName" type="text" size="mini" @click="getMachinistDetail(scope.row)"> show-overflow-tooltip
{{ scope.row.machinistName }} />
</el-button> <el-table-column
<span v-else></span> prop="machineryType"
</template> label="机具类型"
</el-table-column> align="center"
<el-table-column prop="status" label="状态" align="center" show-overflow-tooltip> show-overflow-tooltip
<template slot-scope="scope"> />
<el-tag v-if="scope.row.status == 0" type="danger">未接收</el-tag> <el-table-column
<el-tag v-else-if="scope.row.status == 1" type="success">已接收</el-tag> prop="specificationModel"
</template> label="规格型号"
</el-table-column> align="center"
</el-table> show-overflow-tooltip
/>
<el-table-column
prop="rentalDate"
label="租赁日期"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="rentalPrice"
label="租赁价格"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="unit"
label="所属单位"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="manufacturer"
label="生产厂家"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="productionDate"
label="出厂日期"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="isNewEquipment"
label="是否是新装备"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="verificationNum"
label="检验证编号"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="inspectionUnit"
label="检验单位"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="inspectionDate"
label="检验日期"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="nextInspectionDate"
label="下次检验日期"
align="center"
show-overflow-tooltip
/>
<el-table-column
prop="machinistName"
label="机手姓名"
align="center"
show-overflow-tooltip
v-if="!isDetail"
>
<template slot-scope="scope">
<el-button
v-if="scope.row.machinistName"
type="text"
size="mini"
@click="getMachinistDetail(scope.row)"
>
{{ scope.row.machinistName }}
</el-button>
<span v-else></span>
</template>
</el-table-column>
<el-table-column
prop="status"
label="状态"
align="center"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.status == 0" type="danger"
>未接收</el-tag
>
<el-tag v-else-if="scope.row.status == 1" type="success"
>已接收</el-tag
>
</template>
</el-table-column>
</el-table>
<pagination <pagination
v-show="total > 0" v-show="total > 0"
:total="total" :total="total"
:page.sync="queryParams.pageNum" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 机手详情Dialog --> <!-- 机手详情Dialog -->
<el-dialog title="机手详情" :visible.sync="dialogVisible" width="50%"> <el-dialog title="机手详情" :visible.sync="dialogVisible" width="50%">
<el-card> <el-card>
<div class="wrapper"> <div class="wrapper">
<div class="idCardContainer"> <div class="idCardContainer">
<el-image class="idCard" :src="src.IDCardFront" :preview-src-list="src.IDCardFrontList"></el-image> <el-image
<el-image class="idCard" :src="src.IDCardBack" :preview-src-list="src.IDCardBackList"></el-image> class="idCard"
</div> :src="src.IDCardFront"
<div class="information"> :preview-src-list="src.IDCardFrontList"
<el-row> ></el-image>
<el-col :span="10" class="item">姓名: {{ information.name }}</el-col> <el-image
<el-col :span="14" class="item">身份证号: {{ information.IDCard }}</el-col> class="idCard"
</el-row> :src="src.IDCardBack"
<el-row> :preview-src-list="src.IDCardBackList"
<el-col :span="12" class="item">性别: {{ information.gender }}</el-col> ></el-image>
</el-row> </div>
<el-row> <div class="information">
<el-col :span="10" class="item">年龄: {{ information.age }}</el-col> <el-row>
<el-col :span="14" class="item">电话: {{ information.phone }}</el-col> <el-col :span="10" class="item"
</el-row> >姓名: {{ information.name }}</el-col
</div> >
</div> <el-col :span="14" class="item"
</el-card> >身份证号: {{ information.IDCard }}</el-col
<!-- 持证信息 --> >
<el-card header="持证信息"> </el-row>
<div class="certificate"> <el-row>
<div class="certificateItem" v-for="item in certificateList"> <el-col :span="12" class="item"
<el-image class="itemImg" :src="item.src" :preview-src-list="item.previewList"></el-image> >性别: {{ information.gender }}</el-col
<span class="itemName">{{ item.name }}</span> >
</div> </el-row>
</div> <el-row>
</el-card> <el-col :span="10" class="item"
<!-- 关闭按钮 --> >年龄: {{ information.age }}</el-col
<el-button type="primary" slot="footer" @click="dialogVisible = false">关闭</el-button> >
</el-dialog> <el-col :span="14" class="item"
</div> >电话: {{ information.phone }}</el-col
>
</el-row>
</div>
</div>
</el-card>
<!-- 持证信息 -->
<el-card header="持证信息">
<div class="certificate">
<div
class="certificateItem"
v-for="(item, index) in certificateList"
:key="index"
>
<el-image
class="itemImg"
:src="item.src"
:preview-src-list="item.previewList"
></el-image>
<span class="itemName">{{ item.name }}</span>
</div>
</div>
</el-card>
<!-- 关闭按钮 -->
<el-button
type="primary"
slot="footer"
@click="dialogVisible = false"
>关闭</el-button
>
</el-dialog>
</div>
</template> </template>
<script> <script>
export default { export default {
name: 'PushAndAcceptDetail', name: 'pushAndAcceptDetail',
data() { data() {
return { return {
loading: false, loading: false,
showSearch: true, showSearch: true,
queryForm: { queryForm: {
keyWord: '', keyWord: '',
goodsType: '', goodsType: '',
deviceType: '', deviceType: '',
specificationModel: '', specificationModel: '',
}, },
tableData: [ tableData: [
{ {
machineryNum: '001', machineryNum: '001',
machineryName: '机具名称1', machineryName: '机具名称1',
machineryType: '机具类型1', machineryType: '机具类型1',
specificationModel: '规格型号1', specificationModel: '规格型号1',
rentalDate: '2021-01-01', rentalDate: '2021-01-01',
rentalPrice: '1000', rentalPrice: '1000',
unit: '所属单位1', unit: '所属单位1',
manufacturer: '生产厂家1', manufacturer: '生产厂家1',
productionDate: '2021-01-01', productionDate: '2021-01-01',
isNewEquipment: '是', isNewEquipment: '是',
verificationNum: '检验证编号1', verificationNum: '检验证编号1',
inspectionUnit: '检验单位1', inspectionUnit: '检验单位1',
inspectionDate: '2021-01-01', inspectionDate: '2021-01-01',
nextInspectionDate: '2021-01-01', nextInspectionDate: '2021-01-01',
machinistName: '机手姓名1', machinistName: '机手姓名1',
status: 0, status: 0,
},
{
machineryNum: '002',
machineryName: '机具名称2',
machineryType: '机具类型2',
specificationModel: '规格型号2',
rentalDate: '2021-01-02',
rentalPrice: '2000',
unit: '所属单位2',
manufacturer: '生产厂家2',
productionDate: '2021-01-02',
isNewEquipment: '否',
verificationNum: '检验证编号2',
inspectionUnit: '检验单位2',
inspectionDate: '2021-01-02',
nextInspectionDate: '2021-01-02',
machinistName: '',
status: 1,
},
],
queryParams: {
pageNum: 1,
pageSize: 10,
},
total: 0,
isDetail: false, //
dialogVisible: false,
//
src: {
IDCardFront:
'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
IDCardBack:
'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
IDCardFrontList: [
'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
],
IDCardBackList: [
'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
],
},
//
information: {
name: '张三',
IDCard: '123456789012345678',
gender: '男',
age: '18',
phone: '12345678901',
},
//
certificateList: [
{
name: 'xx范德萨范德萨范德萨范德萨发大水范德萨发大水x证',
src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
previewList: [
'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
],
},
{
name: 'xx范德萨范范德萨范德萨发大水范德萨德萨发大水x证',
src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
previewList: [
'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
],
},
{
name: 'xx范德萨范德萨发大水x证',
src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
previewList: [
'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
],
},
{
name: 'xx范德萨范德萨发大水x证',
src: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png',
previewList: [
'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png',
],
},
],
}
},
created() {
this.isDetail = this.$route.query.isDetail == 'true' ? true : false
this.getList()
this.getGoodsTypeList()
this.getDeviceTypeList()
this.getSpecificationModelList()
},
methods: {
//
handleQuery() {
console.log('🚀 ~ handleQuery ~ 搜索:')
this.getList()
}, },
{ //
machineryNum: '002', resetQueryForm() {
machineryName: '机具名称2', console.log('🚀 ~ resetQueryForm ~ 重置:')
machineryType: '机具类型2', this.$refs.queryForm.resetFields()
specificationModel: '规格型号2', this.getList()
rentalDate: '2021-01-02',
rentalPrice: '2000',
unit: '所属单位2',
manufacturer: '生产厂家2',
productionDate: '2021-01-02',
isNewEquipment: '否',
verificationNum: '检验证编号2',
inspectionUnit: '检验单位2',
inspectionDate: '2021-01-02',
nextInspectionDate: '2021-01-02',
machinistName: '',
status: 1,
}, },
], //
queryParams: { getList() {
pageNum: 1, const params = {
pageSize: 10, ...this.queryParams,
}, ...this.queryForm,
total: 0, }
isDetail: false, // console.log('🚀 ~ getList ~ 获取列表:', params)
dialogVisible: false,
//
src: {
IDCardFront: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
IDCardBack: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
IDCardFrontList: ['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'],
IDCardBackList: ['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'],
},
//
information: {
name: '张三',
IDCard: '123456789012345678',
gender: '男',
age: '18',
phone: '12345678901',
},
//
certificateList: [
{
name: 'xx范德萨范德萨范德萨范德萨发大水范德萨发大水x证',
src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg',
previewList: ['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'],
}, },
{ //
name: 'xx范德萨范范德萨范德萨发大水范德萨德萨发大水x证', getGoodsTypeList() {
src: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg', console.log('🚀 ~ getGoodsTypeList ~ 获取物品种类下拉:')
previewList: ['https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg']
}, },
{ //
name: 'xx范德萨范德萨发大水x证', getDeviceTypeList() {
src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg', console.log('🚀 ~ getDeviceTypeList ~ 获取设备类型下拉:')
previewList: ['https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg']
}, },
{ //
name: 'xx范德萨范德萨发大水x证', getSpecificationModelList() {
src: 'https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png', console.log('🚀 ~ getSpecificationModelList ~ 获取规格型号下拉:')
previewList: ['https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png'] },
//
goBackPushAndAccept() {
this.$router.push({ path: 'pushAndAccept' })
},
//
accept() {
console.log('🚀 ~ accept ~ 接收:')
// this.loading = true
// ().then(res => {
// this.getList()
// }).catch(err => {
// console.log('🚀 ~ accept ~ err:', err)
// }).finally(() => {
// this.loading = false
// })
},
//
selection(val) {
console.log('🚀 ~ selection ~ 选择:', val)
},
// -
getMachinistDetail(row) {
console.log('🚀 ~ getMachinistDetail ~ 机手详情:', row)
this.dialogVisible = true
}, },
],
}
},
created() {
this.isDetail = this.$route.query.isDetail == 'true' ? true : false
this.getList()
this.getGoodsTypeList()
this.getDeviceTypeList()
this.getSpecificationModelList()
},
methods: {
//
handleQuery() {
console.log('🚀 ~ handleQuery ~ 搜索:', params)
this.getList()
}, },
//
resetQueryForm() {
console.log('🚀 ~ resetQueryForm ~ 重置:')
this.$refs.queryForm.resetFields()
this.getList()
},
//
getList() {
const params = {
...this.queryParams,
...this.queryForm,
}
console.log('🚀 ~ getList ~ 获取列表:', params)
},
//
getGoodsTypeList() {
console.log('🚀 ~ getGoodsTypeList ~ 获取物品种类下拉:')
},
//
getDeviceTypeList() {
console.log('🚀 ~ getDeviceTypeList ~ 获取设备类型下拉:')
},
//
getSpecificationModelList() {
console.log('🚀 ~ getSpecificationModelList ~ 获取规格型号下拉:')
},
//
goBackPushAndAccept() {
this.$router.push({ path: 'pushAndAccept' })
},
//
accept() {
console.log('🚀 ~ accept ~ 接收:')
// this.loading = true
// ().then(res => {
// this.getList()
// }).catch(err => {
// console.log('🚀 ~ accept ~ err:', err)
// }).finally(() => {
// this.loading = false
// })
},
//
selection(val) {
console.log('🚀 ~ selection ~ 选择:', val)
},
// -
getMachinistDetail(row) {
console.log('🚀 ~ getMachinistDetail ~ 机手详情:', row)
this.dialogVisible = true
},
},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.el-row { .el-row {
margin-left: 0px !important; margin-left: 0px !important;
} }
.wrapper { .wrapper {
display: flex;
.idCardContainer {
display: flex; display: flex;
flex-direction: column; .idCardContainer {
.idCard { display: flex;
margin-bottom: 10px; flex-direction: column;
width: 172px; .idCard {
height: 115px; margin-bottom: 10px;
width: 172px;
height: 115px;
}
} }
} .information {
.information { padding: 0 20px 0 80px;
padding: 0 20px 0 80px; width: 100%;
width: 100%; .item {
.item { margin-top: 10px;
margin-top: 10px; margin-bottom: 30px;
margin-bottom: 30px; }
} }
}
} }
.certificate { .certificate {
width: 100%; width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: start;
.certificateItem {
width: 25%;
display: flex; display: flex;
flex-direction: column; flex-wrap: wrap;
margin: 15px 0; justify-content: flex-start;
.itemImg { .certificateItem {
// width: 25%;
margin: 5px auto; display: flex;
width: 100px; flex-direction: column;
height: 120px; margin: 15px 0;
.itemImg {
//
margin: 5px auto;
width: 100px;
height: 120px;
}
.itemName {
margin: 0 5px;
display: block;
text-align: center;
}
} }
.itemName {
margin: 0 5px;
display: block;
text-align: center;
}
}
} }
</style> </style>

View File

@ -44,7 +44,7 @@ module.exports = {
// target: `http://192.168.2.76:28080`, //超 // target: `http://192.168.2.76:28080`, //超
// target: `http://10.40.92.81:8080`, //韩/ // target: `http://10.40.92.81:8080`, //韩/
target: `http://192.168.2.76:28080`,//旭/ target: `http://192.168.2.81:28080`,//旭/
// target: `http://192.168.2.248:28080`, //帅 // target: `http://192.168.2.248:28080`, //帅
// target: `http://10.40.92.253:28080`, //福 // target: `http://10.40.92.253:28080`, //福