优化后，再次提交

unpackage/dist/build/mp-weixin/pages/area/management.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../common/vendor.js"),a=require("../../request/three_one_api/area.js");Math||o();const o=()=>"../../components/AreaFormPopup.js",t={__name:"management",setup(o){const t=e.ref([]),l=e.ref(!1),n=e.ref(!1),c=e.ref(null),r=e.ref(!1),s=e.ref({});e.onMounted((()=>{i()}));const i=async()=>{try{const e=await a.getAreaList();0===e.code&&(t.value=e.data.records||[])}catch(e){console.error("获取区域列表失败:",e)}},u=()=>{n.value=!1,c.value=null,s.value={},l.value=!0},d=()=>{n.value=!1,c.value=null,s.value={}},v=async o=>{r.value=!0;try{const t={name:o.name,color:o.color};let s;n.value?(t.id=c.value,s=await a.updateArea(t)):s=await a.addArea(t),0===s.code&&(l.value=!1,e.index.showToast({title:n.value?"修改成功":"新增成功",icon:"success"}),i())}catch(t){console.error("提交失败:",t),e.index.showToast({title:"操作失败",icon:"none"})}finally{r.value=!1}};return(o,h)=>e.e({a:t.value.length>0},t.value.length>0?{b:e.f(t.value,((o,t,r)=>({a:e.t(o.name||"区域名称"),b:o.color,c:e.t(o.color),d:e.o((t=>(async o=>{try{const e=await a.getAreaDetail({id:o.id});0===e.code&&(n.value=!0,c.value=o.id,s.value={name:e.data.name||"",color:e.data.color||"#FF5733"},l.value=!0)}catch(t){console.error("获取区域详情失败:",t),e.index.showToast({title:"获取详情失败",icon:"none"})}})(o)),o.id),e:e.o((t=>(o=>{e.index.showModal({title:"确认删除",content:"确定要删除该区域吗？",confirmColor:"#e54d42",success:async t=>{if(t.confirm)try{0===(await a.deleteArea({id:o.id})).code&&(e.index.showToast({title:"删除成功",icon:"success"}),i())}catch(l){console.error("删除失败:",l),e.index.showToast({title:"删除失败",icon:"none"})}}})})(o)),o.id),f:o.id})))}:{},{c:e.o(u),d:e.o(v),e:e.o(d),f:e.o((e=>l.value=e)),g:e.p({isEdit:n.value,editData:s.value,loading:r.value,visible:l.value}),h:e.gei(o,"")})}},l=e._export_sfc(t,[["__scopeId","data-v-52477bb6"]]);wx.createPage(l);

unpackage/dist/build/mp-weixin/pages/area/management.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "区域管理",
+  "usingComponents": {
+    "area-form-popup": "../../components/AreaFormPopup"
+  }
+}

unpackage/dist/build/mp-weixin/pages/area/management.wxml

@@ -0,0 +1 @@
+<view class="{{['padding', 'page', 'data-v-52477bb6', virtualHostClass]}}" style="{{virtualHostStyle}}" hidden="{{virtualHostHidden || false}}" id="{{h}}"><view wx:if="{{a}}" class="area-list data-v-52477bb6"><view wx:for="{{b}}" wx:for-item="item" wx:key="f" class="padding bg-white radius margin-bottom data-v-52477bb6"><view class="flex justify-between data-v-52477bb6"><view class="data-v-52477bb6"><view class="text-bold text-black data-v-52477bb6">{{item.a}}</view><view class="margin-top flex align-center data-v-52477bb6"><text class="data-v-52477bb6">颜色：</text><view class="color-dot data-v-52477bb6" style="{{'background-color:' + item.b}}"></view><text class="margin-left-xs data-v-52477bb6">{{item.c}}</text></view></view><view class="data-v-52477bb6"><button class="bg-blue cu-btn data-v-52477bb6" bindtap="{{item.d}}">编辑</button><button class="bg-red cu-btn margin-left data-v-52477bb6" bindtap="{{item.e}}">删除</button></view></view></view></view><view wx:else class="empty-state data-v-52477bb6"><text class="text-gray data-v-52477bb6">暂无区域数据</text></view><button class="add-btn cuIcon-add bg-blue round data-v-52477bb6" bindtap="{{c}}">新增公司区域</button><area-form-popup wx:if="{{g}}" class="data-v-52477bb6" virtualHostClass="data-v-52477bb6" bindsubmit="{{d}}" bindclose="{{e}}" u-i="52477bb6-0" bind:__l="__l" bindupdateVisible="{{f}}" u-p="{{g}}"/></view>

unpackage/dist/build/mp-weixin/pages/area/management.wxss

@@ -0,0 +1 @@
+.page.data-v-52477bb6{min-height:100vh;background:#ebf2fc;padding-bottom:120rpx}.area-list.data-v-52477bb6{padding-bottom:20rpx}.empty-state.data-v-52477bb6{padding:200rpx 0;text-align:center}.add-btn.data-v-52477bb6{position:fixed;bottom:40rpx;left:30rpx;right:30rpx;height:88rpx;line-height:88rpx;border-radius:44rpx;font-size:32rpx}.color-dot.data-v-52477bb6{width:30rpx;height:30rpx;border-radius:6rpx;flex-shrink:0;margin-left:10rpx}