From 1fbf6ef72657044859009b894b4b009c1d75f3a3 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Fri, 3 Mar 2023 18:05:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=BC=E6=B2=BB=E4=BA=BA=E7=BE=A4=20?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/scss/c/function.scss               |    6 +-
 src/assets/scss/dataBoard/c/common.scss       |    4 +-
 src/views/modules/cpts/base2/cpts/edit.vue    | 1135 +++++++++++++++++
 src/views/modules/cpts/base2/index.vue        |  952 ++++++++++++++
 .../tuceng/zhonghe/shebei/cpts/record.vue     |  594 +++++++++
 .../tuceng/zhonghe/shebei/index.vue           |  208 +++
 6 files changed, 2893 insertions(+), 6 deletions(-)
 create mode 100644 src/views/modules/cpts/base2/cpts/edit.vue
 create mode 100644 src/views/modules/cpts/base2/index.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/zhonghe/shebei/cpts/record.vue
 create mode 100644 src/views/modules/shequzhili/tuceng/zhonghe/shebei/index.vue

diff --git a/src/assets/scss/c/function.scss b/src/assets/scss/c/function.scss
index f591e64c8..9ae024d38 100644
--- a/src/assets/scss/c/function.scss
+++ b/src/assets/scss/c/function.scss
@@ -283,13 +283,11 @@
 		width: 4px;
 		height: 4px;
 		&:hover {
-			width: 8px;
-			height: 8px;
+			// width: 8px;
+			// height: 8px;
 		}
 	}
 	&::-webkit-scrollbar-thumb {
-		width: 4px;
-		height: 4px;
 		/*滚动条里面小方块*/
 		border-radius: 4px;
 		box-shadow: inset 0 0 5px lighten($c1, 40);
diff --git a/src/assets/scss/dataBoard/c/common.scss b/src/assets/scss/dataBoard/c/common.scss
index 7283636ba..953216c7f 100644
--- a/src/assets/scss/dataBoard/c/common.scss
+++ b/src/assets/scss/dataBoard/c/common.scss
@@ -3,8 +3,8 @@
         width: 4px;
         height: 4px;
         &:hover {
-            width: 8px;
-            height: 8px;
+            // width: 8px;
+            // height: 8px;
         }
     }
     &::-webkit-scrollbar-thumb {
diff --git a/src/views/modules/cpts/base2/cpts/edit.vue b/src/views/modules/cpts/base2/cpts/edit.vue
new file mode 100644
index 000000000..89e574dad
--- /dev/null
+++ b/src/views/modules/cpts/base2/cpts/edit.vue
@@ -0,0 +1,1135 @@
+<template>
+	<div>
+		<div class="g-cpt">
+			<el-form
+				v-if="iniLoaded"
+				ref="ref_form"
+				:model="fmData"
+				:inline="true"
+				:disabled="formType === 'watch'"
+				class="m-fm"
+				:class="{
+					'z-div': editParamsDiv,
+					'z-watch': formType === 'watch',
+				}"
+			>
+				<div
+					class="list"
+					:key="'list' + listIndex"
+					v-for="(list, listIndex) in editParams"
+				>
+					<el-form-item
+						v-for="item in list"
+						class="item"
+						label-width="100px"
+						style="display: block"
+						:key="'edit' + item.keyName"
+						:label="item.field"
+						:prop="item.keyName"
+						:rules="item.rules || []"
+					>
+						<template v-if="item.type == 'switch'">
+							<el-switch
+								v-model="fmData[item.keyName]"
+								size="small"
+								:active-text="item.activeText || ''"
+								:inactive-text="item.inactiveText || ''"
+								:active-value="item.activeValue || true"
+								:inactive-value="item.inactiveValue || false"
+							>
+							</el-switch>
+						</template>
+
+						<template v-else-if="item.type == 'input'">
+							<el-input
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								v-model="fmData[item.keyName]"
+								class="item-input"
+								size="small"
+								clearable
+								show-word-limit
+								:maxlength="item.maxlength || ''"
+								:placeholder="item.placeholder || '请输入'"
+							>
+							</el-input>
+
+							<div class="item-show" v-else>
+								{{ fmData[item.keyName] || "--" }}
+								<span v-if="item.attach">{{
+									item.attach
+								}}</span>
+							</div>
+						</template>
+
+						<template v-else-if="item.type == 'textarea'">
+							<el-input
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								v-model="fmData[item.keyName]"
+								type="textarea"
+								class="item-input"
+								size="small"
+								clearable
+								show-word-limit
+								:rows="3"
+								:maxlength="item.maxlength || ''"
+								:placeholder="item.placeholder || '请输入'"
+							>
+							</el-input>
+
+							<div class="item-show" v-else>
+								{{ fmData[item.keyName] || "--" }}
+							</div>
+						</template>
+
+						<template v-else-if="item.type == 'date'">
+							<el-date-picker
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								v-model="fmData[item.keyName]"
+								:picker-options="item.pickerOptions"
+								class="item-input"
+								size="small"
+								clearable
+								show-word-limit
+								:value-format="item.format || 'yyyy-MM-dd'"
+								:placeholder="item.placeholder || '请输入'"
+							>
+							</el-date-picker>
+
+							<div class="item-show" v-else>
+								{{ fmData[item.keyName] || "--" }}
+							</div>
+						</template>
+
+						<template v-else-if="item.type == 'number'">
+							<el-input-number
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								v-model="fmData[item.keyName]"
+								class="item-number"
+								size="small"
+								clearable
+								:precision="item.precision || 0"
+								:step="item.step || 1"
+								:min="item.min || 0"
+								:max="item.max || 999999999999"
+								:placeholder="item.placeholder || '请输入'"
+							>
+							</el-input-number>
+							<span class="item-show" v-else>
+								{{ fmData[item.keyName] || "--" }}
+							</span>
+							<span v-if="item.unitName"
+								>（{{ item.unitName }}）</span
+							>
+						</template>
+
+						<template v-else-if="item.type == 'select'">
+							<el-select
+								v-model="fmData[item.keyName]"
+								:placeholder="item.placeholder || '请选择'"
+								size="small"
+								clearable
+								class="item-select"
+								:multiple="item.multiple || false"
+								:filterable="item.filterable || false"
+								:allowCreate="item.allowCreate || false"
+								:collapse-tags="item.collapseTags || false"
+								default-first-option
+								@change="(e) => handleChangeSelect(e, item)"
+							>
+								<template v-if="item.optionType == 'group'">
+									<el-option-group
+										v-for="group in item.optionList"
+										:key="group.label"
+										:label="group.label"
+									>
+										<el-option
+											v-for="subItem in group.optionList"
+											:key="subItem.value"
+											:label="subItem.label"
+											:value="subItem.value"
+										>
+										</el-option>
+									</el-option-group>
+								</template>
+								<template v-else>
+									<el-option
+										v-for="(
+											subItem, subIndex
+										) in item.optionList"
+										:key="subItem.value + subIndex"
+										:label="subItem.label"
+										:value="subItem.value"
+									>
+									</el-option>
+								</template>
+							</el-select>
+						</template>
+
+						<template v-else-if="item.type == 'rich-text'">
+							<div
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								class="item-rich-text"
+							>
+								<Tinymce
+									:ref="'richText' + item.keyName"
+									v-model="fmData[item.keyName]"
+									:customerId="customerId"
+									:placeholder="item.placeholder || '请输入'"
+									:height="500"
+								/>
+							</div>
+							<div
+								v-else
+								class="item-rich-text z-show"
+								@click="handleClickHtmlNode"
+							>
+								<div v-html="fmData[item.keyName]"></div>
+							</div>
+						</template>
+
+						<template v-else-if="item.type == 'cascader'">
+							<el-cascader
+								v-model="fmData[item.keyName]"
+								:placeholder="item.placeholder || '请选择'"
+								:options="item.optionList"
+								:props="item.optionProps || {}"
+								:show-all-levels="false"
+								:collapse-tags="item.collapseTags || false"
+								size="small"
+								clearable
+								class="item-select"
+								@change="(e) => handleChangeCascader(e, item)"
+							>
+							</el-cascader>
+						</template>
+
+						<template v-else-if="item.type == 'upload'">
+							<el-upload
+								:headers="$getElUploadHeaders()"
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								ref="upload"
+								class="avatar-uploader"
+								:class="{
+									'z-full':
+										fmData[item.keyName].length >=
+										item.limit,
+								}"
+								:action="item.uploadUrl || uploadUrl"
+								:data="{ customerId: customerId }"
+								:show-file-list="true"
+								:list-type="item.listType || 'picture'"
+								:limit="item.limit || 100"
+								:file-list="fmData[item.keyName]"
+								:on-success="
+									(res, file) =>
+										handleImgSuccess(res, file, item)
+								"
+								:on-error="
+									(res, file) =>
+										handleImgError(res, file, item)
+								"
+								:on-remove="(res) => handleImgRemove(res, item)"
+								:on-exceed="(res) => handleImgExceed(res, item)"
+								:before-upload="
+									(file) => beforeImgUpload(file, item)
+								"
+							>
+								<a><i class="el-icon-plus"></i> 点击上传</a>
+							</el-upload>
+							<el-image
+								v-else-if="fmData[item.keyName].length > 0"
+								style="width: 100px; height: 100px"
+								:src="fmData[item.keyName][0].url"
+								fit="cover"
+								:preview-src-list="
+									fmData[item.keyName].map((item) => item.url)
+								"
+							></el-image>
+							<span v-else>--</span>
+						</template>
+
+						<template v-else-if="item.type == 'address'">
+							<div class="address-item">
+								<!-- <el-input class="address-item-input"
+                          :placeholder="item.placeholder || '请输入所在地址'"
+                          v-model="fmData[item.keyName]"
+                          :maxlength="item.maxlength || ''"
+                          show-word-limit
+                          size="small">
+                </el-input>
+                <el-button style="margin-left: 10px"
+                           type="default"
+                           size="small"
+                           ref="mapSearch"
+                           @click="handleSearchMap(item)">查询</el-button> -->
+								<el-select
+									v-model="searchAddressKeyword"
+									filterable
+									class="item-input"
+									size="small"
+									remote
+									:reserve-keyword="true"
+									placeholder="请输入关键词搜索"
+									:remote-method="remoteMethod"
+									:loading="loading"
+								>
+									<el-option
+										v-for="subitem in searchAddressOptions"
+										@click.native="
+											handleClickKey(subitem, item)
+										"
+										:key="subitem.value"
+										:label="subitem.label"
+										:value="subitem.value"
+									>
+									</el-option>
+								</el-select>
+							</div>
+
+							<div id="map" class="div_map"></div>
+
+							<el-input
+								v-if="
+									formType == 'add' ||
+									(formType == 'edit' && !item.editDisable)
+								"
+								v-model="fmData[item.keyName]"
+								class="item-input"
+								size="small"
+								clearable
+								show-word-limit
+								:maxlength="item.maxlength || ''"
+								:placeholder="item.placeholder || '请输入'"
+							>
+							</el-input>
+
+							<div class="item-show" v-else>
+								{{ fmData[item.keyName] || "--" }}
+							</div>
+						</template>
+					</el-form-item>
+				</div>
+			</el-form>
+
+			<div class="m-operate" v-if="!formBtnFixed">
+				<el-button
+					size="small"
+					class="diy-button--white"
+					@click="handleCancle"
+					>{{ editConfig.cancelBtnName || "取消" }}</el-button
+				>
+				<el-button
+					v-if="formType != 'watch'"
+					type="primary"
+					size="small"
+					class="diy-button--blue"
+					:disabled="btnDisable"
+					@click="handleComfirm"
+					>{{ editConfig.confirmBtnName || "确定" }}</el-button
+				>
+				<slot
+					name="operateSup"
+					v-bind:id="formId"
+					v-bind:info="fmData"
+					v-bind:formType="formType"
+				></slot>
+			</div>
+
+			<slot
+				name="bottomSup"
+				v-bind:id="formId"
+				v-bind:info="fmData"
+				v-bind:formType="formType"
+			></slot>
+		</div>
+
+		<div class="m-operate" v-if="formBtnFixed">
+			<el-button
+				size="small"
+				class="diy-button--white"
+				@click="handleCancle"
+				>{{ editConfig.cancelBtnName || "取消" }}</el-button
+			>
+			<el-button
+				v-if="formType != 'watch'"
+				size="small"
+				class="diy-button--blue"
+				:disabled="btnDisable"
+				@click="handleComfirm"
+				>{{ editConfig.confirmBtnName || "确定" }}</el-button
+			>
+			<slot
+				name="operateSup"
+				v-bind:id="formId"
+				v-bind:info="fmData"
+				v-bind:formType="formType"
+			></slot>
+		</div>
+	</div>
+</template>
+
+<script>
+import { requestPost } from "@/js/dai/request";
+import nextTick from "dai-js/tools/nextTick";
+import Schema from "async-validator";
+import Tinymce from "@c/tinymce2/index.vue";
+import daiMap from "@/utils/dai-map";
+
+var map;
+
+export default {
+	components: { Tinymce },
+
+	props: {
+		formId: {
+			type: String,
+			default: "",
+		},
+		formType: {
+			type: String,
+			default: "info",
+		},
+		formBtnFixed: {
+			type: Boolean,
+			default: true,
+		},
+		idName: {
+			type: String,
+			default: "",
+		},
+		addUrl: {
+			type: String,
+			default: "",
+		},
+		editUrl: {
+			type: String,
+			default: "",
+		},
+		delUrl: {
+			type: String,
+			default: "",
+		},
+		infoUrl: {
+			type: String,
+			default: "",
+		},
+
+		editParams: {
+			type: Array,
+			default: () => [],
+		},
+		editFixedParams: {
+			type: Object,
+			default: () => ({}),
+		},
+		editParamsDiv: {
+			type: Number,
+			default: 0,
+		},
+		editElseRules: {
+			type: Object,
+			default: () => ({}),
+		},
+		editConfig: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+
+	data() {
+		return {
+			iniLoaded: false,
+			loading: false,
+			btnDisable: false,
+
+			fmData: {},
+
+			editParams1: [],
+			editParams2: [],
+
+			uploadUrl:
+				window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2",
+			customerId: localStorage.getItem("customerId"),
+
+			// 做搜索地址用
+			searchAddressOptions: [],
+			searchAddressKeyword: "",
+		};
+	},
+	computed: {},
+	watch: {
+		editParams: {
+			handler() {
+				this.computeFmData();
+			},
+			deep: true,
+		},
+	},
+
+	async mounted() {
+		this.initForm();
+	},
+
+	methods: {
+		async initForm() {
+			this.iniFmData();
+
+			if (this.formId && this.formType != "add") {
+				this.getInfo();
+			}
+		},
+
+		computeFmData() {
+			console.log(this.fmData);
+		},
+
+		iniFmData() {
+			const { editParams, fmData } = this;
+			editParams.forEach((list, listIndex) => {
+				list.forEach((item, index) => {
+					if (typeof item.value == "function") {
+						fmData[item.keyName] = item.value();
+					} else if (
+						typeof item.value == "string" ||
+						typeof item.value == "number" ||
+						typeof item.value == "boolean"
+					) {
+						fmData[item.keyName] = item.value;
+					} else if (typeof item.value == "undefined") {
+						fmData[item.keyName] = "";
+					} else {
+						fmData[item.keyName] = item.value || "";
+						console.error(
+							"不应该直接传入数组或对象的值，这样会导致传入的值被子组件修改。editParams-------------cpts/base/cpts/edit.vue",
+							item
+						);
+					}
+
+					if (item.supValues) {
+						item.supValues.forEach((value, index) => {
+							if (typeof value == "function") {
+								fmData[item.supKeys[index]] = value();
+							} else if (
+								typeof value == "string" ||
+								typeof value == "number" ||
+								typeof value == "boolean"
+							) {
+								fmData[item.supKeys[index]] = value;
+							} else if (typeof value == "undefined") {
+								fmData[item.supKeys[index]] = "";
+							} else {
+								fmData[item.supKeys[index]] = value;
+								console.error(
+									"不应该直接传入数组或对象的值，这样会导致传入的值被子组件修改。editParams-------------cpts/base/cpts/edit.vue",
+									item
+								);
+							}
+						});
+					}
+
+					if (item.type == "select" || item.type == "cascader") {
+						if (item.optionUrl) {
+							this.getFmOptions(
+								listIndex,
+								index,
+								item.optionUrl,
+								item.optionUrlParams || {},
+								item.optionCook || null
+							);
+						}
+					} else if (item.type == "address") {
+						this.$nextTick(async () => {
+							await nextTick(300);
+
+							this.initMap(item);
+						});
+					}
+				});
+			});
+
+			this.fmData = { ...fmData };
+			console.log("------------------------------------", this.fmData);
+			this.iniLoaded = true;
+		},
+
+		handleClickHtmlNode(e) {
+			//在判断事件目标节点的时候，考虑到兼容性应该统一转换成大写或小写进行判断
+			if (e.target.localName.toLowerCase() === "a") {
+				// 通过判端目标节点以后，就能在这里对其进行操作啦。
+				let url = e.target.getAttribute("src"); //获取a标签属性，我这里自定义了一个属性data-id并将id赋值给了该属性，如何需要获取click方法的参数，需要获取a标签的click属性，并手动解析获取里面的参数
+				window.open(url);
+			}
+		},
+
+		async getFmOptions(listIndex, index, url, params, cookFn) {
+			const { data, code, msg } = await requestPost(url, {
+				...params,
+			});
+
+			if (code === 0) {
+				this.editParams[listIndex][index].optionList =
+					typeof cookFn == "function" ? cookFn(data) : data || [];
+			} else {
+				this.$message.error("请求检索基础数据失败！");
+			}
+		},
+
+		handleChangeCascader(vals, item) {
+			this.fmData[item["keyName"]] = vals;
+			if (typeof item.handleChangeFn == "function") {
+				item.handleChangeFn(vals, item, this);
+			}
+		},
+		handleChangeSelect(vals, item) {
+			console.log(vals, item);
+			this.fmData[item["keyName"]] = vals;
+			if (typeof item.handleChangeFn == "function") {
+				item.handleChangeFn(vals, item, this);
+			}
+		},
+
+		beforeImgUpload(file, item) {
+			if (typeof item.beforeImgUpload == "function") {
+				if (!item.beforeImgUpload(file, item, this)) return false;
+			}
+			return true;
+		},
+
+		handleImgRemove(file, item) {
+			console.log("handleImgRemove", file);
+			let url = file.response ? file.response.data.url : file.url;
+			if (url) {
+				let { fmData } = this;
+				this.fmData[item.keyName] = fmData[item.keyName].filter(
+					(item) => item.url !== url
+				);
+				if (item.supKeys && Array.isArray(item.supKeys)) {
+					if (item.supKeys.length > 0) {
+						this.fmData[item.supKeys[0]] = fmData[item.keyName].map(
+							(item) => item.url
+						);
+					}
+					if (item.supKeys.length > 1) {
+						this.fmData[item.supKeys[1]] =
+							this.fmData[item.supKeys[0]][0] || "";
+					}
+				}
+			}
+		},
+
+		handleImgExceed(res, item) {
+			console.log(res);
+			// this.$message({
+			//   type: "warning",
+			//   message: "文件数量最多不超过三个",
+			// });
+		},
+
+		handleImgSuccess(res, file, item) {
+			console.log("handleImgSuccess", res);
+			if (res.code === 0 && res.msg === "success") {
+				let { fmData } = this;
+				// let picItem = {
+				//   url: res.data.url,
+				//   name: file.name,
+				//   size: file.size,
+				//   type: file.type,
+				//   format: file.name.split(".").pop(),
+				// };
+				let picItem = file;
+				picItem.url = res.data.url;
+				picItem.format = file.name.split(".").pop();
+
+				if (Array.isArray(this.fmData[item.keyName])) {
+					this.fmData[item.keyName].push(picItem);
+				} else {
+					this.fmData[item.keyName] = [picItem];
+				}
+				if (item.supKeys && Array.isArray(item.supKeys)) {
+					if (item.supKeys.length > 0) {
+						this.fmData[item.supKeys[0]] = fmData[item.keyName].map(
+							(item) => item.url
+						);
+					}
+					if (item.supKeys.length > 1) {
+						this.fmData[item.supKeys[1]] =
+							this.fmData[item.supKeys[0]][0] || "";
+					}
+				}
+			} else {
+				this.$message.error(res.msg);
+			}
+		},
+
+		handleImgError(res, file, item) {
+			console.log(res);
+		},
+
+		// 地图初始化函数，本例取名为init，开发者可根据实际情况定义
+		initMap(item) {
+			let { latitude, longitude } = this.$store.state.user;
+
+			map = new daiMap(
+				document.getElementById("map"),
+				{ latitude, longitude },
+				{
+					zoom: 16.2, // 设置地图缩放级别
+					pitch: 43.5, // 设置俯仰角
+					rotation: 45, // 设置地图旋转角度
+				}
+			);
+
+			// 监听地图平移结束
+			map.on("dragend", (e) => {
+				this.handleMoveCenter(item, e);
+			});
+			map.setCenter(latitude, longitude);
+			map.setMarker(latitude, longitude);
+		},
+
+		async handleSearchMap(item) {
+			const { msg, data } = await map.searchNearby(
+				this.fmData[item.keyName]
+			);
+			if (msg == "success") {
+				const { lat, lng } = data;
+				map.setCenter(lat, lng);
+				map.setMarker(lat, lng);
+				this.fmData[item.supKeys[0]] = lng;
+				this.fmData[item.supKeys[1]] = lat;
+			} else {
+				this.$message.error("未检索到相关位置坐标");
+			}
+		},
+
+		async handleMoveCenter(item, e) {
+			console.log("handleMoveCenter", e);
+			//修改地图中心点
+			const { lat, lng } = map.getCenter();
+			console.log("getCenter", lat);
+
+			this.fmData[item.supKeys[0]] = parseFloat(lng);
+			this.fmData[item.supKeys[1]] = parseFloat(lat);
+			map.setMarker(lat, lng);
+			console.log("setMarker", lat);
+
+			let { msg, data } = await map.getAddress(lat, lng);
+			if (msg == "success") {
+				this.fmData[item.keyName] = data.address;
+				this.searchAddressOptions = [];
+			}
+		},
+
+		async remoteMethod(query) {
+			if (query !== "") {
+				this.loading = true;
+
+				const { msg, data } = await map.searchNearby(query);
+				this.loading = false;
+				console.log("搜索结果", data);
+
+				if (
+					msg == "success" &&
+					data.resultList &&
+					data.resultList.length > 0
+				) {
+					this.searchAddressOptions = data.resultList.map(
+						(item, index) => {
+							return {
+								...item,
+								value: `${item.lonlat + item.address}`,
+								label: `${item.address + item.name}`,
+							};
+						}
+					);
+				} else {
+					this.searchAddressOptions = [
+						{
+							value: "0",
+							label: "未检索到结果",
+						},
+					];
+				}
+			} else {
+				this.searchAddressOptions = [];
+			}
+		},
+
+		handleClickKey(item, fmItem) {
+			console.log("搜索结果", item);
+			let lonlat = item.lonlat.split(" ");
+			map.setCenter(lonlat[1], lonlat[0]);
+			map.setMarker(lonlat[1], lonlat[0]);
+
+			this.fmData[fmItem.supKeys[0]] = parseFloat(lonlat[1]);
+			this.fmData[fmItem.supKeys[1]] = parseFloat(lonlat[0]);
+			this.fmData[fmItem.keyName] = item.label;
+		},
+
+		async getInfo() {
+			let url = this.infoUrl;
+			if (!url) return;
+			const { idName, formId } = this;
+
+			if (url.endsWith("/")) {
+				url += formId;
+			}
+
+			const params = {
+				[idName]: formId,
+			};
+
+			let { data, code, msg } = await requestPost(url, params);
+			if (code === 0) {
+				const { editConfig } = this;
+				console.log("xxxxxxxxxxxxxxxxxxxxxx", editConfig);
+				if (editConfig && typeof editConfig.cookInfoFn == "function") {
+					data = editConfig.cookInfoFn(data);
+				}
+
+				if (data.latitude && data.longitude) {
+					data.latitude = parseFloat(data.latitude);
+					data.longitude = parseFloat(data.longitude);
+				}
+
+				this.fmData = {
+					...this.fmData,
+					...data,
+				};
+
+				await nextTick(600);
+				if (map) {
+					if (data.latitude) {
+						map.setCenter(data.latitude, data.longitude);
+						map.setMarker(data.latitude, data.longitude);
+					} else {
+						if (
+							this.formType == "edit" &&
+							this.$refs &&
+							this.$refs.mapSearch
+						) {
+							this.$refs.mapSearch[0].handleClick();
+						}
+					}
+				}
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		watchImg(src) {
+			window.open(src);
+		},
+
+		// 过滤文本
+		dormatHtml(content) {
+			if (
+				content.startsWith(
+					"<!DOCTYPE html>\n<html>\n<head>\n</head>\n<body>\n"
+				) &&
+				content.endsWith("\n</body>\n</html>")
+			) {
+				content = content.slice(45, -16);
+			}
+			return content;
+		},
+
+		cookBeforeSubmit(data) {
+			Object.keys(data).forEach((k) => {
+				if (typeof data[k] == "string") {
+					data[k] = this.dormatHtml(data[k]);
+				}
+			});
+			return data;
+		},
+
+		async handleComfirm() {
+			this.btnDisable = true;
+			setTimeout(() => {
+				this.btnDisable = false;
+			}, 5000);
+
+			console.log(this.$refs["ref_form"]);
+
+			this.$refs["ref_form"].validate((valid, messageObj) => {
+				console.log(valid, messageObj);
+				if (!valid) {
+					app.util.validateRule(messageObj);
+					this.btnDisable = false;
+				} else {
+					if (this.editElseRules) {
+						const validator = new Schema(this.editElseRules);
+						validator
+							.validate(this.fmData)
+							.then(() => {
+								this.submit();
+							})
+							.catch(({ err, fields }) => {
+								console.log("--------------", err, fields);
+								app.util.validateRule(fields);
+							});
+					} else {
+						this.submit();
+					}
+				}
+			});
+		},
+
+		async submit() {
+			const { editConfig, fmData, formType, editFixedParams } = this;
+			if (
+				typeof editConfig.beforeSubmit == "function" &&
+				!editConfig.beforeSubmit(formType, fmData, this)
+			) {
+				return;
+			}
+
+			let url = "";
+			let params = {
+				...fmData,
+				...editFixedParams,
+				// serviceType: this.fmData.serviceTypeArr.join(","),
+			};
+
+			params = this.cookBeforeSubmit(params);
+
+			if (this.formType === "add") {
+				url = this.addUrl;
+			} else {
+				url = this.editUrl;
+			}
+
+			const { data, code, msg } = await requestPost(url, params);
+
+			if (code === 0) {
+				this.$message({
+					type: "success",
+					message: "操作成功",
+				});
+				this.handleCancle();
+				this.$emit("afterEdit");
+				this.btnDisable = false;
+			} else {
+				this.btnDisable = false;
+				this.$message.error(msg);
+			}
+		},
+
+		handleCancle() {
+			this.$emit("close");
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/c/function.scss";
+
+.g-cpt {
+	max-height: calc(83vh - 80px);
+	padding: 30px 78px 40px;
+	overflow-y: auto;
+	@include scrollBar;
+}
+
+.m-operate {
+	display: flex;
+	// flex-direction: row-reverse;
+	.diy-button--white {
+		margin-left: auto;
+	}
+}
+.m-fm {
+	margin-top: 30px;
+	.list {
+		display: flex;
+		flex-wrap: wrap;
+
+		/deep/ .el-form-item {
+			margin-right: 0;
+		}
+	}
+
+	&.z-watch {
+		.list {
+			.item {
+			}
+			::v-deep .item {
+				// 默认输入框placeholder样式
+				.el-input.is-disabled .el-input__inner,
+				.el-textarea.is-disabled textarea.el-textarea__inner {
+					color: #333;
+					background-color: rgba(#000, 0);
+					border-color: rgba(#000, 0);
+					resize: none;
+					transform: translateX(-15px);
+					cursor: default;
+					&::placeholder {
+						color: rgba(#fff, 0);
+					}
+				}
+				.el-input.is-disabled .el-input__suffix {
+					display: none;
+				}
+				.el-checkbox.is-disabled.is-checked .el-checkbox__label {
+					color: #333;
+				}
+				.el-form-item__label {
+					// position: relative;
+					// text-align: left;
+					// padding-left: 35px;
+
+					// &::before {
+					// 	content: "";
+					// 	display: block;
+					// 	position: absolute;
+					// 	top: 0;
+					// 	bottom: 0;
+					// 	left: 20px;
+					// 	width: 6px;
+					// 	height: 6px;
+					// 	margin: auto;
+					// 	background: #0c81fe;
+					// 	border-radius: 3px;
+					// 	margin-right: 10px;
+					// }
+
+					// &::after {
+					// 	content: " :";
+					// 	display: inline;
+					// 	color: #333;
+					// }
+				}
+			}
+		}
+	}
+
+	&.z-div {
+		.list {
+			display: flex;
+			flex-wrap: wrap;
+
+			.item {
+				/deep/ .item-rich-text {
+					width: 817px;
+					max-height: 500px;
+					overflow: auto;
+
+					img {
+						max-width: 100%;
+						height: auto;
+					}
+					&.z-show {
+						box-sizing: border-box;
+						padding: 15px;
+						border: 1px solid #eee;
+						height: auto;
+					}
+				}
+			}
+		}
+
+		.item-show {
+			width: 176px;
+		}
+
+		.item-input {
+			width: 176px;
+		}
+		.item-select {
+			width: 176px;
+		}
+		.item-number {
+			width: 176px;
+		}
+
+		.address-item {
+			width: 176px * 3 + 200px;
+
+			.address-item-input {
+				width: 74%;
+			}
+			.address-item-input2 {
+				margin-left: 5px;
+				width: 40%;
+			}
+		}
+	}
+
+	.avatar-uploader {
+		&.z-full {
+			/deep/ .el-upload.el-upload--picture-card {
+				display: none !important;
+			}
+		}
+
+		a {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			color: #65a5f9;
+			i {
+				margin-right: 4px;
+				color: #65a5f9;
+				font-size: 18px;
+			}
+			&:hover {
+				text-decoration: none;
+			}
+		}
+	}
+
+	.item-rich-text {
+		width: 600px;
+		height: 500px;
+		img {
+			max-width: 100%;
+		}
+		.item-show {
+			width: 100%;
+		}
+	}
+
+	.item-select,
+	.item-show,
+	.item-input {
+		width: 450px;
+	}
+	.item-number {
+		width: 225px;
+	}
+
+	.address-item {
+		width: 450px;
+
+		.address-item-input {
+			width: 85%;
+		}
+		.address-item-input2 {
+			margin-left: 5px;
+			width: 40%;
+		}
+	}
+	.div_map {
+		margin-top: 10px;
+	}
+}
+</style>
diff --git a/src/views/modules/cpts/base2/index.vue b/src/views/modules/cpts/base2/index.vue
new file mode 100644
index 000000000..e5ad2d769
--- /dev/null
+++ b/src/views/modules/cpts/base2/index.vue
@@ -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>
diff --git a/src/views/modules/shequzhili/tuceng/zhonghe/shebei/cpts/record.vue b/src/views/modules/shequzhili/tuceng/zhonghe/shebei/cpts/record.vue
new file mode 100644
index 000000000..4717eda69
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/zhonghe/shebei/cpts/record.vue
@@ -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>
diff --git a/src/views/modules/shequzhili/tuceng/zhonghe/shebei/index.vue b/src/views/modules/shequzhili/tuceng/zhonghe/shebei/index.vue
new file mode 100644
index 000000000..9ea5ee2c9
--- /dev/null
+++ b/src/views/modules/shequzhili/tuceng/zhonghe/shebei/index.vue
@@ -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>