fix:修改页面bug

ebike-operate/src/views/BackManage/BackSite/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <a-tabs v-model:activeKey="activeKey" @change="onTabChange" style="width: 100%; margin-top: 10px;">
+  <a-tabs v-model:activeKey="activeKey" @change="onTabChange" style="width: 100%; margin-top: 10px">
     <a-tab-pane key="" tab="全部"></a-tab-pane>
     <a-tab-pane key="0" tab="待处理" force-render></a-tab-pane>
     <a-tab-pane key="1" tab="处理中"></a-tab-pane>
@@ -12,7 +12,10 @@
     <a-row :gutter="8">
       <a-col :xl="8" :lg="12" :md="12" :sm="24" :xs="24">
         <a-form-item label="反馈时间">
-                <a-range-picker v-model:value="queryform.backTime" :placeholder="['反馈时间起','反馈时间止']" />
+          <a-range-picker
+            v-model:value="queryform.backTime"
+            :placeholder="['反馈时间起', '反馈时间止']"
+          />
         </a-form-item>
       </a-col>
       <a-col :xl="6" :lg="12" :md="12" :sm="24" :xs="24">
@@ -28,10 +31,7 @@
     </a-row>
   </a-form>
   <!-- 表格 -->
-    <a-spin
+  <a-spin :spinning="spinning" :tip="tipContent">
-        :spinning="spinning"
-        :tip="tipContent"
-    >
     <a-table
       :pagination="pagination"
       @change="handleTableChange"
@@ -46,7 +46,15 @@
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'dealState'">
-                    {{ record.dealState == '0' ? '未处理' : record.dealState == '1' ? '处理中' : record.dealState == '2' ? '已处理' : '' }}
+          {{
+            record.dealState == '0'
+              ? '未处理'
+              : record.dealState == '1'
+                ? '处理中'
+                : record.dealState == '2'
+                  ? '已处理'
+                  : ''
+          }}
         </template>
         <template v-if="column.key === 'action'">
           <a-space v-if="record.dealState == '0'">
@@ -73,23 +81,23 @@
   </a-modal>
 </template>
 <script setup>
-  import { ref, reactive, onMounted, nextTick } from 'vue';
+import { ref, reactive, onMounted, nextTick } from 'vue'
 import { callOrder } from '@/apis/call.js'
 import { message } from 'ant-design-vue'
 import config from '@/utils/config.js'
 import { dataFormat } from '@/utils/tools'
-import { getCache } from '@/utils/authority';
+import { getCache } from '@/utils/authority'
 import BackSiteForm from '@/views/form/backsite/BackSiteForm.vue'
-  const activeKey = ref('');
+const activeKey = ref('')
 
-  const open = ref(false);
+const open = ref(false)
-  const openTitle = ref('处理停车点申请');
+const openTitle = ref('处理停车点申请')
-  const formModel = ref(null);
+const formModel = ref(null)
 
-  const spinning = ref(false);
+const spinning = ref(false)
-  const tipContent = ref("加载中...");
+const tipContent = ref('加载中...')
 // 表格行数据
-  const dataSource = ref([]);
+const dataSource = ref([])
 const data = ref([])
 // 查询相关
 const queryform = ref({
@@ -97,10 +105,7 @@ import { getCache } from '@/utils/authority';
   state: '',
   startTime: '',
   endTime: '',
-    backTime: [
+  backTime: ['', ''],
-        '',
-        ''
-    ],
   pageParam: {
     pageNum: config.pageParam.pageNum,
     pageSize: config.pageParam.pageSize
@@ -196,24 +201,24 @@ import { getCache } from '@/utils/authority';
 
 //获取用户列表数据并格式化字段
 onMounted(async () => {
-    getData();
+  getData()
 })
 
 const getData = async () => {
-    spinning.value = true;
+  spinning.value = true
-    let queryparams = queryform.value;
+  let queryparams = queryform.value
   if (queryparams.backTime && queryparams.backTime[0] != '') {
-      queryparams.startTime = dataFormat(queryparams.backTime[0], 'yyyy-MM-dd HH:mm:ss');  
+    queryparams.startTime = dataFormat(queryparams.backTime[0], 'yyyy-MM-dd HH:mm:ss')
   }
   if (queryparams.backTime && queryparams.backTime[1] != '') {
-      queryparams.endTime = dataFormat(queryparams.backTime[1], 'yyyy-MM-dd HH:mm:ss'); 
+    queryparams.endTime = dataFormat(queryparams.backTime[1], 'yyyy-MM-dd HH:mm:ss')
   }
-    delete queryparams.backTime;
+  delete queryparams.backTime
   //获取默认区域
-    const userdefultoperation = getCache('ebike-userdefultoperation');
+  const userdefultoperation = getCache('ebike-userdefultoperation')
-    queryparams.regionId = userdefultoperation.regionId;
+  queryparams.regionId = userdefultoperation?.regionId
-    const res = await callOrder("/ebikeUserBacksite/page", queryparams);
+  const res = await callOrder('/ebikeUserBacksite/page', queryparams)
-    spinning.value = false;
+  spinning.value = false
   if (res.code != 200) {
     message.error(res.message)
     dataSource.value = []
@@ -244,37 +249,37 @@ import { getCache } from '@/utils/authority';
 }
 
 const onTabChange = (key) => {
-    activeKey.value = key;
+  activeKey.value = key
-    queryform.value.state = key;
+  queryform.value.state = key
   getData()
 }
 
 const handleDeal = async (record) => {
-    open.value = true;
+  open.value = true
   nextTick(() => {
     if (formModel.value) {
-        formModel.value.openForm({ ...record });
+      formModel.value.openForm({ ...record })
     } else {
-        console.log('formModel is not ready yet');
+      console.log('formModel is not ready yet')
     }
-    });
+  })
 }
 
 /**
  * 处理停车点申请modal确定
  */
 const handleOkModal = () => {
-    formModel.value.formSave(bres => {
+  formModel.value.formSave((bres) => {
-      open.value = false;
+    open.value = false
     if (bres) {
       getData()
     }
-    });
+  })
 }
 
 const handleCancelModal = () => {
-    formModel.value.resetAll(bres => {
+  formModel.value.resetAll((bres) => {
-      if(bres) open.value = false;
+    if (bres) open.value = false
-    });
+  })
 }
 </script>