af-mobile-client-vue3 1.2.13 → 1.2.15

package/src/styles/login.less

@@ -1,95 +1,112 @@
-html:not(.dark) {
-  .form {
-    .form_field {
-      :deep(.van-field__label) {
-        color: rgb(88, 88, 88);
-      }
-      :deep(.van-field__body) {
-        background: rgb(251, 251, 251);
-        box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
-        color: rgb(71, 71, 71);
-      }
-      :deep(.van-cell) {
-        background: #ffffff;
-      }
-    }
-    .extra_setting {
-      .extra_setting_for_remember_password {
-        color: rgb(88, 88, 88);
-      }
-    }
-  }
-}
-.form {
-  width: 100%;
-  padding: 0 40px;
-  .form_field {
-    padding-right: 0;
-    padding-left: 0;
-    :deep(.van-field__label) {
-      opacity: 0.7;
-      font-size: 16px;
-      font-weight: 400;
-      line-height: 23px;
-      text-transform: uppercase;
-      text-indent: 10px;
-    }
-    :deep(.van-field__body) {
-      height: 40px;
-      border-radius: 5px;
-      font-size: 16px;
-      font-weight: 400;
-      padding: 8px 10px;
-      opacity: 0.6;
-    }
-  }
-  .extra_setting {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 12px;
-    .extra_setting_for_remember_password {
-      opacity: 0.7;
-      span {
-        position: relative;
-        bottom: 3px;
-        left: 5px;
-      }
-    }
-    .extra_setting_for_reset_password {
-      position: relative;
-      top: 2px;
-      opacity: 0.7;
-      color: rgb(56, 149, 250);
-    }
-  }
-  .btn {
-    height: 50px;
-    :deep(.van-button__text) {
-      color: rgb(255, 255, 255);
-      font-size: 16px;
-      font-weight: 700;
-      line-height: 23px;
-    }
-  }
-  .login_btn {
-    background: rgb(56, 149, 250);
-    margin-top: 104px;
-  }
-  .reset_btn {
-    margin: 24px 0;
-  }
-  .back_btn {
-    :deep(.van-button__text) {
-      color: rgb(56, 149, 250);
-    }
-  }
-  :deep(.van-cell:after) {
-    border-bottom: none;
-  }
-}
-.login_form {
-  margin-top: 65px;
-}
-.forget_password_form {
-  margin-top: 15px;
-}
+html:not(.dark) {
+  .form {
+    .form_field {
+      :deep(.van-field__label) {
+        color: rgb(88, 88, 88);
+      }
+      :deep(.van-field__body) {
+        background: rgb(251, 251, 251);
+        box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
+        color: rgb(71, 71, 71);
+      }
+      :deep(.van-cell) {
+        background: #ffffff;
+      }
+    }
+    .extra_setting {
+      .extra_setting_for_remember_password {
+        color: rgb(88, 88, 88);
+      }
+    }
+  }
+}
+.form {
+  width: 100%;
+  padding: 0 40px;
+  .form_field {
+    padding-right: 0;
+    padding-left: 0;
+    :deep(.van-field__label) {
+      opacity: 0.7;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 23px;
+      text-transform: uppercase;
+      text-indent: 10px;
+    }
+    :deep(.van-field__body) {
+      height: 40px;
+      border-radius: 5px;
+      font-size: 16px;
+      font-weight: 400;
+      padding: 8px 10px;
+      opacity: 0.6;
+    }
+  }
+  .extra_setting {
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 12px;
+    .extra_setting_for_remember_password {
+      opacity: 0.7;
+      span {
+        position: relative;
+        bottom: 3px;
+        left: 5px;
+      }
+    }
+    .extra_setting_for_reset_password {
+      position: relative;
+      top: 2px;
+      opacity: 0.7;
+      color: rgb(56, 149, 250);
+    }
+  }
+  .btn {
+    height: 50px;
+    :deep(.van-button__text) {
+      color: rgb(255, 255, 255);
+      font-size: 16px;
+      font-weight: 700;
+      line-height: 23px;
+    }
+  }
+  .login_btn {
+    background: rgb(56, 149, 250);
+    margin-top: 104px;
+  }
+  .reset_btn {
+    margin: 24px 0;
+  }
+  .back_btn {
+    :deep(.van-button__text) {
+      color: rgb(56, 149, 250);
+    }
+  }
+  :deep(.van-cell:after) {
+    border-bottom: none;
+  }
+}
+.login_form {
+  margin-top: 65px;
+}
+.forget_password_form {
+  margin-top: 15px;
+}
+
+/* 使图标垂直居中 */
+.wechat-login-btn .van-icon {
+  vertical-align: middle;
+}
+
+/* 悬停效果 */
+.wechat-login-btn:hover {
+  background-color: #06AD56 !important;
+  border-color: #06AD56 !important;
+}
+
+/* 点击效果 */
+.wechat-login-btn:active {
+  background-color: #05994C !important;
+  border-color: #05994C !important;
+}

