\r\n
\r\n
\r\n
Nhóm quyền
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd === true ? : ''}\r\n {roleEdit === true ? : ''}\r\n {roleDel === true ? : ''}\r\n
\r\n
\r\n
\r\n {/*
\r\n\r\n
\r\n \r\n Nhóm quyền\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Fade, Modal } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport TaiKhoanApi from '../../../api/TaiKhoanApi';\r\nimport NhomQuyenApi from '../../../api/NhomQuyenApi';\r\nimport '../../../css/apppublic.css';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport '../../../css/reactconfirm.css';\r\nimport '../../../css/reactselect.css';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport Authen from '../../../core/Authen';\r\nimport ExportExcelApi from '../../../api/ExportExcelApi';\r\nimport { Loading } from '../../../shared/loading/Loading';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport QuanHuyenApi from '../../../api/QuanHuyenApi';\r\n\r\nexport const TaiKhoan = () => {\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('api', '');\r\n const [listNhanViens, setListNhanVien] = useState([]);\r\n const [showDoiMatKhau, setShowDoiMatKhau] = useState(false);\r\n const [listQuyen, setListQuyen] = useState([]);\r\n const [roles, setRoles] = useState('');\r\n const [roleMutil, setRoleMutil] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [isXem, setIsXem] = useState(false);\r\n const [avatarFile, setAvatarFile] = useState(null);\r\n const [search, setSearch] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const { handleSubmit, reset, register, errors } = useForm();\r\n const [loading, setLoading] = useState(false);\r\n let pageIndex = 1, pageSize = 20;\r\n const [quanHuyenMutil, setQuanHuyenMutil] = useState();\r\n const [listQuanHuyen, setListQuanHuyen] = useState([]);\r\n const optionsQuanHuyen = listQuanHuyen.Items;\r\n const [disQuanHuyen, setDisQuanHuyen] = useState(false);\r\n const [disButtonEdit, setDisButtonEdit] = useState(true);\r\n\r\n const [paginationConfig, setPaginationConfig] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: 'sm',\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n if (page != null) {\r\n pageIndex = page;\r\n loadTaiKhoan();\r\n }\r\n }\r\n });\r\n\r\n const loadUserRoles = async (id) => {\r\n const res = await TaiKhoanApi.getUserRoles(id);\r\n if (res.length >= 0) {\r\n let opt = {\r\n options: res.map((x) => ({\r\n value: x.RoleId,\r\n label: x.Description\r\n }))\r\n };\r\n setRoleMutil(opt);\r\n }\r\n else {\r\n setRoleMutil([]);\r\n }\r\n }\r\n\r\n const loadQuyen = async () => {\r\n try {\r\n const res = await NhomQuyenApi.getAll();\r\n setListQuyen({\r\n Items: res.map((x) => ({\r\n value: x.Id,\r\n label: x.Description\r\n }))\r\n });\r\n }\r\n catch (err) {\r\n }\r\n };\r\n\r\n const loadQuanHuyen = async () => {\r\n try {\r\n const res = await QuanHuyenApi.getAll();\r\n setListQuanHuyen({\r\n Items: res.map((x) => ({\r\n value: x.Ma,\r\n label: x.Ten,\r\n id: x.Id\r\n }))\r\n });\r\n }\r\n catch (err) {\r\n }\r\n };\r\n\r\n const options = listQuyen.Items;\r\n\r\n const onChangeSelect = (optionSelected) => {\r\n /* setRoles({values: optionSelected.values,label: optionSelected.label}); */\r\n setRoleMutil(optionSelected);\r\n }\r\n\r\n const onChangeSelectQuanHuyen = (optionSelected) => {\r\n setQuanHuyenMutil(optionSelected);\r\n }\r\n\r\n const loadTaiKhoan = async () => {\r\n try {\r\n const params = {\r\n filter: search,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize\r\n }\r\n const response = await TaiKhoanApi.getPaging(params);\r\n response.Items.forEach((x) => {\r\n x.Checked = false\r\n });\r\n setDisButtonEdit(true);\r\n setListNhanVien(response.Items);\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow == 0 ? 1 : response.TotalRow / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n setPaginationConfig(paginationConfig);\r\n }\r\n catch (err) { }\r\n }\r\n\r\n const rowClick = (id) => {\r\n listNhanViens.forEach(element => {\r\n if (element.Id === id) {\r\n element.Checked = true;\r\n }\r\n else {\r\n element.Checked = false;\r\n }\r\n });\r\n setDisButtonEdit(false);\r\n setIsEdit(true);\r\n setListNhanVien([...listNhanViens]);\r\n }\r\n\r\n const handleClose = () => {\r\n setShow(false);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Status: true\r\n }, [reset]);\r\n setIsEdit(false);\r\n setAvatarFile(null);\r\n setRoleMutil([]);\r\n setQuanHuyenMutil(null);\r\n setIsXem(false);\r\n setDisQuanHuyen(false);\r\n setShow(true);\r\n }\r\n\r\n const handleShowEdit = () => {\r\n setIsEdit(true);\r\n setIsXem(false);\r\n setAvatarFile(null);\r\n let index = listNhanViens.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n TaiKhoanApi.getDetail(listNhanViens[index].Id).then((response) => {\r\n reset(response, [reset]);\r\n loadUserRoles(response.Id);\r\n setIsXem(false);\r\n setQuanHuyenMutil(null);\r\n var index = listQuanHuyen.Items.findIndex(x => x.value == response?.MaQuanHuyen);\r\n if (index >= 0) {\r\n setQuanHuyenMutil(listQuanHuyen.Items[index]);\r\n }\r\n setDisQuanHuyen(response?.TatCaQuanHuyen == true);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowData = () => {\r\n setIsXem(true);\r\n let index = listNhanViens.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n TaiKhoanApi.getDetail(listNhanViens[index].Id).then((response) => {\r\n reset(response, [reset]);\r\n loadUserRoles(response.Id);\r\n setQuanHuyenMutil(null);\r\n var index = listQuanHuyen.Items.findIndex(x => x.value == response?.MaQuanHuyen);\r\n if (index >= 0) {\r\n setQuanHuyenMutil(listQuanHuyen.Items[index]);\r\n }\r\n setDisQuanHuyen(response?.TatCaQuanHuyen == true);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const GetArrQuyen = () => {\r\n try {\r\n var roleArr = '';\r\n if (roleMutil.options == null) {\r\n roleMutil.map((x) => {\r\n if (roleArr == '') {\r\n roleArr = x.value;\r\n }\r\n else {\r\n roleArr += ',' + x.value;\r\n }\r\n })\r\n }\r\n else {\r\n roleMutil.options.map((x) => {\r\n if (roleArr == '') {\r\n roleArr = x.value;\r\n }\r\n else {\r\n roleArr += ',' + x.value;\r\n }\r\n })\r\n }\r\n setRoles(roleArr);\r\n }\r\n catch {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n GetArrQuyen();\r\n }, [roleMutil])\r\n\r\n const onSubmit = async (data) => {\r\n try {\r\n var fielPath = '';\r\n if (avatarFile != null) {\r\n let dataUpload = new FormData();\r\n dataUpload.append('file', avatarFile);\r\n fielPath = await TaiKhoanApi.UploadFile(dataUpload);\r\n data.Avatar = fielPath;\r\n }\r\n if (quanHuyenMutil?.value != null) {\r\n data.MaQuanHuyen = quanHuyenMutil.value;\r\n data.IdQuanHuyen = quanHuyenMutil.id;\r\n }\r\n data.UserRoles = roles;\r\n if (!isEdit) {\r\n const res = await TaiKhoanApi.createUser(data);\r\n }\r\n else {\r\n const res = await TaiKhoanApi.updateUser(data);\r\n }\r\n setShow(false);\r\n loadTaiKhoan();\r\n }\r\n catch (ex) {\r\n console.log(ex.message);\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadQuyen();\r\n loadQuanHuyen();\r\n loadTaiKhoan();\r\n setRoleAdd(Authen.checkQuyen('TAIKHOAN_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('TAIKHOAN_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('TAIKHOAN_DELETE'));\r\n }, []);\r\n\r\n const setFilter = (e) => {\r\n setSearch(e.target.value);\r\n }\r\n\r\n\r\n const alertDell = async () => {\r\n let lstChecked = listNhanViens.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n TaiKhoanApi.DeleteUser(lstChecked[0].Id).then((res) => {\r\n if (res.Message == \"\") {\r\n loadTaiKhoan();\r\n }\r\n else {\r\n ThongBao.prinWarningMessage(res.Message);\r\n }\r\n })\r\n });\r\n }\r\n }\r\n\r\n const Timkiem = () => {\r\n loadTaiKhoan();\r\n }\r\n\r\n const exportExcel = () => {\r\n let params = {\r\n\r\n }\r\n setLoading(true);\r\n ExportExcelApi.getTaiKhoan(params).then((res) => {\r\n const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\r\n let url = window.URL.createObjectURL(blob);\r\n let a = document.createElement('a');\r\n a.href = url;\r\n setLoading(false);\r\n a.download = 'download.xlsx';\r\n a.click();\r\n }, () => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const saveDatLaiMatKhau = (data) => {\r\n if (data.UserName === \"Admin\") {\r\n ThongBao.prinWarningMessage(\"Bạn không đặt lại được mật khẩu tài khoản Admin.\");\r\n return;\r\n }\r\n else {\r\n if (data.Password != data.ConfirmPassword) {\r\n ThongBao.prinWarningMessage(\"Xác nhận mật khẩu không khớp.\");\r\n }\r\n else {\r\n\r\n const params = {\r\n Id: data.Id,\r\n Password: data.Password\r\n };\r\n setLoading(true);\r\n TaiKhoanApi.setPass(params).then(() => {\r\n setLoading(false);\r\n setShowDoiMatKhau(false);\r\n loadTaiKhoan();\r\n }).catch(() => setLoading(false))\r\n }\r\n }\r\n }\r\n\r\n const handleDoiMatKhauClose = () => {\r\n setShowDoiMatKhau(false);\r\n }\r\n\r\n const showDatLaiMatKhau = () => {\r\n var lst = listNhanViens.filter(x => x.Checked == true);\r\n if (lst.length > 0) {\r\n reset({\r\n Id: lst[0].Id,\r\n UserName: lst[0].UserName\r\n }, [reset]);\r\n }\r\n setShowDoiMatKhau(true);\r\n }\r\n\r\n const onChangeTatCaQuanHuyen = (e) => {\r\n setDisQuanHuyen(e.target.checked);\r\n if (e.target.checked) {\r\n setQuanHuyenMutil(null);\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Tài khoản
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n Tài khoản\r\n \r\n \r\n \r\n \r\n \r\n Lưu\r\n Hủy\r\n \r\n \r\n\r\n
\r\n \r\n Đặt lại mật khẩu.\r\n \r\n \r\n \r\n \r\n \r\n Lưu\r\n Hủy\r\n \r\n \r\n
\r\n
\r\n\r\n )\r\n}\r\n\r\n","import axiosClient from './axiosClient';\r\nconst PhanQuyenApi = {\r\n getAll: () => {\r\n const url = '/permission/function-actions';\r\n return axiosClient.get(url);\r\n }, \r\n\r\n getbyRole: (params) => {\r\n const url = '/permission/role-permissions/'+ params.roleId;\r\n return axiosClient.get(url, {params});\r\n }, \r\n\r\n post: (data) =>{\r\n const url = '/permission/save-permissions/' + data.roleId ;\r\n return axiosClient.post(url, data.permissions);\r\n } \r\n}\r\nexport default PhanQuyenApi;","import React, { useState, useEffect } from 'react';\r\nimport PhanQuyenApi from '../../../api/PhanQuyenApi';\r\nimport NhomQuyenApi from '../../../api/NhomQuyenApi';\r\nimport Select from 'react-select';\r\nimport './PhanQuyen.css';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport Authen from '../../../core/Authen';\r\n\r\nexport const PhanQuyen = () => {\r\n const [listRoles, setNhomQuyen] = useState([]);\r\n // const [selectedOption, setSelectedOption] = useState('');\r\n const [listQuyens, setQuyen] = useState([]);\r\n const [listFunctions, setFunction] = useState([]);\r\n const [roleId, setroleId] = useState('');\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n\r\n const loadChucNang = async () => {\r\n try {\r\n const response = await PhanQuyenApi.getAll();\r\n setQuyen(response);\r\n console.log(response);\r\n setFunction(BuildTree(response));\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadChucNang();\r\n loadRoles();\r\n /* setRoleEdit(true); */\r\n setRoleEdit(Authen.checkQuyen('PHANQUYEN_UPDATE'));\r\n \r\n }, []);\r\n\r\n function loadRoles() {\r\n NhomQuyenApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: '', label: 'Chọn nhóm quyền' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.Description });\r\n })\r\n setNhomQuyen(list);\r\n })\r\n }\r\n\r\n\r\n function onChangeRole(e) {\r\n //console.log(e);\r\n // console.log(listQuyens);\r\n // console.log(listFunctions); \r\n // setSelectedOption(e.value) \r\n setroleId(e.value);\r\n loadPermissionByRole(e.value);\r\n }\r\n\r\n function loadPermissionByRole(role) {\r\n //console.log(roleId);\r\n const params = {\r\n roleId: role\r\n }\r\n if (role !== '') {\r\n PhanQuyenApi.getbyRole(params).then((response) => {\r\n listQuyens.forEach(item => {\r\n let listActions = response.filter(x => x.FunctionId === item.Id);\r\n for (let action of item.Actions) {\r\n action.Checked = listActions.findIndex(x => x.ActionId === action.Id) !== -1;\r\n }\r\n });\r\n setFunction(BuildTree(listQuyens));\r\n\r\n \r\n });\r\n }\r\n else {\r\n PhanQuyenApi.getAll().then((response) => {\r\n setQuyen(response);\r\n setFunction(BuildTree(response));\r\n }\r\n );\r\n }\r\n\r\n }\r\n\r\n function BuildTree(arr = []) {\r\n let roots = [];\r\n roots = arr.filter(x => x.ParentId === null);\r\n for (var i = 0; i < roots.length; i++) {\r\n let lstTemp = arr.filter(x => x.ParentId == roots[i].Id);\r\n if (lstTemp.length == 0) {\r\n let objTemp = JSON.parse(JSON.stringify(roots[i]));\r\n objTemp.ParentId = roots[i].Id + \"_OK\";\r\n roots[i].children = [objTemp];\r\n roots[i].Id = roots[i].Id + \"_OK\";\r\n }\r\n else {\r\n Tree(arr, roots[i]);\r\n }\r\n }\r\n return roots;\r\n }\r\n\r\n function Tree(arr = [], list) {\r\n var kq = false;\r\n let childs = arr.filter(x => x.ParentId === list.Id);\r\n //list.data.expanded = true;\r\n list.children = childs;\r\n for (var i = 0; i < childs.length; i++) {\r\n Tree(arr, childs[i]);\r\n }\r\n }\r\n\r\n const clickFunction = (funtion) => {\r\n funtion.Checked = !funtion.Checked;\r\n for (let action of funtion.Actions) {\r\n action.Checked = funtion.Checked;\r\n }\r\n let i = listQuyens.findIndex(x => x.Id === funtion.Id);\r\n if (i !== -1)\r\n listQuyens[i] = funtion;\r\n\r\n setFunction(BuildTree(listQuyens));\r\n }\r\n\r\n const clickAction = (func, action) => {\r\n // console.log(action);\r\n // console.log(fuc);\r\n\r\n action.Checked = !action.Checked;\r\n\r\n let j = func.Actions.findIndex(x => x.Id === action.Id);\r\n if (j !== -1)\r\n func.Actions[j] = action;\r\n\r\n let i = listQuyens.findIndex(x => x.Id === func.Id);\r\n if (i !== -1)\r\n listQuyens[i] = func;\r\n\r\n setFunction(BuildTree(listQuyens));\r\n }\r\n\r\n const saveData = () => {\r\n let data = {};\r\n data.roleId = roleId;\r\n\r\n let list = [];\r\n listQuyens.forEach(item => {\r\n for (let action of item.Actions) {\r\n if (action.Checked) {\r\n list.push({\r\n FunctionId: item.Id,\r\n ActionId: action.Id\r\n });\r\n }\r\n }\r\n });\r\n data.permissions = list;\r\n if (roleId === '')\r\n {\r\n ThongBao.prinWarningMessage(\"Chọn nhóm cần phân quyền!\");\r\n return;\r\n }\r\n PhanQuyenApi.post(data).then(() => {\r\n ThongBao.printSuccessMessage(\"Cập nhật thành công!\");\r\n })\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Phân quyền
\r\n \r\n
\r\n
\r\n ({\r\n ...theme,\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n })}\r\n />\r\n
\r\n
\r\n
\r\n {roleEdit == true ? : ''}\r\n
\r\n
\r\n
\r\n
\r\n {\r\n listFunctions.map((item, key) => {\r\n return (\r\n - \r\n \r\n {item.Name}\r\n \r\n \r\n
\r\n )\r\n })\r\n }\r\n
\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst BaoCaoApi = {\r\n getPaging: (params) => {\r\n const url = '/baocao/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getDetail: (id) =>{\r\n const url = '/baocao/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n post: (data) =>{\r\n const url = '/baocao/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/baocao/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/baocao/delete/' + id;\r\n return axiosClient.delete(url);\r\n },\r\n\r\n getLoaiBaoCao:()=>{\r\n const url = '/baocao/getall';\r\n return axiosClient.get(url);\r\n }\r\n\r\n}\r\n\r\nexport default BaoCaoApi;","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst LoaiBaoCaoApi = {\r\n getAll: (params) =>{\r\n const url = 'loaibaocao/getall';\r\n return axiosClient.get(url, {params});\r\n }\r\n}\r\n\r\nexport default LoaiBaoCaoApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport QuanHuyenApi from '../../api/QuanHuyenApi';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport BaoCaoApi from '../../api/BaoCaoApi';\r\nimport { QuanLyTapTin } from '../../shared/quanlytaptin/QuanLyTapTin';\r\nimport ThongBao from '../../core/ThongBao';\r\nimport Authen from '../../core/Authen';\r\nimport LoaiBaoCaoApi from '../../api/LoaiBaoCaoApi';\r\n\r\nexport const BaoCao = () => {\r\n const [listBaoCaos, setBaoCao] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [listQuanHuyens, setQuanHuyen] = useState([]);\r\n const [selectedOption, setSelectedOption] = useState('0');\r\n const [showQuanLyTapTin, setShowQuanLyTapTin] = useState(false);\r\n const [tapTin, setTapTin] = useState(null);\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n const [selectLoaiBaoCao, setLoaiBaoCao] = useState('0');\r\n const [listLoaiBaoCao, setListLoaiBaoCao] = useState([]);\r\n const [selectLoaiBaoCao_TimKiem, setLoaiBaoCao_TimKiem] = useState('0');\r\n\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n center: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadBaoCao();\r\n }\r\n });\r\n\r\n const loadBaoCao = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter,\r\n idQuanHuyen: 0,\r\n idPhuongXa: 0,\r\n idLoaiBaoCao: selectLoaiBaoCao_TimKiem.value || 0\r\n }\r\n const response = await BaoCaoApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = response.TotalRow == 0 ? 1 : Math.ceil(response.TotalRow / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n paginationConfig.onClick = function (page) {\r\n pageIndex = page;\r\n loadBaoCao();\r\n }\r\n setPaging(paginationConfig);\r\n setBaoCao(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadQuanHuyen();\r\n loadLoaiBaoCao();\r\n loadBaoCao();\r\n setRoleAdd(true);\r\n setRoleEdit(true);\r\n setRoleDel(true);\r\n setRoleAdd(Authen.checkQuyen('BAOCAOCHUYENDE_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('BAOCAOCHUYENDE_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('BAOCAOCHUYENDE_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadBaoCao();\r\n }\r\n\r\n const saveData = (data) => {\r\n if (data.ThuTu == \"\") {\r\n data.ThuTu = 1;\r\n }\r\n if (selectedOption.value) {\r\n data.IdQuanHuyen = selectedOption.value;\r\n }\r\n if (selectLoaiBaoCao.value) {\r\n data.IdLoaiBaoCao = selectLoaiBaoCao.value;\r\n }\r\n data.TapTin = tapTin;\r\n if (data.IdBaoCao === \"0\") {\r\n BaoCaoApi.post(data).then(() => {\r\n setShow(false);\r\n loadBaoCao();\r\n })\r\n }\r\n else {\r\n BaoCaoApi.put(data).then(() => {\r\n setShow(false);\r\n loadBaoCao();\r\n })\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listBaoCaos.forEach(item => {\r\n if (item.IdBaoCao === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n setBaoCao([...listBaoCaos]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n IdBaoCao: 0,\r\n TenBaoCao: null,\r\n ThuTu: null,\r\n TapTin: null,\r\n Status: true,\r\n MoTa: null,\r\n IdQuanHuyen: null\r\n }, [reset]);\r\n setTapTin(null);\r\n setShow(true)\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listBaoCaos.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n BaoCaoApi.getDetail(listBaoCaos[index].IdBaoCao).then((response) => {\r\n reset({\r\n IdBaoCao: response.IdBaoCao,\r\n TenBaoCao: response.TenBaoCao,\r\n TapTin: response.TapTin,\r\n ThuTu: response.SortOrder,\r\n Status: response.Status,\r\n IdQuanHuyen: response.IdQuanHuyen,\r\n IdLoaiBaoCao: response.IdLoaiBaoCao,\r\n MoTa: response.MoTa\r\n }, [reset]);\r\n let index = listQuanHuyens.findIndex(x => x.value == response.IdQuanHuyen);\r\n setSelectedOption(listQuanHuyens[index]);\r\n let n = listLoaiBaoCao.findIndex(x => x.value == response.IdLoaiBaoCao);\r\n setLoaiBaoCao(listLoaiBaoCao[n]);\r\n setTapTin(response.TapTin);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n let index = listBaoCaos.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n let lstId = [];\r\n listBaoCaos.filter(x => x.Checked).forEach(element => {\r\n lstId.push(element.IdBaoCao);\r\n });\r\n ThongBao.printConfirmationDialog(\"Bạn có muốn xóa bản ghi này?\", () => {\r\n BaoCaoApi.delete(lstId).then(() => {\r\n ThongBao.printSuccessMessage(\"Xóa khoảnh đất thành công!\");\r\n loadBaoCao();\r\n });\r\n });\r\n }\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const onChangeQuanHuyen = (event) => {\r\n setSelectedOption(event);\r\n }\r\n\r\n function loadQuanHuyen() {\r\n var user=Authen.getUser();\r\n QuanHuyenApi.getAllByAuth().then((response) => {\r\n let list = [];\r\n list.push({ value: '0', label: 'Chọn huyện' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.Ten });\r\n })\r\n setQuanHuyen(list);\r\n })\r\n }\r\n\r\n const openFile = () => {\r\n setShowQuanLyTapTin(true);\r\n }\r\n\r\n const onChangeFilter = (e) => {\r\n setTapTin(e);\r\n }\r\n\r\n const closeModalQuanLyTapTin = () => {\r\n setShowQuanLyTapTin(false);\r\n }\r\n\r\n const huyTapTin = () => {\r\n setTapTin(null);\r\n }\r\n\r\n function loadLoaiBaoCao() {\r\n LoaiBaoCaoApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: '0', label: 'Chọn loại báo cáo' });\r\n response.forEach(item => {\r\n list.push({ value: item.IdLoaiBaoCao, label: item.Ten });\r\n })\r\n setListLoaiBaoCao(list);\r\n })\r\n }\r\n\r\n\r\n const onChangeLoaiBaoCao = (e) => {\r\n setLoaiBaoCao(e);\r\n }\r\n\r\n const onChangeLoaiBaoCao_TimKiem = (e) => {\r\n setLoaiBaoCao(e.value);\r\n loadBaoCao(e.value);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Báo cáo
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Báo cáo\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst NhatKyDangNhapApi = {\r\n getPaging: (params) => {\r\n const url = '/nhatkydangnhap/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n delete: (id) =>{\r\n const url = '/nhatkydangnhap/delete/' + id;\r\n return axiosClient.delete(url);\r\n }\r\n}\r\n \r\nexport default NhatKyDangNhapApi;","import React, { useState, useEffect } from 'react'\r\nimport NhatKyDangNhapApi from '../../../api/NhatKyDangNhapApi';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport DateRangePicker from 'react-bootstrap-daterangepicker';\r\nimport 'bootstrap-daterangepicker/daterangepicker.css';\r\nimport moment from 'moment';\r\nimport Authen from '../../../core/Authen';\r\n\r\nexport const NhatKyDangNhap = () => {\r\n const [listNhatKyDangNhaps, setNhatKyDangNhap] = useState([]);\r\n const [filter, setFilter] = useState('');\r\n const [isEdit, setIsEdit] = useState(false);\r\n var [tuNgay, setTuNgay] = useState(new Date());\r\n var [denNgay, setDenNgay] = useState(new Date());\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadNhatKyDangNhap();\r\n }\r\n });\r\n\r\n const loadNhatKyDangNhap = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n keyword: filter,\r\n tuNgay: moment(tuNgay).format('DD/MM/YYYY'),\r\n denNgay: moment(denNgay).format('DD/MM/YYYY')\r\n }\r\n const response = await NhatKyDangNhapApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n if (response.TotalRow == 0) {\r\n paginationConfig.totalPages = 1;\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setNhatKyDangNhap(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadNhatKyDangNhap();\r\n setRoleAdd(Authen.checkQuyen('NHATKYDANGNHAP_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('NHATKYDANGNHAP_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('NHATKYDANGNHAP_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadNhatKyDangNhap();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const handleShowDel = () => {\r\n let index = listNhatKyDangNhaps.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n ThongBao.printConfirmationDialog(\"Bạn có muốn xóa bản ghi này không?\", () => {\r\n NhatKyDangNhapApi.delete(listNhatKyDangNhaps[index].Id).then(() => {\r\n ThongBao.printSuccessMessage(\"Xóa thành công!\");\r\n loadNhatKyDangNhap();\r\n })\r\n });\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listNhatKyDangNhaps.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n setNhatKyDangNhap([...listNhatKyDangNhaps]);\r\n let list = listNhatKyDangNhaps.filter(x => x.Checked);\r\n if (list.length !== 0) {\r\n setIsEdit(true);\r\n }\r\n else\r\n {\r\n setIsEdit(false);\r\n }\r\n }\r\n\r\n const handleCallback = (start, end, label) => {\r\n tuNgay = start;\r\n denNgay = end;\r\n setTuNgay(tuNgay);\r\n setDenNgay(denNgay);\r\n loadNhatKyDangNhap();\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Nhật ký đăng nhập
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleDel == true?:''}\r\n
\r\n
\r\n
\r\n
\r\n\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst NhatKySuDungApi = {\r\n getPaging: (params) => {\r\n const url = '/nhatkysudung/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n delete: (id) =>{\r\n const url = '/nhatkysudung/delete/' + id;\r\n return axiosClient.delete(url);\r\n }\r\n}\r\n \r\nexport default NhatKySuDungApi;","import React, { useState, useEffect } from 'react'\r\nimport NhatKySuDungApi from '../../../api/NhatKySuDungApi';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport DateRangePicker from 'react-bootstrap-daterangepicker';\r\nimport 'bootstrap-daterangepicker/daterangepicker.css';\r\nimport moment from 'moment';\r\nimport Authen from '../../../core/Authen';\r\n\r\nexport const NhatKySuDung = () => {\r\n const [listNhatKySuDungs, setNhatKySuDung] = useState([]);\r\n const [filter, setFilter] = useState('');\r\n const [isEdit, setIsEdit] = useState(false);\r\n var [tuNgay, setTuNgay] = useState(new Date());\r\n var [denNgay, setDenNgay] = useState(new Date());\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadNhatKySuDung();\r\n }\r\n });\r\n\r\n const loadNhatKySuDung = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n keyword: filter,\r\n tuNgay: moment(tuNgay).format('DD/MM/YYYY'),\r\n denNgay: moment(denNgay).format('DD/MM/YYYY')\r\n }\r\n const response = await NhatKySuDungApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n if (response.TotalRow == 0) {\r\n paginationConfig.totalPages = 1;\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setNhatKySuDung(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadNhatKySuDung();\r\n setRoleDel(Authen.checkQuyen('NHATKYSUDUNG_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadNhatKySuDung();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const handleShowDel = () => {\r\n let index = listNhatKySuDungs.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n ThongBao.printConfirmationDialog(\"Bạn có muốn xóa bản ghi này không?\", () => {\r\n NhatKySuDungApi.delete(listNhatKySuDungs[index].Id).then(() => {\r\n ThongBao.printSuccessMessage(\"Xóa thành công!\");\r\n loadNhatKySuDung();\r\n })\r\n });\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listNhatKySuDungs.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n setNhatKySuDung([...listNhatKySuDungs]);\r\n let list = listNhatKySuDungs.filter(x => x.Checked);\r\n if (list.length !== 0) {\r\n setIsEdit(true);\r\n }\r\n else{\r\n setIsEdit(false);\r\n }\r\n }\r\n\r\n const handleCallback = (start, end, label) => {\r\n tuNgay = start;\r\n denNgay = end;\r\n setTuNgay(tuNgay);\r\n setDenNgay(denNgay);\r\n loadNhatKySuDung();\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Nhật ký sử dụng
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleDel == true?:''}\r\n
\r\n
\r\n
\r\n
\r\n\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst DatabaseApi = {\r\n getPaging: (params) => {\r\n const url = '/database/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getDetail: (id) =>{\r\n const url = '/database/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n post: (data) =>{\r\n const url = '/database/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/database/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/database/delete/' + id;\r\n return axiosClient.delete(url);\r\n },\r\n getAll: (params) =>{\r\n const url = 'database/getall';\r\n return axiosClient.get(url, {params});\r\n },\r\n restore: (data) =>{\r\n const url = '/database/restore';\r\n return axiosClient.post(url, data);\r\n }\r\n}\r\n\r\nexport default DatabaseApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport DatabaseApi from '../../../api/DatabaseApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\nimport { Loading } from '../../../shared/loading/Loading';\r\nimport * as moment from 'moment'\r\n\r\nexport const Database = () => {\r\n const [listPostCategory, setPostCategory] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [listDanhMucCha, setDanhMucCha] = useState([]);\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [isChecked, setIsChecked] = useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadCategory();\r\n }\r\n });\r\n\r\n const loadCategory = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await DatabaseApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setPostCategory(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadCategory();\r\n setRoleAdd(true);\r\n setRoleDel(true);\r\n setRoleEdit(true);\r\n setRoleAdd(Authen.checkQuyen('DATABASE_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('DATABASE_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('DATABASE_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadCategory();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const saveData = (data) => {\r\n if (data.Id === \"0\") {\r\n setLoading(true);\r\n DatabaseApi.post(data).then(() => {\r\n setLoading(false);\r\n setShow(false);\r\n loadCategory();\r\n }).catch(() => {\r\n setLoading(false);\r\n })\r\n }\r\n else {\r\n setLoading(true);\r\n DatabaseApi.put(data).then(() => {\r\n setLoading(false);\r\n setShow(false);\r\n loadCategory();\r\n }).catch(() => {\r\n setLoading(false);\r\n })\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listPostCategory.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n let lstChecked = listPostCategory.filter(x => x.Checked);\r\n if(lstChecked.length==1){\r\n setIsChecked(true);\r\n }\r\n else{\r\n setIsChecked(false);\r\n }\r\n setPostCategory([...listPostCategory]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Name: \"\",\r\n Status: true\r\n }, [reset]);\r\n setShow(true)\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listPostCategory.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n DatabaseApi.getDetail(listPostCategory[index].Id).then((response) => {\r\n reset(response, [reset]);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listPostCategory.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n DatabaseApi.delete(lstId).then(() => {\r\n loadCategory();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const handleShowRestore = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý khôi phục CSDL tại điểm backup này không?\", () => {\r\n let lstChecked = listPostCategory.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n setLoading(true);\r\n DatabaseApi.restore({ Id: lstChecked[0].Id }).then(() => {\r\n setLoading(false);\r\n ThongBao.printSuccessMessage(\"Khôi phục thành công.\");\r\n }).catch(() => {\r\n setLoading(false);\r\n })\r\n }\r\n });\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadCategory();\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Cơ sở dữ liệu
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Backup cơ sở dữ liệu\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n\r\n )\r\n}\r\n","import { Button } from 'react-bootstrap';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { useForm } from 'react-hook-form';\r\nimport HuongDanApi from '../../../api/HuongDanApi';\r\nimport CKEditor from 'ckeditor4-react';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\n\r\nexport const HuongDanAddEdit = () => {\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [content, setContent] = useState('');\r\n var { id } = useParams();\r\n let history = useHistory();\r\n useEffect(() => {\r\n if (id !== \"0\") {\r\n HuongDanApi.getDetail(id).then((response) => {\r\n reset({\r\n IdHuongDan: response.IdHuongDan,\r\n TieuDe: response.TieuDe,\r\n MoTa: response.MoTa,\r\n NoiDung: response.NoiDung,\r\n ThuTu: response.ThuTu,\r\n Status: response.Status,\r\n TapTin: response.TapTin,\r\n HienThiCongKhai: response.HienThiCongKhai\r\n }, [reset]);\r\n setTimeout(() => {\r\n setContent(response.NoiDung);\r\n }, 50);\r\n });\r\n }\r\n else {\r\n reset({\r\n IdHuongDan: 0,\r\n Status: true\r\n }, [reset]);\r\n setContent('');\r\n console.log('OK');\r\n }\r\n }, [id])\r\n\r\n const layDuLieu = (e) => {\r\n setContent(e.editor.getData());\r\n }\r\n\r\n const saveData = (data) => {\r\n data.NoiDung = content;\r\n if (data.ThuTu == \"\") {\r\n data.ThuTu = 0;\r\n }\r\n if (data.IdHuongDan === \"0\") {\r\n HuongDanApi.post(data).then(() => {\r\n history.push(\"/main/tienich/huongdan\");\r\n })\r\n }\r\n else {\r\n HuongDanApi.put(data).then(() => {\r\n history.push(\"/main/tienich/huongdan\");\r\n })\r\n }\r\n }\r\n\r\n const handleClose = () => {\r\n history.push(\"/main/tienich/huongdan\");\r\n }\r\n\r\n return (\r\n
\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst PostApi = {\r\n getPaging: (params) => {\r\n const url = '/post/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getPagingByCategory: (params) => {\r\n const url = '/post/pagingByCategory';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getTinNoiBat: () =>{\r\n return axiosClient.get('post/getnoibat');\r\n },\r\n getTinMoi: () =>{\r\n return axiosClient.get('post/gettinmoi');\r\n },\r\n getHotFlag: (params) => {\r\n const url = '/post/gethotflag';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getPagingByCategory: (params) => {\r\n const url = '/post/pagingbycategory';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getDetail: (id) =>{\r\n const url = '/post/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n post: (data) =>{\r\n const url = '/post/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/post/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/post/delete/' + id;\r\n return axiosClient.delete(url);\r\n },\r\n getAll: (params) =>{\r\n const url = 'post/getall';\r\n return axiosClient.get(url, {params});\r\n }\r\n}\r\n\r\nexport default PostApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport PostApi from '../../../api/PostApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\n\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\nimport PostCategoryApi from '../../../api/PostCategoryApi';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport SauBenhApi from '../../../api/SauBenhApi';\r\n\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\nimport { post } from 'jquery';\r\n\r\nexport const Post = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [listPosts, setListPosts] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [listDanhMucCha, setDanhMucCha] = useState([]);\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [alias, setAlias] = useState(\"\");\r\n\r\n const [viewModal, setViewModal] = useState(false);\r\n const [postModal, setPostModal] = useState({});\r\n const [content, setContent] = useState('');\r\n\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n const [cayTrong, setCayTrong] = useState({});\r\n const [sauBenh, setSauBenh] = useState({});\r\n\r\n const [optionCayTrongs, setOptionCayTrong] = useState([]);\r\n const [optionSauBenhs, setOptionSauBenh] = useState([]);\r\n const [isEdit, setIsEdit] = useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadPosts();\r\n }\r\n });\r\n\r\n const loadPosts = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await PostApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListPosts(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const loadSauBenh = async () => {\r\n const resPonse = await SauBenhApi.getAll();\r\n let lst = [];\r\n lst.push({ value: 0, label: 'Chọn sâu bệnh ...' });\r\n if (!resPonse.length == false) {\r\n resPonse.map(x => {\r\n lst.push({ 'value': x.Id, 'label': x.TenSauBenh });\r\n })\r\n }\r\n setOptionSauBenh(lst);\r\n }\r\n\r\n const loadCayTrong = async () => {\r\n const rePonse = await CayTrongApi.getAll();\r\n let lst = [];\r\n lst.push({ value: 0, label: 'Chọn cây trồng ...' });\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n lst.push({ 'value': x.Id, 'label': x.TenCayTrong });\r\n })\r\n }\r\n setOptionCayTrong(lst);\r\n }\r\n\r\n useEffect(() => {\r\n loadPosts();\r\n loadDanhMucCha();\r\n loadSauBenh();\r\n loadCayTrong();\r\n setRoleAdd(Authen.checkQuyen('BAIVIET_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('BAIVIET_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('BAIVIET_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadPosts();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const saveData = (data) => {\r\n postModal.Alias = alias;\r\n postModal.Image = srcImage;\r\n postModal.Content = content;\r\n postModal.IdSauBenh = sauBenh.value;\r\n postModal.IdCayTrong = cayTrong.value;\r\n if (selectedOption) {\r\n if (selectedOption.value == 0) {\r\n postModal.CategoryId = null;\r\n }\r\n else {\r\n postModal.CategoryId = selectedOption.value;\r\n }\r\n }\r\n else {\r\n postModal.CategoryId = null;\r\n }\r\n if (postModal.CategoryId == null) {\r\n ThongBao.prinWarningMessage(\"Bạn hãy nhập danh mục\");\r\n }\r\n else {\r\n if (postModal.Id === 0 || postModal.Id == null) {\r\n postModal.Id = 0;\r\n PostApi.post(postModal).then(() => {\r\n setShow(false);\r\n loadPosts();\r\n })\r\n }\r\n else {\r\n PostApi.put(postModal).then(() => {\r\n setShow(false);\r\n loadPosts();\r\n })\r\n }\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listPosts.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n if (listPosts.filter(x => x.Checked == true).length > 0) {\r\n setIsEdit(true);\r\n }\r\n else {\r\n setIsEdit(false);\r\n }\r\n setListPosts([...listPosts]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n var login = Authen.getUser();\r\n reset({\r\n Id: 0,\r\n Name: \"\",\r\n Alias: \"\",\r\n Status: true\r\n }, [reset]);\r\n setPostModal({\r\n Id: 0,\r\n Name: \"\",\r\n Alias: \"\",\r\n Status: true\r\n });\r\n setShow(true)\r\n setAlias(\"\");\r\n setContent(\"\");\r\n setCayTrong({ value: 0, label: 'Chọn cây trồng ...' });\r\n setSauBenh({ value: 0, label: 'Chọn sâu bệnh ...' });\r\n setSelectedOption(listDanhMucCha[0]);\r\n setSrcImage(noImage);\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listPosts.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n PostApi.getDetail(listPosts[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n Name: response.Name,\r\n Alias: response.Alias,\r\n Description: response.Description,\r\n ParentId: response.ParentId,\r\n DisplayOrder: response.DisplayOrder,\r\n Image: response.Image,\r\n HomeFlag: response.HomeFlag,\r\n HotFlag: response.HotFlag,\r\n Status: response.Status,\r\n MetaKeyword: response.MetaKeyword,\r\n MetaDescription: response.MetaDescription,\r\n IconCss: response.IconCss,\r\n Content: response.Content\r\n }, [reset]);\r\n var index = listDanhMucCha.findIndex(x => x.value == response.CategoryId);\r\n setSelectedOption(listDanhMucCha[index]);\r\n setAlias(response.Alias);\r\n setSrcImage(response.Image);\r\n setContent(response.Content);\r\n setPostModal(response);\r\n\r\n setCayTrong(response.IdCayTrong == null ? { value: 0, label: 'Chọn cây trồng ...' } : optionCayTrongs.filter(x => x.value == response.IdCayTrong)[0]);\r\n setSauBenh(response.IdSauBenh == null ? { value: 0, label: 'Chọn sâu bệnh ...' } : optionSauBenhs.filter(x => x.value == response.IdSauBenh)[0]);\r\n\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listPosts.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n PostApi.delete(lstId).then(() => {\r\n loadPosts();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n function loadDanhMucCha() {\r\n PostCategoryApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn danh mục...' });\r\n response.forEach(item => {\r\n if (item.ParentId == null) {\r\n list.push({ value: item.Id, label: item.Name });\r\n }\r\n })\r\n setDanhMucCha(list);\r\n })\r\n }\r\n\r\n const onChangeDanhMucCha = (e) => {\r\n setSelectedOption(e);\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadPosts();\r\n }\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n\r\n const onChangeContent = (event, editor) => {\r\n const data = editor.getData();\r\n setContent(data);\r\n }\r\n\r\n const changeTab = () => {\r\n reset({\r\n Id: postModal.Id,\r\n Name: postModal.Name,\r\n Alias: postModal.Alias,\r\n CategoryId: postModal.CategoryId,\r\n Image: postModal.Image,\r\n Description: postModal.Description,\r\n Content: postModal.Content,\r\n HomeFlag: postModal.HomeFlag,\r\n HotFlag: postModal.HotFlag,\r\n ViewCount: postModal.ViewCount,\r\n Status: postModal.Status,\r\n Delete: postModal.Delete,\r\n MetaKeyword: postModal.MetaKeyword,\r\n MetaDescription: postModal.MetaDescription,\r\n Tags: postModal.Tags\r\n }, [reset])\r\n }\r\n\r\n const onChangeName = (e) => {\r\n let str = \"\";\r\n postModal.Name = e.target.value\r\n if (e.target.value != null) {\r\n str = Ultility.MakeSeoTitle(e.target.value);\r\n }\r\n postModal.Alias = str;\r\n setAlias(str);\r\n }\r\n\r\n const onchangeAlias = (e) => {\r\n let str = \"\";\r\n if (e.target.value != null) {\r\n str = Ultility.MakeSeoTitle(e.target.value);\r\n }\r\n postModal.Alias = str;\r\n setAlias(str)\r\n }\r\n\r\n const onChangeSelectCayTrong = (optionSelect) => {\r\n setCayTrong(optionSelect);\r\n }\r\n\r\n const onChangeSelectSauBenh = (optionSelect) => {\r\n setSauBenh(optionSelect);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Bài viết
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Danh mục bài viết\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
onFileSelected(e)}>\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport PostCategoryApi from '../../../api/PostCategoryApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\n\r\nexport const PostCategory = () => {\r\n const [listPostCategory, setPostCategory] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [listDanhMucCha, setDanhMucCha] = useState([]);\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [alias, setAlias] = useState(\"\");\r\n const [isEdit, setIsEdit]=useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadCategory();\r\n }\r\n });\r\n\r\n const loadCategory = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await PostCategoryApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setPostCategory(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadCategory();\r\n loadDanhMucCha();\r\n setRoleAdd(Authen.checkQuyen('DANHMUCBAIVIET_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('DANHMUCBAIVIET_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('DANHMUCBAIVIET_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadCategory();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const saveData = (data) => {\r\n data.Alias = alias;\r\n if (selectedOption) {\r\n if (selectedOption.value == 0) {\r\n data.ParentId = null;\r\n }\r\n else {\r\n data.ParentId = selectedOption.value;\r\n }\r\n }\r\n else {\r\n data.ParentId = null;\r\n }\r\n if (data.DisplayOrder != null) {\r\n data.DisplayOrder = +data.DisplayOrder;\r\n }\r\n if (data.Id === \"0\") {\r\n data.Id = 0;\r\n PostCategoryApi.post(data).then(() => {\r\n setShow(false);\r\n loadCategory();\r\n })\r\n }\r\n else {\r\n PostCategoryApi.put(data).then(() => {\r\n setShow(false);\r\n loadCategory();\r\n })\r\n }\r\n\r\n // if (selectedOption == null || selectedOption.value == 0) {\r\n // ThongBao.prinWarningMessage(\"Hãy nhập danh mục cha.\");\r\n // }\r\n // else {\r\n // data.ParentId = selectedOption.value;\r\n // if (data.DisplayOrder != null) {\r\n // data.DisplayOrder = +data.DisplayOrder;\r\n // }\r\n // if (data.Id === \"0\") {\r\n // data.Id = 0;\r\n // PostCategoryApi.post(data).then(() => {\r\n // setShow(false);\r\n // loadCategory();\r\n // })\r\n // }\r\n // else {\r\n // PostCategoryApi.put(data).then(() => {\r\n // setShow(false);\r\n // loadCategory();\r\n // })\r\n // }\r\n // }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listPostCategory.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n if(listPostCategory.filter(x=>x.Checked==true).length>0){\r\n setIsEdit(true);\r\n }\r\n else{\r\n setIsEdit(false);\r\n }\r\n setPostCategory([...listPostCategory]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Name: \"\",\r\n Status: true\r\n }, [reset]);\r\n setAlias('');\r\n setShow(true)\r\n setSelectedOption(listDanhMucCha[0]);\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listPostCategory.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n PostCategoryApi.getDetail(listPostCategory[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n Name: response.Name,\r\n Alias: response.Alias,\r\n Description: response.Description,\r\n ParentId: response.ParentId,\r\n DisplayOrder: response.DisplayOrder,\r\n Image: response.Image,\r\n HomeFlag: response.HomeFlag,\r\n Status: response.Status,\r\n MetaKeyword: response.MetaKeyword,\r\n MetaDescription: response.MetaDescription,\r\n IconCss: response.IconCss\r\n }, [reset]);\r\n setAlias(response.Alias);\r\n var index = listDanhMucCha.findIndex(x => x.value == response.ParentId);\r\n setSelectedOption(listDanhMucCha[index]);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listPostCategory.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n PostCategoryApi.delete(lstId).then(() => {\r\n loadCategory();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n function loadDanhMucCha() {\r\n PostCategoryApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn danh mục...' });\r\n response.forEach(item => {\r\n if (item.ParentId == null) {\r\n list.push({ value: item.Id, label: item.Name });\r\n }\r\n })\r\n setDanhMucCha(list);\r\n })\r\n }\r\n\r\n const onChangeDanhMucCha = (e) => {\r\n setSelectedOption(e);\r\n // props.onChangeHuyenProps(e);\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadCategory();\r\n }\r\n }\r\n\r\n const onChangeName = (event) => {\r\n let str = \"\";\r\n if (event.target.value != null) {\r\n str = Ultility.MakeSeoTitle(event.target.value);\r\n }\r\n setAlias(str);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Danh mục bài viết
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Danh mục bài viết\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\n","import axiosClient from './axiosClient';\r\n\r\nconst GiongCayTrongApi=\r\n{\r\n getAll: (params) =>{\r\n const url = '/giongcaytrong/getall';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getPaging: (params)=>\r\n {\r\n const url= '/giongcaytrong/paging';\r\n return axiosClient.get(url,{params});\r\n },\r\n getDetail: (id) =>\r\n {\r\n const url= '/giongcaytrong/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n getById: (id) =>\r\n {\r\n const url= '/giongcaytrong/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n post: (data) =>{\r\n const url = '/giongcaytrong/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/giongcaytrong/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/giongcaytrong/delete/' + id;\r\n return axiosClient.delete(url);\r\n }\r\n}\r\n\r\nexport default GiongCayTrongApi;","import axiosClient from './axiosClient';\r\n\r\n\r\nconst GiaiDoanPhatTrienApi=\r\n{\r\n getAll: (params) =>{\r\n const url = '/giaidoanphattrien/getall';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getPaging: (params)=>\r\n {\r\n const url= '/giaidoanphattrien/paging';\r\n return axiosClient.get(url,{params});\r\n },\r\n getDetail: (id) =>\r\n {\r\n const url= '/giaidoanphattrien/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n getById: (id) =>\r\n {\r\n const url= '/giaidoanphattrien/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n post: (data) =>{\r\n const url = '/giaidoanphattrien/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/giaidoanphattrien/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/giaidoanphattrien/delete/' + id;\r\n return axiosClient.delete(url);\r\n }\r\n \r\n}\r\n\r\nexport default GiaiDoanPhatTrienApi;","import axiosClient from './axiosClient';\r\n\r\nconst ImportExcelSauBenhHaiApi = {\r\n\r\n saveFile: (params) => {\r\n const url = '/ImportExcelSauBenhHai/savefile';\r\n return axiosClient.post(url, params);\r\n },\r\n}\r\n\r\nexport default ImportExcelSauBenhHaiApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal } from 'react-bootstrap';\r\nimport Select from 'react-select';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport { ExcelRenderer } from \"react-excel-renderer\";\r\nimport { Loading } from '../../../shared/loading/Loading';\r\nimport ImportExcelSauBenhHaiApi from '../../../api/ImportExcelSauBenhHaiApi';\r\n\r\nexport const ImportExcel = (props) => {\r\n const [listDS, setListDS] = useState([]);\r\n const [cayTrong, setCayTrong] = useState({ value: 0, label: 'Chọn cây trồng' });\r\n const [optionCayTrong, setOptionCayTrong] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [optionLoaiSauBenh, setOptionLoaiSauBenh] = useState([{ value: 1, label: 'Sâu hại' }, { value: 0, label: 'Bệnh hại' }]);\r\n const [loaiSauBenh, setLoaiSauBenh] = useState({});\r\n const handleClose = () => {\r\n setShow(false);\r\n props.handleClose();\r\n }\r\n\r\n const loadCayTrong = async () => {\r\n const rePonse = await CayTrongApi.getAll();\r\n let lstCayTrong = [{ value: 0, label: 'Chọn cây trồng' }];\r\n if (!rePonse.length == false) {\r\n rePonse.forEach(x => {\r\n lstCayTrong.push({ value: x.Id, label: x.TenCayTrong });\r\n });\r\n }\r\n setOptionCayTrong(lstCayTrong);\r\n }\r\n\r\n useEffect(() => {\r\n if (props.show) {\r\n setShow(true);\r\n }\r\n }, [props.show])\r\n\r\n useEffect(() => {\r\n loadCayTrong();\r\n setLoaiSauBenh({ value: 1, label: 'Sâu hại' });\r\n }, [])\r\n\r\n const fileExcel = (e) => {\r\n if (e.target.value == null) {\r\n return;\r\n }\r\n let file = e.target.files[0];\r\n let reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onerror = function (error) {\r\n console.log('Error: ', error);\r\n }\r\n ExcelRenderer(file, (err, resp) => {\r\n if (err) {\r\n console.log(err);\r\n e.target.value = null;\r\n return;\r\n }\r\n if (resp.rows.length > 5) {\r\n debugger;\r\n var aa = resp.rows.length;\r\n let lst = [];\r\n let currentItem = {};\r\n let Item = {};\r\n resp.rows.map(async (x, key) => {\r\n if (key > 5) {\r\n Item = currentItem;\r\n let x5 = x[6] == undefined ? Item.ThoiKy : x[6];\r\n\r\n if (x5 == undefined || x5 == '') {\r\n return;\r\n }\r\n\r\n let nhietdo = x[8] == undefined ? Item.NhietDo + '-' : x[8] + '-';\r\n let lstNhietDo = [];\r\n if (nhietdo != undefined) {\r\n lstNhietDo = nhietdo.split('-');\r\n }\r\n\r\n currentItem = {\r\n CayTrong: x[1] == undefined ? Item.CayTrong : x[1],\r\n TenKhoaHoc: x[2] == undefined ? Item.TenKhoaHoc : x[2],\r\n TenThuongGoi: x[3] == undefined ? Item.TenThuongGoi : x[3],\r\n DacDiemSinhHoc: x[4] == undefined ? Item.DacDiemSinhHoc : x[4],\r\n ThoiKy: x[5] == undefined ? Item.ThoiKy : x[5],\r\n NoiDung: x[6] == undefined ? Item.NoiDung : x[6],\r\n Anh: x[7],\r\n AnhSau: x[7] != undefined ? x[7].split(',')[0] : '',\r\n NhietDo: x[8] == undefined ? Item.NhietDo : x[8],\r\n NhietDoMin: lstNhietDo.length > 0 ? lstNhietDo[0] : 0,\r\n NhietDoMax: lstNhietDo.length > 1 ? lstNhietDo[1] : (lstNhietDo.length > 0 ? lstNhietDo[0] : 0),\r\n ThoiGian: x[9] == undefined ? Item.ThoiGian : x[9],\r\n NoiDungGayHai: x[10] == undefined ? Item.NoiDungGayHai : x[10],\r\n MucDoThietHai: x[11] == undefined ? Item.MucDoThietHai : x[11],\r\n BienPhapQuanLy: x[12] == undefined ? Item.BienPhapQuanLy : x[12],\r\n ThuocBVTV: x[13] == undefined ? Item.ThuocBVTV : x[13],\r\n LoaiSauBenh: x[4] == undefined || x[4] == '' ? 0 : 1,\r\n IdCayTrong: null,\r\n IsValid: true,\r\n ThongBao: \"\"\r\n }\r\n lst.push(currentItem);\r\n }\r\n });\r\n lst.forEach(element => {\r\n debugger;\r\n var index = -1;\r\n index = optionCayTrong.findIndex(x => x.label.toLowerCase().trim().includes(element.CayTrong.toLowerCase().trim()))\r\n if (index >= 0) {\r\n element.IdCayTrong = optionCayTrong[index].value;\r\n }\r\n else {\r\n element.IsValid = false;\r\n element.ThongBao += \"sai tên cây trồng, \";\r\n }\r\n });\r\n setListDS(lst);\r\n }\r\n });\r\n }\r\n\r\n const saveData = async () => {\r\n var lst = listDS.filter(x => x.IsValid == false);\r\n if (lst.length > 0) {\r\n ThongBao.prinWarningMessage(\"Dữ liệu import không hợp lệ. Hãy kiểm tra lại các dòng dữ liệu bị sai (dòng có màu đỏ)\")\r\n }\r\n else {\r\n let params = listDS\r\n console.log(listDS);\r\n const resuilt = await ImportExcelSauBenhHaiApi.saveFile(params)\r\n if (resuilt == 'OK') {\r\n ThongBao.printSuccessMessage('Import file thành công !!!');\r\n props.handleClose();\r\n }\r\n }\r\n }\r\n\r\n const onChangeSelectCayTrong = (optionSelected) => {\r\n setCayTrong(optionSelected);\r\n }\r\n\r\n const onChangeSelectLoaiSauBenh = (optionSelected) => {\r\n setLoaiSauBenh(optionSelected);\r\n }\r\n\r\n\r\n return (\r\n
\r\n \r\n Sâu bệnh\r\n \r\n \r\n \r\n {/*
\r\n
\r\n
\r\n
*/}\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n | Cây trồng | \r\n Tên thường gọi | \r\n thời kỳ | \r\n Nhiệt độ min | \r\n Nhiệt độ max | \r\n Thời gian | \r\n
\r\n \r\n \r\n {\r\n listDS.map((item, key) => {\r\n return (\r\n \r\n | {item.CayTrong} | \r\n {item.TenThuongGoi} | \r\n {item.ThoiKy} | \r\n {item.NhietDoMin} | \r\n {item.NhietDoMax} | \r\n {item.ThoiGian} | \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n
\r\n
\r\n )\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Tabs, Tab } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport SauBenhApi from '../../../api/SauBenhApi';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport Authen from '../../../core/Authen';\r\nimport { Loading } from '../../../shared/loading/Loading';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport GiongCayTrongApi from '../../../api/GiongCayTrongApi';\r\nimport GiaiDoanPhatTrienApi from '../../../api/GiaiDoanPhatTrienApi';\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\nimport { ImportExcel } from '../../tienich/importexcel/ImportExcel';\r\n\r\nexport const SauBenh = (props) => {\r\n const { handleSubmit, reset, register, errors } = useForm();\r\n var data = require('../../../shared/Thang.json');\r\n const optionThoiGian = [...data];\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n var newItem_GiaiDoanPhatTrien = { Ten: '', DonVi: '', TieuChuan: '' };\r\n const [listSauBenh, setListSauBenh] = useState([]);\r\n const [cayTrong, setCayTrong] = useState({});\r\n const [giongCayTrong, setGiongCayTrong] = useState({});\r\n const [cha, setCha] = useState({});\r\n const [giaiDoan, setGiaiDoan] = useState({});\r\n const [loaiSaubenh, setLoaiSauBenh] = useState({});\r\n const [thoiGianSelect, setThoiGianSelect] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const [showImport, setShowImport] = useState(false);\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [isXem, setIsXem] = useState(false);\r\n const [search, setSearch] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n let pageIndex = 1, pageSize = 20;\r\n const [disButtonEdit, setDisButtonEdit] = useState(true);\r\n const [viewModal, setViewModal] = useState(false);\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [sauBenh, setSauBenh] = useState({});\r\n\r\n const [moTa, setMoTa] = useState('');\r\n const [canhTac, setCanhTac] = useState('');\r\n const [phongTru, setPhongTru] = useState('');\r\n const [title, setTitle] = useState('');\r\n\r\n const [optionCayTrongs, setOptionCayTrong] = useState([{ value: 0, label: 'Chọn cây trồng' }]);\r\n const [optionGiongCayTrongs, setOptionGiongCayTrong] = useState([{ value: 0, label: 'Chọn giống cây trồng' }]);\r\n const [optionChas, setOptionCha] = useState([{ value: 0, label: 'Chọn sâu bệnh cha' }]);\r\n const [optionChaEdits, setOptionChaEdit] = useState([]);\r\n const [optionGiaiDoans, setOptionGiaiDoan] = useState([{ value: 0, label: 'Chọn giai đoạn' }]);\r\n const [loaiSauView, setLoaiSauView] = useState({ value: 0, label: 'Chọn loại sâu bệnh' });\r\n const [selectLoaiCay, setSelectLoaiCay] = useState({ value: 0, label: 'Chọn cây trồng' });\r\n const [listGiaiDoanSinhTruong, setListGiaiDoanSinhTruong] = useState([]);\r\n\r\n const optionLoaiSauBenhs = [\r\n { value: true, label: 'Sâu hại cây trồng' },\r\n { value: false, label: 'Bệnh hại cây trồng' },\r\n ];\r\n\r\n\r\n const [paginationConfig, setPaginationConfig] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: 'sm',\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadSauBenh();\r\n }\r\n });\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n\r\n const onChangeSelect = (optionSelected) => {\r\n setCayTrong(optionSelected);\r\n }\r\n\r\n const onChangeSelectGiong = (optionSelected) => {\r\n setGiongCayTrong(optionSelected);\r\n }\r\n\r\n const onChangeSelectLoaiSauBenh = (optionSelected) => {\r\n setLoaiSauBenh(optionSelected)\r\n }\r\n\r\n const onChangeSelectCha = (optionSelected) => {\r\n setCha(optionSelected);\r\n }\r\n\r\n const onChangeSelectGiaiDoan = (optionSelected) => {\r\n setGiaiDoan(optionSelected);\r\n }\r\n\r\n const onChangeSelectThoiGian = (optionSelected) => {\r\n setThoiGianSelect(optionSelected);\r\n }\r\n\r\n\r\n const loadSauBenh = async () => {\r\n try {\r\n var idCayTrong = 0;\r\n if (selectLoaiCay != null) {\r\n idCayTrong = selectLoaiCay.value;\r\n }\r\n const params = {\r\n filter: search,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n loaiSauBenh: props.LoaiSauBenh,\r\n idCayTrong: idCayTrong\r\n }\r\n\r\n const response = await SauBenhApi.getPaging(params);\r\n response.Items.forEach((x) => {\r\n x.Checked = false\r\n });\r\n\r\n setListSauBenh(response.Items);\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow === 0 ? 1 : response.TotalRow / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n setPaginationConfig(paginationConfig);\r\n }\r\n catch (err) { }\r\n }\r\n\r\n const rowClick = (id) => {\r\n setIsEdit(false);\r\n listSauBenh.forEach(element => {\r\n if (element.Id === id) {\r\n if (element.Checked === true) {\r\n element.Checked = false;\r\n }\r\n else {\r\n element.Checked = true;\r\n setIsEdit(true);\r\n setDisButtonEdit(false);\r\n }\r\n }\r\n else {\r\n element.Checked = false;\r\n }\r\n });\r\n\r\n if (listSauBenh.findIndex(element => element.Checked === true) === -1) {\r\n setIsEdit(false);\r\n setDisButtonEdit(true);\r\n };\r\n setListSauBenh([...listSauBenh]);\r\n }\r\n\r\n const handleClose = () => {\r\n setShow(false);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Status: true\r\n }, [reset]);\r\n setSauBenh({ Id: 0, Status: true })\r\n setListGiaiDoanSinhTruong([newItem_GiaiDoanPhatTrien]);\r\n setSrcImage(noImage);\r\n setCayTrong({ value: 0, label: 'Chọn cây trồng' });\r\n setOptionChaEdit(optionChas);\r\n setCha({ value: 0, label: 'Chọn sâu bệnh cha' });\r\n setGiongCayTrong({ value: 0, label: 'Chọn giống cây trồng' });\r\n setGiaiDoan({ value: 0, label: 'Chọn giai đoạn' });\r\n setLoaiSauBenh({ value: true, label: 'Sâu hại cây trồng' });\r\n setThoiGianSelect([]);\r\n setMoTa('');\r\n setCanhTac('');\r\n setPhongTru('');\r\n setIsEdit(false);\r\n setIsXem(false);\r\n setShow(true);\r\n }\r\n\r\n const loadThang = (tg) => {\r\n if (tg == null) {\r\n return;\r\n }\r\n let lstThang = Array.from(tg.split(','), Number);\r\n let lstTG = [];\r\n lstThang.forEach(x => {\r\n let index = optionThoiGian.findIndex(p => p.value == Number(x));\r\n if (index !== -1) {\r\n lstTG.push(optionThoiGian[index]);\r\n }\r\n });\r\n setThoiGianSelect(lstTG);\r\n }\r\n\r\n const loadOptionSauBenhById = (Id) => {\r\n let lstCha = [];\r\n optionChas.forEach(x => {\r\n if (x.value !== Id) {\r\n lstCha.push({ value: x.value, label: x.label });\r\n }\r\n });\r\n setOptionChaEdit(lstCha);\r\n }\r\n\r\n const handleShowEdit = () => {\r\n setIsEdit(true);\r\n setIsXem(false);\r\n let index = listSauBenh.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n SauBenhApi.getDetail(listSauBenh[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n TenSauBenh: response.TenSauBenh,\r\n TenKhoaHoc: response.TenKhoaHoc,\r\n MoTa: response.MoTa,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n NhietDoMax: response.NhietDoMax,\r\n NhietDoMin: response.NhietDoMin,\r\n }, [reset]);\r\n setSauBenh(response);\r\n var lst = response.GiaiDoanSinhTruongPhatTrien;\r\n if (lst == null) {\r\n lst = [];\r\n }\r\n lst.push(newItem_GiaiDoanPhatTrien);\r\n setListGiaiDoanSinhTruong(lst);\r\n setSrcImage(response.HinhAnh);\r\n setCayTrong(optionCayTrongs.filter(x => x.value == response.IdCayTrong).length == 0 ? { value: 0, label: 'Chọn cây trồng' } : optionCayTrongs.filter(x => x.value == response.IdCayTrong)[0]);\r\n loadOptionSauBenhById(response.Id);\r\n loadThang(response.ThoiGian);\r\n setCha(optionChas.filter(x => x.value == response.IdCha).length == 0 ? { value: 0, label: 'Chọn cha' } : optionChas.filter(x => x.value == response.IdCha)[0]);\r\n setGiongCayTrong(optionGiongCayTrongs.filter(x => x.value == response.IdGiongCay).length == 0 ? { value: 0, label: 'Chọn giống cây trồng' } : optionGiongCayTrongs.filter(x => x.value == response.IdGiongCay)[0]);\r\n setGiaiDoan(optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan).length == 0 ? { value: 0, label: 'Chọn giai đoạn' } : optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan)[0]);\r\n setLoaiSauBenh(response.LoaiSauBenh == undefined ? { value: true, label: 'Sâu bệnh gây hại' } : optionLoaiSauBenhs.filter(x => x.value == response.LoaiSauBenh)[0]);\r\n setMoTa(response.MoTa);\r\n setCanhTac(response.BienPhapCanhTac);\r\n setPhongTru(response.BienPhapPhongTru);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowData = () => {\r\n setIsXem(true);\r\n let index = listSauBenh.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n SauBenhApi.getDetail(listSauBenh[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n TenSauBenh: response.TenSauBenh,\r\n TenKhoaHoc: response.TenKhoaHoc,\r\n MoTa: response.MoTa,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n NhietDoMax: response.NhietDoMax,\r\n NhietDoMin: response.NhietDoMin,\r\n }, [reset]);\r\n setSauBenh(response);\r\n setSrcImage(response.HinhAnh);\r\n setCayTrong(optionCayTrongs.filter(x => x.value == response.IdCayTrong).length == 0 ? { value: 0, label: 'Chọn cây trồng' } : optionCayTrongs.filter(x => x.value == response.IdCayTrong)[0]);\r\n loadOptionSauBenhById(response.Id);\r\n loadThang(response.ThoiGian);\r\n setCha(optionChas.filter(x => x.value == response.IdCha).length == 0 ? { value: 0, label: 'Chọn cha' } : optionChas.filter(x => x.value == response.IdCha)[0]);\r\n setGiongCayTrong(optionGiongCayTrongs.filter(x => x.value == response.IdGiongCay).length == 0 ? { value: 0, label: 'Chọn giống cây trồng' } : optionGiongCayTrongs.filter(x => x.value == response.IdGiongCay)[0]);\r\n setGiaiDoan(optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan).length == 0 ? { value: 0, label: 'Chọn giai đoạn' } : optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan)[0]);\r\n setLoaiSauBenh(response.LoaiSauBenh == undefined ? { value: true, label: 'Sâu bệnh gây hại' } : optionLoaiSauBenhs.filter(x => x.value == response.LoaiSauBenh)[0]);\r\n setMoTa(response.MoTa);\r\n setCanhTac(response.BienPhapCanhTac);\r\n setPhongTru(response.BienPhapPhongTru);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const onSubmit = async (data) => {\r\n try {\r\n sauBenh.HinhAnh = srcImage == undefined ? noImage : srcImage;\r\n sauBenh.IdCayTrong = cayTrong.value;\r\n sauBenh.IdGiongCay = giongCayTrong.value;\r\n sauBenh.IdCha = cha.value;\r\n sauBenh.IdGiaiDoan = giaiDoan.value;\r\n sauBenh.MoTa = moTa;\r\n sauBenh.BienPhapCanhTac = canhTac;\r\n sauBenh.BienPhapPhongTru = phongTru;\r\n sauBenh.GiaiDoanSinhTruongPhatTrien = listGiaiDoanSinhTruong.filter(x => x.Ten.trim() != '');\r\n // sauBenh.LoaiSauBenh = loaiSaubenh.value;\r\n sauBenh.LoaiSauBenh = props.LoaiSauBenh;\r\n if (!thoiGianSelect.length === 0) {\r\n let tg = '';\r\n thoiGianSelect.forEach(x => {\r\n if (tg === '') {\r\n tg += x.value;\r\n }\r\n else {\r\n tg += ',' + x.value;\r\n }\r\n });\r\n sauBenh.ThoiGian = tg;\r\n }\r\n\r\n if (!isEdit) {\r\n await SauBenhApi.post(sauBenh);\r\n }\r\n else {\r\n await SauBenhApi.put(sauBenh);\r\n }\r\n setShow(false);\r\n loadSauBenh();\r\n }\r\n catch (ex) {\r\n console.log(ex.message);\r\n }\r\n }\r\n\r\n const loadCayTrong = async () => {\r\n const rePonse = await CayTrongApi.getAll();\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn cây trồng' });\r\n rePonse.map(x => {\r\n list.push({ 'value': x.Id, 'label': x.TenCayTrong });\r\n });\r\n setOptionCayTrong(list);\r\n }\r\n\r\n const loadGiongCayTrong = async () => {\r\n const rePonse = await GiongCayTrongApi.getAll();\r\n let list = [];\r\n rePonse.map(x => {\r\n list.push({ 'value': x.Id, 'label': x.TenGiong });\r\n });\r\n setOptionGiongCayTrong(list);\r\n }\r\n\r\n const loadGiaiDoan = async () => {\r\n const rePonse = await GiaiDoanPhatTrienApi.getAll();\r\n rePonse.map(x => {\r\n optionGiaiDoans.push({ 'value': x.Id, 'label': x.TenGiaiDoan });\r\n })\r\n }\r\n\r\n const loadSauBenhCha = async () => {\r\n const rePonse = await SauBenhApi.getAll();\r\n rePonse.map(x => {\r\n optionChas.push({ 'value': x.Id, 'label': x.TenSauBenh });\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n loadSauBenh();\r\n loadCayTrong();\r\n loadGiongCayTrong();\r\n loadGiaiDoan();\r\n loadSauBenhCha();\r\n listGiaiDoanSinhTruong.push(newItem_GiaiDoanPhatTrien);\r\n if (props.LoaiSauBenh == true) {\r\n setTitle(\"Sinh vật gây hại\");\r\n setRoleAdd(Authen.checkQuyen('SINHVATGAYHAI_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('SINHVATGAYHAI_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('SINHVATGAYHAI_DELETE'));\r\n }\r\n else {\r\n setTitle(\"Bệnh hại cây trồng\");\r\n setRoleAdd(Authen.checkQuyen('BENHHAICAYTRONG_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('BENHHAICAYTRONG_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('BENHHAICAYTRONG_DELETE'));\r\n }\r\n }, []);\r\n\r\n const setFilter = (e) => {\r\n setSearch(e.target.value);\r\n }\r\n\r\n\r\n const alertDell = async () => {\r\n let lstChecked = listSauBenh.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n SauBenhApi.delete(lstChecked[0].Id).then(() => {\r\n loadSauBenh();\r\n })\r\n });\r\n }\r\n }\r\n\r\n const Timkiem = () => {\r\n loadSauBenh();\r\n }\r\n\r\n const onChangeMoTa = (event, editor) => {\r\n const data = editor.getData();\r\n setMoTa(data);\r\n }\r\n\r\n const onChangeCanhTac = (event, editor) => {\r\n const data = editor.getData();\r\n setCanhTac(data);\r\n }\r\n\r\n const onChangePhongTru = (event, editor) => {\r\n const data = editor.getData();\r\n setPhongTru(data);\r\n }\r\n\r\n const onChangeSelectView = (optionSelected) => {\r\n setLoaiSauView(optionSelected);\r\n loadSauBenh();\r\n }\r\n\r\n const onChangedSelectLoaiCay = (event) => {\r\n setSelectLoaiCay(event);\r\n loadSauBenh();\r\n }\r\n\r\n const handleShowImport = () => {\r\n setShowImport(true);\r\n }\r\n\r\n const handleCloseImport = () => {\r\n setShowImport(false);\r\n }\r\n\r\n const onChangeTen = (event, item, index) => {\r\n item.Ten = event.target.value;\r\n if (index + 1 == listGiaiDoanSinhTruong.length) {\r\n listGiaiDoanSinhTruong.push(newItem_GiaiDoanPhatTrien);\r\n }\r\n setListGiaiDoanSinhTruong([...listGiaiDoanSinhTruong]);\r\n }\r\n\r\n const onChangeDonVi = (event, item) => {\r\n item.DonVi = event.target.value;\r\n setListGiaiDoanSinhTruong([...listGiaiDoanSinhTruong]);\r\n }\r\n\r\n const onChangeTieuChuan = (event, item) => {\r\n item.TieuChuan = event.target.value;\r\n setListGiaiDoanSinhTruong([...listGiaiDoanSinhTruong]);\r\n }\r\n\r\n const removeItem_Style = {\r\n color: 'red',\r\n cursor: 'pointer'\r\n }\r\n\r\n const onClickRemoveItem = (index) => {\r\n if (index < listGiaiDoanSinhTruong.length - 1) {\r\n listGiaiDoanSinhTruong.splice(index, 1);\r\n }\r\n setListGiaiDoanSinhTruong([...listGiaiDoanSinhTruong]);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
{title}
\r\n \r\n
\r\n
\r\n {/*
\r\n
*/}\r\n
\r\n
\r\n {roleAdd === true ? : ''}\r\n {roleAdd === true ? : ''}\r\n {roleEdit === true ? : ''}\r\n {roleDel === true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n {title}\r\n \r\n \r\n \r\n \r\n \r\n Lưu\r\n Hủy\r\n \r\n \r\n {\r\n viewModal ?
onFileSelected(e)}> : ''\r\n }\r\n {\r\n showImport ?
: ''\r\n }\r\n
\r\n
\r\n )\r\n}\r\n\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\n\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\n\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\nimport { param, post } from 'jquery';\r\nimport PostApi from '../../../api/PostApi';\r\nimport { now } from 'moment';\r\n\r\nexport const CayTrong = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n\r\n const [listCayTrongs, setListCayTrongs] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n\r\n const [viewModal, setViewModal] = useState(false);\r\n const [cayTrongModal, setCayTrongModal] = useState({ CayTrong });\r\n\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [isXem, setIsXem] = useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadCayTrong();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadCayTrong();\r\n setRoleAdd(Authen.checkQuyen('CAYTRONG_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('CAYTRONG_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('CAYTRONG_DELETE'));\r\n }, []);\r\n\r\n const loadCayTrong = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter,\r\n idCha: 0\r\n }\r\n const response = await CayTrongApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListCayTrongs(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const timKiem = () => {\r\n loadCayTrong();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const saveData = (data) => {\r\n try {\r\n var userLogin = Authen.getUser().UserName;\r\n cayTrongModal.HinhAnh = srcImage;\r\n cayTrongModal.IdCha = 0;\r\n if (cayTrongModal.Id === 0 || cayTrongModal.Id == null) {\r\n cayTrongModal.Id = 0;\r\n cayTrongModal.CreatedDate = new Date();\r\n cayTrongModal.CreatedBy = userLogin;\r\n CayTrongApi.post(cayTrongModal).then(() => {\r\n setShow(false);\r\n loadCayTrong();\r\n })\r\n }\r\n else {\r\n cayTrongModal.UpdatedDate = new Date();\r\n cayTrongModal.UpdatedBy = userLogin;\r\n CayTrongApi.put(cayTrongModal).then(() => {\r\n setShow(false);\r\n loadCayTrong();\r\n })\r\n }\r\n setIsEdit(false);\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listCayTrongs.forEach(element => {\r\n if (element.Id === id) {\r\n element.Checked = !element.Checked;\r\n }\r\n })\r\n let index = listCayTrongs.findIndex(x => x.Checked);\r\n if (index >= 0) {\r\n setIsEdit(true);\r\n }\r\n else {\r\n setIsEdit(false);\r\n }\r\n setListCayTrongs([...listCayTrongs]);\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n TenCayTrong: \"\",\r\n Status: true\r\n }, [reset]);\r\n setCayTrongModal({\r\n Id: 0,\r\n TenCayTrong: \"\",\r\n Status: true\r\n });\r\n setIsXem(false);\r\n setShow(true)\r\n setSrcImage(noImage);\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listCayTrongs.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n CayTrongApi.getDetail(listCayTrongs[index].Id).then((response) => {\r\n reset({\r\n Id: response.ID,\r\n TenCayTrong: response.TenCayTrong,\r\n MoTa: response.MoTa,\r\n HinhAnh: response.MoTa,\r\n IdCha: response.IdCha,\r\n GhiChu: response.GhiChu,\r\n Delete: response.Delete,\r\n CreatedDate: response.CreatedDate,\r\n CreatedBy: response.CreatedBy,\r\n UpdatedDate: response.UpdatedDate,\r\n UpdatedBy: response.UpdatedBy,\r\n Status: response.Status\r\n }, [reset]);\r\n setCayTrongModal(response);\r\n setIsXem(false);\r\n setShow(true);\r\n setSrcImage(response.HinhAnh);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listCayTrongs.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n CayTrongApi.delete(lstId).then(() => {\r\n loadCayTrong();\r\n })\r\n setIsEdit(false);\r\n }\r\n });\r\n }\r\n const handleShowData = () => {\r\n let index = listCayTrongs.findIndex(x => x.Checked);\r\n if (index !== - 1) {\r\n CayTrongApi.getDetail(listCayTrongs[index].Id).then((response) => {\r\n reset({\r\n Id: response.ID,\r\n TenCayTrong: response.TenCayTrong,\r\n MoTa: response.MoTa,\r\n HinhAnh: response.MoTa,\r\n IdCha: response.IdCha,\r\n GhiChu: response.GhiChu,\r\n Delete: response.Delete,\r\n CreatedDate: response.CreatedDate,\r\n CreatedBy: response.CreatedBy,\r\n UpdatedDate: response.UpdatedDate,\r\n UpdatedBy: response.UpdatedBy,\r\n Status: response.Status\r\n }, [reset]);\r\n setCayTrongModal(response);\r\n setShow(true);\r\n setIsXem(true);\r\n setSrcImage(response.HinhAnh);\r\n })\r\n }\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadCayTrong();\r\n }\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n\r\n const changeTab = () => {\r\n reset({\r\n Id: cayTrongModal.ID,\r\n TenCayTrong: cayTrongModal.TenCayTrong,\r\n MoTa: cayTrongModal.MoTa,\r\n HinhAnh: cayTrongModal.MoTa,\r\n IdCha: cayTrongModal.IdCha,\r\n GhiChu: cayTrongModal.GhiChu,\r\n Delete: cayTrongModal.Delete,\r\n CreatedDate: cayTrongModal.CreatedDate,\r\n CreatedBy: cayTrongModal.CreatedBy,\r\n UpdatedDate: cayTrongModal.UpdatedDate,\r\n UpdatedBy: cayTrongModal.UpdatedBy,\r\n Status: cayTrongModal.Status\r\n }, [reset])\r\n }\r\n\r\n const onChangeName = (e) => {\r\n let str = \"\";\r\n cayTrongModal.TenCayTrong = e.target.value\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Cây Trồng
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Chi tiết cây trồng\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n viewModal == true ?
onFileSelected(e)}> : ''\r\n }\r\n
\r\n )\r\n\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport GiongCayTrongApi from '../../../api/GiongCayTrongApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Authen from '../../../core/Authen';\r\n\r\nexport const GiongCayTrong = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n\r\n //const [listCayTrongs, setListCayTrongs] = useState([]);\r\n const [listGiongCays,setListGiongCays]=useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n\r\n const [viewModal, setViewModal] = useState(false);\r\n const [giongCayModal, setGiongCayModal] = useState({GiongCayTrong})\r\n\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n const [isEdit, setIsEdit] = useState(false);\r\n\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [listDanhMucCay, setDanhMucCay] = useState([]);\r\n\r\n const [selectedFindIdCay, setSelectedFindIdCay] = useState();\r\n const [findIdCay, setFindIdCay] = useState();\r\n const [isXem, setIsXem]=useState(true);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadGiongCay();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadGiongCay();\r\n loadDanhMucCay();\r\n setRoleAdd(Authen.checkQuyen('GIONGCAYTRONG_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('GIONGCAYTRONG_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('GIONGCAYTRONG_DELETE'));\r\n }, []);\r\n\r\n const loadGiongCay = async () => {\r\n try {\r\n const params = {\r\n filter: filter,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n idCayTrong: findIdCay\r\n }\r\n const response = await GiongCayTrongApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRows / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListGiongCays(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n function loadDanhMucCay() {\r\n CayTrongApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn danh mục...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.TenCayTrong });\r\n })\r\n setDanhMucCay(list);\r\n })\r\n }\r\n\r\n const timKiem = () => {\r\n loadGiongCay();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listGiongCays.forEach(element =>{\r\n if (element.Id===id){\r\n element.Checked= !element.Checked;\r\n }\r\n })\r\n let index=listGiongCays.findIndex(x=>x.Checked);\r\n if (index >= 0)\r\n {\r\n setIsEdit(true);\r\n }\r\n else\r\n {\r\n setIsEdit(false);\r\n }\r\n setListGiongCays([...listGiongCays]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n TenGiong:\"\",\r\n Status: true\r\n }, [reset]);\r\n setGiongCayModal({\r\n Id: 0,\r\n TenGiong:\"\",\r\n Status: true\r\n });\r\n setShow(true)\r\n setIsXem(false);\r\n setSelectedOption(listDanhMucCay[0]);\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listGiongCays.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n GiongCayTrongApi.getDetail(listGiongCays[index].Id).then((response) => {\r\n reset({\r\n Id:response.ID,\r\n TenGiong:response.TenGiong,\r\n IdCayTrong:response.IdCayTrong,\r\n MoTa:response.MoTa,\r\n GhiChu:response.GhiChu,\r\n Status:response.Status,\r\n Delete:response.Delete,\r\n CreatedBy:response.CreatedBy,\r\n CreatedDate:response.CreatedDate,\r\n UpdatedBy:response.UpdatedBy, \r\n UpdatedDate:response.UpdatedDate \r\n }, [reset]);\r\n var index = listDanhMucCay.findIndex(x => x.value == response.IdCayTrong);\r\n setSelectedOption(listDanhMucCay[index]);\r\n setGiongCayModal(response);\r\n setShow(true);\r\n setIsXem(false);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listGiongCays.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n GiongCayTrongApi.delete(lstId).then(() => {\r\n loadGiongCay();\r\n })\r\n }\r\n });\r\n }\r\n const handleShowData = () => {\r\n let index = listGiongCays.findIndex(x => x.Checked);\r\n if (index !== - 1)\r\n {\r\n GiongCayTrongApi.getDetail(listGiongCays[index].Id).then((response)=> \r\n {\r\n reset({\r\n Id:response.ID,\r\n TenGiong:response.TenGiong,\r\n IdCayTrong:response.IdCayTrong,\r\n MoTa:response.MoTa,\r\n GhiChu:response.GhiChu,\r\n Status:response.Status,\r\n Delete:response.Delete,\r\n CreatedBy:response.CreatedBy,\r\n CreatedDate:response.CreatedDate,\r\n UpdatedBy:response.UpdatedBy, \r\n UpdatedDate:response.UpdatedDate \r\n }, [reset]);\r\n var index = listDanhMucCay.findIndex(x => x.value == response.IdCayTrong);\r\n setSelectedOption(listDanhMucCay[index]);\r\n setGiongCayModal(response);\r\n setShow(true);\r\n setIsXem(true);\r\n })\r\n }\r\n }\r\n\r\n const saveData = () => {\r\n try\r\n { \r\n var userLogin= Authen.getUser().UserName;\r\n giongCayModal.IdCayTrong=0;\r\n if (selectedOption) {\r\n if (selectedOption.value == 0) {\r\n giongCayModal.IdCayTrong = null;\r\n }\r\n else {\r\n giongCayModal.IdCayTrong = selectedOption.value;\r\n }\r\n }\r\n else \r\n {\r\n giongCayModal.IdCayTrong = null;\r\n }\r\n if (giongCayModal.IdCayTrong==null)\r\n {\r\n ThongBao.prinWarningMessage(\"Hãy lựa chọn danh mục cây trồng\");\r\n }\r\n else\r\n {\r\n if (giongCayModal.Id === 0 || giongCayModal.Id == null || giongCayModal.Id == undefined) \r\n {\r\n giongCayModal.Id = 0;\r\n giongCayModal.CreatedDate= new Date();\r\n giongCayModal.CreatedBy=userLogin;\r\n GiongCayTrongApi.post(giongCayModal).then(() => {\r\n setShow(false);\r\n loadGiongCay();\r\n })\r\n }\r\n else {\r\n giongCayModal.UpdatedDate=new Date();\r\n giongCayModal.UpdatedBy=userLogin;\r\n GiongCayTrongApi.put(giongCayModal).then(() => {\r\n setShow(false);\r\n loadGiongCay();\r\n })\r\n }\r\n setIsEdit(false);\r\n }\r\n }\r\n catch(ex)\r\n {\r\n console.log(ex);\r\n } \r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const onChangeDanhMucCay = (e) => {\r\n setSelectedOption(e);\r\n }\r\n\r\n const onChangeFindIdCay = (e) => {\r\n setSelectedFindIdCay(e);\r\n setFindIdCay(e.value);\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadGiongCay();\r\n }\r\n }\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n \r\n }\r\n\r\n const onChangeName = (e) => {\r\n giongCayModal.TenGiong = e.target.value\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Giống Cây Trồng
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Chi tiết giống cây trồng\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
onFileSelected(e)}>\r\n
\r\n )\r\n\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Fade, Modal } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport TrieuChungApi from '../../../api/TrieuChungApi';\r\nimport '../../../css/apppublic.css';\r\nimport '../../../css/reactconfirm.css';\r\nimport '../../../css/reactselect.css';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport Authen from '../../../core/Authen';\r\nimport { Loading } from '../../../shared/loading/Loading';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\nimport SauBenhApi from '../../../api/SauBenhApi';\r\nimport GiaiDoanPhatTrienApi from '../../../api/GiaiDoanPhatTrienApi';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\n\r\n\r\nexport const DacDiemTrieuChung = () => {\r\n\r\n const { handleSubmit, reset, register, errors } = useForm();\r\n\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n\r\n const [listTrieuChung, setListTrieuChung] = useState([]);\r\n const [sauBenh, setSauBenh] = useState('');\r\n const [giaiDoan, setGiaiDoan] = useState('');\r\n const [show, setShow] = useState(false);\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [isXem, setIsXem] = useState(false);\r\n const [search, setSearch] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n let pageIndex = 1, pageSize = 20;\r\n const [disButtonEdit, setDisButtonEdit] = useState(true);\r\n const [viewModal, setViewModal] = useState(false);\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [loai, setLoai] = useState({});\r\n const [dacDiem, setDacDiem] = useState({});\r\n const [moTa, setMoTa] = useState('');\r\n const [listSauBenh, setListSauBenh] = useState([]);\r\n\r\n const [optionSauBenhs, setOptionSauBenh] = useState([{ value: 0, label: 'Chọn sâu bệnh' }]);\r\n const [optionGiaiDoans, setOptionGiaiDoan] = useState([{ value: 0, label: 'Chọn giai đoạn' }]);\r\n\r\n const optionLoais = [\r\n { value: true, label: 'Đặc điểm sinh học' },\r\n { value: false, label: 'Đặc điểm triệu chứng' },\r\n ];\r\n\r\n const [paginationConfig, setPaginationConfig] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: 'sm',\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n if (page != null) {\r\n pageIndex = page;\r\n loadTrieuChung();\r\n }\r\n }\r\n });\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n\r\n const onChangeSelect = (optionSelected) => {\r\n setSauBenh(optionSelected);\r\n }\r\n\r\n\r\n const onChangeSelectGiaiDoan = (optionSelected) => {\r\n setGiaiDoan(optionSelected);\r\n if (!listSauBenh.length == false) {\r\n let lstSau = listSauBenh.filter(x => x.IdGiaiDoan === optionSelected.value);\r\n let opt = [{ value: 0, label: 'Chọn sâu bệnh' }]\r\n lstSau.forEach(x => {\r\n opt.push({ 'value': x.Id, 'label': x.TenSauBenh });\r\n });\r\n setOptionSauBenh(opt);\r\n setSauBenh({ value: 0, label: 'Chọn sâu bệnh' });\r\n }\r\n\r\n }\r\n\r\n const loadTrieuChung = async () => {\r\n try {\r\n const params = {\r\n filter: search,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize\r\n }\r\n const response = await TrieuChungApi.getPaging(params);\r\n response.Items.forEach((x) => {\r\n x.Checked = false\r\n });\r\n /* setDisButtonEdit(true); */\r\n setListTrieuChung(response.Items);\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow == 0 ? 1 : response.TotalRow / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n setPaginationConfig(paginationConfig);\r\n }\r\n catch (err) { }\r\n }\r\n\r\n const rowClick = (id) => {\r\n listTrieuChung.forEach(element => {\r\n if (element.Id === id) {\r\n if (element.Checked === true) {\r\n element.Checked = false;\r\n }\r\n else {\r\n element.Checked = true;\r\n setIsEdit(true);\r\n setDisButtonEdit(false);\r\n }\r\n }\r\n else {\r\n element.Checked = false;\r\n }\r\n });\r\n\r\n if (listTrieuChung.filter(element => element.Checked === true).length == 0) {\r\n setIsEdit(false);\r\n setDisButtonEdit(true);\r\n };\r\n\r\n setIsEdit(true);\r\n setListTrieuChung([...listTrieuChung]);\r\n }\r\n\r\n const handleClose = () => {\r\n setShow(false);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Status: true\r\n }, [reset]);\r\n setDacDiem({\r\n Id: 0,\r\n Status: true\r\n });\r\n setSrcImage(noImage);\r\n setIsEdit(false);\r\n setIsXem(false);\r\n setMoTa('');\r\n setSauBenh({ value: 0, label: 'Chọn sâu bệnh' });\r\n setGiaiDoan({ value: 0, label: 'Chọn giai đoạn' });\r\n setLoai({ value: true, label: 'Đặc điểm sinh học' });\r\n setShow(true);\r\n }\r\n\r\n const handleShowEdit = () => {\r\n setIsEdit(true);\r\n setIsXem(false);\r\n let index = listTrieuChung.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n TrieuChungApi.getDetail(listTrieuChung[index].Id).then((response) => {\r\n reset(\r\n {\r\n Id: response.Id,\r\n TenTrieuChung: response.TenTrieuChung,\r\n TenKhoaHoc: response.TenKhoaHoc,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n ThuTu: response.ThuTu,\r\n DonViTinh: response.DonViTinh,\r\n TieuChuan: response.TieuChuan\r\n }\r\n , [reset]);\r\n setDacDiem(response);\r\n setSrcImage(response.HinhAnh);\r\n setSauBenh(optionSauBenhs.filter(x => x.value == response.IdSauBenh).length == 0 ? { value: 0, label: 'Chọn sâu bệnh' } : optionSauBenhs.filter(x => x.value == response.IdSauBenh)[0]);\r\n setGiaiDoan(optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan).length == 0 ? { value: 0, label: 'Chọn giai đoạn' } : optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan)[0]);\r\n setLoai(response.Loai == undefined ? { value: true, label: 'Đặc điểm sinh học' } : optionLoais.filter(x => x.value == response.Loai)[0]);\r\n setMoTa(response.MoTa);\r\n setIsXem(false);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowData = () => {\r\n setIsXem(true);\r\n let index = listTrieuChung.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n TrieuChungApi.getDetail(listTrieuChung[index].Id).then((response) => {\r\n reset(reset(\r\n {\r\n Id: response.Id,\r\n TenTrieuChung: response.TenTrieuChung,\r\n TenKhoaHoc: response.TenKhoaHoc,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n ThuTu: response.ThuTu,\r\n DonViTinh: response.DonViTinh,\r\n TieuChuan: response.TieuChuan\r\n }\r\n , [reset]), [reset]);\r\n setDacDiem(response);\r\n setSrcImage(response.HinhAnh);\r\n setSauBenh(optionSauBenhs.filter(x => x.value == response.IdSauBenh).length == 0 ? { value: 0, label: 'Chọn sâu bệnh' } : optionSauBenhs.filter(x => x.value == response.IdSauBenh)[0]);\r\n setGiaiDoan(optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan).length == 0 ? { value: 0, label: 'Chọn giai đoạn' } : optionGiaiDoans.filter(x => x.value == response.IdGiaiDoan)[0]);\r\n setLoai(response.Loai == undefined ? { value: true, label: 'Đặc điểm sinh học' } : optionLoais.filter(x => x.value == response.Loai)[0]);\r\n setMoTa(response.MoTa);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n const onSubmit = async (data) => {\r\n try {\r\n var fielPath = '';\r\n\r\n dacDiem.HinhAnh = srcImage;\r\n dacDiem.IdSauBenh = sauBenh.value;\r\n dacDiem.IdGiaiDoan = giaiDoan.value;\r\n dacDiem.MoTa = moTa;\r\n if (!isEdit) {\r\n console.log(dacDiem);\r\n const res = await TrieuChungApi.post(dacDiem);\r\n }\r\n else {\r\n console.log(dacDiem);\r\n const res = await TrieuChungApi.put(dacDiem);\r\n }\r\n setShow(false);\r\n loadTrieuChung();\r\n }\r\n catch (ex) {\r\n console.log(ex.message);\r\n }\r\n }\r\n\r\n const loadSauBenh = async () => {\r\n const resPonse = await SauBenhApi.getAll();\r\n setListSauBenh(resPonse);\r\n if (!resPonse.length == false) {\r\n resPonse.map(x => {\r\n optionSauBenhs.push({ 'value': x.Id, 'label': x.TenSauBenh });\r\n })\r\n }\r\n }\r\n\r\n const loadGiaiDoan = async () => {\r\n const rePonse = await GiaiDoanPhatTrienApi.getAll();\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n optionGiaiDoans.push({ 'value': x.Id, 'label': x.TenGiaiDoan });\r\n })\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadTrieuChung();\r\n loadSauBenh();\r\n loadGiaiDoan();\r\n setRoleAdd(Authen.checkQuyen('DACDIEMTRIEUCHUNG_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('DACDIEMTRIEUCHUNG_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('DACDIEMTRIEUCHUNG_DELETE'));\r\n }, []);\r\n\r\n const setFilter = (e) => {\r\n setSearch(e.target.value);\r\n }\r\n\r\n\r\n const alertDell = async () => {\r\n let lstChecked = listTrieuChung.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n TrieuChungApi.delete(lstChecked[0].Id).then(() => {\r\n loadTrieuChung();\r\n })\r\n });\r\n }\r\n }\r\n\r\n const Timkiem = () => {\r\n loadTrieuChung();\r\n }\r\n\r\n const onChangeSelectLoai = (optionSelected) => {\r\n setLoai(optionSelected)\r\n }\r\n\r\n const onChangeMoTa = (event, editor) => {\r\n const data = editor.getData();\r\n setMoTa(data);\r\n }\r\n\r\n const changeTab = () => {\r\n reset(\r\n {\r\n Id: dacDiem.Id,\r\n TenTrieuChung: dacDiem.TenTrieuChung,\r\n TenKhoaHoc: dacDiem.TenKhoaHoc,\r\n GhiChu: dacDiem.GhiChu,\r\n Status: dacDiem.Status,\r\n ThuTu: dacDiem.ThuTu,\r\n DonViTinh: dacDiem.DonViTinh,\r\n TieuChuan: dacDiem.TieuChuan\r\n }, [reset]);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Đặc điểm triệu chứng
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n Đặc điểm triệu chứng\r\n \r\n \r\n \r\n \r\n \r\n Lưu\r\n Hủy\r\n \r\n \r\n\r\n
onFileSelected(e)}>\r\n
\r\n
\r\n )\r\n}\r\n\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport GiaiDoanPhatTrienApi from '../../../api/GiaiDoanPhatTrienApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Authen from '../../../core/Authen';\r\n\r\nexport const GiaiDoanPhatTrien = () => {\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n\r\n //const [listCayTrongs, setListCayTrongs] = useState([]);\r\n const [listGiaiDoans,setListGiaiDoans]=useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n\r\n const [viewModal, setViewModal] = useState(false);\r\n const [giaiDoanModal, setGiaiDoanModal] = useState({GiaiDoanPhatTrien})\r\n\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [isXem, setIsXem]=useState(false);\r\n\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [listDanhMucCay, setDanhMucCay] = useState([]);\r\n\r\n const [selectedFindIdCay, setSelectedFindIdCay] = useState();\r\n const [findIdCay, setFindIdCay] = useState();\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadGiaiDoan();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadGiaiDoan();\r\n loadDanhMucCay();\r\n setRoleAdd(Authen.checkQuyen('GIAIDOANPHATTRIEN_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('GIAIDOANPHATTRIEN_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('GIAIDOANPHATTRIEN_DELETE'));\r\n }, []);\r\n\r\n const loadGiaiDoan = async () => {\r\n try {\r\n const params = {\r\n filter: filter,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n idCayTrong: findIdCay\r\n }\r\n const response = await GiaiDoanPhatTrienApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRows / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListGiaiDoans(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n function loadDanhMucCay() {\r\n CayTrongApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn danh mục...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.TenCayTrong });\r\n })\r\n setDanhMucCay(list);\r\n })\r\n }\r\n\r\n const timKiem = () => {\r\n loadGiaiDoan();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listGiaiDoans.forEach(element =>{\r\n if (element.Id===id){\r\n element.Checked= !element.Checked;\r\n }\r\n \r\n })\r\n let index=listGiaiDoans.findIndex(x=>x.Checked);\r\n if (index >= 0)\r\n {\r\n setIsEdit(true);\r\n }\r\n else\r\n {\r\n setIsEdit(false);\r\n }\r\n setListGiaiDoans([...listGiaiDoans]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n TenGiaiDoan:\"\",\r\n Status: true\r\n }, [reset]);\r\n setGiaiDoanModal({\r\n Id: 0,\r\n TenGiaiDoan:\"\",\r\n Status: true\r\n });\r\n setShow(true);\r\n setIsXem(false);\r\n setSelectedOption(listDanhMucCay[0]);\r\n };\r\n\r\n const handleShowEdit = () => \r\n {\r\n let index = listGiaiDoans.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n GiaiDoanPhatTrienApi.getDetail(listGiaiDoans[index].Id).then((response) => {\r\n reset({\r\n Id: response.ID,\r\n TenGiaiDoan: response.TenGiaiDoan,\r\n MoTa: response.MoTa,\r\n IdCayTrong: response.IdCayTrong,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n Delete: response.Delete,\r\n CreatedBy: response.CreatedBy,\r\n CreatedDate: response.CreatedDate,\r\n UpdatedBy: response.UpdatedBy, \r\n UpdatedDate: response.UpdatedDate,\r\n SoNgay: response.SoNgay\r\n }, [reset]);\r\n var index = listDanhMucCay.findIndex(x => x.value == response.IdCayTrong);\r\n setSelectedOption(listDanhMucCay[index]);\r\n setGiaiDoanModal(response);\r\n setShow(true);\r\n setIsXem(false);\r\n setIsEdit(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => \r\n {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listGiaiDoans.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n GiaiDoanPhatTrienApi.delete(lstId).then(() => {\r\n loadGiaiDoan();\r\n })\r\n }\r\n });\r\n }\r\n const handleShowData = () => \r\n {\r\n let index = listGiaiDoans.findIndex(x => x.Checked);\r\n if (index !== - 1)\r\n {\r\n GiaiDoanPhatTrienApi.getDetail(listGiaiDoans[index].Id).then((response)=> \r\n {\r\n reset({\r\n Id:response.ID,\r\n TenGiaiDoan:response.TenGiaiDoan,\r\n MoTa:response.MoTa,\r\n IdCayTrong:response.IdCayTrong,\r\n GhiChu:response.GhiChu,\r\n Status:response.Status,\r\n Delete:response.Delete,\r\n CreatedBy:response.CreatedBy,\r\n CreatedDate:response.CreatedDate,\r\n UpdatedBy:response.UpdatedBy, \r\n UpdatedDate:response.UpdatedDate,\r\n SoNgay: response.SoNgay \r\n }, [reset]);\r\n var index = listDanhMucCay.findIndex(x => x.value == response.IdCayTrong);\r\n setSelectedOption(listDanhMucCay[index]);\r\n setGiaiDoanModal(response);\r\n setShow(true);\r\n setIsXem(true);\r\n setIsEdit(true);\r\n })\r\n }\r\n }\r\n\r\n const saveData = (data) => \r\n {\r\n try\r\n { \r\n var userLogin= Authen.getUser().UserName;\r\n giaiDoanModal.IdCayTrong=0;\r\n if (selectedOption) {\r\n if (selectedOption.value === 0) {\r\n giaiDoanModal.IdCayTrong = null;\r\n }\r\n else {\r\n giaiDoanModal.IdCayTrong = selectedOption.value;\r\n }\r\n }\r\n else \r\n {\r\n giaiDoanModal.IdCayTrong = null;\r\n }\r\n if (giaiDoanModal.IdCayTrong==null)\r\n {\r\n ThongBao.prinWarningMessage(\"Hãy lựa chọn danh mục cây trồng\");\r\n }\r\n else\r\n {\r\n if (giaiDoanModal.Id === 0 || giaiDoanModal.Id === null || giaiDoanModal.Id === undefined) \r\n {\r\n giaiDoanModal.Id = 0;\r\n giaiDoanModal.CreatedDate= new Date();\r\n giaiDoanModal.CreatedBy=userLogin;\r\n GiaiDoanPhatTrienApi.post(giaiDoanModal).then(() => {\r\n setShow(false);\r\n loadGiaiDoan();\r\n })\r\n }\r\n else {\r\n giaiDoanModal.UpdatedDate=new Date();\r\n giaiDoanModal.UpdatedBy=userLogin;\r\n GiaiDoanPhatTrienApi.put(giaiDoanModal).then(() => {\r\n setShow(false);\r\n loadGiaiDoan();\r\n })\r\n }\r\n setIsEdit(false);\r\n }\r\n }\r\n catch(ex)\r\n {\r\n } \r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const onChangeDanhMucCay = (e) => {\r\n setSelectedOption(e);\r\n }\r\n\r\n const onChangeFindIdCay = (e) => {\r\n setSelectedFindIdCay(e);\r\n setFindIdCay(e.value);\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadGiaiDoan();\r\n }\r\n }\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onChangeName = (e) => {\r\n giaiDoanModal.TenGiaiDoan = e.target.value;\r\n }\r\n\r\n const onChangeSoNgay = (e) => {\r\n if (isNaN(e.target.value))\r\n {\r\n giaiDoanModal.SoNgay=\"\";\r\n }\r\n else\r\n {\r\n giaiDoanModal.SoNgay=e.target.value;\r\n }\r\n }\r\n\r\n const onFileSelected = (e) => {\r\n\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Giai Đoạn Phát Triển
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Chi tiết giai đoạn\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
onFileSelected(e)}>\r\n
\r\n )\r\n\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport Authen from '../../../core/Authen';\r\nimport moment from 'moment';\r\nimport DonViCungCapApi from '../../../api/DonViCungCapApi';\r\nimport Datetime from 'react-datetime';\r\nimport \"react-datetime/css/react-datetime.css\";\r\nimport { ExcelRenderer } from \"react-excel-renderer\";\r\nimport Select from 'react-select';\r\nimport * as XLSX from \"xlsx\";\r\nimport QuanHuyenApi from '../../../api/QuanHuyenApi';\r\nimport { set } from 'ol/transform';\r\nimport Ultility, { stringIsNumber, stringToNumber } from '../../../core/Ultility';\r\n\r\nexport const DonViCungCap = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n var theme = {\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n }\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const [showXlsForm, setShowXlsForm] = useState(false);\r\n const handleCloseXlsForm = () => setShowXlsForm(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n\r\n const [listDonViCungCaps, setListDonViCungCaps] = useState([]);\r\n\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n const [isEdit, setIsEdit] = useState(false);\r\n\r\n const [fileNameXls, setFileNameXls] = useState({});\r\n const [listXls, setListXls] = useState([]);\r\n // const [listDonViCungCapXlsRoot, setListDonViCungCapXlsRoot] = useState([]);\r\n const [listDonViCungCapXls, setListDonViCungCapXls] = useState([]);\r\n\r\n const [startDate, setStartDate] = useState(new Date());\r\n const [startDate2, setStartDate2] = useState(new Date());\r\n const [startDate3, setStartDate3] = useState(new Date());\r\n const [startDate4, setStartDate4] = useState(new Date());\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [listQuanHuyen, setListQuanHuyen] = useState([]);\r\n const [listPhuongXa_All, setListPhuongXa_All] = useState([]);\r\n const [listPhuongXa, setListPhuongXa] = useState([]);\r\n const [listPhuongXa_TimKiem, setListPhuongXa_TimKiem] = useState([]);\r\n const [selectedQuanHuyen, setSelectedQuanHuyen] = useState();\r\n const [selectedQuanHuyen_TimKiem, setSelectedQuanHuyen_TimKiem] = useState();\r\n const [selectedPhuongXa, setSelectedPhuongXa] = useState();\r\n const [selectedPhuongXa_TimKiem, setSelectedPhuongXa_TimKiem] = useState();\r\n\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadDonViCungCap();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadDonViCungCap();\r\n loadQuanHuyen();\r\n loadPhuongXa_All();\r\n setRoleAdd(Authen.checkQuyen('DONVICUNGCAP_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('DONVICUNGCAP_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('DONVICUNGCAP_DELETE'));\r\n }, []);\r\n\r\n const loadDonViCungCap = async () => {\r\n var maHuyen = '';\r\n var maXa = '';\r\n if (selectedQuanHuyen_TimKiem != null && selectedQuanHuyen_TimKiem.value != null) {\r\n maHuyen = selectedQuanHuyen_TimKiem.value;\r\n }\r\n if (selectedPhuongXa_TimKiem != null && selectedPhuongXa_TimKiem.value != null) {\r\n maXa = selectedPhuongXa_TimKiem.value;\r\n }\r\n try {\r\n const params = {\r\n filter: filter,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n maHuyen: maHuyen,\r\n maXa: maXa\r\n }\r\n const response = await DonViCungCapApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRows / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListDonViCungCaps(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const timKiem = () => {\r\n loadDonViCungCap();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listDonViCungCaps.forEach(element => {\r\n if (element.Id === id) {\r\n element.Checked = !element.Checked;\r\n }\r\n })\r\n let index = listDonViCungCaps.findIndex(x => x.Checked);\r\n if (index >= 0) {\r\n setIsEdit(true);\r\n }\r\n else {\r\n setIsEdit(false);\r\n }\r\n setListDonViCungCaps([...listDonViCungCaps]);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n try {\r\n reset({\r\n Id: 0,\r\n Ma: \"\",\r\n Ten: \"\",\r\n ToaDoX: 0,\r\n ToaDoY: 0,\r\n DiaChi: \"\",\r\n DienThoai: \"\",\r\n Email: \"\",\r\n WebSite: \"\",\r\n GhiChu: \"\",\r\n Status: true,\r\n Delete: false,\r\n CreatedBy: Authen.getUser().UserName,\r\n CreatedDate: new Date(),\r\n UpdatedBy: \"\",\r\n UpdatedDate: null,\r\n SoDangKyKinhDoanh: \"\",\r\n DonViCapDangKyKinhDoanh: \"\",\r\n NgayCapDangKyKinhDoanh: null,\r\n SoChungChiChuyenMon: \"\",\r\n NgayCapChungChiChuyenMon: null,\r\n SoChungNhanDieuKien: \"\",\r\n NgayCapChungNhanDieuKien: null,\r\n NgayHetHanChungNhanDieuKien: null\r\n }, [reset]);\r\n setShow(true)\r\n setStartDate(moment(new Date()));\r\n setStartDate2(moment(new Date()));\r\n setStartDate3(moment(new Date()));\r\n setStartDate4(moment(new Date()));\r\n if (listQuanHuyen.length >= 0) {\r\n setSelectedQuanHuyen(listQuanHuyen[0]);\r\n }\r\n if (listPhuongXa.length >= 0) {\r\n setSelectedPhuongXa(listPhuongXa[0]);\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n };\r\n\r\n const handleShowEdit = () => {\r\n try {\r\n let index = listDonViCungCaps.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n DonViCungCapApi.getDetail(listDonViCungCaps[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n Ma: response.Ma,\r\n Ten: response.Ten,\r\n ToaDoX: response.ToaDoX,\r\n ToaDoY: response.ToaDoY,\r\n DiaChi: response.DiaChi,\r\n DienThoai: response.DienThoai,\r\n Email: response.Email,\r\n WebSite: response.WebSite,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n Delete: response.Delete,\r\n CreatedBy: response.CreatedBy,\r\n CreatedDate: response.CreatedDate,\r\n UpdatedBy: response.UpdatedBy,\r\n UpdatedDate: response.UpdatedDate,\r\n SoDangKyKinhDoanh: response.SoDangKyKinhDoanh,\r\n DonViCapDangKyKinhDoanh: response.DonViCapDangKyKinhDoanh,\r\n NgayCapDangKyKinhDoanh: response.NgayCapDangKyKinhDoanh,\r\n SoChungChiChuyenMon: response.SoChungChiChuyenMon,\r\n NgayCapChungChiChuyenMon: response.NgayCapChungChiChuyenMon,\r\n SoChungNhanDieuKien: response.SoChungNhanDieuKien,\r\n NgayCapChungNhanDieuKien: response.NgayCapChungNhanDieuKien,\r\n NgayHetHanChungNhanDieuKien: response.NgayHetHanChungNhanDieuKien\r\n }, [reset]);\r\n setStartDate(moment(response.NgayCapDangKyKinhDoanh));\r\n setStartDate2(moment(response.NgayCapChungChiChuyenMon));\r\n setStartDate3(moment(response.NgayCapChungNhanDieuKien));\r\n setStartDate4(moment(response.NgayHetHanChungNhanDieuKien));\r\n setShow(true);\r\n setIsEdit(true);\r\n setSelectedQuanHuyen(listQuanHuyen[0]);\r\n var index = listQuanHuyen.findIndex(x => x.value == response.MaHuyen);\r\n if (index >= 0) {\r\n setSelectedQuanHuyen(listQuanHuyen[index]);\r\n }\r\n loadPhuongXa({ value: response.MaHuyen }, false, response.MaXa);\r\n });\r\n }\r\n }\r\n catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listDonViCungCaps.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n DonViCungCapApi.delete(lstId).then(() => {\r\n loadDonViCungCap();\r\n })\r\n }\r\n });\r\n }\r\n const handleShowData = () => {\r\n let index = listDonViCungCaps.findIndex(x => x.Checked);\r\n if (index !== - 1) {\r\n DonViCungCapApi.getDetail(listDonViCungCaps[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n Ma: response.Ma,\r\n Ten: response.Ten,\r\n ToaDoX: response.ToaDoX,\r\n ToaDoY: response.ToaDoY,\r\n DiaChi: response.DiaChi,\r\n DienThoai: response.DienThoai,\r\n Email: response.Email,\r\n WebSite: response.WebSite,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n Delete: response.Delete,\r\n CreatedBy: response.CreatedBy,\r\n CreatedDate: response.CreatedDate,\r\n UpdatedBy: response.UpdatedBy,\r\n UpdatedDate: response.UpdatedDate,\r\n SoDangKyKinhDoanh: response.SoDangKyKinhDoanh,\r\n DonViCapDangKyKinhDoanh: response.DonViCapDangKyKinhDoanh,\r\n NgayCapDangKyKinhDoanh: response.NgayCapDangKyKinhDoanh,\r\n SoChungChiChuyenMon: response.SoChungChiChuyenMon,\r\n NgayCapChungChiChuyenMon: response.NgayCapChungChiChuyenMon,\r\n SoChungNhanDieuKien: response.SoChungNhanDieuKien,\r\n NgayCapChungNhanDieuKien: response.NgayCapChungNhanDieuKien,\r\n NgayHetHanChungNhanDieuKien: response.NgayHetHanChungNhanDieuKien\r\n }, [reset]);\r\n setStartDate(moment(response.NgayCapDangKyKinhDoanh));\r\n setStartDate2(moment(response.NgayCapChungChiChuyenMon));\r\n setStartDate3(moment(response.NgayCapChungNhanDieuKien));\r\n setStartDate4(moment(response.NgayHetHanChungNhanDieuKien));\r\n setShow(true);\r\n setIsEdit(true);\r\n })\r\n }\r\n }\r\n\r\n const saveData = (data) => {\r\n try {\r\n if (selectedQuanHuyen == null || selectedQuanHuyen.value == '') {\r\n ThongBao.prinWarningMessage(\"Chưa chọn quận huyện\");\r\n }\r\n else {\r\n data.NgayCapDangKyKinhDoanh = moment(startDate).format(\"DD/MM/YYYY\");\r\n data.NgayCapChungChiChuyenMon = moment(startDate2).format(\"DD/MM/YYYY\");\r\n data.NgayCapChungNhanDieuKien = moment(startDate3).format(\"DD/MM/YYYY\");\r\n data.NgayHetHanChungNhanDieuKien = moment(startDate4).format(\"DD/MM/YYYY\");\r\n if (selectedQuanHuyen != null && selectedQuanHuyen.value != '') {\r\n data.MaHuyen = selectedQuanHuyen.value;\r\n }\r\n if (selectedPhuongXa != null && selectedPhuongXa.value != '') {\r\n data.MaXa = selectedPhuongXa.value;\r\n }\r\n if (data.Id == 0 || data.Id == null || data.Id == undefined) {\r\n data.Id = 0;\r\n data.CreatedDate = new Date();\r\n DonViCungCapApi.post(data).then(() => {\r\n setShow(false);\r\n loadDonViCungCap();\r\n })\r\n }\r\n else {\r\n data.UpdatedDate = new Date();\r\n DonViCungCapApi.put(data).then(() => {\r\n setShow(false);\r\n loadDonViCungCap();\r\n })\r\n }\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadDonViCungCap();\r\n }\r\n }\r\n\r\n const handleImportXlsx = () => {\r\n setListDonViCungCapXls([]);\r\n setShowXlsForm(true);\r\n }\r\n\r\n const Ngay_ValueChange = (event) => {\r\n setStartDate(event._d);\r\n }\r\n\r\n const Ngay_ValueChange2 = (event) => {\r\n setStartDate2(event._d);\r\n }\r\n\r\n const Ngay_ValueChange3 = (event) => {\r\n setStartDate3(event._d);\r\n }\r\n\r\n const Ngay_ValueChange4 = (event) => {\r\n setStartDate4(event._d);\r\n }\r\n\r\n const colTen_Style = {\r\n minWidth: '100px'\r\n }\r\n\r\n const colDiaChi_Style = {\r\n minWidth: '120px'\r\n }\r\n\r\n // Import Xls\r\n function toDate(obj) {\r\n if (obj == null) {\r\n return null;\r\n }\r\n else {\r\n var str = obj.toString().trim();\r\n if (moment(str, 'D/M/YYYY', true).isValid() == true) {\r\n return str;\r\n }\r\n else {\r\n if (stringIsNumber(obj)) {\r\n var num = stringToNumber(obj);\r\n if (num > 25569) {\r\n return moment(new Date(Math.round((num - 25569) * 86400 * 1000))).format(\"DD/MM/YYYY\");\r\n }\r\n }\r\n return \"Invalid date\";\r\n }\r\n }\r\n }\r\n\r\n const selectXls = (e) => {\r\n var file = e.target.files[0];\r\n setFileNameXls(file);\r\n let reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onerror = function (error) {\r\n console.log('Error: ', error);\r\n }\r\n ExcelRenderer(file, (err, resp) => {\r\n if (err) {\r\n console.log(err);\r\n }\r\n else {\r\n setListXls({\r\n cols: resp.cols,\r\n rows: resp.rows\r\n });\r\n\r\n // let listRoot = [];\r\n let list = [];\r\n let count = 0;\r\n resp.rows.forEach((item, key) => {\r\n try {\r\n if (key != 0 && item[3] != undefined && item[3] != \"\" && item[0] != undefined && item[0] != \"TT\" && item[0] != \"STT\") {\r\n list.push({\r\n // Stt: item[0],\r\n Ma: \"\",\r\n Ten: item[3],\r\n ToaDoX: 0,\r\n ToaDoY: 0,\r\n DiaChi: (item[5] == undefined) ? '' : item[5],\r\n DienThoai: (item[4] == undefined) ? '' : item[4],\r\n Email: \"\",\r\n WebSite: \"\",\r\n GhiChu: \"\",\r\n Status: true,\r\n Delete: false,\r\n CreatedBy: \"Admin\",\r\n CreatedDate: new Date(),\r\n SoDangKyKinhDoanh: (item[6] == undefined) ? '' : item[6].trim().toUpperCase(),\r\n DonViCapDangKyKinhDoanh: (item[7] == undefined) ? '' : item[7],\r\n NgayCapDangKyKinhDoanh: toDate(item[8]),\r\n SoChungChiChuyenMon: (item[9] == undefined) ? '' : item[9],\r\n NgayCapChungChiChuyenMon: toDate(item[10]),\r\n SoChungNhanDieuKien: (item[11] == undefined) ? '' : item[11],\r\n NgayCapChungNhanDieuKien: toDate(item[12]),\r\n NgayHetHanChungNhanDieuKien: toDate(item[13]),\r\n TenHuyen: item[1],\r\n TenXa: item[2],\r\n MaHuyen: null,\r\n MaXa: null,\r\n IsValid: true,\r\n ThongBao: \"\"\r\n });\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n });\r\n list.forEach((element, i) => {\r\n var index = -1;\r\n if (element.TenHuyen != null && element.TenHuyen.length > 0) {\r\n index = listQuanHuyen.findIndex(x => x.label.toLowerCase().trim().includes(element.TenHuyen.toLowerCase().trim()));\r\n if (index >= 0) {\r\n element.MaHuyen = listQuanHuyen[index].value;\r\n }\r\n else {\r\n element.ThongBao += \"sai tên huyện, \";\r\n }\r\n if (element.MaHuyen != null && element.TenXa != null && element.TenXa.length > 0) {\r\n index = listPhuongXa_All.findIndex(x => element.MaHuyen == x.maHuyen && x.label.toLowerCase().trim().includes(element.TenXa.toLowerCase().trim()))\r\n if (index >= 0) {\r\n element.MaXa = listPhuongXa_All[index].value;\r\n }\r\n else {\r\n element.ThongBao += \"sai tên xã, \";\r\n element.IsValid = false;\r\n }\r\n }\r\n }\r\n else {\r\n element.ThongBao += \" chưa nhập tên huyện, \";\r\n element.IsValid = false;\r\n }\r\n if (element.NgayCapDangKyKinhDoanh == \"Invalid date\" || element.NgayCapChungChiChuyenMon == \"Invalid date\" || element.NgayCapChungNhanDieuKien == \"Invalid date\" || element.NgayHetHanChungNhanDieuKien == \"Invalid date\") {\r\n element.ThongBao += \" sai định dạng ngày tháng, \";\r\n element.IsValid = false;\r\n }\r\n if (element.IsValid == false) {\r\n // element.ThongBao = \"Dòng \" + i.toString() + element.ThongBao;\r\n }\r\n });\r\n setListDonViCungCapXls(list);\r\n }\r\n });\r\n }\r\n\r\n const isDate = (input, i, lineXls) => {\r\n var isKq = Boolean = true;\r\n if (input != null && input != undefined && input != \"\") {\r\n var utc = moment(input, 'dd/mm/yyyy');\r\n var isUtc = utc.isValid();\r\n var txt = \"\";\r\n txt = input;\r\n var sltrim = txt.trimLeft().trimRight().split(' ').length;\r\n if (isUtc == false || sltrim > 1) {\r\n ThongBao.printErrorMessage('Dòng ' + i + ':\\n Column ' + lineXls + i + ' Sai định dạng ngày hoặc giữa ngày tháng năm có khoảng trắng');\r\n isKq = false;\r\n }\r\n }\r\n return isKq;\r\n }\r\n\r\n const importData = async () => {\r\n try {\r\n if (listDonViCungCapXls.filter(x => x.IsValid == false).length == 0) {\r\n const response = await DonViCungCapApi.importXls(listDonViCungCapXls);\r\n if (response.Status == true) {\r\n ThongBao.printSuccessMessage(\"Đã import thành công\");\r\n setShowXlsForm(false);\r\n loadDonViCungCap();\r\n }\r\n }\r\n else {\r\n ThongBao.prinWarningMessage(\"Dữ liệu import không hợp lệ. Hãy kiểm tra lại các dòng dữ liệu bị sai (dòng có màu đỏ)\")\r\n }\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const onChangeQuanHuyen = (e) => {\r\n setSelectedQuanHuyen(e);\r\n loadPhuongXa(e, false, null);\r\n }\r\n\r\n const onChangePhuongXa = (e) => {\r\n setSelectedPhuongXa(e);\r\n }\r\n\r\n const onChangeQuanHuyen_TimKiem = (e) => {\r\n setSelectedQuanHuyen_TimKiem(e);\r\n loadPhuongXa(e, true, null);\r\n }\r\n\r\n const onChangePhuongXa_TimKiem = (e) => {\r\n setSelectedPhuongXa_TimKiem(e);\r\n }\r\n\r\n function loadQuanHuyen() {\r\n QuanHuyenApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: '', label: 'Chọn quận huyện...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Ma, label: item.Ten });\r\n })\r\n setListQuanHuyen(list);\r\n })\r\n }\r\n\r\n // function loadPhuongXa(idQuanHuyen, isTimKiem, maXa) {\r\n // const params = {\r\n // maHuyen: Number(idQuanHuyen.value == undefined ? '' : idQuanHuyen.value)\r\n // }\r\n // QuanHuyenApi.getXaByHuyen(params).then((response) => {\r\n // let list = [];\r\n // list.push({ value: '', label: 'Chọn phường xã...' });\r\n // response.forEach(item => {\r\n // list.push({ value: item.maXa, label: item.tenXa });\r\n // })\r\n // if (isTimKiem == true) {\r\n // setListPhuongXa_TimKiem(list);\r\n // setSelectedPhuongXa_TimKiem(list[0]);\r\n // }\r\n // else {\r\n // setListPhuongXa(list);\r\n // var index = list.findIndex(x => x.value == maXa);\r\n // if (index >= 0) {\r\n // setSelectedPhuongXa(list[index]);\r\n // }\r\n // else {\r\n // setSelectedPhuongXa(list[0]);\r\n // }\r\n // }\r\n // })\r\n // }\r\n\r\n function loadPhuongXa_All() {\r\n QuanHuyenApi.getXaByHuyen({ maHuyen: '' }).then((response) => {\r\n let list = [];\r\n list.push({ value: '', label: 'Chọn phường xã...', maHuyen: '' });\r\n response.forEach(item => {\r\n list.push({ value: item.maXa, label: item.tenXa, maHuyen: item.maHuyen });\r\n })\r\n setListPhuongXa_All(list);\r\n })\r\n }\r\n\r\n function loadPhuongXa(idQuanHuyen, isTimKiem, maXa) {\r\n var maHuyen = idQuanHuyen.value == undefined ? '' : idQuanHuyen.value;\r\n let list = [];\r\n list = listPhuongXa_All.filter(x => x.maHuyen == maHuyen || x.maHuyen == '')\r\n if (isTimKiem == true) {\r\n setListPhuongXa_TimKiem(list);\r\n setSelectedPhuongXa_TimKiem(list[0]);\r\n }\r\n else {\r\n setListPhuongXa(list);\r\n var index = list.findIndex(x => x.value == maXa);\r\n if (index >= 0) {\r\n setSelectedPhuongXa(list[index]);\r\n }\r\n else {\r\n setSelectedPhuongXa(list[0]);\r\n }\r\n }\r\n }\r\n\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Đơn Vị Cung Cấp
\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n | STT | \r\n Huyện | \r\n Xã | \r\n Tên | \r\n Điện thoại | \r\n Địa chỉ | \r\n Số đkkd | \r\n Đơn vị cấp đkkd | \r\n Ngày cấp đkkd | \r\n Số CCCM | \r\n Ngày cấp CCCM | \r\n Số CNDDK | \r\n Ngày cấp CNDDK | \r\n Ngày hết hạn CNDDK | \r\n
\r\n \r\n \r\n {\r\n listDonViCungCapXls.map((item, key) => {\r\n return (\r\n \r\n | {key + 1} | \r\n {/* {item.Stt}- | */}\r\n {item.TenHuyen} | \r\n {item.TenXa} | \r\n {item.Ten} | \r\n {item.DienThoai} | \r\n {item.DiaChi} | \r\n {item.SoDangKyKinhDoanh} | \r\n {item.DonViCapDangKyKinhDoanh} | \r\n {item.NgayCapDangKyKinhDoanh} | \r\n {item.SoChungChiChuyenMon} | \r\n {item.NgayCapChungChiChuyenMon} | \r\n {item.SoChungNhanDieuKien} | \r\n {item.NgayCapChungNhanDieuKien} | \r\n {item.NgayHetHanChungNhanDieuKien} | \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n Chi tiết\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n )\r\n\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst HoiDapApi = {\r\n getPaging: (params) => {\r\n const url = '/hoidap/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n getPagingPublic: (params) => {\r\n const url = '/hoidap/pagingpublic';\r\n return axiosClient.get(url, {params});\r\n },\r\n getXemNhieuNhat: (params) => {\r\n const url = '/hoidap/getxemnhieunhat';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getDetail: (id) =>{\r\n const url = '/hoidap/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n post: (data) =>{\r\n const url = '/hoidap/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n postPublic: (data) =>{\r\n const url = '/hoidap/addpublic';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n postCauHoiPublic: (data) =>{\r\n const url = '/hoidap/addcauhoipublic';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/hoidap/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/hoidap/delete/' + id;\r\n return axiosClient.delete(url);\r\n },\r\n getAll: (params) =>{\r\n const url = 'hoidap/getall';\r\n return axiosClient.get(url, {params});\r\n },\r\n getByCha: (idcha) => {\r\n const url = '/hoidap/getbycha/'+idcha;\r\n return axiosClient.get(url);\r\n },\r\n\r\n addLike: (data) => {\r\n const url = '/hoidap/addlike';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n addView: (data) => {\r\n const url = '/hoidap/addview';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n \r\n}\r\n\r\nexport default HoiDapApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport HoiDapApi from '../../../api/HoiDapApi';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport '../../../index.css'\r\n\r\nexport const TraLoi = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => {\r\n setShow(false);\r\n props.closeModal();\r\n }\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [currentItem, setCurrentItem] = useState({});\r\n\r\n const [idHoiDap, setIdHoiDap] = useState();\r\n const [listTraLoi, setListTraLoi] = useState([]);\r\n\r\n useEffect(() => {\r\n if (props.show === true) {\r\n setShow(true);\r\n setIdHoiDap(props.idHoiDap);\r\n loadHoiDaps(props.idHoiDap);\r\n var item = {\r\n Id: 0,\r\n NoiDung: ''\r\n };\r\n reset(item, [reset]);\r\n }\r\n }, [props.show]);\r\n\r\n const loadHoiDaps = async (id) => {\r\n try {\r\n const response = await HoiDapApi.getByCha(id);\r\n setCurrentItem(response);\r\n setListTraLoi(response.TraLois);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const saveData = (data) => {\r\n data.IdCayTrong = currentItem.IdCayTrong;\r\n data.IdCha = currentItem.Id;\r\n data.Status = true;\r\n if (data.Id === \"0\" || data.Id == null) {\r\n data.Id = 0;\r\n HoiDapApi.post(data).then(() => {\r\n loadHoiDaps(currentItem.Id);\r\n var item = {\r\n Id: 0,\r\n NoiDung: ''\r\n };\r\n reset(item, [reset]);\r\n })\r\n }\r\n else {\r\n HoiDapApi.put(data).then(() => {\r\n setShow(false);\r\n loadHoiDaps();\r\n })\r\n }\r\n }\r\n\r\n const handleShowEdit = (data) => {\r\n reset(data, [reset]);\r\n }\r\n\r\n const handleShowDel = (data) => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstId = [];\r\n lstId.push(data.Id);\r\n HoiDapApi.delete(lstId).then(() => {\r\n loadHoiDaps(currentItem.Id);\r\n });\r\n });\r\n }\r\n\r\n const fontLarge_Style = {\r\n fontSize: 'large'\r\n }\r\n\r\n const traLoi_Style = {\r\n backgroundColor: 'ghostwhite',\r\n padding: '20px',\r\n maxHeight: '250px',\r\n overflow: 'scroll'\r\n }\r\n\r\n const button_Style = {\r\n padding: '.25rem .25rem',\r\n lineHeight: '1',\r\n fontSize: '.875rem',\r\n borderRadius: '2rem',\r\n marginLeft: '.5rem'\r\n }\r\n\r\n const thumb_Style = {\r\n maxHeight: '100px',\r\n maxWidth: '100%',\r\n padding: '2px',\r\n border: '1px solid gainsboro'\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n \r\n Trả lời\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n 
\r\n \r\n
\r\n {currentItem.FullName == null ? currentItem.HoTen : currentItem.FullName}\r\n \r\n
\r\n {currentItem.TenCayTrong}\r\n \r\n
\r\n
\r\n
\r\n {currentItem.ChuDe} \r\n
\r\n
\r\n {currentItem.NoiDung} \r\n
\r\n
\r\n
\r\n {currentItem.HinhAnhs != null &&\r\n
\r\n
\r\n
\r\n }\r\n
\r\n \r\n {listTraLoi.length == 0 &&\r\n <>\r\n
\r\n Chưa có câu trả lời nào.\r\n
\r\n \r\n }\r\n {listTraLoi.length > 0 &&\r\n listTraLoi.map((item, key) => {\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n {item.FullName == null ? item.HoTen : item.FullName}\r\n \r\n
\r\n
\r\n {item.FullName != null &&\r\n \r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n {item.NoiDung} \r\n
\r\n
\r\n
\r\n \r\n )\r\n })\r\n }\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport HoiDapApi from '../../../api/HoiDapApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport Authen from '../../../core/Authen';\r\nimport moment from 'moment'\r\nimport { TraLoi } from './traloi'\r\n\r\nexport const HoiDap = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [listHoiDaps, setListHoiDaps] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [listCayTrong, setListCayTrong] = useState([]);\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [viewModal, setViewModal] = useState(false);\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [checkedRow, setCheckedRow] = useState(false);\r\n const [currentItem, setCurrentItem] = useState({});\r\n const [idHoiDap, setIdHoiDap] = useState();\r\n const [showTraLoi, setShowTraLoi] = useState(false);\r\n const [isAdminCreated, setIsAdminCreated] = useState(false);\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadHoiDaps();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadListCayTrong();\r\n loadHoiDaps();\r\n setRoleAdd(Authen.checkQuyen('HOIDAP_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('HOIDAP_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('HOIDAP_DELETE'));\r\n }, []);\r\n\r\n const loadHoiDaps = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter,\r\n idCayTrong: ''\r\n }\r\n const response = await HoiDapApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n paginationConfig.onClick = function (page) {\r\n pageIndex = page;\r\n loadHoiDaps();\r\n }\r\n setPaging(paginationConfig);\r\n setListHoiDaps(response.Items);\r\n setCheckedRow(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const saveData = (data) => {\r\n data.HinhAnhs = srcImage;\r\n if (selectedOption) {\r\n if (selectedOption.value === 0) {\r\n data.IdCayTrong = null;\r\n }\r\n else {\r\n data.IdCayTrong = selectedOption.value;\r\n }\r\n }\r\n else {\r\n data.IdCayTrong = null;\r\n }\r\n if (data.Id === \"0\" || data.Id === null) {\r\n data.Id = 0;\r\n HoiDapApi.post(data).then(() => {\r\n setShow(false);\r\n loadHoiDaps();\r\n })\r\n }\r\n else {\r\n HoiDapApi.put(data).then(() => {\r\n setShow(false);\r\n loadHoiDaps();\r\n })\r\n }\r\n }\r\n\r\n const handleShowAdd = () => {\r\n var item = {\r\n Id: 0,\r\n ChuDe: '',\r\n NoiDung: '',\r\n GhiChu: '',\r\n HoTen: '',\r\n Email: '',\r\n Tel: '',\r\n Linked: 0,\r\n Shared: 0,\r\n Viewed: 0,\r\n Status: true\r\n };\r\n reset(item, [reset]);\r\n setSelectedOption(listCayTrong[0]);\r\n setSrcImage(noImage);\r\n setCurrentItem(item);\r\n setIsAdminCreated(true);\r\n setShow(true)\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listHoiDaps.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n HoiDapApi.getDetail(listHoiDaps[index].Id).then((response) => {\r\n reset(response, [reset]);\r\n setCurrentItem(response);\r\n var index = listCayTrong.findIndex(x => x.value === response.IdCayTrong);\r\n setSelectedOption(listCayTrong[index]);\r\n setSrcImage(response.HinhAnhs);\r\n setIsAdminCreated(response.CreatedBy !== null);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listHoiDaps.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n HoiDapApi.delete(lstId).then(() => {\r\n loadHoiDaps();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const timKiem = () => {\r\n loadHoiDaps();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listHoiDaps.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n if (listHoiDaps.findIndex(x => x.Checked === true) >= 0) {\r\n setCheckedRow(true);\r\n }\r\n else {\r\n setCheckedRow(false);\r\n }\r\n setListHoiDaps([...listHoiDaps]);\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n function loadListCayTrong() {\r\n CayTrongApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn cây trồng...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.TenCayTrong });\r\n })\r\n setListCayTrong(list);\r\n })\r\n }\r\n\r\n const onChangeCayTrong = (e) => {\r\n setSelectedOption(e);\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadHoiDaps();\r\n }\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n\r\n const colNgay_Style = {\r\n width: '120px',\r\n maxWidth: '150px'\r\n }\r\n\r\n const showModalTraLoi = () => {\r\n var lst = listHoiDaps.filter(x => x.Checked);\r\n if (lst.length > 0) {\r\n setShowTraLoi(true);\r\n setIdHoiDap(lst[0].Id);\r\n }\r\n }\r\n\r\n const closeModalTraLoi = () => {\r\n setShowTraLoi(false);\r\n }\r\n return (\r\n
\r\n
\r\n
\r\n
Hỏi đáp
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd === true ? : ''}\r\n {roleAdd === true ? : ''}\r\n {roleEdit === true ? : ''}\r\n {roleDel === true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Hỏi đáp\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
onFileSelected(e)}>\r\n
\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport MuaVuApi from '../../../api/MuaVuApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\n\r\nexport const MuaVu = () => {\r\n const [listMuaVu, setMuaVu] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [checkedRow, setCheckedRow] = useState(false);\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadMuaVus();\r\n }\r\n });\r\n\r\n const loadMuaVus = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await MuaVuApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = response.Items.length > 0 ? Math.ceil(response.TotalRow / pageSize) : 1;\r\n paginationConfig.currentPage = pageIndex;\r\n paginationConfig.onClick = function (page) {\r\n pageIndex = page;\r\n loadMuaVus();\r\n }\r\n setPaging(paginationConfig);\r\n setMuaVu(response.Items);\r\n setCheckedRow(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadMuaVus();\r\n setRoleAdd(Authen.checkQuyen('MUAVU_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('MUAVU_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('MUAVU_DELETE'));\r\n }, []);\r\n\r\n const saveData = (data) => {\r\n if (data.Id === \"0\") {\r\n MuaVuApi.post(data).then(() => {\r\n setShow(false);\r\n loadMuaVus();\r\n })\r\n }\r\n else {\r\n MuaVuApi.put(data).then(() => {\r\n setShow(false);\r\n loadMuaVus();\r\n })\r\n }\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Ten: \"\",\r\n Status: true\r\n }, [reset]);\r\n setShow(true)\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listMuaVu.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n MuaVuApi.getDetail(listMuaVu[index].Id).then((response) => {\r\n reset(response, [reset]);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listMuaVu.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n MuaVuApi.delete(lstId).then(() => {\r\n loadMuaVus();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const timKiem = () => {\r\n loadMuaVus();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listMuaVu.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n if (listMuaVu.findIndex(x => x.Checked == true) >= 0) {\r\n setCheckedRow(true);\r\n }\r\n else {\r\n setCheckedRow(false);\r\n }\r\n setMuaVu([...listMuaVu]);\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadMuaVus();\r\n }\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Mùa vụ
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Mùa vụ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst ThoiTietApi = {\r\n getPaging: (params) => { \r\n const url = '/thoitiet/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getDetail: (id) =>{\r\n const url = '/thoitiet/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n post: (data) =>{\r\n const url = '/thoitiet/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/thoitiet/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/thoitiet/delete/' + id;\r\n return axiosClient.delete(url);\r\n } \r\n}\r\n\r\nexport default ThoiTietApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport ThoiTietApi from '../../../api/ThoiTietApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\nimport moment from 'moment'\r\n\r\n\r\nimport Datetime from 'react-datetime';\r\nimport \"react-datetime/css/react-datetime.css\";\r\n\r\nexport const ThoiTiet = () => {\r\n const [listThoiTiet, setThoiTiet] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [checkedRow, setCheckedRow] = useState(false);\r\n const [startDate, setStartDate] = useState(new Date());\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadThoiTiets();\r\n }\r\n });\r\n\r\n const loadThoiTiets = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await ThoiTietApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = response.Items.length > 0 ? Math.ceil(response.TotalRow / pageSize) : 1;\r\n paginationConfig.currentPage = pageIndex;\r\n paginationConfig.onClick = function (page) {\r\n pageIndex = page;\r\n loadThoiTiets();\r\n }\r\n setPaging(paginationConfig);\r\n setThoiTiet(response.Items);\r\n setCheckedRow(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadThoiTiets();\r\n setRoleAdd(Authen.checkQuyen('THOITIET_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('THOITIET_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('THOITIET_DELETE'));\r\n }, []);\r\n\r\n const saveData = (data) => {\r\n debugger;\r\n data.Ngay=moment(startDate).format(\"DD/MM/YYYY\");\r\n if (data.Id === \"0\") {\r\n ThoiTietApi.post(data).then(() => {\r\n setShow(false);\r\n loadThoiTiets();\r\n })\r\n }\r\n else {\r\n ThoiTietApi.put(data).then(() => {\r\n setShow(false);\r\n loadThoiTiets();\r\n })\r\n }\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Ten: \"\",\r\n Status: true\r\n }, [reset]);\r\n setShow(true)\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listThoiTiet.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n ThoiTietApi.getDetail(listThoiTiet[index].Id).then((response) => {\r\n reset(response, [reset]);\r\n debugger;\r\n var d=moment(response.Ngay);\r\n\r\n setStartDate(moment(response.Ngay));\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listThoiTiet.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n ThoiTietApi.delete(lstId).then(() => {\r\n loadThoiTiets();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const timKiem = () => {\r\n loadThoiTiets();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listThoiTiet.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n if (listThoiTiet.findIndex(x => x.Checked == true) >= 0) {\r\n setCheckedRow(true);\r\n }\r\n else {\r\n setCheckedRow(false);\r\n }\r\n setThoiTiet([...listThoiTiet]);\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadThoiTiets();\r\n }\r\n }\r\n const Ngay_ValueChange=(event)=>{\r\n setStartDate(event._d);\r\n }\r\n \r\n return (\r\n
\r\n
\r\n
\r\n
Thời tiết
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Thời tiết\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n )\r\n}\r\n","const { default: axiosClient } = require(\"./axiosClient\");\r\n\r\nconst ThuocBaoVeThucVatApi = {\r\n getPaging: (params) => {\r\n const url = '/thuocbaovethucvat/paging';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getDetail: (id) =>{\r\n const url = '/thuocbaovethucvat/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n post: (data) =>{\r\n const url = '/thuocbaovethucvat/add';\r\n return axiosClient.post(url, data);\r\n },\r\n\r\n put: (data) => {\r\n const url = '/thuocbaovethucvat/edit';\r\n return axiosClient.put(url, data);\r\n },\r\n\r\n delete: (id) =>{\r\n const url = '/thuocbaovethucvat/delete/' + id;\r\n return axiosClient.delete(url);\r\n },\r\n getAll: (params) =>{\r\n const url = 'thuocbaovethucvat/getall';\r\n return axiosClient.get(url, {params});\r\n },\r\n\r\n getThongKe: (params) => {\r\n const url = '/thuocbaovethucvat/thongke';\r\n return axiosClient.get(url, {params});\r\n }\r\n}\r\n\r\nexport default ThuocBaoVeThucVatApi;","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport ThuocBaoVeThucVatApi from '../../../api/ThuocBaoVeThucVatApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\nimport { QuanLyTapTin } from '../../../shared/quanlytaptin/QuanLyTapTin';\r\nimport * as XLSX from 'xlsx';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\n\r\nexport const ThuocBaoVeThucVat = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [listThuocBaoVeThucVat, setThuocBaoVeThucVat] = useState([]);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [checkedRow, setCheckedRow] = useState(false);\r\n const [viewModal, setViewModal] = useState(false);\r\n const [selectedCay, setSelectedCay] = useState();\r\n const [danhMucCay, setDanhMucCay] = useState([]);\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadThuocBaoVeThucVats();\r\n }\r\n });\r\n\r\n var theme = {\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n }\r\n\r\n function loadDanhMucCay() {\r\n CayTrongApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: null, label: 'Chọn cây trồng...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.TenCayTrong });\r\n })\r\n setDanhMucCay(list);\r\n })\r\n }\r\n\r\n const loadThuocBaoVeThucVats = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await ThuocBaoVeThucVatApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = response.Items.length > 0 ? Math.ceil(response.TotalRow / pageSize) : 1;\r\n paginationConfig.currentPage = pageIndex;\r\n paginationConfig.onClick = function (page) {\r\n pageIndex = page;\r\n loadThuocBaoVeThucVats();\r\n }\r\n setPaging(paginationConfig);\r\n setThuocBaoVeThucVat(response.Items);\r\n setCheckedRow(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadThuocBaoVeThucVats();\r\n loadDanhMucCay();\r\n setRoleAdd(Authen.checkQuyen('THUOCBAOVETHUCVAT_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('THUOCBAOVETHUCVAT_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('THUOCBAOVETHUCVAT_DELETE'));\r\n }, []);\r\n\r\n const saveData = (data) => {\r\n data.HinhAnh = srcImage;\r\n data.IdCayTrong = selectedCay == null? null: selectedCay.value;\r\n if (data.Id === \"0\") {\r\n ThuocBaoVeThucVatApi.post(data).then(() => {\r\n setShow(false);\r\n loadThuocBaoVeThucVats();\r\n })\r\n }\r\n else {\r\n ThuocBaoVeThucVatApi.put(data).then(() => {\r\n setShow(false);\r\n loadThuocBaoVeThucVats();\r\n })\r\n }\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Ten: \"\",\r\n IdCayTrong: null,\r\n Status: true\r\n }, [reset]);\r\n setSelectedCay(null);\r\n setSrcImage(noImage);\r\n setShow(true)\r\n };\r\n\r\n const handleShowEdit = () => {\r\n let index = listThuocBaoVeThucVat.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n ThuocBaoVeThucVatApi.getDetail(listThuocBaoVeThucVat[index].id).then((response) => {\r\n const index = danhMucCay.findIndex(x=>x.value == response.IdCayTrong);\r\n if(index != -1){\r\n setSelectedCay(danhMucCay[index]);\r\n }\r\n else{\r\n setSelectedCay(null);\r\n }\r\n reset(response, [reset]);\r\n setSrcImage(response.HinhAnh);\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listThuocBaoVeThucVat.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.id);\r\n });\r\n ThuocBaoVeThucVatApi.delete(lstId).then(() => {\r\n loadThuocBaoVeThucVats();\r\n })\r\n }\r\n });\r\n }\r\n\r\n const timKiem = () => {\r\n loadThuocBaoVeThucVats();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const clickRow = (id) => {\r\n listThuocBaoVeThucVat.forEach(item => {\r\n item.Checked = false;\r\n if (item.id === id) {\r\n item.Checked = true;\r\n }\r\n });\r\n if (listThuocBaoVeThucVat.findIndex(x => x.Checked == true) >= 0) {\r\n setCheckedRow(true);\r\n }\r\n else {\r\n setCheckedRow(false);\r\n }\r\n setThuocBaoVeThucVat([...listThuocBaoVeThucVat]);\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadThuocBaoVeThucVats();\r\n }\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n const onChangeDanhMucCay = (e) => {\r\n setSelectedCay(e);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Thuốc bảo vệ thực vật
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Thuốc bảo vệ thực vật\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
onFileSelected(e)}>\r\n
\r\n\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Fade, Modal } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport SauBenhApi from '../../../api/SauBenhApi';\r\nimport '../../../css/apppublic.css';\r\nimport { confirmAlert } from 'react-confirm-alert';\r\nimport '../../../css/reactconfirm.css';\r\nimport '../../../css/reactselect.css';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport Authen from '../../../core/Authen';\r\nimport { Loading } from '../../../shared/loading/Loading';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport QuanHuyenApi from '../../../api/QuanHuyenApi';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport GiongCayTrongApi from '../../../api/GiongCayTrongApi';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport AnhHuongSauBenhApi from '../../../api/AnhHuongSauBenhApi';\r\nimport MuaVuApi from '../../../api/MuaVuApi';\r\nimport PhuongXaApi from '../../../api/PhuongXaApi';\r\n\r\n\r\nexport const AnhHuongSauBenh = () => {\r\n\r\n const { handleSubmit, reset, register, errors } = useForm();\r\n\r\n var data = require('../../../shared/Thang.json');\r\n const optionThoiGian = [...data];\r\n\r\n const [listAnhHuongSauBenh, setListAnhHuongSauBenh] = useState([]);\r\n const [roles, setRoles] = useState('');\r\n\r\n const [listSauBenh, setListSauBenh] = useState([]);\r\n\r\n const [show, setShow] = useState(false);\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [isXem, setIsXem] = useState(false);\r\n const [search, setSearch] = useState('');\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n let pageIndex = 1, pageSize = 20;\r\n\r\n const [listQuanHuyen, setListQuanHuyen] = useState([]);\r\n const [listXaPhuong, setListXaPhuong] = useState([]);\r\n\r\n\r\n const [disButtonEdit, setDisButtonEdit] = useState(true);\r\n\r\n const [optionQuanHuyens, setOptionQuanHuyen] = useState([]);\r\n const [optionXaPhuongs, setOptionXaPhuong] = useState([]);\r\n const [optionCayTrongs, setOptionCayTrong] = useState([]);\r\n const [optionGiongCayTrongs, setOptionGiongCayTrong] = useState([]);\r\n const [optionSauBenhs, setOptionSauBenh] = useState([]);\r\n const [optionMuaVus, setOptionMuaVu] = useState([]);\r\n\r\n const [quanHuyen, setQuanHuyen] = useState({ value: 0, label: 'Chọn quận huyện' });\r\n const [xaPhuong, setXaPhuong] = useState({ value: 0, label: 'Chọn xã phường' });\r\n const [cayTrong, setCayTrong] = useState({ value: 0, label: 'Chọn cây trồng' });\r\n const [giongCayTrong, setGiongCayTrong] = useState({ value: 0, label: 'Chọn giống cây trồng' });\r\n const [sauBenh, setSauBenh] = useState({ value: 0, label: 'Chọn sâu bệnh' });\r\n const [muaVu, setMuaVu] = useState({ value: 0, label: 'Chọn mùa vụ' });\r\n\r\n const [optionNgay, setOptionNgay] = useState([]);\r\n const [optionThang, setOptionThang] = useState([]);\r\n const [optionNam, setOptionNam] = useState([]);\r\n\r\n const [ngay, setNgay] = useState({ value: 0, label: '...' });\r\n const [thang, setThang] = useState({ value: 0, label: '...' });\r\n const [nam, setNam] = useState({ value: 0, label: '...' });\r\n\r\n const LoadNgay = (year, month, ngay) => {\r\n let songay = new Date(year, month, 0).getDate();\r\n let lstNgay = [{ value: 0, label: '...' }];\r\n for (let index = 0; index < songay; index++) {\r\n lstNgay.push({ value: index + 1, label: index + 1 });\r\n }\r\n setOptionNgay(lstNgay);\r\n let d = new Date().getDate();\r\n if (ngay > songay) {\r\n setNgay(lstNgay.filter(x => x.value == d));\r\n }\r\n else {\r\n if (ngay == undefined || ngay.value == 0) {\r\n setNgay({ value: 0, label: '...' });\r\n }\r\n else {\r\n let lstNgayNew = lstNgay.filter(x => x.value == ngay.value);\r\n if (lstNgayNew.length > 0) {\r\n setNgay(ngay);\r\n }\r\n else {\r\n setNgay({ value: 0, label: '...' });\r\n }\r\n }\r\n\r\n }\r\n }\r\n\r\n const LoadThang = () => {\r\n let lstThang = [{ value: 0, label: '...' }];\r\n data.forEach(x => {\r\n lstThang.push({ value: x.value, label: x.value });\r\n });\r\n setOptionThang(lstThang);\r\n let d = new Date();\r\n }\r\n\r\n const LoadNam = (sonam) => {\r\n let lstNam = [{ value: 0, label: '...' }];\r\n let date = new Date();\r\n let year = date.getFullYear();\r\n for (let index = 0; index < sonam; index++) {\r\n lstNam.push({ value: year - index, label: year - index });\r\n }\r\n setOptionNam(lstNam);\r\n }\r\n\r\n\r\n\r\n const [paginationConfig, setPaginationConfig] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: 'sm',\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadAnhHuongSauBenh();\r\n }\r\n });\r\n\r\n const onChangeSelectCayTrong = (optionSelected) => {\r\n setCayTrong(optionSelected);\r\n }\r\n\r\n const onChangeSelectGiongCayTrong = (optionSelected) => {\r\n setGiongCayTrong(optionSelected);\r\n }\r\n\r\n const onChangeSelectSauBenh = (optionSelected) => {\r\n setSauBenh(optionSelected)\r\n }\r\n\r\n const onChangeSelectMuaVu = (optionSelected) => {\r\n setMuaVu(optionSelected);\r\n }\r\n\r\n const onChangeSelectQuanHuyen = (optionSelected) => {\r\n setQuanHuyen(optionSelected);\r\n // let lstXa = [{ value: 0, label: 'Chọn xã phường' }]\r\n debugger;\r\n var maHuyen = '0';\r\n if (optionSelected.value != null) {\r\n maHuyen = optionSelected.value;\r\n }\r\n loadOptionXaPhuong(maHuyen, null);\r\n // let lst = listXaPhuong.filter(x => x.maHuyen == maHuyen || x.value == \"0\");\r\n // setOptionXaPhuong(lst);\r\n // if (lst.length > 0) {\r\n // setXaPhuong(lst[0]);\r\n // }\r\n }\r\n\r\n const loadOptionXaPhuong = (maHuyen, maXa) => {\r\n let lst = listXaPhuong.filter(x => x.maHuyen == maHuyen || x.value == \"0\");\r\n setOptionXaPhuong(lst);\r\n if (lst.length > 0) {\r\n setXaPhuong(lst[0]);\r\n }\r\n if (maXa != null && maXa != \"0\") {\r\n var index = lst.findIndex(x => x.value == maXa);\r\n if (index > 0) {\r\n setXaPhuong(lst[index]);\r\n }\r\n }\r\n }\r\n\r\n const onChangeSelectXaPhuong = (optionSelected) => {\r\n setXaPhuong(optionSelected);\r\n }\r\n\r\n const onChangeSelectNgay = (optionSelected) => {\r\n setNgay(optionSelected);\r\n }\r\n\r\n const onChangeSelectThang = (optionSelected) => {\r\n setThang(optionSelected);\r\n if (nam.value != 0 && thang.value != 0) {\r\n LoadNgay(nam.value, optionSelected.value, ngay);\r\n }\r\n\r\n }\r\n\r\n const onChangeSelectNam = (optionSelected) => {\r\n setNam(optionSelected);\r\n if (optionSelected.value != 0 && thang.value != 0) {\r\n LoadNgay(nam.value, thang.value, ngay);\r\n }\r\n }\r\n\r\n\r\n const loadAnhHuongSauBenh = async () => {\r\n try {\r\n const params = {\r\n filter: search,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize\r\n }\r\n const response = await AnhHuongSauBenhApi.getPaging(params);\r\n\r\n response.Items.forEach((x) => {\r\n x.Checked = false\r\n });\r\n setListAnhHuongSauBenh(response.Items);\r\n paginationConfig.totalPages = Math.ceil(response.TotalRows == 0 ? 1 : response.TotalRows / pageSize);\r\n paginationConfig.currentPage = pageIndex;\r\n setPaginationConfig(paginationConfig);\r\n }\r\n catch (err) { }\r\n }\r\n\r\n const rowClick = (id) => {\r\n setIsEdit(false);\r\n listAnhHuongSauBenh.forEach(element => {\r\n if (element.Id === id) {\r\n if (element.Checked === true) {\r\n element.Checked = false;\r\n }\r\n else {\r\n element.Checked = true;\r\n setIsEdit(true);\r\n setDisButtonEdit(false);\r\n }\r\n }\r\n else {\r\n element.Checked = false;\r\n }\r\n });\r\n\r\n if (listAnhHuongSauBenh.filter(element => element.Checked === true).length == 0) {\r\n setIsEdit(false);\r\n setDisButtonEdit(true);\r\n };\r\n setListAnhHuongSauBenh([...listAnhHuongSauBenh]);\r\n }\r\n\r\n const handleClose = () => {\r\n setShow(false);\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n Status: true\r\n }, [reset]);\r\n setQuanHuyen({ value: 0, label: 'Chọn quận huyện' });\r\n setXaPhuong({ value: 0, label: 'Chọn xã phường' });\r\n setCayTrong({ value: 0, label: 'Chọn cây trồng' });\r\n setGiongCayTrong({ value: 0, label: 'Chọn giống cây trồng' });\r\n setSauBenh({ value: 0, label: 'Chọn sâu bệnh' });\r\n setMuaVu({ value: 0, label: 'Chọn mùa vụ' });\r\n setNgay({ value: 0, label: '...' });\r\n setThang({ value: 0, label: '...' });\r\n setNam({ value: 0, label: '...' });\r\n\r\n setIsEdit(false);\r\n setIsXem(false);\r\n setShow(true);\r\n }\r\n\r\n const handleShowEdit = (isXem) => {\r\n setIsEdit(true);\r\n setIsXem(isXem);\r\n let index = listAnhHuongSauBenh.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n AnhHuongSauBenhApi.getDetail(listAnhHuongSauBenh[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n VungNhiemBenh: response.VungNhiemBenh,\r\n MatDo: response.MatDo,\r\n DienTichNhe: response.DienTichNhe,\r\n DienTichTrungBinh: response.DienTichTrungBinh,\r\n DienTichNang: response.DienTichNang,\r\n DienTichMatTrang: response.DienTichMatTrang,\r\n DienTichPhongTru: response.DienTichPhongTru,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n }, [reset]);\r\n\r\n setQuanHuyen(optionQuanHuyens.filter(x => x.value == response.MaHuyen).length == 0 ? { value: 0, label: 'Chọn quận huyện' } : optionQuanHuyens.filter(x => x.value == response.MaHuyen)[0]);\r\n loadOptionXaPhuong(response.MaHuyen,response.MaXa);\r\n // setXaPhuong(optionXaPhuongs.filter(x => x.value == response.IdXaPhuong).length == 0 ? { value: 0, label: 'Chọn xã phường' } : optionXaPhuongs.filter(x => x.value == response.IdXaPhuong)[0]);\r\n setCayTrong(optionCayTrongs.filter(x => x.value == response.IdCayTrong).length == 0 ? { value: 0, label: 'Chọn cây trồng' } : optionCayTrongs.filter(x => x.value == response.IdCayTrong)[0]);\r\n setGiongCayTrong(optionGiongCayTrongs.filter(x => x.value == response.IdGiongCayTrong).length == 0 ? { value: 0, label: 'Chọn giống cây trồng' } : optionGiongCayTrongs.filter(x => x.value == response.IdGiongCayTrong)[0]);\r\n setSauBenh(optionSauBenhs.filter(x => x.value == response.IdSauBenh).length == 0 ? { value: 0, label: 'Chọn Sâu bệnh' } : optionSauBenhs.filter(x => x.value == response.IdSauBenh)[0]);\r\n setMuaVu(optionMuaVus.filter(x => x.value == response.IdMuaVu).length == 0 ? { value: 0, label: 'Chọn mùa vụ' } : optionMuaVus.filter(x => x.value == response.IdMuaVu)[0]);\r\n setNgay(optionNgay.filter(x => x.value == response.Ngay).length == 0 ? { value: 0, label: '...' } : optionNgay.filter(x => x.value == response.Ngay)[0]);\r\n setThang(optionThang.filter(x => x.value == response.Thang).length == 0 ? { value: 0, label: '...' } : optionThang.filter(x => x.value == response.Thang)[0]);\r\n setNam(optionNam.filter(x => x.value == response.Nam).length == 0 ? { value: 0, label: '...' } : optionNam.filter(x => x.value == response.Nam)[0]);\r\n\r\n setShow(true);\r\n });\r\n }\r\n }\r\n\r\n // const handleShowData = () => {\r\n // setIsXem(true);\r\n // let index = listAnhHuongSauBenh.findIndex(x => x.Checked);\r\n // if (index !== -1) {\r\n // AnhHuongSauBenhApi.getDetail(listAnhHuongSauBenh[index].Id).then((response) => {\r\n // reset({\r\n // response\r\n // }, [reset]);\r\n // onChangeSelectQuanHuyen({ 'value': response.MaHuyen });\r\n // setQuanHuyen(optionQuanHuyens.filter(x => x.value == response.IdQuanHuyen).length == 0 ? { value: 0, label: 'Chọn quận huyện' } : optionQuanHuyens.filter(x => x.value == response.IdQuanHuyen)[0]);\r\n // setXaPhuong(optionXaPhuongs.filter(x => x.value == response.IdXaPhuong).length == 0 ? { value: 0, label: 'Chọn xã phường' } : optionXaPhuongs.filter(x => x.value == response.IdXaPhuong)[0]);\r\n // setCayTrong(optionCayTrongs.filter(x => x.value == response.IdCayTrong).length == 0 ? { value: 0, label: 'Chọn cây trồng' } : optionCayTrongs.filter(x => x.value == response.IdCayTrong)[0]);\r\n // setGiongCayTrong(optionGiongCayTrongs.filter(x => x.value == response.IdGiongCay).length == 0 ? { value: 0, label: 'Chọn giống cây trồng' } : optionGiongCayTrongs.filter(x => x.value == response.IdGiongCay)[0]);\r\n // setSauBenh(optionSauBenhs.filter(x => x.value == response.IdSauBenh).length == 0 ? { value: 0, label: 'Chọn Sâu bệnh' } : optionSauBenhs.filter(x => x.value == response.IdSauBenh)[0]);\r\n // setMuaVu(optionMuaVus.filter(x => x.value == response.IdGiaiDoan).length == 0 ? { value: 0, label: 'Chọn mùa vụ' } : optionMuaVus.filter(x => x.value == response.IdGiaiDoan)[0]);\r\n // setNgay(optionNgay.filter(x => x.value == response.Ngay).length == 0 ? { value: 0, label: '...' } : optionNgay.filter(x => x.value == response.Ngay)[0]);\r\n // setThang(optionThang.filter(x => x.value == response.Thang).length == 0 ? { value: 0, label: '...' } : optionThang.filter(x => x.value == response.Thang)[0]);\r\n // setNgay(optionNam.filter(x => x.value == response.Nam).length == 0 ? { value: 0, label: '...' } : optionNam.filter(x => x.value == response.Nam)[0]);\r\n\r\n // setShow(true);\r\n // });\r\n // }\r\n // }\r\n\r\n const onSubmit = async (data) => {\r\n try {\r\n\r\n data.MaHuyen = quanHuyen.value;\r\n data.MaXa = xaPhuong.value;\r\n data.IdCayTrong = cayTrong.value;\r\n data.IdGiongCayTrong = giongCayTrong.value;\r\n data.IdSauBenh = sauBenh.value;\r\n data.IdMuaVu = muaVu.value;\r\n data.Ngay = ngay.value;\r\n data.Thang = thang.value;\r\n data.Nam = nam.value;\r\n if (data.DienTichNhe == '') data.DienTichNhe = null;\r\n if (data.DienTichTrungBinh == '') data.DienTichTrungBinh = null;\r\n if (data.DienTichNang == '') data.DienTichNang = null;\r\n if (data.DienTichMatTrang == '') data.DienTichMatTrang = null;\r\n if (data.DienTichPhongTru == '') data.DienTichPhongTru = null;\r\n\r\n if (!isEdit) {\r\n const res = await AnhHuongSauBenhApi.post(data);\r\n }\r\n else {\r\n const res = await AnhHuongSauBenhApi.put(data);\r\n }\r\n setShow(false);\r\n loadAnhHuongSauBenh();\r\n }\r\n catch (ex) {\r\n }\r\n }\r\n\r\n const loadCayTrong = async () => {\r\n const rePonse = await CayTrongApi.getAll();\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n optionCayTrongs.push({ 'value': x.Id, 'label': x.TenCayTrong });\r\n })\r\n }\r\n }\r\n\r\n const loadGiongCayTrong = async () => {\r\n const rePonse = await GiongCayTrongApi.getAll();\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n optionGiongCayTrongs.push({ 'value': x.Id, 'label': x.TenGiong });\r\n })\r\n }\r\n }\r\n\r\n const loadMuaVu = async () => {\r\n const rePonse = await MuaVuApi.getAll();\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n optionMuaVus.push({ 'value': x.Id, 'label': x.Ten });\r\n })\r\n }\r\n }\r\n\r\n const loadSauBenh = async () => {\r\n const rePonse = await SauBenhApi.getAll();\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n optionSauBenhs.push({ 'value': x.Id, 'label': x.TenSauBenh });\r\n })\r\n }\r\n }\r\n\r\n const loadQuanHuyen = async () => {\r\n const rePonse = await QuanHuyenApi.getAll();\r\n if (!rePonse.length == false) {\r\n rePonse.map(x => {\r\n optionQuanHuyens.push({ 'value': x.Ma, 'label': x.Ten });\r\n })\r\n }\r\n }\r\n\r\n const loadXaPhuong = async () => {\r\n // let params = {\r\n // maHuyen: quanHuyen.value\r\n // }\r\n const rePonse = await QuanHuyenApi.getXaByHuyen();\r\n var lst = [];\r\n lst.push({ 'value': \"0\", 'label': \"Chọn xã phường\", 'maHuyen': '0' });\r\n rePonse.map(x => {\r\n lst.push({ 'value': x.maXa, 'label': x.tenXa, 'maHuyen': x.maHuyen });\r\n })\r\n debugger;\r\n setListXaPhuong(lst);\r\n }\r\n\r\n\r\n const loadNgayThang = () => {\r\n LoadNam(10);\r\n LoadThang();\r\n let d = new Date();\r\n LoadNgay(d.getFullYear(), d.getMonth() + 1, ngay);\r\n }\r\n\r\n useEffect(() => {\r\n loadAnhHuongSauBenh();\r\n loadQuanHuyen();\r\n loadXaPhuong();\r\n loadCayTrong();\r\n loadGiongCayTrong();\r\n loadMuaVu();\r\n loadSauBenh();\r\n loadNgayThang();\r\n setRoleAdd(Authen.checkQuyen('ANHHUONGSAUBENH_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('ANHHUONGSAUBENH_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('ANHHUONGSAUBENH_DELETE'));\r\n }, []);\r\n\r\n const setFilter = (e) => {\r\n setSearch(e.target.value);\r\n }\r\n\r\n\r\n const alertDell = async () => {\r\n let lstChecked = listAnhHuongSauBenh.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n AnhHuongSauBenhApi.delete(lstChecked[0].Id).then(() => {\r\n loadAnhHuongSauBenh();\r\n })\r\n });\r\n }\r\n }\r\n\r\n const Timkiem = () => {\r\n loadAnhHuongSauBenh();\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Ảnh hưởng sâu Bệnh
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n Ảnh hưởng sâu bệnh\r\n \r\n \r\n \r\n \r\n \r\n Lưu\r\n Hủy\r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Button } from 'react-bootstrap';\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport ThongBao from '../../../core/ThongBao';\r\nimport { Tab, Tabs, TabList, TabPanel } from 'react-tabs';\r\nimport 'react-tabs/style/react-tabs.css';\r\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\r\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\r\nimport Authen from '../../../core/Authen';\r\nimport Ultility from '../../../core/Ultility';\r\nimport { param, post } from 'jquery';\r\nimport { now } from 'moment';\r\nimport DienTichSanXuatApi from '../../../api/DienTichSanXuatApi';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport MuaVuApi from '../../../api/MuaVuApi';\r\nimport PhuongXaApi from '../../../api/PhuongXaApi';\r\nimport QuanHuyenApi from '../../../api/QuanHuyenApi';\r\n\r\nexport const DienTichSanXuat = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n\r\n const [roleAdd, setRoleAdd] = useState(false);\r\n const [roleEdit, setRoleEdit] = useState(false);\r\n const [roleDel, setRoleDel] = useState(false);\r\n const [isEdit, setIsEdit] = useState(false);\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [filter, setFilter] = useState('');\r\n const [srcImage, setSrcImage] = useState(noImage);\r\n const [viewModal, setViewModal] = useState(false);\r\n const [listDienTichSanXuats, setListDienTichSanXuats] = useState([]);\r\n const [dienTichSanXuatModal, setDienTichSanXuatModal] = useState({ DienTichSanXuat });\r\n\r\n const [selectedQuanHuyen, setSelectedQuanHuyen] = useState();\r\n const [danhMucQuanHuyen, setDanhMucQuanHuyen] = useState([]);\r\n const [selectedPhuongXa, setSelectedPhuongXa] = useState();\r\n const [danhMucPhuongXa, setDanhMucPhuongXa] = useState([]);\r\n const [selectedCay, setSelectedCay] = useState();\r\n const [danhMucCay, setDanhMucCay] = useState([]);\r\n const [selectedMuaVu, setSelectedMuaVu] = useState();\r\n const [danhMucMuaVu, setDanhMucMuaVu] = useState([]);\r\n\r\n const [timListQuanHuyen, setTimListQuanHuyen] = useState([]);\r\n const [timListPhuongXa, setTimListPhuongXa] = useState([]);\r\n const [timListCayTrong, setTimListCayTrong] = useState([]);\r\n const [timListMuaVu, setTimListMuaVu] = useState([]);\r\n const [timQuanHuyen, setTimQuanHuyen] = useState();\r\n const [timXaPhuong, setTimXaPhuong] = useState();\r\n const [timCayTrong, setTimCayTrong] = useState();\r\n const [timMuaVu, setTimMuaVu] = useState();\r\n const [timListNam, setTimListNam] = useState([]);\r\n const [timNam, setTimNam] = useState();\r\n const [timThang, setTimThang] = useState();\r\n const [timNgay, setTimNgay] = useState();\r\n const [isXem, setIsXem] = useState(false);\r\n var theme = {\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n }\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadDienTichSanXuat();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadDienTichSanXuat();\r\n loadQuanHuyen();\r\n loadDanhMucCay();\r\n loadDanhMucMuaVu();\r\n loadDanhMucNam();\r\n setRoleAdd(Authen.checkQuyen('DIENTICHSANXUAT_CREATE'));\r\n setRoleEdit(Authen.checkQuyen('DIENTICHSANXUAT_UPDATE'));\r\n setRoleDel(Authen.checkQuyen('DIENTICHSANXUAT_DELETE'));\r\n }, []);\r\n\r\n const loadDienTichSanXuat = async () => {\r\n try {\r\n const idQuanHuyen = timQuanHuyen == undefined ? '' : timQuanHuyen.value;\r\n const idXaPhuong = timXaPhuong == undefined ? '' : timXaPhuong.value;\r\n const idCayTrong = timCayTrong == undefined ? 0 : timCayTrong.value;\r\n const idMuaVu = timMuaVu == undefined ? 0 : timMuaVu.value;\r\n const nam = timNam == undefined ? 0 : timNam.value;\r\n const thang = timThang == undefined ? 0 : timThang;\r\n const ngay = timNgay == undefined ? 0 : timNgay;\r\n const params = {\r\n filter: filter,\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n idQuanHuyen: idQuanHuyen,\r\n idXaPhuong: idXaPhuong,\r\n idCayTrong: idCayTrong,\r\n idMuaVu: idMuaVu,\r\n nam: nam,\r\n thang: thang,\r\n ngay: ngay\r\n }\r\n const response = await DienTichSanXuatApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRows / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListDienTichSanXuats(response.Items);\r\n setIsEdit(false);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n function loadQuanHuyen() {\r\n QuanHuyenApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: '', label: 'Chọn quận huyện...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Ma, label: item.Ten });\r\n })\r\n setDanhMucQuanHuyen(list);\r\n setTimListQuanHuyen(list);\r\n })\r\n }\r\n\r\n function loadPhuongXa(idQuanHuyen, isTimKiem, maXa) {\r\n const params = {\r\n maHuyen: Number(idQuanHuyen.value == undefined ? '' : idQuanHuyen.value)\r\n }\r\n QuanHuyenApi.getXaByHuyen(params).then((response) => {\r\n let list = [];\r\n list.push({ value: '', label: 'Chọn phường xã...' });\r\n response.forEach(item => {\r\n list.push({ value: item.maXa, label: item.tenXa });\r\n })\r\n if (isTimKiem == true) {\r\n setTimListPhuongXa(list);\r\n setTimXaPhuong(list[0]);\r\n }\r\n else {\r\n setDanhMucPhuongXa(list);\r\n var index = list.findIndex(x => x.value == maXa);\r\n if (index >= 0) {\r\n setSelectedPhuongXa(list[index]);\r\n }\r\n else {\r\n setSelectedPhuongXa(list[0]);\r\n }\r\n }\r\n })\r\n }\r\n\r\n function loadDanhMucCay() {\r\n CayTrongApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: '', label: 'Chọn cây trồng...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.TenCayTrong });\r\n })\r\n setDanhMucCay(list);\r\n setTimListCayTrong(list);\r\n })\r\n }\r\n\r\n function loadDanhMucMuaVu() {\r\n MuaVuApi.getAll().then((response) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn mùa vụ...' });\r\n response.forEach(item => {\r\n list.push({ value: item.Id, label: item.Ten });\r\n })\r\n setDanhMucMuaVu(list);\r\n setTimListMuaVu(list);\r\n })\r\n }\r\n\r\n const loadDanhMucNam = () => {\r\n const endYear = new Date().getFullYear();\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn năm...' });\r\n for (let i = 2000; i <= endYear; i++) {\r\n list.push({ value: i, label: i });\r\n }\r\n setTimListNam(list);\r\n }\r\n\r\n const timKiem = () => {\r\n loadDienTichSanXuat();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const setSelectedToData = () => {\r\n dienTichSanXuatModal.IdCayTrong = null;\r\n dienTichSanXuatModal.IdMuaVu = null;\r\n const idQuanHuyen = selectedQuanHuyen == undefined ? '' : selectedQuanHuyen.value;\r\n const idXaPhuong = selectedPhuongXa == undefined ? '' : selectedPhuongXa.value;\r\n dienTichSanXuatModal.MaHuyen = idQuanHuyen;\r\n dienTichSanXuatModal.MaXa = idXaPhuong;\r\n if (selectedCay != undefined && selectedCay != null && selectedCay != 0) {\r\n dienTichSanXuatModal.IdCayTrong = selectedCay.value;\r\n }\r\n if (selectedMuaVu != undefined && selectedMuaVu != null && selectedMuaVu != 0) {\r\n dienTichSanXuatModal.IdMuaVu = selectedMuaVu.value;\r\n }\r\n }\r\n\r\n const saveData = (data) => {\r\n try {\r\n if (selectedCay == null || selectedCay.value == '') {\r\n ThongBao.prinWarningMessage(\"Bạn chưa nhập cây trồng.\");\r\n }\r\n else {\r\n setSelectedToData();\r\n if (dienTichSanXuatModal.Id === 0 || dienTichSanXuatModal.Id == null) {\r\n dienTichSanXuatModal.Id = 0;\r\n dienTichSanXuatModal.CreatedDate = new Date();\r\n DienTichSanXuatApi.post(dienTichSanXuatModal).then(() => {\r\n setShow(false);\r\n ThongBao.printSuccessMessage(\"Đã cập nhật thành công\");\r\n loadDienTichSanXuat();\r\n })\r\n }\r\n else {\r\n dienTichSanXuatModal.UpdatedDate = new Date();\r\n DienTichSanXuatApi.put(dienTichSanXuatModal).then(() => {\r\n setShow(false);\r\n ThongBao.printSuccessMessage(\"Đã cập nhật thành công\");\r\n loadDienTichSanXuat();\r\n })\r\n }\r\n }\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listDienTichSanXuats.forEach(element => {\r\n if (element.Id === id) {\r\n element.Checked = !element.Checked;\r\n }\r\n })\r\n let index = listDienTichSanXuats.findIndex(x => x.Checked);\r\n if (index >= 0) {\r\n setIsEdit(true);\r\n }\r\n else {\r\n setIsEdit(false);\r\n }\r\n setListDienTichSanXuats([...listDienTichSanXuats]);\r\n }\r\n\r\n const checkBoHandler = () => {\r\n\r\n }\r\n\r\n const handleShowAdd = () => {\r\n reset({\r\n Id: 0,\r\n TenCayTrong: \"\",\r\n Status: true\r\n }, [reset]);\r\n setDienTichSanXuatModal({\r\n Id: 0,\r\n TenCayTrong: \"\",\r\n Status: true\r\n });\r\n setIsXem(false);\r\n setSrcImage(noImage);\r\n setSelectedQuanHuyen(null);\r\n setSelectedPhuongXa(null);\r\n setSelectedCay(null);\r\n setSelectedMuaVu(null);\r\n setShow(true);\r\n };\r\n\r\n const handleShowEdit = (isXem) => {\r\n let index = listDienTichSanXuats.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n DienTichSanXuatApi.getDetail(listDienTichSanXuats[index].Id).then((response) => {\r\n reset({\r\n Id: response.Id,\r\n IdQuanHuyen: response.IdQuanHuyen,\r\n IdXaPhuong: response.IdXaPhuong,\r\n Ngay: response.Ngay,\r\n Thang: response.Thang,\r\n Nam: response.Nam,\r\n IdCayTrong: response.IdCayTrong,\r\n IdMuaVu: response.IdMuaVu,\r\n GiongCays: response.GiongCays,\r\n LoaiDat: response.LoaiDat,\r\n DienTich: response.DienTich,\r\n NangSuat: response.NangSuat,\r\n SanLuong: response.SanLuong,\r\n GhiChu: response.GhiChu,\r\n Status: response.Status,\r\n Delete: response.Delete,\r\n CreatedBy: response.CreatedBy,\r\n CreatedDate: response.CreatedDate,\r\n UpdatedBy: response.UpdatedBy,\r\n UpdatedDate: response.UpdatedDate\r\n }, [reset]);\r\n setDienTichSanXuatModal(response);\r\n setShow(true);\r\n setIsEdit(true);\r\n setIsXem(isXem);\r\n setSelectedQuanHuyen(null);\r\n setSelectedPhuongXa(null);\r\n setSelectedCay(null);\r\n setSelectedMuaVu(null);\r\n var idQuan = danhMucQuanHuyen.findIndex(x => x.value == response.MaHuyen);\r\n if (idQuan >= 0) {\r\n setSelectedQuanHuyen(danhMucQuanHuyen[idQuan]);\r\n }\r\n loadPhuongXa({ value: response.MaHuyen }, false, response.MaXa)\r\n var idCay = danhMucCay.findIndex(x => x.value == response.IdCayTrong);\r\n if (idCay >= 0) {\r\n setSelectedCay(danhMucCay[idCay]);\r\n }\r\n var idMua = danhMucMuaVu.findIndex(x => x.value == response.IdMuaVu);\r\n if (idMua > 0) {\r\n setSelectedMuaVu(danhMucMuaVu[idMua]);\r\n }\r\n });\r\n }\r\n }\r\n\r\n const handleShowDel = () => {\r\n ThongBao.printConfirmationDialog(\"Bạn có đồng ý xóa dữ liệu đã chọn hay không?\", () => {\r\n let lstChecked = listDienTichSanXuats.filter(x => x.Checked);\r\n if (lstChecked.length > 0) {\r\n let lstId = [];\r\n lstChecked.forEach(element => {\r\n lstId.push(element.Id);\r\n });\r\n DienTichSanXuatApi.delete(lstId).then(() => {\r\n loadDienTichSanXuat();\r\n setIsEdit(false);\r\n })\r\n }\r\n });\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadDienTichSanXuat();\r\n }\r\n }\r\n\r\n const openModalImage = () => {\r\n setViewModal(true);\r\n }\r\n\r\n\r\n const closeModalImage = () => {\r\n setViewModal(false);\r\n }\r\n\r\n const onFileSelected = (event) => {\r\n setSrcImage(event);\r\n }\r\n\r\n const changeTab = () => {\r\n reset({\r\n Id: dienTichSanXuatModal.Id,\r\n IdQuanHuyen: dienTichSanXuatModal.IdQuanHuyen,\r\n IdXaPhuong: dienTichSanXuatModal.IdXaPhuong,\r\n Ngay: dienTichSanXuatModal.Ngay,\r\n Thang: dienTichSanXuatModal.Thang,\r\n Nam: dienTichSanXuatModal.Nam,\r\n IdCayTrong: dienTichSanXuatModal.IdCayTrong,\r\n IdMuaVu: dienTichSanXuatModal.IdMuaVu,\r\n GiongCays: dienTichSanXuatModal.GiongCays,\r\n LoaiDat: dienTichSanXuatModal.LoaiDat,\r\n DienTich: dienTichSanXuatModal.DienTich,\r\n NangSuat: dienTichSanXuatModal.NangSuat,\r\n SanLuong: dienTichSanXuatModal.SanLuong,\r\n GhiChu: dienTichSanXuatModal.GhiChu,\r\n Status: dienTichSanXuatModal.Status,\r\n Delete: dienTichSanXuatModal.Delete,\r\n CreatedBy: dienTichSanXuatModal.CreatedBy,\r\n CreatedDate: dienTichSanXuatModal.CreatedDate,\r\n UpdatedBy: dienTichSanXuatModal.UpdatedBy,\r\n UpdatedDate: dienTichSanXuatModal.UpdatedDate\r\n }, [reset])\r\n }\r\n\r\n const onChangeDanhMucQuanHuyen = (e) => {\r\n setSelectedQuanHuyen(e);\r\n loadPhuongXa(e, false, null);\r\n }\r\n\r\n const onChangeDanhMucPhuongXa = (e) => {\r\n setSelectedPhuongXa(e);\r\n }\r\n\r\n const onChangeDanhMucCay = (e) => {\r\n setSelectedCay(e);\r\n }\r\n\r\n const onChangeDanhMucMuaVu = (e) => {\r\n setSelectedMuaVu(e);\r\n }\r\n\r\n // TÌM KIẾM\r\n const onChangeTimQuanHuyen = (e) => {\r\n setTimQuanHuyen(e);\r\n loadPhuongXa(e, true, null);\r\n }\r\n\r\n const onChangeTimXaPhuong = (e) => {\r\n setTimXaPhuong(e);\r\n }\r\n\r\n const onChangeTimCayTrong = (e) => {\r\n setTimCayTrong(e);\r\n }\r\n\r\n const onChangeTimMuaVu = (e) => {\r\n setTimMuaVu(e);\r\n }\r\n\r\n const onChangeTimNam = (e) => {\r\n setTimNam(e);\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Diện tích sản xuất
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleAdd == true ? : ''}\r\n {roleEdit == true ? : ''}\r\n {roleDel == true ? : ''}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Chi tiết\r\n \r\n \r\n \r\n \r\n \r\n {isXem==false && \r\n }\r\n \r\n \r\n \r\n
\r\n )\r\n\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Tabs, Tab } from 'react-bootstrap';\r\nimport {SauBenh} from '../sauvabenh/sauvabenh';\r\n\r\nexport const BenhHaiCayTrong = () => {\r\n \r\n\r\n return (\r\n <>\r\n
\r\n \r\n )\r\n}\r\n\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal, Tabs, Tab } from 'react-bootstrap';\r\nimport {SauBenh} from '../sauvabenh/sauvabenh';\r\n\r\nexport const SinhVatGayHai = () => {\r\n \r\n\r\n return (\r\n <>\r\n
\r\n \r\n )\r\n}\r\n\r\n","import moment from 'moment';\r\nimport React, { useEffect, useState } from 'react'\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport DateRangePicker from 'react-bootstrap-daterangepicker';\r\nimport LichSuChanDoanApi from '../../../api/LichSuChanDoanApi';\r\nimport Authen from '../../../core/Authen';\r\nimport ThongBao from '../../../core/ThongBao';\r\n\r\nexport const LichSuChanDoan = () => {\r\n const [listLichSuChanDoans, setLichSuChanDoan] = useState([]);\r\n const [filter, setFilter] = useState('');\r\n const [isEdit, setIsEdit] = useState(false);\r\n var [tuNgay, setTuNgay] = useState(new Date());\r\n var [denNgay, setDenNgay] = useState(new Date());\r\n const [roleDel, setRoleDel] = useState(false);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadLichSuChanDoan();\r\n }\r\n });\r\n\r\n const loadLichSuChanDoan = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n keyword: filter,\r\n idCayTrong: 0,\r\n idSauBenh: 0,\r\n tuNgay: moment(tuNgay).format('DD/MM/YYYY'),\r\n denNgay: moment(denNgay).format('DD/MM/YYYY')\r\n }\r\n const response = await LichSuChanDoanApi.getPaging(params);\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n });\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n if (response.TotalRow == 0) {\r\n paginationConfig.totalPages = 1;\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setLichSuChanDoan(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadLichSuChanDoan();\r\n setRoleDel(Authen.checkQuyen('NHATKYSUDUNG_DELETE'));\r\n }, []);\r\n\r\n const timKiem = () => {\r\n loadLichSuChanDoan();\r\n }\r\n\r\n function onChangeFilter(e) {\r\n setFilter(e.target.value)\r\n }\r\n\r\n const handleShowDel = () => {\r\n let index = listLichSuChanDoans.findIndex(x => x.Checked);\r\n if (index !== -1) {\r\n ThongBao.printConfirmationDialog(\"Bạn có muốn xóa bản ghi này không?\", () => {\r\n LichSuChanDoanApi.delete(listLichSuChanDoans[index].Id).then(() => {\r\n ThongBao.printSuccessMessage(\"Xóa thành công!\");\r\n loadLichSuChanDoan();\r\n })\r\n });\r\n }\r\n }\r\n\r\n const clickRow = (id) => {\r\n listLichSuChanDoans.forEach(item => {\r\n if (item.Id === id) {\r\n item.Checked = !item.Checked;\r\n }\r\n });\r\n setLichSuChanDoan([...listLichSuChanDoans]);\r\n let list = listLichSuChanDoans.filter(x => x.Checked);\r\n if (list.length !== 0) {\r\n setIsEdit(true);\r\n }\r\n else{\r\n setIsEdit(false);\r\n }\r\n }\r\n\r\n const handleCallback = (start, end, label) => {\r\n tuNgay = start;\r\n denNgay = end;\r\n setTuNgay(tuNgay);\r\n setDenNgay(denNgay);\r\n loadLichSuChanDoan();\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
Lịch sử chẩn đoán
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {roleDel == true?:''}\r\n
\r\n
\r\n
\r\n
\r\n\r\n );\r\n}\r\n","import axiosClient from './axiosClient';\r\n\r\nconst SlideApi = {\r\n\r\n createSlide: (params) => {\r\n const url = '/Slide/create';\r\n return axiosClient.post(url, params);\r\n\r\n },\r\n getDetail: (id) =>{\r\n const url = '/Slide/getbyid/' + id;\r\n return axiosClient.get(url);\r\n },\r\n\r\n updateSlide: (params) => {\r\n const url = '/Slide/update';\r\n return axiosClient.put(url, params);\r\n },\r\n\r\n DeleteSlide: (Id) => {\r\n const url = '/Slide/delete/' + Id;\r\n return axiosClient.delete(url);\r\n },\r\n\r\n getSlide: (params) => {\r\n const url = '/Slide/paging';\r\n return axiosClient.get(url, { params });\r\n },\r\n\r\n getAll: (params) => {\r\n const url = '/Slide/getall';\r\n return axiosClient.get(url, { params });\r\n }\r\n\r\n}\r\n\r\nexport default SlideApi;","import React from 'react';\r\nimport { Sidebar } from '../shared/sidebar/Sidebar';\r\nimport { Header } from '../shared/header/Header';\r\nimport Switch from 'react-bootstrap/esm/Switch';\r\nimport { Home } from './home/Home';\r\nimport { Route } from 'react-router-dom';\r\n\r\nimport { LienHe } from './tienich/lienhe/LienHe';\r\nimport { Trang } from './tienich/trang/Trang';\r\nimport { BanDo } from './bando/BanDo';\r\nimport { GopY } from './tienich/gopy/GopY';\r\nimport { HuongDan } from './tienich/huongdan/huongdan';\r\nimport { NhomQuyen } from './hethong/nhomquyen/NhomQuyen';\r\nimport { TaiKhoan } from './hethong/taikhoan/TaiKhoan';\r\nimport { PhanQuyen } from './hethong/phanquyen/PhanQuyen';\r\nimport { BaoCao } from './baocao/BaoCao';\r\nimport { NhatKyDangNhap } from './hethong/nhatkydangnhap/nhatkydangnhap';\r\nimport { NhatKySuDung } from './hethong/nhatkysudung/nhatkysudung';\r\nimport { Database } from './hethong/database/database';\r\nimport { HuongDanAddEdit } from './tienich/huongdan/huongdanaddedit';\r\nimport { Post} from './tienich/post/post';\r\nimport { PostCategory} from './tienich/post/postcategory';\r\nimport { SauBenh} from './saubenh/sauvabenh/sauvabenh';\r\nimport { CayTrong } from './tienich/caytrong/CayTrong';\r\nimport { GiongCayTrong } from './tienich/giongcaytrong/GiongCayTrong'\r\nimport { DacDiemTrieuChung } from './saubenh/dacdiemtrieuchung/dacdiemtrieuchung';\r\nimport { GiaiDoanPhatTrien } from './tienich/giaidoanphattrien/GiaiDoanPhatTrien';\r\nimport { DonViCungCap } from './tienich/donvicungcap/DonViCungCap';\r\nimport { HoiDap } from './tienich/hoidap/hoidap'\r\nimport { MuaVu } from './tienich/muavu/muavu'\r\nimport { ThoiTiet } from './tienich/thoitiet/thoitiet'\r\nimport { ThuocBaoVeThucVat } from './tienich/thuocbaovethucvat/thuocbaovethucvat'\r\nimport { AnhHuongSauBenh } from './saubenh/anhhuongsaubenh/anhhuongsaubenh';\r\nimport { ImportExcel } from './tienich/importexcel/ImportExcel';\r\nimport { DienTichSanXuat } from './tienich/dientichsanxuat/DienTichSanXuat';\r\nimport { BenhHaiCayTrong } from './saubenh/benhhaicaytrong/benhhaicaytrong';\r\nimport { SinhVatGayHai } from './saubenh/sinhvatgayhai/sinhvatgayhai';\r\nimport { LichSuChanDoan } from './hethong/lichsuchandoan/lichsuchandoan';\r\nimport { Slide} from './tienich/slide/Slide';\r\n\r\nexport const Main = () => {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import $ from 'jquery';\nconst runFunc = {\n run: () => {\n // $(\"body\").toggleClass(\"sidebar-toggled\");\n // $(\".sidebar\").toggleClass(\"toggled\");\n \n $(\"#sidebarToggle, #sidebarToggleTop\").on('click', function (e) {\n $(\"body\").toggleClass(\"sidebar-toggled\");\n $(\".sidebar\").toggleClass(\"toggled\");\n if ($(\".sidebar\").hasClass(\"toggled\")) {\n // $('.sidebar .collapse').collapse('hide');\n };\n });\n\n // Close any open menu accordions when window is resized below 768px\n $(window).resize(function () {\n if ($(window).width() < 768) {\n $('.sidebar .collapse').collapse('hide');\n };\n\n // Toggle the side navigation when window is resized below 480px\n if ($(window).width() < 480 && !$(\".sidebar\").hasClass(\"toggled\")) {\n $(\"body\").addClass(\"sidebar-toggled\");\n $(\".sidebar\").addClass(\"toggled\");\n $('.sidebar .collapse').collapse('hide');\n };\n });\n\n // Prevent the content wrapper from scrolling when the fixed side navigation hovered over\n $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function (e) {\n if ($(window).width() > 768) {\n var e0 = e.originalEvent,\n delta = e0.wheelDelta || -e0.detail;\n this.scrollTop += (delta < 0 ? 1 : -1) * 30;\n e.preventDefault();\n }\n });\n\n // Scroll to top button appear\n $(document).on('scroll', function () {\n var scrollDistance = $(this).scrollTop();\n if (scrollDistance > 100) {\n $('.scroll-to-top').fadeIn();\n } else {\n $('.scroll-to-top').fadeOut();\n }\n });\n\n // Smooth scrolling using jQuery easing\n $(document).on('click', 'a.scroll-to-top', function (e) {\n var $anchor = $(this);\n $('html, body').stop().animate({\n scrollTop: ($($anchor.attr('href')).offset().top)\n }, 1000, 'easeInOutExpo');\n e.preventDefault();\n });\n }\n\n}; // End of use strict\nexport default runFunc;","import React, { useState, useEffect } from 'react'\r\nimport SlideApi from '../../api/SlideApi'\r\nimport Slider from \"react-slick\";\r\n\r\nexport const Slide = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n const [listSlide, setListSlide] = useState([]);\r\n\r\n const loadSlide = async () => {\r\n const res = await SlideApi.getAll({ type: 2 });\r\n setListSlide(res);\r\n }\r\n\r\n useEffect(() => {\r\n loadSlide();\r\n }, []);\r\n\r\n\r\n\r\n var settings = {\r\n dots: false,\r\n infinite: true,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n autoplaySpeed: 3000,\r\n pauseOnHover: true,\r\n arrows: false\r\n };\r\n\r\n var slide_Style = {\r\n height: '350px'\r\n }\r\n\r\n var slideItem_Style = {\r\n width: '100%',\r\n height: \"350px\"\r\n }\r\n var textItem_Style = {\r\n textAlign: \"center\"\r\n }\r\n\r\n return (\r\n
\r\n
\r\n {listSlide.map((item, key) => {\r\n return (\r\n \r\n )\r\n })}\r\n \r\n
\r\n\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport PostApi from '../src/api/PostApi'\r\nimport TrangApi from '../src/api/TrangApi'\r\nimport SauBenhApi from '../src/api/SauBenhApi'\r\nimport { Slide } from '../src/public/website/slide'\r\nimport Slider from \"react-slick\";\r\nimport { NavLink } from 'react-router-dom';\r\nimport { Home } from './main/home/Home'\r\nimport LuotTruyCapApi from './api/LuotTruyCapApi'\r\nimport SlideApi from './api/SlideApi'\r\nimport LienHeApi from './api/LienHeApi'\r\n\r\n\r\nexport const TrangChu = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [listTopPage, setListTopPage] = useState([]);\r\n const [listButomPage, setListButomPage] = useState([]);\r\n const [listPostHotFlag, setListPostHotFlag] = useState([]);\r\n const [listSauBenh, setListSauBenh] = useState([]);\r\n const [listLuotTruyCap, setLuotTruyCap] = useState([]);\r\n const [listSlide, setListSlide] = useState([]);\r\n const [lienHe, setLienHe] = useState({});\r\n\r\n const loadTrangs = async () => {\r\n const res = await TrangApi.getAll();\r\n var lstTop = [];\r\n var lstButom = [];\r\n var lstTopAlias = [] = ['gioi-thieu-tinh-nang', 'gioi-thieu-website', 'tinh-nang-noi-bat'];\r\n var lstButomAlias = [] = ['gioi-thieu-ban-do', 'gioi-thieu-phan-bon'];\r\n lstTopAlias.forEach(element => {\r\n var temp = res.filter(x => x.Alias == element);\r\n if (temp.length > 0) {\r\n lstTop.push(...temp);\r\n }\r\n });\r\n lstButomAlias.forEach(element => {\r\n var temp = res.filter(x => x.Alias == element);\r\n if (temp.length > 0) {\r\n lstButom.push(...temp);\r\n }\r\n });\r\n setListTopPage(lstTop);\r\n setListButomPage(lstButom);\r\n }\r\n\r\n const loadBaiVietTrangChu = async () => {\r\n const res = await PostApi.getHotFlag();\r\n setListPostHotFlag(res);\r\n }\r\n\r\n const loadLuotTruyCap = async () => {\r\n const res = await LuotTruyCapApi.getAll();\r\n setLuotTruyCap(res);\r\n }\r\n\r\n const loadSauBenh = async () => {\r\n const res = await SauBenhApi.getAll();\r\n setListSauBenh(res);\r\n }\r\n\r\n const loadSlide = async () => {\r\n const res = await SlideApi.getAll({ type: 3 });\r\n setListSlide(res);\r\n }\r\n\r\n useEffect(() => {\r\n loadLienHe();\r\n loadTrangs();\r\n loadSlide();\r\n loadBaiVietTrangChu();\r\n loadSauBenh();\r\n loadLuotTruyCap();\r\n }, []);\r\n\r\n const loadLienHe = async () => {\r\n const params = {\r\n keyword: '',\r\n pageIndex: 1,\r\n pageSize: 20\r\n }\r\n const res = await LienHeApi.getLienHe(params);\r\n if (res.Items.length > 0) {\r\n setLienHe(res.Items[0]);\r\n }\r\n }\r\n\r\n var settings = {\r\n dots: false,\r\n infinite: true,\r\n slidesToShow: window.innerWidth < 600 ? 1 : 4,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n autoplaySpeed: 3000,\r\n pauseOnHover: true,\r\n arrows: false\r\n };\r\n var slide_Style = {\r\n height: '200px'\r\n }\r\n\r\n var slideItem_Style = {\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n padding: \"0px 5px\",\r\n height: \"160px\",\r\n maxWidth: \"100%\"\r\n }\r\n var textItem_Style = {\r\n textAlign: \"center\"\r\n }\r\n\r\n\r\n\r\n\r\n var settingsApp = {\r\n dots: false,\r\n infinite: true,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n autoplay: true,\r\n autoplaySpeed: 3000,\r\n pauseOnHover: true,\r\n arrows: false\r\n };\r\n\r\n var slide_StyleApp = {\r\n height: '600px'\r\n }\r\n\r\n var slideItem_StyleApp = {\r\n width: '100%',\r\n height: \"600px\"\r\n }\r\n return (\r\n <>\r\n
\r\n
\r\n {listButomPage.map((item, key) => {\r\n return (\r\n
\r\n )\r\n })}\r\n
\r\n
\r\n
\r\n
DANH MỤC SÂU BỆNH
\r\n \r\n
\r\n
\r\n
\r\n {listSauBenh.map((item, key) => {\r\n return (\r\n \r\n
\r\n \r\n {item.TenSauBenh}
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Thông kê truy cập
\r\n \r\n
\r\n
\r\n {\r\n listLuotTruyCap.map((item, key) => {\r\n return (\r\n
\r\n {item.SoLuong} \r\n {item.Name}\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
TIN TỨC
\r\n \r\n
\r\n
\r\n
\r\n {listPostHotFlag.map((item, key) => {\r\n return (\r\n \r\n
\r\n \r\n {item.Name}
\r\n \r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n
ỨNG DỤNG QUẢN LÝ SÂU BỆNH
\r\n \r\n
\r\n
\r\n
\r\n {listSlide.map((item, key) => {\r\n return (\r\n \r\n )\r\n })}\r\n \r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\n\r\nexport const Footer = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n const [lienHe, setLienHe] = useState({});\r\n\r\n useEffect(() => {\r\n debugger;\r\n if(props.lienHe != null){\r\n setLienHe(props.lienHe);\r\n }\r\n }, [props.lienHe]);\r\n\r\n return (\r\n <>\r\n
\r\n \r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport PostApi from '../../api/PostApi'\r\nimport PostCategoryApi from '../../api/PostCategoryApi'\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport { Link, NavLink, Route, useParams, withRouter } from 'react-router-dom';\r\n/* import { defaultProps } from 'react-select/src/Select'; */\r\n\r\nexport const BaiViet = (props) => {\r\n\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n const [listBaiViets, setListBaiViet] = useState([]);\r\n const [postCategory, setPostCategory] = useState({});\r\n const [filter, setFilter] = useState('');\r\n const [listNoiBats, setListNoiBat] = useState([]);\r\n const [listNews, setListNew] = useState([]);\r\n\r\n const { IdDanhMuc } = useParams();\r\n useEffect(() => {\r\n loadBaiViet();\r\n loadCategory();\r\n loadNoiBat();\r\n loadTinMoi();\r\n }, []);\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadBaiViet();\r\n }\r\n });\r\n\r\n const loadCategory = async () => {\r\n const category = await PostCategoryApi.getDetail(IdDanhMuc);\r\n setPostCategory(category);\r\n }\r\n\r\n const loadBaiViet = async () => {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n categoryId: IdDanhMuc,\r\n filter: filter\r\n }\r\n var res = await PostApi.getPagingByCategory(params);\r\n setListBaiViet(res.Items);\r\n paginationConfig.totalPages = 1;\r\n if (res.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(res.TotalRow / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n }\r\n\r\n const loadNoiBat = async () => {\r\n var res = await PostApi.getTinNoiBat();\r\n setListNoiBat(res);\r\n }\r\n\r\n const loadTinMoi = async () => {\r\n var res = await PostApi.getTinMoi();\r\n setListNew(res);\r\n }\r\n\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n listBaiViets.map((item, key) => {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {item.name}
\r\n \r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Tin nổi bật
\r\n {\r\n listNoiBats.map((item, key) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {item.name}
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
Tin mới nhất
\r\n {\r\n listNews.map((item, key) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {item.name}
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n )\r\n}","import React, { useState, useEffect } from 'react'\r\nimport TrangApi from '../../api/TrangApi';\r\nimport { useParams } from 'react-router';\r\nimport { Slide } from '../../public/website/slide'\r\n\r\nexport const Trang = () => {\r\n const [trangModel, setTrangModel] = useState({});\r\n let { alias } = useParams();\r\n const loadByAlias = async () => {\r\n try {\r\n alias = alias.replace(\".html\", \"\");\r\n const params = {\r\n alias: alias\r\n }\r\n const response = await TrangApi.getByAlias(params);\r\n if (response.Items.length > 0) {\r\n setTrangModel(response.Items[0]);\r\n }\r\n } catch (err) {\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n loadByAlias();\r\n }, []);\r\n\r\n return (\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport PostApi from '../../api/PostApi'\r\nimport { useLocation } from 'react-router-dom';\r\nimport { Link } from 'react-router-dom';\r\nimport PostCategoryApi from '../../api/PostCategoryApi';\r\n\r\nexport const TrangBaiViet = (props) => {\r\n\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n const [baiViet, setBaiViet] = useState({});\r\n const [listBaiViet, setListBaiViet] = useState([]);\r\n const [listBreadcrumb, setListBreadcrumb] = useState([]);\r\n\r\n const loadBaiViet = async (Id) => {\r\n const resPonse = await PostApi.getDetail(Id);\r\n setBaiViet(resPonse);\r\n }\r\n\r\n const loadListBaiViet = async () => {\r\n const resPonse = await PostApi.getAll();\r\n setListBaiViet(resPonse);\r\n }\r\n\r\n const loadBreadcrumb = async (id) => {\r\n const resPonse = await PostCategoryApi.getBreadcrumb({ id: id });\r\n setListBreadcrumb(resPonse);\r\n }\r\n\r\n useEffect(() => {\r\n var id = props.match.params.IdBaiViet;\r\n id = id.replace(\".html\", \"\");\r\n loadBreadcrumb(id);\r\n loadBaiViet(id);\r\n loadListBaiViet();\r\n }, [props.match.params.IdBaiViet])\r\n\r\n return (\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{baiViet.Name}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Tin nổi bật
\r\n {\r\n listBaiViet.filter(x => x.HotFlag == true).map((p, key) => {\r\n if (key <= 4) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{p.Name}
\r\n \r\n
\r\n )\r\n }\r\n })\r\n }\r\n
\r\n
Tin mới nhất
\r\n {\r\n listBaiViet.filter(x => x.HotFlag == false).map((p, key) => {\r\n if (key <= 4) {\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{p.Name}
\r\n \r\n
\r\n )\r\n }\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { Modal } from 'react-bootstrap';\r\nimport $ from 'jquery';\r\nimport Draggable from 'react-draggable';\r\nimport HoiDapApi from '../../api/HoiDapApi'\r\nimport CayTrongApi from '../../api/CayTrongApi'\r\nimport { useForm } from 'react-hook-form';\r\nimport Select from 'react-select';\r\nimport moment from 'moment'\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport './hoidap.css'\r\nimport Authen from '../../core/Authen';\r\n\r\nexport const ThemCauHoi = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [listCayTrong, setListCayTrong] = useState([{ value: 0, label: 'Chọn cây trồng...' }]);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [show, setShow] = useState(false);\r\n const [currentItem, setCurrentItem] = useState({});\r\n const [nhanVien, setNhanVien] = useState({});\r\n\r\n useEffect(() => {\r\n if (props.show) {\r\n loadListCayTrong();\r\n setSelectedOption(listCayTrong[0]);\r\n reset({\r\n Id: \"0\",\r\n ChuDe: '',\r\n NoiDung: '',\r\n HoTen: '',\r\n Email: '',\r\n Tel: ''\r\n }, [reset]);\r\n setNhanVien(Authen.getUser());\r\n $('#modalgopy').modal('show');\r\n setShow(true);\r\n }\r\n }, [props.show]);\r\n\r\n const handleClose = () => {\r\n setShow(false);\r\n $('#modalgopy').modal('hide');\r\n $('#modalgopy').modal('dispose');\r\n props.closeModal();\r\n }\r\n\r\n //#region câu hỏi\r\n const saveDataCauHoi = (data) => {\r\n if (selectedOption) {\r\n if (selectedOption.value == 0) {\r\n data.IdCayTrong = null;\r\n }\r\n else {\r\n data.IdCayTrong = selectedOption.value;\r\n }\r\n }\r\n else {\r\n data.IdCayTrong = null;\r\n }\r\n data.Status = false;\r\n if (data.Id === \"0\" || data.Id == null) {\r\n data.Id = 0;\r\n HoiDapApi.postCauHoiPublic(data).then(() => {\r\n // var item = {\r\n // Id: \"0\",\r\n // ChuDe: '',\r\n // NoiDung: '',\r\n // HoTen: '',\r\n // Email: '',\r\n // Tel: ''\r\n // };\r\n // reset(item, [reset]);\r\n handleClose();\r\n })\r\n }\r\n else {\r\n HoiDapApi.put(data).then(() => {\r\n\r\n })\r\n }\r\n }\r\n\r\n const onChangeCayTrong = (e) => {\r\n setSelectedOption(e);\r\n }\r\n //#endregion\r\n\r\n function loadListCayTrong() {\r\n // CayTrongApi.getAll().then((response) => {\r\n // let list = [];\r\n // list.push({ value: 0, label: 'Chọn cây trồng...' });\r\n // response.forEach(item => {\r\n // list.push({ value: item.Id, label: item.TenCayTrong });\r\n // })\r\n // setListCayTrong(list);\r\n // })\r\n CayTrongApi.getAll().then((response) => {\r\n // let list = [];\r\n // list.push({ value: 0, label: 'Chọn cây trồng...' });\r\n // response.forEach(item => {\r\n // list.push({ value: item.Id, label: item.TenCayTrong });\r\n // })\r\n response.forEach(element => {\r\n element.ClassCss = \"btn-secondary\";\r\n });\r\n if (response.length > 0) {\r\n response[0].ClassCss = \"btn-success\";\r\n setCurrentItem(response[0]);\r\n }\r\n setListCayTrong(response);\r\n })\r\n }\r\n\r\n const changeCayTrong = (item) => {\r\n listCayTrong.forEach(element => {\r\n element.ClassCss = \"btn-secondary\";\r\n });\r\n item.ClassCss = \"btn-success\";\r\n setListCayTrong([...listCayTrong]);\r\n setCurrentItem(item);\r\n }\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
Thêm câu hỏi
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React, { useState,useEffect } from 'react'\r\nimport { useForm } from 'react-hook-form';\r\nimport axios from 'axios';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { style } from 'openlayers';\r\nimport ThongBao from '../../core/ThongBao';\r\nimport { Loading } from '../../shared/loading/Loading';\r\nimport { Modal, Button } from 'react-bootstrap';\r\n\r\nexport const DangNhap = (props) => {\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => {\r\n setShow(false); \r\n props.closeModal();\r\n }\r\n let history = useHistory();\r\n const [loading, setLoading] = useState(false);\r\n const { register, handleSubmit, errors } = useForm({\r\n mode: \"onBlur\"\r\n });\r\n\r\n useEffect(() => {\r\n if (props.show) {\r\n setShow(true);\r\n }\r\n }, [props.show]);\r\n\r\n const onSubmit = (data) => {\r\n setLoading(true);\r\n axios.post(process.env.REACT_APP_API_URL + '/login', data).then(response => {\r\n localStorage.setItem(process.env.REACT_APP_TOKEN, response.data.token);\r\n setLoading(false);\r\n // history.push(\"/#\");\r\n history.go(0);\r\n }, (eror) => {\r\n if (eror.response) {\r\n if (eror.response.data === \"Bad Request\") {\r\n ThongBao.printErrorMessage(\"Tên đăng nhập hoặc mật khẩu không đúng.\");\r\n }\r\n else {\r\n ThongBao.printErrorMessage(eror.response.data);\r\n }\r\n }\r\n setLoading(false);\r\n });\r\n }\r\n return (\r\n\r\n
\r\n \r\n ĐĂNG NHẬP HỆ THỐNG\r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n\r\n\r\n\r\n\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal } from 'react-bootstrap';\r\nimport $ from 'jquery';\r\nimport HoiDapApi from '../../api/HoiDapApi'\r\nimport CayTrongApi from '../../api/CayTrongApi'\r\nimport { useForm } from 'react-hook-form';\r\nimport moment from 'moment'\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport './hoidap.css'\r\nimport { ThemCauHoi } from './themcauhoi'\r\nimport { NavLink, useHistory } from 'react-router-dom';\r\nimport { DangNhap } from '../../public/dangnhap/dangnhap'\r\nimport Authen from '../../core/Authen';\r\nimport TaiKhoanApi from '../../api/TaiKhoanApi';\r\nimport ThongBao from '../../core/ThongBao';\r\n\r\nexport const HoiDap = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n let history = useHistory();\r\n const [filter, setFilter] = useState('');\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [listCayTrong, setListCayTrong] = useState([{ value: 0, label: 'Chọn cây trồng...' }]);\r\n const [currentItem, setCurrentItem] = useState({});\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [showAnh, setShowAnh] = useState(false);\r\n const [urlShowAnh, setUrlShowAnh] = useState();\r\n const [showThemCauHoi, setShowThemCauHoi] = useState(false);\r\n const [showDangNhap, setShowDangNhap] = useState(false);\r\n const [nhanVien, setNhanVien] = useState({});\r\n const [listFileUpload, setListFileUpload] = useState(null);\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [listHoiDaps, setListHoiDaps] = useState([]);\r\n const [listHoiDaps_XemNhieuNhat, setListHoiDaps_XemNhieuNhat] = useState([]);\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadHoiDaps();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n if (props.show) {\r\n loadListCayTrong();\r\n setSelectedOption(listCayTrong[0]);\r\n loadHoiDaps();\r\n loadXemNhieuNhat();\r\n setNhanVien(Authen.getUser());\r\n $('#modalhoidap').modal('show');\r\n }\r\n }, [props.show]);\r\n\r\n //#region câu hỏi\r\n const loadXemNhieuNhat= async ()=>{\r\n try {\r\n const response = await HoiDapApi.getXemNhieuNhat();\r\n setListHoiDaps_XemNhieuNhat(response.Items); \r\n } catch (error) {\r\n \r\n }\r\n }\r\n\r\n const loadHoiDaps = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter,\r\n idCayTrong: selectedOption == null ? '' : selectedOption.value,\r\n status: true\r\n }\r\n const response = await HoiDapApi.getPagingPublic(params);\r\n var str = localStorage.getItem(process.env.REACT_LIKE_HOIDAP);\r\n var listLike = [];\r\n if (str != null) {\r\n listLike = JSON.parse(str);\r\n }\r\n response.Items.forEach(item => {\r\n item.Checked = false;\r\n if (listLike.filter(x => x.Id == item.Id).length > 0) {\r\n item.IsLiked = true;\r\n }\r\n });\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n paginationConfig.onClick = function (page) {\r\n pageIndex = page;\r\n loadHoiDaps();\r\n }\r\n setPaging(paginationConfig);\r\n setListHoiDaps(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n \r\n const handleCloseCauHoi = () => {\r\n setShowThemCauHoi(false);\r\n }\r\n\r\n const addLike = async (cauHoi) => {\r\n if (cauHoi.IsLiked != true) {\r\n var str = localStorage.getItem(process.env.REACT_LIKE_HOIDAP);\r\n var listLike = [];\r\n if (str != null) {\r\n listLike = JSON.parse(str);\r\n }\r\n listLike.push({ Id: cauHoi.Id });\r\n localStorage.setItem(process.env.REACT_LIKE_HOIDAP, JSON.stringify(listLike));\r\n HoiDapApi.addLike({ Id: cauHoi.Id }).then(() => {\r\n var lst = JSON.parse(JSON.stringify(listHoiDaps));\r\n lst.forEach(element => {\r\n if (element.Id == cauHoi.Id) {\r\n element.IsLiked = true;\r\n element.Liked = +element.Liked + 1\r\n }\r\n });\r\n setListHoiDaps(lst);\r\n });\r\n }\r\n }\r\n\r\n //#endregion\r\n\r\n //#region hình ảnh\r\n const handleCloseAnh = () => {\r\n setShowAnh(false);\r\n }\r\n const handleShowAnh = (urlAnh) => {\r\n setUrlShowAnh(urlAnh);\r\n setShowAnh(true);\r\n }\r\n //#endregion\r\n\r\n function loadListCayTrong() {\r\n CayTrongApi.getAll().then((response) => {\r\n response.forEach(element => {\r\n element.ClassCss = \"btn-light\";\r\n });\r\n if (response.length > 0) {\r\n response[0].ClassCss = \"btn-success\";\r\n setCurrentItem(response[0]);\r\n }\r\n setListCayTrong(response);\r\n })\r\n }\r\n\r\n const closeModalDangNhap = () => {\r\n setShowDangNhap(false);\r\n }\r\n\r\n const saveDataCauHoi = async (data) => {\r\n debugger;\r\n if (listFileUpload != null) {\r\n var fielPath = '';\r\n let dataUpload = new FormData();\r\n dataUpload.append('file', listFileUpload);\r\n fielPath = await TaiKhoanApi.UploadFile(dataUpload);\r\n data.HinhAnhs = fielPath;\r\n }\r\n if (currentItem) {\r\n data.IdCayTrong = currentItem.Id;\r\n }\r\n else {\r\n data.IdCayTrong = null;\r\n }\r\n data.Status = false;\r\n if (data.Id === \"0\" || data.Id == null) {\r\n data.Id = 0;\r\n HoiDapApi.post(data).then(() => {\r\n reset({ Id: 0, ChuDe: '', NoiDung: '' }[reset]);\r\n setListFileUpload(null);\r\n ThongBao.printSuccessMessage(\"Gửi câu hỏi thành công.\");\r\n })\r\n }\r\n else {\r\n HoiDapApi.put(data).then(() => {\r\n\r\n })\r\n }\r\n }\r\n const changeCayTrong = (item) => {\r\n listCayTrong.forEach(element => {\r\n element.ClassCss = \"btn-light\";\r\n });\r\n item.ClassCss = \"btn-success\";\r\n setListCayTrong([...listCayTrong]);\r\n setCurrentItem(item);\r\n }\r\n const showModalDangNhap = () => {\r\n setShowDangNhap(true);\r\n }\r\n const showModalDangKy = () => {\r\n history.push(\"/dangky\");\r\n }\r\n const onChangeHandlerUpload = event => {\r\n setListFileUpload(event.target.files[0]);\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {nhanVien.UserName == null &&\r\n <>\r\n
\r\n
\r\n
Câu hỏi của bạn?
\r\n
\r\n \r\n }\r\n {nhanVien.UserName != null &&\r\n <>\r\n
\r\n \r\n }\r\n
\r\n
\r\n {\r\n listHoiDaps.map((item, key) => {\r\n return (\r\n
\r\n
\r\n
handleShowAnh(item.HinhAnhs)} />\r\n
\r\n \r\n \r\n {item.FullName != null ? item.FullName : item.HoTen}\r\n \r\n
\r\n
\r\n \r\n \r\n {item.TenCayTrong}\r\n \r\n \r\n \r\n {item.CreatedDate == '' ? '' : moment(item.CreatedDate, \"DD/MM/YYYY HH:mm:ss\").format(\"DD/MM/YYYY HH:mm\")}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {item.ChuDe} \r\n
\r\n
\r\n
\r\n {item.HinhAnhs != null && item.HinhAnhs != \"\" &&\r\n
\r\n
handleShowAnh(item.HinhAnhs)} />\r\n
\r\n }\r\n
\r\n
\r\n {/* showTraLoi(item)}> {item.CountTraLoi} Trả lời */}\r\n \r\n {item.CountTraLoi} Trả lời\r\n \r\n addLike(item)} className={item.IsLiked == true ? 'like-style' : ''}> {item.Liked} Like\r\n
\r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Xem nhiều nhất
\r\n \r\n {\r\n listHoiDaps_XemNhieuNhat.map((item, key) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {item.ChuDe}
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n \r\n Hình ảnh\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n { showDangNhap &&
}\r\n \r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Modal } from 'react-bootstrap';\r\nimport $ from 'jquery';\r\nimport HoiDapApi from '../../api/HoiDapApi'\r\nimport CayTrongApi from '../../api/CayTrongApi'\r\nimport { useForm } from 'react-hook-form';\r\nimport moment from 'moment'\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport './hoidap.css'\r\nimport { ThemCauHoi } from './themcauhoi'\r\nimport { NavLink, useParams } from 'react-router-dom';\r\nimport { DangNhap } from '../../public/dangnhap/dangnhap'\r\nimport Authen from '../../core/Authen';\r\nimport TaiKhoanApi from '../../api/TaiKhoanApi';\r\nimport ThongBao from '../../core/ThongBao';\r\n\r\nexport const TraLoi = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [filter, setFilter] = useState('');\r\n const [selectedOption, setSelectedOption] = useState();\r\n const [currentItem, setCurrentItem] = useState({});\r\n const [listTraLoi, setListTraLoi] = useState([]);\r\n const { register, handleSubmit, reset, errors } = useForm();\r\n const [showAnh, setShowAnh] = useState(false);\r\n const [urlShowAnh, setUrlShowAnh] = useState();\r\n const [showDangNhap, setShowDangNhap] = useState(false);\r\n const [nhanVien, setNhanVien] = useState({});\r\n\r\n const [listHoiDaps, setListHoiDaps] = useState([]);\r\n\r\n useEffect(() => {\r\n AddViewed();\r\n loadTraLois();\r\n setNhanVien(Authen.getUser());\r\n }, []);\r\n\r\n const { IdCauHoi } = useParams();\r\n\r\n const AddViewed = () => {\r\n HoiDapApi.addView({ Id: IdCauHoi }).then(() => {\r\n\r\n })\r\n }\r\n\r\n const saveDataTraLoi = (data) => {\r\n data.IdCayTrong = currentItem.IdCayTrong;\r\n data.IdCha = currentItem.Id;\r\n data.Status = true;\r\n if (data.Id === \"0\" || data.Id == null) {\r\n data.Id = 0;\r\n HoiDapApi.postPublic(data).then(() => {\r\n loadTraLois();\r\n var item = {\r\n Id: 0,\r\n NoiDung: '',\r\n HoTen: '',\r\n Email: '',\r\n DienThoai: '',\r\n };\r\n reset(item, [reset]);\r\n })\r\n }\r\n else {\r\n HoiDapApi.put(data).then(() => {\r\n loadTraLois();\r\n })\r\n }\r\n }\r\n\r\n const addLike = async (cauHoi) => {\r\n if (cauHoi.IsLiked != true) {\r\n var str = localStorage.getItem(process.env.REACT_LIKE_HOIDAP);\r\n var listLike = [];\r\n if (str != null) {\r\n listLike = JSON.parse(str);\r\n }\r\n listLike.push({ Id: cauHoi.Id });\r\n localStorage.setItem(process.env.REACT_LIKE_HOIDAP, JSON.stringify(listLike));\r\n HoiDapApi.addLike({ Id: cauHoi.Id }).then(() => {\r\n var lst = JSON.parse(JSON.stringify(listHoiDaps));\r\n lst.forEach(element => {\r\n if (element.Id == cauHoi.Id) {\r\n element.IsLiked = true;\r\n element.Liked = +element.Liked + 1\r\n }\r\n });\r\n setListHoiDaps(lst);\r\n });\r\n }\r\n }\r\n const handleCloseAnh = () => {\r\n setShowAnh(false);\r\n }\r\n const handleShowAnh = (urlAnh) => {\r\n setUrlShowAnh(urlAnh);\r\n setShowAnh(true);\r\n }\r\n\r\n const loadTraLois = async () => {\r\n debugger;\r\n var idCauHoi = Number.parseInt(IdCauHoi || 0);\r\n if (idCauHoi > 0) {\r\n try {\r\n const response = await HoiDapApi.getByCha(idCauHoi);\r\n var str = localStorage.getItem(process.env.REACT_LIKE_HOIDAP);\r\n var listLike = [];\r\n if (str != null) {\r\n listLike = JSON.parse(str);\r\n }\r\n if (listLike.filter(x => x.Id == response.Id).length > 0) {\r\n response.IsLiked = true;\r\n }\r\n setCurrentItem(response);\r\n setListTraLoi(response.TraLois);\r\n } catch (err) {\r\n }\r\n\r\n }\r\n }\r\n\r\n const closeModalDangNhap = () => {\r\n setShowDangNhap(false);\r\n }\r\n const showModalDangNhap = () => {\r\n setShowDangNhap(true);\r\n }\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
handleShowAnh(currentItem.HinhAnhs)} />\r\n
\r\n \r\n \r\n {currentItem.FullName != null ? currentItem.FullName : currentItem.HoTen}\r\n \r\n
\r\n
\r\n \r\n \r\n {currentItem.TenCayTrong}\r\n \r\n \r\n \r\n {currentItem.CreatedDate == '' ? '' : moment(currentItem.CreatedDate, \"DD/MM/YYYY HH:mm:ss\").format(\"DD/MM/YYYY HH:mm\")}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
{currentItem.ChuDe}
\r\n
\r\n
\r\n
{currentItem.NoiDung}
\r\n
\r\n {currentItem.HinhAnhs != null && currentItem.HinhAnhs != \"\" &&\r\n
\r\n
handleShowAnh(currentItem.HinhAnhs)} />\r\n
\r\n }\r\n
\r\n
\r\n {listTraLoi.length} Trả lời\r\n addLike(currentItem)} className={currentItem.IsLiked == true ? 'like-style' : ''}> {currentItem.Liked} Like\r\n
\r\n
\r\n
\r\n
\r\n {listTraLoi.length == 0 &&\r\n
\r\n Chưa có câu trả lời nào.\r\n
\r\n }\r\n {listTraLoi.length > 0 &&\r\n listTraLoi.map((item, key) => {\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
{item.FullName == null ? item.HoTen : item.FullName}
\r\n
\r\n \r\n \r\n {item.CreatedDate == '' ? '' : moment(item.CreatedDate, \"DD/MM/YYYY HH:mm:ss\").format(\"DD/MM/YYYY HH:mm\")}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {item.NoiDung} \r\n
\r\n
\r\n
\r\n \r\n )\r\n })\r\n }\r\n
\r\n
\r\n {nhanVien.UserName != null &&\r\n
\r\n }\r\n {nhanVien.UserName == null &&\r\n
\r\n \r\n
\r\n }\r\n
\r\n {nhanVien.UserName != null &&\r\n \r\n }\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n Hình ảnh\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n { showDangNhap &&
}\r\n \r\n )\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\n\r\nconst Wrapper = styled.div`\r\nposition: absolute;\r\ntop: 50%;\r\nleft: 50%;\r\nwidth: 50px;\r\nheight: 58px;\r\nbackground-image: url(/img/diadiem.png);\r\nbackground-repeat: no-repeat;\r\n-webkit-user-select: none;\r\n-moz-user-select: none;\r\n-ms-user-select: none;\r\nuser-select: none;\r\n-webkit-transform: translate(-50%,-50%);\r\n-ms-transform: translate(-50%,-50%);\r\ntransform: translate(-50%,-50%);\r\n cursor: ${(props) => (props.onClick ? 'pointer' : 'default')};\r\n &:hover {\r\n z-index: 1;\r\n }\r\n`;\r\n\r\nconst Marker = ({ text, onClick }) => (\r\n
\r\n);\r\n\r\nMarker.defaultProps = {\r\n onClick: null,\r\n};\r\n\r\nMarker.propTypes = {\r\n onClick: PropTypes.func,\r\n text: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default Marker;","import React, { useState, useEffect } from 'react'\r\nimport LienHeApi from '../../api/LienHeApi';\r\nimport GoogleMapReact from 'google-map-react';\r\nimport Marker from './Marker';\r\n\r\nexport const LienHe = () => {\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n let filter = '';\r\n const [lienHe, setLienHe] = useState({});\r\n const [local, setLocal] = useState({\r\n center: { lat: 0, lng: 0 },\r\n zoom: 15\r\n });\r\n useEffect(() => {\r\n const loadLienHes = async () => {\r\n try {\r\n const params = {\r\n pageIndex: pageIndex,\r\n pageSize: pageSize,\r\n filter: filter\r\n }\r\n const response = await LienHeApi.getLienHe(params);\r\n if (response.Items.length > 0) {\r\n setLocal({\r\n center: {\r\n lat: response.Items[0].Lat,\r\n lng: response.Items[0].Lng\r\n },\r\n zoom: 14\r\n });\r\n setLienHe(response.Items[0]);\r\n }\r\n } catch (err) {\r\n }\r\n }\r\n loadLienHes();\r\n }, []);\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Địa chỉ: {lienHe.Address}
\r\n
Điện thoại: {lienHe.Phone}
\r\n
Email: {lienHe.Email}
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport CayTrongApi from '../../api/CayTrongApi';\r\nimport SauBenhApi from '../../api/SauBenhApi';\r\nimport Select from 'react-select';\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\n\r\nexport default function SauBenh() {\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [listSauBenhs, setListSauBenh] = useState([]);\r\n const [listCayTrongs, setListCayTrong] = useState([]);\r\n\r\n\r\n\r\n const [filter, setFilter] = useState('');\r\n const [listLoaiSauBenhs, setListLoaiSauBenh] = useState([\r\n { value: 0, label: 'Tất cả sâu bệnh' },\r\n { value: 1, label: 'Sâu' },\r\n { value: 2, label: 'Bệnh' }\r\n ]);\r\n var [sauBenhSelect, setSauBenhSelect] = useState({ value: 0, label: 'Tất cả sâu bệnh' });\r\n var [cayTrongSelect, setCayTrongSelect] = useState({ value: 0, label: 'Tất cả loại cây' });\r\n\r\n\r\n const [params, setParams] = useState([{\r\n pageIndex: 1,\r\n pageSize: 20,\r\n filter: '',\r\n loaiSauBenh: 0,\r\n cayTrong: 0,\r\n }]);\r\n\r\n\r\n useEffect(() => {\r\n loadSauBenh();\r\n loadCayTrong();\r\n }, []);\r\n\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n const [paginationConfig, setPaging] = useState([{\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n let obj = params[0];\r\n obj.pageIndex = page;\r\n let lst = [];\r\n lst.push(obj)\r\n setParams(lst);\r\n loadSauBenh();\r\n }\r\n }]);\r\n\r\n const loadCayTrong = async () => {\r\n const response = await CayTrongApi.getAll();\r\n let list = [];\r\n list.push({ value: 0, label: 'Tất cả loại cây' });\r\n response.forEach(element => {\r\n list.push({ value: element.Id, label: element.TenCayTrong });\r\n });\r\n setListCayTrong(list);\r\n }\r\n\r\n const loadSauBenh = async () => {\r\n const res = await SauBenhApi.timKiemSauBenh(params[0]);\r\n if (res != undefined) {\r\n setListSauBenh(res.Items);\r\n\r\n let pag = paginationConfig[0];\r\n\r\n let lstPag = [];\r\n\r\n pag.totalPages = 1;\r\n if (res.Items.length > 0) {\r\n pag.totalPages = Math.ceil(res.TotalRow / pageSize);\r\n }\r\n pag.currentPage = params[0].pageIndex;\r\n lstPag.push(pag);\r\n setPaging(lstPag);\r\n }\r\n }\r\n\r\n const onChangeFilter = (e) => {\r\n setFilter(e.target.value);\r\n\r\n let obj = params[0];\r\n obj.filter = e.target.value;\r\n obj.pageIndex = 1;\r\n let lst = [];\r\n lst.push(obj)\r\n setParams(lst);\r\n }\r\n\r\n const Timkiem = () => {\r\n loadSauBenh();\r\n }\r\n\r\n const onChangeCayTrong = (event) => {\r\n setCayTrongSelect(event);\r\n let obj = params[0];\r\n obj.cayTrong = event.value;\r\n obj.pageIndex = 1;\r\n let lst = [];\r\n lst.push(obj)\r\n setParams(lst);\r\n loadSauBenh();\r\n }\r\n\r\n const onChangedLoaiSauBenh = (event) => {\r\n setSauBenhSelect(event);\r\n\r\n let obj = params[0];\r\n obj.loaiSauBenh = event.value;\r\n obj.pageIndex = 1;\r\n let lst = [];\r\n lst.push(obj)\r\n setParams(lst);\r\n\r\n loadSauBenh();\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n ({\r\n ...theme,\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n })}\r\n />\r\n
\r\n
\r\n ({\r\n ...theme,\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n })}\r\n />\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n listSauBenhs.map((item, key) => {\r\n return (\r\n - \r\n \r\n \r\n \r\n
\r\n
\r\n {item.TenSauBenh}
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport SauBenhApi from '../../api/SauBenhApi';\r\n\r\nexport default function SauBenhChiTiet(props) {\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n const [sauBenh, setSauBenh] = useState({});\r\n const [trieuChung, setTrieuChung] = useState([]);\r\n\r\n const loadSauBenh = async (id) => {\r\n const res = await SauBenhApi.timKiemSauBenhChiTiet(id);\r\n let lst = {};\r\n if (res != undefined) {\r\n lst = res;\r\n }\r\n setSauBenh(lst);\r\n setTrieuChung(lst.TrieuChungs);\r\n }\r\n useEffect(() => {\r\n loadSauBenh(props.match.params.IdSauBenh);\r\n }, [props.match.params.IdSauBenh]);\r\n\r\n return (\r\n
\r\n {sauBenh.length == 0 ? '' :\r\n <>\r\n
\r\n
{sauBenh.TenSauBenh}
\r\n \r\n
\r\n Nhiệt độ : {sauBenh.NhietDoMin} - {sauBenh.NhietDoMax}\r\n
\r\n
\r\n Các tháng trong năm: {sauBenh.ThoiGian}\r\n
\r\n
\r\n {sauBenh.HinhAnh != null ?
: ''}\r\n
\r\n
\r\n {sauBenh.MoTa}\r\n
\r\n
\r\n Các giai đoạn phát triển:\r\n
\r\n {\r\n !trieuChung.length == false ? trieuChung.map((x, key) => {\r\n return (\r\n
\r\n
\r\n {x.TenGiaiDoan + ':'}\r\n
\r\n
\r\n
\r\n {x.HinhAnhTrieuChung == null ? '' :\r\n x.HinhAnhTrieuChung.split(',').map((x, keyImage) => {\r\n return (\r\n x == null || x == '' ? '' :
\r\n )\r\n })\r\n }\r\n
\r\n\r\n
\r\n
\r\n {' - ' + x.MoTaTrieuChung}\r\n
\r\n
\r\n )\r\n }) : ''\r\n }\r\n
\r\n Các giai đoạn phát triển:\r\n
\r\n
\r\n {' - ' +sauBenh.BienPhapCanhTac}\r\n
\r\n
\r\n Các giai đoạn phòng trừ:\r\n
\r\n
\r\n {' - ' +sauBenh.BienPhapPhongTru}\r\n
\r\n \r\n }\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { NavLink, Switch, Route } from 'react-router-dom';\r\nimport SauBenhApi from '../../api/SauBenhApi';\r\nimport SauBenh from './sau-benh';\r\nimport SauBenhChiTiet from './sau-benh-chi-tiet';\r\n\r\nexport default function SauBenhHome() {\r\n var apiUrl = process.env.REACT_APP_API_URL.replace('/api', '');\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [listXemNhieus, setListXemNhieu] = useState([]);\r\n const [listMoiNhats, setMoiNhat] = useState([]);\r\n\r\n useEffect(() => {\r\n loadMoiNhat();\r\n loadXemNhieu();\r\n }, [])\r\n\r\n const loadXemNhieu = async () => {\r\n var res = await SauBenhApi.getXemNhieuNhat();\r\n setListXemNhieu(res);\r\n }\r\n\r\n const loadMoiNhat = async () => {\r\n var res = await SauBenhApi.getMoiNhat();\r\n setMoiNhat(res);\r\n }\r\n\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
Xem nhiều nhất
\r\n \r\n
\r\n {\r\n listXemNhieus.map((item, key) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {item.TenSauBenh}
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
Mới nhất
\r\n \r\n
\r\n {\r\n listMoiNhats.map((item, key) => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n {item.TenSauBenh}
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport CayTrongApi from '../../api/CayTrongApi'\r\nimport QuanHuyenApi from '../../api/QuanHuyenApi'\r\nimport PhuongXaApi from '../../api/PhuongXaApi'\r\nimport Select from 'react-select';\r\nimport { TrieuChungSauBenh } from './trieuchungsaubenh'\r\n\r\nexport const TraCuuSauBenh = () => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n const [listCayTrong, setListCayTrong] = useState([{ value: 0, label: 'Chọn cây trồng...' }]);\r\n const [currentItem, setCurrentItem] = useState({});\r\n\r\n let [cayTrong, setCayTrong] = useState({});\r\n let itemQuanHuyen = { value: 0, label: 'Chọn quận huyện.....' };\r\n let itemXaPhuong = { value: 0, label: 'Chọn xã phường.....' };\r\n let itemThang = { value: 0, label: 'Chọn tháng.....' };\r\n let [listQuanHuyen, setListQuanHuyen] = useState([itemQuanHuyen]);\r\n let [listXaPhuong, setListXaPhuong] = useState([itemXaPhuong]);\r\n let [listThang, setListThang] = useState([itemThang]);\r\n const [selectedOptionQuanHuyen, setSelectedOptionQuanHuyen] = useState();\r\n const [selectedOptionXaPhuong, setSelectedOptionXaPhuong] = useState();\r\n const [selectedOptionThang, setSelectedOptionThang] = useState();\r\n const [timKiem, setTimKiem] = useState({});\r\n let theme = {\r\n borderRadius: 0,\r\n height: 30,\r\n spacing: {\r\n controlHeight: 30,\r\n menuGutter: 1,\r\n baseUnit: 2,\r\n }\r\n }\r\n useEffect(() => {\r\n setSelectedOptionQuanHuyen(listQuanHuyen[0]);\r\n setSelectedOptionXaPhuong(listXaPhuong[0]);\r\n setSelectedOptionThang(listThang[0]);\r\n loadListCayTrong();\r\n LoadThang();\r\n loadQuanHuyen();\r\n }, []);\r\n\r\n //#region câu hỏi\r\n const changeCayTrong = (item) => {\r\n listCayTrong.forEach(element => {\r\n element.ClassCss = \"btn-secondary\";\r\n });\r\n item.ClassCss = \"btn-success\";\r\n setListCayTrong([...listCayTrong]);\r\n setCurrentItem(item);\r\n setTimKiem({ IdCayTrong: item.Id, IdQuanHuyen: selectedOptionQuanHuyen.value, IdXaPhuong: selectedOptionXaPhuong.value, Thang: selectedOptionThang.value });\r\n }\r\n //#endregion\r\n\r\n const loadListCayTrong = () => {\r\n CayTrongApi.getAll().then((response) => {\r\n response.forEach(element => {\r\n element.ClassCss = \"btn-secondary\";\r\n });\r\n if (response.length > 0) {\r\n response[0].ClassCss = \"btn-success\";\r\n setCayTrong(response[0]);\r\n setTimKiem({ IdCayTrong: response[0].Id, IdQuanHuyen: 0, IdXaPhuong: 0, Thang: 0 })\r\n\r\n }\r\n setListCayTrong(response);\r\n })\r\n }\r\n\r\n const LoadThang = () => {\r\n for (let index = 1; index <= 12; index++) {\r\n listThang.push({ value: index, label: 'Tháng ' + index.toString() })\r\n }\r\n }\r\n\r\n const loadQuanHuyen = () => {\r\n QuanHuyenApi.getAll().then(response => {\r\n var lst=[];\r\n lst.push(itemQuanHuyen);\r\n response.forEach(element => {\r\n lst.push({ value: element.Ma, label: element.Ten })\r\n });\r\n setListQuanHuyen(lst);\r\n loadXaPhuong(0);\r\n })\r\n }\r\n\r\n const loadXaPhuong = (idQuanHuyen) => {\r\n if (idQuanHuyen == 0) {\r\n setListXaPhuong([itemXaPhuong]);\r\n }\r\n else {\r\n QuanHuyenApi.getXaByHuyen({ maHuyen: idQuanHuyen }).then(response => {\r\n var lst = [];\r\n lst.push(itemXaPhuong);\r\n response.forEach(element => {\r\n lst.push({ value: element.maXa, label: element.tenXa })\r\n });\r\n setListXaPhuong(lst);\r\n })\r\n }\r\n }\r\n\r\n const onChangeQuanHuyen = (event) => {\r\n setSelectedOptionQuanHuyen(event);\r\n setSelectedOptionXaPhuong(listXaPhuong[0]);\r\n loadXaPhuong(event.value);\r\n setTimKiem({ IdCayTrong: cayTrong.Id, IdQuanHuyen: event.value, IdXaPhuong: 0, Thang: selectedOptionThang.value });\r\n }\r\n\r\n const onChangeXaPhuong = (event) => {\r\n setSelectedOptionXaPhuong(event);\r\n setTimKiem({ IdCayTrong: cayTrong.Id, IdQuanHuyen: selectedOptionQuanHuyen.value, IdXaPhuong: event.value, Thang: selectedOptionThang.value });\r\n\r\n }\r\n\r\n const onChangeThang = (event) => {\r\n setSelectedOptionThang(event);\r\n setTimKiem({ IdCayTrong: cayTrong.Id, IdQuanHuyen: selectedOptionQuanHuyen.value, IdXaPhuong: selectedOptionXaPhuong.value, Thang: event.value });\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
Hỗ trợ chẩn đoán bệnh dựa trên triệu chứng.
\r\n \r\n
\r\n {\r\n listCayTrong.map((item, key) => {\r\n return (\r\n
\r\n
\r\n
changeCayTrong(item)} />\r\n
\r\n
\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport Pagination from 'react-bootstrap-4-pagination';\r\nimport CayTrongApi from '../../../api/CayTrongApi';\r\nimport ThuocBaoVeThucVatApi from '../../../api/ThuocBaoVeThucVatApi';\r\nimport Select from 'react-select';\r\nimport ExportExcelApi from '../../../api/ExportExcelApi';\r\n\r\nexport const ThongKeThuocBaoVeThucVat = (props) => {\r\n var apiUrl = process.env.REACT_APP_URL;\r\n var noImage = \"/uploadfiles/website/no_image-100x100.jpg\";\r\n\r\n const [listThuocBaoVeThucVats, setListThuocBaoVeThucVat] = useState([]);\r\n const [timListCayTrong, setTimListCayTrong] = useState([]);\r\n const [timCayTrong, setTimCayTrong] = useState({ value: 0, label: 'Chọn cây trồng...' });\r\n const [search, setSearch] = useState('');\r\n\r\n let pageIndex = 1;\r\n let pageSize = 20;\r\n\r\n const [paginationConfig, setPaging] = useState({\r\n totalPages: 1,\r\n currentPage: 1,\r\n showMax: 5,\r\n size: \"sm\",\r\n threeDots: true,\r\n prevNext: true,\r\n onClick: function (page) {\r\n pageIndex = page;\r\n loadThuocBaoVeThucVat();\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n loadCayTrong();\r\n loadThuocBaoVeThucVat();\r\n }, []);\r\n\r\n const loadCayTrong = async () => {\r\n await CayTrongApi.getAll().then((cay) => {\r\n let list = [];\r\n list.push({ value: 0, label: 'Chọn cây trồng...' });\r\n cay.forEach(item => {\r\n list.push({ value: item.Id, label: item.TenCayTrong, ma: item.MaCayTrong });\r\n });\r\n setTimListCayTrong(list);\r\n })\r\n }\r\n\r\n const loadThuocBaoVeThucVat = async () => {\r\n try {\r\n const params = {\r\n filter: search,\r\n pageIndex: pageIndex,\r\n idCayTrong:timCayTrong?.value,\r\n pageSize: pageSize\r\n }\r\n const response = await ThuocBaoVeThucVatApi.getThongKe(params);\r\n paginationConfig.totalPages = 1;\r\n if (response.Items.length > 0) {\r\n paginationConfig.totalPages = Math.ceil(response.TotalRow / pageSize);\r\n }\r\n paginationConfig.currentPage = pageIndex;\r\n setPaging(paginationConfig);\r\n setListThuocBaoVeThucVat(response.Items);\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const ExportExcel = async () => {\r\n try {\r\n const params = {\r\n filter: search,\r\n pageIndex: pageIndex,\r\n idCayTrong:timCayTrong?.value,\r\n pageSize: pageSize\r\n }\r\n ExportExcelApi.getThuocBvThucVat(params).then((res) => {\r\n const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });\r\n let url = window.URL.createObjectURL(blob);\r\n let a = document.createElement('a');\r\n a.href = url;\r\n \r\n a.download = 'download.xlsx';\r\n a.click();\r\n }, () => {\r\n \r\n });\r\n } catch (err) {\r\n }\r\n }\r\n\r\n const exportExcel = () =>{\r\n ExportExcel();\r\n }\r\n\r\n const timKiem = () => {\r\n loadThuocBaoVeThucVat();\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') {\r\n loadThuocBaoVeThucVat();\r\n }\r\n }\r\n\r\n const setFilter = (e) => {\r\n setSearch(e.target.value)\r\n }\r\n\r\n const onChangeTimCayTrong = (e) => {\r\n setTimCayTrong(e);\r\n }\r\n\r\n return (\r\n\r\n
\r\n {\r\n props.showName == true ?
: ''\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n \r\n \r\n | Cây trồng | \r\n Ảnh | \r\n Tên | \r\n Mô tả | \r\n Ghi chú | \r\n
\r\n \r\n \r\n {\r\n listThuocBaoVeThucVats.map((item, key) => {\r\n return (\r\n \r\n | {item.TenCayTrong} | \r\n \r\n \r\n | \r\n {item.Ten} | \r\n {item.MoTa} | \r\n {item.GhiChu} | \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n\r\n\r\n}","import React, { useState } from 'react'\r\nimport { Header } from './header'\r\nimport { Footer } from './footer'\r\nimport { TrangChu } from './trangchu'\r\nimport { BaiViet } from '../src/public/baiviet/baiviet'\r\nimport { Trang } from '../src/public/website/trang'\r\nimport { Switch, Route, Redirect } from \"react-router-dom\";\r\nimport { TrangBaiViet } from './public/baiviet/trangbaiviet';\r\nimport { HoiDap } from './public/hoidap/hoidap';\r\nimport { TraLoi } from './public/hoidap/traloi';\r\nimport { LienHe } from './public/lienhe/LienHe';\r\nimport SauBenhHome from './public/saubenh/sau-benh-home'\r\n\r\nimport { TraCuuSauBenh } from './public/tracuusaubenh/tracuusaubenh'\r\nimport { DienTichSanXuatPublic } from './public/solieu/dientichsanxuat/dientichsanxuat'\r\nimport { ThongKeAnhHuongSauBenh } from './public/solieu/anhhuongsaubenh/thongkeanhhuongsaubenh'\r\nimport { ThongKeThuocBaoVeThucVat } from './public/solieu/thuocbaovethucvat/thongkethuocbaovethucvat'\r\nimport { DangNhap } from './public/dangnhap/dangnhap'\r\nimport { ThongKeDonViCungCap } from './public/solieu/donvicungcap/DonViCungCap'\r\n\r\n\r\nexport const DefaultPage = () => {\r\n const [lienHe, setLienHe] = useState(null);\r\n const changedLienHe = (e) => {\r\n setLienHe(e);\r\n }\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )\r\n}\r\n","import React, { useState } from 'react'\r\nimport { useForm } from 'react-hook-form';\r\nimport axios from 'axios';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { style } from 'openlayers';\r\nimport ThongBao from '../../core/ThongBao';\r\nimport { Loading } from '../../shared/loading/Loading';\r\nimport TaiKhoanApi from '../../api/TaiKhoanApi';\r\n\r\n\r\nexport const DangKy = () => {\r\n let history = useHistory();\r\n const [loading, setLoading] = useState(false);\r\n const { register, handleSubmit, errors } = useForm({\r\n mode: \"onBlur\"\r\n });\r\n const onSubmit = async (data) => {\r\n setLoading(true);\r\n try {\r\n data.Status = true;\r\n TaiKhoanApi.createUser(data).then((response) => {\r\n setLoading(false);\r\n ThongBao.printSuccessMessage(\"Thành công\");\r\n axios.post(process.env.REACT_APP_API_URL + '/login', { userName: data.UserName, password: data.Password }).then(response => {\r\n localStorage.setItem(process.env.REACT_APP_TOKEN, response.data.token);\r\n setLoading(false);\r\n history.push(\"/public\");\r\n }, (eror) => {\r\n if (eror.response) {\r\n if (eror.response.data === \"Bad Request\") {\r\n ThongBao.printErrorMessage(\"Tên đăng nhập hoặc mật khẩu không đúng.\");\r\n }\r\n else {\r\n ThongBao.printErrorMessage(eror.response.data);\r\n }\r\n }\r\n setLoading(false);\r\n });\r\n\r\n }, (errors) => {\r\n setLoading(false);\r\n });\r\n }\r\n catch (ex) {\r\n console.log(ex.message);\r\n }\r\n }\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
ĐĂNG KÝ TÀI KHOẢN
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n\r\n}\r\n","import React, { useEffect } from 'react';\nimport './App.css';\nimport './style.css';\nimport { Login } from './login/Login';\nimport { BrowserRouter as Router, Switch, Route, Redirect, withRouter } from \"react-router-dom\";\nimport { Main } from './main/Main';\nimport Authen from './core/Authen';\nimport '../node_modules/bootstrap/dist/js/bootstrap';\nimport { Public } from './public/Public';\nimport runFunc from './sb-admin-2';\nimport { TrangChu } from './trangchu'\nimport { DefaultPage } from './defaultpage'\nimport { DangKy } from './public/dangky/dangky';\n\nfunction App() {\n useEffect(() => {\n runFunc.run();\n }, []);\n function PrivateRoute({ children, ...rest }) {\n return (\n
{\n if (Authen.checkAccess()) {\n return children;\n }\n else {\n return (\n \n )\n }\n }}>\n \n )\n }\n\n return (\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport './style.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n
\n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n","import axios from 'axios';\r\nimport queryString from 'query-string';\r\nimport ThongBao from '../core/ThongBao';\r\n\r\n// Set up default config for http requests here\r\n// Please have a look at here `https://github.com/axios/axios#request- config` for the full list of configs\r\nconst axiosClient = axios.create({\r\n baseURL: process.env.REACT_APP_API_URL,\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n },\r\n paramsSerializer: params => queryString.stringify(params),\r\n});\r\n\r\naxiosClient.interceptors.request.use(async (config) => {\r\n const token = localStorage.getItem(process.env.REACT_APP_TOKEN);\r\n if (token) {\r\n config.headers.Authorization = `Bearer ${token}`;\r\n }\r\n return config;\r\n});\r\n\r\naxiosClient.interceptors.response.use((response) => {\r\n if (response && response.data) {\r\n return response.data;\r\n }\r\n\r\n return response;\r\n}, (error) => {\r\n // Handle errors\r\n if (error.response) {\r\n ThongBao.printErrorMessage(error.response.data);\r\n }\r\n throw error;\r\n});\r\n\r\nexport default axiosClient;","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sidebar\":\"SidebarLayer_sidebar__1HGsY\",\"togglemenu\":\"SidebarLayer_togglemenu__2xTdV\",\"sidecontent\":\"SidebarLayer_sidecontent__2dcL2\",\"outer\":\"SidebarLayer_outer__2kkmN\",\"inner\":\"SidebarLayer_inner__1K-HV\",\"rotate\":\"SidebarLayer_rotate__2hSPx\"};","import alertify from 'alertifyjs';\r\nimport 'alertifyjs/build/css/alertify.min.css';\r\nimport 'alertifyjs/build/css/themes/default.min.css';\r\nconst thongBao = alertify;\r\nalertify.defaults = {\r\n // dialogs defaults\r\n autoReset: true,\r\n basic: false,\r\n closable: true,\r\n closableByDimmer: true,\r\n invokeOnCloseOff: false,\r\n frameless: false,\r\n defaultFocusOff: false,\r\n maintainFocus: true, // <== global default not per instance, applies to all dialogs\r\n maximizable: true,\r\n modal: true,\r\n movable: true,\r\n moveBounded: false,\r\n overflow: true,\r\n padding: true,\r\n pinnable: true,\r\n pinned: true,\r\n preventBodyShift: false, // <== global default not per instance, applies to all dialogs\r\n resizable: true,\r\n startMaximized: false,\r\n transition: 'pulse',\r\n transitionOff: false,\r\n tabbable: 'button:not(:disabled):not(.ajs-reset),[href]:not(:disabled):not(.ajs-reset),input:not(:disabled):not(.ajs-reset),select:not(:disabled):not(.ajs-reset),textarea:not(:disabled):not(.ajs-reset),[tabindex]:not([tabindex^=\"-\"]):not(:disabled):not(.ajs-reset)', // <== global default not per instance, applies to all dialogs\r\n\r\n // notifier defaults\r\n notifier: {\r\n // auto-dismiss wait time (in seconds) \r\n delay: 5,\r\n // default position\r\n position: 'bottom-right',\r\n // adds a close button to notifier messages\r\n closeButton: false,\r\n // provides the ability to rename notifier classes\r\n classes: {\r\n base: 'alertify-notifier',\r\n prefix: 'ajs-',\r\n message: 'ajs-message',\r\n top: 'ajs-top',\r\n right: 'ajs-right',\r\n bottom: 'ajs-bottom',\r\n left: 'ajs-left',\r\n center: 'ajs-center',\r\n visible: 'ajs-visible',\r\n hidden: 'ajs-hidden',\r\n close: 'ajs-close'\r\n }\r\n },\r\n\r\n // language resources \r\n glossary: {\r\n // dialogs default title\r\n title: 'Thông báo',\r\n // ok button text\r\n ok: 'Đồng ý',\r\n // cancel button text\r\n cancel: 'Hủy'\r\n },\r\n\r\n // theme settings\r\n theme: {\r\n // class name attached to prompt dialog input textbox.\r\n input: 'ajs-input',\r\n // class name attached to ok button\r\n ok: 'ajs-ok',\r\n // class name attached to cancel button \r\n cancel: 'ajs-cancel'\r\n },\r\n // global hooks\r\n hooks: {\r\n // invoked before initializing any dialog\r\n preinit: function (instance) { },\r\n // invoked after initializing any dialog\r\n postinit: function (instance) { },\r\n },\r\n};\r\n\r\nconst ThongBao = {\r\n\r\n printSuccessMessage: (message) => {\r\n alertify.success(message);\r\n },\r\n\r\n printErrorMessage: (message) => {\r\n alertify.error(message);\r\n },\r\n prinWarningMessage: (message) => {\r\n alertify.warning(message);\r\n },\r\n\r\n printConfirmationDialog: (message, okCallback, noCallback) => {\r\n if(noCallback != null){\r\n thongBao.confirm(message, function () { okCallback() }, function() {noCallback()});\r\n }\r\n else{\r\n thongBao.confirm(message, function () { okCallback() });\r\n }\r\n }\r\n};\r\n\r\nexport default ThongBao;\r\n\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footernote\":\"FooterNote_footernote__29afZ\",\"footermenu\":\"FooterNote_footermenu__2jqBp\",\"ten\":\"FooterNote_ten__Irexa\",\"mapghichu\":\"FooterNote_mapghichu__2KKpO\",\"chugiaimau\":\"FooterNote_chugiaimau__33YYt\",\"formcheck\":\"FooterNote_formcheck__sC03M\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sidebar\":\"TimKiemNangCao_sidebar__2Jv6m\",\"togglemenu\":\"TimKiemNangCao_togglemenu__3qF1w\",\"sidecontent\":\"TimKiemNangCao_sidecontent__3e_D1\",\"tieude\":\"TimKiemNangCao_tieude__1dejH\",\"frmtimkiem\":\"TimKiemNangCao_frmtimkiem__2MJmh\"};"],"sourceRoot":""}
\r\n 
\r\n ![](\"/img/logo.png\")
\r\n