封装code组件

components/page/api.js

+ 
+
+
+import Api from '@/plugins/request';
+export default {
+ //批量生成序列号并返回
+ serialcode(params) {
+    return Api.post(`${systemUrl}/cache/generate_serialcode`, params); 
+ },
+    
+}
\ No newline at end of file

components/page/inputCode.vue

+
+<template>
+  <div class="input-code">
+    <Input v-model="code" clearable>
+      <Select v-model="select" slot="append" style="width: 100px">
+        <Option value="com">生成编号</Option>
+      </Select>
+    </Input>
+  </div>
+</template>
+<script>
+import Api from "./api";
+export default {
+  data() {
+    return {
+      code: "",
+      select: "com",
+    };
+  },
+  props: {
+    value: [String, Number, Array, Object],
+    clearable: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  mounted() {
+    this.getSerialcode();
+  },
+  methods: {
+    // 生成临时编号code
+    getSerialcode() {
+      Api.serialcode({
+        code: "",
+      }).then((r) => {
+        if (r.result) {
+          this.code = r.result[0];
+        }
+      });
+    },
+  },
+  watch: {
+    value(v) {
+      this.code = v;
+    },
+  },
+};
+</script>
+<style>
+</style>
\ No newline at end of file

pages/word/document/add.vue

 <template>
   <div class="document-add">
-    <Form ref="form" :model="entity" :rules="rules" :label-width="120">
+    <Form ref="form" :model="entity" :rules="rules" :label-width="110">
       <Row>
         <Col span="18">
           <Row>
             <Col v-for="li in fileds" :key="li.field" :span="li.span">
               <FormItem :label="li.title" :prop="li.name">
                 <Input
-                  v-if="li.dataType == 0"
+                  v-if="li.dataType == 0 && li.field != 'code'"
                   v-model="entity[li.field]"
-                  :disabled="li.field == 'code'"
                 ></Input>
+                <InputCode
+                  v-if="li.dataType == 0 && li.field == 'code'"
+                  v-model="entity[li.field]"
+                />
                 <InputNumber
                   v-if="li.dataType == 1 || li.dataType == 2"
                   v-model="entity[li.field]"
@@ -222,12 +225,12 @@
 </template>
     <script>
 import Api from "./api";
-
 export default {
   name: "Add",
   components: {},
   data() {
     return {
+      code: "",
       // modal: false,
       imgName: "",
       avatorPath: "",
@@ -283,20 +286,8 @@ export default {
     this.initFiled();
     this.parms.eid = this.$u.guid();
     this.$refs.refmovieFile1.inputShow = false;
-    this.getSerialcode();
   },
   methods: {
-    // 生成临时编号code
-    getSerialcode() {
-      Api.serialcode({
-        code: "",
-        count: 0,
-      }).then((r) => {
-        if (r.result) {
-          this.entity.code = r.result[0];
-        }
-      });
-    },
     imgUrl() {
       window.open(this.avatorPath, "_blank");
     },

pages/word/document/api.js

@@ -34,10 +34,5 @@ export default {
     getcategorytemplate(params){ //获取分类的模板
         return Api.get(`${material}/documenttemplate/getcategorytemplate`,params);
     },
-    //批量生成序列号并返回
-    serialcode(params) {
-        return Api.post(`${systemUrl}/cache/generate_serialcode`, params); 
-    },
-
     
 }
\ No newline at end of file

pages/word/document/edit.vue

 <template>
-  <Form ref="form" :model="entity" :rules="rules" :label-width="120">
+  <Form ref="form" :model="entity" :rules="rules" :label-width="110">
     <Row>
       <Col span="18">
         <Row>
           <Col v-for="li in fileds" :key="li.field" :span="li.span">
             <FormItem :label="li.title" :prop="li.name">
               <Input
-                v-if="li.dataType == 0"
+                v-if="li.dataType == 0 && li.field != 'code'"
                 v-model="entity[li.field]"
-                :disabled="li.field == 'code'"
               ></Input>
+              <InputCode
+                v-if="li.dataType == 0 && li.field == 'code'"
+                v-model="entity[li.field]"
+              />
               <InputNumber
                 v-if="li.dataType == 1 || li.dataType == 2"
                 v-model="entity[li.field]"

pages/word/document/word.vue

@@ -100,7 +100,7 @@
     <Modal
       v-model="modal"
       :title="title"
-      width="1200"
+      width="1300"
       footer-hide
       :mask-closable="false"
       :fullscreen="fullscreen"

plugins/iview.js

@@ -65,6 +65,8 @@ import OutputTime from '@/components/page/outputTime.vue'
 import ViewerImg from '@/components/page/viewer.vue'
 import ImportExcel from '@/components/page/import/process.vue'
 import CustomProperties from '@/components/page/customProperties.vue'
+import InputCode from '@/components/page/inputCode.vue'
+
 
 
 // import FormMaking from 'form-making'
@@ -135,7 +137,7 @@ Vue.component("StoreTree", StoreTree)
 Vue.component("StoreSelect", StoreSelect)
 Vue.component("ImportExcel",ImportExcel)
 Vue.component("CustomProperties",CustomProperties)
-
+Vue.component("InputCode",InputCode)
 
 //注入mock
 // require("../mock")