Browse Source

fix():修改路内样式

tags/PMS_Frontend_v1.0.6-develop
guoxin 1 year ago
parent
commit
69e6bdbdd1
  1. 1
      src/pages/InRoadMgm/BusinessMgm/SpecialRecord/index.scss
  2. 37
      src/pages/InRoadMgm/BusinessMgm/SpecialRecord/loadable.jsx

1
src/pages/InRoadMgm/BusinessMgm/SpecialRecord/index.scss

@ -673,6 +673,7 @@ $color-primary: var(--color-primary);
.imag-pic { .imag-pic {
.img-pic { .img-pic {
display: flex; display: flex;
flex-wrap: wrap;
.img { .img {
position: relative; position: relative;

37
src/pages/InRoadMgm/BusinessMgm/SpecialRecord/loadable.jsx

@ -5,7 +5,7 @@ import {
pageSizeOptions pageSizeOptions
} from '@/config/character.config.js' } from '@/config/character.config.js'
import "./index.scss"; import "./index.scss";
import { SearchOutlined, DeleteOutlined, PlusOutlined,CloseCircleFilled } from '@ant-design/icons';
import { SearchOutlined, DeleteOutlined, PlusOutlined, CloseCircleFilled } from '@ant-design/icons';
import ajax from '@/services' import ajax from '@/services'
import { useSessionStorageState } from "ahooks" import { useSessionStorageState } from "ahooks"
const { TabPane } = Tabs; const { TabPane } = Tabs;
@ -439,7 +439,7 @@ function CollectorWorkStat(props) {
setGetTableId(record) setGetTableId(record)
} }
// useEffect(() => { // useEffect(() => {
// }, [getTableId.id]) // }, [getTableId.id])
const getTable = (data = lastColumnList) => { const getTable = (data = lastColumnList) => {
@ -468,11 +468,11 @@ function CollectorWorkStat(props) {
const [getEditData, setGetEditData] = useState({}) const [getEditData, setGetEditData] = useState({})
const imgData = () => { const imgData = () => {
let imgUrl = [] let imgUrl = []
if(fileList.length==0){
if (fileList.length == 0) {
getImage.map(item => { getImage.map(item => {
imgUrl.push(item) imgUrl.push(item)
}) })
}else{
} else {
fileList.map(res => { fileList.map(res => {
imgUrl.push(res.response?.data) imgUrl.push(res.response?.data)
getImage.map(item => { getImage.map(item => {
@ -545,7 +545,7 @@ function CollectorWorkStat(props) {
if (res.status === 20000) { if (res.status === 20000) {
setChangeVisible(false) setChangeVisible(false)
getData(formData) getData(formData)
}else{
} else {
message.error(res.message) message.error(res.message)
setChangeVisible(false) setChangeVisible(false)
} }
@ -831,10 +831,11 @@ function CollectorWorkStat(props) {
window.open(res.data.url) window.open(res.data.url)
}) })
} }
const detdailPic=(index)=>{
let arr=[...getImage]
let str= arr.splice(index,1)
setGetImage(str);
const detdailPic = (index) => {
console.log(index);
let arr = [...getImage]
arr.splice(index, 1)
setGetImage(arr);
} }
const [getPlateColor, setGetPlateColor] = useState([]) const [getPlateColor, setGetPlateColor] = useState([])
const plateColor = () => { const plateColor = () => {
@ -858,14 +859,14 @@ function CollectorWorkStat(props) {
setCreatVisible(false) setCreatVisible(false)
getApproveData(formData) getApproveData(formData)
setGetCreatDataList({ setGetCreatDataList({
operationName:'',
plate_color_id:'',
plate:'',
owner:'',
phone:'',
vehicle_type:'',
vehicle_status:'',
fileList:[]
operationName: '',
plate_color_id: '',
plate: '',
owner: '',
phone: '',
vehicle_type: '',
vehicle_status: '',
fileList: []
}) })
} }
}) })
@ -1541,7 +1542,7 @@ function CollectorWorkStat(props) {
</Upload> </Upload>
<div className="img-pic"> <div className="img-pic">
{ {
getImage.map((res,index) => {
getImage.map((res, index) => {
return ( return (
<div className="img" > <div className="img" >
<Button type="circle" className="type" onClick={() => { detdailPic(index) }} > x</Button> <Button type="circle" className="type" onClick={() => { detdailPic(index) }} > x</Button>

Loading…
Cancel
Save