新增处理日志

src/components/showModel/showModel.vue

@@ -22,16 +22,29 @@
           <cube-select
             v-model="selectGroupId"
             :options="selectDataGroup"
-            placeholder="请选择工作组" @change="changeGroup($event)"
+            placeholder="请选择工作组"
+            @change="changeGroup($event)"
           ></cube-select>
           <cube-select
             v-model="selectUserId"
             :options="selectDataUser"
-            placeholder="请选择指派对象" style="margin-top:0.5rem;"
+            placeholder="请选择指派对象"
+            style="margin-top:0.5rem;"
           ></cube-select>
         </div>
         <div v-if="textName === 'textarea'">
-          <cube-textarea autofocus :maxlength="255" v-model="textareaData" placeholder="请填写处理日志" style="border:1px solid #ececec;height:2rem;resize:none;"></cube-textarea>
+          <div class="tipsAll">
+            <div class="tips" v-for="item in logs" :key="item.id" @click="copyTo(item.value)">
+              {{ item.value }}
+            </div>
+          </div>
+          <cube-textarea
+            autofocus
+            :maxlength="255"
+            v-model="textareaData"
+            placeholder="请填写处理日志"
+            style="border:1px solid #ececec;height:2rem;resize:none;"
+          ></cube-textarea>
         </div>
       </div>
       <div class="showModel__footer">
@@ -60,6 +73,7 @@
 export default {
   data() {
     return {
+      logs: [],
       time: 5, //5秒后自动关闭
       timer: null, //5秒后自动关闭，定时器
       timerFlag: true, //是否显示取消自动关闭按钮
@@ -67,7 +81,7 @@ export default {
       selectUserId: 0, //select选中的数据-用户
       selectDataGroup: [], //select数据-工作组
       selectGroupId: 0, //select选中的数据-工作组
-      textareaData: '', //textarea的数据
+      textareaData: "" //textarea的数据
     };
   },
   watch: {
@@ -77,7 +91,7 @@ export default {
         this.selectUserId = 0;
       }
       if (newValue && this.textName === "textarea") {
-        this.textareaData = '';
+        this.textareaData = "";
       }
       if (newValue && this.operate.know == "知道了") {
         this.time = 5;
@@ -138,8 +152,20 @@ export default {
     }
   },
   methods: {
+    copyTo(value){
+      this.textareaData += value;
+    },
+    getLogs() {
+      var postData = { idx: 0, sum: 999, dictionary: { key: "processingLog" } };
+      this.$http
+        .post("service/bpm/data/fetchDataList/dictionary", postData)
+        .then(res => {
+          res.data.list = res.data.list || [];
+          this.logs = res.data.list.slice(0,2);
+        });
+    },
     //选择组
-    changeGroup(groupId){
+    changeGroup(groupId) {
       this.getZpUser(groupId);
     },
     // 获取指派对象
@@ -152,19 +178,19 @@ export default {
           roledata: { rolecode: "first-line support" },
           roledata2: { rolecode: "second-line support" },
           selectType: "1",
-          selectDetails:1
+          selectDetails: 1
         }
       };
-      if(groupId){
-        postData.user.groupdata = {id:groupId}
+      if (groupId) {
+        postData.user.groupdata = { id: groupId };
       }
       this.$http
         .post("service/user/data/fetchDataList/user", postData)
         .then(res => {
           res.data.list = res.data.list || [];
-          this.selectDataUser = res.data.list.map((v) => {
+          this.selectDataUser = res.data.list.map(v => {
             return {
-              text: v.name+'【'+v.taskCount+'】',
+              text: v.name + "【" + v.taskCount + "】",
               value: v.id
             };
           });
@@ -181,8 +207,8 @@ export default {
       this.$http
         .post("service/user/data/fetchDataList/group", postData)
         .then(res => {
-          res.data.list = res.data.list||[];
-          this.selectDataGroup = res.data.list.map((v) => {
+          res.data.list = res.data.list || [];
+          this.selectDataGroup = res.data.list.map(v => {
             return {
               text: v.groupName,
               value: v.id
@@ -196,9 +222,9 @@ export default {
     },
     // 确定
     ok() {
-      if (this.selectName === 'user') {
+      if (this.selectName === "user") {
         this.$emit("ok", this.selectUserId);
-      }else if (this.textName === 'textarea') {
+      } else if (this.textName === "textarea") {
         this.$emit("ok", this.textareaData);
       } else {
         this.$emit("ok");
@@ -224,6 +250,9 @@ export default {
       this.getZpGroup();
       this.getZpUser();
     }
+    if (this.textName === "textarea") {
+      this.getLogs();
+    }
   }
 };
 </script>
@@ -238,6 +267,19 @@ export default {
   background-color: rgba(0, 0, 0, 0.2);
   z-index: 99;
 
+  .tipsAll {
+    display: flex;
+    flex-wrap: wrap;
+    .tips {
+      word-break: break-all;
+      margin-bottom: 0.1rem;
+      margin-left: 0.2rem;
+      &:first-of-type {
+        margin-left: 0;
+      }
+    }
+  }
+
   .showModel__wrap {
     width: 5.6rem;
     position: absolute;
@@ -257,9 +299,9 @@ export default {
     }
 
     .showModel__article {
-      margin: 0.4rem auto 0.25rem;
+      margin: 0.2rem auto;
       width: 4.88rem;
-      padding: 0.6rem 0;
+      padding: 0.2rem;
       background-color: rgb(249, 250, 251);
       border: 0.02rem solid rgb(229, 233, 237);
       border-radius: 0.12rem;