flx:更改

.env.development

@@ -9,7 +9,7 @@ VITE_API_BASEURL = http://127.0.0.1:82
 
 
 # 紫光云
-VITE_API_BASEURL = http://172.16.0.37:80/province
+VITE_API_BASEURL = http://101.36.160.210:31054/protal
 # 政务云
 #VITE_API_BASEURL = http://172.18.93.196:80/province
 

src/api/home/home.js

@@ -0,0 +1,9 @@
+import { baseRequest } from '@/utils/request'
+
+const request = (url, ...arg) => baseRequest(`/dev/config/` + url, ...arg)
+
+export default {
+	configPage(data) {
+		return request('page', data, 'get')
+	}
+}

src/hook/enumMap.js

@@ -0,0 +1,158 @@
+// import { onMounted, ref, onBeforeUnmount, computed, reactive } from 'vue'
+import { enumMaplistStore } from '@/store'
+
+export function enumMap () {
+	const StoreDEl = enumMaplistStore()
+	const { enumMap, parentMap } = StoreDEl.enumMaplist
+	const cocName = (id = '') => {
+		const name = enumMap[id]
+		return name
+	}
+	const cocID = (id) => {
+		const name = enumMap[id]
+		return id
+	}
+	const getEnumByEnumCode = (enumCode) => {
+		for (const key of Object.keys(parentMap)) {
+			const arr = parentMap[key]
+			for (const enumData of arr) {
+				if (enumData.enumid == enumCode) {
+					// console.log(enumData)
+					if (!enumData.enumname) return console.log('取不到')
+					// console.log(enumData.enumname)
+					return enumData.enumname
+				}
+			}
+		}
+		console.warn('没有找到 enum code', enumCode)
+		return null
+	}
+	const getEnumListByEnumId = (enumId) => {
+		return parentMap[enumId]
+	}
+
+	const YES_NO_3 = [
+		{ value: '1', label: '能' },
+		{ value: '0', label: '否' },
+		{ value: '9', label: '其他或不确定' }
+	]
+
+	const cocDEl = (id) => {
+		for (const item of YES_NO_3) {
+			if (item.value == id) return item.label
+		}
+	}
+
+	const LEVEL_TYPE_3 = [
+		{ value: '1', label: 'Ⅰ级' },
+		{ value: '2', label: 'Ⅱ级' },
+		{ value: '3', label: 'Ⅲ级' },
+		{ value: '4', label: 'Ⅳ级' }
+	]
+
+	const cocDElⅣ = (id) => {
+		for (const item of LEVEL_TYPE_3) {
+			if (item.value == id) return item.label
+		}
+	}
+
+	const LEVEL_TYPE_5 = [
+		{ value: '1', label: 'Ⅰ级' },
+		{ value: '2', label: 'Ⅱ级' },
+		{ value: '3', label: 'Ⅲ级' },
+		{ value: '4', label: '无粮情检测技术' }
+	]
+
+	const cocDElⅣV = (id) => {
+		for (const item of LEVEL_TYPE_5) {
+			if (item.value == id) return item.label
+		}
+	}
+
+	const TFXTXS = [
+		{ value: '0', label: '竖向通风' },
+		{ value: '1', label: '横向通风' },
+		{ value: '2', label: '径向通风' },
+		{ value: '3', label: '全网板通风' },
+		{ value: '4', label: '其它' }
+	]
+
+	const cocTFXTXS = (id) => {
+		for (const item of TFXTXS) {
+			if (item.value == id) return item.label
+		}
+	}
+	const DLMXS = [
+		{ value: '01', label: '“一字型”挡粮板' },
+		{ value: '02', label: '“三角形”挡粮门' },
+		{ value: '03', label: '“弧形”挡粮门' },
+		{ value: '04', label: '围包' },
+		{ value: '05', label: '其它型式' }
+	]
+	const cocDLMXS = (id) => {
+		for (const item of DLMXS) {
+			if (item.value == id) return item.label
+		}
+	}
+
+	const BUG_INSPECTION_TYPE = [
+		{ value: '01', label: '远程检测预警' },
+		{ value: '02', label: '人工手动筛查' },
+		{ value: '03', label: '其它' }
+	]
+	const cocBUG_INSPECTION_TYPE = (id) => {
+		for (const item of BUG_INSPECTION_TYPE) {
+			if (item.value == id) return item.label
+		}
+	}
+
+	const GRANARY_STATUS = [
+		{ value: '1', label: '完好' },
+		{ value: '2', label: '需小修' },
+		{ value: '3', label: '需大修' },
+		{ value: '4', label: '待报废' },
+		{ value: '5', label: '待拆除' },
+		{ value: '6', label: '死角仓' },
+		{ value: '9', label: '其他' }
+	]
+
+	const cocGRANARY_STATUS = (id) => {
+		for (const item of GRANARY_STATUS) {
+			if (item.value == id) return item.label
+		}
+	}
+	const PROPERTY_RIGHTS = [
+		{ value: '1', label: '自有' },
+		{ value: '2', label: '租赁' },
+		{ value: '3', label: '共有' },
+		{ value: '4', label: '混合' },
+		{ value: '9', label: '其他' }
+	]
+	const cocPROPERTY_RIGHTS = (id) => {
+		for (const item of PROPERTY_RIGHTS) {
+			if (item.value == id) return item.label
+		}
+	}
+	const YES_NO = [
+		{ value: '1', label: '是' },
+		{ value: '0', label: '否' }
+	]
+	const cocYES_NO = (id) => {
+		for (const item of YES_NO) {
+			if (item.value == id) return item.label
+		}
+	}
+	return {
+		cocYES_NO,
+		cocPROPERTY_RIGHTS,
+		cocName,
+		getEnumByEnumCode,
+		cocDEl,
+		cocDElⅣ,
+		cocDElⅣV,
+		cocTFXTXS,
+		cocDLMXS,
+		cocBUG_INSPECTION_TYPE,
+		cocGRANARY_STATUS
+	}
+}