package/src/views/component/XCellListView/index.vue

@@ -1,50 +1,104 @@
 <script setup lang="ts">
-import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
-
+import XCellList from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
 import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+import { defineEmits, ref } from 'vue'
+import { useRouter } from 'vue-router'
+
+// 定义事件
+const emit = defineEmits(['deleteRow'])
+// 访问路由
+const router = useRouter()
+// 获取默认值
+const idKey = ref('o_id')
+
+// 简易crud表单测试
+const configName = ref('lngChargeAuditMobileCRUD')
+const serviceName = ref('af-gaslink')
+
+// 资源权限测试
+// const configName = ref('crud_sources_test')
+// const serviceName = ref('af-system')
+
+// 实际业务测试
+// const configName = ref('lngChargeAuditMobileCRUD')
+// const serviceName = ref('af-gaslink')
 
-import { runLogic } from '@af-mobile-client-vue3/services/api/common'
-import { onBeforeMount, ref } from 'vue'
-
-import { useRoute } from 'vue-router'
-
-const route = useRoute()
-const workflowId: string = route.query.workflowId as string
-const stepId: string = route.query.stepId as string
-const currentStep = ref(undefined)
-const formData = ref(undefined)
-const isLoading = ref(false)
-const isFinish = ref(false)
-
-// http://localhost:7190/apply-app/step-detail?workflowId=376&stepId=2#/
-// 初始化组件
-function initComponent() {
-  isLoading.value = true
-  runLogic('getWorkFlowDefine', {
-    id: workflowId,
-  }, 'af-apply').then((res: any) => {
-    const stepIdValue = Number.parseInt(stepId as string)
-    currentStep.value = res.steps.filter((item: any) => item.id === stepIdValue)[0]
-    formData.value = currentStep.value.properties.form
-    console.log('formData.value==', formData.value)
-    isFinish.value = true
-  }).finally(() => {
-    isLoading.value = false
+// 跳转到详情页面
+// function toDetail(item) {
+//   router.push({
+//     name: 'XCellDetailView',
+//     params: { id: item[idKey.value] }, // 如果使用命名路由，推荐使用路由参数而不是直接构建 URL
+//     query: {
+//       operName: item[operNameKey.value],
+//       method:item[methodKey.value],
+//       requestMethod:item[requestMethodKey.value],
+//       operatorType:item[operatorTypeKey.value],
+//       operUrl:item[operUrlKey.value],
+//       operIp:item[operIpKey.value],
+//       costTime:item[costTimeKey.value],
+//       operTime:item[operTimeKey.value],
+//
+//       title: item[titleKey.value],
+//       businessType: item[businessTypeKey.value],
+//       status:item[statusKey.value]
+//     }
+//   })
+// }
+
+// 跳转到表单——以表单组来渲染纯表单
+function toDetail(item) {
+  router.push({
+    name: 'XFormGroupView',
+    query: {
+      id: item[idKey.value],
+      // id: item.rr_id,
+      // o_id: item.o_id,
+    },
   })
 }
 
-onBeforeMount(() => {
-  initComponent()
-})
+// 新增功能
+// function addOption(totalCount) {
+//   router.push({
+//     name: 'XFormView',
+//     params: { id: totalCount, openid: totalCount },
+//     query: {
+//       configName: configName.value,
+//       serviceName: serviceName.value,
+//       mode: '新增',
+//     },
+//   })
+// }
+
+// 修改功能
+// function updateRow(result) {
+//   router.push({
+//     name: 'XFormView',
+//     params: { id: result.o_id, openid: result.o_id },
+//     query: {
+//       configName: configName.value,
+//       serviceName: serviceName.value,
+//       mode: '修改',
+//     },
+//   })
+// }
+
+// 删除功能
+function deleteRow(result) {
+  emit('deleteRow', result.o_id)
+}
 </script>
 
 <template>
-  <NormalDataLayout v-if="isFinish" :title="currentStep.name">
+  <NormalDataLayout id="XCellListView" title="工作计划">
     <template #layout_content>
-      <XForm
-        mode="新增"
-        :group-form-items="formData"
-        service-name="af-apply"
+      <XCellList
+        :config-name="configName"
+        :service-name="serviceName"
+        :fix-query-form="{ o_f_oper_name: 'edu_test' }"
+        :id-key="idKey"
+        @to-detail="toDetail"
+        @delete-row="deleteRow"
       />
     </template>
   </NormalDataLayout>