doway-coms 1.1.52 → 1.1.55

package/packages/BaseToolStatus/src/index.vue

@@ -0,0 +1,384 @@
+<template>
+    <div class="status-bar">
+      <div class="status-bar-btns">
+        <a-button
+          class="status-bar-btn"
+          size="small"
+          :type="btn.isPrimary === true ? 'primary' : 'default'"
+          v-show="btn.visible === true"
+          :loading="btn.isLoading"
+          @click="btnClick(btn)"
+          v-for="btn in internalBtns"
+          :key="btn.code"
+        >{{ btn.caption }}</a-button
+        >
+      </div>
+      <div class="status-bar-status">
+        <div class="el-status-btn-wrapper">
+          <div
+            v-for="(status, index) in statuss"
+            :key="index"
+            style="display:inline-block"
+          >
+            <a-button
+              v-if="!status.notButton"
+              class="status-primary"
+              :class="
+                status.value === formRow.status
+                  ? 'current-status'
+                  : 'inactive-status'
+              "
+              type="text"
+            >
+              {{ status.caption }}</a-button
+              >
+            <div
+              v-else
+              class="progressBar"
+              :class="
+                formRow.value == 'progress' ? 'progressBar' : 'progressBarStop'
+              "
+            >
+              <div class="inProgressBar" :style="{ width: status.progress }">
+                <div class="text">
+                  {{ status.progress }}
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+ import { Button } from 'ant-design-vue'
+  export default {
+    name: 'BaseToolStatus',
+    components:{
+       'a-button': Button
+    },
+    data() {
+      return {
+        internalWorkFlowBtns: [],
+        internalBtns: [],
+        internalStatuss: [],
+        internalFormRow: {}
+      }
+    },
+    props: {
+      workFlowBtns: {
+        type: Array,
+        default: () => {
+          return []
+        }
+      },
+      actionData: {
+        type: Object,
+        default: () => {
+          return {}
+        },
+        deep: true
+      },
+      objectName: {
+        // 对象信息
+        type: String,
+        default: 'artRout'
+      },
+      formRow: {
+        type: Object,
+        default: function() {
+          return {}
+        }
+      },
+      btns: {
+        // 按钮
+        type: Array,
+        default: function() {
+          return []
+        }
+      },
+      statuss: {
+        // 状态栏
+        type: Array,
+        default: function() {
+          return []
+        }
+      }
+    },
+    watch: {
+      workFlowBtns: {
+        handler: function(newVal) {
+          this.internalWorkFlowBtns = newVal
+        },
+        deep: true
+      },
+      btns: {
+        handler: function(newVal) {
+          this.internalBtns = newVal
+        },
+        deep: true
+      }
+    },
+    created() {
+      this.internalWorkFlowBtns = this.workFlowBtns
+      this.internalBtns = this.btns
+    },
+    methods: {
+      btnClick(btn) {
+        this.$emit(btn.code, btn)
+      }
+    }
+  }
+  </script>
+  <style lang="scss" scoped>
+  .progressBarStop {
+    background-color: #fafafa;
+    width: 90px;
+    height: 32px;
+    margin-bottom: -12px !important;
+    .inProgressBar {
+      background: 0;
+    }
+  }
+  .progressBar {
+    position: relative;
+    background-color: #fafafa;
+    width: 90px;
+    height: 32px;
+    margin-bottom: -12px !important;
+  }
+  .progressBar:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 0;
+    background-color: #ccc;
+    width: 1px;
+    height: 32px;
+  }
+  .inProgressBar {
+    width: 90px;
+    height: 32px;
+    background: -webkit-repeating-linear-gradient(
+      30deg,
+      #83a7cf 0,
+      #83a7cf 10px,
+      #93b3d6 10px,
+      #93b3d6 20px
+    );
+    -webkit-animation: move 5s linear infinite;
+  }
+  .text {
+    position: absolute;
+    top: 20%;
+    left: 40%;
+    color: black;
+    font-size: 14px;
+  }
+  @-webkit-keyframes move {
+    0% {
+      background-position: 0 0;
+    }
+    100% {
+      background-position: -200px 0;
+    }
+  }
+  //所在状态状态提示样式
+  .current-status {
+    color: #010101 !important;
+    font-weight: bold;
+    background-color: #ffc56b !important;
+  }
+  //所在状态状态指向提示样式
+  .current-status::before {
+    content: " ";
+    display: block;
+    position: absolute;
+    top: 0px;
+    left: auto;
+    bottom: auto;
+    right: -12px;
+    border-top: 16px solid transparent;
+    border-bottom: 18px solid transparent;
+    border-right: none;
+    border-left: 11px solid #ffc56b !important;
+    z-index: 10;
+  }
+  //所在状态状态指向提示样式
+  .current-status::after {
+    content: " ";
+    display: block;
+    position: absolute;
+    top: 0px;
+    left: auto;
+    bottom: auto;
+    right: -11px;
+    border-left: 11px solid #ffc56b !important;
+    border-top: 16px solid transparent;
+    border-bottom: 18px solid transparent;
+    border-right: none;
+    z-index: 11;
+  }
+  //未使用的状态提示样式
+  .inactive-status {
+    background-color: #f9f9f9;
+  }
+  //未使用的状态指向提示样式
+  .inactive-status::before {
+    content: " ";
+    display: block;
+    position: absolute;
+    top: 0px;
+    left: auto;
+    bottom: auto;
+    right: -12px;
+    border-top: 16px solid transparent;
+    border-bottom: 18px solid transparent;
+    border-right: none;
+    border-left: 11px solid #ccc !important;
+    z-index: 10;
+  }
+  //未使用的状态指向提示样式
+  .inactive-status::after {
+    content: " ";
+    display: block;
+    position: absolute;
+    top: 0px;
+    left: auto;
+    bottom: auto;
+    right: -11px;
+    border-left: 11px solid #f9f9f9 !important;
+    border-top: 16px solid transparent;
+    border-bottom: 18px solid transparent;
+    border-right: none;
+    z-index: 11;
+  }
+  //状态条样式
+  .status-bar {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid #ccc;
+    border-top: 1px solid #ccc;
+    // padding-top: 1px;
+  
+    padding-left: 8px;
+    // padding-bottom: 1px;
+    // border-left: none;
+    //状态栏高度
+    .status-bar-btns {
+      line-height: 30px;
+      float: left;
+      margin-left: 10px;
+      //状态工作按钮样式
+      .status-bar-btn {
+        // margin-top: 1px;
+        // border-radius: 3px;
+        // height: 28px;
+        // font-size: 12px;
+        // padding: 5px 10px;
+        margin-right: 8px;
+      }
+      //状态工作按钮样式
+      .btn-primary {
+        color: #efefef;
+        background-color: #219bff;
+        cursor: pointer;
+        // margin-top: 1px;
+      }
+    }
+    //状态提示按钮样式
+    .status-bar-status {
+      overflow: hidden;
+      .el-status-btn-wrapper {
+        overflow: visible;
+        border-left: 1px solid #ccc;
+        // border-bottom: 1px solid #ccc;
+        .el-status-btn {
+          margin-left: 0px !important;
+          color: #000;
+          padding-left: 20px;
+          padding-right: 20px;
+          position: relative;
+          padding-left: 22px;
+          cursor: default;
+          font-size: 11px;
+          background-color: #fff;
+        }
+        .el-status-btn::before {
+          content: " ";
+          display: block;
+          position: absolute;
+          top: 0px;
+          left: auto;
+          bottom: auto;
+          right: -12px;
+          border-top: 16px solid transparent;
+          border-bottom: 18px solid transparent;
+          border-right: none;
+          border-left: 11px solid #ccc !important;
+          z-index: 10;
+        }
+        .el-status-btn::after {
+          content: " ";
+          display: block;
+          position: absolute;
+          top: 0px;
+          left: auto;
+          bottom: auto;
+          right: -11px;
+          border-left: 11px solid white !important;
+          border-top: 16px solid transparent;
+          border-bottom: 18px solid transparent;
+          border-right: none;
+          z-index: 11;
+        }
+        .status-primary {
+          color: #0b0b0b;
+          font-size: 12px;
+          border-radius: 0;
+          background-color: #fafafa;
+          margin-left: 0px !important;
+          padding-left: 20px;
+          padding-right: 20px;
+          position: relative;
+          padding-left: 22px;
+          cursor: default;
+        }
+        .status-primary::before {
+          content: " ";
+          display: block;
+          position: absolute;
+          top: 0px;
+          left: auto;
+          bottom: auto;
+          right: -12px;
+          border-top: 16px solid transparent;
+          border-bottom: 18px solid transparent;
+          border-right: none;
+          border-left: 11px solid #ccc;
+          z-index: 10;
+        }
+  
+        .status-primary::after {
+          content: " ";
+          display: block;
+          position: absolute;
+          top: 0px;
+          left: auto;
+          bottom: auto;
+          right: -11px;
+          border-left: 11px solid #f9f9f9;
+          border-top: 16px solid transparent;
+          border-bottom: 18px solid transparent;
+          border-right: none;
+          z-index: 11;
+        }
+      }
+    }
+  }
+  </style>
+  <style lang="less">
+  @import  '../../styles/default.less';
+  </style>
+  

