提交相关代码

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/assets/scss/iframe.scss

@@ -34,7 +34,7 @@ $themeColor: #075985;
 }
 
 .resetStyles {
-  ::v-deep .van-field__label {
+  :deep(.van-field__label) {
     padding-left: 7.35px;
   }
 }

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/components/layout/Page.vue

@@ -6,7 +6,8 @@
                      :border="!!props.title"
                      :style="`height:${usePxToVwView(headerHeight)}`">
             <template v-slot:left>
-                <van-icon @click="goBack" name="revoke" size="1.29rem" color="#000000" class="font-bold" v-if="routerStore.currentPages?.length>1"/>
+                <!-- <van-icon @click="goBack" name="revoke" size="1.29rem" color="#000000" class="font-bold" v-if="routerStore.currentPages?.length>1"/> -->
+                <img src="/src/assets/image/back.png" @click="goBack" class="headerBack" v-if="routerStore.currentPages?.length>1">
                 <slot name="headerLeft"></slot>
             </template>
             <template v-slot:title>
@@ -70,6 +71,11 @@ const goBack = ()=>{
 </script>
 
 <style lang="scss" scoped>
+.headerBack {
+  width: 18px;
+  height: 18px;
+}
+
 .page{
     width: 100%;
     height: 100%;

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/pages/moduleList/moduleList.vue

@@ -20,7 +20,7 @@
                   <van-swipe-cell>
                     <div class="bg-white px-5 py-5 flex items-center flex-row w-full listContent">
                       <div class="listOfImages items-justify-center rounded-full overflow-hidden bg-[#FFEEEC]">
-                        图片
+                        <img :src="queryParameters.homeImage" class="w-full h-full">
                       </div>
                       <div class="flex-1 h-full">
                         <!-- 商机 -->
@@ -64,9 +64,8 @@
 
       <!-- 可拖拽添加 -->
       <DragBox>
-        <div class="addButton backgroundThemeColor rounded-full flex items-center justify-center text-white"
-          @click="toAddEditor()">
-          添加
+        <div class="addButton" @click="toAddEditor()">
+          <img src="/src/assets/image/add.png" class="w-full h-full" />
         </div>
       </DragBox>
 
@@ -365,7 +364,7 @@ useLifecycle({
   }
 }
 
-.headerModeuleList  ::v-deep .van-search__content {
+.headerModeuleList  :deep(.van-search__content) {
   background: #fff !im\portant;
   height: 42px;
   align-items: center;

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/pages/tabbar/home/component/workbench.vue

@@ -13,7 +13,9 @@
       <div></div>
       <!-- 没有数据的情况下 -->
       <div class="w-full h-full flex flex-col items-center justify-center">
-        <div class="schedulePicture bg-black mb-5"></div>
+        <div class="schedulePicture mb-5">
+          <img class="w-full h-full" src="/src/assets/image/schedule.png">
+        </div>
         <div class="text-center text-[#C4C4C4] mb-5">您今天还没安排日程哦！</div>
         <van-button type="primary" class="m-auto w-3/5">马上安排</van-button>
       </div>
@@ -26,13 +28,17 @@
         <div class="flex">
           <template v-for="(item, index) in 10">
             <div class="w80 bg-[#FFA359] h-28 rounded-md flex flex-col items-center justify-center">
-              <div class="formImage"></div>
+              <div class="formImage">
+                <img class="w-full h-full" src="/src/assets/image/form.png">
+              </div>
               <div class="text-white">表单{{ index }}</div>
             </div>
           </template>
           
           <div class="w80 bg-[#357AF4] h-28 rounded-md flex flex-col items-center justify-center">
-            <div class="formImage"></div>
+            <div class="formImage">
+              <img class="w-full h-full" src="/src/assets/image/more.png">
+            </div>
             <div class="text-white">更多</div>
           </div>
         </div>
@@ -45,9 +51,13 @@
       <div class="p16 pt-0 pb-0">
         <template v-for="item in 10">
           <div class="flex flex-row items-center rounded-md p-4 bg-white mb-5">
-            <div class="contactImage"></div>
+            <div class="contactImage">
+              <img class="w-full h-full" src="/src/assets/image/topContacts.png">
+            </div>
             <div class="flex-1">张三</div>
-            <div class="rightArrow"></div>
+            <div class="rightArrow">
+              <van-icon name="arrow" />
+            </div>
           </div>
         </template>
       </div>
@@ -87,31 +97,27 @@ useLifecycle({
   width: 24px;
   height: 24px;
   margin-bottom: 12px;
-  background: #000;
 }
 
 .contactImage {
   width: 29px;
   height: 29px;
   border-radius: 50%;
-  background: #000;
   margin-right: 12px;
 }
 
 .rightArrow {
-  width: 24px;
-  height: 27px;
-  background: #000;
+  font-size: 16px;
 }
 
 .schedulePicture {
   width: 48px;
   height: 51px;
 }
-.setCaleStrle ::v-deep .van-calendar__month-title {
+.setCaleStrle :deep(.van-calendar__month-title) {
   display: none;
 }
-.setCaleStrle ::v-deep .van-calendar__month {
+.setCaleStrle :deep(.van-calendar__month) {
   padding: 0.8rem 0 0.5rem 0;
 }
 </style>

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/pages/tabbar/home/index.vue

@@ -1,10 +1,13 @@
 <template>
   <Page styleReset="headerClass">
     <template v-slot:headerLeft>
-      <div class="text-white">客户管家</div>
+      <div class="homeheaderleft">
+        <img src="/src/assets/image/home_logo.png">
+        <div class="text-white">客户管家</div>
+      </div>
     </template>
     <template v-slot:headerRight>
-      <div class="newButton" @click="showModule = true">新建</div>
+      <div class="newButton" @click="showModule = true">＋ 新建</div>
     </template>
 
     <template v-slot:body>
@@ -36,7 +39,9 @@
           <div class="flex flex-wrap">
             <template v-for="(item) in moduleList" :key="item.id">
               <div class="w-16 flex flex-col items-center mrSpacing" @click.stop="toAddEditor(item)">
-                <div class="newModuleImage"></div>
+                <div class="newModuleImage">
+                  <img class="w-full h-full" :src="returnImageAddress(item)" alt="">
+                </div>
                 <div class="mt-3 text-[#474A56]">{{ item.name }}</div>
               </div>
             </template>
@@ -80,6 +85,11 @@ function toAddEditor(rows) {
   })
 }
 
+function returnImageAddress(rows) {
+  const row = routingInfos[rows.path.replace('/', '')]
+  return row.homeImage
+}
+
 useLifecycle({
   load: () => {
 
@@ -90,13 +100,25 @@ useLifecycle({
 </script>
 
 <style lang="scss" scoped>
-::v-deep .van-tabs__content {
+:deep(.van-tabs__content) {
   flex: 1;
   overflow-y: auto;
 }
-::v-deep .van-tabs__wrap {
+:deep(.van-tabs__wrap) {
   background-color: $themeColor;
 }
+.homeheaderleft {
+  font-size: 20px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  img {
+    width: 30px;
+  }
+  div {
+    margin-left: 10px;
+  }
+}
 .newButton {
   width: 86px;
   line-height: 30px;
@@ -130,7 +152,6 @@ useLifecycle({
   width: 50px;
   height: 50px;
   border-radius: 10px;
-  background: #000;
 }
 .mrSpacing {
   margin-top: 16px;

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/pages/tabbar/work/index.vue

@@ -1,11 +1,12 @@
 <template>
   <Page title="工作">
     <template v-slot:body>
-      <div class="w-full h-full flex items-center">
-        <div class="w-3/4 h-3/4 m-auto flex flex-wrap items-center" @click.stop>
-          <div class="text-gray-950 w-1/2 text-center" v-for="(item) in moduleList" :key="item.id"
+      <div class="w-full h-full">
+        <div class="workLayout" @click.stop>
+          <div class="text-gray-950 text-center modulistImage" v-for="(item) in moduleList" :key="item.id"
             @click.stop="toModuleList(item)">
-            {{ item.name }}
+            <img :src="returnImageAddress(item)"  />
+            <div class="modulistText">{{ item.name }}</div>
           </div>
         </div>
       </div>
@@ -41,10 +42,43 @@ function toModuleList(item) {
   })
 }
 
+function returnImageAddress(rows) {
+  const row = routingInfos[rows.path.replace('/', '')]
+  return row.moduleImage
+}
+
 useLifecycle({
   load: () => {
   }
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.workLayout {
+  margin: 20px;
+  padding-bottom: 20px;
+  overflow: auto;
+  background-color: #fff;
+  border-radius: 8px;
+  display: flex;
+  flex-wrap: wrap;
+}
+.modulistImage {
+  width: 140px;
+  height: 140px;
+  position: relative;
+  margin-left: 18px;
+  margin-top: 18px;
+  img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .modulistText {
+    position: absolute;
+    font-size: 18px;
+    top: 20px;
+    left:  16px;
+  }
+}
+</style>

fhKeeper/formulahousekeeper/customerBuler-crm-h5/src/utility/generalVariables.js

@@ -9,6 +9,8 @@ export const routingInfos = {
     deteleFiled: DELETE_BUSINESS_OPPORTUNITY, // 删除请求接口
     transferInterface: BUSINESS_OPPORTUNITY_TRANSFER, // 转移请求接口
     addEditingInterface: NEW_BUSINESS_OPPORTUNITY_EDITING, // 新增/编辑请求接口
+    homeImage: '/src/assets/image/module/min_business.png', // 首页图片
+    moduleImage: '/src/assets/image/module/business.png', // 模块图片
     searchFiled: { search: 'name' }, // 搜索字段
     image: '', // 图片
   },
@@ -20,6 +22,8 @@ export const routingInfos = {
     deteleUrl: DELETE_CLUES,
     transferInterface: TRANSFER_CLUES,
     addEditingInterface: NEW_CLUE_EDITING,
+    homeImage:  '/src/assets/image/module/min_thread.png',
+    moduleImage: '/src/assets/image/module/thread.png',
     searchFiled: { search: 'clueName' },
     image: '',
   },
@@ -31,6 +35,8 @@ export const routingInfos = {
     deteleFiled: DELETE_CUSTOMER,
     transferInterface: TRANSFER_CUSTOMERS,
     addEditingInterface: CUSTOMER_ADDED_EDITOR,
+    homeImage:  '/src/assets/image/module/min_customer.png',
+    moduleImage: '/src/assets/image/module/customer.png',
     searchFiled: { search: 'customName' },
     image: '',
   },
@@ -42,6 +48,8 @@ export const routingInfos = {
     deteleFiled: DELETE_CONTACTS,
     transferInterface: '',
     addEditingInterface: CONTACT_PERSON_ADDITION_EDITOR,
+    homeImage:  '/src/assets/image/module/min_contacts.png',
+    moduleImage: '/src/assets/image/module/contacts.png',
     searchFiled: { search: 'name' },
     image: '',
   },
@@ -53,6 +61,8 @@ export const routingInfos = {
     deteleFiled: DELETE_TASK,
     transferInterface: '',
     addEditingInterface: TASK_ADD_EDIT,
+    homeImage:  '/src/assets/image/module/min_tasks.png',
+    moduleImage: '/src/assets/image/module/tasks.png',
     searchFiled: { search: 'taskName' },
     image: '',
   },
@@ -64,6 +74,8 @@ export const routingInfos = {
     deteleFiled: DELETE_PRODUCT,
     transferInterface: '',
     addEditingInterface: PRODUCT_ADD_EDITOR,
+    homeImage:  '/src/assets/image/module/min_product.png',
+    moduleImage: '/src/assets/image/module/product.png',
     searchFiled: { search: 'productName' },
     image: '',
   },
@@ -75,6 +87,8 @@ export const routingInfos = {
     deteleFiled: DELETE_CONTRACT,
     transferInterface: '',
     addEditingInterface: CONTRACT_ADDITION_EDITING,
+    homeImage:  '/src/assets/image/module/min_contract.png',
+    moduleImage: '/src/assets/image/module/contract.png',
     searchFiled: { search: 'name' },
     image: '',
   },
@@ -86,6 +100,8 @@ export const routingInfos = {
     deteleFiled: DELETE_ORDER,
     transferInterface: '',
     addEditingInterface: ORDER_ADDITION_EDITING,
+    homeImage:  '/src/assets/image/module/min_order.png',
+    moduleImage: '/src/assets/image/module/order.png',
     searchFiled: { search: 'orderName' },
     image: '',
   }