kz-ui-base 1.0.43 → 1.0.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kz-ui-base",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "description": "",
   "main": "index.js",
   "scripts": {

package/common/src/views/sample/listPage/index.vue

@@ -1,498 +0,0 @@
-<script>
-import ListBasePage from "@components/base/page/listBasePage";
-//import tableListBasePage from "@components/base/page/tablelistBasePage";
-import SampleEditDialog from "@views/sample/dialog/sampleEditDialog";
-import SimpleDialogTest from "./OpMenusDialogTest.vue";
-import {
-  listEntity,
-  getEntity,
-  addEntity,
-  updateEntity,
-  getUrl,
-} from "@api/common/common";
-import * as Utils from "@utils/utils";
-
-export default {
-  extends: ListBasePage,
-  name: "ListPage",
-  components: { SampleEditDialog },
-  data() {
-    return {
-      //微服务模块名称
-      moduleName: "system",
-      //实体名称-服务名称
-      serviceName: "notice",
-      pkField: "noticeId",
-      //设置编辑界面窗口组件
-      //editDialogComponent: "SampleEditDialog",
-      // 列表列信息
-      listColumns: [
-        { text: `Id`, property: "noticeId" },
-        { text: `公告标题`, property: "noticeTitle" },
-        { text: `公告内容`, property: "noticeContent", visible: true },
-        {
-          text: `公告类型`,
-          property: "noticeType",
-          visible: true,
-          setting: { dictType: "sys_notice_type" },
-        },
-        { text: `创建时间`, property: "createTime", displayType: "DatePicker" },
-        {
-          text: `自定义格式时间`,
-          property: "createTime",
-          displayType: "DatePicker",
-          setting: { format: "yyyy-MM-dd" },
-        },
-        { text: `备注`, property: "remark" },
-        { text: `文件类型列`, property: "remark", displayType: "Upload" },
-        {
-          text: `文件名称显示`,
-          property: "remark",
-          format: "fileFormat",
-        },
-        {
-          text: `自定义显示格式列`,
-          property: "remark",
-          format: "remarkFormat",
-        },
-        { text: `自定义click列`, property: "remark", click: "onFilePriview" },
-        {
-          text: `自定义html列`,
-          property: "remark",
-          htmlFormat: "getFilePriviewLink",
-        },
-      ],
-
-      // 查询条件
-      searchRules: [
-        {
-          text: `公告标题`,
-          property: "noticeTitle",
-          displayType: "TextBox",
-          visible: false,
-          setting: {
-            default: "公告公告", //默认显示值
-            customStyle: "color:red", //自定义样式
-          },
-          // inputType: "number", //  输入类型默认不传
-          // maxLength: "10", // 输入长度限制
-        },
-        {
-          text: `公告类型`,
-          property: "noticeType",
-          displayType: "DropDownList",
-          setting: {
-            parameter: {}, //自定义参数
-            dictType: "sys_notice_type",
-            default: "1", //默认显示值
-            multiple: false, //多选
-            // findValue:'',//需要过滤的value
-            // noneFindValue:''//需要去除的value
-          },
-        },
-        {
-          text: `复选框`,
-          items: [
-            { value: "测试1", key: "1" },
-            { value: "测试2", key: "2" },
-          ],
-          property: "test1",
-          displayType: "CheckBox",
-          disabled: false,
-        },
-      ],
-      //弹出框设置
-      editSetting: {
-        //input标题宽度
-        labelWidth: "120px",
-      },
-      // 列信息
-      editColumns: [
-        {
-          text: `公告标题`,
-          property: "noticeTitle",
-          displayType: "TextBox",
-          visible: true,
-          placeholder: "自定义占位符", //占位符文案  默认不传  不传就显示text的文案
-          // inputType: "number", //  输入类型默认不传
-          // maxLength: "10", // 输入长度限制
-        },
-        {
-          text: `公告类型`,
-          property: "noticeType",
-          displayType: "DropDownList",
-          setting: {
-            dictType: "sys_notice_type",
-            formatKeyValue: true,
-            // filterable: true, //搜索下拉 不传为false
-          },
-        },
-        {
-          text: `创建时间`,
-          property: "createTime",
-          displayType: "DatePicker",
-        },
-        {
-          text: `公告内容`,
-          property: "noticeContent",
-          displayType: "Editor",
-          width: 24,
-        },
-        {
-          text: `级联下拉-部门`,
-          property: "dept_id",
-          displayType: "DropDownList",
-          setting: {
-            type: "Dept",
-            //关联字段，用于下拉选项变更时，自动将下拉选项中的其它值带到当前实体类属性值上，比如选择部门时，除了带出部门Id，同时带出部门名称到下面的关联字段部门名称上
-            relationFields: { dept_name: "deptName" },
-            default: "1470273027207061504", //默认显示值
-          },
-        },
-        {
-          text: `级联下拉-用户`,
-          property: "userId",
-          displayType: "DropDownList",
-          setting: {
-            //当前实体类主键字段。若为id则无需配置
-            pkField: "noticeId",
-            type: "User",
-            //级联绑定查询字段。property为查询参数名，dependenceField为依赖变更触发字段（比如此处用户用户下拉依赖上面的部门Id字段），dependenceValueField为依赖取值字段（可为空，为空时取dependenceField，比如依赖部门Id，但变更时需要取值部门名称）
-            searchRules: [
-              {
-                property: "deptId",
-                dependenceField: "dept_id",
-                dependenceValueField: "dept_id",
-                value: null,
-              },
-            ],
-          },
-        },
-
-        {
-          text: `关联字段-部门名称`,
-          property: "dept_name",
-          displayType: "TextBox",
-        },
-        {
-          text: `复选框`,
-          items: [
-            { value: "测试1", key: "1" },
-            { value: "测试2", key: "2" },
-          ],
-          property: "test1",
-          displayType: "CheckBox",
-          disabled: false,
-        },
-        { text: `颜色选择器`, property: "test2", displayType: "ColorPicker" },
-        { text: `开关`, property: "test3", displayType: "Switch" },
-        {
-          text: `文本域`,
-          property: "test4",
-          displayType: "TextArea",
-          disabled: true,
-        },
-        { text: `上传组件`, property: "remark", displayType: "Upload" },
-        {
-          text: `日期控件`,
-          property: "test6",
-          displayType: "DatePicker",
-          // range: true, //是否显示日期范围  不传默认为false
-        },
-
-        {
-          text: `用户Lookup框`,
-          property: "test17",
-          displayType: "Lookup",
-          //常用功能简化配置
-          setting: {
-            title: "请选择用户",
-            type: "User",
-            //弹框是否显示确定 取消 不传默认不显示true
-            footerButton: true,
-            //搜索弹框宽度   不传默认为800px
-            width: "1000px",
-            //树配置  不传默认为false
-            treeSetting: {
-              visable: true,
-              moduleName: "system",
-              serviceName: "dept",
-              //主键字段
-              pkField: "deptId",
-              //树外键主键字段
-              treeFkField: "id",
-              title: "请输入部门|岗位名称",
-            },
-            listColumns: [
-              { text: `用户名1`, property: "userName" },
-              { text: `昵称`, property: "nickName" },
-            ],
-            // 查询条件  不传默认不显示
-            searchRules: [
-              { text: `用户名`, property: "userName" },
-              {
-                text: `状态`,
-                property: "status",
-                displayType: "DropDownList",
-                setting: { dictType: "sys_normal_disable" },
-              },
-            ],
-          },
-        },
-        {
-          text: `用户Lookup框-Url配置`,
-          property: "test17",
-          displayType: "Lookup",
-          //直接使用微服务配置其它任意功能为Lookup选择数据源，指定显示字段和取值字段
-          setting: {
-            url: "/system/user/list?noticeType={noticeType}",
-            //moduleName: "system",
-            //serviceName: "user",
-            //getListAction: "list",
-            displayField: "nickName",
-            valueField: "userId",
-          },
-          //直接使用Url配置其它任意功能为Lookup选择数据源，指定显示字段和取值字段
-          //setting: {
-          //  url: "/system/user/list",
-          //  displayField: "nickName",
-          //  valueField: "userId"
-          //},
-        },
-        {
-          text: `用户下拉框`,
-          property: "test7",
-          displayType: "DropDownList",
-          setting: { type: "User" },
-        },
-        {
-          text: `自定义下拉`,
-          property: "test8",
-          displayType: "DropDownList",
-          setting: {
-            multiple: true, //多选
-            items: [
-              { text: "选项1", value: "1" },
-              { text: "选项2", value: "2" },
-            ],
-          },
-        },
-        {
-          text: `Url数据源下拉`,
-          property: "test9",
-          displayType: "DropDownList",
-          setting: {
-            url: "/system/user/list",
-            displayField: "nickName",
-            valueField: "userId",
-            assignment: "assignment",
-            // filterable: true, //搜索下拉 不传为false
-          },
-        },
-        {
-          text: `赋值`,
-          property: "assignment",
-          displayType: "TextBox",
-          visible: true,
-
-          // placeholder: "自定义占位符", //占位符文案  默认不传  不传就显示text的文案
-          // inputType: "number", //  输入类型默认不传
-          // maxLength: "10", // 输入长度限制
-        },
-      ],
-      // 表单校验
-      editRules: {
-        noticeTitle: [
-          { required: true, message: "公告标题不能为空", trigger: "blur" },
-          {
-            min: 2,
-            max: 20,
-            message: "公告标题长度必须介于 2 和 20 之间",
-            trigger: "blur",
-          },
-          {
-            digits: true,
-            min: 0,
-            message: "公告标题必须为正整数",
-            trigger: "blur",
-          },
-        ],
-        noticeType: [
-          { required: true, message: "公告类型不能为空", trigger: "blur" },
-        ],
-        noticeContent: [
-          { required: true, message: "公告内容不能为空", trigger: "blur" },
-        ],
-        //userName: [
-        //  { required: true, message: "用户账号不能为空", trigger: "blur" }
-        //],
-        //nickName: [
-        //  { required: true, message: "用户名称不能为空", trigger: "blur" }
-        //],
-        //password: [
-        //  { required: true, message: "用户密码不能为空", trigger: "blur" },
-        //  { min: 6, max: 20, message: '用户密码长度必须介于 6 和 20 之间', trigger: 'blur' }
-        //],
-        //email: [
-        //  {
-        //    type: "email",
-        //    message: "'请输入正确的邮箱地址",
-        //    trigger: ["blur", "change"]
-        //  }
-        //],
-        //phone: [
-        //  {
-        //    pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-        //    message: "请输入正确的手机号码",
-        //    trigger: "blur"
-        //  }
-        //]
-      },
-
-      //自定义操作菜单设定 - 若无自定义按钮，不需要重写
-      customOpMenus: [
-        {
-          visable: true,
-          text: "按钮11",
-          icon: "el-icon-plus",
-          permission: "system:user:list",
-          name: "custom1",
-          isShowText: false,
-        },
-        {
-          visable: true,
-          text: "按钮2",
-          text: "el-icon-plus",
-          name: "custom2",
-          isShowText: false,
-        },
-        {
-          visable: true,
-          text: "按钮3",
-          icon: "el-icon-plus",
-          name: "custom3",
-          isShowText: false,
-        },
-      ],
-      //列表自定义操作菜单设定 - 若无自定义按钮，不需要重写
-      listCustomOpMenus: [
-        {
-          visable: true,
-          text: "预览",
-          icon: "el-icon-edit",
-          permission: "",
-          name: "priview",
-          isShowText: false,
-        },
-      ],
-      //编辑界面自定义按钮菜单 - 若无自定义按钮，不需要重写
-      editCustomOpMenus: [
-        {
-          name: "custom1",
-          visable: true,
-          icon: "ion-plus-round",
-          text: "自定义1",
-        },
-      ],
-      //树形表格
-      treeSetting: {
-        visable: true,
-        moduleName: "system",
-        serviceName: "notice",
-        //主键字段
-        pkField: "createBy",
-        //树外键主键字段
-        treeFkField: "id",
-        title: "请输入部门|岗位名称",
-      },
-    };
-  },
-  created() {
-    /*
-    //隐藏操作菜单按钮示例，隐藏或更新其它操作菜单按钮配置值
-    this.updateOpMenu({ visable: false }, ["custom2"]);
-    //隐藏列表列示例，隐藏或更新其它操作菜单按钮配置值
-    this.updateListColumn({ visable: false }, ["noticeId"]);
-    //禁用和隐藏编辑列示例，隐藏或更新其它操作菜单按钮配置值
-    this.updateEditColumn({ disabled: true }, ["noticeTitle", "test3"]);
-    */
-  },
-  methods: {
-    /** 列表表格自定义按钮点击处理 */
-    onListCustomOpMenuClick(args) {
-      switch (args.opMenu.name) {
-        case "priview":
-          this.onFilePriview(args.data);
-          break;
-        case "custom2":
-          alert("自定义按钮2点击事件");
-          break;
-      }
-    },
-    /** 自定义操作菜单按钮点击处理 */
-    onCustomOpMenuClick(args) {
-      switch (args.opMenu.name) {
-        case "custom1":
-          this.Dialog.open({
-            component: SampleEditDialog,
-            setting: {
-              isShow: true,
-              title: "标题标题",
-              size: "small", //可选项tiny/small/large/full
-              width: "800px", //表格宽度 不传默认为800px
-              labelWidth: "120px", //input标题宽度  不传默认为100px
-              data: { entity: this.currentEntity },
-            },
-            //beforeClose: (done) => {
-            //  //点右上角关闭按钮后触发
-            //  console.log("1");
-            //  done();
-            //},
-            //close: () => {
-            //  //关闭后触发
-            //  console.log("2");
-            //},
-            confirm: (result) => {
-              //显式$emit('confirm')时触发
-              console.log("3 ", result);
-            },
-          });
-
-          break;
-        case "custom2":
-          alert("自定义按钮2点击事件");
-          break;
-        case "custom3":
-          break;
-      }
-    },
-    /** 编辑界面自定义按钮点击处理 */
-    onEditCustomOpMenuClick(args) {
-      switch (args.opMenu.name) {
-        case "custom1":
-          alert("编辑界面自定义按钮1点击事件");
-          break;
-      }
-    },
-
-    /** 自定义列显示格式方法 */
-    fileFormat(data, column) {
-      return this.getFileNickName(data.remark);
-    },
-    /** 自定义列显示格式方法 */
-    remarkFormat(data, column) {
-      return data.remark ? "有备注" : "无备注";
-    },
-    /** 自定义列点击方法 */
-    onFilePriview(data, column) {
-      if (data.remark) this.filePriview(data.remark);
-    },
-    /** 自定义列显示Html */
-    getFilePriviewLink(data, column) {
-      return `<a href="${this.getFilePriviewUrl(
-        data.remark
-      )}" target="_blank">${data.remark ? "自定义预览" : ""}</a>`;
-    },
-  },
-};
-</script>