层级&工步

pages/technology/details/routingStep/edit.vue

@@ -14,7 +14,12 @@
       </Col>
       <Col :span="24">
         <FormItem :label="l('stepContent')" prop="stepContent">
-          <Input v-model="entity.stepContent" type="textarea" :rows="5"></Input>
+          <i-quill
+            v-model="entity.stepContent"
+            :height="260"
+            v-paste="handleImg"
+          />
+          <!-- <Input v-model="entity.stepContent" type="textarea" :rows="5"></Input> -->
           <!-- <Input v-model="entity.stepContent" type="textarea" :minRows="3", :maxRows="7" ></Input> -->
         </FormItem>
       </Col>
@@ -27,12 +32,12 @@
           <!-- <Dictionary style="width:100px" code="Process.Status" v-model="entity.status"></Dictionary> -->
         </FormItem>
       </Col>
-      <Col :span="24">
+      <!--<Col :span="24">
         <FormItem :label="l('description')" prop="description">
           <Input v-model="entity.description" type="textarea" :rows="5"></Input>
         </FormItem>
       </Col>
-      <!--<Col :span="12">
+      <Col :span="12">
         <FormItem :label="l('creationTime')" prop="creationTime">
           <DatePicker type="date" v-model="entity.creationTime"></DatePicker>
         </FormItem>
@@ -101,8 +106,10 @@
 </template>
 <script>
 import Api from "./api";
+import iQuill from '@/components/quill'
 export default {
   name: "Edit",
+  components: { iQuill },
   data() {
     return {
       disabled: false,
@@ -150,6 +157,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.bugForm.content += img
+    //     }, 1000)
+
+    //     // new R
+    //   }
+    },
     handleClose() {
       this.$emit("on-close");
     },

pages/technology/details/routingStep/index.vue

@@ -81,13 +81,13 @@ export default {
         {
           key: "routingHeaderId",
           title: this.l("routingHeaderId"),
-          hide: true,
+          high: true,
           align: "left"
         },
         {
           key: "routingDetailId",
           title: this.l("routingDetailId"),
-          hide: true,
+          high: true,
           align: "left"
         },
         { key: "classId", title: this.l("classId"), hide: true, align: "left" },
@@ -103,8 +103,13 @@ export default {
           key: "description",
           title: this.l("description"),
           align: "left",
-          easy: true,
-          high: true
+          hide: true
+        },
+        {
+          key: "stepContent",
+          title: this.l("stepContent"),
+          align: "left",
+          hide: true
         },
         {
           key: "status",

pages/technology/index.vue

@@ -16,7 +16,7 @@
   right: 0;
   //   bottom:100%;
   //   right: 100%;
-  z-index: 990;
+  z-index: 898;
   background-color: white;
   // background: red;
   .top {