ibsp-fg-page 4.0.2

package/src/views/designer/modules/platform-method/index.ts

@@ -0,0 +1,4 @@
+import PlatformMethod from './src/index.vue'
+
+
+export default PlatformMethod

package/src/views/designer/modules/platform-method/method.service.ts

@@ -0,0 +1 @@
+export default class MethodService {}

package/src/views/designer/modules/platform-method/src/index.vue

@@ -0,0 +1,14 @@
+<script setup lang='ts'>
+
+</script>
+
+<template>
+  <div>
+    <h1>平台方法</h1>
+  </div>
+
+</template>
+
+<style>
+
+</style>

package/src/views/designer/modules/platform-script/index.ts

@@ -0,0 +1,4 @@
+import PlatformScript from './src/index.vue'
+
+
+export default PlatformScript

package/src/views/designer/modules/platform-script/script.service.ts

@@ -0,0 +1 @@
+export default class ScriptDataService {}

package/src/views/designer/modules/platform-script/src/index.vue

@@ -0,0 +1,14 @@
+<script setup lang='ts'>
+
+</script>
+
+<template>
+  <div>
+
+  </div>
+
+</template>
+
+<style>
+
+</style>

package/src/views/designer/modules/platform-var/index.ts

@@ -0,0 +1,6 @@
+import PlatformVar from './src/index.vue'
+
+export default PlatformVar
+
+
+export { default as VarService } from './var.service'

package/src/views/designer/modules/platform-var/src/index.vue

