From ac9a32b846b40fb4102740e4d944e57d935f0b09 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Thu, 13 Apr 2023 10:31:26 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E6=8E=A7=E8=AE=BE=E5=A4=87=E5=8F=96?=
 =?UTF-8?q?=E6=B6=88=E8=8E=B7=E5=8F=96=E8=A1=A8=E6=A0=BC=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/cpts/base2/index.vue | 1851 ++++++++++++------------
 1 file changed, 902 insertions(+), 949 deletions(-)

diff --git a/src/views/modules/cpts/base2/index.vue b/src/views/modules/cpts/base2/index.vue
index 185e40b8d..2cc85b95b 100644
--- a/src/views/modules/cpts/base2/index.vue
+++ b/src/views/modules/cpts/base2/index.vue
@@ -1,383 +1,344 @@
 <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"
-									:picker-options="startPickerOptions"
-									clearable
-								>
-								</el-date-picker>
-							</template>
-						</el-form-item>
-
-						
-					</div>
-				</el-form>
-				  <el-row>
-					  <el-col :span="24" align="right">
-							<el-button
-									size="small"
-									class="diy-button--blue"
-									@click="handleSearch"
-									>查询</el-button
-								>
-							<el-button
-								size="small"
-								class="diy-button--white"
-								@click="resetSearch"
-								style="margin-right: 6px;"
-								>重置</el-button
-							>
-					  </el-col>
-				  </el-row>
-			</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"
-									>{{ 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"
-										
-										>删除</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>
+  <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"
+                  :picker-options="startPickerOptions"
+                  clearable
+                >
+                </el-date-picker>
+              </template>
+            </el-form-item>
+          </div>
+        </el-form>
+        <el-row>
+          <el-col :span="24" align="right">
+            <el-button
+              size="small"
+              class="diy-button--blue"
+              @click="handleSearch"
+              >查询</el-button
+            >
+            <el-button
+              size="small"
+              class="diy-button--white"
+              @click="resetSearch"
+              style="margin-right: 6px"
+              >重置</el-button
+            >
+          </el-col>
+        </el-row>
+      </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"
+                  >{{ 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"
+                    >删除</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>
@@ -388,557 +349,549 @@ 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() {
-		let startDisabledDate = (time) => {//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
-			let nowData = Date.now()
-			return time.getTime() > nowData
-			}
-		return {
-			tableData: [],
-			startPickerOptions: {
-				disabledDate: startDisabledDate
-			},
-			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 -
-						290 +
-						this.iframeHeight
-				: this.clientHeight - ref_search_height - 290;
-		},
-		...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,
-				dangerouslyUseHTMLString: true,
-				message: "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
-				duration: 3000
-			});
-			let than = this
-			document.getElementById('clickA').addEventListener('click',function(){
-				than.$router.replace('/main/importRecord-index');
-			})
-
-			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;
-			this.formId = '';
-		},
-
-		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, [idValue]);
-
-			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;
-					});
-				}
-			});
-		this.getTableData()
-		},
-	},
+  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() {
+    let startDisabledDate = (time) => {
+      //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
+      let nowData = Date.now();
+      return time.getTime() > nowData;
+    };
+    return {
+      tableData: [],
+      startPickerOptions: {
+        disabledDate: startDisabledDate,
+      },
+      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 - 290 + this.iframeHeight
+        : this.clientHeight - ref_search_height - 290;
+    },
+    ...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,
+        dangerouslyUseHTMLString: true,
+        message:
+          "导入中，请到系统管理-<a id='clickA' style='cursor: pointer;'>导入记录</a>中查看进度",
+        duration: 3000,
+      });
+      let than = this;
+      document.getElementById("clickA").addEventListener("click", function () {
+        than.$router.replace("/main/importRecord-index");
+      });
+
+      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;
+      this.formId = "";
+    },
+
+    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, [idValue]);
+
+      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;
+          });
+        }
+      });
+      this.getTableData();
+    },
+  },
 };
 </script>
 
@@ -947,24 +900,24 @@ export default {
 @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;
-	}
+  /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>