af-mobile-client-vue3 1.2.18 → 1.2.19

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

@@ -1,143 +1,142 @@
 <script setup lang="ts">
 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 { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
-import { defineEmits, ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 
-// 定义事件
-const emit = defineEmits(['deleteRow'])
-const userInfo = useUserStore().getUserInfo()
-// 访问路由
+const configName = ref('ApplyMobileProcessCRUD')
+const serviceName = ref('af-apply')
 const router = useRouter()
-// 获取默认值
-const idKey = ref('o_id')
 
-// 简易crud表单测试
-// const configName = ref('orderCarInMobileCRUD')
-// const serviceName = ref('af-gaslink')
-// const configName = ref('lngPriceManageMobileCRUD')
-const configName = ref('测试2')
-const serviceName = ref('af-gaslink')
-// const configName = ref('mobile_liushuiQueryCRUD')
-// const serviceName = ref('af-revenue')
-
-// 资源权限测试
-// const configName = ref('crud_sources_test')
-// const serviceName = ref('af-system')
-
-// 实际业务测试
-// const configName = ref('lngChargeAuditMobileCRUD')
-// const serviceName = ref('af-gaslink')
-
-// 跳转到详情页面
-// 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,
-    // },
-  })
+// 删除功能
+function phone(result) {
+  // todo 调用真机进行通话
 }
-
-// 新增功能
-// function addOption(totalCount) {
-//   router.push({
-//     name: 'XFormView',
-//     params: { id: totalCount, openid: totalCount },
-//     query: {
-//       configName: configName.value,
-//       serviceName: serviceName.value,
-//       mode: '新增',
-//     },
-//   })
-// }
-function addOption() {
-  router.push({
-    name: 'XFormGroupView',
-    // params: { id: totalCount.value },
-    // query: {
-    //   configName: configName.value,
-    //   serviceName: serviceName.value,
-    //   mode: '新增',
-    // },
-  })
-  // 如果存在回调函数，调用它并传递true表示已处理
-  // if (typeof callback === 'function') {
-  //   callback(true)
-  // }
+// 跳转流程处理
+function action(row) {
+  router.push({ name: 'stepDetail', query: { workflowId: row.ab_f_workflow_id, stepId: row.ws_f_step_id } })
 }
-
-// 修改功能
-function updateRow(result) {
-  console.log('用户----', userInfo)
-  router.push({
-    name: 'XFormGroupView',
-    // 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)
+// 工作日志
+function worklog(row) {
+  router.push({ name: 'worklog', query: { workflowid: row.ab_f_workflow_id, defname: row.ws_f_name } })
 }
+onMounted(() => {
+})
 </script>
 
 <template>
-  <NormalDataLayout id="XCellListView" title="工作计划">
-    <template #layout_content>
-      <!--      <XCellList -->
-      <!--        :config-name="configName" -->
-      <!--        :service-name="serviceName" -->
-      <!--        :custom-add="true" -->
-      <!--        :custom-edit="true" -->
-      <!--        :id-key="idKey" -->
-      <!--        @to-detail="toDetail" -->
-      <!--        @delete-row="deleteRow" -->
-      <!--        @update="updateRow" -->
-      <!--        @add="addOption" -->
-      <!--      /> -->
-
-      <!--      :fix-query-form="{ u_f_price_state: ['生效', '待生效'] }" -->
-
-      <XCellList
-        config-name="小小测试CRUD"
-        service-name="af-apply"
-        @to-detail="toDetail"
-        @delete-row="deleteRow"
-      />
-    </template>
-  </NormalDataLayout>
+  <XCellList
+    :config-name="configName"
+    :service-name="serviceName"
+    @phone="phone"
+    @action="action"
+    @worklog="worklog"
+  />
 </template>
 
 <style scoped lang="less">
+.cell-search-after {
+  padding: 0 12px 12px 12px;
+  background-color: #fff;
+  .van-row:first-child {
+    align-items: center;
+    margin-bottom: 8px;
+    padding: 0 2px;
+    h4 {
+      font-size: 1.08rem;
+      font-weight: 600;
+      margin: 0;
+      color: #222;
+      letter-spacing: 1px;
+    }
+    .stat-date-range {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      font-size: 0.92rem;
+      color: #b0b3b8;
+      font-weight: 400;
+      span {
+        margin-left: 4px;
+        font-size: 0.92rem;
+        color: #b0b3b8;
+      }
+      .van-icon {
+        font-size: 1rem;
+        color: #b0b3b8;
+        margin-right: 2px;
+      }
+    }
+  }
+  .van-row:nth-child(2) {
+    margin-top: 8px;
+    // 统计卡片间距由gutter控制
+    .van-col {
+      // 让卡片宽度自适应
+      .stat-card {
+        width: 100%;
+      }
+    }
+  }
+  .stat-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    border-radius: 12px;
+    padding: 6px 0 4px 0; // 压缩高度
+    min-height: 44px; // 压缩高度
+    position: relative;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+    background: #f7f8fa;
+    .stat-num {
+      font-size: 1.08rem; // 缩小字体
+      font-weight: 600;
+      margin-bottom: 2px;
+    }
+    .stat-label {
+      font-size: 0.82rem; // 缩小字体
+      margin-bottom: 2px;
+    }
+    .stat-icon {
+      position: absolute;
+      top: 6px;
+      right: 8px;
+      font-size: 1rem;
+      opacity: 0.4;
+    }
+  }
+  .stat-total {
+    background: #f0f5ff;
+    color: #2f54eb;
+    .stat-num,
+    .stat-label {
+      color: #2f54eb;
+    }
+    .stat-icon {
+      color: #2f54eb;
+    }
+  }
+  .stat-done {
+    background: #e6fffb;
+    color: #13c2c2;
+    .stat-num,
+    .stat-label {
+      color: #13c2c2;
+    }
+    .stat-icon {
+      color: #13c2c2;
+    }
+  }
+  .stat-processing {
+    background: #f9f0ff;
+    color: #b37feb;
+    .stat-num,
+    .stat-label {
+      color: #b37feb;
+    }
+    .stat-icon {
+      color: #b37feb;
+    }
+  }
+}
 </style>

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

@@ -5,19 +5,16 @@ import { showDialog } from 'vant'
 import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 
-// const configName = ref('reviewFormGroup')
-// const serviceName = ref('af-revenue')
-
 // 纯表单
-// const configName = ref('form_check_test')
-// const serviceName = ref('af-system')
+const configName = ref('form_check_test')
+const serviceName = ref('af-system')
 
 // const configName = ref("计划下发Form")
 // const serviceName = ref("af-linepatrol")
 
 // 表单组
-const configName = ref('lngChargeAuditMobileFormGroup')
-const serviceName = ref('af-gaslink')
+// const configName = ref('lngChargeAuditMobileFormGroup')
+// const serviceName = ref('af-gaslink')
 
 const formData = ref({})
 const formGroup = ref(null)

package/vite.config.ts

@@ -11,8 +11,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
 
   const appProxys = {}
 
-  const v4Server = 'http://aote-office.8866.org:31567'
-  const v3Server = 'http://aote-office.8866.org:31567'
+  const v4Server = 'http://192.168.50.67:31577'
+  const v3Server = 'https://wkf.qhgas.com'
   const OSSServerDev = 'http://192.168.50.67:30351'
   const geoserver = 'http://39.104.49.8:30372'
   // const OSSServerProd = 'http://192.168.50.67:31351'