工艺规程ok

pages/technology/add.vue

@@ -130,7 +130,7 @@
           />
         </FormItem>
       </Col>
-    </Row>
+    
      <Col :span="24">
        <FormItem label="多媒体附件" prop="files">
          

pages/technology/edit.vue

@@ -11,52 +11,53 @@
           <Input v-model="entity.unicode"></Input>
         </FormItem>
       </Col>-->
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('name')" prop="name">
           <Input v-model="entity.name"></Input>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('code')" prop="code">
           <Input v-model="entity.code"></Input>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('routingType')" prop="routingType">
           <Dictionary code="Process.Routing.routingType" v-model="entity.routingType"></Dictionary>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('productId')" prop="productId">
           <ProductSelect v-model="entity.productId"></ProductSelect>
         </FormItem>
       </Col>
 
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('version')" prop="version">
           <Input v-model="entity.version"></Input>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('author')" prop="author">
           <UserSelect v-model="entity.author"></UserSelect>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="8">
         <FormItem :label="l('departmentId')" prop="departmentId">
           <departmentSelect v-model="entity.departmentId"></departmentSelect>
         </FormItem>
-      </Col>      <Col :span="12">
+      </Col>
+      <Col :span="5">
         <FormItem :label="l('isMain')" prop="isMain">
           <Dictionary code="Process.state" v-model="entity.isMain" type="radio"></Dictionary>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="6">
         <FormItem :label="l('isSendPpm')" prop="isSendPpm">
           <Dictionary code="Process.Status" v-model="entity.isSendPpm" type="radio"></Dictionary>
         </FormItem>
       </Col>
-      <Col :span="12">
+      <Col :span="5">
         <FormItem :label="l('isEffect')" prop="isEffect">
           <Dictionary code="Process.Status" v-model="entity.isEffect" type="radio"></Dictionary>
         </FormItem>
@@ -120,10 +121,15 @@
           <InputNumber v-model="entity.versionid"></InputNumber>
         </FormItem>
       </Col>-->
-
       <Col :span="24">
         <FormItem :label="l('remark')" prop="remark">
-          <Input v-model="entity.remark" type="textarea" :rows="5"></Input>
+          <i-quill v-model="entity.remark" :height="300" border v-paste="handleImg" />
+        </FormItem>
+      </Col>
+
+      <Col :span="24">
+        <FormItem label="多媒体附件" prop="files">
+          <files />
         </FormItem>
       </Col>
     </Row>
@@ -135,7 +141,12 @@
 </template>
 <script>
 import Api from "./api";
+import iQuill from "@/components/quill";
 export default {
+  components: {
+    iQuill
+    // VueUeditorWrap
+  },
   name: "Edit",
   data() {
     return {
@@ -182,6 +193,27 @@ export default {
         }
       });
     },
+    handleImg(e) {
+      console.warn(e);
+      let file = null;
+      if (
+        e.clipboardData &&
+        e.clipboardData.items[0] &&
+        e.clipboardData.items[0].type &&
+        e.clipboardData.items[0].type.indexOf("image") > -1
+      ) {
+        //这里就是判断是否有粘贴进来的文件且文件为图片格式
+        file = e.clipboardData.items[0].getAsFile();
+        let reader = new FileReader();
+        reader.readAsDataURL(file);
+        setTimeout(() => {
+          var img = '<img src="' + reader.result + '" alt=""/>';
+          this.entity.remark += img;
+        }, 1000);
+
+        // new R
+      }
+    },
     handleClose() {
       this.$emit("on-close");
     },