源文件

jeepay-ui-agent/src/views/device/BizConfig.vue

@@ -0,0 +1,80 @@
+<template>
+  <a-form v-if="vdata.deviceType == 2" ref="formRef" :model="vdata.bizConfig" layout="vertical" :rules="vdata.formRules">
+    <a-divider orientation="left">
+      <a-tag color="#FF4B33">其他配置</a-tag>
+    </a-divider>
+    <a-row justify="space-between" type="flex">
+      <a-col v-if="vdata.provider != 'fe'" :span="11">
+        <a-form-item label="打印机模式" name="printMode">
+          <a-radio-group v-model:value="vdata.bizConfig.printMode">
+            <a-radio :value="1">仅打印</a-radio>
+            <a-radio :value="2">仅播报</a-radio>
+            <a-radio :value="3">打印并播报</a-radio>
+          </a-radio-group>
+        </a-form-item>
+      </a-col>
+      <a-col :span="11">
+        <a-form-item label="打印联数" name="printNum">
+          <a-radio-group v-model:value="vdata.bizConfig.printNum">
+            <a-input v-model:value="vdata.bizConfig.printNum" placeholder="请输入打印联数" />
+          </a-radio-group>
+        </a-form-item>
+      </a-col>
+    </a-row>
+  </a-form>
+</template>
+
+<script lang="ts" setup>
+import {reactive, ref, defineExpose} from 'vue'
+ 
+  // 当前的form
+  const formRef = ref()
+
+  const  vdata = reactive({
+    isShow: false,
+    deviceType: 0, // 1-云喇叭  2-云打印  3-扫码POS
+    provider: '', // 厂商，飞鹅打印机无播报，特殊处理
+    // 配置对象
+    bizConfig: {} as any,
+    // 表单规则
+    formRules: {
+      printMode: [{ required: true, type: 'number', message: '请选择打印机模式', trigger: 'blur' }],
+      printNum: [{ required: true, message: '请输入打印联数', trigger: 'blur' }],
+    }
+  })
+
+  // 对外提供的页面的渲染函数 （ ifDefineArray = 接口的配置定义项数组，  bizConfig = 当前配置项 ）
+function pageRender(bizConfig: any, deviceType: number, provider: string){
+  // 赋值
+  if (bizConfig) {
+    vdata.bizConfig = bizConfig
+  }
+  vdata.deviceType = deviceType
+  vdata.provider = provider
+
+  // 重置form验证
+  if (formRef.value !== undefined && formRef.value !== null) {
+    formRef.value.resetFields()
+  }
+
+  vdata.isShow = true
+}
+
+// 对外提供的获取配置参数函数 （返回JSON类型）
+function getConfigParams(){
+
+  // 云喇叭  扫码POS  暂无业务配置，直接返回
+  if (vdata.deviceType == 1 || vdata.deviceType == 3) {
+    vdata.isShow = false
+    return Promise.resolve()
+  }
+
+  return formRef.value.validate().then( () => {
+    vdata.isShow = false
+    return vdata.bizConfig
+  })
+}
+
+defineExpose({ getConfigParams, pageRender })
+
+</script>