src/hook/listlistPagination.js

@@ -0,0 +1,160 @@
+import { onMounted, ref, onBeforeUnmount, computed, reactive } from 'vue'
+
+export function listPagination(SearchForm, api, delAxios = {}, type = {}, shut = 'shut') {
+	if (shut == 'shut') {
+		onMounted(() => {
+			onSearch()
+		})
+	}
+
+	const SearchFormDel = ref(SearchForm)
+	const tableData = ref([])
+	function onSearch(T) {
+		api({ current: 1, size: 5, ...type, ...T }).then((reg) => {
+			tableData.value = []
+			tableData.value = reg.records || reg
+			// Object.assign()
+			// Object.assign()
+			pagination.total = reg.total || 0
+		})
+	}
+
+	const handlePageChange = (current, size) => {
+		pagination.current = current
+		pagination.pageSize = size
+		onSearch({ current: pagination.current, size: pagination.pageSize, ...SearchFormDel.value })
+	}
+	const pagination = reactive({
+		current: 1,
+		pageSize: 5,
+		total: 0,
+		showSizeChanger: true,
+		showQuickJumper: true,
+		pageSizeOptions: ['5', '10', '30', '40'],
+		showTotal: (total, range) => `共 ${total} 条`,
+		onChange: handlePageChange
+	})
+
+	const Search = () => {
+		pagination.current = 1
+		pagination.pageSize = 5
+
+		onSearch(SearchFormDel.value)
+	}
+
+	function onReset() {
+		for (let key in SearchFormDel.value) {
+			SearchFormDel.value[key] = ''
+		}
+		pagination.current = 1
+		pagination.pageSize = 5
+		onSearch()
+	}
+	const change = () => {
+		onSearch()
+	}
+	const DEl = async (v) => {
+		const res = await delAxios([{ id: v.id }])
+		onSearch()
+	}
+
+	return { DEl, change, tableData, onSearch, onReset, handlePageChange, pagination, Search, SearchFormDel }
+}
+
+//
+export function listPaginationDEl(SearchForm, api, delAxios = {}, type = {}, shut = 'shut') {
+	if (shut == 'shut') {
+		onMounted(() => {
+			onSearch()
+		})
+	}
+
+	const SearchFormDel = ref(SearchForm)
+	const tableData = ref([])
+	function onSearch(T) {
+		api({ current: 1, size: 5, ...type, ...T }).then((reg) => {
+			tableData.value = []
+			tableData.value = reg.records || res
+			// Object.assign()
+			// Object.assign()
+			pagination.total = reg.total
+		})
+	}
+
+	const handlePageChange = (current, size) => {
+		pagination.current = current
+		pagination.pageSize = size
+		onSearch({ current: pagination.current, size: pagination.pageSize, ...SearchFormDel.value })
+	}
+	const pagination = reactive({
+		current: 1,
+		pageSize: 5,
+		total: 0,
+		showSizeChanger: true,
+		showQuickJumper: true,
+		pageSizeOptions: ['5', '10', '30', '40'],
+		showTotal: (total, range) => `共 ${total} 条`,
+		onChange: handlePageChange
+	})
+
+	const Search = () => {
+		pagination.current = 1
+		pagination.pageSize = 5
+
+		onSearch(SearchFormDel.value)
+	}
+
+	function onReset() {
+		for (let key in SearchFormDel.value) {
+			SearchFormDel.value[key] = ''
+		}
+		pagination.current = 1
+		pagination.pageSize = 5
+		onSearch()
+	}
+	const change = () => {
+		onSearch()
+	}
+	const DEl = async (v) => {
+		const res = await delAxios([{ id: v.id }])
+		onSearch()
+	}
+
+	return { DEl, change, tableData, onSearch, onReset, handlePageChange, pagination, Search, SearchFormDel }
+}
+
+export function listPaginationBAQDE(onSearch = {}, SearchForm = {}) {
+	const SearchFormDel = ref(SearchForm)
+	const handlePageChange = (current, size) => {
+		pagination.current = current
+		pagination.pageSize = size
+		onSearch({ current: pagination.current, size: pagination.pageSize, ...SearchFormDel.value })
+	}
+	const pagination = reactive({
+		current: 1,
+		pageSize: 5,
+		total: 0,
+		showSizeChanger: true,
+		showQuickJumper: true,
+		pageSizeOptions: ['5', '10', '30', '40'],
+		showTotal: (total, range) => `共 ${total} 条`,
+		onChange: handlePageChange
+	})
+
+	const Search = () => {
+		pagination.current = 1
+		pagination.pageSize = 5
+
+		onSearch(SearchFormDel.value)
+	}
+
+	function onReset() {
+		for (let key in SearchFormDel.value) {
+			SearchFormDel.value[key] = ''
+		}
+		pagination.current = 1
+		pagination.pageSize = 5
+		onSearch()
+	}
+	return { onReset, handlePageChange, pagination, Search, SearchFormDel }
+}

