elink-star
/
epmet-work-pc
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

若干bug

V1.0
tianq 3 years ago
parent
4600a0b80f
commit
01b4e37d72
16 changed files with 1881 additions and 1820 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
  2. 844
      src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/record.vue
  3. 2
      src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
  4. 910
      src/views/modules/shequzhili/tuceng/anquan/shebei/record.vue
  5. 113
      src/views/modules/shequzhili/tuceng/anquan/yinhuan/addForm.vue
  6. 4
      src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
  7. 12
      src/views/modules/shequzhili/tuceng/anquan/yinhuan/record.vue
  8. 2
      src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
  9. 2
      src/views/modules/shequzhili/tuceng/gonggongfuwu/index.vue
  10. 2
      src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
  11. 2
      src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
  12. 903
      src/views/modules/shequzhili/tuceng/yingji/wuzi/record.vue
  13. 3
      src/views/modules/shequzhili/tuceng/yingji/zizuzhi/addForm.vue
  14. 2
      src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
  15. 2
      src/views/modules/shequzhili/tuceng/zhonghe/shebei/index.vue
  16. 896
      src/views/modules/shequzhili/tuceng/zhonghe/shebei/record.vue

2
src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/index.vue
View File

@ -52,7 +52,7 @@
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

844
src/views/modules/shequzhili/tuceng/anquan/anquanxuncha/record.vue
View File

