centaline-data-driven

centaline-data-driven

centaline-data-driven

安装、使用

# install dependencies
npm install

# serve with hot reload at localhost:3333
npm run dev

# 打包
npm run build

# 发布到npm（记得先打包一下）
npm publish

# 外部引用
# 安装
npm install -save centaline-data-driven

# 使用
import DataDriven from 'centaline-data-driven'

Vue.use(centaline, {
  baseUrl: process.env.BASE_API,
  zindex: 999,
  handler: {
    // 打开tab页
    openTab: function (action, submitData, pageTitle) {
      alert("打开tab页:" + action +",标题:"+ pageTitle)
    },
    // 获取请求头
    getRequestHeaders: function () {
      return {
        token: "1234"
      };
    },
    // 请求完成事件，可判断是否登录过期执行响应操作
    requestComplete: function (response) {
      console.log(response);
    }
  }});

# ct-form 
<template>
  <div id="app" style="width:100%;height:100%;overflow:auto">
    <ct-form :api="'api/Form/formdata'" />
    <ct-dialog-list />
  </div>
</template>

# ct-searchlist
<template>
  <div style="height: calc(100vh - 84px)">
    <ct-searchlist :search-condition-api="'api/ContractList/GetLayoutOfSearch'" :search-data-api="'api/ContractList/readlist'" />
    <ct-dialog-list />
  </div>
</template>

ct-form的js内置对象formData的方法(供手写js进行取值或设置值)

/**
* @method
* @param {string} id 指定Field的fieldName1
* @param {string} attrKey 指定Field的属性attrKey
* @desc 获取指定Field的指定Field的值
* @returns {string} 指定Field的指定Field的值
*/
getValueByFieldName(id, attrKey)

/**
* @method 表单列表弹层编辑时，弹层formData添加获取父表单数据方法
* @param {string} id 指定Field的fieldName1
* @param {string} attrKey 指定Field的属性attrKey
* @desc 获取指定Field的指定Field的值
* @returns {string} 指定Field的指定Field的值
*/
getValueByFieldNameFromParent(id, attrKey)

/**
* @method
* @param {string} id 指定Field的fieldName1
* @param {string} attrKey 指定Field的属性名
* @param {string} attrValue 需要设置的属性值
* @desc 设置指定Field的指定Field的值
* @returns {boolean} 是否成功
*/
setValueByFieldName(id, attrKey, attrValue)

/**
  * @method
  * @param {string} tableName 指定的表fieldName1 默认当前表
  * @desc 获取指定列表的行数（注意 这里包括列头）
  * @returns {number} 列表行数
  */
getListCount(tableName)

/**
  * @method
  * @param {String} tableName 表fieldName1 默认当前表
  * @param {Number} rowNum 行号 默认当前行号（注意 这里第0行是列头）
  * @param {String} fiedlId 列fieldName1 默认当前列fieldName1
  * @param {String} attrName 需要获取attr，如code1,code2 默认code1
  * @param {String} defaultValue 默认值，若该行被删除时，则直接返回这个值，可空
  * @desc 获取指定列表中的指定Field的指定属性值
  * @returns {String} 指定列表中的指定Field的指定属性值
  */
getListFieldValue(tableName, rowNum, fiedlId, attrName, defaultValue)

/**
  * @method 表单列表弹层编辑时，弹层formData添加获取父表单数据方法
  * @param {String} tableName 表fieldName1 默认当前表
  * @param {Number} rowNum 行号 默认当前行号（注意 这里第0行是列头）
  * @param {String} fiedlId 列fieldName1 默认当前列fieldName1
  * @param {String} attrName 需要获取attr，如code1,code2 默认code1
  * @param {String} defaultValue 默认值，若该行被删除时，则直接返回这个值，可空
  * @desc 获取指定列表中的指定Field的指定属性值
  * @returns {String} 指定列表中的指定Field的指定属性值
  */
getListFieldValueFromParent(tableName, rowNum, fiedlId, attrName, defaultValue)

/**
  * @method
  * @param {String} value 设置的值
  * @param {String} tableName 表fieldName1
  * @param {Number} rowNum 行号 默认当前行号（注意 这里第0行是列头）
  * @param {String} fiedlId 列fieldName1
  * @param {String} attrName 需要改的attrName，如code1,code2
  * @desc 设置指定列表中的指定Field的指定属性
  * @returns {boolean} 是否成功
  */
setListFieldValue(value, tableName, rowNum, fiedlId, attrName)

/**
  * @method
  * @param {String} action action。
  * @param {Object} object 传到后台的数据。
  * @param {Function} successCallback 成功后的回调，只请求成功且response.clientActionType==1时才执行。
  * @desc 获取后台数据，并返回脚本或执行回调。
  */
execServerScript(action, object, successCallback)


/**
  * @method
  * @param {string} message 消息文字。
  * @param {string} type 主题:success/warning/info/error。
  * @param {boolean} center 是否居中。
  * @param {number} duration 显示时间,1500毫秒。设为 0 则不会自动关闭。
  * @param {boolean} showClose 是否显示关闭按钮。
  * @param {boolean} dangerouslyUseHTMLString 是否将 message 属性作为 HTML 片段处理。
  * @desc 消息提示。常用于主动操作后的反馈提示。
  */
message(message, type, center, duration, showClose,dangerouslyUseHTMLString)