state

components/page/dataGrid.vue

@@ -689,6 +689,8 @@ export default {
                                 });
                                 e[elem.key] = codeInfo.substr(0, codeInfo.length - 1);
                             }
+                        } else {
+                            e[elem.key] = ''
                         }
                     });
                     //导出数据增加对应的物料管理信息 code： 1【rootCategoryId 大类】  2【categoryId 大类】  3【codeRuleId 编码名称】

components/page/state.vue

 <template>
-  <div class="ib" @click="showLife">
+<div class="ib" @click="showLife">
     <div class="ib" v-if="!isMore">
-      <span v-if="type == 'text'" :style="style">{{ name }}</span>
-      <Tag v-if="type == 'tag'" :color="tagcolor">{{ name }}</Tag>
-      <Badge v-if="type == 'dot'" :color="tagcolor" :text="name" />
-      <Icon
-        v-if="type == 'icon'"
-        :type="item.icon"
-        :color="tagcolor"
-        :title="name"
-        :size="size"
-      />
+        <span v-if="type == 'text'" :style="style">{{ name }}</span>
+        <Tag v-if="type == 'tag'" :color="tagcolor">{{ name }}</Tag>
+        <Badge v-if="type == 'dot'" :color="tagcolor" :text="name" />
+        <Icon v-if="type == 'icon'" :type="item.icon" :color="tagcolor" :title="name" :size="size" />
     </div>
     <div class="ib" v-else v-for="(li, i) in items" :key="i">
-      <span v-if="type == 'text'" :style="li.style">{{ li.name }}</span>
-      <Tag v-if="type == 'tag'" :color="li.tagcolor">{{ li.name }}</Tag>
-      <Badge v-if="type == 'dot'" :color="li.tagcolor" :text="li.name" />&nbsp;
+        <span v-if="type == 'text'" :style="li.style">{{ li.name }}</span>
+        <Tag v-if="type == 'tag'" :color="li.tagcolor">{{ li.name }}</Tag>
+        <Badge v-if="type == 'dot'" :color="li.tagcolor" :text="li.name" />&nbsp;
     </div>
-    <Modal
-      v-model="modal"
-      title="生命周期"
-      width="1200"
-      footer-hide
-      :mask-closable="false"
-    >
-      <component :is="detail" :code="code" :value="value" :mode="mode" />
+    <Modal v-model="modal" title="生命周期" width="1200" footer-hide :mask-closable="false">
+        <component :is="detail" :code="code" :value="value" :mode="mode" />
     </Modal>
-  </div>
+</div>
 </template>
