添加帮助

package.json

@@ -17,9 +17,11 @@
     "element-plus": "^2.4.2",
     "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
+    "highlight.js": "^11.10.0",
     "json-editor-vue3": "^1.1.1",
     "loadsh": "^0.0.4",
     "luckyexcel": "^1.0.1",
+    "marked": "^14.1.3",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
     "sass": "^1.69.5",

src/api/common.ts

@@ -27,3 +27,21 @@ export const apiDictList = (params: any) => {
     headers: formHeader
   })
 }
+
+/**
+ * 变量模块内置变量
+ * @param params 
+ * @returns 
+ */
+export const apiOrderVarGetVarField = () => {
+  return axios.get('/api/orderVar/getVarField')
+}
+
+/**
+ * 帮助脚本
+ * @param params 
+ * @returns 
+ */
+export const apiGetScriptDesc = () => {
+  return axios.get('/api/exlScript/getScriptDesc')
+}

src/views/order/scripts/index.vue

@@ -24,6 +24,7 @@
           <!-- <vxe-button @click="allAlign = 'left'">居左</vxe-button> -->
           <el-button type="primary" @click="showEdit = true">新增</el-button>
           <el-button type="danger" @click="removeRows">删除</el-button>
+          <el-button type="info" @click="showHelp">帮助</el-button>
         </template>
       </vxe-toolbar>
       <vxe-table
@@ -58,6 +59,35 @@
       </vxe-pager>
     </div>
 
+    <vxe-modal width="70%" height="90%" v-model="helpModal" title="帮助" destroy-on-close>
+      <p class="font-bold text-lg text-black">脚本</p>
+      <div class="p-3 text-black leading-loose">
+        <ol class="list-decimal">
+          <li class="pl-2" v-for="(item, index) in scriptsDesc" :key="index">
+            <span class="font-bold text-sm">{{ item.scriptName }}：</span
+            ><span class="text-gray-500">{{ item.scriptDesc }}</span>
+            <p class="text-gray-500">示例：</p>
+            <div class="bg-[#1e293b] p-2 text-white rounded">{{ item.example }}</div>
+          </li>
+        </ol>
+      </div>
+      <p class="font-bold text-lg text-black mb-2">内置变量</p>
+
+      <p class="text-black mb-2"><span>单元格</span> <span>cellValue</span></p>
+
+      <p class="font-bold text-lg text-black mb-2">变量模块内置变量</p>
+
+      <p>
+        <span class="font-bold text-black">支持订单字段：</span>
+        <span
+          v-for="(item, index) in orderVars"
+          :key="index"
+          class="mr-1 mb-1 inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10"
+          >{{ item.fliedTitle }}</span
+        >
+      </p>
+    </vxe-modal>
+
     <vxe-modal
       width="70%"
       height="90%"
@@ -118,8 +148,11 @@
 </template>
 
 <script lang="ts" setup>
+import { marked } from 'marked'
+import hljs from 'highlight.js'
+import 'highlight.js/styles/atom-one-dark.css'
 import JsonEditorValue from 'json-editor-vue3'
-import { onMounted, reactive, ref } from 'vue'
+import { nextTick, onMounted, reactive, ref } from 'vue'
 import {
   getExcelScripts,
   addExcelScripts,
@@ -129,6 +162,7 @@ import {
 } from '@/api/scripts'
 import { ElMessage, type FormInstance } from 'element-plus'
 import type { VxeTableInstance } from 'vxe-table'
+import { apiGetScriptDesc, apiOrderVarGetVarField } from '@/api/common'
 
 const visibleTest = ref(false)
 const loading = ref(false)
@@ -236,6 +270,11 @@ const removeRows = async () => {
   }
 }
 
+const helpModal = ref(false)
+const showHelp = () => {
+  helpModal.value = true
+}
+
 // 表单提交
 const onSubmit = async () => {
   await formRef.value?.validateField(['content', 'title'])
@@ -259,8 +298,22 @@ const onQuery = async () => {
   loading.value = false
 }
 
+const orderVars = ref([])
+const scriptsDesc = ref([])
+
+const onQueryVar = async () => {
+  const { data } = await apiOrderVarGetVarField()
+  orderVars.value = data.result || []
+}
+const onQueryExlScript = async () => {
+  const { data } = await apiGetScriptDesc()
+  scriptsDesc.value = data.result || []
+}
+
 onMounted(() => {
   onQuery()
+  onQueryVar()
+  onQueryExlScript()
 })
 </script>
 <style lang="scss" scoped></style>

vite.config.ts

@@ -16,7 +16,7 @@ export default defineConfig({
     proxy: {
       "/api": {
         // target: "http://127.0.0.1:8080",
-        target: "http://192.168.3.91:10000",
+        target: "http://192.168.3.151:10000",
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/api/, ""),
       },