package/packages/index.js

@@ -0,0 +1,138 @@
+// 导入组件
+import BaseInput from './BaseInput/index';
+import BaseCheckbox from './BaseCheckbox/index';
+import BaseDate from './BaseDate/index';
+import BaseDatetime from './BaseDatetime/index';
+import BaseDateWeek from './BaseDateWeek/index';
+import BaseTextArea from './BaseTextArea/index';
+import BaseSelect from './BaseSelect/index';
+import BaseSelectMulti from './BaseSelectMulti/index';
+import BaseTime from './BaseTime/index';
+import BasePagination from './BasePagination/index';
+import BaseNumberInput from './BaseNumberInput/index';
+import BaseTool from './BaseTool/index';
+import BaseToolStatus from './BaseToolStatus/index';
+import BasePulldown from './BasePulldown/index';
+import BaseIntervalInput from './BaseIntervalInput/index';
+import BaseForm from './BaseForm/index';
+import BasePictureCard from './BasePictureCard/index';
+
+import store from './utils/store'
+import request from './utils/request'
+import BaseGrid from './BaseGrid/index';
+ 
+// 存储组件列表
+const components = [BaseInput,BaseCheckbox,BaseDate,BaseDatetime,BaseDateWeek,BaseTextArea,BaseSelect,BaseSelectMulti
+	,BaseTime,BasePagination,
+	BaseNumberInput,BaseTool,BaseToolStatus,BasePulldown,BaseIntervalInput,BaseForm,BasePictureCard,BaseGrid];
+// 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
+
+import 'vxe-table/lib/style.css'
+import VXETable from 'vxe-table'
+
+
+const popupInterceptor = (params)=>{
+	// 比如点击了某个组件的弹出层面板之后，此时被激活单元格不应该被自动关闭，通过返回 false 可以阻止默认的行为。
+	let parentElement = (params.$event.target.shadowRoot && params.$event.composed) ?
+	(params.$event.composedPath()[0] || params.$event.target) : params.$event.target
+	while (true) {
+	// console.debug(parentElement)
+	if (
+		parentElement &&
+		(parentElement.className.indexOf('vxe-modal--wrapper') > -1 ||
+		parentElement.className.indexOf('ant-calendar') > -1 ||
+		parentElement.className.indexOf('ant-select-dropdown-menu-item') > -1 ||
+		parentElement.className.indexOf('interceptor-class') > -1 ||
+		parentElement.className.indexOf('ant-time-picker-panel') > -1)
+	) {
+		//定义网格弹出框不能对焦问题
+		return false
+	}
+	if (parentElement.parentElement) {
+			parentElement = parentElement.parentElement
+	} else {
+		break
+	}
+	}
+	
+}
+//网格弹出点击拦截器
+VXETable.interceptor.add('event.clearActived', (params) => {
+	return popupInterceptor(params)
+})
+//网格筛选点击拦截器
+VXETable.interceptor.add('event.clearFilter', (params) => {
+	return popupInterceptor(params)
+})
+
+
+
+const install = function (Vue) {
+
+	//注册grid组件
+	Vue.use(VXETable)
+	
+	// 遍历注册全局组件
+	components.forEach((component) => {
+		Vue.component(component.name, component);
+	});
+};
+ 
+// 判断是否是直接引入文件
+if (typeof window !== 'undefined' && window.Vue) {
+	install(window.Vue);
+}
+
+//表单输入框验证
+import {
+	extend,
+	localize
+  } from 'vee-validate'
+  //引入校验规则 安装所有规则
+  import * as rules from 'vee-validate/dist/rules'
+  Object.keys(rules).forEach(rule => {
+	extend(rule, rules[rule])
+  })
+localize({
+	en: {
+	messages: {
+		required: '必填',
+		min: '不能小于 {length} 个字符',
+		max: (_, { length }) => `不能大于 ${length} 个字符`,
+		email: '邮箱输入不符合规则'
+	}
+	}
+  })
+ 
+export default {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+	install
+	// 以下是具体的组件列表
+};
+export * from './utils/enum'
+export * from './utils/common'
+export * from './utils/filters'
+export * from './utils/msg'
+
+export {
+	BaseInput,
+	BaseCheckbox,
+	BaseDate,
+	BaseDatetime,
+	BaseDateWeek,
+	BaseTextArea,
+	BaseSelect,
+	BaseSelectMulti,
+	BaseTime,
+	BasePagination,
+	BaseNumberInput,
+	BaseTool,
+	BaseToolStatus,
+	BasePulldown,
+	BaseIntervalInput,
+	BaseForm,
+	BaseGrid,
+	BasePictureCard,
+	store,
+	request,
+}

