af-mobile-client-vue3 1.4.59 → 1.4.61

package/src/views/component/XOlMapView/XLocationPicker/index.vue

@@ -1,118 +1,118 @@
-<script setup lang="ts">
-import type { LocationResult } from '@af-mobile-client-vue3/components/data/XOlMap/types'
-import LocationPicker from '@af-mobile-client-vue3/components/data/XOlMap/XLocationPicker/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-import { showNotify } from 'vant'
-import { ref } from 'vue'
-
-const selectedLocation = ref<LocationResult>()
-
-// 处理位置选择
-function handleLocationConfirm(location: LocationResult) {
-  // console.log('选择的位置:', location)
-  // selectedLocation.value = location
-  showNotify({ type: 'success', message: '位置已选择' })
-}
-</script>
-
-<template>
-  <NormalDataLayout id="XLocationPicker" title="XOlMap地址选择器">
-    <template #layout_content>
-      <div class="location-picker-demo">
-        <!-- 页面标题 -->
-        <div class="page-header">
-          <div class="title">
-            位置选择
-          </div>
-        </div>
-
-        <!-- 选择结果展示 -->
-        <div v-if="selectedLocation" class="location-result">
-          <div class="label">
-            已选位置:
-          </div>
-          <div class="value">
-            {{ selectedLocation.address }}
-          </div>
-          <div class="coordinates">
-            经度: {{ selectedLocation.longitude.toFixed(6) }},
-            纬度: {{ selectedLocation.latitude.toFixed(6) }}
-          </div>
-        </div>
-
-        <!-- 地图组件 -->
-        <div class="map-container">
-          <LocationPicker
-            v-model="selectedLocation"
-            :default-center="[108.948024, 34.263161]"
-            :default-zoom="12"
-            @confirm="handleLocationConfirm"
-          />
-        </div>
-      </div>
-    </template>
-  </NormalDataLayout>
-</template>
-
-<style scoped lang="less">
-.location-picker-demo {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: #f7f8fa;
-}
-
-.page-header {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: white;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
-  position: relative;
-  z-index: 1;
-
-  .title {
-    font-size: 16px;
-    color: #333;
-    font-weight: 500;
-  }
-}
-
-.location-result {
-  background: white;
-  padding: 12px 16px;
-  margin: 10px;
-  border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-
-  .label {
-    font-size: 14px;
-    color: #666;
-    margin-bottom: 4px;
-  }
-
-  .value {
-    font-size: 16px;
-    color: #333;
-    margin-bottom: 8px;
-    word-break: break-all;
-  }
-
-  .coordinates {
-    font-size: 12px;
-    color: #999;
-  }
-}
-
-.map-container {
-  flex: 1;
-  position: relative;
-  margin: 0 10px 10px 10px;
-  border-radius: 8px;
-  overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-</style>
+<script setup lang="ts">
+import type { LocationResult } from '@af-mobile-client-vue3/components/data/XOlMap/types'
+import LocationPicker from '@af-mobile-client-vue3/components/data/XOlMap/XLocationPicker/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+import { showNotify } from 'vant'
+import { ref } from 'vue'
+
+const selectedLocation = ref<LocationResult>()
+
+// 处理位置选择
+function handleLocationConfirm(location: LocationResult) {
+  // console.log('选择的位置:', location)
+  // selectedLocation.value = location
+  showNotify({ type: 'success', message: '位置已选择' })
+}
+</script>
+
+<template>
+  <NormalDataLayout id="XLocationPicker" title="XOlMap地址选择器">
+    <template #layout_content>
+      <div class="location-picker-demo">
+        <!-- 页面标题 -->
+        <div class="page-header">
+          <div class="title">
+            位置选择
+          </div>
+        </div>
+
+        <!-- 选择结果展示 -->
+        <div v-if="selectedLocation" class="location-result">
+          <div class="label">
+            已选位置:
+          </div>
+          <div class="value">
+            {{ selectedLocation.address }}
+          </div>
+          <div class="coordinates">
+            经度: {{ selectedLocation.longitude.toFixed(6) }},
+            纬度: {{ selectedLocation.latitude.toFixed(6) }}
+          </div>
+        </div>
+
+        <!-- 地图组件 -->
+        <div class="map-container">
+          <LocationPicker
+            v-model="selectedLocation"
+            :default-center="[108.948024, 34.263161]"
+            :default-zoom="12"
+            @confirm="handleLocationConfirm"
+          />
+        </div>
+      </div>
+    </template>
+  </NormalDataLayout>
+</template>
+
+<style scoped lang="less">
+.location-picker-demo {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background-color: #f7f8fa;
+}
+
+.page-header {
+  height: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+  position: relative;
+  z-index: 1;
+
+  .title {
+    font-size: 16px;
+    color: #333;
+    font-weight: 500;
+  }
+}
+
+.location-result {
+  background: white;
+  padding: 12px 16px;
+  margin: 10px;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+
+  .label {
+    font-size: 14px;
+    color: #666;
+    margin-bottom: 4px;
+  }
+
+  .value {
+    font-size: 16px;
+    color: #333;
+    margin-bottom: 8px;
+    word-break: break-all;
+  }
+
+  .coordinates {
+    font-size: 12px;
+    color: #999;
+  }
+}
+
+.map-container {
+  flex: 1;
+  position: relative;
+  margin: 0 10px 10px 10px;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+</style>

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

@@ -1,47 +1,47 @@
-<script setup lang="ts">
-import XReportForm from '@af-mobile-client-vue3/components/data/XReportForm/index.vue'
-
-import { onMounted, onUnmounted, ref } from 'vue'
-
-const localConfig = ref(undefined)
-const configName = ref(undefined)
-const configData = ref(undefined)
-
-function receiveMessage(event) {
-  try {
-    if (event.data && typeof event.data === 'object' && event.data.type === 'setConfig') {
-      localConfig.value = event.data.localConfig
-      configName.value = event.data.configName
-      configData.value = event.data.configData
-    }
-  }
-  catch (e) {
-    console.error(e)
-  }
-}
-
-onMounted(() => {
-  window.addEventListener('message', receiveMessage, false)
-  window.parent.postMessage('calParentSend', '*')
-})
-
-onUnmounted(() => {
-  window.removeEventListener('message', receiveMessage, false)
-})
-
-function saveConfig(_config) {
-  const config = JSON.parse(JSON.stringify(_config))
-  window.parent.postMessage({
-    type: 'saveConfig',
-    config,
-  }, '*')
-}
-</script>
-
-<template>
-  <!-- 业务上只保存了data，传递的 localconfig 也是 data 这里临时吧 localconfig 作为data使用 -->
-  <XReportForm v-if="localConfig || configName" :config-name="configName" :show-nav="false" :local-config="localConfig" :config-data="configData" @save-config="saveConfig" />
-</template>
-
-<style scoped lang="less">
-</style>
+<script setup lang="ts">
+import XReportForm from '@af-mobile-client-vue3/components/data/XReportForm/index.vue'
+
+import { onMounted, onUnmounted, ref } from 'vue'
+
+const localConfig = ref(undefined)
+const configName = ref(undefined)
+const configData = ref(undefined)
+
+function receiveMessage(event) {
+  try {
+    if (event.data && typeof event.data === 'object' && event.data.type === 'setConfig') {
+      localConfig.value = event.data.localConfig
+      configName.value = event.data.configName
+      configData.value = event.data.configData
+    }
+  }
+  catch (e) {
+    console.error(e)
+  }
+}
+
+onMounted(() => {
+  window.addEventListener('message', receiveMessage, false)
+  window.parent.postMessage('calParentSend', '*')
+})
+
+onUnmounted(() => {
+  window.removeEventListener('message', receiveMessage, false)
+})
+
+function saveConfig(_config) {
+  const config = JSON.parse(JSON.stringify(_config))
+  window.parent.postMessage({
+    type: 'saveConfig',
+    config,
+  }, '*')
+}
+</script>
+
+<template>
+  <!-- 业务上只保存了data，传递的 localconfig 也是 data 这里临时吧 localconfig 作为data使用 -->
+  <XReportForm v-if="localConfig || configName" :config-name="configName" :show-nav="false" :local-config="localConfig" :config-data="configData" @save-config="saveConfig" />
+</template>
+
+<style scoped lang="less">
+</style>

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

@@ -1,13 +1,13 @@
-<script setup lang="ts">
-import XReportForm from '@af-mobile-client-vue3/components/data/XReportForm/index.vue'
-import { ref } from 'vue'
-
-const configName = ref('用户户内通气点火工艺流程')
-</script>
-
-<template>
-  <XReportForm :config-name="configName" />
-</template>
-
-<style scoped lang="less">
-</style>
+<script setup lang="ts">
+import XReportForm from '@af-mobile-client-vue3/components/data/XReportForm/index.vue'
+import { ref } from 'vue'
+
+const configName = ref('用户户内通气点火工艺流程')
+</script>
+
+<template>
+  <XReportForm :config-name="configName" />
+</template>
+
+<style scoped lang="less">
+</style>

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

@@ -1,50 +1,50 @@
-<script setup lang="ts">
-import XSignature from '@af-mobile-client-vue3/components/data/XSignature/index.vue'
-import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
-import { showToast, Image as VanImage } from 'vant'
-import { ref } from '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>
+<script setup lang="ts">
+import XSignature from '@af-mobile-client-vue3/components/data/XSignature/index.vue'
+import NormalDataLayout from '@af-mobile-client-vue3/components/layout/NormalDataLayout/index.vue'
+import { showToast, Image as VanImage } from 'vant'
+import { ref } from '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

@@ -31,7 +31,7 @@ const list = ref([
   },
   {
     name: 'XForm 表单',
-    to: '/Component/XFormView/1/debug?configName=hiddenTroubleFollowForm&serviceName=af-linepatrol&mode=新增',
+    to: '/Component/XFormView',
   },
   {
     name: 'XFormGroup 表单组',
@@ -85,6 +85,10 @@ const list = ref([
     name: 'MateChat 对话组件',
     to: '/Component/MateChatView',
   },
+  {
+    name: 'kk预览',
+    to: '/Component/FilePreview',
+  },
 ])
 
 function cleanConfigCache() {

package/src/views/component/notice.vue

@@ -1,46 +1,46 @@
-<script setup lang="ts">
-import { getImageUrl } from '@af-mobile-client-vue3/utils/common'
-import {
-  Divider as VanDivider,
-  NoticeBar as VanNoticeBar,
-} from 'vant/es'
-</script>
-
-<template>
-  <div>
-    <VanNoticeBar class="notice" color="#1989fa" background="#ebf2fb" mode="link">
-      <img class="notice_icon" :src="getImageUrl('../assets/img/home/notice/icon.png')">
-      <span class="notice_title">
-        消息中心<VanDivider vertical :style="{ borderColor: '#1989fa' }" />
-      </span>
-      <span class="notice_content">
-        您有0条未读消息
-      </span>
-    </VanNoticeBar>
-  </div>
-</template>
-
-<style scoped lang="less">
-.notice {
-  font-size: 14px;
-  margin-bottom: var(--base-interval-1);
-  .notice_icon {
-    width: 30px;
-    height: 30px;
-    vertical-align: middle;
-    position: relative;
-    bottom: 2px;
-  }
-  .notice_title {
-    padding-left: 4px;
-    line-height: 50px;
-  }
-  .notice_content {
-    color: #000;
-  }
-}
-:deep(.van-notice-bar) {
-  height: 50px;
-  padding: 0 8px;
-}
-</style>
+<script setup lang="ts">
+import { getImageUrl } from '@af-mobile-client-vue3/utils/common'
+import {
+  Divider as VanDivider,
+  NoticeBar as VanNoticeBar,
+} from 'vant/es'
+</script>
+
+<template>
+  <div>
+    <VanNoticeBar class="notice" color="#1989fa" background="#ebf2fb" mode="link">
+      <img class="notice_icon" :src="getImageUrl('../assets/img/home/notice/icon.png')">
+      <span class="notice_title">
+        消息中心<VanDivider vertical :style="{ borderColor: '#1989fa' }" />
+      </span>
+      <span class="notice_content">
+        您有0条未读消息
+      </span>
+    </VanNoticeBar>
+  </div>
+</template>
+
+<style scoped lang="less">
+.notice {
+  font-size: 14px;
+  margin-bottom: var(--base-interval-1);
+  .notice_icon {
+    width: 30px;
+    height: 30px;
+    vertical-align: middle;
+    position: relative;
+    bottom: 2px;
+  }
+  .notice_title {
+    padding-left: 4px;
+    line-height: 50px;
+  }
+  .notice_content {
+    color: #000;
+  }
+}
+:deep(.van-notice-bar) {
+  height: 50px;
+  padding: 0 8px;
+}
+</style>

package/src/views/component/topNav.vue

@@ -1,36 +1,36 @@
-<script setup lang="ts">
-import {
-  Col as VanCol,
-  Row as VanRow,
-  Search as VanSearch,
-} from 'vant/es'
-import { ref } from 'vue'
-
-const value = ref('')
-</script>
-
-<template>
-  <div class="top_nav_main">
-    <VanRow gutter="54" align="center">
-      <VanCol span="2">
-        <img alt="default-user-profile" class="default_user_profile" src="../../assets/common/default-user-profile.png">
-      </VanCol>
-      <VanCol span="22">
-        <VanSearch v-model="value" placeholder="请输入搜索关键词" />
-      </VanCol>
-    </VanRow>
-  </div>
-</template>
-
-<style scoped lang="less">
-.top_nav_main {
-  padding-bottom: var(--base-interval-1);
-}
-.default_user_profile {
-  border-radius: 50%;
-  width: 33px;
-  height: 33px;
-  position: relative;
-  top: 2px;
-}
-</style>
+<script setup lang="ts">
+import {
+  Col as VanCol,
+  Row as VanRow,
+  Search as VanSearch,
+} from 'vant/es'
+import { ref } from 'vue'
+
+const value = ref('')
+</script>
+
+<template>
+  <div class="top_nav_main">
+    <VanRow gutter="54" align="center">
+      <VanCol span="2">
+        <img alt="default-user-profile" class="default_user_profile" src="../../assets/common/default-user-profile.png">
+      </VanCol>
+      <VanCol span="22">
+        <VanSearch v-model="value" placeholder="请输入搜索关键词" />
+      </VanCol>
+    </VanRow>
+  </div>
+</template>
+
+<style scoped lang="less">
+.top_nav_main {
+  padding-bottom: var(--base-interval-1);
+}
+.default_user_profile {
+  border-radius: 50%;
+  width: 33px;
+  height: 33px;
+  position: relative;
+  top: 2px;
+}
+</style>