添加页面，null处理

components/page/actions.vue

+<template>
+  <ul class="actions">
+    <li class="item" v-for="(li, i) in items" @click="detail(li)">
+      <span v-if="mode == 'text'" class="text" v-text="li.label"></span>
+      <Tooltip v-if="mode == 'icon'" :content="li.label"
+        ><Icon :type="li.icon"
+      /></Tooltip>
+      <div v-else class="ib">
+        <Icon type="li.icon" />
+        <span class="text" v-text="li.label"></span>
+      </div>
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  name: "actions",
+  data() {
+    return {};
+  },
+  props: {
+    row: {
+      type: Object,
+    },
+    items: {
+      type: Array,
+      default: () => {
+        return [
+          { label: "复制", icon: "md-copy", vclick: "" },
+          { label: "新增", icon: "md-add", vclick: "" },
+          { label: "删除", icon: "md-trash", vclick: "" },
+          { label: "移动", icon: "md-move", vclick: "" },
+          { label: "派发", icon: "ios-alarm", vclick: "" },
+        ];
+      },
+    },
+    mode: {
+      // 显示类型
+      type: String,
+      validator: (value) => {
+        // 这个值必须匹配下列字符串中的一个
+        return ["icon", "text", "icon-text"].indexOf(value) !== -1;
+      },
+      default: "icon",
+    },
+    disabled: {
+      type: Boolean,
+      default: true,
+    },
+    max: {
+      type: Number,
+      default: 3,
+    },
+  },
+
+  methods: {
+    detail(li) {
+      if (li.confirm) {
+        var msg = li.confirm;
+        if (li.confirm === true) {
+          msg = `确定要${li.label}吗？`;
+        }
+        this.$Modal.confirm({
+          title: "操作确认",
+          content: msg,
+          onOk: () => {
+            this.$emit("on-click", this.row, li);
+          },
+        });
+      } else {
+        this.$emit("on-click", this.row, li);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="less">
+.actions {
+  ul {
+    li {
+      float: left;
+      list-style: none;
+      width: 20px;
+      height: 20px;
+      text-align: center;
+      margin-left: 5px;
+      color: red;
+    }
+  }
+}
+</style>
\ No newline at end of file

pages/project/plan/index.vue

@@ -5,6 +5,7 @@
         <Icon type="ios-arrow-down" />
       </p>
       项目信息
+      <Actions/>
     </Card>
     <Card>
       <TreeGrid :columns="columns" ref="grid" :items="list"
@@ -78,35 +79,47 @@ export default {
           key: "action",
           width: 150,
           align: "center",
-          render: (h, params) => {
-            return h("div", { class: "action" }, [
-              h(
-                "op",
-                {
-                  attrs: { oprate: "detail" },
-                  on: { click: () => this.view(params.row.id) },
-                },
-                "查看"
-              ),
-              //h('op', { attrs: { oprate: 'copy' }, on: { click: () => this.copy(params.row.id) } }, '克隆'),
-              h(
-                "op",
-                {
-                  attrs: { oprate: "edit" },
-                  on: { click: () => this.edit(params.row.id) },
-                },
-                "编辑"
-              ),
-              h(
-                "op",
-                {
-                  attrs: { oprate: "delete" },
-                  on: { click: () => this.remove(params.row.id) },
-                },
-                "删除"
-              ),
-            ]);
-          },
+        //   render:(h,params)=>{
+        //       return h("Actions"
+        //       ,{
+        //         attrs:{
+        //             row:params,
+        //         },
+        //         on:{
+        //             'on-click':()=>this.rowclick
+        //         }
+        //       }
+        //       )
+        //   }
+        //   render: (h, params) => {
+        //     return h("div", { class: "action" }, [
+        //       h(
+        //         "op",
+        //         {
+        //           attrs: { oprate: "detail" },
+        //           on: { click: () => this.view(params.row.id) },
+        //         },
+        //         "查看"
+        //       ),
+        //       //h('op', { attrs: { oprate: 'copy' }, on: { click: () => this.copy(params.row.id) } }, '克隆'),
+        //       h(
+        //         "op",
+        //         {
+        //           attrs: { oprate: "edit" },
+        //           on: { click: () => this.edit(params.row.id) },
+        //         },
+        //         "编辑"
+        //       ),
+        //       h(
+        //         "op",
+        //         {
+        //           attrs: { oprate: "delete" },
+        //           on: { click: () => this.remove(params.row.id) },
+        //         },
+        //         "删除"
+        //       ),
+        //     ]);
+        //   },
         },
         {
           key: "type",
@@ -175,6 +188,9 @@ export default {
           this.list=r.result;
       })
     },
+    rowclick(row,li){
+        console.warn("rowclick",row,li);
+    },
     add() {
       this.curId = 0;
       this.title = "新增";

pages/technology/details/add.vue

@@ -187,14 +187,14 @@ export default {
         runtime: 0,
         efficiencyValue: 1,
         singleOut: 1,
-        isOutside: null,
-        isImportant: null,
+        isOutside: 0,
+        isImportant: 0,
         outsideTime: 0,
-        isImportantResources: null,
+        isImportantResources: 0,
         setupTime: 0,
         realWorkingHours: 0,
         realRuntime: 0,
-        isParticipateIntime: null,
+        isParticipateIntime: 0,
         equipType: "",
       },
       rules: {

pages/technology/details/routingqccard/add.vue

@@ -197,11 +197,11 @@ export default {
         productionRequirement: "",
         standard: "",
         qualityTemplateName: "",
-        isImportant: null,
-        firstCheck: null,
-        inspection: null,
-        inspectionTime: null,
-        sampling: null,
+        isImportant: 0,
+        firstCheck: 0,
+        inspection: 0,
+        inspectionTime: 0,
+        sampling: 0,
         samplingBatch: "",
       },
       tempFile: "",

plugins/iview.js

@@ -69,6 +69,7 @@ import CustomProperties from '@/components/page/customProperties.vue'
 import InputCode from '@/components/page/inputCode.vue'
 import Pictrue from '@/components/page/pictrue.vue'
 import WordTree from '@/components/page/wordTree.vue'
+import Actions from '@/components/page/actions.vue'
 
 
 
@@ -144,6 +145,7 @@ Vue.component("CustomProperties",CustomProperties)
 Vue.component("InputCode",InputCode)
 Vue.component("Pictrue",Pictrue)
 Vue.component("WordTree",WordTree)
+Vue.component("Actions",Actions)