编辑机构信息
+新增医生
机构信息
{/* 表单信息 */} @@ -104,6 +111,9 @@ function Adddoctor(props: Props) {
+
+ recode.Availableid} rowSelection={rowSelection} className='packtable' columns={columns} style={{ fontSize: '12px' }} dataSource={addPack} />
+
+
+ );
+}
+
+export default memo(Addpack);
\ No newline at end of file
diff --git a/src/views/DataManagement/package/Detail.tsx b/src/views/DataManagement/package/Detail.tsx
index 1845a8cc4b941dc4a24395effe24c61ecf787191..c5f8144ec2b1f3326724375f2675178d1ef2e1d7 100644
--- a/src/views/DataManagement/package/Detail.tsx
+++ b/src/views/DataManagement/package/Detail.tsx
@@ -57,6 +57,11 @@ function Detail(props: Props) {
align: 'center'
}
];
+ // 编辑服务包
+ const edit = (key: any) => {
+ console.log(key)
+ push({ pathname: '/MyLayout/EditPack', search: `key=${key}` })
+ }
// 修改服务包状态
const setStatus = (status: any) => {
package_setstatus({ id: packageid, status: status }).then((res) => {
@@ -112,7 +117,7 @@ function Detail(props: Props) {
-
+
diff --git a/src/views/DataManagement/package/Editpack.tsx b/src/views/DataManagement/package/Editpack.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..218dbddcc61576e21309ed271e0230630f45f956
--- /dev/null
+++ b/src/views/DataManagement/package/Editpack.tsx
@@ -0,0 +1,266 @@
+import React, { useState, useEffect, memo } from 'react';
+import { Button, Form, Input, Upload, Select, Tree, Table, Modal } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
+import type { DataNode } from 'antd/es/tree';
+import type { ColumnsType } from 'antd/es/table';
+import "../style/pub.scss"
+import '../style/organedit.scss'
+import { useNavigate, useSearchParams } from 'react-router-dom';
+import { available_search_a, doctor_add, service_available, service_editpackage, service_packageDetail, service_searchProject } from '../../../axios/api1';
+import { useForm } from 'antd/es/form/Form';
+interface Props {
+
+}
+interface Value {
+ address: string,
+ key: string,
+ name: string,
+ phone: number,
+ title: string
+}
+// 定义服务包项目类型
+interface DataType {
+ Availableid: React.Key,
+ Availablename: String,
+ Availablenum: String,
+ Availabletype: String,
+ Availableintroduce: String,
+}
+const { TextArea } = Input;
+function Addpack(props: Props) {
+ // 定义路由跳转
+ const push = useNavigate()
+ // 接收传递过来的参数
+ const [params, setParams] = useSearchParams()
+ var key = params.get('key')
+ // 定义响应式数据
+ const [form] = Form.useForm()
+ // 定义响应式数据，用来存放添加的服务项目
+ const [serviceProject, setServiceProject] = useState([])
+ const res = () => {
+ service_packageDetail({ id: key }).then((res) => {
+ if (res.data.code == 200) {
+ console.log(res.data.servicepackage);
+ form.setFieldsValue(res.data.servicepackage)
+ console.log(Object.values(res.data.servicepackage.title));
+ // form.setFieldValue('title', Object.values(res.data.servicepackage.title))
+ setServiceProject(res.data.servicepackage.servicesAvailable)
+ }
+ })
+ service_available().then((res) => {
+ setPack(res.data.available)
+ })
+ }
+ useEffect(() => {
+ res()
+ }, [key])
+ const [addPack, setPack] = useState([])
+ const back = () => {
+ push(-1)
+ }
+ // 定义一个状态用来控制新增弹出框的显示和隐藏
+ const [showProject, setShowProject] = useState(false)
+ const pic = ({ file }: any) => {
+ console.log(file.thumbUrl);
+ }
+ const Save = () => {
+ form.setFieldValue('packagestatus', 2)
+ form.setFieldValue('servicesAvailable', serviceProject)
+ const json = form.getFieldsValue()
+ service_editpackage(json).then((res) => {
+ if (res.data.code == '200') {
+ push(-1)
+ }
+ })
+ console.log(json)
+ }
+ const period = [
+ { value: '1', label: '1年' },
+ { value: '2', label: '2年' },
+ { value: '3', label: '3年' },
+ { value: '4', label: '4年' },
+ { value: '5', label: '5年' }
+ ]
+ const type = [
+ { value: '基础包', label: '基础包' },
+ { value: '老人服务包', label: '老人服务包' },
+ { value: '儿童服务包', label: '儿童服务包' },
+ { value: '定制包', label: '定制包' },
+ ]
+ const [expandedKeys, setExpandedKeys] = useState();
+ const [checkedKeys, setCheckedKeys] = useState();
+ const [selectedKeys, setSelectedKeys] = useState([]);
+ const [autoExpandParent, setAutoExpandParent] = useState(true);
+
+ const onExpand = (expandedKeysValue: React.Key[]) => {
+ console.log('onExpand', expandedKeysValue);
+ setExpandedKeys(expandedKeysValue);
+ setAutoExpandParent(false);
+ };
+
+ const onCheck = (checkedKeysValue: any) => {
+ var title1 = Object.assign({}, checkedKeysValue);
+ form.setFieldValue('title', title1)
+ console.log(title1);
+ setCheckedKeys(checkedKeysValue);
+ };
+
+ const onSelect = (selectedKeysValue: React.Key[], info: any) => {
+ console.log('onSelect', info);
+ setSelectedKeys(selectedKeysValue);
+ };// 定义标签
+ const treeData: DataNode[] = [
+ {
+ title: '高血压',
+ key: '高血压',
+ },
+ {
+ title: '糖尿病',
+ key: '糖尿病',
+ },
+ {
+ title: '慢病护理',
+ key: '慢病护理',
+ },
+ {
+ title: '高血糖',
+ key: '高血糖',
+ },
+
+ ];
+ // 定义表格数据
+ const columns: ColumnsType = [
+ {
+ title: '项目编号',
+ dataIndex: 'Availableid',
+ },
+ {
+ title: '项目名称',
+ dataIndex: 'Availablename',
+ },
+ {
+ title: '次数',
+ dataIndex: 'Availablenum',
+ align: 'center'
+ },
+ {
+ title: '项目类型',
+ dataIndex: 'Availabletype',
+ align: 'center'
+ },
+ {
+ title: '项目介绍',
+ dataIndex: 'Availableintroduce',
+ align: 'center'
+ }
+ ];
+ // 定义每一行选择的数据的key
+ const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+ const onSelectChange = (newSelectedRowKeys: React.Key[]) => {
+ console.log('selectedRowKeys changed: ', newSelectedRowKeys);
+ setSelectedRowKeys(newSelectedRowKeys);
+ };
+ const rowSelection = {
+ selectedRowKeys,
+ onChange: onSelectChange,
+ };
+ const addproject = () => {
+ setShowProject(true)
+ }
+ const handlecancle = () => {
+ setShowProject(false)
+ }
+ const handleOk = () => {
+ console.log(selectedRowKeys);
+ var list: any = []
+ selectedRowKeys.forEach((item) => {
+ service_searchProject({ key: item }).then((res) => {
+ console.log(res.data.available);
+ list.push(res.data.available)
+ // var arr = serviceProject.push(res.data.available)
+ console.log(list);
+ // var arr = list.concat(serviceProject)
+ var arr = serviceProject.concat(list)
+ console.log(arr);
+ setServiceProject(arr)
+ })
+ })
+ setShowProject(false)
+ }
+ return (
+
+
新增服务包
+
+
+ 服务包信息
+ {/* 表单信息 */} + <> + + +
+
+
+ 服务项目
+ +
+
+
+
+
+
+ recode.Availableid} rowSelection={rowSelection} onChange={onCheck} className='packtable' columns={columns} style={{ fontSize: '12px' }} dataSource={addPack} />
+
+
+ );
+}
+
+export default memo(Addpack);
\ No newline at end of file
diff --git a/src/views/DataManagement/style/joindetail.scss b/src/views/DataManagement/style/joindetail.scss
index 8ab81f0e83f3a74b76f8035180d34fb4f32c9eae..11db534a74f78f72c197bdd0cbd1154b68e33328 100644
--- a/src/views/DataManagement/style/joindetail.scss
+++ b/src/views/DataManagement/style/joindetail.scss
@@ -46,4 +46,16 @@
}
}
}
+}
+
+.ant-modal-content {
+ width: 1200px;
+ margin-left: -300px;
+
+ .ant-modal-body {
+
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ }
}
\ No newline at end of file
diff --git a/src/views/DataManagement/team/ManageDetail.tsx b/src/views/DataManagement/team/ManageDetail.tsx
index 4b4147b0bc99edf6772bc3867d6b0742fd3ae6c9..61160bdab6454dd3dcb688eac2087eadb1cf34f4 100644
--- a/src/views/DataManagement/team/ManageDetail.tsx
+++ b/src/views/DataManagement/team/ManageDetail.tsx
@@ -3,7 +3,7 @@ import { useNavigate, useSearchParams } from 'react-router-dom';
import { Switch, Radio, Drawer, Button, Modal, Form, Input, Select, Upload, Table } from 'antd';
import { PlusOutlined } from '@ant-design/icons';
import type { ColumnsType } from 'antd/es/table';
-import { service_package, team_doctor, team_editteam, team_exit, team_Package, team_search_a, team_search_b, team_Setsstatus_a, team_yichuPackage } from '../../../axios/api1';
+import { service_package, team_addPackage, team_doctor, team_editteam, team_exit, team_Package, team_search_a, team_search_b, team_Setsstatus_a, team_yichuPackage } from '../../../axios/api1';
import '../style/pub.scss'
import '../style/joindetail.scss'
import '../style/addTeam.scss'
@@ -72,8 +72,6 @@ function JoinDetail(props: any) {
const [doctor, setDoctor] = useState([])
// 定义一个状态，用来存放该团队的服务包的信息
const [packageDetail, setPackageDetail] = useState([])
- // 定义状态用来存放所有 的服务包
- const [allPackage, setAllpackage] = useState([])
// 设置状态，用来控制抽屉的显示或隐藏
const [open, setOpen] = useState(false);
// 设置状态，用来控制服务包详情的显示隐藏
@@ -87,6 +85,8 @@ function JoinDetail(props: any) {
const [teamkey, setTeamKey] = useState()
// 定义上传的头像
const [imageUrl, setImageUrl] = useState
编辑服务包
+
+
+ 服务包信息
+ {/* 表单信息 */} + <> + + +
+
+
+ 服务项目
+ +
+
+
+
+