yasuo-sdk v1.6.4

yasuo-sdk

此项目提供以下功能： 1. 问题反馈集合 2. Table表格集合 3. 分页 4. 搜索栏 5. 页面整体布局包括 菜单，面包屑 layout等 6. 自定义表单 ...

使用方法：

    npm install yasuo-sdk
    
    // main.ts
    import YasuoSdk from 'yasuo-sdk'
    app.use(YasuoSdk) 

发布方法

    npm run build
    
    // 更改 package.json version
    version: 'x.x.x'

    npm publish

feedbackQuestion(问题反馈)

            <feedback-question
              onHandleClickConfirm={(data: any) => {
                handleClickFeedBack(data, 'ok')
              }}
              onHandleClickCancel={(data: any) => handleClickFeedBack(data, 'cancel')}
              fileType="base64"
              tips={i18n.global.t(
                '仅允许上传jpeg/png图片格式, 且最多支持9张图片 (仅允许上传小于1M的图片，超过请改为截图上传)'
              )}
              isCurrentUrl
              isNeedPaste
              visible={feedbackQuestionObj.visible}
            />

Table(Table页合集)

    <Table-index
      class="tableIndex"
      data={{
        searchListData: {
          list: [
            {
              label: '报告类型',
              value: 'report_type',
              type: 'select',
              option: [
                {
                  value: 'function_testing',
                  label: '功能测试'
                },
                {
                  value: 'performance_testing',
                  label: '性能测试'
                }
              ]
            }
          ],
          onQuery: async (params: any) => {
            console.log(params, 'params')
            const response: any = await service({
              url: '/api/v1/test_report/record',
              method: 'get',
              data: {
                page: params?.page || 1,
                page_size: params?.page_size || 10,
                report_type: params?.report_type,
                test_branch: params?.test_branch,
                biz_id: 2,
                create_user: params?.create_user,
                dept_id: 795
              }
            })
            console.log(response, 'roro')
            return {
              response: response?.results?.data || [],
              total: response?.results?.total || 0
            }
          },
          prefix: () => {
            return (
              <div>
                <el-button type="primary">新增测试报告</el-button>
              </div>
            )
          }
          // suffix: () => {
          //   return <div>2222</div>
          // }
        },
        // tableData: [],
        stripe: true,
        isPage: true,
        isSearch: true,
        tableColumns: [
          {
            label: '部门/业务',
            prop: 'dept_name'
          },
          {
            label: '报告类型',
            prop: 'report_type'
          },
          {
            label: '测试结果',
            prop: 'test_result'
          }
        ],
        slots: {
          header: ({ column, $index }: any) => {
            return $index === 0 ? '部门/业务' : column.label
          },
          default: (record: any) => {
            console.log(record, 'roroor')
          }
        }
      }}
    />

SearchList(筛选栏列表)

          <SearchListIndex
            ref={searchList}
            data={{
              list: [
                {
                  label: '报告类型',
                  value: 'report_type',
                  type: 'select',
                  option: [
                    {
                      value: 'function_testing',
                      label: '功能测试'
                    },
                    {
                      value: 'performance_testing',
                      label: '性能测试'
                    }
                  ]
                }
              ],
              onQuery: async (params: any) => {
                console.log(params, 'params')
                const response: any = await service({
                  url: '/api/v1/test_report/record',
                  method: 'get',
                  data: {
                    page: params?.page || 1,
                    page_size: params?.page_size || 10,
                    report_type: params?.report_type,
                    test_branch: params?.test_branch,
                    biz_id: 2,
                    create_user: params?.create_user,
                    dept_id: 795
                  }
                })
                console.log(response, 'roro')
                return {
                  response: response?.results?.data || [],
                  total: response?.results?.total || 0
                }
              },
              prefix: () => {
                return (
                  <div>
                    <el-button type="primary">新增测试报告</el-button>
                  </div>
                )
              },
              suffix: () => {
                return <div>2222</div>
              }
            }}
            onHandleClickConfirm={handleClickConfirm}
            onHandleClickCancel={handleClickCancel}
          />

listType：

Layout(整体结构)

          <Layout-index
            data={{
              route: route.value,
              routeList: RouteList,
              userInfo: {
                name: '亚索',
                avatar: ''
              },
              isLang: true
            }}
            v-slots={{
              container: () => {
                return <router-view></router-view>
              }
            }}
          />

routeListType：

userInfoType：