+
 <script>
 export default {
-  name: "state",
-  data() {
-    return {
-      mode: "0",
-      name: "",
-      isMore: false,
-      modal: false,
-      item: {},
-      items: [],
-      data: [],
-      detail: null,
-    };
-  },
-  props: {
-    default: {
-      type: String,
-      default: "",
+    name: "state",
+    data() {
+        return {
+            mode: "0",
+            name: "",
+            isMore: false,
+            modal: false,
+            item: {},
+            items: [],
+            data: [],
+            detail: null,
+        };
     },
-    type: {
-      type: String,
-      default: "text",
-      validator: function (value) {
-        return ["text", "tag", "dot", "icon"].indexOf(value) != -1;
-      },
+    props: {
+        default: {
+            type: String,
+            default: "",
+        },
+        type: {
+            type: String,
+            default: "text",
+            validator: function (value) {
+                return ["text", "tag", "dot", "icon"].indexOf(value) != -1;
+            },
+        },
+        code: {
+            type: String,
+            required: true,
+        },
+        value: {
+            type: [String, Number],
+            required: false,
+        },
+        color: {
+            type: Boolean,
+            default: true,
+        },
+        size: {
+            type: Number,
+            default: 24,
+        },
+        icon: {
+            type: Boolean,
+            default: false,
+        },
+        img: {
+            type: Boolean,
+            default: false,
+        },
     },
-    code: {
-      type: String,
-      required: true,
+    created() {
+        this.data = this.$store.getters.dictionaryByKey(this.code) || [];
     },
-    value: {
-      type: [String, Number],
-      required: false,
+    methods: {
+        setName(v) {
+            if ((v + "").indexOf(",") == -1) {
+                var item;
+                this.data.map((u) => {
+                    if (u.code == v) {
+                        item = u;
+                    }
+                });
+                if (item) {
+                    this.name = item.name;
+                    this.item = item;
+                } else {
+                    if (v == "undefined" || v == '' || v == null || v == 'null') {
+                        this.name = " ";
+                    } else {
+                        this.name = this.value;
+                    }
+                }
+            } else {
+                this.isMore = true;
+                var items = [];
+                var ul = (v + "").split(",");
+                this.data.map((u) => {
+                    if (ul.indexOf(u.code) > -1) {
+                        u.tagcolor = u.color | "default";
+                        u.style = {
+                            color: u.color | "inherit"
+                        };
+                        items.push(u);
+                    }
+                });
+                this.items = items;
+            }
+        },
+        showLife() {
+            this.modal = true;
+            this.detail = () => import("./life");
+        },
     },
-    color: {
-      type: Boolean,
-      default: true,
+    computed: {
+        tagcolor() {
+            if (
+                this.color &&
+                this.item &&
+                this.item.color != "" &&
+                this.item.color != null
+            ) {
+                return this.item.color;
+            }
+            return "default";
+        },
+        style() {
+            if (!this.color) {
+                return {};
+            }
+            return {
+                color: this.item && this.item.color != "" && this.item.color != null ?
+                    this.item.color : "inherit",
+            };
+        },
     },
-    size: {
-      type: Number,
-      default: 24,
+    watch: {
+        value(v) {
+            this.setName(v);
+            // this.$forceUpdate()
+        },
+        data(v) {
+            if (v.length > 0) {
+                this.setName(this.value);
+                this.$forceUpdate();
+            }
+        },
     },
-    icon: {
-      type: Boolean,
-      default: false,
-    },
-    img: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  created() {
-    this.data = this.$store.getters.dictionaryByKey(this.code) || [];
-  },
-  methods: {
-    setName(v) {
-      if ((v + "").indexOf(",") == -1) {
-        var item;
-        this.data.map((u) => {
-          if (u.code == v) {
-            item = u;
-          }
-        });
-        if (item) {
-          this.name = item.name;
-          this.item = item;
-        } else {
-          if (this.value == "undefined") {
-            this.name = " ";
-          } else {
-            this.name = this.value;
-          }
-        }
-      } else {
-        this.isMore = true;
-        var items = [];
-        var ul = (v + "").split(",");
-        this.data.map((u) => {
-          if (ul.indexOf(u.code) > -1) {
-            u.tagcolor = u.color | "default";
-            u.style = { color: u.color | "inherit" };
-            items.push(u);
-          }
-        });
-        this.items = items;
-      }
-    },
-    showLife() {
-      this.modal = true;
-      this.detail = () => import("./life");
-    },
-  },
-  computed: {
-    tagcolor() {
-      if (
-        this.color &&
-        this.item &&
-        this.item.color != "" &&
-        this.item.color != null
-      ) {
-        return this.item.color;
-      }
-      return "default";
-    },
-    style() {
-      if (!this.color) {
-        return {};
-      }
-      return {
-        color:
-          this.item && this.item.color != "" && this.item.color != null
-            ? this.item.color
-            : "inherit",
-      };
-    },
-  },
-  watch: {
-    value(v) {
-      this.setName(v);
-      // this.$forceUpdate()
-    },
-    data(v) {
-      if (v.length > 0) {
-        this.setName(this.value);
-        this.$forceUpdate();
-      }
-    },
-  },
 };
-</script>
\ No newline at end of file
+</script>