leisure-core 0.4.64 → 0.4.65

package/index.js

@@ -34,6 +34,7 @@ import LeInput from "./le-input/index.js";
 import LeForm from "./le-form/index";
 import LeFormItem from "./le-form-item/index";
 import LeInputNumber from "./le-input-number/index.js";
+import LeOption from "./le-option/index.js";
 
 const components = [
   LeArea,
@@ -67,6 +68,7 @@ const components = [
   LeInputNumber,
   LeForm,
   LeFormItem,
+  LeOption,
 ];
 
 const install = function (Vue) {
@@ -168,4 +170,5 @@ export default {
   LeInputNumber,
   LeForm,
   LeFormItem,
+  LeOption,
 };

package/le-common-page/src/main.vue

@@ -27,7 +27,6 @@
         :prop="column.prop"
         :label="column.label"
         :width="column.width"
-        :formatter="column.formatter"
       >
         <template #default="scope">
           <span v-if="column.type && column.type === 'url'">
@@ -39,15 +38,29 @@
             {{ scope.row[column.prop] == 1 ? "是" : "否" }}
           </span>
           <span v-else>
-            {{ scope.row[column.prop] }}
+            <template v-if="column.formatter">
+              {{
+                column.formatter(
+                  scope.rows,
+                  scope.column,
+                  scope.row[column.prop]
+                )
+              }}
+            </template>
+            <template v-else>
+              {{ scope.row[column.prop] }}
+            </template>
           </span>
         </template>
       </el-table-column>
       <el-table-column fixed="right" label="操作" align="center">
         <template slot-scope="scope">
           <div class="rowBtns">
-            <el-button type="primary" size="small" @click="editItem(scope.row)"
-              >编辑</el-button
+            <el-button
+              type="primary"
+              size="small"
+              @click="editItem(scope.row)"
+              >{{ editMode === "edit" ? "编辑" : "详情" }}</el-button
             >
             <el-popconfirm
               v-if="isDispDelBtn"
@@ -89,6 +102,7 @@
         :formColumns="formColumns"
         :field-options="fieldOptions"
         :formData="rowItem"
+        :editMode="editMode"
         @closeDialog="closeDialog"
         @saveData="saveData"
         v-if="showDialog"
@@ -147,7 +161,7 @@ export default {
     },
     popFormWidth: {
       type: String,
-      default: "80%",
+      default: "60%",
     },
     popFormLabelWidth: {
       type: String,
@@ -165,6 +179,10 @@ export default {
       type: Object,
       default: () => {},
     },
+    editMode: {
+      type: String,
+      default: "edit",
+    },
   },
   watch: {
     searchParam: {

package/le-common-page/src/sub.vue

@@ -14,10 +14,12 @@
       <le-input
         v-if="!item.type || item.type === 'input'"
         v-model="formPop[item.prop]"
+        v-bind="item.attr || {}"
       />
       <le-input-number
         v-else-if="item.type === 'number'"
         v-model="formPop[item.prop]"
+        v-bind="item.attr || {}"
         :min="item.min || 0"
         :max="item.max || 9999999999"
         label="item.label||''"
@@ -33,21 +35,32 @@
           >{{ option.label }}</el-radio
         >
       </el-radio-group>
+      <el-date-picker
+        v-else-if="item.type === 'date'"
+        v-model="formPop[item.prop]"
+        v-bind="item.attr || {}"
+        value-format="timestamp"
+        type="date"
+        placeholder="选择日期"
+      />
       <le-select
         v-else-if="item.type === 'select'"
         v-model="formPop[item.prop]"
+        v-bind="item.attr || {}"
         placeholder="请选择"
       >
-        <el-option
-          v-for="option in getOptions(item.prop)"
-          :key="option.value"
-          :label="option.label"
-          :value="option.value"
+        <le-option
+          :options="fieldOptions[item.prop]"
+          :label="item.kv.label"
+          :value="item.kv.key"
+          :keyNum="item.keyNum"
         />
       </le-select>
     </el-form-item>
     <el-form-item v-rfooter>
-      <le-button type="primary" @click="saveData">保存</le-button>
+      <le-button type="primary" @click="saveData" v-if="editMode === 'edit'"
+        >保存</le-button
+      >
       <le-button type="info" @click="close()">关闭</le-button>
     </el-form-item>
   </el-form>
@@ -56,9 +69,10 @@
 import LeSelect from "../../le-select/index";
 import LeInput from "../../le-input/index";
 import LeButton from "../../le-button/index";
+import LeOption from "../../le-option/index";
 export default {
   name: "le-common-page-sub",
-  components: { LeSelect, LeInput, LeButton },
+  components: { LeSelect, LeInput, LeButton, LeOption },
   props: {
     formColumns: {
       type: Array,
@@ -80,6 +94,10 @@ export default {
       type: Object,
       default: () => {},
     },
+    editMode: {
+      type: String,
+      default: "edit",
+    },
   },
   watch: {
     formData: {
@@ -89,10 +107,18 @@ export default {
       deep: true,
       immediate: true,
     },
+    fieldOptions: {
+      handler(val) {
+        this.options = val;
+      },
+      deep: true,
+      immediate: true,
+    },
   },
   data() {
     return {
       formPop: {},
+      options: {}, //{field1:[{value:1,label:'选项1'},{value:2,label:'选项2'}]}
     };
   },
   computed: {},
@@ -110,10 +136,6 @@ export default {
         }
       });
     },
-    getOptions(prop) {
-      let options = this.fieldOptions[`${prop}Options`] || [];
-      return options;
-    },
   },
 };
 </script>

package/le-option/index.js

@@ -0,0 +1,7 @@
+import LeOption from "./src/main.vue";
+
+LeOption.install = function (Vue) {
+  Vue.component(LeOption.name, LeOption);
+};
+
+export default LeOption;

package/le-option/src/main.vue

@@ -0,0 +1,49 @@
+<template>
+  <div>
+    <el-option
+      v-for="item in options"
+      :key="handleKv('key', item)"
+      :label="handleKv('label', item)"
+      :value="handleKv('value', item)"
+    ></el-option>
+  </div>
+</template>
+<script>
+export default {
+  name: "le-options",
+  props: {
+    options: {
+      type: Array,
+      default() {
+        return [];
+      },
+    },
+    value: {
+      type: String,
+      default: "",
+    },
+    label: {
+      type: String,
+      default: "",
+    },
+    keyNum: {
+      type: Number,
+      default: 1,
+    },
+  },
+  methods: {
+    handleKv(type, item) {
+      if (this.keyNum == 1) {
+        if (type == "key" || type == "value") {
+          return item[this.value];
+        } else if (type == "label") {
+          return item[this.label];
+        }
+      }
+      if (this.keyNum == 2) {
+        return item[this.value] + "-" + item[this.label];
+      }
+    },
+  },
+};
+</script>

package/le-select/src/main.vue

@@ -4,6 +4,7 @@
     v-on="$listeners"
     :class="['customClass', $attrs.class]"
     :style="$attrs.style"
+    clearable
   >
     <slot></slot>
   </el-select>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leisure-core",
-  "version": "0.4.64",
+  "version": "0.4.65",
   "description": "leisure-core是京心数据基于vue2.x开发的一套后台管理系统桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",