package/packages/styles/default.less

@@ -0,0 +1,79 @@
+.d-control-container {
+    display: flex;
+}
+.d-control-label {
+    font-size:12px;
+    // position: absolute;
+    // display: inline;
+    font-weight: bold;
+    width:100px;
+  }
+.d-control {
+    flex:1;
+    // display: inline;
+    // padding-left: 80px;
+    width: 100%;
+    height: 30px;
+}
+.d-control-label-required{
+    color:red;
+}
+.d-error-input{
+    border-color: #f22435 !important;
+    input{
+        border-color: #f22435 !important;
+    }
+    input:hover{
+        border-color: #f22435!important;
+    }
+    div{
+        border-color: #f22435!important;
+    }
+}
+.d-error-msg{
+    color:#f22435;
+    font-size: 0.75em;
+}
+
+.d-form-items {
+    // margin-top: 100px;
+    // margin-left: 100px;
+    // margin-right: 100px;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
+    padding: 8px 8px 8px 8px;
+    overflow-y: auto;
+    .d-form-item-ghost {
+      visibility: hidden;
+      height: 0;
+      min-height: 0px !important;
+      flex-grow: 1;
+      flex-shrink: 1;
+      flex-basis: auto;
+      border: 1px solid #9ad4dc;
+      min-width: 150px;
+      width: 280px;
+      margin-right: 8px;
+      margin-left: 8px;
+      border-radius: 6px;
+    }
+    .d-form-item {
+      width: 280px;
+      flex-grow: 1;
+      flex-shrink: 1;
+      flex-basis: auto;
+      margin-top: 0px;
+      margin-right: 8px;
+      margin-bottom: 0px;
+      margin-left: 8px;
+      padding: 6px 8px 6px 8px;
+      min-width: 150px;
+      border-radius: 6px;
+      .search-view-icon {
+        float: left;
+        width: 64px;
+        height: 64px;
+      }
+    }
+  }

