2023-12-27

king

2023-12-27 6ef91daa9f2e12e5e137ec82f9185e7749ed82d7

2023-12-27

 src/menu/components/chart/antv-bar/chartcompile/formconfig.jsx

@@ -224,28 +224,41 @@
export function getOptionForm (card, columns) {
  let appType = sessionStorage.getItem('appType')
  let shapes = []
  let shape = card.shape

  if (card.chartType === 'line') {
    shapes = [
      { field: 'smooth', label: 'smooth（平滑线）' },
      { field: 'line', label: 'line（直线）' },
      { field: 'dot', label: 'dot（点状线）' },
      { field: 'dash', label: 'dash（虚线）' },
      { field: 'hv', label: 'hv（水平-垂直线）' },
      { field: 'vh', label: 'vh（垂直-水平线）' },
      { field: 'hvh', label: 'hvh（水平-垂直-水平线）' },
      { field: 'vhv', label: 'vhv（垂直-水平-垂直线）' }
      { field: 'smooth', label: '平滑线' },
      { field: 'line', label: '直线' },
      { field: 'dot', label: '点状线' },
      { field: 'dash', label: '虚线' },
      { field: 'hv', label: '水平-垂直线' },
      { field: 'vh', label: '垂直-水平线' },
      { field: 'hvh', label: '水平-垂直-水平线' },
      { field: 'vhv', label: '垂直-水平-垂直线' }
    ]
  } else if (card.chartType === 'bar') {
    shapes = [
      { field: 'rect', label: 'rect（矩形）' },
      { field: 'hollow-rect', label: 'hollow-rect（空心矩形）' },
      { field: 'rect', label: '矩形' },
      { field: 'hollow-rect', label: '空心矩形' },
      // { field: 'hollow', label: 'hollow（空心矩形）' },
      // { field: 'line', label: 'line（线条）' },
      // { field: 'tick', label: 'tick（波动）' },
      // { field: 'funnel', label: 'funnel（漏斗图）' },
      { field: 'pyramid', label: 'pyramid（金字塔）' }
      { field: 'pyramid', label: '金字塔' },
      { field: 'barChart', label: '条形图' },
      { field: 'roseChart', label: '玫瑰图' },
    ]

    if (card.transpose === 'true') {
      shape = 'barChart'
    } else if (card.coordinate === 'polar') {
      shape = 'roseChart'
    }
  }

  if (!shape) {
    shape = shapes[0].field
  }

  let xfields = columns.filter(item => /^Nvarchar/ig.test(item.datatype))
@@ -294,24 +307,36 @@
  if (card.y_label !== 'hidden') {
    tickVals.push('y_label')
  }
  
  let datatype = card.datatype || 'query'
  if (card.enabled === 'true') {
    datatype = 'custom'
  }

  return [
    {
      type: 'radio',
      field: 'datatype',
      label: '数据类型',
      initval: card.datatype || 'query',
      label: '图形类型',
      initval: datatype,
      tooltip: '统计图表适用于展示数据类型为动态值。',
      required: false,
      $trans: true,
      options: [
        { value: 'query', label: '查询' },
        { value: 'query', label: card.chartType !== 'line' ? '柱状图' : '折线图' },
        { value: 'custom', label: '自定义图形' },
        { value: 'statistics', label: '统计' }
      ],
      controlFields: [
        {field: 'InfoType', values: ['statistics']},
        {field: 'InfoValue', values: ['statistics']},
        {field: 'Yaxis', values: ['query']},
        {field: 'Yaxis', values: ['query', 'custom']},
        {field: 'adjust', values: ['query', 'statistics']},
        {field: 'area', values: ['query', 'statistics']},
        {field: 'show', values: ['query', 'statistics']},
        {field: 'selectColor', values: ['query']},
        {field: 'barSize', values: card.chartType !== 'line' ? ['query', 'custom', 'statistics'] : ['custom']},
        {field: 'mutilBar', values: ['custom']},
      ]
    }, {
      type: 'select',
@@ -336,6 +361,20 @@
      options: yfields
    }, {
      type: 'select',
      field: 'shape',
      label: '形状',
      initval: shape,
      required: false,
      options: shapes
    }, {
      type: 'multiselect',
      field: 'Yaxis',
      label: 'Y-轴',
      initval: card.Yaxis || [],
      required: true,
      options: yfields
    }, {
      type: 'select',
      field: 'legend',
      label: '图例位置',
      initval: card.legend || 'bottom',
@@ -356,20 +395,6 @@
        { field: 'hidden', label: '隐藏' }
      ]
    }, {
      type: 'multiselect',
      field: 'Yaxis',
      label: 'Y-轴',
      initval: card.Yaxis || [],
      required: true,
      options: yfields
    }, {
      type: 'select',
      field: 'shape',
      label: '形状',
      initval: card.shape || (shapes[0] && shapes[0].field),
      required: false,
      options: shapes
    }, {
      type: 'radio',
      field: 'tooltip',
      label: '悬浮提示',
@@ -382,41 +407,27 @@
        value: 'false',
        label: '隐藏'
      }]
    }, {
      type: 'radio',
      field: 'point',
      label: '点图',
      initval: card.point || 'false',
      required: false,
      forbid: !['line'].includes(card.chartType),
      options: [{
        value: 'true',
        label: '显示'
      }, {
        value: 'false',
        label: '隐藏'
      }]
    }, {
      type: 'radio',
      field: 'transpose',
      label: '变换',
      initval: card.transpose || 'false',
      tooltip: '横纵坐标轴交换',
      forbid: card.chartType === 'line',
      required: false,
      options: [{
        value: 'true',
        label: '是'
      }, {
        value: 'false',
        label: '否'
      }]
    // }, {
    //   type: 'radio',
    //   field: 'transpose',
    //   label: '变换',
    //   initval: card.transpose || 'false',
    //   tooltip: '横纵坐标轴交换',
    //   forbid: card.chartType === 'line',
    //   required: false,
    //   options: [{
    //     value: 'true',
    //     label: '是'
    //   }, {
    //     value: 'false',
    //     label: '否'
    //   }]
    }, {
      type: 'radio',
      field: 'show',
      label: '显示',
      initval: card.show || 'value',
      tooltip: '当使用自定义设置时，可在显示（值/%）处单独设置显示类型。注：自定义为空时使用此处设置。',
      // tooltip: '当使用自定义设置时，可在显示（值/%）处单独设置显示类型。注：自定义为空时使用此处设置。',
      required: false,
      options: [{
        value: 'value',
@@ -439,20 +450,20 @@
      controlFields: [
        {field: 'labelColor', values: ['true']}
      ]
    }, {
      type: 'radio',
      field: 'labelColor',
      label: '标注颜色',
      initval: card.labelColor || 'system',
      tooltip: '使用系统色时，使用色系选项设置的系统颜色，使用自定义为颜色设置中定义的图形颜色。',
      required: false,
      options: [{
        value: 'system',
        label: '系统'
      }, {
        value: 'custom',
        label: '自定义'
      }]
    // }, {
    //   type: 'radio',
    //   field: 'labelColor',
    //   label: '标注颜色',
    //   initval: card.labelColor || 'system',
    //   tooltip: '使用系统色时，使用色系选项设置的系统颜色，使用自定义为颜色设置中定义的图形颜色。',
    //   required: false,
    //   options: [{
    //     value: 'system',
    //     label: '系统'
    //   }, {
    //     value: 'custom',
    //     label: '自定义'
    //   }]
    // }, {
    //   type: 'radio',
    //   field: 'labelValue',
@@ -483,11 +494,38 @@
      }]
    }, {
      type: 'radio',
      field: 'mutilBar',
      label: '多柱排列',
      initval: card.mutilBar || 'dodge',
      required: false,
      options: [{
        value: 'dodge',
        label: '分组'
      }, {
        value: 'stack',
        label: '堆叠'
      }]
    }, {
      type: 'radio',
      field: 'point',
      label: '点图',
      initval: card.point || 'false',
      required: false,
      forbid: card.chartType === 'bar',
      options: [{
        value: 'true',
        label: '显示'
      }, {
        value: 'false',
        label: '隐藏'
      }]
    }, {
      type: 'radio',
      field: 'area',
      label: '面积图',
      initval: card.area || 'false',
      required: false,
      forbid: ['bar'].includes(card.chartType),
      forbid: card.chartType === 'bar',
      options: [{
        value: 'true',
        label: '显示'
@@ -495,20 +533,20 @@
        value: 'false',
        label: '不显示'
      }]
    }, {
      type: 'radio',
      field: 'coordinate',
      label: '坐标',
      initval: card.coordinate || 'angle',
      required: false,
      forbid: card.chartType === 'line',
      options: [{
        value: 'angle',
        label: '二维坐标'
      }, {
        value: 'polar',
        label: '极坐标'
      }]
    // }, {
    //   type: 'radio',
    //   field: 'coordinate',
    //   label: '坐标',
    //   initval: card.coordinate || 'angle',
    //   required: false,
    //   forbid: card.chartType === 'line',
    //   options: [{
    //     value: 'angle',
    //     label: '二维坐标'
    //   }, {
    //     value: 'polar',
    //     label: '极坐标'
    //   }]
    }, {
      type: 'checkbox',
      field: 'axis',
@@ -574,20 +612,20 @@
    //     value: 'hidden',
    //     label: '隐藏'
    //   }]
    }, {
      type: 'radio',
      field: 'download',
      label: '导出图片',
      initval: card.download || 'forbid',
      required: false,
      forbid: appType === 'mob',
      options: [{
        value: 'forbid',
        label: '禁用'
      }, {
        value: 'enable',
        label: '启用'
      }]
    // }, {
    //   type: 'radio',
    //   field: 'download',
    //   label: '导出图片',
    //   initval: card.download || 'forbid',
    //   required: false,
    //   forbid: appType === 'mob',
    //   options: [{
    //     value: 'forbid',
    //     label: '禁用'
    //   }, {
    //     value: 'enable',
    //     label: '启用'
    //   }]
    }, {
      type: 'radio',
      field: 'empty',
@@ -608,7 +646,6 @@
      max: 200,
      precision: 0,
      initval: card.barSize,
      forbid: !['bar'].includes(card.chartType),
      required: false
    }, {
      type: 'number',
@@ -619,7 +656,7 @@
      max: 200,
      precision: 0,
      initval: card.barRadius || 0,
      forbid: !['bar'].includes(card.chartType),
      forbid: card.chartType === 'line',
      required: false
    }, {
      type: 'number',
@@ -670,37 +707,37 @@
      initval: card.rotate,
      forbid: appType !== 'mob',
      required: false
    }, {
      type: 'multiselect',
      field: 'interaction',
      label: '交互效果',
      initval: card.interaction || [],
      required: false,
      forbid: appType === 'mob',
      options: [
        { value: 'element-active', label: '元素聚焦' },
        { value: 'element-selected', label: '元素选中（多选）' },
        { value: 'element-single-selected', label: '元素选中（单选）' },
        { value: 'active-region', label: '背景框' },
        { value: 'view-zoom', label: '视图缩放' },
        { value: 'element-highlight', label: '元素高亮' },
        { value: 'element-highlight-by-color', label: '同色元素高亮' },
        { value: 'element-highlight-by-x', label: '同X轴元素高亮' },
        { value: 'legend-filter', label: '图例过滤' },
        { value: 'legend-active', label: '图例聚焦' },
        { value: 'legend-highlight', label: '图例高亮' },
        { value: 'brush', label: '选框过滤' },
      ],
      controlFields: [
        {field: 'selectColor', values: ['element-selected', 'element-single-selected']},
      ]
    // }, {
    //   type: 'multiselect',
    //   field: 'interaction',
    //   label: '交互效果',
    //   initval: card.interaction || [],
    //   required: false,
    //   forbid: appType === 'mob',
    //   options: [
    //     { value: 'element-active', label: '元素聚焦' },
    //     { value: 'element-selected', label: '元素选中（多选）' },
    //     { value: 'element-single-selected', label: '元素选中（单选）' },
    //     { value: 'active-region', label: '背景框' },
    //     { value: 'view-zoom', label: '视图缩放' },
    //     { value: 'element-highlight', label: '元素高亮' },
    //     { value: 'element-highlight-by-color', label: '同色元素高亮' },
    //     { value: 'element-highlight-by-x', label: '同X轴元素高亮' },
    //     { value: 'legend-filter', label: '图例过滤' },
    //     { value: 'legend-active', label: '图例聚焦' },
    //     { value: 'legend-highlight', label: '图例高亮' },
    //     { value: 'brush', label: '选框过滤' },
    //   ],
    //   controlFields: [
    //     {field: 'selectColor', values: ['element-selected', 'element-single-selected']},
    //   ]
    }, {
      type: 'color',
      field: 'selectColor',
      label: '选中颜色',
      initval: card.selectColor || '',
      tooltip: '选中柱形图的颜色，启用自定义设置时无效。',
      forbid: !['bar'].includes(card.chartType),
      tooltip: '选中柱形图的颜色。',
      forbid: card.chartType === 'line',
      allowClear: true,
      required: false
    }

 src/menu/components/chart/antv-bar/chartcompile/index.jsx

