af-mobile-client-vue3 1.0.70 → 1.0.72

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

@@ -2,293 +2,11 @@
 import { ref } from 'vue'
 import XReportForm from '@af-mobile-client-vue3/components/data/XReportForm/index.vue'
 
-// test_table_config_forEditor
-// test_tableConfig
-// test_table_config_json
-const configName = ref('report_yangchun_gasEqiupmentWidePic')
-// const slotName = ref('test_tableConfig_slot')
-
-const temp_config = {
-  slotsDefine: {},
-  subTitle: [],
-  slotsDeclare: [],
-  data: {
-    images: {
-      serviceall: {
-        imgs: [],
-      },
-    },
-  },
-  columns: [
-    [
-      {
-        rowSpan: 1,
-        colSpan: 12,
-        text: '燃气设施全景',
-        originalRowIndex: 0,
-        type: 'column',
-        originalCellIndex: 0,
-      },
-    ],
-    [
-      {
-        rowSpan: 1,
-        colSpan: 12,
-        dataIndex: 'serviceall@@@imgs',
-        originalRowIndex: 1,
-        type: 'images',
-        originalCellIndex: 0,
-      },
-    ],
-  ],
-  width: 'auto',
-  style: {},
-  title: '',
-  table: [
-    [
-      {
-        rowSpan: 1,
-        def: {
-          text: '燃气设施全景',
-          type: 'column',
-        },
-        colSpan: 12,
-        originalRowIndex: 0,
-        originalCellIndex: 0,
-      },
-    ],
-    [
-      {
-        rowSpan: 1,
-        def: {
-          dataIndex: 'serviceall@@@imgs',
-          type: 'images',
-        },
-        colSpan: 12,
-        originalRowIndex: 1,
-        originalCellIndex: 0,
-      },
-    ],
-  ],
-  designMode: 'VisualTable',
-}
-// const test_json_data = { usermeter: { f_collection_type: '按金额', f_total_gas: '总气量', f_total_fee: '总金额' } }
-//
-// const report_yangchun_serviceRepair = {
-//   title: {
-//     type: 'titleKey',
-//     value: 'f_type',
-//   },
-//   content: [
-//     {
-//       customFunctionForLabel: 'function (config) {\n\treturn { type: \'key\', content: \'f_project\' }\n}',
-//       customFunctionForValue: 'function (config, item) {\n  if (!item.f_content || item.f_content === null) {\n    return { type: \'value\', content: \'无\' }\n  }else {\n    return { type: \'key\', content: \'f_content\'}\n  }\n}',
-//       jsonArrayDataIndex: 'details',
-//       type: 'jsonArray',
-//     },
-//   ],
-//   designMode: 'json',
-//   testJsonData: {
-//     imgs: [],
-//     details: [
-//       {
-//         f_project: '旧表表号',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224392,
-//         type: 'string',
-//       },
-//       {
-//         f_project: '新表表号',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224393,
-//         type: 'string',
-//       },
-//       {
-//         f_project: '引入方式',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224394,
-//         type: 'selector',
-//       },
-//       {
-//         f_project: '是否高空作业',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224395,
-//         type: 'selector',
-//       },
-//       {
-//         f_project: '处理结果',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224396,
-//         type: 'selector',
-//       },
-//       {
-//         f_project: '位置',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224397,
-//         type: 'selector',
-//       },
-//       {
-//         f_project: '补装管卡',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224398,
-//         type: 'selector',
-//       },
-//       {
-//         f_project: '备注',
-//         f_service_id: 35917,
-//         f_is_must: 'false',
-//         id: 224399,
-//         type: 'string',
-//       },
-//     ],
-//     id: 35917,
-//     f_type: '改管维修',
-//   },
-// }
-// const report_yangchun_serviceRepair_data = {
-//   usermeter: {
-//     f_collection_type: '按金额',
-//     f_total_gas: '总气量',
-//     f_total_fee: '总金额',
-//   },
-// }
-//
-// const deepKeyConfig = {
-//   slotsDefine: {},
-//   subTitle: [],
-//   slotsDeclare: [],
-//   data: {
-//     'images': {},
-//     'a1a2@@@a3': '',
-//   },
-//   columns: [
-//     [
-//       {
-//         rowSpan: 1,
-//         colSpan: 3,
-//         text: 'deepKey测试',
-//         originalRowIndex: 0,
-//         type: 'column',
-//         originalCellIndex: 0,
-//       },
-//       {
-//         rowSpan: 1,
-//         dataIndexType: 'String',
-//         colSpan: 3,
-//         dataIndex: 'a1@@@a2@@@a3',
-//         originalRowIndex: 0,
-//         type: 'input',
-//         originalCellIndex: 3,
-//       },
-//       {
-//         rowSpan: 1,
-//         colSpan: 3,
-//         text: '动态表头测试',
-//         originalRowIndex: 0,
-//         type: 'column',
-//         originalCellIndex: 6,
-//       },
-//       {
-//         rowSpan: 1,
-//         customFunction: 'function (val, config) {\n  if (config.data.f_label === \'123\') {\n    return \'A\'\n  } else {\n    return \'B\'\n  }\n}',
-//         colSpan: 3,
-//         text: '1',
-//         originalRowIndex: 0,
-//         type: 'column',
-//         originalCellIndex: 9,
-//       },
-//     ],
-//   ],
-//   width: 'auto',
-//   style: {},
-//   title: '测试deepKey',
-//   designMode: 'VisualTable',
-// }
-// const deepKeyConfigData = {
-//   a1: {
-//     a2: {
-//       a3: '我是a3',
-//     },
-//   },
-//   f_label: '123',
-// }
-//
-// const yangchun_ticket = {
-//   slotsDefine: {},
-//   subTitle: [],
-//   slotsDeclare: [],
-//   data: {
-//     images: {
-//       'serviceall@@@imgs': [],
-//     },
-//   },
-//   columns: [
-//     [
-//       {
-//         rowSpan: 1,
-//         colSpan: 12,
-//         text: '燃气设施全景',
-//         originalRowIndex: 0,
-//         type: 'column',
-//         originalCellIndex: 0,
-//       },
-//     ],
-//     [
-//       {
-//         rowSpan: 1,
-//         colSpan: 12,
-//         dataIndex: 'serviceall@@@imgs',
-//         originalRowIndex: 1,
-//         type: 'images',
-//         originalCellIndex: 0,
-//       },
-//     ],
-//   ],
-//   width: 'auto',
-//   style: {},
-//   title: '',
-//   table: [
-//     [
-//       {
-//         rowSpan: 1,
-//         def: {
-//           text: '燃气设施全景',
-//           type: 'column',
-//         },
-//         colSpan: 12,
-//         originalRowIndex: 0,
-//         originalCellIndex: 0,
-//       },
-//     ],
-//     [
-//       {
-//         rowSpan: 1,
-//         def: {
-//           dataIndex: 'serviceall@@@imgs',
-//           type: 'images',
-//         },
-//         colSpan: 12,
-//         originalRowIndex: 1,
-//         originalCellIndex: 0,
-//       },
-//     ],
-//   ],
-//   designMode: 'VisualTable',
-// }
+const configName = ref('ceshi1')
 </script>
 
 <template>
