eoss-mobiles 0.4.0 → 0.4.2

package/packages/flow/src/components/Message.vue

@@ -1,208 +1,208 @@
-<template>
-  <div class="flow-message" v-show="newList.length>0">
-    <em-input :label="label" readonly :required="required">
-      <template slot="input">
-        <div class="template-input-two" style="width: 100%">
-          <em-checkbox-group
-          v-if="showCheck"
-            v-model="form.notificationType"
-            direction="horizontal"
-            :data="newList"
-            :disabledValue="readOnlyNotificationType"
-            labelKey="shortName"
-            valueKey="cciValue"
-            @change="onInput"
-          />
-          <div
-            class="msg"
-            v-show="
-              showMsg &&
-              form.notificationType &&
-              form.notificationType.length > 0
-            "
-          >
-            <!-- :disabled="type != 'reject'" -->
-            <em-input
-              v-model="form.notificationMsg"
-              rows="3"
-              @input="onInput"
-              :readonly="notificationMessageReadOnly"
-              autosize
-              type="textarea"
-              placeholder="请输入留言"
-            />
-          </div>
-        </div>
-      </template>
-    </em-input>
-  </div>
-</template>
-<script>
-import { findSysCode } from '../../../../src/config/api.js';
-import request from '../../../../src/utils/http.js';
-export default {
-  name: 'Message',
-  inheritAttrs: false,
-  props: {
-    type: String,
-    notificationMessageReadOnly: {
-      type: Boolean,
-      default: false
-    },
-    readOnlyNotificationType: {
-      type: String,
-      default: ''
-    },
-    onlyShowType: {
-      type: Boolean,
-      default: false
-    },
-    code: {
-      type: String,
-      default: 'notification_type' // 代码表默认参数
-    },
-    defaultNotificationMsg: String, //通知消息默认值
-    defaultNotificationType: {
-      type: [String, Array],
-      default: undefined // 代码表默认参数
-    }, //通知消息默认值
-    label: {
-      type: String,
-      default: '通知方式' // 代码表默认参数
-    },
-    required: {
-      type: Boolean,
-      default: false // 代码表默认参数
-    },
-    showMsg: {
-      // 控制默认消息内容
-      type: Boolean,
-      default: true
-    },
-    showCheckType: {
-      type: Boolean,
-      default: true
-    },
-    baseUrl: String,
-    userId: {
-      type: String,
-      default: ''
-    },
-    pendingId:{
-      type: String,
-      default: ''
-    }
-  },
-  mounted() {
-    this.getSysCode();
-    this.$nextTick(() => {
-      this.getNoticeType();
-    });
-  },
-  data() {
-    return {
-      form: {
-        notificationType: [], //选中消息数组
-        notificationMsg: undefined //系统消息
-      },
-      defaultType: undefined, // 默认值
-      showCheck:false,
-      newList: [] //消息通知列表
-    };
-  },
-  watch: {
-    // 监听默认消息内容
-    defaultNotificationMsg: {
-      handler(val) {
-        this.form.notificationMsg = val;
-      },
-      deep: true,
-      immediate: true
-    },
-    // 监听默认消息类型
-    defaultNotificationType(val) {
-      if (val) {
-        let arr = [];
-        this.newList.map((item) => {
-          val.map((x) => {
-            if (x == item.cciValue) {
-              arr.push(x);
-            }
-          });
-        });
-        this.form.notificationType = JSON.parse(JSON.stringify(arr));
-        this.getNoticeType()
-        // this.$emit('onInputMsg', this.form);
-      }
-    }
-  },
-  methods: {
-    getNoticeType() {
-      
-      if (this.defaultNotificationType) {
-        let arr = [];
-        this.newList.map((item) => {
-          this.defaultNotificationType.map((x) => {
-            if (x == item.cciValue) {
-              arr.push(x);
-            }
-          });
-        });
-        this.form.notificationType = JSON.parse(JSON.stringify(arr));
-        this.showCheck = this.showCheckType
-        // this.$emit('onInputMsg', this.form);
-      }else{
-        this.showCheck = this.showCheckType
-      }
-      
-    },
-    getSysCode() {
-      let params = {
-        url: this.baseUrl ? this.baseUrl + findSysCode : findSysCode,
-        type: 'get',
-        params: {
-          ccCode: this.code,
-          pendingId:this.pendingId
-        }
-      };
-      request(params)
-        .then((res) => {
-          const { status, data, message, rCode, results } = res;
-          if (status == 'success' || rCode === 0 || status === true) {
-            [...(data || results)].map((item) => {
-              item.name = item['shortName'];
-
-              item.value = item['cciValue'];
-              item.disabled =
-                this.readOnlyNotificationType.indexOf(item.value) != -1;
-            });
-            this.newList = data || results;
-            if (this.defaultNotificationType && this.defaultNotificationType.length > 0) {
-              let arr = [];
-              this.newList.map((item) => {
-                this.defaultNotificationType.map((x) => {
-                  if (x == item.cciValue) {
-                    arr.push(x);
-                  }
-                });
-              });
-              this.form.notificationType = arr;
-              this.showCheck = this.showCheckType
-              this.$emit('onInputMsg', this.form);
-            }else if(this.onlyShowType){
-              this.showCheck = this.showCheckType
-            }
-          } else {
-            this.$toast(message);
-          }
-        })
-        .catch((err) => {
-          this.$toast(err.message);
-        });
-    },
-    onInput() {
-      this.$emit('onInputMsg', this.form);
-    }
-  }
-};
-</script>
+<template>
+  <div class="flow-message" v-show="newList.length>0">
+    <em-input :label="label" readonly :required="required">
+      <template slot="input">
+        <div class="template-input-two" style="width: 100%">
+          <em-checkbox-group
+          v-if="showCheck"
+            v-model="form.notificationType"
+            direction="horizontal"
+            :data="newList"
+            :disabledValue="readOnlyNotificationType"
+            labelKey="shortName"
+            valueKey="cciValue"
+            @change="onInput"
+          />
+          <div
+            class="msg"
+            v-show="
+              showMsg &&
+              form.notificationType &&
+              form.notificationType.length > 0
+            "
+          >
+            <!-- :disabled="type != 'reject'" -->
+            <em-input
+              v-model="form.notificationMsg"
+              rows="3"
+              @input="onInput"
+              :readonly="notificationMessageReadOnly"
+              autosize
+              type="textarea"
+              placeholder="请输入留言"
+            />
+          </div>
+        </div>
+      </template>
+    </em-input>
+  </div>
+</template>
+<script>
+import { findSysCode } from '../../../../src/config/api.js';
+import request from '../../../../src/utils/http.js';
+export default {
+  name: 'Message',
+  inheritAttrs: false,
+  props: {
+    type: String,
+    notificationMessageReadOnly: {
+      type: Boolean,
+      default: false
+    },
+    readOnlyNotificationType: {
+      type: String,
+      default: ''
+    },
+    onlyShowType: {
+      type: Boolean,
+      default: false
+    },
+    code: {
+      type: String,
+      default: 'notification_type' // 代码表默认参数
+    },
+    defaultNotificationMsg: String, //通知消息默认值
+    defaultNotificationType: {
+      type: [String, Array],
+      default: undefined // 代码表默认参数
+    }, //通知消息默认值
+    label: {
+      type: String,
+      default: '通知方式' // 代码表默认参数
+    },
+    required: {
+      type: Boolean,
+      default: false // 代码表默认参数
+    },
+    showMsg: {
+      // 控制默认消息内容
+      type: Boolean,
+      default: true
+    },
+    showCheckType: {
+      type: Boolean,
+      default: true
+    },
+    baseUrl: String,
+    userId: {
+      type: String,
+      default: ''
+    },
+    pendingId:{
+      type: String,
+      default: ''
+    }
+  },
+  mounted() {
+    this.getSysCode();
+    this.$nextTick(() => {
+      this.getNoticeType();
+    });
+  },
+  data() {
+    return {
+      form: {
+        notificationType: [], //选中消息数组
+        notificationMsg: undefined //系统消息
+      },
+      defaultType: undefined, // 默认值
+      showCheck:false,
+      newList: [] //消息通知列表
+    };
+  },
+  watch: {
+    // 监听默认消息内容
+    defaultNotificationMsg: {
+      handler(val) {
+        this.form.notificationMsg = val;
+      },
+      deep: true,
+      immediate: true
+    },
+    // 监听默认消息类型
+    defaultNotificationType(val) {
+      if (val) {
+        let arr = [];
+        this.newList.map((item) => {
+          val.map((x) => {
+            if (x == item.cciValue) {
+              arr.push(x);
+            }
+          });
+        });
+        this.form.notificationType = JSON.parse(JSON.stringify(arr));
+        this.getNoticeType()
+        // this.$emit('onInputMsg', this.form);
+      }
+    }
+  },
+  methods: {
+    getNoticeType() {
+      
+      if (this.defaultNotificationType) {
+        let arr = [];
+        this.newList.map((item) => {
+          this.defaultNotificationType.map((x) => {
+            if (x == item.cciValue) {
+              arr.push(x);
+            }
+          });
+        });
+        this.form.notificationType = JSON.parse(JSON.stringify(arr));
+        this.showCheck = this.showCheckType
+        // this.$emit('onInputMsg', this.form);
+      }else{
+        this.showCheck = this.showCheckType
+      }
+      
+    },
+    getSysCode() {
+      let params = {
+        url: this.baseUrl ? this.baseUrl + findSysCode : findSysCode,
+        type: 'get',
+        params: {
+          ccCode: this.code,
+          pendingId:this.pendingId
+        }
+      };
+      request(params)
+        .then((res) => {
+          const { status, data, message, rCode, results } = res;
+          if (status == 'success' || rCode === 0 || status === true) {
+            [...(data || results)].map((item) => {
+              item.name = item['shortName'];
+
+              item.value = item['cciValue'];
+              item.disabled =
+                this.readOnlyNotificationType.indexOf(item.value) != -1;
+            });
+            this.newList = data || results;
+            if (this.defaultNotificationType && this.defaultNotificationType.length > 0) {
+              let arr = [];
+              this.newList.map((item) => {
+                this.defaultNotificationType.map((x) => {
+                  if (x == item.cciValue) {
+                    arr.push(x);
+                  }
+                });
+              });
+              this.form.notificationType = arr;
+              this.showCheck = this.showCheckType
+              this.$emit('onInputMsg', this.form);
+            }else if(this.onlyShowType){
+              this.showCheck = this.showCheckType
+            }
+          } else {
+            this.$toast(message);
+          }
+        })
+        .catch((err) => {
+          this.$toast(err.message);
+        });
+    },
+    onInput() {
+      this.$emit('onInputMsg', this.form);
+    }
+  }
+};
+</script>