admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

升降机设备/塔吊设备页面日期查询

Browse Source
This commit is contained in:
jxj_yjl 2023-05-16 14:40:49 +08:00
parent 077c31437e
commit b93c2d64a8
3 changed files with 132 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/store/index.js
View File

@ -95,8 +95,8 @@ export default new Vuex.Store({
// FILEURL: 'http://101.43.164.214:12345/image/',//内蒙古
// UPLOADURL: 'http://42.194.144.62:8088/upload/image',//中建四
// FILEURL: 'http://42.194.144.62:8088/image/',//中建四
UPLOADURL: 'http://182.90.224.147:30262/upload/image',//四川成润
FILEURL: 'http://182.90.224.147:30262/image/',//四川成润
// UPLOADURL: 'http://182.90.224.147:30262/upload/image',//四川成润
// FILEURL: 'http://182.90.224.147:30262/image/',//四川成润
ACCOUNTTYPE: [
"系统管理员",

160
src/views/projectFront/lifter/devMaintain.vue
View File

@ -27,8 +27,9 @@
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item :label="$t('message.lifter.alarmTime')">
<el-form-item label="维保日期">
<el-date-picker
@change="getTime"
v-model="time"
type="daterange"
value-format="yyyy-MM-dd"
@ -37,26 +38,26 @@
:end-placeholder="$t('message.lifter.deadline')"
>
</el-date-picker>
</el-form-item> -->
</el-form-item>
<el-form-item>
<!-- 查询 -->
<el-button
type="primary"
@click="
pageNo = 1;
pageSize = 10;
getListData();
pageNo = 1
pageSize = 10
getListData()
"
plain
>{{ $t("message.lifter.demand") }}</el-button
>{{ $t('message.lifter.demand') }}</el-button
>
<!-- 刷新 -->
<el-button type="warning" plain @click="onSubmit">{{
$t("message.lifter.refresh")
$t('message.lifter.refresh')
}}</el-button>
<!-- 新增 -->
<el-button type="primary" @click="addBtn">{{
$t("message.videoManage.add")
$t('message.videoManage.add')
}}</el-button>
</el-form-item>
</el-form>
@ -68,38 +69,46 @@
style="width: 100%"
height="600px"
>
<!-- 设备名称 -->
<el-table-column prop="devName" :label="$t('message.lifter.devName')">
<!-- 设备名称 -->
<el-table-column align="center" prop="devName" :label="$t('message.lifter.devName')">
</el-table-column>
<!-- 设备编号 -->
<el-table-column prop="devSn" :label="$t('message.lifter.devNumber')">
<el-table-column align="center" prop="devSn" :label="$t('message.lifter.devNumber')">
</el-table-column>
<!-- 维保单位 -->
<el-table-column
align="center"
prop="maintenanceUnit"
:label="$t('message.lifter.maintenanceUnit')"
>
</el-table-column>
<!-- 维保负责人 -->
<el-table-column
align="center"
prop="personLiable"
:label="$t('message.lifter.maintenanceSupervisor')"
>
</el-table-column>
<!-- 维保时间 -->
<el-table-column
align="center"
prop="maintenanceTime"
:label="$t('message.lifter.maintenanceTime')"
>
</el-table-column>
<!-- 维保状态 -->
<el-table-column
align="center"
prop="maintenanceStatus"
:label="$t('message.lifter.maintenanceState')"
>
<!-- normal正常 abnormalTow不正常 -->
<!-- normal正常 abnormalTow不正常 -->
<template slot-scope="scope">
{{ scope.row.maintenanceStatus == 1 ? $t('message.lifter.normal') : $t('message.lifter.abnormalTow') }}
{{
scope.row.maintenanceStatus == 1
? $t('message.lifter.normal')
: $t('message.lifter.abnormalTow')
}}
</template>
</el-table-column>
<!-- <el-table-column
@ -109,21 +118,26 @@
</el-table-column> -->
<!-- 维保照片 -->
<el-table-column prop="maintenanceImage" :label="$t('message.lifter.maintenancePhotos')">
<el-table-column
align="center"
prop="maintenanceImage"
:label="$t('message.lifter.maintenancePhotos')"
>
<template slot-scope="scope">
<!-- <img
:src="fileUrl + scope.row.maintenanceImage"
style="width: 40px; heigth: auto"
/> -->
<el-image
<el-image
style="width: 40px; heigth: auto"
:src="fileUrl + scope.row.maintenanceImage"
:preview-src-list="[fileUrl + scope.row.maintenanceImage]">
:src="fileUrl + scope.row.maintenanceImage"
:preview-src-list="[fileUrl + scope.row.maintenanceImage]"
>
</el-image>
</template>
</el-table-column>
<!-- 描述 -->
<el-table-column prop="remark" :label="$t('message.lifter.describe')">
<el-table-column align="center" prop="remark" :label="$t('message.lifter.describe')">
</el-table-column>
</el-table>
<el-pagination
@ -141,7 +155,6 @@
<!-- 新增 -->
<!-- addMaintenanceInfo 新增维保信息 -->
<el-dialog
:modal-append-to-body="false"
@ -155,10 +168,14 @@
ref="maintenanceForm"
label-width="100px"
class="demo-ruleForm"
:rules="rules" size="medium"
:rules="rules"
size="medium"
>
<!-- 维保设备 -->
<el-form-item :label="$t('message.lifter.maintenanceEquipment')" prop="devSn">
<el-form-item
:label="$t('message.lifter.maintenanceEquipment')"
prop="devSn"
>
<el-select
v-model="maintenanceForm.devSn"
:placeholder="
@ -178,7 +195,10 @@
</el-select>
</el-form-item>
<!-- 维保后状态 -->
<el-form-item :label="$t('message.lifter.afterStatus')" prop="maintenanceStatus">
<el-form-item
:label="$t('message.lifter.afterStatus')"
prop="maintenanceStatus"
>
<el-select
v-model="maintenanceForm.maintenanceStatus"
:placeholder="
@ -187,12 +207,21 @@
"
style="width: 100%"
>
<el-option :label="$t('message.lifter.normal')" :value="1"></el-option>
<el-option :label="$t('message.lifter.abnormalTow')" :value="0"></el-option>
<el-option
:label="$t('message.lifter.normal')"
:value="1"
></el-option>
<el-option
:label="$t('message.lifter.abnormalTow')"
:value="0"
></el-option>
</el-select>
</el-form-item>
<!-- 维保时间 -->
<el-form-item :label="$t('message.lifter.maintenanceTime')" prop="maintenanceTime">
<el-form-item
:label="$t('message.lifter.maintenanceTime')"
prop="maintenanceTime"
>
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="maintenanceForm.maintenanceTime"
@ -203,7 +232,10 @@
</el-date-picker>
</el-form-item>
<!-- 维保人 -->
<el-form-item :label="$t('message.lifter.maintainer')" prop="personLiable">
<el-form-item
:label="$t('message.lifter.maintainer')"
prop="personLiable"
>
<el-input
v-model="maintenanceForm.personLiable"
:placeholder="$t('message.lifter.pleaseEnter')"
@ -225,7 +257,10 @@
</el-select> -->
</el-form-item>
<!-- 维保单位 -->
<el-form-item :label="$t('message.lifter.maintenanceUnit')" prop="maintenanceUnit">
<el-form-item
:label="$t('message.lifter.maintenanceUnit')"
prop="maintenanceUnit"
>
<el-input
v-model="maintenanceForm.maintenanceUnit"
:placeholder="$t('message.lifter.pleaseEnter')"
@ -239,7 +274,10 @@
></el-input>
</el-form-item>
<!-- 上传图片 -->
<el-form-item :label="$t('message.lifter.uploadPictures')" prop="maintenanceImage">
<el-form-item
:label="$t('message.lifter.uploadPictures')"
prop="maintenanceImage"
>
<el-upload
:action="uploadUrl"
list-type="picture-card"
@ -258,13 +296,13 @@
</el-form>
<span slot="footer" class="dialog-footer">
<!-- 取 消 -->
<el-button @click="dialogVisible = false" size="medium"
>{{ $t('message.lifter.cancel') }}</el-button
>
<el-button @click="dialogVisible = false" size="medium">{{
$t('message.lifter.cancel')
}}</el-button>
<!-- 确 定 -->
<el-button type="primary" @click="saveBtn" size="medium"
>{{ $t('message.lifter.determine') }}</el-button
>
<el-button type="primary" @click="saveBtn" size="medium">{{
$t('message.lifter.determine')
}}</el-button>
</span>
</div>
</el-dialog>
@ -326,6 +364,10 @@ export default {
{ required: true, message: this.$t('message.lifter.pleaseUploadPictures'), trigger: "change" },
],
},
maintenanceEndTime: '',
maintenanceStartTime: '',
time: [],
};
},
created() {
@ -337,6 +379,16 @@ export default {
},
methods: {
//选择时间
getTime(val) {
if (val || val.length > 0) {
this.maintenanceEndTime = val[1];
this.maintenanceStartTime = val[0];
} else {
this.maintenanceEndTime = "";
this.maintenanceStartTime = "";
}
},
//获取设备列表下拉
getLifterList() {
let data = {
@ -357,6 +409,9 @@ export default {
pageNo: this.pageNo,
pageSize: this.pageSize,
devSn: this.devSn,
maintenanceStartTime: this.maintenanceStartTime,
maintenanceEndTime: this.maintenanceEndTime,
};
getMaintenanceListApi(data).then((res) => {
if (res.code == 200) {
@ -426,6 +481,7 @@ export default {
this.pageSize = 10;
this.devSn = "";
this.getListData();
this.time=[]
},
handleSizeChange(val) {
@ -444,26 +500,26 @@ export default {
// .alarmInfo {
// width: 100%;
// height: 100%;
// .title {
// background-color: #ffffff;
// padding: 0 20px;
// padding-top: 17px;
// height: 70px;
// box-sizing: border-box;
// }
// .content {
// margin-top: 10px;
// box-sizing: border-box;
// width: 100%;
// height: 720px;
// background-color: #ffffff;
// }
// .title {
// background-color: #ffffff;
// padding: 0 20px;
// padding-top: 17px;
// height: 70px;
// box-sizing: border-box;
// }
.dialog-footer{
display: flex;
justify-content: flex-end;
// .content {
// margin-top: 10px;
// box-sizing: border-box;
// width: 100%;
// height: 720px;
// background-color: #ffffff;
// }
// }
.dialog-footer {
display: flex;
justify-content: flex-end;
}
.dialog_content{
.dialog_content {
margin: 0 20px;
}
</style>

26
src/views/projectFront/towerCrane/devMaintain.vue
View File

@ -26,8 +26,9 @@
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item :label="$t('message.lifter.alarmTime')">
<el-form-item label="维保日期">
<el-date-picker
@change="getTime"
v-model="time"
type="daterange"
value-format="yyyy-MM-dd"
@ -36,7 +37,7 @@
:end-placeholder="$t('message.lifter.deadline')"
>
</el-date-picker>
</el-form-item> -->
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getMaintenanceList" plain>{{
$t('message.lifter.demand')
@ -285,7 +286,11 @@ export default {
maintenanceImage: [
{ required: true, message: '请上传图片', trigger: 'change' }
]
}
},
maintenanceEndTime: '',
maintenanceStartTime: '',
time: [],
}
},
@ -298,6 +303,16 @@ export default {
},
methods: {
//选择时间
getTime(val) {
if (val || val.length > 0) {
this.maintenanceEndTime = val[1];
this.maintenanceStartTime = val[0];
} else {
this.maintenanceEndTime = "";
this.maintenanceStartTime = "";
}
},
//获取设备下拉
getTowerList() {
let data = {
@ -317,7 +332,9 @@ export default {
projectSn: this.projectSn,
devSn: this.devSn,
pageNo: this.pageNo,
pageSize: this.pageSize
pageSize: this.pageSize,
maintenanceStartTime: this.maintenanceStartTime,
maintenanceEndTime: this.maintenanceEndTime,
}
getMaintenanceListApi(data).then((res) => {
if (res.code == 200) {
@ -333,6 +350,7 @@ export default {
this.pageNo = 1
this.pageSize = 10
this.getMaintenanceList()
this.time=[]
},
//新增按钮
addMaintenanceBtn() {