package/packages/utils/api.js

@@ -0,0 +1,35 @@
+import request from './request'
+import store from './store'
+export function loadViewInfo(moduleCode) {
+  return request({
+    url: store.getters.umsUrl + '/v1/module/loadViewInfo',
+    method: 'get',
+    params: {
+      moduleCode: moduleCode
+    }
+  })
+}
+
+export function saveUserModuleDataFieldApi(data) {
+  return request({
+    url:  store.getters.umsUrl + '/v1/user/saveUserModuleDataField',
+    method: 'post',
+    data: data
+  })
+}
+
+export function attachGetAttachUrlApi() {
+    return  store.getters.msgUrl + '/v1/Attach'
+  }
+  
+  /**
+   * 获取cust信息列表
+   * @param postData 提交的数据，分页信息
+   */
+  export function attachSearchApi(postData) {
+    return request({
+      url:   store.getters.msgUrl + '/v1/Attach/Search',
+      method: 'post',
+      data: postData
+    })
+  }

package/packages/utils/auth.js

@@ -0,0 +1,38 @@
+import Cookies from 'js-cookie'
+
+const TokenKey = 'token'
+const RefreshTokenKey = 'refreshToken'
+const ExpireAt = 'token_expire_at'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeCookie(cookieKey) {
+  return Cookies.remove(cookieKey)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}
+export function getRefreshToken() {
+  return Cookies.get(RefreshTokenKey)
+}
+
+export function setRefreshToken(token) {
+  return Cookies.set(RefreshTokenKey, token)
+}
+export function setTokenExpireTime(expireTime) {
+  return Cookies.set(ExpireAt, expireTime)
+}
+export function getTokenExpireTime() {
+  return Cookies.get(ExpireAt)
+}
+
+export function removeRefreshToken() {
+  return Cookies.remove(RefreshTokenKey)
+}