@ -1,423 +1,423 @@
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="patrolTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.patrolTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.patrolTime }}</div>
</template>
</el-table-column>
<el-table-column prop="staffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.staffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.staffName }}</div>
</template>
</el-table-column>
<el-table-column prop="mobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input v-if="scope.row.isEdit" type="number" v-model="scope.row.mobile" placeholder="请输入" class="input-width" clearable disabled></el-input>
<div v-else class="div-content">{{ scope.row.mobile }}</div>
</template>
</el-table-column>
<el-table-column prop="result" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.result" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.result == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<el-table-column prop="detailed" label="隐患明细" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">{{ scope.row.detailed }}</div>
</template>
</el-table-column>
<el-table-column prop="imgList" label="图片列表" align="center">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="reviewTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.reviewTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.reviewTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { staffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == staffId);
if (item) {
row.staffName = item.name;
row.mobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
// if (row.result == '0' && row.reviewTime == '') {
// this.$message.error('拟复查时间不能为空');
// } else {
// if (this.id) {
// console.log('有id');
// if (this.btnType == 'add') this.save(row);
// else this.edit(row);
// } else {
// this.$message.error('请先保存上方信息');
// }
// }
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
enterpriseId: this.id,
patrolTime: '',
staffId: '',
staffName: '',
mobile: '',
result: '',
reviewTime: '',
imgList: []
};
this.computeImgShowList(item);
this.tableData.push(item);
},
async save(row) {
const params = {
enterpriseId: this.id,
...row
};
const url = `/actual/base/enterprise/addorupdate-patrol`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
this.$message.error(msg);
}
},
async edit(row) {
const params = {
...row
};
const url = `/actual/base/enterprise/addorupdate-patrol`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
const url = `/actual/base/enterprise/del-patrol/${row.patrolId}`;
const { data, code, msg } = await requestPost(url);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const url = `/actual/base/enterprise/patrollist/${this.id}`;
console.log('getList---------------------------------------------------------------------------', url);
const { data, code, msg } = await requestPost(url);
if (code === 0) {
console.log('data', data);
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="patrolTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.patrolTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.patrolTime }}</div>
</template>
</el-table-column>
<el-table-column prop="staffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.staffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.staffName }}</div>
</template>
</el-table-column>
<el-table-column prop="mobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input v-if="scope.row.isEdit" type="number" v-model="scope.row.mobile" placeholder="请输入" class="input-width" clearable disabled></el-input>
<div v-else class="div-content">{{ scope.row.mobile }}</div>
</template>
</el-table-column>
<el-table-column prop="result" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.result" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.result == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<el-table-column prop="detailed" label="隐患明细" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">{{ scope.row.detailed }}</div>
</template>
</el-table-column>
<el-table-column prop="imgList" label="图片列表" align="center">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="reviewTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.reviewTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.reviewTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { staffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == staffId);
if (item) {
row.staffName = item.name;
row.mobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
// if (row.result == '0' && row.reviewTime == '') {
// this.$message.error('拟复查时间不能为空');
// } else {
// if (this.id) {
// console.log('有id');
// if (this.btnType == 'add') this.save(row);
// else this.edit(row);
// } else {
// this.$message.error('请先保存上方信息');
// }
// }
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
enterpriseId: this.id,
patrolTime: '',
staffId: '',
staffName: '',
mobile: '',
result: '',
reviewTime: '',
imgList: []
};
this.computeImgShowList(item);
if (!this.disabled) { this.tableData.push(item); }
},
async save(row) {
const params = {
enterpriseId: this.id,
...row
};
const url = `/actual/base/enterprise/addorupdate-patrol`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
this.$message.error(msg);
}
},
async edit(row) {
const params = {
...row
};
const url = `/actual/base/enterprise/addorupdate-patrol`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
const url = `/actual/base/enterprise/del-patrol/${row.patrolId}`;
const { data, code, msg } = await requestPost(url);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const url = `/actual/base/enterprise/patrollist/${this.id}`;
console.log('getList---------------------------------------------------------------------------', url);
const { data, code, msg } = await requestPost(url);
if (code === 0) {
console.log('data', data);
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
</style>

2
src/views/modules/shequzhili/tuceng/anquan/shebei/index.vue
View File

@ -30,7 +30,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

910
src/views/modules/shequzhili/tuceng/anquan/shebei/record.vue
View File

@ -1,456 +1,456 @@
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.inspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.inspectTime }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.inspectStaffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="number"
v-model="scope.row.inspectStaffMobile"
placeholder="请输入"
class="input-width"
clearable
disabled
></el-input>
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="detailed"
label="隐患明细"
align="center"
width="200px"
>
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">
{{ scope.row.detailed }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="imgList" label="图片列表" align="center" width="150px">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgShowList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.nextInspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
console.log('val------points', val);
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
console.log('id', this.id);
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
console.log('handleImgSuccess', res);
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
console.log('handleImgRemove', file);
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
console.log('type----', type);
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
console.log('row----', row);
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { inspectStaffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == inspectStaffId);
if (item) {
row.inspectStaffName = item.name;
row.inspectStaffMobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
// if (row.result == '0' && row.reviewTime == '') {
// this.$message.error('拟复查时间不能为空');
// } else {
// if (this.id) {
// console.log('有id');
// if (this.btnType == 'add') this.save(row);
// else this.edit(row);
// } else {
// this.$message.error('请先保存上方信息');
// }
// }
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
// id: this.id,
inspectTime: '',
inspectStaffId: '',
inspectStaffName: '',
inspectStaffMobile: '',
inspectResult: '',
imgList: [],
nextInspectTime: ''
};
this.computeImgShowList(item);
this.tableData.push(item);
},
async save(row) {
console.log(row, this.id);
const params = {
equipmentId: this.id,
...row
};
const url = `/actual/base/safetyEquipmentInspectRecord/save`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
this.$message.error(msg);
}
},
async edit(row) {
console.log(row, this.id);
const params = {
...row
};
const url = `/actual/base/safetyEquipmentInspectRecord/update`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
let arr = [row.id];
const url = `/actual/base/safetyEquipmentInspectRecord/delete`;
const { data, code, msg } = await requestPost(url, arr);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const params = {
equipmentId: this.id,
pageNo: 1,
pageSize: 10000
};
const url = `/actual/base/safetyEquipmentInspectRecord/page`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.inspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.inspectTime }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.inspectStaffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="number"
v-model="scope.row.inspectStaffMobile"
placeholder="请输入"
class="input-width"
clearable
disabled
></el-input>
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="detailed"
label="隐患明细"
align="center"
width="200px"
>
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">
{{ scope.row.detailed }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="imgList" label="图片列表" align="center" width="150px">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgShowList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.nextInspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
console.log('val------points', val);
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
console.log('id', this.id);
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
console.log('handleImgSuccess', res);
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
console.log('handleImgRemove', file);
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
console.log('type----', type);
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
console.log('row----', row);
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { inspectStaffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == inspectStaffId);
if (item) {
row.inspectStaffName = item.name;
row.inspectStaffMobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
// if (row.result == '0' && row.reviewTime == '') {
// this.$message.error('拟复查时间不能为空');
// } else {
// if (this.id) {
// console.log('有id');
// if (this.btnType == 'add') this.save(row);
// else this.edit(row);
// } else {
// this.$message.error('请先保存上方信息');
// }
// }
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
// id: this.id,
inspectTime: '',
inspectStaffId: '',
inspectStaffName: '',
inspectStaffMobile: '',
inspectResult: '',
imgList: [],
nextInspectTime: ''
};
this.computeImgShowList(item);
if (!this.disabled) { this.tableData.push(item); }
},
async save(row) {
console.log(row, this.id);
const params = {
equipmentId: this.id,
...row
};
const url = `/actual/base/safetyEquipmentInspectRecord/save`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
this.$message.error(msg);
}
},
async edit(row) {
console.log(row, this.id);
const params = {
...row
};
const url = `/actual/base/safetyEquipmentInspectRecord/update`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
let arr = [row.id];
const url = `/actual/base/safetyEquipmentInspectRecord/delete`;
const { data, code, msg } = await requestPost(url, arr);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const params = {
equipmentId: this.id,
pageNo: 1,
pageSize: 10000
};
const url = `/actual/base/safetyEquipmentInspectRecord/page`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
</style>

113
src/views/modules/shequzhili/tuceng/anquan/yinhuan/addForm.vue
View File

@ -17,7 +17,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="隐患场所" prop="dangerPlaceName">
<el-form-item label="隐患场所" prop="dangerPlaceName">
<el-input v-model="formData.dangerPlaceName" class="u-item-width-normal" size="small" clearable placeholder="请输入"></el-input>
</el-form-item>
</el-col>
@ -42,34 +42,38 @@
placeholder="请输入"
></el-input>
<div v-if="pageType != 'view'">
<div v-if="pageType != 'view'" style="margin-top:10px">
<!-- :data="{ customerId: customerId }" -->
<el-upload
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="formData.imgList"
:on-success="res => handleImgSuccess(res, formData)"
:on-remove="res => handleImgRemove(res, formData)"
list-type="picture"
:on-preview="handleImgPreview"
:on-success="handleImgSuccess"
:on-remove="handleImgRemove"
:on-exceed="handleImgExceed"
:before-upload="beforeImgUpload"
list-type="picture-card"
:limit="3"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div class="div-content" v-if="pageType != 'add'">
<!-- {{ formData.imgList }} -->
<!-- <div class="div-content" v-if="pageType != 'add'">
<el-image
v-if="formData.imgList.length > 0"
style="width: 100px; height: 50px"
:src="formData.imgList[0]"
:src="formData.imgList[0].url"
fit="cover"
:preview-src-list="formData.imgList"
:preview-src-list="formData.imgList.url"
></el-image>
</div>
</div> -->
</el-form-item>
</el-col>
<el-col :span="8">
@ -226,7 +230,7 @@ export default {
}
};
return {
detailIdcopy:this.detailId,
detailIdcopy: this.detailId,
btnDisable: false,
user: '',
agencyId: '',
@ -260,7 +264,8 @@ export default {
searchValue: '',
searchOptions: [],
resultList: [],
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2'
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId')
};
},
watch: {},
@ -283,6 +288,59 @@ export default {
},
methods: {
// handleImgSuccess(res, row) {
// if (res.code === 0 && res.msg === 'success') {
// row.imgList.push(res.data.url);
// this.computeImgShowList(row);
// } else {
// this.$message.error(res.msg);
// }
// },
handleImgSuccess(res, file, fileList) {
console.log('handleImgSuccess', file);
if (res.code === 0 && res.msg === 'success') {
let format = file.name.split('.').pop();
let srcType = file.raw.type;
let type = 'file';
console.log('==============================srcType: ', srcType);
if (srcType.indexOf('image') != -1) {
type = 'image';
} else if (srcType.indexOf('video') != -1) {
type = 'video';
}
this.formData.imgList.push({
format,
name: file.name,
size: file.size,
type,
url: res.data.url
});
console.log(this.formData.imgList);
} else {
this.$message.error(res.msg);
}
},
handleImgRemove(file) {
console.log('handleImgRemove', file);
if (file.response) {
let index = this.formData.imgList.findIndex(item => item.url == file.response.data.url);
this.formData.imgList.splice(index, 1);
} else if (file.url) {
let index = this.formData.imgList.findIndex(item => item.url == file.url);
this.formData.imgList.splice(index, 1);
}
},
handleImgPreview(file) {
console.log(file);
window.open(file.url || file.response.data.url);
},
handleImgExceed() {
this.$message({
type: 'warning',
message: '文件数量最多不超过三个'
});
},
async loadGrid() {
const url = '/gov/org/customergrid/gridoption';
let params = {
@ -303,6 +361,9 @@ export default {
if (code === 0) {
console.log('详情数据', data);
this.formData = { ...data };
this.formData.imgList = this.formData.imgList.map(item => {
return { url: item, name: "" };
});
this.initMap();
} else {
this.$message.error(msg);
@ -340,6 +401,9 @@ export default {
async save() {
console.log('this.formData', this.formData);
this.formData.imgList = this.formData.imgList.map(item => {
return item.url;
});
var url = '';
var params = {};
if (this.pageType == 'add') {
@ -465,21 +529,14 @@ export default {
this.formData.longitude = lonlat[0];
this.formData.location = selPosition.address + selPosition.name;
},
handleImgSuccess(res, row) {
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
handleImgRemove(file, row) {
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
// handleImgRemove(file, row) {
// let url = file.url || file.response.data.url;
// if (url) {
// row.imgList = row.imgList.filter(item => item !== url);
// this.computeImgShowList(row);
// }
// },
beforeImgUpload(file) {
const isLt1M = file.size / 1024 / 1024 < 10;

4
src/views/modules/shequzhili/tuceng/anquan/yinhuan/index.vue
View File

@ -42,7 +42,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"
@ -159,7 +159,7 @@ export default {
placeTypeList: [], //场所类型
tableData: [],
resultArray: [{ value: '0', label: '合格' }, { value: '1', label: '不合格' }],
handleStateArray: [{ value: '0', label: '待处理' }, { value: '1', label: '处理完成' }],
handleStateArray: [{ value: '0', label: '待处理' }, { value: '1', label: '已处理' },{ value: '2', label: '处理中' }],
pageNo: 1,
pageSize: window.localStorage.getItem('pageSize') || 20,
total: 1,

12
src/views/modules/shequzhili/tuceng/anquan/yinhuan/record.vue
View File

@ -113,8 +113,12 @@ export default {
value: '0'
},
{
label: '处理完成',
label: '已处理',
value: '1'
},
{
label: '处理中',
value: '2'
}
],
optionStaff: [
@ -251,7 +255,6 @@ export default {
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
@ -266,7 +269,9 @@ export default {
handleTime: ''
};
// this.computeImgShowList(item);
this.tableData.push(item);
if (!this.disabled) {
this.tableData.push(item);
}
},
async save(row) {
@ -332,6 +337,7 @@ export default {
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);

2
src/views/modules/shequzhili/tuceng/chengshiguanli/index.vue
View File

@ -36,7 +36,7 @@
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

2
src/views/modules/shequzhili/tuceng/gonggongfuwu/index.vue
View File

@ -28,7 +28,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

2
src/views/modules/shequzhili/tuceng/yingji/changsuo/index.vue
View File

@ -28,7 +28,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

2
src/views/modules/shequzhili/tuceng/yingji/wuzi/index.vue
View File

@ -37,7 +37,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

903
src/views/modules/shequzhili/tuceng/yingji/wuzi/record.vue
View File

@ -1,454 +1,451 @@
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.inspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.inspectTime }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.inspectStaffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="number"
v-model="scope.row.inspectStaffMobile"
placeholder="请输入"
class="input-width"
clearable
disabled
></el-input>
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="detailed"
label="隐患明细"
align="center"
width="200px"
>
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">
{{ scope.row.detailed }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="imgList" label="图片列表" align="center" width="150px">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.nextInspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
console.log('val------points', val);
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
console.log('id', this.id);
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
console.log('handleImgSuccess', res);
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
console.log('handleImgRemove', file);
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
console.log('type----', type);
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
console.log('row----', row);
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { inspectStaffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == inspectStaffId);
if (item) {
row.inspectStaffName = item.name;
row.inspectStaffMobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
// if (row.result == '0' && row.reviewTime == '') {
// this.$message.error('拟复查时间不能为空');
// } else {
// if (this.id) {
// console.log('有id');
// if (this.btnType == 'add') this.save(row);
// else this.edit(row);
// } else {
// this.$message.error('请先保存上方信息');
// }
// }
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
id: this.id,
inspectTime: '',
inspectStaffId: '',
inspectStaffName: '',
inspectStaffMobile: '',
inspectResult: '',
imgList: [],
nextInspectTime: ''
};
this.computeImgShowList(item);
this.tableData.push(item);
},
async save(row) {
const params = {
equipmentId: this.id,
...row
};
const url = `/actual/base/emergencyEquipment/inspect-save`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
return this.$message.error(res.msg);
}
},
async edit(row) {
const params = {
...row
};
const url = `/actual/base/emergencyEquipment/inspect-update`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
let arr = [row.id];
const url = `/actual/base/emergencyEquipment/inspect-delete`;
const { data, code, msg } = await requestPost(url, arr);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const params = {
equipmentId: this.id,
pageNo: 1,
pageSize: 10000
};
const url = `/actual/base/emergencyEquipment/inspect-page`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.inspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.inspectTime }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.inspectStaffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="number"
v-model="scope.row.inspectStaffMobile"
placeholder="请输入"
class="input-width"
clearable
disabled
></el-input>
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="detailed"
label="隐患明细"
align="center"
width="200px"
>
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">
{{ scope.row.detailed }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="imgList"
label="图片列表"
align="center"
width="150px">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload :headers="$getElUploadHeaders()" class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgShowList"
:on-success="(res) => handleImgSuccess(res, scope.row)"
:on-remove="(res) => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload">
<i class="el-icon-plus avatar-uploader-icon"></i> 最多三张图片
</el-upload>
</div>
<div v-else
class="div-content">
<el-image v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.nextInspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
console.log('val------points', val);
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
console.log('id', this.id);
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
console.log('handleImgSuccess', res);
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
console.log('handleImgRemove', file);
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
console.log('type----', type);
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
console.log('row----', row);
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { inspectStaffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == inspectStaffId);
if (item) {
row.inspectStaffName = item.name;
row.inspectStaffMobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
// if (row.result == '0' && row.reviewTime == '') {
// this.$message.error('拟复查时间不能为空');
// } else {
// if (this.id) {
// console.log('有id');
// if (this.btnType == 'add') this.save(row);
// else this.edit(row);
// } else {
// this.$message.error('请先保存上方信息');
// }
// }
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
id: this.id,
inspectTime: '',
inspectStaffId: '',
inspectStaffName: '',
inspectStaffMobile: '',
inspectResult: '',
imgList: [],
nextInspectTime: ''
};
this.computeImgShowList(item);
if (!this.disabled) { this.tableData.push(item); }
},
async save(row) {
const params = {
equipmentId: this.id,
...row
};
const url = `/actual/base/emergencyEquipment/inspect-save`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
return this.$message.error(res.msg);
}
},
async edit(row) {
const params = {
...row
};
const url = `/actual/base/emergencyEquipment/inspect-update`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
let arr = [row.id];
const url = `/actual/base/emergencyEquipment/inspect-delete`;
const { data, code, msg } = await requestPost(url, arr);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const params = {
equipmentId: this.id,
pageNo: 1,
pageSize: 10000
};
const url = `/actual/base/emergencyEquipment/inspect-page`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
</style>

3
src/views/modules/shequzhili/tuceng/yingji/zizuzhi/addForm.vue
View File

@ -280,7 +280,8 @@ export default {
categoryList: [{ required: true, message: '服务事项不能为空', trigger: 'blur' }],
principalName: [{ required: true, message: '负责人不能为空', trigger: 'blur' }],
principalPhone: [{ required: true, message: '联系电话不能为空', trigger: 'blur' }],
address: [{ required: true, message: '地址不能为空', trigger: 'blur' }]
address: [{ required: true, message: '地址不能为空', trigger: 'blur' }],
organizationCreatedTime: [{ required: true, message: '创建时间不能为空', trigger: 'blur' }],
// longitude: [
// { required: true, message: "请拖动地图选择坐标点", trigger: "blur" },
// ],

2
src/views/modules/shequzhili/tuceng/yingji/zizuzhi/index.vue
View File

@ -34,7 +34,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

2
src/views/modules/shequzhili/tuceng/zhonghe/shebei/index.vue
View File

@ -38,7 +38,7 @@
<div class="m-table">
<div class="div_btn">
<el-button size="small" type="primary " @click="handleAdd({}, 'add')">新增</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载导入模板</el-button>
<el-button class="diy-button--white" size="small" @click="handleExportModule('room')">下载模板</el-button>
<el-upload
:headers="$getElUploadHeaders()"
ref="upload"

896
src/views/modules/shequzhili/tuceng/zhonghe/shebei/record.vue
View File

@ -1,449 +1,449 @@
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.inspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.inspectTime }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.inspectStaffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="number"
v-model="scope.row.inspectStaffMobile"
placeholder="请输入"
class="input-width"
clearable
disabled
></el-input>
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="detailed"
label="隐患明细"
align="center"
width="200px"
>
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">
{{ scope.row.detailed }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="imgList" label="图片列表" align="center" width="150px">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgShowList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.nextInspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
console.log('val------points', val);
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
console.log('id', this.id);
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
console.log('handleImgSuccess', res);
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
console.log('handleImgRemove', file);
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
console.log('type----', type);
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
console.log('row----', row);
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { inspectStaffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == inspectStaffId);
if (item) {
row.inspectStaffName = item.name;
row.inspectStaffMobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
if (row.result == '0' && row.reviewTime == '') {
this.$message.error('拟复查时间不能为空');
} else {
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
// id: this.id,
inspectTime: '',
inspectStaffId: '',
inspectStaffName: '',
inspectStaffMobile: '',
inspectResult: '',
imgList: [],
nextInspectTime: ''
};
this.computeImgShowList(item);
this.tableData.push(item);
},
async save(row) {
console.log(row, this.id);
const params = {
equipmentId: this.id,
...row
};
const url = `/actual/base/monitoringEquipmentInspectRecord/save`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
this.$message.error(msg);
}
},
async edit(row) {
console.log(row, this.id);
const params = {
...row
};
const url = `/actual/base/monitoringEquipmentInspectRecord/update`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
let arr = [row.id];
const url = `/actual/base/monitoringEquipmentInspectRecord/delete`;
const { data, code, msg } = await requestPost(url, arr);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const params = {
equipmentId: this.id,
pageNo: 1,
pageSize: 10000
};
const url = `/actual/base/monitoringEquipmentInspectRecord/page`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
<template>
<div class="m-record">
<h3>检查记录</h3>
<div>
<!-- <div class="u-table-btn1 mt10" v-if="formType != 'view'">
<el-button size="small" class="diy-button--blue" :disabled="btnDisabled || disabled" @click="handleAdd">新增</el-button>
</div> -->
<div class="m-table-item">
<el-table :data="tableData" class="resi-table" row-key="id" border style="width: 100%">
<el-table-column label="序号" type="index" align="center" width="50"></el-table-column>
<el-table-column prop="inspectTime" label="检查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.inspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.inspectTime }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffId" label="检查人员" align="center" width="200px">
<template slot-scope="scope">
<el-select
v-if="scope.row.isEdit"
v-model="scope.row.inspectStaffId"
placeholder="请选择"
class="input-width"
@change="handleChangeStaff(scope.row)"
clearable
>
<el-option v-for="subItem in optionStaff" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectStaffName }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectStaffMobile" label="联系电话" align="center" width="200px">
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="number"
v-model="scope.row.inspectStaffMobile"
placeholder="请输入"
class="input-width"
clearable
disabled
></el-input>
<div v-else class="div-content">{{ scope.row.inspectStaffMobile }}</div>
</template>
</el-table-column>
<el-table-column prop="inspectResult" label="检查结果" align="center" width="200px">
<template slot-scope="scope">
<el-select v-if="scope.row.isEdit" v-model="scope.row.inspectResult" placeholder="请选择" class="input-width" size="small" clearable>
<el-option v-for="subItem in optionResult" :key="subItem.value" :label="subItem.label" :value="subItem.value"></el-option>
</el-select>
<div v-else class="div-content">{{ scope.row.inspectResult == 1 ? '正常' : '异常' }}</div>
</template>
</el-table-column>
<!-- <el-table-column
prop="detailed"
label="隐患明细"
align="center"
width="200px"
>
<template slot-scope="scope">
<el-input
v-if="scope.row.isEdit"
type="text"
v-model="scope.row.detailed"
placeholder="请输入"
class="input-width"
maxlength="500"
clearable
></el-input>
<div v-else class="div-content">
{{ scope.row.detailed }}
</div>
</template>
</el-table-column> -->
<el-table-column prop="imgList" label="图片列表" align="center" width="150px">
<template slot-scope="scope">
<div v-if="scope.row.isEdit">
<el-upload
:disabled="scope.row.imgList.length == 3"
:headers="$getElUploadHeaders()"
class="avatar-uploader"
:action="uploadUrl"
:data="{ customerId: customerId }"
:show-file-list="true"
:limit="3"
:file-list="scope.row.imgShowList"
:on-success="res => handleImgSuccess(res, scope.row)"
:on-remove="res => handleImgRemove(res, scope.row)"
list-type="picture"
:before-upload="beforeImgUpload"
>
<i class="el-icon-plus avatar-uploader-icon"></i>
最多三张图片
</el-upload>
</div>
<div v-else class="div-content">
<el-image
v-if="scope.row.imgList.length > 0"
style="width: 100px; height: 50px"
:src="scope.row.imgList[0]"
fit="cover"
:preview-src-list="scope.row.imgList"
></el-image>
</div>
</template>
</el-table-column>
<el-table-column prop="nextInspectTime" label="拟复查时间" align="center" width="200px">
<template slot-scope="scope">
<el-date-picker
v-if="scope.row.isEdit"
v-model="scope.row.nextInspectTime"
type="date"
class="input-width"
value-format="yyyy-MM-dd"
placeholder="选择日期"
></el-date-picker>
<div v-else class="div-content">{{ scope.row.nextInspectTime }}</div>
</template>
</el-table-column>
<el-table-column v-if="!disabled" fixed="right" label="操作" align="center" width="120">
<template slot-scope="scope">
<template v-if="scope.row.isEdit">
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="btn-color-edit">保存</el-button>
<el-button @click="handleChange(scope.row, 'cancle')" type="text" size="small" class="btn-color-edit">取消</el-button>
</template>
<template v-else>
<el-button v-if="formType == 'edit'" @click="handleChange(scope.row, 'edit')" type="text" size="small" :disabled="disabled" class="btn-color-edit">
修改
</el-button>
<el-popconfirm v-if="formType == 'edit'" title="删除之后无法恢复，确认删除？" @onConfirm="del(scope.row)" @confirm="del(scope.row)">
<el-button slot="reference" type="text" size="small" class="btn-color-del" style="margin-left: 10px">删除</el-button>
</el-popconfirm>
</template>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { requestPost, requestGet } from '@/js/dai/request';
export default {
props: {
id: {
type: String,
default: ''
},
info: {
type: Object,
default: () => ({})
},
disabled: {
type: Boolean,
default: false
},
formType: {
type: String,
default: ''
},
source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String,
default: 'manage'
}
},
data() {
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisabled: false,
btnType: 'cancle',
isEdit: false,
tableData: [],
tempRow: {},
optionResult: [
{
label: '异常',
value: '0'
},
{
label: '正常',
value: '1'
}
],
optionStaff: [
// {
// label: "人名",
// value: "inspectStaffId",
// },
]
};
},
computed: {
allowOperate() {
const {
info: { agencyId }
} = this;
return agencyId && agencyId == this.$store.state.user.agencyId;
}
},
watch: {
id: {
handler(val) {
console.log('val------points', val);
if (val.length > 0) {
this.btnDisabled = false;
// this.getList();
} else this.btnDisabled = true;
},
immediate: true
}
},
created() {
console.log('id', this.id);
this.getOptionStaff();
if (this.id) {
this.getList();
} else {
this.handleAdd();
}
},
methods: {
beforeImgUpload(file) {
console.log(file);
const isLt1M = file.size / 1024 / 1024 < 10;
const srcType = file.type;
const format = file.name.split('.').pop();
if (!isLt1M) {
this.$message.error('上传文件大小不能超过 10MB!');
return false;
}
if (srcType.indexOf('image') == -1) {
this.$message.error('仅限图片格式');
return false;
}
return true;
},
handleImgSuccess(res, row) {
console.log('handleImgSuccess', res);
if (res.code === 0 && res.msg === 'success') {
row.imgList.push(res.data.url);
this.computeImgShowList(row);
} else {
this.$message.error(res.msg);
}
},
computeImgShowList(row) {
row.imgShowList = row.imgList.map(url => {
return { name: '', url };
});
},
handleImgRemove(file, row) {
console.log('handleImgRemove', file);
let url = file.url || file.response.data.url;
if (url) {
row.imgList = row.imgList.filter(item => item !== url);
this.computeImgShowList(row);
}
},
getRowClass({ rowIndex, columnIndex }) {
if (rowIndex === 0) {
return 'background: #2195fe; color: #fff;';
}
},
handleChange(row, type) {
console.log('type----', type);
if (type == 'cancle') {
row = { ...this.tempRow };
row.isEdit = false;
if (this.btnType == 'add') this.tableData.pop();
this.getList();
console.log('row----', row);
} else {
this.tempRow = { ...row };
row.isEdit = true;
}
this.btnType = type;
this.isEdit = !this.isEdit;
},
handleChangeStaff(row) {
const { inspectStaffId } = row;
const { optionStaff } = this;
let item = optionStaff.find(item => item.value == inspectStaffId);
if (item) {
row.inspectStaffName = item.name;
row.inspectStaffMobile = item.mobile;
}
},
async getOptionStaff() {
let url = `/data/aggregator/org/staff-select-list/${this.$store.state.user.agencyId}`;
const { data, code, msg } = await requestPost(url, {});
if (code === 0) {
this.optionStaff = data || [];
} else {
this.$message.error('请求工作人员数据失败！');
}
},
async handleEdit(row) {
if (row.result == '0' && row.reviewTime == '') {
this.$message.error('拟复查时间不能为空');
} else {
if (this.id) {
console.log('有id');
if (this.btnType == 'add') this.save(row);
else this.edit(row);
} else {
this.$message.error('请先保存上方信息');
}
}
},
handleAdd() {
this.btnType = 'add';
this.isEdit = true;
const item = {
isEdit: true,
// id: this.id,
inspectTime: '',
inspectStaffId: '',
inspectStaffName: '',
inspectStaffMobile: '',
inspectResult: '',
imgList: [],
nextInspectTime: ''
};
this.computeImgShowList(item);
if (!this.disabled) { this.tableData.push(item); }
},
async save(row) {
console.log(row, this.id);
const params = {
equipmentId: this.id,
...row
};
const url = `/actual/base/monitoringEquipmentInspectRecord/save`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.btnType = 'cancle';
this.getList();
} else {
this.$message.error(msg);
}
},
async edit(row) {
console.log(row, this.id);
const params = {
...row
};
const url = `/actual/base/monitoringEquipmentInspectRecord/update`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.$message.success('保存成功');
row.isEdit = false;
this.isEdit = false;
this.getList();
} else {
this.$message.error(msg);
}
},
async del(row) {
let arr = [row.id];
const url = `/actual/base/monitoringEquipmentInspectRecord/delete`;
const { data, code, msg } = await requestPost(url, arr);
if (code === 0) {
this.$message.success('删除成功');
this.getList();
} else {
this.$message.error(msg);
}
},
async getList() {
const params = {
equipmentId: this.id,
pageNo: 1,
pageSize: 10000
};
const url = `/actual/base/monitoringEquipmentInspectRecord/page`;
const { data, code, msg } = await requestPost(url, params);
if (code === 0) {
this.tableData = data.list.map(item => {
this.computeImgShowList(item);
return {
...item,
isEdit: false
};
});
this.handleAdd();
} else {
this.$message.error(msg);
}
}
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';
.mt10 {
margin-bottom: 10px;
}
.input-width {
width: 170px;
}
</style>

Write Preview
Loading…
Cancel
Save