fix: BUG修改

This commit is contained in:
kun 2024-05-24 09:43:14 +08:00
parent ae1c35a635
commit 8f1d8dd614

View File

@ -24,125 +24,133 @@
</div>
<div class="table_wrap whiteBlock">
<vue-scroll class="tables">
<el-table :data="tableData">
<el-table-column
label="序号"
align="center"
type="index"
></el-table-column>
<el-table-column
prop="checkingPointName"
label="巡检点名称"
align="center"
></el-table-column>
<el-table-column
prop="position"
label="巡检位置"
align="center"
></el-table-column>
<el-table-column
prop="createUserName"
label="创建人"
align="center"
></el-table-column>
<el-table-column
prop="createDate"
label="创建时间"
align="center"
></el-table-column>
<el-table-column
prop="regionName"
label="所属区域"
align="center"
></el-table-column>
<el-table-column
prop="enterpriseName"
label="责任企业"
align="center"
></el-table-column>
<el-table-column
prop="inspectUserNames"
label="检查人员"
align="center"
></el-table-column>
<el-table-column
prop="noticeUserNames"
label="通知人"
align="center"
></el-table-column>
<el-table :data="tableData">
<el-table-column
label="序号"
align="center"
type="index"
></el-table-column>
<el-table-column
prop="checkingPointName"
label="巡检点名称"
align="center"
></el-table-column>
<el-table-column
prop="position"
label="巡检位置"
align="center"
></el-table-column>
<el-table-column
width="150"
prop="minInspectTime"
label="最低巡检时长(分钟)"
align="center"
></el-table-column>
<el-table-column
prop="createUserName"
label="创建人"
align="center"
></el-table-column>
<el-table-column
prop="createDate"
label="创建时间"
align="center"
></el-table-column>
<el-table-column
prop="regionName"
label="所属区域"
align="center"
></el-table-column>
<el-table-column
prop="enterpriseName"
label="责任企业"
align="center"
></el-table-column>
<el-table-column
prop="inspectUserNames"
label="检查人员"
align="center"
></el-table-column>
<el-table-column
prop="noticeUserNames"
label="通知人"
align="center"
></el-table-column>
<el-table-column prop="qrCode" label="二维码" align="center">
<template slot-scope="{ row }">
<!-- {{$store.state.FILEURL + row.qrCode}} -->
<el-image
style="
margin-right: 8px;
width: 80px;
height: 80px;
cursor: pointer;
border-radius: 4px;
"
fit="cover"
:src="$store.state.FILEURL + row.qrCode"
:preview-src-list="[$store.state.FILEURL + row.qrCode]"
/>
</template>
</el-table-column>
<el-table-column prop="qrCode" label="二维码" align="center">
<template slot-scope="{ row }">
<!-- {{$store.state.FILEURL + row.qrCode}} -->
<el-image
style="
margin-right: 8px;
width: 80px;
height: 80px;
cursor: pointer;
border-radius: 4px;
"
fit="cover"
:src="$store.state.FILEURL + row.qrCode"
:preview-src-list="[$store.state.FILEURL + row.qrCode]"
/>
</template>
</el-table-column>
<el-table-column
:label="$t('message.personnelPosition.beaconManage.table.operation')"
align="center"
width="400"
>
<template slot-scope="scope">
<div class="tableBtns">
<div class="operationText">
<i
class="el-icon-download"
style="
width: 30px;
height: 30px;
color: #1684fc;
margin-top: 15px;
"
></i>
<a
class="download"
target="_blank"
:href="$store.state.FILEURL + scope.row.qrCode"
download
>下载巡检二维码</a
>
</div>
<el-table-column
:label="
$t('message.personnelPosition.beaconManage.table.operation')
"
align="center"
width="400"
>
<template slot-scope="scope">
<div class="tableBtns">
<div class="operationText">
<i
class="el-icon-download"
style="
width: 30px;
height: 30px;
color: #1684fc;
margin-top: 15px;
"
></i>
<a
class="download"
target="_blank"
:href="$store.state.FILEURL + scope.row.qrCode"
download
>下载巡检二维码</a
>
</div>
<div class="operationText" @click="deilBtn(scope.row)">
<i
class="el-icon-tickets"
style="color: #8dacfa; font-size: 16px; margin-right: 2px"
></i>
<span>详情</span>
<div class="operationText" @click="deilBtn(scope.row)">
<i
class="el-icon-tickets"
style="color: #8dacfa; font-size: 16px; margin-right: 2px"
></i>
<span>详情</span>
</div>
<div class="operationText" @click="editBtn(scope.row)">
<img
src="@/assets/images/icon-edit.png"
width="15px"
height="15px"
/>
<span>编辑</span>
</div>
<div @click="toDelete(scope.row)" class="operationText">
<img
src="@/assets/images/icon-delete.png"
width="15px"
height="15px"
/>
<span>删除</span>
</div>
</div>
<div class="operationText" @click="editBtn(scope.row)">
<img
src="@/assets/images/icon-edit.png"
width="15px"
height="15px"
/>
<span>编辑</span>
</div>
<div @click="toDelete(scope.row)" class="operationText">
<img
src="@/assets/images/icon-delete.png"
width="15px"
height="15px"
/>
<span>删除</span>
</div>
</div>
</template>
</el-table-column>
</el-table>
</vue-scroll>
</template>
</el-table-column>
</el-table>
</vue-scroll>
<el-pagination
class="pagerBox"
@size-change="handleSizeChange"
@ -241,6 +249,17 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item label="最低巡检时长:" prop="minInspectTime">
<el-input-number
:disabled="cardDialogTitle == '详情'"
class="smallTimeInput"
v-model="cardForm.minInspectTime"
:min="0"
:controls="false"
>
</el-input-number>
<span>(分钟)</span>
</el-form-item>
<!-- <el-form-item label="巡检人员:" prop="inspectUserIds">
<el-select
:disabled="cardDialogTitle == '详情'"
@ -438,6 +457,7 @@ export default {
endTime: "",
frequencyType: 1,
frequencyNum: 1,
minInspectTime: 0,
standArea: 100, //
latitude: "", //
longitude: "", //
@ -466,6 +486,9 @@ export default {
startTime: [
{ required: true, message: "请选择检查日期", trigger: "blur" },
],
minInspectTime: [
{ required: true, message: "请输入最低巡检时长", trigger: "blur" },
],
frequencyNum: [
{ required: true, message: "请输入巡检频次", trigger: "blur" },
],
@ -985,7 +1008,7 @@ export default {
// })
this.closeEvent();
},
resetForm(){
resetForm() {
this.cardForm = {
checkingPointName: "",
position: "",
@ -997,11 +1020,12 @@ export default {
endTime: "",
frequencyType: 1,
frequencyNum: 1,
minInspectTime: 0,
standArea: 100, //
latitude: "", //
longitude: "", //
addr: "", //
}
};
},
//
getAccountList() {
@ -1033,6 +1057,16 @@ export default {
.download {
text-decoration: none;
}
.smallTimeInput {
display: inline-block;
width: 65% !important;
/deep/.el-input__inner {
width: 100%;
}
/deep/.el-input {
width: 100% !important;
}
}
.smallInput {
display: inline-block;
width: 148px !important;
@ -1062,7 +1096,7 @@ export default {
font-size: 16px;
line-height: 56px;
}
::v-deep .el-tag{
::v-deep .el-tag {
max-width: 200px;
}
</style>