ylwl-cpscoms 1.0.0

package/src/SlForm/remark.md

@@ -0,0 +1,607 @@
+<template>
+  <div style="padding:30px;">
+    <!-- 一行展示 -->
+    <sl-form ref="form" v-model="form" :data="options" :form-props="{ inline: false, column: 2,size: 'small', labelWidth: 'auto' }" item-width="100%">
+      <el-form-item label="自定义字段xxxxx">
+        <el-input v-model="form.customField" />
+        adsdaskdoajsio
+      </el-form-item>
+    </sl-form>
+    <!-- 两行展示 -->
+    <sl-form ref="form" v-model="form" :data="options" :form-props="{ inline: false, column: 2,size: 'small', labelWidth: '180px' }" item-width="50%"/>
+    <!-- <sl-form ref="form" v-model="form" :data="options" :form-props="{ inline: false, column: 2, labelStyle: { width: '140px', textAlign: 'right' }, showlabel: false }" /> -->
+  </div>
+</template>
+
+<script>
+// import Operation from './components/operation'
+// import moment from 'moment'
+import * as commonApi from '@/api/common'
+import * as settleApi from '@/api/settleAndCash/settle'
+import slForm from '@/components/global/SlForm'
+const validInt = (_rule, _value, _callback) => {
+  // 验证是否为合法数字
+  if (/[^\d\\.]/.test(_value)) {
+    _callback(new Error(`请输入数字`))
+    return
+  }
+  // 验证是否为整数
+  // if (/[^\d]/g.test(_value)) {
+  //   _callback(new Error(`请输入整数`))
+  //   return
+  // }
+  // 验证金额区间在0-1亿之间
+  if (Number(_value) === 0) {
+    _callback(new Error(`不能为0`))
+  } else if (Number(_value) > 100000000) {
+    _callback(new Error(`不能大于一亿`))
+  } else {
+    _callback()
+  }
+}
+export default {
+  name: 'Setsdatle',
+  components: {
+    slForm
+  },
+  data() {
+    return {
+      options: [
+        // {
+        //   type: 'tips',
+        //   model: 'tips',
+        //   labelWidth: '0',
+        //   text: '分包标识：游戏包内用于识别合作商的一种标识,方便确认数据来源，<br>等同于原统一后台的渠道号'
+        // },
+        {
+          type: 'select',
+          model: 'publisherId',
+          label: '聚合',
+          labelKey: 'label',
+          valueKey: 'value',
+          props: { placeholder: '请输入聚合', disabled: false },
+          rules: [{ required: true, message: '该项为必填', trigger: 'change' }],
+          options: [ { label: 'Android', value: 1 },
+            { label: 'iOS', value: 2 },
+            { label: 'H5', value: 3 }],
+          view: 'auto'
+        },
+        {
+          type: 'slot',      // 标记为插槽类型
+          slotName: 'customSlot', // 插槽名称
+          model: 'slotModel',
+        },
+        {
+          label: '聚合游戏ID',
+          type: 'input',
+          model: 'aggGameId',
+          privateAttrs: { placeholder: '请输入聚合游戏ID' },
+          rules: [{ required: true, message: '该项为必填', trigger: 'change' }],
+          view: 'auto'
+        },
+        {
+          label: '聚合游戏',
+          type: 'input',
+          model: 'gameName',
+          rules: [{ required: true, message: '该项为必填', trigger: 'change' }],
+          privateAttrs: {
+            placeholder: '请输入聚合游戏',
+            type: 'textarea',
+            rows: 3,
+            maxlength: 128,
+            'show-word-limit': true
+          },
+          remark: '备注'
+        },
+        {
+          label: '聚合游戏222',
+          type: 'input',
+          model: 'gameName2222',
+          show: false,
+          rules: [
+            { required: true, message: '该项为必填', trigger: 'blur' },
+            { max: 50, message: '最大50位', trigger: 'blur' },
+            { validator: validInt, trigger: 'blur' }
+          ],
+        },
+        {
+          label: '系统类型',
+          type: 'radio',
+          model: 'systemType',
+          value: 3,
+          options: [
+            { label: 'Android', value: 1 },
+            { label: 'iOS', value: 2 },
+            { label: 'H5', value: 3 }
+          ],
+          rules: [{ required: true, message: '该项为必填', trigger: 'change' }],
+          view: 'auto',
+          linkSet: this.setPartner
+        },
+        {
+          label: '游戏包',
+          type: 'select',
+          model: 'gameApk',
+          labelTips: `1、分包流程请遵循
+              （1）若是游戏包要上架GooglePlay/AppStore时，只能854聚合-854平台或784聚合-784平台<br>
+            2、分包标识：<br>
+              （1）同个渠道商，需要不同分包标识时：比如田木聚合-644，此时渠道商选择643平台，分包标识取deep644<br>
+              （2）同聚合同母包同个渠道商分包标识只能创建一个游戏包<br>
+            3、如何选择母包：若找不到想要的游戏母包，请点击【新增】创建新游戏母包<br>
+            4、H5转手游时，需要配置双聚合，一个H5聚合分手游聚合再分给平台商`,
+          options: [
+            { label: 'Android', value: 1 },
+            { label: 'iOS', value: 2 },
+            { label: 'H5', value: 3 }
+          ],
+          rules: [{ required: true, message: '该项为必填', trigger: 'change' }],
+          view: 'auto',
+          // onChange: this.setTipContent(7)
+        },
+        {
+          label: '标题',
+          type: 'title', // 渲染为select
+          model: 'problemFxxxxxileInfo', // 给form对象绑定followUserId字段
+          // rules: [{ required: true, message: '该项为必填', trigger: 'change' }], //规则
+          view: 'auto',
+          props: {
+            stip: '最多20张，每个大小不超过100M，支持 .png .jpg .jpeg .mp4',
+            limit: 20,
+            perSize: 100,
+            accept: '.png, .jpg, .jpeg, .mp4, .MP4',
+            max: 2000
+            // style: 'width:350px'
+          },
+          privateAttrs: {
+            style: 'width:350px'
+          }
+          // show: false
+        },
+        {
+          label: 'swich',
+          type: 'switch', // 渲染为select
+          model: 'problemxxFileInfo', // 给form对象绑定followUserId字段
+          // rules: [{ required: true, message: '该项为必填', trigger: 'change' }], //规则
+          view: 'auto',
+          props: {
+            stip: '最多20张，每个大小不超过100M，支持 .png .jpg .jpeg .mp4',
+            limit: 20,
+            perSize: 100,
+            accept: '.png, .jpg, .jpeg, .mp4, .MP4',
+            max: 2000
+            // style: 'width:350px'
+          },
+          privateAttrs: {
+            style: 'width:350px'
+          },
+          remark: '备注'
+          // show: false
+        },
+        {
+          label: '申请时间',
+          type: 'datePicker',
+          model: 'timer',
+          privateProps: { type: 'daterange', startPlaceholder: '申请开始时间', valueFormat: 'yyyy-MM-dd HH:mm:ss' },
+          view: 'auto',
+          callback: (val) => {
+            return {
+              applyTimeBegin: val[0],
+              applyTimeEnd: val[1],
+              timer: val
+            }
+          }
+        }
+
+      
+
+      ],
+      form: {
+        // publisherId: '',
+        // aggGameId: '123',
+        // gameName: '321',
+        // systemType: 1
+      }
+    }
+  },
+  mounted() {
+    this.vrySecond()
+  },
+  methods: {
+    // 取消
+    async cancel() {
+
+    },
+    // 确定
+    async confirm() {
+      return true
+    },
+    async setPartner(val) {
+      console.log('setPartner', val)
+      if (val === 3 || !val) { return {
+        model: 'gameApk',
+        show: () => val === 3,
+        options: [
+          { label: '温柔', value: 8 },
+          { label: '瘦猴', value: 9 },
+          { label: '转动', value: 10 }
+        ]
+      } }
+      const data = {
+        secondPwd: 'a123456.'
+      }
+      const res = await commonApi.checkSecondPwd(data)
+      if (res.flag === 1) {
+        return {
+          model: 'gameApk',
+          show: false,
+          options: [
+            { label: 'Anxxxxxdroid', value: 100 },
+            { label: 'iOxxxxS', value: 200 },
+            { label: 'Hxxxx5', value: 300 }
+          ]
+        }
+      }
+    },
+    setTipContent(val) {
+      console.log('setTipContent', val)
+    },
+    submit() {
+      console.log('submit', this.form)
+    },
+    validate() {
+      this.$refs.form.validate(valid => {
+        console.log('validate', valid)
+      })
+    },
+    // 去设置二级密码
+    toSetSecondBtn() {
+      this.$store.commit('SET_PANEL', 'secondPwd')
+      this.$router.push({ name: 'SafeVerify' })
+    },
+
+    // 检查是否验证过二级密码
+    vrySecond() {
+      /**
+       * 检查是否验证过二级密码
+       *
+       * 返回参数
+       * @param {状态（11，未设置二级密码，12，未验证二级密码）} flag
+       */
+      commonApi
+        .vrySecond({})
+        .then(res => {
+          if (Number(res.flag) === 11) {
+            this.isVrySecond = false
+          } else if (Number(res.flag) === 12) {
+            this.isVrySecond = true
+          } else {
+            this.getList()
+          }
+        })
+        .catch(() => {})
+    },
+
+    tradeConfirm() {
+      if (this.secondPwd === '') {
+        this.$message.warning('请输入二级密码')
+        return
+      }
+      const data = {
+        secondPwd: this.secondPwd
+      }
+      commonApi
+        .checkSecondPwd(data)
+        .then(res => {
+          this.getList()
+        })
+        .catch(() => {})
+    },
+
+    // 操作
+    operateBtn(i) {
+      this.loading = true
+      settleApi
+        .rechargeOrderPage({})
+        .then(res => {
+          if (this.errFlagArr[res.flag] !== undefined) {
+            this.$store.commit('SET_PANEL', this.errFlagArr[res.flag])
+            this.$confirm(res.content, '提示', {
+              confirmButtonText: '确定',
+              cancelButtonText: '取消',
+              type: 'warning'
+            })
+              .then(() => {
+                this.$router.push({ name: 'SafeVerify' })
+              })
+              .catch(() => {
+                //
+              })
+          } else if (res.flag === 12) {
+            this.validateSecondPwd(res)
+          } else {
+            if (res.data) {
+              this.operationModel = {
+                id: '',
+                type: 'edit',
+                visible: true,
+                operationdata: res.data
+              }
+            }
+          }
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+
+    validateSecondPwd(res) {
+      this.$prompt('为了您的信息安全，请先验证二级密码', '温馨提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        inputType: 'password',
+        // inputValidator: validateSafePassword,
+        inputErrorMessage: '二级密码格式不正确'
+      })
+        .then(({ value }) => {
+          commonApi
+            .checkSecondPwd({ secondPwd: value })
+            .then(res => {
+              if (res.flag === 1) {
+                this.operateBtn()
+              }
+            })
+            .catch(err => {
+              if (err.flag === 0) {
+                // this.$message.error('密码错误！')
+              }
+            })
+        })
+        .catch(() => {
+          //
+        })
+    },
+
+    // 四舍五入保留两位小数
+    keepTwoDecimalFull(num) {
+      var result = parseFloat(num)
+      if (isNaN(result)) {
+        return '-'
+      }
+      result = Math.round(num * 100) / 100
+      var s_x = result.toString()
+      var pos_decimal = s_x.indexOf('.')
+      if (pos_decimal < 0) {
+        pos_decimal = s_x.length
+        s_x += '.'
+      }
+      while (s_x.length <= pos_decimal + 2) {
+        s_x += '0'
+      }
+      return s_x
+    },
+
+    // 查看
+    lookBtn(orderNum) {
+      this.loading = true
+      const data = {
+        orderNum,
+        currentPage: 1,
+        pageShowNum: 10
+      }
+      settleApi
+        .querySettlementDetail(data)
+        .then(res => {
+          if (res.data) {
+            // 设置比较时间
+            // const compareTime = '2022-12-01 23:59:59'
+            // 时间戳转换年月日
+            // const formatTime = moment(res.data.ro.operateTime).format('YYYY-MM-DD HH:mm:ss')
+            // const isBefore = moment(formatTime).isBefore(compareTime)
+            // 如果item中 申请时间小于比较时间 展示扣款金额,前端需综合服务费扣款为0
+            // 如果item中 申请时间大于比较时间 展示综合服务费扣款,前端需展示扣款金额为0
+            // 注意:后端,扣款金额与综合服务服务费扣款使用的是同一个字段为 recharge_withhold
+            // 前端单独将扣款金额与综合服务费扣款拆分为2个字段
+            // chargeback_money:扣款金额
+            // synthesizeServiceFee_money :综合服务费扣款
+            // if (isBefore) {
+            //   res.data.ro.chargeback_money = res.data.ro.rechargeWithhold
+            //   res.data.ro.synthesizeServiceFee_money = '0.00'
+            //   // 计算实结金额
+            //   let reality_money = res.data.ro.rechargeJsMoney - res.data.ro.chargeback_money
+            //   reality_money = this.keepTwoDecimalFull(reality_money)
+            //   res.data.ro.reality_money = reality_money
+            //   // 计算实结金额
+            //   //   let reality_money = item.recharge_js_money - item.synthesizeServiceFee_money
+            //   //   reality_money = this.keepTwoDecimalFull(reality_money)
+            //   //   item.reality_money = reality_money
+            //   // } else {
+            //   //   item.chargeback_money = item.recharge_withhold
+            //   //   item.synthesizeServiceFee_money = '0.00'
+            //   //   // 计算实结金额
+            //   //   let reality_money = item.recharge_js_money - item.chargeback_money
+            //   //   reality_money = this.keepTwoDecimalFull(reality_money)
+            //   //   item.reality_money = reality_money
+            // } else {
+            //   res.data.ro.synthesizeServiceFee_money = res.data.ro.rechargeWithhold
+            //   res.data.ro.chargeback_money = '0.00'
+            //   // 计算实结金额
+            //   let reality_money = res.data.ro.rechargeJsMoney - res.data.ro.synthesizeServiceFee_money
+            //   reality_money = this.keepTwoDecimalFull(reality_money)
+            //   res.data.ro.reality_money = reality_money
+            // }
+            // 计算实结金额
+            const reality_money = res.data.ro.rechargeJsMoney - res.data.ro.rechargeWithhold
+            res.data.ro.reality_money = reality_money
+
+            this.operationModel = {
+              id: orderNum,
+              type: 'look',
+              visible: true,
+              operationdata: res.data
+            }
+          }
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
+    },
+
+    // 导出
+    exportBtn() {
+      const searchModel = {}
+      for (const key in this.searchModel) {
+        if (this.searchModel[key] !== '') {
+          searchModel[key] = this.searchModel[key]
+        }
+      }
+
+      searchModel.startTime = searchModel.startTime ? searchModel.startTime : ''
+      searchModel.endTime = searchModel.endTime ? searchModel.endTime : ''
+      if (searchModel.endTime < searchModel.startTime) {
+        alert('结束日期需大于开始日期')
+      } else {
+        commonApi.commonExport(searchModel, '/propertyMgr/exportSettlement.html')
+      }
+    },
+
+    // 搜索
+    searchBtn() {
+      this.pageConfig.currentPage = 1
+      this.getList()
+    },
+
+    // 表单提交回调
+    confirmOperation() {
+      this.operationModel.visible = false
+      this.getList()
+    },
+
+    // 弹窗关闭回调
+    cancelOperation() {
+      this.operationModel.visible = false
+      this.operationKey = new Date().getTime()
+    },
+
+    // 获取列表
+    getList() {
+      const searchModel = {}
+      for (const key in this.searchModel) {
+        if (this.searchModel[key] !== '') {
+          searchModel[key] = this.searchModel[key]
+        }
+      }
+      searchModel.startTime = searchModel.startTime ? searchModel.startTime : ''
+      searchModel.endTime = searchModel.endTime ? searchModel.endTime : ''
+      searchModel.currentPage = this.pageConfig.currentPage
+      searchModel.pageShowNum = this.pageConfig.pageShowNum
+      if (searchModel.endTime < searchModel.startTime) {
+        alert('结束日期需大于开始日期')
+      } else {
+        this.loading = true
+        settleApi
+          .list(searchModel)
+          .then(res => {
+            if (res.data) {
+              const data = res.data
+
+              data.page.list.forEach(item => {
+                const reality_money = item.recharge_js_money - item.recharge_withhold
+                item.reality_money = this.keepTwoDecimalFull(reality_money)
+              })
+
+              // 设置比较时间
+              // const compareTime = '2022-12-03 23:59:59'
+
+              // 如果item中 申请时间小于比较时间 展示扣款金额,前端需综合服务费扣款为0
+              // 如果item中 申请时间大于比较时间 展示综合服务费扣款,前端需展示扣款金额为0
+              // 注意:后端,扣款金额与综合服务服务费扣款使用的是同一个字段为 recharge_withhold
+              // 前端单独将扣款金额与综合服务费扣款拆分为2个字段
+              // chargeback_money:扣款金额
+              // synthesizeServiceFee_money :综合服务费扣款
+              // data.page.list.forEach(item => {
+              //   const isBefore = moment(item.operate_time).isBefore(compareTime)
+
+              //   if (isBefore) {
+              //     item.chargeback_money = item.recharge_withhold
+              //     item.synthesizeServiceFee_money = '0.00'
+              //     // 计算实结金额
+              //     let reality_money = item.recharge_js_money - item.chargeback_money
+              //     reality_money = this.keepTwoDecimalFull(reality_money)
+              //     item.reality_money = reality_money
+              //   } else {
+              //     item.synthesizeServiceFee_money = item.recharge_withhold
+              //     item.chargeback_money = '0.00'
+              //     // 计算实结金额
+              //     let reality_money = item.recharge_js_money - item.synthesizeServiceFee_money
+              //     reality_money = this.keepTwoDecimalFull(reality_money)
+              //     item.reality_money = reality_money
+              //   }
+              // })
+
+              // // 前端添加实结金额
+              // data.page.list.forEach(item => {
+              //   let reality_money = item.recharge_js_money - item.recharge_withhold
+              //   reality_money = this.keepTwoDecimalFull(reality_money)
+              //   item.reality_money = reality_money
+              // })
+
+              this.dataList = data.page.list
+              this.pageConfig.total = data.page.total
+              // this.totalJsMoney = data.totalJsMoney
+            }
+            this.showTradeInfo = true
+            this.loading = false
+          })
+          .catch(() => {
+            this.loading = false
+          })
+      }
+    },
+
+    // 修改每页显示条数
+    handleSizeChange: function(val) {
+      this.pageConfig.pageShowNum = val
+      this.getList()
+    },
+
+    // 点击分页跳转
+    handleCurrentChange: function(val) {
+      this.pageConfig.currentPage = val
+      this.getList()
+    }
+  }
+
+}
+</script>
+
+<style lang="scss" scoped>
+.fi-body {
+  margin-top: 150px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .trade-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 500px;
+  }
+}
+
+// 头部橙黄标识
+.attention {
+  font-size: 16px;
+  padding: 20px 10px;
+  margin-bottom: 10px;
+  border-radius: 8px;
+  color: #f99550;
+  background-color: #fcf8e3;
+}
+.txt-ellips {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+</style>

package/src/SlGuide/SlGuide.stories.js

@@ -0,0 +1,100 @@
+import SlGuide from './index.vue'
+
+export default {
+  title: 'Components/SlGuide',
+  component: SlGuide,
+  parameters: {
+    docs: {
+      description: {
+        component: '新手引导组件，基于 Shepherd.js 封装。通过 steps 数组配置引导步骤，每个步骤可指定挂载元素、标题、文案和按钮。'
+      }
+    }
+  }
+}
+
+const codeBlock = (code) => `
+  <div style="margin-top:24px;border-top:1px solid #eee;padding-top:16px">
+    <p style="font-size:14px;font-weight:600;color:#666;margin-bottom:8px;">使用代码：</p>
+    <pre style="background:#f5f5f5;padding:16px;border-radius:4px;overflow-x:auto;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all"><code>${escapeHtml(code.trim())}</code></pre>
+  </div>`
+
+function escapeHtml(str) {
+  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+}
+
+// ---- 基础用法 ----
+const defaultCode = `<!-- 使用方式 -->
+<sl-guide :steps="steps" :options="options" />
+
+<!-- steps 配置 -->
+steps: [
+  {
+    id: 'step-1',
+    title: '欢迎使用',
+    text: '这是一个功能引导，将帮助您快速了解页面功能。',
+    attachTo: { element: '#guide-target-1', on: 'bottom' },
+    buttons: [
+      { text: '下一步', actionType: 'next', classes: 'shepherd-button-primary' }
+    ]
+  }
+]`
+
+export const Default = () => ({
+  components: { SlGuide },
+  template: `
+    <div>
+      <div style="display:flex;gap:40px;margin-bottom:30px">
+        <div>
+          <p style="font-weight:600;margin-bottom:8px">点击下方按钮开始引导：</p>
+          <el-button id="guide-target-1" type="primary">目标按钮 1</el-button>
+        </div>
+        <div>
+          <p style="font-weight:600;margin-bottom:8px">第二个目标：</p>
+          <el-input id="guide-target-2" placeholder="搜索框" style="width:200px" />
+        </div>
+        <div>
+          <p style="font-weight:600;margin-bottom:8px">第三个目标：</p>
+          <el-button id="guide-target-3" type="success">目标按钮 3</el-button>
+        </div>
+      </div>
+      <sl-guide :steps="steps" ref="guide" />
+      ${codeBlock(defaultCode)}
+    </div>`,
+  data() {
+    return {
+      steps: [
+        {
+          id: 'step-1',
+          title: '欢迎',
+          text: '这是第一步引导，介绍功能入口按钮。',
+          attachTo: { element: '#guide-target-1', on: 'bottom' },
+          buttons: [
+            { text: '下一步', actionType: 'next', classes: 'shepherd-button-primary' }
+          ]
+        },
+        {
+          id: 'step-2',
+          title: '搜索',
+          text: '在这里可以输入关键词进行搜索。',
+          attachTo: { element: '#guide-target-2', on: 'bottom' },
+          buttons: [
+            { text: '上一步', actionType: 'back', classes: 'shepherd-button-secondary' },
+            { text: '下一步', actionType: 'next', classes: 'shepherd-button-primary' }
+          ]
+        },
+        {
+          id: 'step-3',
+          title: '操作',
+          text: '最后一步，点击按钮执行操作。',
+          attachTo: { element: '#guide-target-3', on: 'bottom' },
+          buttons: [
+            { text: '上一步', actionType: 'back', classes: 'shepherd-button-secondary' },
+            { text: '完成', actionType: 'complete', classes: 'shepherd-button-primary' }
+          ]
+        }
+      ]
+    }
+  }
+})
+
+Default.storyName = '基础引导'