af-mobile-client-vue3 1.0.54

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

@@ -0,0 +1,478 @@
+<script setup lang="ts">
+import {
+  NavBar as VanNavBar,
+  Row as VanRow,
+  Space as VanSpace,
+  Cell as VanCell,
+  CellGroup as VanCellGroup
+} from 'vant'
+import { useRoute } from "vue-router";
+import {onMounted,ref,getCurrentInstance} from 'vue'
+import XForm from '@af-mobile-client-vue3/components/data/XForm/index.vue'
+import {openApiLogic} from "@af-mobile-client-vue3/services/api/common";
+import {showDialog} from "vant/lib";
+import {formatDate} from '@af-mobile-client-vue3/hooks/useCommon'
+let xForm = ref(null)
+let loading = ref(true)
+let id = ref(-1)
+let openid = ref('')
+const instance = getCurrentInstance();
+let route = useRoute()
+let serviceName = ref('af-revenue')
+let currentEvaluate = {
+  id: null,
+  f_business_name: '',
+  f_evaluate_state: ''
+}
+const pageNo = 1
+const pageSize = 20
+onMounted(()=>{
+  if (instance){
+    id.value = route.params.id as unknown as number
+    openid.value = <string>route.params.openid
+    formInit()
+  }
+})
+
+async function formInit() {
+  let formJson = {
+    "apiSlot": {},
+    "column": [{
+      "addOrEdit": "all",
+      "name": "问题描述",
+      "rule": {
+        "type": "string",
+        "required": "false"
+      },
+      "isOnlyAddOrEdit": true,
+      "model": "problem",
+      "type": "textarea"
+    },
+      {
+        "addOrEdit": "all",
+        "name": "工作说明",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "f_workprocess",
+        "type": "textarea"
+      },
+      {
+        "addOrEdit": "all",
+        "resUploadStock": 1,
+        "rule": {
+          "type": "Array",
+          "required": "false"
+        },
+        "isOnlyAddOrEdit": true,
+        "acceptCount": 3,
+        "type": "uploader",
+        "accept": [
+          "*"
+        ],
+        "name": "附件上传",
+        "resUploadMode": "server",
+        "model": "fileList"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "工时",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "gs",
+        "placeholder": "此项工作时长",
+        "type": "input"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "评分",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "rate",
+        "placeholder": "评分",
+        "type": "rate"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "开关",
+        "rule": {
+          "type": "boolean",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "switch",
+        "placeholder": "开关",
+        "type": "switch"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "复选框组",
+        "rule": {
+          "type": "string",
+          "required": "true",
+          "shape": ""
+        },
+        "selectKey": [
+          {
+            "label": "气量卡表",
+            "value": "气量卡表"
+          },
+          {
+            "label": "金额卡表",
+            "value": "金额卡表"
+          }
+        ],
+        "isOnlyAddOrEdit": true,
+        "model": "checkboxArray",
+        "placeholder": "复选框组",
+        "type": "checkboxGroup"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "复选框",
+        "rule": {
+          "type": "string",
+          "required": "true",
+          "shape": ""
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "checkbox",
+        "placeholder": "复选框",
+        "type": "checkbox"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "单选框",
+        "rule": {
+          "type": "string",
+          "required": "true",
+          "shape": ""
+        },
+        "selectKey": [
+          {
+            "label": "物联网表",
+            "value": "物联网表"
+          },
+          {
+            "label": "机表",
+            "value": "机表"
+          },
+          {
+            "label": "气量卡表",
+            "value": "气量卡表"
+          },
+          {
+            "label": "金额卡表",
+            "value": "金额卡表"
+          }
+        ],
+        "isOnlyAddOrEdit": true,
+        "model": "radioMeter",
+        "placeholder": "单选框",
+        "type": "radio"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "步进器",
+        "rule": {
+          "type": "string",
+          "required": "true",
+          "shape": ""
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "stepper",
+        "placeholder": "步进器",
+        "type": "stepper"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "滑块",
+        "rule": {
+          "type": "string",
+          "required": "true",
+          "shape": ""
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "slider",
+        "placeholder": "滑块",
+        "type": "slider"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "选择器",
+        "rule": {
+          "type": "string",
+          "required": "true",
+          "shape": ""
+        },
+        "selectKey": [
+          {text: '杭州', value: 'Hangzhou'},
+          {text: '宁波', value: 'Ningbo'},
+          {text: '温州', value: 'Wenzhou'},
+          {text: '绍兴', value: 'Shaoxing'},
+          {text: '湖州', value: 'Huzhou'},
+        ],
+        "isOnlyAddOrEdit": true,
+        "model": "picker",
+        "placeholder": "选择器",
+        "type": "picker"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "日期选择器",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "datePicker",
+        "placeholder": "日期选择器",
+        "type": "datePicker"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "时间选择器",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "timePicker",
+        "placeholder": "时间选择器",
+        "type": "timePicker"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "省市区",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "area",
+        "placeholder": "省市区",
+        "type": "area"
+      },
+      {
+        "addOrEdit": "all",
+        "name": "日历",
+        "rule": {
+          "type": "string",
+          "required": "true"
+        },
+        "isOnlyAddOrEdit": true,
+        "model": "calendar",
+        "placeholder": "日历",
+        "type": "calendar"
+      }
+    ]
+  }
+  let myForm = {
+    "groups": [
+      {
+        "apiSlot": {},
+        "column": [
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "acceptCount": 3,
+            "title": "服务人员态度",
+            "lazyLoad": "false",
+            "key": "isOK"
+          },
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "acceptCount": 3,
+            "title": "666",
+            "key": "777"
+          }
+        ],
+        "group": "营业厅缴费"
+      },
+      {
+        "apiSlot": {},
+        "column": [
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "slot": {
+              "type": "default"
+            },
+            "acceptCount": 3,
+            "type": "string",
+            "title": "人员服务满意度",
+            "lazyLoad": "false",
+            "key": "personnel_satisfaction"
+          },
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "acceptCount": 3,
+            "title": "业务办理满意度",
+            "lazyLoad": "false",
+            "key": "business_satisfaction"
+          },
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "acceptCount": 3,
+            "title": "整体满意度",
+            "lazyLoad": "false",
+            "key": "overall_satisfaction"
+          },
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "acceptCount": 3,
+            "title": "入户是否出示证件",
+            "key": "show_identification"
+          },
+          {
+            "formType": "input",
+            "rule": {
+              "required": "false"
+            },
+            "acceptCount": 3,
+            "title": "意见或建议",
+            "lazyLoad": "false",
+            "key": "suggestion"
+          }
+        ],
+        "group": "入户安全检查"
+      }
+    ],
+    "default": {
+      "入户安全检查": {
+        "identification": "6666",
+        "suggestion": "6",
+        "satisfaction": "666"
+      },
+      "ggg": {
+        "766": "666"
+      },
+      "营业厅缴费": {
+        "777": "6",
+        "isOK": "6"
+      }
+    }
+  }
+  if (id.value > 0) {
+    // 先获取 myForm
+    queryData()
+  } else {
+    // 没有id 直接提示用户不存在，返回上一级
+    await showDialog({message: '评价信息缺少参数，找不到对应评价信息'})
+    history.back()
+  }
+}
+function queryData () {
+  openApiLogic({
+    id: id.value
+  }, 'getEvalConfigById',serviceName.value).then(async (res: any) => {
+    console.log(res)
+    Object.assign(currentEvaluate, res.row)
+    if (currentEvaluate.f_evaluate_state === '已评价') {
+      await showDialog({message: '该纪录已经被评价过了'})
+      window.close()
+    } else {
+      let param = JSON.parse(JSON.stringify(res.config))
+      if (xForm.value) {
+        xForm.value.init({
+          formItems: param,
+          serviceName: serviceName.value,
+          getDataParams: {condition: '1=1'}
+        })
+        loading.value = false
+      }
+    }
+  }).catch(() => {
+    showDialog({message: '查询评价信息失败了'})
+  })
+}
+// 要搞一个json解析的
+function parseGroupJson(config, configName) {
+  let configBase = JSON.parse(JSON.stringify(config))
+  return configBase.groups.filter(item=>{
+    return item.group === configName
+  })[0]
+}
+function onSubmit(params) {
+  let data = {
+    id: currentEvaluate.id,
+    f_json: params,
+    f_evaluate_date: formatDate(new Date),
+    f_evaluate_state: '已评价',
+    f_evaluate_type: '用户评价',
+    f_evaluate_userid: openid.value
+  }
+  openApiLogic(data, 'saveEvaluate', serviceName.value).then((res: any) => {
+    console.log('res.data', res)
+    showDialog({ message: '评价成功了' })
+    history.back()
+  }).catch(() => {
+    showDialog({ message: '评价失败了' })
+  })
+}
+function onClickLeft(): void {
+  history.back()
+}
+</script>
+
+<template>
+  <van-nav-bar
+    title="XForm表单"
+    left-text="返回"
+    left-arrow
+    @click-left="onClickLeft"
+  />
+  <van-row justify="center" v-show="loading">
+    <van-loading type="spinner" color="#1989fa" />
+  </van-row>
+  <van-space direction="vertical" fill v-show="!loading">
+    <h2 class="van-doc-demo-block__title">
+      卡片风格
+    </h2>
+    <van-cell-group inset>
+      <van-cell title="单元格" value="内容" />
+      <van-cell title="单元格" value="内容" label="描述信息" />
+    </van-cell-group>
+    <x-form
+      ref="xForm"
+      style="margin-bottom: 14px;"
+      @onSubmit="onSubmit">
+    </x-form>
+  </van-space>
+</template>
+
+<style scoped>
+.van-doc-demo-block__title{
+  margin: 0;
+  padding: 32px 16px 16px;
+  color: black;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+}
+
+</style>

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

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { onMounted, onUnmounted, ref } from 'vue'
+
+import XReportForm from '@af-mobile-client-vue3/components/data/XReportForm/index.vue'
+
+const localConfig = ref(undefined)
+const configName = 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
+    }
+  }
+  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>
+  <!--  <XReportForm :config-name="configName" :show-input-columns-label-on-title="true"/> -->
+  <XReportForm :config-name="configName" :show-nav="false" @save-config="saveConfig" :local-config="localConfig" />
+</template>
+
+<style scoped lang="less">
+</style>