kz-ui-base 1.0.41 → 1.0.43

package/common/src/components/base/dialog/editDialog.vue

@@ -48,12 +48,12 @@
 <script>
 import { addEntity, updateEntity } from "../../../api/common/common";
 
-import FormColumns from "@components/customForm/formColumns";
+// import FormColumns from "@components/customForm/formColumns";
 
 export default {
   name: "EditDialog",
   components: {
-    FormColumns,
+    // FormColumns,
   },
   props: {
     //微服务模块名称

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

@@ -1,6 +1,7 @@
 <script>
 // import ListBasePage from "@components/base/page/listBasePage";
-import DoubleListBasePage from "@components/base/page/doublelistBasePage";
+// import DoubleListBasePage from "@components/base/page/doublelistBasePage";ß
+import {DoubleListBasePage} from "kz-ui-base";
 import SampleEditDialog from "@views/sample/dialog/sampleEditDialog";
 import SimpleDialogTest from "./OpMenusDialogTest.vue";
 import {

package/package.json

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

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

@@ -1,427 +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 { filePriview } from "@utils/file";
-import { getFilePriviewUrl } from "@utils/file";
-
-export default {
-  //   extends: tableListBasePage,
-  extends: ListBasePage,
-  name: "tableIndex",
-  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: "remark" },
-        {
-          text: `自定义显示格式列`,
-          property: "remark",
-          format: "remarkFormat",
-        },
-        { text: `自定义click列`, property: "remark", click: "onFilePriview" },
-        {
-          text: `自定义html列`,
-          property: "remark",
-          htmlFormat: "getFilePriviewLink",
-        },
-      ],
-
-      // 查询条件
-      searchRules: [
-        { text: `公告标题`, property: "noticeTitle", visible: false },
-        {
-          text: `公告类型`,
-          property: "noticeType",
-          displayType: "DropDownList",
-          setting: { dictType: "sys_notice_type" },
-        },
-      ],
-      // 列信息
-      editColumns: [
-        {
-          text: `公告标题`,
-          property: "noticeTitle",
-          displayType: "TextBox",
-          visible: true,
-        },
-        {
-          text: `公告类型`,
-          property: "noticeType",
-          displayType: "DropDownList",
-          setting: { dictType: "sys_notice_type" },
-        },
-        {
-          text: `公告内容`,
-          property: "noticeContent",
-          displayType: "Editor",
-          width: 24,
-        },
-        {
-          text: `复选框`,
-          property: "test1",
-          displayType: "CheckBox",
-          disabled: true,
-        },
-        { text: `颜色选择器`, property: "test2", displayType: "ColorPicker" },
-        { text: `开关`, property: "test3", displayType: "Switch" },
-        {
-          text: `文本域`,
-          property: "test4",
-          displayType: "TextArea",
-          disabled: true,
-        },
-        { text: `上传组件`, property: "test5", displayType: "Upload" },
-        { text: `日期控件`, property: "test6", displayType: "DatePicker" },
-        {
-          text: `用户下拉框`,
-          property: "test7",
-          displayType: "DropDownList",
-          setting: { type: "User" },
-        },
-        {
-          text: `自定义下拉`,
-          property: "test8",
-          displayType: "DropDownList",
-          setting: {
-            items: [
-              { text: "选项1", value: "1" },
-              { text: "选项2", value: "2" },
-            ],
-          },
-        },
-        {
-          text: `Url数据源下拉`,
-          property: "test9",
-          displayType: "DropDownList",
-          setting: {
-            url: "/system/user/list",
-            displayField: "nickName",
-            valueField: "userId",
-          },
-        },
-      ],
-      // 表单校验
-      editRules: {
-        noticeTitle: [
-          { required: true, message: "公告标题不能为空", trigger: "blur" },
-          {
-            min: 2,
-            max: 20,
-            message: "公告标题长度必须介于 2 和 20 之间",
-            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",
-          permission: "",
-          name: "custom2",
-          isShowText: false,
-        },
-        {
-          visable: true,
-          text: "按钮3",
-          icon: "el-icon-plus",
-          permission: "",
-          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: false,
-        moduleName: "system",
-        serviceName: "notice",
-        title: "请输入部门|岗位名称",
-      },
-      //弹框列表配置
-      springFrametable: {
-        //列表微服务模块名称
-        moduleName: "system",
-        //列表实体名称-服务名称
-        serviceName: "notice",
-        //显示
-        visable: true,
-        //接口是否有编辑框参数
-        editData: true, //false 可传可不传
-        //接受参数字段名
-        tableListName: "tableList",
-        // //显示新增按钮
-        // buttomShow: false, //false 可传可不传
-        //弹框宽度
-        width: "1000px",
-        //表格自定义参数
-        parameter: {},
-        //弹框内列表信息
-        tableColumns: [
-          {
-            prop: "createName",//对应字段
-            text: "",//列表名
-            attr: { width: "180" },//td宽度
-            edit: true,//显示input     false,//为只读状态
-            type: "input",//输入框、select下拉框/选择器、日期选择器、checkbox复选框、switch开关、mixInput搜索框其中checkbox/select  配置 
-            options: [
-              { label: "1", value: "1" },//
-              { label: "2", value: "2" },
-            ],
-
-            //或以下配置
-            property: "createName",
-            text: "",//列表名
-            displayType: "DropDownList",
-            setting: {
-              type: "User",
-              dictType: "sys_notice_type",
-              items: [
-                { text: "选项1", value: "1" },
-                { text: "选项2", value: "2" },
-              ],
-            },
-          },
-          {
-            prop: "noticeId",
-            text: "id",
-            attr: { width: "180" },
-            edit: true,
-          },
-          {
-            prop: "noticeTitle",
-            text: "公告标题",
-            attr: { width: "180" },
-            edit: false,
-          },
-          // {
-          //   prop: "noticeType",
-          //   text: "公告类型",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          //   type: "select",
-          //   options: [
-          //     { label: "1", value: "1" },
-          //     { label: "2", value: "2" },
-          //   ],
-          // },
-          // {
-          //   prop: "remark",
-          //   text: "备注",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          // },
-          // {
-          //   prop: "noticeContent",
-          //   text: "自定义html",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          // },
-          // {
-          //   prop: "product",
-          //   text: "产品",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          //   type: "checkbox",
-          //   options: [
-          //     { label: "1", value: "1" },
-          //     { label: "2", value: "2" },
-          //   ],
-          // },
-          // {
-          //   prop: "date",
-          //   text: "日期",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          //   type: "date",
-          //   required: false,
-          // },
-          // {
-          //   prop: "status",
-          //   text: "锁定",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          //   type: "switch",
-          // },
-          // {
-          //   prop: "search",
-          //   text: "搜索",
-          //   attr: { minWidth: "110" },
-          //   edit: true,
-          //   type: "mixInput",
-          //   cb: (row) => {
-          //     console.log(row);
-          //   },
-          // },
-          // { prop: "opt", text: "操作", attr: { minWidth: "110" }, edit: true },
-        ],
-      },
-    };
-  },
-  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", //表格宽度
-              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;
-      }
-    },
-
-    /** 自定义列显示格式方法 */
-    remarkFormat(data, column) {
-      return data.remark ? "有备注" : "无备注";
-    },
-    /** 自定义列点击方法 */
-    onFilePriview(data, column) {
-      if (data.remark) filePriview(data.remark);
-    },
-    /** 自定义列显示Html */
-    getFilePriviewLink(data, column) {
-      return `<a href="${getFilePriviewUrl(data.remark)}" target="_blank">${
-        data.remark ? "自定义预览" : ""
-      }</a>`;
-    },
-  },
-};
-</script>