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/',//内蒙古 // FILEURL: 'http://101.43.164.214:12345/image/',//内蒙古
// UPLOADURL: 'http://42.194.144.62:8088/upload/image',//中建四 // UPLOADURL: 'http://42.194.144.62:8088/upload/image',//中建四
// FILEURL: 'http://42.194.144.62:8088/image/',//中建四 // FILEURL: 'http://42.194.144.62:8088/image/',//中建四
UPLOADURL: 'http://182.90.224.147:30262/upload/image',//四川成润 // UPLOADURL: 'http://182.90.224.147:30262/upload/image',//四川成润
FILEURL: 'http://182.90.224.147:30262/image/',//四川成润 // FILEURL: 'http://182.90.224.147:30262/image/',//四川成润
ACCOUNTTYPE: [ ACCOUNTTYPE: [
"系统管理员", "系统管理员",

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

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

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

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