@@ -181,10 +181,15 @@

    plot.zoomYaxis = plot.zoomYaxis || 'default'

    let datatype = plot.datatype || 'query'
    if (plot.enabled === 'true') {
      datatype = 'custom'
    }

    this.setState({
      visible: true,
      view: 'base',
      datatype: plot.datatype || 'query',
      datatype: datatype,
      fieldName: fieldName,
      plot: plot,
      baseFormlist: getBaseForm(plot, config.columns),
@@ -299,6 +304,7 @@
          { value: 'false', text: '隐藏'}
        ],
        render: (text, record) => {
          if (record.axis !== 'true') return ''
          let trans = {'true': '显示', 'false': '隐藏'}
          return trans[text] || ''
        }
@@ -317,7 +323,7 @@
        ],
        render: (text, record) => {
          let trans = {value: '数值', percent: '百分比', thdSeparator: '千分位'}
          return trans[text] || ''
          return trans[text] || '数值'
        }
      },
      {
@@ -359,9 +365,18 @@
      this.normalRef.handleConfirm().then(values => {
        let _plot = {...plot, ...values}

        if (_plot.datatype === 'custom') {
          _plot.datatype = 'query'
          _plot.enabled = 'true'
          _plot.show = 'value'
        } else {
          _plot.enabled = 'false'
        }

        if (_plot.datatype !== plot.datatype) {
          _plot.colors = null
        }

        this.resetPlot(_plot)

        this.setState({
@@ -398,6 +413,14 @@
    if (view === 'normal') {
      this.normalRef.handleConfirm().then(values => {
        let _plot = {...plot, ...values}

        if (_plot.datatype === 'custom') {
          _plot.datatype = 'query'
          _plot.enabled = 'true'
          _plot.show = 'value'
        } else {
          _plot.enabled = 'false'
        }

        if (_plot.datatype !== plot.datatype) {
          _plot.colors = null
@@ -482,6 +505,14 @@
  resetPlot = (_plot) => {
    const { config } = this.props

    if (_plot.chartType === 'bar') {
      _plot.transpose = _plot.shape === 'barChart' ? 'true' : 'false'
      _plot.coordinate = _plot.shape === 'roseChart' ? 'polar' : 'angle'
      if (_plot.shape === 'barChart' || _plot.shape === 'roseChart') {
        _plot.shape = 'rect'
      }
    }

    if (_plot.axis) {
      _plot.grid = _plot.axis.includes('grid') ? 'show' : 'hidden'
      _plot.x_line = _plot.axis.includes('x_line') ? 'show' : 'hidden'
@@ -531,7 +562,8 @@
            name: labels[item] || item,
            axis: i === 0 ? 'true' : 'false',
            label: _plot.label === 'false' ? 'false' : true,
            title: 'true',
            show: 'value',
            title: 'false',
            shape: _plot.chartType === 'bar' && i === 0 ? ['bar', 'rect'] : ['line', 'smooth']
          }
        })
@@ -668,15 +700,15 @@
                {datatype === 'statistics' ? <Button className="color-add mk-green" onClick={this.addColor}>添加</Button> : null}
                {datatype === 'statistics' ? <EditTable actions={['edit', 'move', 'del']} data={plot.colors || []} columns={plot.ramp ==='true' ? rampStatColorColumns : statColorColumns} onChange={this.changeColor}/> : null}
                {datatype !== 'statistics' ? <EditTable actions={['edit']} data={plot.colors || []} columns={plot.ramp ==='true' ? rampColorColumns : colorColumns} onChange={this.changeColor}/> : null}
                {plot.chartType === 'bar' && plot.datatype === 'query' ? <div className="mk-bar-colors">
                  <p>柱形颜色：可根据柱图序号设置颜色。注：使用自定义图形设置或多根柱图时无效。</p>
                {plot.chartType === 'bar' && datatype === 'query' ? <div className="mk-bar-colors">
                  <p>柱形颜色：可根据柱图序号设置颜色。注：多根柱图时无效。</p>
                  <div className="bar-color-add"><PlusOutlined onClick={this.addbarColor}/></div>
                  <EditTable actions={['edit', 'move', 'del']} data={plot.barcolors || []} columns={barColorColumns} onChange={this.changebarColor}/>
                </div> : null}
              </div>
            </TabPane> : null}
            {plot ? <TabPane tab="自定义图形设置" disabled={datatype === 'statistics'} key="custom">
              <Col span={8}>
            {plot ? <TabPane tab="自定义图形设置" disabled={datatype !== 'custom'} key="custom">
              {/* <Col span={8}>
                <Form {...formItemLayout}>
                  <Form.Item label="是否启用" style={{marginBottom: 10}}>
                    <Radio.Group value={plot.enabled || 'false'} onChange={(e) => this.optionChange(e.target.value, 'enabled')}>
@@ -685,8 +717,8 @@
                    </Radio.Group>
                  </Form.Item>
                </Form>
              </Col>
              <Col span={8}>
              </Col> */}
              {/* <Col span={8}>
                <Form {...formItemLayout}>
                  <Form.Item label="多柱排列" style={{marginBottom: 10}}>
                    <Radio.Group value={plot.mutilBar || 'dodge'} onChange={(e) => this.optionChange(e.target.value, 'mutilBar')}>
@@ -696,7 +728,7 @@
                    </Radio.Group>
                  </Form.Item>
                </Form>
              </Col>
              </Col> */}
              <Col span={8}>
                <Form {...formItemLayout}>
                  <Form.Item label="Y轴区间" style={{marginBottom: 10}}>

 src/tabviews/zshare/actionList/newpagebutton/index.jsx

@@ -128,6 +128,13 @@
        duration: 5
      })
      return
    } else if (btn.pageTemplate === 'custom' && window.GLOB.systemType === 'production' && !btn.proUrl) {
      notification.warning({
        top: 92,
        message: '尚未设置正式系统链接地址！',
        duration: 5
      })
      return
    } else if (!btn.pageTemplate) {
      notification.warning({
        top: 92,
@@ -195,7 +202,7 @@
      window.open(url)
    } else if (btn.pageTemplate === 'custom') {
      let url = btn.url
      if (window.GLOB.systemType === 'production' && btn.proUrl) {
      if (window.GLOB.systemType === 'production') {
        url = btn.proUrl
      }