src/hook/onMounted.js

@@ -0,0 +1,14 @@
+import { onMounted, ref, onBeforeUnmount, computed, reactive, watch } from 'vue'
+
+export function onMountedWatch (route, path, onSearch, pagination = {}) {
+	watch(
+		() => route,
+		(newVal) => {
+			if (newVal.path == path) {
+				onSearch({ current: pagination.current, pageSize: pagination.pageSize })
+			}
+		},
+		{ immediate: true, deep: true }
+	)
+	return {}
+}

src/views/home/carousel/SettingsDel.vue

@@ -0,0 +1,198 @@
+<!-- 数据量 -->
+<template>
+	<div class="pricemoitorrecord">
+		<a-card :bordered="false">
+			<a-space class="search">
+				<div class="silt-title">
+					<span style="width: 70px; margin-right: 8px; text-align: right; display: block; line-height: 30px">{{
+						'标题'
+					}}</span>
+					<a-input style="width: 220px" v-model:value="SearchFormDel.unitName" placeholder="请输入" />
+				</div>
+				<div class="silt-title">
+					<span style="width: 70px; margin-right: 8px; text-align: right; display: block; line-height: 30px">{{
+						'状态'
+					}}</span>
+
+					<a-select style="width: 220px" v-model:value="SearchFormDel.unitName">
+						<a-select-option :value="1">禁用</a-select-option>
+						<a-select-option :value="2">启用</a-select-option>
+					</a-select>
+				</div>
+				<div class="btnBox">
+					<a-button type="primary" class="primarySele" @click="Search"> 查询 </a-button>
+					<a-button class="primarySele snowy-buttom-left" @click="onReset"> 重置 </a-button>
+					<!-- <a-button type="primary" class="primarySele" @click="onView('add', {})"> 新增 </a-button> -->
+					<a-button
+						class="btnl colro primarySele"
+						type="primary"
+						:disabled="!hasSelected"
+						:loading="state.loading"
+						@click="start"
+					>
+						批量共享
+					</a-button>
+					<a-button class="btnl colro" type="primary" :disabled="!hasSelected" :loading="state.loading" @click="start">
+						批量禁用
+					</a-button>
+				</div>
+			</a-space>
+		</a-card>
+
+		<div class="list" style="margin-top: 10px">
+			<a-table
+				:data-source="tableData"
+				:pagination="pagination"
+				:columns="tableColumns"
+				:row-key="(record) => record"
+				:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
+			>
+				<template #bodyCell="{ column, record }">
+					<template v-if="column.dataIndex === 'isShare'">
+						<div class="switch_del">
+							<a-switch
+								:checked="record.isShare == '0' ? false : true"
+								:checked-children="'是'"
+								:un-checked-children="'否'"
+								@change="handleSwitchChange(record)"
+								size="default"
+							/>
+						</div>
+					</template>
+					<template v-if="column.key === '操作'">
+						<a-button type="link" @click="onView('view', record)">查看</a-button>
+						<a-button type="link" @click="onView('edit', record)">编辑</a-button>
+						<a-popconfirm title="确定要删除吗？" @confirm="onView('del', record)">
+							<a-button type="link">删除</a-button>
+						</a-popconfirm>
+					</template>
+				</template>
+			</a-table>
+		</div>
+		<Form ref="formRef" @successful="tableRef.refresh()" @change="change" />
+	</div>
+</template>
+<script setup name="sharing">
+	import business from '@/api/home/home.js'
+	import { listPagination } from '@/hook/listlistPagination.js'
+	import { reactive, ref } from 'vue'
+	import { useRouter } from 'vue-router'
+	import { defineComponent } from 'vue'
+	import { message } from 'ant-design-vue'
+	import Form from './form.vue'
+	const formRef = ref(null)
+	const router = useRouter()
+
+	const tableColumns = [
+		// { title: '序号', key: 'INDEX' },
+		{
+			title: '序号',
+			dataIndex: 'INDEX',
+			align: 'center',
+			customRender: ({ text, record, index }) => {
+				return `${index + 1}`
+			}
+		},
+		{ title: '标题', align: 'center', dataIndex: 'unitName' },
+		{ title: '来源', align: 'center', dataIndex: 'creditLevel' },
+		{ title: '状态', align: 'center', dataIndex: 'assessResult' },
+		{ title: '发布人', align: 'center', dataIndex: 'assessResultDepict' },
+		{ title: '发布时间', align: 'center', dataIndex: 'isShare' },
+		{ title: '操作', align: 'center', key: '操作' }
+	]
+
+	//共享
+	const handleSwitchChange = async (v) => {
+		// console.log(v)
+		if (v.isShare == 1) {
+			const res = await {}([{ id: v.id, isShare: 0 }])
+		} else {
+			const res = await {}([{ id: v.id, isShare: 1 }])
+		}
+		message.success('操作成功')
+		await onSearch()
+	}
+
+	const state = reactive({
+		selectedRowKeys: [],
+		loading: false
+	})
+	const hasSelected = computed(() => state.selectedRowKeys.length > 0)
+	const start = async () => {
+		state.loading = true
+		const res = await {}(del.value)
+		setTimeout(() => {
+			state.loading = false
+			message.success('操作成功')
+			onSearch()
+		}, 300)
+	}
+	const del = ref([])
+	const onSelectChange = (selectedRowKeys) => {
+		state.selectedRowKeys = []
+		del.value = []
+		state.selectedRowKeys = selectedRowKeys
+		del.value = state.selectedRowKeys.map((item) => {
+			return {
+				id: item.id,
+				isShare: 1
+			}
+		})
+		console.log(del.value)
+	}
+
+	const { DEl, change, tableData, onSearch, handlePageChange, pagination, Search, onReset, SearchFormDel } =
+		listPagination({ unitName: '' }, business.configPage, {}, { isEntAppQuery: 1, sortOrder: 'ASCEND' })
+
+	setTimeout(() => {
+		tableData.value = [{ unitName: '33' }]
+	}, 900)
+
+	// 查看表单数据
+	const onView = (record, row) => {
+		switch (record) {
+			case 'add':
+				formRef.value.onOpen(record, true, false)
+				break
+			case 'del':
+				DEl(row)
+				break
+			case 'view':
+				formRef.value.onOpen(record, true, true, row)
+				break
+			case 'edit':
+				formRef.value.onOpen(record, true, false, row)
+				break
+			default:
+				// router.push('/business/personnelDel')
+				break
+		}
+	}
+</script>
+<style lang="less" scoped>
+	.search {
+		padding-top: 20px;
+		// padding-left: 50px;
+		margin-bottom: 32px;
+		.btnBox {
+			width: 100%;
+			display: inline-block;
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			.primarySele {
+				margin-left: 20px;
+				margin-right: 20px;
+			}
+		}
+	}
+	.silt-title {
+		display: flex;
+	}
+	.switch_del {
+		height: 40px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+</style>

src/views/home/carousel/form.vue

@@ -0,0 +1,252 @@
+<template>
+	<xn-form-container
+		:title="'位置信息管理新增'"
+		:width="800"
+		:visible="visible"
+		:destroy-on-close="true"
+		@close="onClose"
+	>
+		<a-form
+			:model="formState"
+			ref="formStateRef"
+			:rules="formStateRules"
+			name="basic"
+			autocomplete="off"
+			@finish="onFinish"
+			@finishFailed="onFinishFailed"
+		>
+			<div class="form">
+				<a-row>
+					<a-col :span="12">
+						<a-form-item class="form-item" label="制度名称" name="systemName" :label-col="{ span: 10 }">
+							<a-input
+								placeholder="请输入制度名称"
+								style="width: 250px"
+								:disabled="disabled"
+								v-model:value="formState.systemName"
+							/>
+						</a-form-item>
+					</a-col>
+					<a-col :span="12">
+						<a-form-item class="form-item" label="发布人" name="createUser" :label-col="{ span: 10 }">
+							<a-input style="width: 250px" :disabled="true" v-model:value="formState.createUser" />
+						</a-form-item>
+					</a-col>
+				</a-row>
+				<a-row>
+					<a-col :span="12">
+						<a-form-item class="form-item" label="发布时间" name="publishTime" :label-col="{ span: 10 }">
+							<a-date-picker
+								:disabled="disabled"
+								v-model:value="formState.publishTime"
+								valueFormat="YYYY-MM-DD HH:mm:ss"
+								style="width: 250px"
+							/>
+						</a-form-item>
+					</a-col>
+				</a-row>
+			</div>
+			<div>发布内容</div>
+			<div class="input">
+				<a-textarea
+					placeholder="请输入发布内容"
+					v-model:value="formState.publishContent"
+					:disabled="disabled"
+					allow-clear
+				/>
+			</div>
+
+			<a-form-item>
+				<div class="item-submit">
+					<a-button class="btn1" :disabled="disabled" @click="onClose">取消</a-button>
+					<a-button class="btn1" :disabled="disabled" type="primary" html-type="submit">保存</a-button>
+				</div>
+			</a-form-item>
+		</a-form>
+		<template #footer>
+			<a-button style="margin-right: 8px" @click="onClose">关闭</a-button>
+		</template>
+	</xn-form-container>
+</template>
+<script lang="js">
+	import business from '@/api/home/home.js'
+	import { ref } from 'vue'
+	import { cloneDeep } from 'lodash-es'
+	import { required } from '@/utils/formRules'
+	// import global from '@/api/basic.info/global'
+
+	const disabled = ref(false)
+	const visible = ref(false)
+	const records = ref('')
+	const onOpen = (record, flag, view, row) => {
+		records.value = record
+		visible.value = flag
+		disabled.value = view
+		if (row) {
+			// detail(row.id)
+		}
+	}
+	const detail = async (v) => {
+		const res = await {}({ id: v })
+		formState.value = res
+		formState.value.attachment = res.attachment.split(',')
+		formState.value.createUser = res.createUserName
+		console.log(formState.value)
+	}
+	const onClose = () => {
+		visible.value = false
+	}
+	watch(
+		() => visible.value,
+		(newVal) => {
+			if (!newVal) {
+				setTimeout(() => {
+					formState.value = {
+						systemName: '',
+						createUser: JSON.parse(localStorage.getItem('USER_INFO')).name,
+						publishTime: '',
+						publishContent: '',
+						attachment: '',
+						id: ''
+					}
+				}, 0)
+			}
+		},
+		{ immediate: true, deep: true }
+	)
+
+	const formState = ref({
+		systemName: '',
+		createUser: JSON.parse(localStorage.getItem('USER_INFO')).name,
+		publishTime: '',
+		publishContent: '',
+		attachment: '',
+		id: ''
+	})
+	const formStateRules = ref({
+		systemName: [{ required: true, message: '请填写!', trigger: 'blur' }],
+		publishTime: [{ required: true, message: '请填写!', trigger: 'change' }],
+		attachment: [{ required: true, message: '请填写!', trigger: 'change' }]
+	})
+	const formStateRef = ref(null)
+
+	const onFinish = async (values) => {
+		formState.value.attachment = values.attachment.join(',')
+		await handleAdd(formState.value)
+		emit('change')
+		formState.value = {
+			systemName: '',
+			createUser: '',
+			publishTime: '',
+			publishContent: '',
+			attachment: '',
+			id: ''
+		}
+		onClose()
+	}
+
+	const handleAdd = async (val) => {
+		if (records.value == 'edit') {
+			console.log(records.value)
+			const res = await {}(val)
+		} else {
+			const res = await {}(val)
+			console.log('add')
+		}
+	}
+
+	const delADD = () => {
+		formStateRef.value.validate().then(() => {})
+	}
+
+	const onFinishFailed = (errorInfo) => {
+		console.log('Failed:', errorInfo)
+	}
+
+	function changeUpload(fd) {
+		return global.uploadFile(fd).then((reg) => {
+			uploadDataList.value.clearValidate()
+			return reg
+		})
+	}
+	const uploadDataList = ref(null)
+	function beforeUpload() {
+		uploadDataList.value.clearValidate()
+	}
+</script>
+<style lang="less" scoped>
+	.box1 {
+		display: flex;
+		justify-content: space-between;
+		.box-left {
+			width: 350px;
+			align-items: center;
+		}
+		.box-right {
+			width: 350px;
+			margin-right: 10px;
+			align-items: center;
+		}
+	}
+	.common {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 30px;
+		.title {
+			width: 130px;
+			text-align: right;
+			margin-right: 5px;
+		}
+	}
+	.input {
+		margin-right: 10px;
+		margin-left: 40px;
+		margin-top: 20px;
+		.ant-input-affix-wrapper {
+			height: 100px;
+		}
+	}
+	.btnBox {
+		text-align: center;
+		margin-top: 100px;
+		.snowy-buttom-left {
+			margin-left: 100px;
+		}
+		.acc {
+			width: 80px;
+			height: 40px;
+		}
+	}
+	.form {
+		display: flex;
+		flex-wrap: wrap;
+		// justify-content: center;
+		.form-item {
+			width: 250px;
+			margin-right: 120px;
+		}
+	}
+	.item-submit {
+		display: flex;
+		justify-content: center;
+		margin-top: 100px;
+		.btn1 {
+			width: 100px;
+			margin-right: 20px;
+		}
+	}
+	.ant-select {
+		width: 250px;
+	}
+	.ant-input {
+		width: 250px;
+	}
+	.ant-form-item-label {
+		width: 150px;
+	}
+	.attachment {
+		margin-top: 30px;
+		margin-left: 15px;
+	}
+</style>

src/views/home/carousel/index.vue

@@ -0,0 +1,195 @@
+<!-- 数据量 -->
+<template>
+	<div class="pricemoitorrecord">
+		<a-card :bordered="false">
+			<a-space class="search">
+				<div class="silt-title">
+					<span style="width: 70px; margin-right: 8px; text-align: right; display: block; line-height: 30px">{{
+						'标题'
+					}}</span>
+					<a-input style="width: 220px" v-model:value="SearchFormDel.unitName" placeholder="请输入" />
+				</div>
+				<div class="silt-title">
+					<span style="width: 70px; margin-right: 8px; text-align: right; display: block; line-height: 30px">{{
+						'状态'
+					}}</span>
+
+					<a-select style="width: 220px" v-model:value="SearchFormDel.unitName">
+						<a-select-option :value="1">禁用</a-select-option>
+						<a-select-option :value="2">启用</a-select-option>
+					</a-select>
+				</div>
+				<div class="btnBox">
+					<a-button type="primary" class="primarySele" @click="Search"> 查询 </a-button>
+					<a-button class="primarySele snowy-buttom-left" @click="onReset"> 重置 </a-button>
+					<!-- <a-button type="primary" class="primarySele" @click="onView('add', {})"> 新增 </a-button> -->
+					<a-button
+						class="btnl colro primarySele"
+						type="primary"
+						:disabled="!hasSelected"
+						:loading="state.loading"
+						@click="start"
+					>
+						批量共享
+					</a-button>
+					<a-button class="btnl colro" type="primary" :disabled="!hasSelected" :loading="state.loading" @click="start">
+						批量禁用
+					</a-button>
+				</div>
+			</a-space>
+		</a-card>
+
+		<div class="list" style="margin-top: 10px">
+			<a-table
+				:data-source="tableData"
+				:pagination="pagination"
+				:columns="tableColumns"
+				:row-key="(record) => record"
+				:row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
+			>
+				<template #bodyCell="{ column, record }">
+					<template v-if="column.dataIndex === 'isShare'">
+						<div class="switch_del">
+							<a-switch
+								:checked="record.isShare == '0' ? false : true"
+								:checked-children="'是'"
+								:un-checked-children="'否'"
+								@change="handleSwitchChange(record)"
+								size="default"
+							/>
+						</div>
+					</template>
+					<template v-if="column.key === '操作'">
+						<a-button type="link" @click="onView('view', record)">查看</a-button>
+						<a-button type="link" @click="onView('edit', record)">编辑</a-button>
+						<a-popconfirm title="确定要删除吗？" @confirm="onView('del', record)">
+							<a-button type="link">删除</a-button>
+						</a-popconfirm>
+					</template>
+				</template>
+			</a-table>
+		</div>
+	</div>
+</template>
+<script setup name="sharing">
+	import business from '@/api/home/home.js'
+	import { listPagination } from '@/hook/listlistPagination.js'
+	import { reactive, ref } from 'vue'
+	import { useRouter } from 'vue-router'
+	import { defineComponent } from 'vue'
+	import { message } from 'ant-design-vue'
+	const formRef = ref(null)
+	const router = useRouter()
+
+	const tableColumns = [
+		// { title: '序号', key: 'INDEX' },
+		{
+			title: '序号',
+			dataIndex: 'INDEX',
+			align: 'center',
+			customRender: ({ text, record, index }) => {
+				return `${index + 1}`
+			}
+		},
+		{ title: '标题', align: 'center', dataIndex: 'unitName' },
+		{ title: '来源', align: 'center', dataIndex: 'creditLevel' },
+		{ title: '状态', align: 'center', dataIndex: 'assessResult' },
+		{ title: '发布人', align: 'center', dataIndex: 'assessResultDepict' },
+		{ title: '发布时间', align: 'center', dataIndex: 'isShare' },
+		{ title: '操作', align: 'center', key: '操作' }
+	]
+
+	//共享
+	const handleSwitchChange = async (v) => {
+		// console.log(v)
+		if (v.isShare == 1) {
+			const res = await {}([{ id: v.id, isShare: 0 }])
+		} else {
+			const res = await {}([{ id: v.id, isShare: 1 }])
+		}
+		message.success('操作成功')
+		await onSearch()
+	}
+
+	const state = reactive({
+		selectedRowKeys: [],
+		loading: false
+	})
+	const hasSelected = computed(() => state.selectedRowKeys.length > 0)
+	const start = async () => {
+		state.loading = true
+		const res = await {}(del.value)
+		setTimeout(() => {
+			state.loading = false
+			message.success('操作成功')
+			onSearch()
+		}, 300)
+	}
+	const del = ref([])
+	const onSelectChange = (selectedRowKeys) => {
+		state.selectedRowKeys = []
+		del.value = []
+		state.selectedRowKeys = selectedRowKeys
+		del.value = state.selectedRowKeys.map((item) => {
+			return {
+				id: item.id,
+				isShare: 1
+			}
+		})
+		console.log(del.value)
+	}
+
+	const { DEl, change, tableData, onSearch, handlePageChange, pagination, Search, onReset, SearchFormDel } =
+		listPagination({ unitName: '' }, business.configPage, {}, { isEntAppQuery: 1, sortOrder: 'ASCEND' })
+
+	setTimeout(() => {
+		tableData.value = [{ unitName: '33' }]
+	}, 900)
+	// 查看表单数据
+	const onView = (record, row) => {
+		switch (record) {
+			case 'add':
+				router.push('/business/personnelDel?add')
+				break
+			case 'del':
+				DEl(row)
+				break
+			case 'view':
+				router.push(`/verifyQuery/statistical/statisticalDel?code=${true}&id=${row.id}`)
+				break
+			case 'edit':
+				router.push(`/business/personnelDel?code=1&id=${row.id}`)
+				break
+			default:
+				// router.push('/business/personnelDel')
+				break
+		}
+	}
+</script>
+<style lang="less" scoped>
+	.search {
+		padding-top: 20px;
+		// padding-left: 50px;
+		margin-bottom: 32px;
+		.btnBox {
+			width: 100%;
+			display: inline-block;
+			display: flex;
+			justify-content: space-around;
+			align-items: center;
+			.primarySele {
+				margin-left: 20px;
+				margin-right: 20px;
+			}
+		}
+	}
+	.silt-title {
+		display: flex;
+	}
+	.switch_del {
+		height: 40px;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+</style>