chenglb
/
PMS_Frontend_v1.0.0
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fix():用户认证页面

tags/PMS_Frontend_v1.0.6-develop
xingjx 1 year ago
parent
d40dc41913
commit
e6d600abc4
2 changed files with 114 additions and 89 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 81
      src/pages/OperationCenter/UserMgm/UserAuth/loadable.jsx
  2. 122
      src/pages/OperationCenter/UserMgm/UserInfo/loadable.jsx

81
src/pages/OperationCenter/UserMgm/UserAuth/loadable.jsx
View File

@ -29,43 +29,20 @@ function UserAuth() {
},
{
title: "提交人",
dataIndex: "operator",
key: "operator",
dataIndex: "name",
key: "name",
align: "center",
},
{
title: "审核状态",
dataIndex: "auditState",
key: "auditState",
dataIndex: "state_name",
key: "state_name",
align: "center",
render: (text, record, index) => {
var color = ''
switch (text) {
case "待审核":
case "残疾车待审核":
color = 'rgb(16, 141, 233)';
break;
case "已审核":
case "残疾车已审核":
color = 'red';
break;
case "已作废":
case "残疾车已作废":
color = 'rgb(152, 152, 152)';
default:
break;
}
return (<>
<span type="primary" style={{ width: ' 5px', height: ' 5px', borderRadius: '50%', background: color, display: ' inline-block' }}>
</span>
{text}
</>)
},
},
{
title: "操作人",
dataIndex: "operator",
key: "operator",
dataIndex: "edit_name",
key: "edit_name",
align: "center",
},
{
@ -76,8 +53,8 @@ function UserAuth() {
},
{
title: "更新时间",
dataIndex: "operate_time",
key: "operate_time",
dataIndex: "update_time",
key: "update_time",
align: "center",
},
{
@ -88,14 +65,28 @@ function UserAuth() {
align: "center",
render: (text, record, index) => (
<>
<span type="primary" style={{ display: 'block', textAlign: 'center' }} onClick={() => {
<span type="primary" style={{ display: 'inline-block', textAlign: 'center', margin: '0 10px' }} onClick={() => {
setTag('2');
setCarId(record.carId)
setMyId(record.id)
setIndexby(index)
}}>
<a>通过</a>
</span>
<span type="primary" style={{ display: 'inline-block', textAlign: 'center', margin: '0 10px' }} onClick={() => {
setTag('2');
setCarId(record.carId)
setMyId(record.id)
setIndexby(index)
}}>
<a>查看</a>
</span>
<span type="primary" style={{ display: 'inline-block', textAlign: 'center', margin: '0 10px' }} onClick={() => {
setTag('2');
setCarId(record.carId)
setMyId(record.id)
setIndexby(index)
}}>
<a>驳回</a>
</span>
</>
@ -136,8 +127,8 @@ function UserAuth() {
function search() {
ajax({
url: "/api/ope/car/certification_list",
type: "post",
url: "/api/ope/user_manage/auth_list",
type: "get",
data: { ...formData, ...pageData },
}).then((res) => {
let { status, data, total } = res
@ -185,47 +176,47 @@ function UserAuth() {
<div className="ltc-content">
<div className="ltc-item">
<div className="new-item">姓名</div>
<div className="new-value">{resultData[indexby]?.mo || "--"}</div>
<div className="new-value">{resultData[indexby]?.name || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">性别</div>
<div className="new-value">{resultData[indexby].p || "--"}</div>
<div className="new-value">{resultData[indexby].sex || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">年龄</div>
<div className="new-value">{resultData[indexby].c || "--"}</div>
<div className="new-value">{resultData[indexby].age || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">会员手机号</div>
<div className="new-value">{resultData[indexby].a || "--"}</div>
<div className="new-value">{resultData[indexby].phone || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">身份证号</div>
<div className="new-value">{resultData[indexby].a || "--"}</div>
<div className="new-value">{resultData[indexby].id_card || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">出生日期</div>
<div className="new-value">{resultData[indexby].a || "--"}</div>
<div className="new-value">{resultData[indexby].birth || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">认证状态</div>
<div className="new-value">{resultData[indexby].a || "--"}</div>
<div className="new-value">{resultData[indexby].state_name || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">提交日期</div>
<div className="new-value">{resultData[indexby].a || "--"}</div>
<div className="new-value">{resultData[indexby].create_time || "--"}</div>
</div>
<div className="ltc-item">
<div className="new-item">更新日期</div>
<div className="new-value">{resultData[indexby].a || "--"}</div>
<div className="new-value">{resultData[indexby].update_time || "--"}</div>
</div>
</div>
<div className="ltc-content">
<div className="ltc-item ltc-item-img">
<img src={resultData[indexby].vehicle_travel_license_img1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} />
<img src={resultData[indexby].authImg1 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img1); setBigpicVisible(true) }} />
</div>
<div className="ltc-item ltc-item-img">
<img src={resultData[indexby].vehicle_travel_license_img2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} />
<img src={resultData[indexby].authImg2 || require("../../../../../src/assets/images/error-img.png")} onClick={() => { setBigPic(resultData[indexby].vehicle_travel_license_img2); setBigpicVisible(true) }} />
</div>
</div>
</div>

122
src/pages/OperationCenter/UserMgm/UserInfo/loadable.jsx
View File

@ -171,26 +171,6 @@ function UserInfo() {
</>)
arr.push(obj)
break
case 6:
obj.render = (text, record) => (<>
<span type="primary" style={{ display: 'block', textAlign: 'center' }} onClick={() => {
setTkddVisible(true)
}}>
<a>详情</a>
</span>
</>)
arr.push(obj)
break
case 7:
obj.render = (text, record) => (<>
<span type="primary" style={{ display: 'block', textAlign: 'center' }} onClick={() => {
setTkddVisible(true)
}}>
<a>详情</a>
</span>
</>)
arr.push(obj)
break
case 8:
obj.render = (text, record) => (<>
<span type="primary" style={{ display: 'block', textAlign: 'center' }} onClick={() => {
@ -582,7 +562,6 @@ function UserInfo() {
},
];
const [tag, setTag] = useState('1');
const [edit, setEdit] = useState(true);
const [resData, setResData] = useState([])
const [resultData, setResultData] = useState([])
const [baseData, setBaseData] = useState({
@ -594,18 +573,18 @@ function UserInfo() {
const [baseDetailData, setBaseDetailData] = useState()//基本信息详情
const [ycddData, setYcddData] = useState([])//异常订单数据
const [detailVisible, setDetailVisible] = useState(false);
const [ltcVisible, setLtcVisible] = useState(false);
const [timesVisible, setTimesVisible] = useState(false); //退款尝试次数展开
const [ycddVisible, setYcddVisible] = useState(false);
const [tkddVisible, setTkddVisible] = useState(false);
const [cardVisible, setCardVisible] = useState(false);
const [eaeVisible, setEaeVisible] = useState(false);//出入场图片
const [bigpicVisible, setBigpicVisible] = useState(false);//大图展示
const [bqVisible, setBqVisible] = useState(false);//流程查看
const [cjPic, setCjPic] = useState();
const [bigPic, setBigPic] = useState();
const [total, setTotal] = useState(0);
const [tabKey, setTabKey] = useState("1");
// 分页数据
const [pageInfo, setPageInfo] = useState({
pn: 1,
length: 15
});
//详情弹框tab
const [actkey, setactKey] = useState("1")
function openModal(params) {
@ -722,12 +701,6 @@ function UserInfo() {
case "5":
url = "/api/bpm/record/get_parking_arrears_list"//欠费记录
break
case "6":
url = ""
break
case "7":
url = ""
break
case "8":
url = "/api/ope/record/get_refund_list"//退费订单
break
@ -753,6 +726,40 @@ function UserInfo() {
}
} else {
setResultData([])
setTotal(0)
message.error(res.message)
}
})
}
//
function searchLv(e) {
var url = ''
switch (tabKey) {
case "6":
url = "/api/ope/user_manage/grade_list"//会员等级
break
case "7":
url = "/api/ope/user_manage/credit_list"//信用等级
break
default: break
}
ajax({
url: url,
type: "get",
data: { ...pageInfo, memberId: memberId },
}).then((res) => {
let { status, data, total } = res
if (status == 20000) {
if (data.list) {
setResultData(data.list)
setTotal(data.total)
} else {
setResultData(data)
setTotal(total)
}
} else {
setResultData([])
setTotal(0)
message.error(res.message)
}
})
@ -987,16 +994,37 @@ function UserInfo() {
/>
);
}
const paginationProps = {
className: "pagination-common",
showQuickJumper: true,
showSizeChanger: true,
current: pageInfo.pn,
total: total,
pageSize: pageInfo.length,
pageSizeOptions: Array.from(
new Set([...[15], ...(dictionary?.pageSizeOptions || [])])
),
onChange: (current, size) => {
setPageInfo({
...pageInfo,
...{ pn: current, length: size }
});
},
}
//单个表格渲染
function renderModalTable(columns, dataSource) {
return (
<Table
columns={columns}
dataSource={dataSource}
scroll={{ x: 1000 }}
rowKey={(record) => record.id}
/>
<>
<Table
columns={columns}
dataSource={dataSource}
scroll={{ x: 1000 }}
rowKey={(record) => record.id}
pagination={false}
/>
<Pagination {...paginationProps} className="pagination-common" />
</>
);
}
//退款订单详情
@ -1125,9 +1153,15 @@ function UserInfo() {
// useEffect(() => {
// searchOther()
// }, [tabKey])
useEffect(() => {
setPageInfo({
...pageInfo,
...{ pn: 1, length: 15 }
});
if (tabKey == '6' || tabKey == '7') {
searchLv()
}
}, [tabKey])
return (
<>
@ -1193,7 +1227,7 @@ function UserInfo() {
{tabKey == 6 ?
renderModalTable(
createCol(['变动类型', '变动时间', '变动金额', '成长值', '当前等级'],
[], 0),
['type_name', 'time', 'money', 'value', 'grade'], 6),
resultData
) : null}
</Tabs.TabPane>
@ -1201,7 +1235,7 @@ function UserInfo() {
{tabKey == 7 ?
renderModalTable(
createCol(['变动类型', '变动时间', '信用值', '当前等级'],
[], 0),
['type_name', 'time', 'value', 'grade'], 7),
resultData
) : null}
</Tabs.TabPane>

Write Preview
Loading…
Cancel
Save