修改

src/pages/index/index.vue

@@ -12,8 +12,8 @@
                     <button class="logout-btn" @click="handleLogout">退出登录</button>
                 </view>
                 <view v-else class="login-prompt">
-                    <text class="prompt-text">请先登录</text>
-                    <button class="login-btn" @click="goToLogin">前往登录</button>
+                    <text class="prompt-text">请先登录111</text>
+                    <button class="login-btn" @click="goToLogin">前往登录123</button>
                 </view>
             </view>
         </template>
@@ -22,7 +22,7 @@
             <view class="text-area">
                 <text class="title">{{ title }}</text>
             </view>
-            <view class="mb-80">{{ selectDictLabel(class_type, 1) }}</view>
+            <!-- <view class="mb-80">{{ selectDictLabel(class_type, 1) }}</view> -->
             <view class="bg-blue-500 c-primary p-4 rounded">Hello UnoCSS!</view>
             <up-button @click="$u.route({ type: 'switchTab', url: '/pages/plant/index' })" text="plant" color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" />
             <up-button @click="$u.route({ type: 'switchTab', url: '/pages/production/index' })" text="production" color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))" />
@@ -34,9 +34,8 @@ import { computed } from 'vue';
 import { useAuthStore } from '@/store/modules/auth';
 import { useUserStore } from '@/store/modules/user';
 import { checkAuth, logoutAndRedirect } from '@/utils/routeGuard';
-
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { class_type } = toRefs<any>(proxy?.useDict('class_type'));
+// const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+// const { class_type } = toRefs<any>(proxy?.useDict('class_type'));
 const title = ref('Hello');
 const paging = ref<any>(null);
 

src/pages/plant/index.vue

@@ -31,22 +31,23 @@
         <template>
             <view class="p-rtv">
                 <view class="pd-10 mg-14">
-                    <view class="b-radius pd-4" style="border: 1rpx solid #fff; background: linear-gradient(90deg, #c1f3c5 0%, rgba(193, 243, 197, 0.5) 20%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(232, 255, 234, 0.5) 100%, #e8ffea 100%), linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 80%, transparent 100%)">
+                    <view class="b-radius pd-6" style="border: 1rpx solid #fff; background: linear-gradient(90deg, #c1f3c5 0%, rgba(193, 243, 197, 0.5) 20%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 50%, rgba(232, 255, 234, 0.5) 100%, #e8ffea 100%), linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0.3) 80%, transparent 100%)">
                         <view class="b-radius pd-10" style="border: 1rpx solid #baedbf">
-                            <view class="d-flex pr-15 mb-15">
-                                <view></view>
-                                <view>单位主营物种</view>
+                            <view v-if="!speciesArray.length" class="pd-20"></view>
+                            <view v-if="speciesArray.length" class="d-flex pr-15">
                                 <view class="flex1"></view>
                                 <view class="f-s-22 c-primary">去修改{{ '>' }}</view>
                             </view>
-                            <view class="c-#333 f-s-24 d-flex pl-30 pr-15 pb-15">
+                            <view v-if="speciesArray.length" class="c-#333 f-s-24 d-flex pl-30 pr-15 pb-15 pt-15">
                                 <view class="ov-hd tx-ov w-s-no">三七、天麻、徐长卿、白及、徐长卿、白及、三七、天麻、徐长卿、白及、徐长卿、白及</view>
                                 <view class="flex1 w-s-no">等120个物种</view>
                             </view>
+                            <view v-if="!speciesArray.length" class="c-primary bg-#E3F6E7 f-s-22 mg-at radius-10 w-250 h-50 d-flex a-c j-c"> 暂未配置物种,去配置> </view>
+                            <view v-if="!speciesArray.length" class="pd-7"></view>
                         </view>
                     </view>
                 </view>
-                <view class="b-radius pd-16 bg-#f7f7f7" style="border: 1rpx solid #fff; margin-top: -40rpx">
+                <view class="b-radius pd-16 bg-#f7f7f7" style="border: 1rpx solid #fff; border-bottom-color: transparent; margin-top: -40rpx">
                     <view class="d-flex a-c">
                         <view class="c-333 f-s-32 f-w-5">基地与地块管理</view>
                         <view class="flex1"></view>
@@ -57,7 +58,9 @@
                             <ut-action-sheet v-model="form.type" :tabs="[{ label: '全部', value: '' }]" @change="onRefresh" title="选择原料类型">
                                 <view class="d-flex search-select-item a-c">
                                     <view class="flex1 ov-hd f-s-28 c-333 text-center f-w-5">{{ '全部' }}</view>
-                                    <up-icon size="20rpx" color="#1D9C3E" name="arrow-down-fill" class="mr-10"></up-icon>
+                                    <!-- @unocss-skip-start -->
+                                    <up-icon size="20rpx" color="red" name="arrow-down-fill" class="mr-10"></up-icon>
+                                    <!-- @unocss-skip-end -->
                                 </view>
                             </ut-action-sheet>
                         </view>
@@ -67,9 +70,10 @@
                     </view>
                     <template #empty>
                         <ut-empty class="mg-at" color="">尚未添加绘制种养殖基地信息~</ut-empty>
-                        <up-button >
-                            <template #text> 添加基地信息 </template>
-                        </up-button>
+                        <view class="b-radius c-#fff f-s-36 bg-#37A954 h-78 w-382 d-flex a-c j-c mg-at"
+                            >去添加基地
+                            <up-icon name="photo" color="#fff"></up-icon>
+                        </view>
                     </template>
                 </view>
             </view>
@@ -86,13 +90,17 @@ const avatar = ref();
 const name = ref('神奇大侠');
 const phone = ref('17708862791');
 const cpyname = ref('智慧溯源有限公司');
-const form = ref({ type: '', placeholder: '搜基地名称、编号、地址、负责人' });
+const form = ref({ type: '', placeholder: '搜基地名称、编号、地址、负责人', keywords: '' });
+const speciesArray = ref(['']);
+const changeSeach = () => {
+    paging.value.reload();
+};
 const onRefresh = () => {
     paging.value.reload();
 };
-setTimeout(() => {
-    useClientRequest.get('/time');
-}, 2000);
+// setTimeout(() => {
+//     useClientRequest.get('/time');
+// }, 2000);
 </script>
 <style lang="scss" scoped>
 // @import '@/assets/styles/theme.scss';