-  <!--  <XReportForm :config-name="configName" :show-input-columns-label-on-title="true"/> -->
-  <!--  <XReportForm :config-name="configName" :config-data="test_json_data" :local-config="temp_config" /> -->
-  <!--  <XReportForm :config-name="configName" :local-config="temp_config" />  -->
-  <XReportForm :config-name="configName" :local-config="temp_config" />
+  <XReportForm :config-name="configName" />
 </template>
 
 <style scoped lang="less">

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

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import { Image as VanImage, showToast } from 'vant'
+import XSignature from '@af-mobile-client-vue3/components/data/XSignature/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+
+const signatureImage = ref('')
+
+function handleSave() {
+  showToast('签名已保存')
+}
+
+function handleClear() {
+  showToast('签名已清除')
+}
+</script>
+
+<template>
+  <NormalDataLayout title="签名组件">
+    <template #layout_content>
+      基础使用
+      <div class="signature-demo">
+        <XSignature v-model="signatureImage" @save="handleSave" @clear="handleClear" />
+        <div v-if="signatureImage" class="preview">
+          <h3>预览签名</h3>
+          <VanImage v-if="signatureImage" :src="signatureImage" />
+        </div>
+      </div>
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+.signature-demo {
+  padding: 16px;
+  .preview {
+    margin-top: 20px;
+    h3 {
+      margin: 0 0 10px;
+      font-size: 16px;
+      color: #323233;
+    }
+    img {
+      max-width: 100%;
+      border: 1px solid #ebedf0;
+      border-radius: 8px;
+    }
+  }
+}
+</style>

package/src/views/component/index.vue

@@ -26,10 +26,18 @@ const list = ref([
     name: 'XForm 表单',
     to: '/Component/XFormView/1/debug',
   },
+  {
+    name: '操作卡手机端',
+    to: '/Component/XReportFormView',
+  },
   {
     name: '评论记录列表',
     to: '/Component/EvaluateRecordView',
   },
+  {
+    name: 'XSignature 签名组件',
+    to: '/Component/XSignatureView',
+  },
 ])
 
 function cleanConfigCache() {
@@ -69,7 +77,7 @@ async function logout() {
 <style scoped lang="less">
 .home_main {
   width: 100vw;
-  height: 100vh;
+  height: 100%;
   padding: var(--base-interval-2);
   background-color: #eff2f5;
   .home_title {

package/vite.config.ts

@@ -92,7 +92,7 @@ export default ({ mode }: ConfigEnv): UserConfig => {
           viewport({
             appSelector: '#system-app',
             viewportWidth: 375,
-            maxDisplayWidth: 600,
+            maxDisplayWidth: 800,
             appContainingBlock: 'auto',
             necessarySelectorWhenAuto: '.app-wrapper',
             rootContainingBlockSelectorList: ['van-tabbar', 'van-popup'],