feat():充电站管理新增经纬度选择功能

src/components/TableModule/index.jsx

@@ -50,6 +50,7 @@ const TableModule = forwardRef((props, ref) => {
     rowSelection = false, //自定义选择项
     isExport = true, //是否显示导出按钮
     diyButton,//右上角自定义按钮
+    diyTotal, // 自定义统计
     rightButtonGroup = [], //右侧按钮额外的展示，需要传入数组
     otherData = {}, //额外需要携带的参数，传入对象
     rowKey = "id", //table的key值
@@ -927,6 +928,9 @@ const TableModule = forwardRef((props, ref) => {
           export_file_name: filename,
         }
       }
+      if (pageName === "charge") { //特殊情况，充电记录导出
+        form.start_time = moment(form.start_time[0]).format("YYYY-MM-DD") + "," + moment(form.start_time[1]).format("YYYY-MM-DD")
+      }
       if (tableData.length != 0) {
         exportAjax({
           url: exportUrl,
@@ -1058,6 +1062,7 @@ const TableModule = forwardRef((props, ref) => {
             <span className="letter">共查询到</span>
             <span className="total-number"> {total}</span>
             <span className="letter">条结果</span>
+            {diyTotal ? diyTotal : null}
           </span>
           <div className="right-button-group">
             {rightButtonGroup.map((item) => item)}

src/components/TableModule/index.scss

@@ -38,6 +38,14 @@ $color-primary: var(--color-primary);
     
   }
   .right-list {
+    .charge-static {
+      .charge-item {
+        padding: 0 20px;
+        &:first-child {
+          margin-left: 20px;
+        }
+      }
+    }
     .total-wrapper  {
        display: block;
        .total-item {

src/pages/NewEnergy/ChargeStationMgm/index.scss

@@ -5,8 +5,14 @@
     .left,.right {
       width: calc(50% - 10px);
       .row {
+        position: relative;
         width: 100%;
         margin: 10px 0;
+        .latlng-box {
+          position: absolute;
+          right: 0;
+          top: 0;
+        }
       }
       .cc-form-tree {
         margin-bottom: 0;

src/pages/NewEnergy/ChargeStationMgm/loadable.jsx

@@ -8,7 +8,7 @@ import {
 import ajax from "@/services";
 import { useSessionStorageState, useSetState } from "ahooks"
 import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';
-import { TableModule, FormInput, FormSelect, FormTreeSelectNew, ImgError } from "@/components";
+import { TableModule, FormInput, FormSelect, FormTreeSelectNew, ImgError, SelectGaodeLngLat } from "@/components";
 import "./index.scss";
 
 
@@ -25,6 +25,8 @@ function Appointment() {
   const [areaList, setAreaList] = useState([]);
   //商户名称下拉
   const [operatorList, setOperatorList] = useState([]);
+  // 经纬度选择弹窗
+  const [lngLatVisible, setLngLatVisible] = useState(false);
   // 添加站点
   const initAdd = {
     name: "",
@@ -34,7 +36,8 @@ function Appointment() {
     area: "",
     operator: "",
     count: "",
-    img: ""
+    img: "",
+    lng_lat: ""
   }
   const [addFormData, setAddFormData] = useSetState(initAdd);
   // 搜索参数
@@ -208,6 +211,7 @@ function Appointment() {
     setDetailVisible(true)
   }
   const handelOk = () => {
+    // console.log(addFormData);
     if (!addFormData.name) {
       message.warn("请输入充电站名称")
       return
@@ -236,6 +240,10 @@ function Appointment() {
       message.warn("请选择商户名称")
       return
     }
+    if (!addFormData.lng_lat) {
+      message.warn("请选择经纬度")
+      return
+    }
     if (!addFormData.img) {
       message.warn("请上传充电照片")
       return
@@ -401,19 +409,6 @@ function Appointment() {
                 isBayonet={true}
                 onChange={(e) => { setAddFormData({ area: e }) }}
               />
-              {/* <Cascader
-              options={areaList}
-              defaultValue={addFormData.area}
-              placeholder="请选择区域"
-              expandTrigger="hover"
-              changeOnSelect
-              fieldNames={{
-                label: "name",
-                value: "id",
-                children: "children",
-              }}
-              onChange={cascaderChange}
-            /> */}
             </div>
             <div className="row">
               <FormSelect
@@ -426,6 +421,29 @@ function Appointment() {
                 onChange={e => { setAddFormData({ operator: e }) }}
               />
             </div>
+            <div className="row">
+              <FormInput
+                yisaLabel="经纬度"
+                placeholder="请选择经纬度"
+                isShowAfterIcon={false}
+                defaultValue={addFormData.lng_lat || null}
+                value={addFormData.lng_lat}
+                disabled={true}
+              />
+              <div className="latlng-box">
+                <SelectGaodeLngLat
+                  open={() => setLngLatVisible(true)}
+                  lngLatVisible={lngLatVisible}
+                  getLntLat={(value) => {
+                    setAddFormData({ lng_lat: value })
+                  }}
+                  onChange={(adress) => {
+                    console.log(adress);
+                  }}
+                  close={() => setLngLatVisible(false)}
+                />
+              </div>
+            </div>
           </div>
           <div className="right">
             <Upload

src/pages/NewEnergy/RecordsInquiry/Appointment/loadable.jsx

@@ -19,7 +19,7 @@ function Appointment() {
   const [total, setTotal] = useState(0);
   // 详情数据
   const [detailData, setDetailData] = useState({});
-  const startTime = moment().subtract(0, 'days').startOf('day').format('YYYY-MM-DD')
+  const startTime = moment().subtract(7, 'days').startOf('day').format('YYYY-MM-DD')
   const endTime = moment().format('YYYY-MM-DD')
   // 初始搜索条件
   const initFormData = {

src/pages/NewEnergy/RecordsInquiry/Charge/loadable.jsx

@@ -16,9 +16,18 @@ function Charge() {
   const [tableData, setTableData] = useState([]);
   // 数据总数
   const [total, setTotal] = useState(0);
+  const [resultData, setResultData] = useState({
+    data: [],
+    total: 0,
+    total_capacity: 0, // 总充电电量
+    total_electric: 0, //总电费
+    total_service_fee: 0, //总充电服务费
+    total_income: 0, //总充电收入
+    total_duration: 0, //总充电时长
+  });
   // 详情数据
   const [detailData, setDetailData] = useState({});
-  const startTime = moment().subtract(0, 'days').startOf('day').format('YYYY-MM-DD')
+  const startTime = moment().subtract(7, 'days').startOf('day').format('YYYY-MM-DD')
   const endTime = moment().format('YYYY-MM-DD')
   // 初始搜索条件
   const initFormData = {
@@ -136,6 +145,7 @@ function Charge() {
     }
     ajax.recordsInquiry.getChargeList(params).then((res) => {
       if (res.status === 20000) {
+        setResultData(res)
         setTableData(res.data);
         setTotal(res.total);
       } else {
@@ -144,6 +154,37 @@ function Charge() {
     });
   }
 
+  const diyTotal = (data) => {
+    return (
+      <span className="charge-static">
+        <span className="charge-item">
+          <span className="letter">总电量:</span>
+          <span className="total-number">{data.total_capacity||0}</span>
+          <span className="letter">度</span>
+        </span>
+        <span className="charge-item">
+          <span className="letter">总电费:</span>
+          <span className="total-number">{data.total_electric||0}</span>
+          <span className="letter">元</span>
+        </span>
+        <span className="charge-item">
+          <span className="letter">总服务费:</span>
+          <span className="total-number">{data.total_service_fee||0}</span>
+          <span className="letter">元</span>
+        </span>
+        <span className="charge-item">
+          <span className="letter">总收入:</span>
+          <span className="total-number">{data.total_income||0}</span>
+          <span className="letter">元</span>
+        </span>
+        <span className="charge-item">
+          <span className="letter">总时长:</span>
+          <span className="total-number">{data.total_duration||0}</span>
+        </span>
+      </span>
+    )
+  }
+
   const handelAdd = () => {
     setDetailVisible(true)
   }
@@ -153,6 +194,7 @@ function Charge() {
       <TableModule
         showSerial={true}
         columns={columns}
+        diyTotal={diyTotal(resultData)}
         tableData={tableData}
         formSearch={formSearch}
         pagename="充电订单"
@@ -160,7 +202,7 @@ function Charge() {
         initFormData={initFormData}
         total={total}
         search={search}
-        exportUrl="/api/bpm/record/get_record_export"
+        exportUrl="/api/nes/record_query/export_charge_list"
       />
       <Modal
         open={detailVisible}

src/pages/NewEnergy/RecordsInquiry/Violation/loadable.jsx

@@ -21,7 +21,7 @@ function Violation() {
   const [total, setTotal] = useState(0);
   // 详情数据
   const [detailData, setDetailData] = useState({});
-  const startTime = moment().subtract(0, 'days').startOf('day').format('YYYY-MM-DD')
+  const startTime = moment().subtract(7, 'days').startOf('day').format('YYYY-MM-DD')
   const endTime = moment().format('YYYY-MM-DD')
   // 初始搜索条件
   const initFormData = {

src/services/NewEnergy/recordsInquiry.js

@@ -12,7 +12,7 @@ const getUnlockingList = (params) => {
 // 预约记录查询
 const getAppointmentList = (params) => {
   return ajax({
-    url: "/api/new_power/records/appointment_list",
+    url: "/api/nes/record_query/appointment_list",
     type: "post",
     data: params,
   });
@@ -21,7 +21,7 @@ const getAppointmentList = (params) => {
 // 充电记录查询
 const getChargeList = (params) => {
   return ajax({
-    url: "/api/new_power/records/charge_list",
+    url: "/api/nes/record_query/charge_list",
     type: "post",
     data: params,
   });
@@ -30,7 +30,7 @@ const getChargeList = (params) => {
 // 违规记录查询
 const getViolationList = (params) => {
   return ajax({
-    url: "/api/new_power/records/violation_list",
+    url: "/api/nes/record_query/violation_list",
     type: "post",
     data: params,
   });
@@ -39,7 +39,7 @@ const getViolationList = (params) => {
 // 违规类型下拉
 const getViolationSelect = (params) => {
   return ajax({
-    url: "/api/new_power/records/violation_select",
+    url: "/api/nes/record_query/violation_select",
     type: "get",
     data: params,
   });