newsee-cli 1.0.3 → 1.0.4

package/micro_11111/src/components/Selector/components/abyss.vue

@@ -0,0 +1,308 @@
+<template>
+  <popup v-model="selfShow" class="abyss">
+    <div class="nav-wrap">
+      <nav-bar
+        :title="isUser ? '人员选择' : '部门选择'"
+        :right-text="!isUser ? '确定' : ''"
+        @click-left="closePopup"
+        @click-right="onConfirm(nodeList[nodeList.length - 1])"
+      >
+        <template slot="left">
+          <img src="../../../assets/trigger/left-arrow.png" width="13" />
+        </template>
+      </nav-bar>
+      <div class="breadcrumb">
+        <div class="container" ref="container">
+          <div v-for="(item, index) in nodeList" :key="item.id">
+            <div @click="moveTo(index)">{{ item.name }}</div>
+            <img src="../../../assets/trigger/right-arrow-gray.png" width="5" />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="dept-wrap">
+      <div v-for="item in depts" :key="item.id" @click="getDepts(item)">
+        <div class="left">
+          <img
+            :src="
+              require(`../../../assets/trigger/${item.isCompany ? 'company' : 'department'}.png`)
+            "
+          />{{ item.name }}
+        </div>
+        <img
+          v-if="isUser || item.isHasChild"
+          class="right-arrow"
+          src="../../../assets/trigger/right-arrow-gray.png"
+        />
+      </div>
+    </div>
+    <div class="user-wrap">
+      <div v-for="item in users" :key="item.id" @click="onConfirm(item)">
+        <div class="left">
+          <div class="avatar">{{ item.name.slice(-2) }}</div>
+          {{ item.name }}
+        </div>
+        <div class="right">{{ item.tel }}</div>
+      </div>
+    </div>
+    <div class="baseline">我是有底线的</div>
+  </popup>
+</template>
+
+<script>
+import { Popup, NavBar } from 'vant';
+import { mapGetters } from 'vuex';
+import {
+  getUserDetail,
+  getRoot,
+  getChildrenDept,
+  getChildrenUser,
+} from '../../../service/selector';
+
+export default {
+  name: 'abyss',
+  components: { Popup, NavBar },
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: String,
+      default: 'user',
+    },
+    isInit: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      selfShow: false,
+      nodeList: [],
+      depts: [],
+      users: [],
+    };
+  },
+  watch: {
+    show(val) {
+      this.selfShow = val;
+      if (val) {
+        if (this.isInit) {
+          this.getDepts(null);
+        } else {
+          getUserDetail({ userId: this.userId }).then(res => {
+            if (res) {
+              this.getDepts({
+                id: res.organizationId,
+                name: res.organizationName,
+                isHasChild: true,
+              });
+            }
+          });
+        }
+      } else {
+        this.depts = [];
+        this.users = [];
+        this.nodeList = [];
+      }
+    },
+    nodeList: {
+      handler(val) {
+        this.$nextTick(() => {
+          let childNodes = this.$refs.container.childNodes;
+          if (childNodes.length) {
+            let actualWidth = 0;
+            let devicenWidth = document.documentElement.clientWidth;
+            childNodes.forEach(i => {
+              actualWidth += i.clientWidth;
+            });
+            if (actualWidth > devicenWidth)
+              this.$refs.container.scrollLeft = actualWidth - devicenWidth;
+          }
+        });
+      },
+      deep: true,
+    },
+  },
+  computed: {
+    ...mapGetters(['userId']),
+    isUser() {
+      return this.type === 'user';
+    },
+  },
+  created() {
+    this.selfShow = this.show;
+  },
+  methods: {
+    closePopup() {
+      this.selfShow = false;
+      this.$emit('update:show', false);
+    },
+    moveTo(index) {
+      if (index === this.nodeList.length - 1) return;
+      let lastNode = this.nodeList.splice(index, this.nodeList.length - index)[0];
+      this.getDepts(this.nodeList.length ? lastNode : null);
+    },
+    onConfirm(obj) {
+      this.closePopup();
+      this.$emit('confirm', obj);
+    },
+    getUsers(id) {
+      getChildrenUser({
+        organizationId: id,
+      }).then(res => {
+        this.users = res.map(i => ({
+          id: i.userId,
+          name: i.userName,
+          tel: i.userTelephone,
+          superior: i.organizationName,
+        }));
+      });
+    },
+    getDepts(obj) {
+      if (!this.isUser && obj && !obj.isHasChild) {
+        this.onConfirm(obj);
+        return;
+      }
+      this.depts = [];
+      this.users = [];
+      if (!obj) {
+        getRoot({ selectAll: false }).then(res => {
+          let root = res.organizationVos[0];
+          this.nodeList.push({
+            id: root.organizationId,
+            name: root.organizationName,
+            isCompany: root.organizationType === 1,
+            isHasChild: root.isHasChild,
+          });
+          this.depts = root.childOrganizations.map(i => ({
+            id: i.organizationId,
+            name: i.organizationName,
+            isCompany: i.organizationType === 1,
+            isHasChild: i.isHasChild,
+            superior: root.organizationName,
+          }));
+          this.isUser && this.getUsers(root.organizationId);
+        });
+      } else {
+        this.nodeList.push(obj);
+        getChildrenDept({ id: obj.id }).then(res => {
+          this.depts = res.organizationVos.map(i => ({
+            id: i.organizationId,
+            name: i.organizationName,
+            isCompany: i.organizationType === 1,
+            isHasChild: i.isHasChild,
+            superior: this.nodeList[this.nodeList.length - 1].name,
+          }));
+          this.isUser && this.getUsers(obj.id);
+        });
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.abyss {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding-top: 78px;
+  box-sizing: border-box;
+  transform: none;
+  /deep/ .van-nav-bar__right {
+    font-weight: bold;
+    font-size: 16px;
+  }
+  .right-arrow {
+    width: 10px;
+  }
+  .nav-wrap {
+    position: fixed;
+    top: 0;
+    z-index: 9;
+    width: 100%;
+    .breadcrumb {
+      display: flex;
+      height: 32px;
+      background: #f3f3f3;
+      .container {
+        display: flex;
+        overflow-x: auto;
+        > div {
+          display: flex;
+          align-items: center;
+          flex: 0 0 auto;
+          color: #2f7dcd;
+          &:first-child {
+            padding-left: 18px;
+          }
+          &:last-child {
+            padding-right: 18px;
+            color: #333;
+            img {
+              display: none;
+            }
+          }
+          img {
+            margin-left: 7px;
+            margin-right: 7px;
+          }
+        }
+      }
+    }
+  }
+  .dept-wrap,
+  .user-wrap {
+    > div {
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 64px;
+      padding: 0 16px;
+      border-bottom: 1px solid transparent;
+      &:after {
+        content: '';
+        position: absolute;
+        bottom: -1px;
+        width: calc(100% - 16px);
+        height: 1px;
+        background: #f1f1f1;
+      }
+      .left {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        color: #333;
+        img,
+        .avatar {
+          width: 40px;
+          margin-right: 10px;
+        }
+        .avatar {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          height: 40px;
+          font-size: 11px;
+          color: #fff;
+          background: #4ccf89;
+          border-radius: 50%;
+        }
+      }
+      .right {
+        font-size: 14px;
+      }
+    }
+  }
+  .baseline {
+    margin: 22px 0;
+    font-size: 12px;
+    text-align: center;
+    color: #b8b8b8;
+  }
+}
+</style>

package/micro_11111/src/components/Selector/components/search.vue

@@ -0,0 +1,307 @@
+<template>
+  <popup v-model="selfShow" class="search">
+    <div class="nav-wrap">
+      <nav-bar @click-left="closePopup">
+        <template slot="left">
+          <img src="../../../assets/trigger/left-arrow.png" width="13" />
+        </template>
+        <template slot="title">
+          <van-search
+            v-model="value"
+            placeholder="请输入搜索关键词"
+            shape="round"
+            @input="search"
+            ref="searech"
+          >
+            <template slot="left-icon">
+              <img src="../../../assets/trigger/search-gray.png" width="15" />
+            </template>
+          </van-search>
+        </template>
+      </nav-bar>
+    </div>
+    <list
+      v-show="value.trim() !== ''"
+      class="filtered"
+      v-model="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
+      <div v-for="item in filtered" :key="item.id" @click="onConfirm(item)">
+        <div v-html="addColorTag(item.name)"></div>
+        <span class="plus">{{ item.superior }}</span>
+      </div>
+    </list>
+    <div v-show="value.trim() === '' && history.length" class="history">
+      <div class="title">历史记录</div>
+      <div v-for="item in history" :key="item.id" @click="onConfirm(item)">
+        <p>
+          <span class="main">{{ item.name }}</span
+          ><span>{{ item.superior }}</span>
+        </p>
+        <img src="../../../assets/trigger/close.png" width="13" @click.stop="onDelete(item.id)" />
+      </div>
+      <div class="button" @click="clearHistory">清空历史记录</div>
+    </div>
+  </popup>
+</template>
+
+<script>
+import { Popup, NavBar, Search, List } from 'vant';
+import { addRecord, selectRecord, getUserList, getDeptList } from '../../../service/selector';
+
+export default {
+  name: 'search',
+  components: { Popup, NavBar, 'van-search': Search, List },
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+    type: {
+      type: String,
+      default: 'user',
+    },
+    detail: Object,
+  },
+  data() {
+    return {
+      selfShow: false,
+      value: '',
+      filtered: [],
+      history: [],
+
+      pageSize: 10,
+      pageIndex: 0,
+      loading: false,
+      finished: false,
+
+      timeout: null,
+    };
+  },
+  computed: {
+    isUser() {
+      return this.type === 'user';
+    },
+  },
+  watch: {
+    show(val) {
+      this.selfShow = val;
+      if (val) {
+        this.value = '';
+        this.getHistory();
+        this.$nextTick(() => {
+          this.$refs.searech.querySelector('input').focus();
+        });
+      }
+    },
+  },
+  created() {
+    this.selfShow = this.show;
+  },
+  methods: {
+    closePopup() {
+      this.selfShow = false;
+      this.$emit('update:show', false);
+      this.setHistory();
+    },
+    clearHistory() {
+      this.history.splice(0);
+    },
+    onDelete(id) {
+      this.history.splice(
+        this.history.findIndex(i => i.id === id),
+        1
+      );
+    },
+    onConfirm(obj) {
+      this.$emit('select-history', obj);
+      if (this.history.length) {
+        let sameIndex = this.history.findIndex(i => i.id === obj.id);
+        if (sameIndex > -1) {
+          this.history.splice(sameIndex, 1);
+        } else {
+          this.history.length === 5 && this.history.shift();
+        }
+      }
+      this.history.push(obj);
+      this.closePopup();
+    },
+    setHistory() {
+      addRecord(
+        { userid: this.detail.userId, enterpriseid: this.detail.enterpriseId },
+        { controlId: 'wx-history-' + this.type, content: JSON.stringify(this.history) }
+      ).then(res => {
+        // console.log(res);
+      });
+    },
+    getHistory() {
+      selectRecord(
+        { userid: this.detail.userId, enterpriseid: this.detail.enterpriseId },
+        { controlId: 'wx-history-' + this.type }
+      ).then(res => {
+        if (res) {
+          this.history = JSON.parse(res.content) || [];
+        }
+      });
+    },
+    debounce(fn, wait) {
+      if (this.timeout !== null) clearTimeout(this.timeout);
+      this.timeout = setTimeout(fn, wait);
+    },
+    search() {
+      this.debounce(() => {
+        this.filtered = [];
+        if (this.value.trim() === '') return;
+        this.pageIndex = 1;
+        this.loading = true;
+        this.finished = false;
+        this.getList();
+      }, 300);
+    },
+    onLoad() {
+      this.pageIndex += 1;
+      this.getList();
+    },
+    getList() {
+      let formData;
+      if (this.isUser) {
+        formData = new FormData();
+        formData.set('userName', this.value.trim());
+        formData.set('pageSize', this.pageSize);
+        formData.set('pageIndex', this.pageIndex);
+      } else {
+        formData = {
+          organizationName: this.value.trim(),
+          pageSize: this.pageSize,
+          pageIndex: this.pageIndex,
+        };
+      }
+      (this.isUser ? getUserList : getDeptList)(formData).then(res => {
+        this.loading = false;
+        if (res) {
+          if (res.isLastPage || !res.list.length) {
+            this.finished = true;
+          }
+          let tmp = res.list.map(i => {
+            if (this.isUser) {
+              return {
+                id: i.userId,
+                name: i.userName,
+                tel: i.userTelephone,
+                superior: i.organizationName,
+              };
+            }
+            return {
+              id: i.organizationId,
+              name: i.organizationName,
+            };
+          });
+          if (this.filtered.length) {
+            this.filtered = this.filtered.concat(tmp);
+          } else {
+            this.filtered = tmp;
+          }
+        } else {
+          this.finished = true;
+        }
+      });
+    },
+    addColorTag(str) {
+      return str.replace(
+        new RegExp(`(${this.value.trim()})`, 'ig'),
+        '<span style="color: #FF6000;">$1</span>'
+      );
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.search {
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: none;
+  .nav-wrap {
+    position: fixed;
+    width: 100%;
+    z-index: 9;
+  }
+  /deep/ .van-nav-bar__title {
+    width: calc(100% - 64px);
+    max-width: 100%;
+    margin: 0 0 0 46px;
+  }
+  /deep/ .van-search {
+    padding: 0;
+    font-size: 15px;
+    .van-search__content {
+      background: #f1f1f1;
+      .van-field__left-icon {
+        display: flex;
+        align-items: center;
+        margin-right: 8px;
+      }
+    }
+  }
+  .filtered,
+  .history {
+    margin-top: 56px;
+    > div {
+      position: relative;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 48px;
+      padding: 0 16px;
+      font-size: 16px;
+      color: #666;
+      border-bottom: 1px solid transparent;
+      &.title {
+        height: 38px;
+        font-size: 16px;
+        color: #333;
+      }
+      &.button {
+        justify-content: center;
+        height: 38px;
+        font-size: 16px;
+      }
+      &:not(.button):after {
+        content: '';
+        position: absolute;
+        bottom: -1px;
+        width: calc(100% - 16px);
+        height: 1px;
+        background: #f1f1f1;
+      }
+      &.title:after {
+        background: #d3d7dd;
+      }
+      p {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        span {
+          line-height: normal;
+          color: #999;
+          font-size: 12px;
+          &.main {
+            font-size: 16px;
+            color: #333;
+          }
+        }
+      }
+      .plus {
+        font-size: 15px;
+      }
+    }
+  }
+  .filtered {
+    border-top: 1px solid #f1f1f1;
+  }
+}
+</style>

package/micro_11111/src/config.js

@@ -0,0 +1,20 @@
+import config from '../env.param.config';
+
+export const namespace = 'ns';
+
+export const iniView = '/prelogin';
+
+export const env_param_config = () => {
+  const env = process.env.NODE_ENV;
+
+  const k = env === 'production' ? 'prod' : 'dev';
+
+  return config[k];
+};
+
+export const remUnit = env_param_config().remUnit;
+
+export const headers = {
+  appId: '4ce19ca8fcd150a4',
+  appClientType: 'mb',
+};

package/micro_11111/src/main.js

@@ -0,0 +1,14 @@
+import Vue from 'vue';
+import App from './App.vue';
+import router from './router/index';
+import store from './store/index';
+import './UI/index';
+
+Vue.config.productionTip = false;
+
+new Vue({
+  el: '#app',
+  router,
+  store,
+  render: h => h(App),
+});

package/micro_11111/src/mixins/base.js

@@ -0,0 +1,57 @@
+import { dataURLtoFile } from '@/utils/library/image.js';
+
+export default {
+  data() {
+    return {
+    };
+  },
+  computed: {
+    isApp() {
+      return localStorage.getItem('source') === 'app';
+    },
+    isFyapp() {
+      return localStorage.getItem('source') === 'fyapp';
+    },
+    isWX() {
+      return localStorage.getItem('source') === 'wx';
+    },
+    isIOS() {
+      let ua = navigator.userAgent;
+      return ua.indexOf('iPhone') > -1 || ua.indexOf('iOS') > -1 || ua.indexOf('iPad') > -1;
+    },
+    isWXWork(){
+      // 判断是否为企业微信
+      let ua = navigator.userAgent;
+      return /wxwork/i.test(ua);
+    }
+  },
+  methods: {
+    dataURLtoFile,
+    // 回到上一页
+    goBack() {
+      if (this.$route.query.isShortcut) {
+        this.$router.replace({ name: 'home' });
+      } else {
+        this.$router.go(-1);
+      }
+    },
+    // 错误格式化
+    errorFormat(error) {
+      // UnknownError: Error preparing Blob/File data to be stored in object store(iOS Safari)
+      // QuotaExceededError
+      // [object DOMError](iOS Safari)
+      const prefix = '未知错误，请联系系统管理员\n';
+      if (error.name === 'QuotaExceededError') {
+        return '离线数据存储空间不足，建议立即清理离线数据';
+      } else if (error.message === 'Error preparing Blob/File data to be stored in object store') {
+        return '图片保存失败，请联系系统管理员';
+      } else {
+        if (error.name || error.message) {
+          return prefix + `${error.name}: ${error.message}`;
+        } else {
+          return prefix + error;
+        }
+      }
+    },
+  },
+};