dai
3 years ago
6 changed files with 2893 additions and 6 deletions
File diff suppressed because it is too large
@ -0,0 +1,952 @@ |
|||
<template> |
|||
<div class="g-main"> |
|||
<div v-show="true"> |
|||
<div class="m-search" ref="ref_search"> |
|||
<el-form |
|||
:inline="true" |
|||
ref="ref_searchform" |
|||
label-width="100px" |
|||
> |
|||
<div> |
|||
<el-form-item |
|||
v-for="item in searchParams" |
|||
:key="'serach' + item.keyName" |
|||
:label="item.field" |
|||
:prop="item.keyName" |
|||
> |
|||
<template v-if="item.type == 'input'"> |
|||
<el-input |
|||
v-model="item.value" |
|||
size="small" |
|||
class="u-item-width-normal" |
|||
clearable |
|||
:placeholder="item.placeholder || '请输入'" |
|||
> |
|||
</el-input> |
|||
</template> |
|||
<template v-else-if="item.type == 'select'"> |
|||
<el-select |
|||
v-model="item.value" |
|||
:placeholder="item.placeholder || '请选择'" |
|||
size="small" |
|||
clearable |
|||
class="u-item-width-normal" |
|||
:multiple="item.multiple || false" |
|||
> |
|||
<el-option |
|||
v-for="item in item.optionList" |
|||
:key=" |
|||
'serach' + item.keyName + item.value |
|||
" |
|||
:label="item.label" |
|||
:value="item.value" |
|||
> |
|||
</el-option> |
|||
</el-select> |
|||
</template> |
|||
<template v-else-if="item.type == 'cascader'"> |
|||
<el-cascader |
|||
v-model="item.value" |
|||
:placeholder="item.placeholder || '请选择'" |
|||
:options="item.optionList" |
|||
:props="item.optionProps" |
|||
:show-all-levels="false" |
|||
size="small" |
|||
clearable |
|||
class="u-item-width-normal" |
|||
@change=" |
|||
(e) => handleChangeCascader(e, item) |
|||
" |
|||
> |
|||
</el-cascader> |
|||
</template> |
|||
<template v-if="item.type == 'date-range'"> |
|||
<el-date-picker |
|||
v-model="item.supValues[0]" |
|||
type="date" |
|||
placeholder="开始时间" |
|||
style="width: 150px" |
|||
value-format="yyyy-MM-dd" |
|||
clearable |
|||
> |
|||
</el-date-picker> |
|||
<span |
|||
style=" |
|||
display: inline-block; |
|||
margin: 0 10px; |
|||
" |
|||
>至</span |
|||
> |
|||
<el-date-picker |
|||
v-model="item.supValues[1]" |
|||
type="date" |
|||
placeholder="结束时间" |
|||
style="width: 150px" |
|||
value-format="yyyy-MM-dd" |
|||
clearable |
|||
> |
|||
</el-date-picker> |
|||
</template> |
|||
<template v-if="item.type == 'date'"> |
|||
<el-date-picker |
|||
v-model="item.value" |
|||
type="date" |
|||
size="small" |
|||
placeholder="" |
|||
value-format="yyyy-MM-dd" |
|||
class="u-item-width-normal" |
|||
clearable |
|||
> |
|||
</el-date-picker> |
|||
</template> |
|||
</el-form-item> |
|||
|
|||
<div class="u-search-btn"> |
|||
<el-button |
|||
size="small" |
|||
class="diy-button--white" |
|||
@click="resetSearch" |
|||
>重置</el-button |
|||
><el-button |
|||
size="small" |
|||
class="diy-button--blue" |
|||
@click="handleSearch" |
|||
>查询</el-button |
|||
> |
|||
</div> |
|||
</div> |
|||
</el-form> |
|||
</div> |
|||
|
|||
<div |
|||
class="m-table" |
|||
:style="{ height: maxTableHeight + 130 + 'px' }" |
|||
> |
|||
<div class="u-table-btn1"> |
|||
<el-button |
|||
class="diy-button--blue" |
|||
v-if="addUrl" |
|||
size="small" |
|||
@click="handleAdd" |
|||
>新增</el-button |
|||
> |
|||
|
|||
<el-button |
|||
v-if="mubanUrl" |
|||
class="diy-button--white" |
|||
size="small" |
|||
@click="handleExportModule('room')" |
|||
>下载模板</el-button |
|||
> |
|||
|
|||
<el-upload |
|||
:headers="$getElUploadHeaders()" |
|||
v-if="importUrl" |
|||
ref="upload" |
|||
class="upload-btn" |
|||
action="uploadUlr" |
|||
:limit="1" |
|||
:accept="'.xls,.xlsx'" |
|||
:with-credentials="true" |
|||
:show-file-list="false" |
|||
:auto-upload="true" |
|||
:before-upload="beforeExcelUpload" |
|||
:http-request="uploadHttpRequest" |
|||
style="margin-left: 10px" |
|||
> |
|||
<el-button size="small" class="diy-button--white" |
|||
>导入</el-button |
|||
> |
|||
</el-upload> |
|||
|
|||
<el-button |
|||
v-if="exportUrl" |
|||
@click="handleExport" |
|||
class="diy-button--white" |
|||
size="small" |
|||
style="margin-left: 10px" |
|||
>导出</el-button |
|||
> |
|||
|
|||
<el-button |
|||
v-if="qrCodeExportUrl" |
|||
@click="handleExportQrcode" |
|||
class="diy-button--white" |
|||
size="small" |
|||
>导出员工登记码</el-button |
|||
> |
|||
|
|||
<el-button |
|||
v-if="delMultipleUrl" |
|||
size="small" |
|||
@click="handleDeleteMultiple" |
|||
class="diy-button--white" |
|||
>批量删除</el-button |
|||
> |
|||
|
|||
<slot |
|||
name="listBtn" |
|||
v-bind:multipleSelection="multipleSelection" |
|||
></slot> |
|||
</div> |
|||
|
|||
<div class="m-table-item"> |
|||
<el-table |
|||
ref="ref_table" |
|||
:data="tableData" |
|||
border |
|||
class="resi-table" |
|||
style="width: 100%" |
|||
:height="maxTableHeight" |
|||
@selection-change="handleSelectionChange" |
|||
> |
|||
<template |
|||
v-for="(item, index) in tableParams" |
|||
:prop="item.keyName" |
|||
> |
|||
<el-table-column |
|||
v-if="item.type == 'selection'" |
|||
:key="'table-selection' + index" |
|||
type="selection" |
|||
align="center" |
|||
width="50" |
|||
/> |
|||
|
|||
<el-table-column |
|||
v-if="item.type == 'no'" |
|||
:key="'table-no' + item.keyName" |
|||
:label="item.field" |
|||
fixed="left" |
|||
type="index" |
|||
align="center" |
|||
width="50" |
|||
/> |
|||
|
|||
<el-table-column |
|||
v-else-if="item.type == 'text'" |
|||
:key="'table' + item.keyName" |
|||
:prop="item.keyName" |
|||
:label="item.field" |
|||
align="center" |
|||
:width="item.width || ''" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
</el-table-column> |
|||
|
|||
<el-table-column |
|||
v-else-if="item.type == 'array'" |
|||
:key="'table-array' + item.keyName" |
|||
:prop="item.keyName" |
|||
:label="item.field" |
|||
align="center" |
|||
:width="item.width || ''" |
|||
:show-overflow-tooltip="true" |
|||
> |
|||
<template slot-scope="scope"> |
|||
{{ |
|||
scope.row[item.keyName].join( |
|||
item.arrayDiv || "," |
|||
) |
|||
}} |
|||
</template> |
|||
</el-table-column> |
|||
</template> |
|||
|
|||
<el-table-column |
|||
v-if="operateCol" |
|||
fixed="right" |
|||
label="操作" |
|||
align="center" |
|||
width="200" |
|||
> |
|||
<template slot-scope="scope"> |
|||
<slot |
|||
name="listBtnbefore" |
|||
v-bind:item="scope.row" |
|||
></slot> |
|||
<el-button |
|||
v-if="infoUrl && infoAuth(scope.row)" |
|||
@click="handleWatch(scope.row)" |
|||
type="text" |
|||
size="small" |
|||
class=".div-table-button--detail" |
|||
>查看</el-button |
|||
> |
|||
<el-button |
|||
v-if="editUrl && editAuth(scope.row)" |
|||
@click="handleEdit(scope.row)" |
|||
type="text" |
|||
size="small" |
|||
class="div-table-button--edit" |
|||
>{{ editBtnName(scope.row) }}</el-button |
|||
> |
|||
<el-popconfirm |
|||
v-if="delUrl && delAuth(scope.row)" |
|||
title="删除之后无法回复，确认删除？" |
|||
@onConfirm=" |
|||
handleDelete(scope.row, scope.$index) |
|||
" |
|||
@confirm=" |
|||
handleDelete(scope.row, scope.$index) |
|||
" |
|||
> |
|||
<el-button |
|||
slot="reference" |
|||
type="text" |
|||
size="small" |
|||
style="margin-left: 10px" |
|||
class="div-table-button--delete" |
|||
>删除</el-button |
|||
> |
|||
</el-popconfirm> |
|||
|
|||
<slot |
|||
name="listBtnSup" |
|||
v-bind:item="scope.row" |
|||
></slot> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
|
|||
<div> |
|||
<el-pagination |
|||
@size-change="handleSizeChange" |
|||
@current-change="handleCurrentChange" |
|||
:current-page.sync="pageNo" |
|||
:page-sizes="[20, 50, 100, 200]" |
|||
:page-size="parseInt(pageSize)" |
|||
layout="sizes, prev, pager, next, total" |
|||
:total="total" |
|||
> |
|||
</el-pagination> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 修改弹出框 --> |
|||
<el-dialog |
|||
v-if="formShow" |
|||
:visible.sync="formShow" |
|||
:close-on-click-modal="false" |
|||
:close-on-press-escape="false" |
|||
:title="formTitle" |
|||
:width="editParamsDiv ? '990px' : '670px'" |
|||
top="5vh" |
|||
class="m-dialog" |
|||
@closed="handleClose" |
|||
> |
|||
<edit-form |
|||
v-if="formShow" |
|||
ref="editForm" |
|||
:idName="idName" |
|||
:formId="formId" |
|||
:formType="formType" |
|||
:infoUrl="infoUrl" |
|||
:addUrl="addUrl" |
|||
:editUrl="editUrl" |
|||
:editParams="editParams" |
|||
:editParamsDiv="editParamsDiv" |
|||
:editElseRules="editElseRules" |
|||
:editFixedParams="editFixedParams" |
|||
:formBtnFixed="formBtnFixed" |
|||
:editConfig="editConfig" |
|||
@close="handleClose" |
|||
@afterEdit="handleEditSuccess" |
|||
> |
|||
<template v-slot:bottomSup="{ id, formType, info }"> |
|||
<slot |
|||
name="editBottomSup" |
|||
v-bind:id="id" |
|||
v-bind:formType="formType" |
|||
v-bind:info="info" |
|||
></slot> |
|||
</template> |
|||
<template v-slot:operateSup="{ id, formType, info }"> |
|||
<slot |
|||
name="editOperateSup" |
|||
v-bind:id="id" |
|||
v-bind:formType="formType" |
|||
v-bind:info="info" |
|||
></slot> |
|||
</template> |
|||
</edit-form> |
|||
</el-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { requestPost } from "@/js/dai/request"; |
|||
import { mapGetters } from "vuex"; |
|||
import axios from "axios"; |
|||
import editForm from "./cpts/edit"; |
|||
import nextTick from "dai-js/tools/nextTick"; |
|||
|
|||
export default { |
|||
components: { editForm }, |
|||
|
|||
props: { |
|||
searchParams: { |
|||
type: Array, |
|||
default: () => [], |
|||
}, |
|||
searchUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
|
|||
tableParams: { |
|||
type: Array, |
|||
default: () => [], |
|||
}, |
|||
|
|||
tableUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
|
|||
addUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
editUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
delUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
delMultipleUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
infoUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
exportUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
qrCodeExportUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
importUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
mubanUrl: { |
|||
type: String, |
|||
default: "", |
|||
}, |
|||
|
|||
infoAuth: { |
|||
type: Function, |
|||
default: () => true, |
|||
}, |
|||
editAuth: { |
|||
type: Function, |
|||
default: () => true, |
|||
}, |
|||
editBtnName: { |
|||
type: Function, |
|||
default: () => "修改", |
|||
}, |
|||
delAuth: { |
|||
type: Function, |
|||
default: () => true, |
|||
}, |
|||
|
|||
editParams: { |
|||
type: Array, |
|||
default: () => [], |
|||
}, |
|||
editElseRules: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
editConfig: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
editFixedParams: { |
|||
type: Object, |
|||
default: () => ({}), |
|||
}, |
|||
editParamsDiv: { |
|||
type: Number, |
|||
default: 0, |
|||
}, |
|||
|
|||
idName: { |
|||
type: String, |
|||
default: "id", |
|||
}, |
|||
|
|||
formBtnFixed: { |
|||
type: Boolean, |
|||
default: true, |
|||
}, |
|||
|
|||
operateCol: { |
|||
type: Boolean, |
|||
default: true, |
|||
}, |
|||
|
|||
cookTableData: { |
|||
type: Function, |
|||
default: (val) => val, |
|||
}, |
|||
}, |
|||
|
|||
data() { |
|||
return { |
|||
tableData: [], |
|||
|
|||
pageNo: 1, |
|||
pageSize: window.localStorage.getItem("pageSize") || 20, |
|||
total: 1, |
|||
|
|||
formId: "", |
|||
formShow: false, |
|||
formTitle: "详情", |
|||
formType: "", // 列表list 新增add 修改edit 详情info |
|||
|
|||
ref_search_height: 100, |
|||
|
|||
multipleSelection: [], |
|||
}; |
|||
}, |
|||
|
|||
computed: { |
|||
maxTableHeight() { |
|||
const { ref_search_height } = this; |
|||
return this.$store.state.inIframe |
|||
? this.clientHeight - |
|||
ref_search_height - |
|||
265 + |
|||
this.iframeHeight |
|||
: this.clientHeight - ref_search_height - 265; |
|||
}, |
|||
...mapGetters(["clientHeight", "iframeHeight"]), |
|||
}, |
|||
|
|||
watch: {}, |
|||
|
|||
async mounted() { |
|||
console.log(this.$store.state); |
|||
this.user = this.$store.state.user; |
|||
|
|||
this.agencyId = this.user.agencyId; |
|||
|
|||
this.iniSearchData(); |
|||
|
|||
this.getTableData(); |
|||
|
|||
await nextTick(100); |
|||
this.computeSearchHeight(); |
|||
}, |
|||
|
|||
activated() { |
|||
console.log("-------------activated"); |
|||
this.$refs["ref_table"].doLayout(); |
|||
}, |
|||
|
|||
methods: { |
|||
handleSelectionChange(val) { |
|||
console.log(val); |
|||
this.multipleSelection = val; |
|||
}, |
|||
|
|||
computeSearchHeight() { |
|||
this.ref_search_height = this.$refs["ref_search"].clientHeight; |
|||
console.log(this.$refs["ref_search"]); |
|||
console.log(this.ref_search_height); |
|||
}, |
|||
|
|||
iniSearchData() { |
|||
const { searchParams } = this; |
|||
searchParams.forEach((item, index) => { |
|||
if (item.type == "select" || item.type == "cascader") { |
|||
if (item.optionUrl) { |
|||
this.getFmOptions( |
|||
index, |
|||
item.optionUrl, |
|||
item.optionUrlParams || {}, |
|||
item.optionCook || null |
|||
); |
|||
} |
|||
} |
|||
}); |
|||
}, |
|||
|
|||
async getFmOptions(index, url, params, cookFn) { |
|||
const { data, code, msg } = await requestPost(url, { |
|||
...params, |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.searchParams[index].optionList = |
|||
typeof cookFn == "function" ? cookFn(data) : data || []; |
|||
} else { |
|||
this.$message.error("请求检索基础数据失败！"); |
|||
} |
|||
}, |
|||
|
|||
handleChangeCascader(vals, item) { |
|||
if (typeof item.handleChangeFn == "function") { |
|||
item.handleChangeFn(vals, item); |
|||
} |
|||
}, |
|||
|
|||
handleSearch(val) { |
|||
this.pageNo = 1; |
|||
|
|||
this.getTableData(); |
|||
}, |
|||
|
|||
beforeExcelUpload(file) { |
|||
console.log("file", file); |
|||
const isType = file.type === "application/vnd.ms-excel"; |
|||
const isTypeComputer = |
|||
file.type === |
|||
"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"; |
|||
const fileType = isType || isTypeComputer; |
|||
const isLt1M = file.size / 1024 / 1024 < 10; |
|||
if (!fileType) { |
|||
this.$message.error("上传文件只能是xls/xlsx格式！"); |
|||
} |
|||
|
|||
if (!isLt1M) { |
|||
this.$message.error("上传文件大小不能超过 10MB!"); |
|||
} |
|||
return fileType && isLt1M; |
|||
}, |
|||
|
|||
async uploadHttpRequest(file) { |
|||
let { importUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
this.$message({ |
|||
showClose: true, |
|||
message: "导入中，请到系统管理-导入记录中查看进度", |
|||
duration: 0, |
|||
}); |
|||
|
|||
const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加 |
|||
formData.append("file", file.file); //添加文件对象 |
|||
await this.$http |
|||
.post(url, formData) |
|||
.then((res) => { |
|||
console.log("res-up", res); |
|||
if (res.data.code == 0 && res.data.msg == "success") { |
|||
// this.$message.success('导入成功') |
|||
this.getTableData(); |
|||
this.$refs.upload.clearFiles(); |
|||
} else this.$message.error(res.data.msg); |
|||
}) |
|||
.catch((err) => { |
|||
console.log("失败", err); |
|||
file.onError(); //上传失败的文件会从文件列表中删除 |
|||
// this.$message.error('导入失败') |
|||
}); |
|||
}, |
|||
|
|||
async handleExportModule() { |
|||
let { mubanUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
await this.$http({ |
|||
method: "POST", |
|||
url, |
|||
responseType: "blob", |
|||
data: {}, |
|||
}) |
|||
.then((res) => { |
|||
// this.download(res.data, title + '.xls') |
|||
if (res.headers["content-disposition"]) { |
|||
let fileName = window.decodeURI( |
|||
res.headers["content-disposition"] |
|||
.split(";")[1] |
|||
.split("=")[1] |
|||
); |
|||
console.log("filename", fileName); |
|||
let blob = new Blob([res.data], { |
|||
type: "application/vnd.ms-excel", |
|||
}); |
|||
var url = window.URL.createObjectURL(blob); |
|||
var aLink = document.createElement("a"); |
|||
aLink.style.display = "none"; |
|||
aLink.href = url; |
|||
aLink.setAttribute("download", fileName); |
|||
document.body.appendChild(aLink); |
|||
aLink.click(); |
|||
document.body.removeChild(aLink); //下载完成移除元素 |
|||
window.URL.revokeObjectURL(url); //释放掉blob对象 |
|||
} else this.$message.error("下载失败"); |
|||
}) |
|||
.catch((err) => { |
|||
console.log("err", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
async handleExport() { |
|||
const { exportUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
const { pageSize, pageNo } = this; |
|||
|
|||
axios({ |
|||
url: window.SITE_CONFIG["apiURL"] + url, |
|||
method: "post", |
|||
data: { |
|||
pageSize, |
|||
pageNo, |
|||
...this.computeFmData(), |
|||
}, |
|||
responseType: "blob", |
|||
}) |
|||
.then((res) => { |
|||
let fileName = window.decodeURI( |
|||
res.headers["content-disposition"] |
|||
.split(";")[1] |
|||
.split("=")[1] |
|||
); |
|||
console.log("filename", fileName); |
|||
let blob = new Blob([res.data], { |
|||
type: "application/vnd.ms-excel", |
|||
}); |
|||
var url = window.URL.createObjectURL(blob); |
|||
var aLink = document.createElement("a"); |
|||
aLink.style.display = "none"; |
|||
aLink.href = url; |
|||
aLink.setAttribute("download", fileName); |
|||
document.body.appendChild(aLink); |
|||
aLink.click(); |
|||
document.body.removeChild(aLink); //下载完成移除元素 |
|||
window.URL.revokeObjectURL(url); //释放掉blob对象 |
|||
}) |
|||
.catch((err) => { |
|||
console.log("获取导出情失败", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
async handleExportQrcode() { |
|||
const { qrCodeExportUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
const { pageSize, pageNo } = this; |
|||
|
|||
axios({ |
|||
url: window.SITE_CONFIG["apiURL"] + url, |
|||
method: "post", |
|||
data: { |
|||
pageSize, |
|||
pageNo, |
|||
...this.computeFmData(), |
|||
}, |
|||
responseType: "blob", |
|||
}) |
|||
.then((res) => { |
|||
let fileName = window.decodeURI( |
|||
res.headers["content-disposition"] |
|||
.split(";")[1] |
|||
.split("=")[1] |
|||
); |
|||
console.log("filename", fileName); |
|||
let blob = new Blob([res.data], { |
|||
type: "application/vnd.ms-excel", |
|||
}); |
|||
var url = window.URL.createObjectURL(blob); |
|||
var aLink = document.createElement("a"); |
|||
aLink.style.display = "none"; |
|||
aLink.href = url; |
|||
aLink.setAttribute("download", fileName); |
|||
document.body.appendChild(aLink); |
|||
aLink.click(); |
|||
document.body.removeChild(aLink); //下载完成移除元素 |
|||
window.URL.revokeObjectURL(url); //释放掉blob对象 |
|||
}) |
|||
.catch((err) => { |
|||
console.log("获取导出情失败", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
handleAdd() { |
|||
this.formType = "add"; |
|||
this.formTitle = "新增"; |
|||
this.formShow = true; |
|||
}, |
|||
|
|||
handleWatch(row) { |
|||
const { idName } = this; |
|||
this.formType = "watch"; |
|||
this.formId = row[idName]; |
|||
this.formTitle = "查看"; |
|||
this.formShow = true; |
|||
}, |
|||
|
|||
handleEdit(row) { |
|||
const { idName } = this; |
|||
this.formType = "edit"; |
|||
this.formId = row[idName]; |
|||
this.formTitle = "修改"; |
|||
this.formShow = true; |
|||
}, |
|||
|
|||
handleClose() { |
|||
this.formShow = false; |
|||
this.getTableData(); |
|||
}, |
|||
|
|||
handleEditSuccess() { |
|||
this.handleClose(); |
|||
// this.getTableData(); |
|||
}, |
|||
|
|||
async handleDeleteMultiple() { |
|||
let { delMultipleUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
const { multipleSelection, idName } = this; |
|||
|
|||
const { data, code, msg } = await requestPost(url, [ |
|||
...multipleSelection.map((item) => item[idName]), |
|||
]); |
|||
|
|||
if (code === 0) { |
|||
this.$message.success("批量删除成功！"); |
|||
this.getTableData(); |
|||
} else { |
|||
this.$message.error("操作失败！"); |
|||
} |
|||
}, |
|||
|
|||
async handleDelete(rowData, rowIndex) { |
|||
console.log(rowData, rowIndex); |
|||
let { delUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
const { tableData, idName } = this; |
|||
const idValue = tableData[rowIndex][idName]; |
|||
let param = { |
|||
[idName]: idValue, |
|||
}; |
|||
if (url.endsWith("/")) { |
|||
url += idValue; |
|||
} |
|||
if (url.endsWith("批量")) { |
|||
url = url.slice(0, -2); |
|||
param = [idValue]; |
|||
} |
|||
|
|||
const { data, code, msg } = await requestPost(url, param); |
|||
|
|||
if (code === 0) { |
|||
this.$message.success("删除成功！"); |
|||
this.getTableData(); |
|||
} else { |
|||
this.$message.error("操作失败！"); |
|||
} |
|||
}, |
|||
|
|||
computeFmData() { |
|||
let fmData = {}; |
|||
this.searchParams.forEach((item) => { |
|||
fmData[item.keyName] = item.value; |
|||
if (item.supValues) { |
|||
item.supValues.forEach((value, index) => { |
|||
fmData[item.supKeys[index]] = value; |
|||
}); |
|||
} |
|||
}); |
|||
return fmData; |
|||
}, |
|||
|
|||
refresh() { |
|||
this.getTableData(); |
|||
}, |
|||
|
|||
async getTableData() { |
|||
const { tableUrl: url } = this; |
|||
if (!url) return; |
|||
|
|||
const { pageSize, pageNo } = this; |
|||
const { data, code, msg } = await requestPost(url, { |
|||
pageSize, |
|||
pageNo, |
|||
...this.computeFmData(), |
|||
}); |
|||
|
|||
if (code === 0) { |
|||
this.total = data.total || 0; |
|||
this.tableData = data.list ? this.cookTableData(data.list) : []; |
|||
} else { |
|||
this.$message.error(msg); |
|||
} |
|||
}, |
|||
|
|||
handleSizeChange(val) { |
|||
this.pageSize = val; |
|||
window.localStorage.setItem("pageSize", val); |
|||
this.getTableData(); |
|||
}, |
|||
handleCurrentChange(val) { |
|||
this.pageNo = val; |
|||
this.getTableData(); |
|||
}, |
|||
|
|||
resetSearch() { |
|||
console.log("----------------resetSearch", this.searchParams); |
|||
this.searchParams.forEach((item) => { |
|||
if (typeof item.value == "string") { |
|||
item.value = ""; |
|||
} else if (Array.isArray(item.value)) { |
|||
item.value = []; |
|||
} |
|||
if (item.supValues) { |
|||
item.supValues = item.supValues.map((value, index) => { |
|||
if (typeof value == "string") { |
|||
return ""; |
|||
} else if (Array.isArray(value)) { |
|||
return []; |
|||
} |
|||
return value; |
|||
}); |
|||
} |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
@import "@/assets/scss/buttonstyle.scss"; |
|||
@import "@/assets/scss/modules/management/list-main.scss"; |
|||
|
|||
.m-dialog { |
|||
/deep/ .el-dialog__body { |
|||
position: relative; |
|||
max-height: 83vh; |
|||
box-sizing: border-box; |
|||
padding: 0 0 20px !important; |
|||
.dialog-h-content { |
|||
max-height: calc(83vh - 80px); |
|||
box-sizing: border-box; |
|||
padding: 50px 80px; |
|||
overflow: auto; |
|||
} |
|||
} |
|||
|
|||
.resi-btns { |
|||
margin-top: 20px; |
|||
text-align: center; |
|||
text-align: right; |
|||
margin-right: 16px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,594 @@ |
|||
<template> |
|||
<div class="m-record"> |
|||
<h3>检查记录</h3> |
|||
<div> |
|||
<div class="u-table-btn1 mt10" v-if="formType == 'edit'"> |
|||
<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 } 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() { |
|||
this.getOptionStaff(); |
|||
}, |
|||
|
|||
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 (this.btnType == "add") this.save(row); |
|||
else this.edit(row); |
|||
}, |
|||
|
|||
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, |
|||
}; |
|||
await this.$http |
|||
.post( |
|||
"/actual/base/monitoringEquipmentInspectRecord/save", |
|||
params |
|||
) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
this.$message.success("保存成功"); |
|||
row.isEdit = false; |
|||
this.isEdit = false; |
|||
this.btnType = "cancle"; |
|||
this.getList(); |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
console.log("err", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
async edit(row) { |
|||
const params = { |
|||
...row, |
|||
}; |
|||
|
|||
await this.$http |
|||
.post( |
|||
"/actual/base/monitoringEquipmentInspectRecord/update", |
|||
params |
|||
) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
this.$message.success("保存成功"); |
|||
row.isEdit = false; |
|||
this.isEdit = false; |
|||
this.getList(); |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
console.log("err", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
async del(row) { |
|||
await this.$http |
|||
.post(`/actual/base/monitoringEquipmentInspectRecord/delete`, [ |
|||
row.patrolId, |
|||
]) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
this.$message.success("删除成功"); |
|||
this.getList(); |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
console.log("err", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
|
|||
async getList() { |
|||
const { id } = this; |
|||
|
|||
const params = { |
|||
equipmentId: id, |
|||
pageNo: 1, |
|||
pageSize: 10000, |
|||
}; |
|||
|
|||
await this.$http |
|||
.post(`/actual/base/monitoringEquipmentInspectRecord/page`, { |
|||
...params, |
|||
}) |
|||
.then(({ data: res }) => { |
|||
if (res.code !== 0) { |
|||
return this.$message.error(res.msg); |
|||
} else { |
|||
this.tableData = res.data.list.map((item) => { |
|||
this.computeImgShowList(item); |
|||
return { |
|||
...item, |
|||
isEdit: false, |
|||
}; |
|||
}); |
|||
} |
|||
}) |
|||
.catch((err) => { |
|||
console.log("err", err); |
|||
return this.$message.error("网络错误"); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</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> |
|||
@ -0,0 +1,208 @@ |
|||
<template> |
|||
<div> |
|||
<base-page |
|||
:searchParams="searchParams" |
|||
:tableParams="tableParams" |
|||
:tableUrl="tableUrl" |
|||
:addUrl="addUrl" |
|||
:editUrl="editUrl" |
|||
:delUrl="delUrl" |
|||
:infoUrl="infoUrl" |
|||
:editAuth="editAuth" |
|||
:delAuth="delAuth" |
|||
:exportUrl="exportUrl" |
|||
:qrCodeExportUrl="qrCodeExportUrl" |
|||
:importUrl="importUrl" |
|||
:mubanUrl="mubanUrl" |
|||
:editParams="editParams" |
|||
:editElseRules="editElseRules" |
|||
:editFixedParams="editFixedParams" |
|||
:editParamsDiv="5" |
|||
:editBtnName="(item) => (!item.latitude ? '待完善' : '修改')" |
|||
:formBtnFixed="false" |
|||
idName="id" |
|||
> |
|||
<template v-slot:editBottomSup="{ id, formType, info }"> |
|||
<record |
|||
v-if="formType != 'add' && id" |
|||
:formType="formType" |
|||
:id="id" |
|||
:info="info" |
|||
></record> |
|||
</template> |
|||
</base-page> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import basePage from "@/views/modules/cpts/base2/index"; |
|||
import record from "./cpts/record"; |
|||
|
|||
export default { |
|||
components: { basePage, record }, |
|||
props: {}, |
|||
|
|||
data() { |
|||
return { |
|||
searchParams: [ |
|||
{ field: "设备名称", keyName: "equipmentName", type: "input" }, |
|||
{ field: "设备编号", keyName: "equipmentNum", type: "input" }, |
|||
{ field: "负责人", keyName: "principalName", type: "input" }, |
|||
{ field: "所处位置", keyName: "location", type: "input" }, |
|||
{ |
|||
field: "检查时间", |
|||
keyName: "latestInspectTime", |
|||
type: "date", |
|||
}, |
|||
{ |
|||
field: "检查结果", |
|||
keyName: "latestInspectResult", |
|||
type: "select", |
|||
optionUrl: "", |
|||
optionUrlParams: {}, |
|||
optionList: [ |
|||
{ |
|||
value: "0", |
|||
label: "异常", |
|||
}, |
|||
{ |
|||
value: "1", |
|||
label: "正常", |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
|
|||
tableParams: [ |
|||
{ field: "序号", keyName: "", type: "no" }, |
|||
{ field: "设备名称", keyName: "equipmentName", type: "text" }, |
|||
{ field: "设备编号", keyName: "equipmentNum", type: "text" }, |
|||
{ field: "所处位置", keyName: "location", type: "text" }, |
|||
{ |
|||
field: "负责人", |
|||
keyName: "principalName", |
|||
type: "text", |
|||
}, |
|||
{ field: "联系电话", keyName: "contactNum", type: "text" }, |
|||
{ |
|||
field: "最新检查时间", |
|||
keyName: "latestInspectTime", |
|||
type: "text", |
|||
}, |
|||
{ |
|||
field: "最新结果", |
|||
keyName: "latestInspectResult", |
|||
type: "text", |
|||
}, |
|||
], |
|||
tableUrl: "/actual/base/monitoringEquipment/page", |
|||
mubanUrl: "/actual/base/monitoringEquipment/downloadTemplate", |
|||
importUrl: "/actual/base/monitoringEquipment/import", |
|||
exportUrl: "/actual/base/monitoringEquipment/export", |
|||
qrCodeExportUrl: "", |
|||
|
|||
addUrl: "/actual/base/monitoringEquipment/save", |
|||
editUrl: "/actual/base/monitoringEquipment/update", |
|||
infoUrl: "/actual/base/monitoringEquipment/detail/", |
|||
delUrl: "/actual/base/monitoringEquipment/delete", |
|||
|
|||
editAuth(item) { |
|||
return item.agencyId == this.$store.state.user.agencyId; |
|||
}, |
|||
delAuth(item) { |
|||
return item.agencyId == this.$store.state.user.agencyId; |
|||
}, |
|||
|
|||
editParams: [ |
|||
[ |
|||
{ |
|||
field: "设备名称", |
|||
keyName: "equipmentName", |
|||
type: "input", |
|||
maxlength: 50, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "设备名称不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: "设备编号", |
|||
keyName: "equipmentNum", |
|||
type: "input", |
|||
maxlength: 50, |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "设备编号不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: "负责人", |
|||
keyName: "principalName", |
|||
type: "input", |
|||
|
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "负责人不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: "联系电话", |
|||
keyName: "contactNum", |
|||
maxlength: 50, |
|||
type: "input", |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "联系电话不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
{ |
|||
field: "所处位置", |
|||
keyName: "location", |
|||
type: "address", |
|||
maxlength: 50, |
|||
supKeys: ["longitude", "latitude"], |
|||
supValues: ["", ""], |
|||
rules: [ |
|||
{ |
|||
required: true, |
|||
message: "所处位置不能为空", |
|||
trigger: "blur", |
|||
}, |
|||
], |
|||
}, |
|||
], |
|||
], |
|||
editFixedParams: { |
|||
agencyId: this.$store.state.user.agencyId, |
|||
}, |
|||
editElseRules: { |
|||
longitude: { |
|||
type: "number", |
|||
required: true, |
|||
message: "请拖动地图选择坐标点", |
|||
}, |
|||
}, |
|||
}; |
|||
}, |
|||
computed: {}, |
|||
watch: {}, |
|||
|
|||
async mounted() {}, |
|||
|
|||
methods: {}, |
|||
}; |
|||
</script> |
|||
|
|||
<style lang="scss" scoped></style> |
|||
Loading…
Reference in new issue