@@ -0,0 +1,450 @@
+<script setup>
+import {
+  ref,
+  onMounted,
+  reactive,
+  computed,
+} from 'vue';
+import { ElMessage } from 'element-plus'
+
+import PlatformLibLayout from '@/views/designer/components/PlatformLibLayout.vue';
+import { getPageLibVarApi, addLibVar, deleteLibVarApi } from '@/api/ibsp-bg-app'
+import { usePlatformLibStore } from '@/stores'
+const platformLibStore = usePlatformLibStore()
+const data = ref([])
+
+const tableColumn = ref([
+  {
+    prop: 'status',
+    label: '状态',
+    slot: 'status',
+    align: 'center',
+    width: '70px'
+  },
+  {
+    prop: 'varName',
+    label: '名称',
+    align: 'center',
+    width: '200px'
+  },
+  {
+    prop: 'varCode',
+    label: '编码',
+    align: 'center',
+    width: '200px'
+  },
+
+  {
+    prop: 'defaultValue',
+    label: '默认值',
+    align: 'center',
+    slot: 'defaultValue',
+  },
+  {
+    prop: 'varType',
+    label: '类型',
+    align: 'center',
+    width: '120px',
+    slot: 'varType',
+  },
+  {
+    prop: 'createTime',
+    label: '创建日期',
+    align: 'center',
+    width: '200px'
+  },
+
+  {
+    prop: 'operation',
+    label: '操作',
+    slot: 'operation',
+    align: 'center',
+    fixed: 'right',
+    width: '140px'
+  }
+
+
+])
+const param = ref({
+  state: 'app', // 默认选择平台级
+  pageSize: 10,
+  pageNo: 1,
+  total: 0,
+  change: (pageNo)=>{
+    param.value.pageNo = pageNo
+    getData(param.value)
+  }
+})
+const varForm = reactive(
+  {
+    varType: 'PT-PTK-CSFHZLX-ZFC',
+    status: 'PT-PTK-ZT-QY',
+    varName: '',
+    varCode: '', // 返回值编码
+    defaultValue: '', // 默认值
+    id: '',
+    remark: '', // 备注
+    params: [], // 参数
+  }
+)
+
+const paramNameRef = ref(null)
+const popupTitle = ref('新增变量')
+const openViewFunc = ref(false)
+const popupState = reactive({
+  open: false,
+  width: '50%',
+  height: '60%',
+  title: computed(()=>popupTitle.value),
+  slot: 'add',
+})
+const varTypeOptions = {
+  'PT-PTK-CSFHZLX-ZFC': '字符串',
+  'PT-PTK-CSFHZLX-BE': '布尔',
+  'PT-PTK-CSFHZLX-ZS': '整数',
+  'PT-PTK-CSFHZLX-DX': '对象',
+  'PT-PTK-CSFHZLX-RO': '日期',
+  'PT-PTK-CSFHZLX-XS': '小数',
+  'PT-PTK-CSFHZLX-SZ': '数组',
+}
+/** 清空 */
+const clearVarForm = ()=>{
+  varForm.varType = 'PT-PTK-CSFHZLX-ZFC'
+  varForm.status = 'PT-PTK-ZT-QY'
+  varForm.varName = ''
+  varForm.varCode = ''
+  varForm.funcBody = ' '
+  varForm.remark = ''
+  varForm.id = ''
+  varForm.params = []
+  varForm.returnType = ''
+  varForm.returnName = ''
+  varForm.returnCode = ''
+  varForm.defaultValue = ''
+}
+const statusOptions = {
+  'PT-PTK-ZT-JY': '禁用',
+  'PT-PTK-ZT-QY': '启用'
+}
+// PT-PTK-ZT-JY : 禁用  PT-PTK-ZT-QY: 启用
+const varFormRules = reactive(Object.keys(varForm).reduce((pre, cur)=>{
+  // 排除不需要校验的必填字段
+  if (['remark'].includes(cur)) {
+    return pre
+  }
+  pre[cur] = [
+    { required: true, message: '请输入', trigger: 'blur' }
+  ]
+  return pre
+}, {})
+)
+
+const typeMap = {
+  'PT-PTK-CSFHZLX-ZFC': (value)=>value,
+  'PT-PTK-CSFHZLX-BE': (value)=>JSON.parse(JSON.stringify(value)),
+  'PT-PTK-CSFHZLX-ZS': (value)=> parseInt(value, 10),
+  'PT-PTK-CSFHZLX-DX': (value)=>{
+    // 去除空格, 换行符
+    return JSON.parse(value.replace(/\s/g, ''))
+  },
+  'PT-PTK-CSFHZLX-RQ': (value)=>value,
+  'PT-PTK-CSFHZLX-XS': (value)=>parseFloat(value),
+  'PT-PTK-CSFHZLX-SZ': (value)=>JSON.parse(value),
+
+}
+
+/** 提交 */
+const onSubmit = ()=>{
+  varForm.appId = window.appId
+  addLibVar({
+    ...varForm,
+    defaultValue: typeMap[varForm.varType](varForm.defaultValue)
+  }).then((res)=>{
+    if (res?.success) {
+      ElMessage.success('保存成功')
+      getData(param.value)
+      platformLibStore.refreshPlatformLibData({
+        types: ['var']
+      })
+    }
+  })
+  popupState.open = false
+  clearVarForm()
+}
+
+/** 取消 */
+const onClickCancel = ()=>{
+  popupState.open = false
+  clearVarForm()
+}
+
+/** 编辑按钮 */
+const onClickEditBtn = (row)=>{
+  popupTitle.value = '编辑变量'
+  popupState.open = true
+  varForm.varType = row.varType
+  varForm.status = row.status
+  varForm.varName = row.varName
+  varForm.varCode = row.varCode
+  varForm.remark = row.remark
+  varForm.defaultValue = typeof row.defaultValue === 'string' ? row.defaultValue : JSON.stringify(row.defaultValue)
+  varForm.id = row.id
+}
+/** 删除 */
+const onClickDelBtn = (row)=>{
+  ElMessageBox.confirm('此操作将永久删除该变量, 是否继续?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    // 删除
+    deleteLibVarApi([row.id]).then((res)=>{
+      if (res?.success) {
+        ElMessage.success('删除成功')
+        getData(param.value)
+        platformLibStore.refreshPlatformLibData({
+          types: ['var']
+        })
+
+      }
+    })
+  })
+    .catch(() => {
+      ElMessage.info('已取消删除')
+    })
+}
+const currentViewVarDefaultValue = ref('')
+/** */
+const formatDateTime = (dd) => {
+  if (!dd) {
+    return dd
+  }
+  const date = new Date(dd)
+  const y = date.getFullYear()
+  const m = date.getMonth() + 1
+  const d = date.getDate()
+  return `${y}年${m}月${d}日`
+}
+
+/**
+ *
+ */
+const getData = (param)=>{
+  getPageLibVarApi({
+    varName: param?.varName,
+    appId: param.state === 'platform' ? '' : window.appId,
+    pageSize: param.pageSize,
+    pageNo: param.pageNo,
+  }).then((res)=>{
+    if (res?.data?.list) {
+      data.value = res.data.list.map(item=>{
+        return {
+          ...item,
+          createTime: formatDateTime(item.createTime),
+          updateTime: formatDateTime(item.updateTime),
+        }
+      })
+      param.total = res.data.total
+    }
+  })
+}
+/** */
+const onChangeSearch = (value)=>{
+  console.log(value);
+  getData({
+    ...param.value,
+    varName: value
+  })
+}
+const getTools = ref([
+  {
+    type: 'search',
+    placeholder: '请输入变量名称',
+    label: '搜索变量(名称)',
+    value: '',
+    style: {
+      width: '50%'
+    },
+    show: true,
+    change: onChangeSearch
+  },
+  {
+    type: 'add',
+    label: '新增',
+    show: (state = param.value.state)=>state === 'app',
+    popupState: popupState,
+    click: ()=>{
+      popupState.open = true
+      clearVarForm()
+    }
+  }
+])
+
+/** */
+const onSelectMenu = (id) => {
+  param.value.state = id
+  getData(param.value)
+}
+
+
+onMounted(()=>{
+  getData(param.value)
+})
+
+</script>
+
+<template>
+  <div class="var-lib">
+    <PlatformLibLayout :data="data"
+                       v-model="param.state"
+                       :data-columns="tableColumn"
+                       @onSearch="onChangeSearch"
+                       :tools="getTools"
+                       :pagePrams="param"
+                       @onSelect="onSelectMenu">
+      <template #status="{row}">
+        <el-tag :type="row.status === 'PT-PTK-ZT-JY'?'info':'success'">{{ statusOptions[row.status] }}</el-tag>
+      </template>
+      <template #defaultValue="{row}">
+        <span class="default-value">{{ row.defaultValue }} </span>
+      </template>
+      <template #varType="{row}">
+        <span>{{ varTypeOptions[row.varType] }} </span>
+      </template>
+      <template #operation="{row}">
+        <el-button
+          v-if="param.state === 'app'"
+          size="small"
+          type="primary"
+          @click="onClickEditBtn(row)"
+        >编辑</el-button>
+        <el-button
+          v-if="param.state === 'app'"
+          size="small"
+          type="danger"
+          @click="onClickDelBtn(row)"
+        >删除</el-button>
+        <!-- <el-button
+          size="small"
+          type="success"
+          @click="onClickViewFunc(row)"
+        >查看</el-button> -->
+      </template>
+      <template #add>
+        <el-form
+          ref="ruleFormRef"
+          :model="varForm"
+          :rules="varFormRules"
+          label-width="100px"
+          class="var-lib-form"
+        >
+          <el-form-item label="类型" prop="varType" >
+            <el-radio-group v-model='varForm.varType'>
+              <el-radio :label="key"
+                        v-for="(value, key) in varTypeOptions"
+                        :key="key">{{ value }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="状态" prop="status" >
+            <el-radio-group v-model='varForm.status'>
+              <el-radio label="PT-PTK-ZT-QY" >{{ statusOptions['PT-PTK-ZT-QY'] }}</el-radio>
+              <el-radio label="PT-PTK-ZT-JY" >{{ statusOptions['PT-PTK-ZT-JY'] }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="名称" prop="varName" >
+            <el-input v-model='varForm.varName' />
+          </el-form-item>
+          <el-form-item label="值"
+                        prop="defaultValue"
+                        class="var-lib-add-content">
+            <!-- <MonacoEditor v-model='varForm.defaultValue' /> -->
+            <el-input class="var-el-textarea"
+                      type="textarea"
+                      v-model='varForm.defaultValue'></el-input>
+          </el-form-item>
+          <el-form-item label="编码" prop="varCode" >
+            <el-input v-model='varForm.varCode' />
+          </el-form-item>
+          <el-form-item label="备注" prop="remark" >
+            <el-input v-model='varForm.remark' />
+          </el-form-item>
+        </el-form>
+        <el-form-item class="var-lib-add-submit">
+          <el-button class="ok-btn"
+                     type="primary"
+                     @click="onSubmit">确认</el-button>
+          <el-button class="cancel-btn" @click="onClickCancel">取消</el-button>
+        </el-form-item>
+      </template>
+    </PlatformLibLayout>
+
+
+  </div>
+</template>
+
+<style lang="less" scoped>
+.var-lib {
+  width: 100%;
+  height: 100%;
+  .default-value{
+    //超出两行显示省略号
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+  }
+
+
+}
+</style>
+
+<style lang="less">
+.var-el-textarea{
+  height: 100%;
+  .el-textarea__inner{
+    height: 100%;
+  }
+}
+.var-lib-add-row{
+  width: 100%;
+    display: flex;
+    justify-content: center;
+
+    .el-icon{
+      cursor: pointer;
+      transition: .4s;
+      &:hover{
+        color: #409EFF;
+        transform: scale(1.4);
+      }
+    }
+}
+.var-lib-form{
+      position: relative;
+      height:calc(100% - 55px);
+    overflow: auto;
+
+    }
+    .var-lib-add-submit{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+  }
+.var-lib-operation-del-row{
+  cursor: pointer;
+      transition: .4s;
+      &:hover{
+        color: #409EFF;
+        transform: scale(1.4);
+      }
+}
+.var-lib-add-content{
+  .el-form-item__content{
+    height: 150px !important;
+    margin-bottom: 30px;
+    border: 1px solid var(--theme-border-color);
+    border-radius: 2px;
+
+      }
+}
+</style>

package/src/views/designer/modules/platform-var/var.service.ts

@@ -0,0 +1 @@
+export default class VarService {}