doway-coms 2.7.2 → 2.7.3

package/packages/BaseTool/src/index.vue

@@ -1,350 +1,350 @@
-<template>
-    <div class="status-bar">
-      <div class="status-bar-btns">
-        <!-- <a-space> -->
-        <a-button
-          class="status-bar-btn"
-          size="small"
-          :type="btn.isPrimary === true ? 'primary' : 'default'"
-          v-show="btn.visible === true"
-          @click="btnClick(btn)"
-          v-for="btn in internalBtns.filter(x => x.align !== 'right')"
-          :key="btn.code"
-        >
-          {{ btn.caption }}
-        </a-button>
-        <!-- </a-space> -->
-      </div>
-      <div class="status-bar-btns" style="float:right">
-        <a-button
-          class="status-bar-btn"
-          size="small"
-          :type="btn.isPrimary === true ? 'primary' : 'default'"
-          v-show="btn.visible === true"
-          @click="btnClick(btn)"
-          v-for="btn in internalBtns.filter(x => x.align == 'right')"
-          :key="btn.code"
-        >
-          {{ btn.caption }}
-        </a-button>
-      </div>
-      <!-- <base-attach-viewer
-        @closePdf="closePdf"
-        v-if="isShowPdf"
-        :pdfurl="pdfUrl"
-      ></base-attach-viewer> -->
-    </div>
-  </template>
-  
-  <script>
-    import { Button } from 'ant-design-vue'
-  export default {
-    name: 'BaseTool',
-    components:{
-       'a-button': Button
-    },
-    data() {
-      return {
-        internalWorkFlowBtns: [],
-        internalBtns: [],
-        internalStatuss: [],
-        internalFormRow: {},
-        isShowPdf: false,
-        pdfUrl: ''
-      }
-    },
-    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
-      // this.internalStatuss = statusBar[this.objectName].statuss
-      // this.setBtnStatus()
-      // 筛选判断用户是否有权限查看关系按钮
-    },
-    methods: {
-      closePdf() {
-        this.isShowPdf = false
-      },
-      // setBtnStatus () {
-      //   for (let i = 0; i < this.btns.length; i++) {
-      //     if (this.btns[i].visibleStatus.indexOf(this.formRow.status) >= 0) {
-      //       this.btns[i].visible = true
-      //     } else {
-      //       this.btns[i].visible = false
-      //     }
-      //   }
-      // },
-      btnClick(btn) {
-        this.$emit(btn.code, btn)
-        // let vm = this
-        // if (btn.confirmMsg) {
-        //   this.$confirm(btn.confirmMsg, '提示', {
-        //     confirmButtonText: '确定',
-        //     cancelButtonText: '取消',
-        //     type: 'warning',
-        //     customClass: 'dw-error-msg'
-        //   }).then(() => {
-        //     vm.$emit('btnClick', btn)
-        //   }).catch(() => { })
-        // } else {
-        //   this.$emit('btnClick', btn)
-        // }
-      }
-    }
-  }
-  </script>
-  <style lang="scss" scoped>
-  //所在状态状态提示样式
-  .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: 85%;
-      // margin-right: 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>
+<template>
+    <div class="status-bar">
+      <div class="status-bar-btns">
+        <!-- <a-space> -->
+        <a-button
+          class="status-bar-btn"
+          size="small"
+          :type="btn.isPrimary === true ? 'primary' : 'default'"
+          v-show="btn.visible === true"
+          @click="btnClick(btn)"
+          v-for="btn in internalBtns.filter(x => x.align !== 'right')"
+          :key="btn.code"
+        >
+          {{ btn.caption }}
+        </a-button>
+        <!-- </a-space> -->
+      </div>
+      <div class="status-bar-btns" style="float:right">
+        <a-button
+          class="status-bar-btn"
+          size="small"
+          :type="btn.isPrimary === true ? 'primary' : 'default'"
+          v-show="btn.visible === true"
+          @click="btnClick(btn)"
+          v-for="btn in internalBtns.filter(x => x.align == 'right')"
+          :key="btn.code"
+        >
+          {{ btn.caption }}
+        </a-button>
+      </div>
+      <!-- <base-attach-viewer
+        @closePdf="closePdf"
+        v-if="isShowPdf"
+        :pdfurl="pdfUrl"
+      ></base-attach-viewer> -->
+    </div>
+  </template>
+  
+  <script>
+    import { Button } from 'ant-design-vue'
+  export default {
+    name: 'BaseTool',
+    components:{
+       'a-button': Button
+    },
+    data() {
+      return {
+        internalWorkFlowBtns: [],
+        internalBtns: [],
+        internalStatuss: [],
+        internalFormRow: {},
+        isShowPdf: false,
+        pdfUrl: ''
+      }
+    },
+    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
+      // this.internalStatuss = statusBar[this.objectName].statuss
+      // this.setBtnStatus()
+      // 筛选判断用户是否有权限查看关系按钮
+    },
+    methods: {
+      closePdf() {
+        this.isShowPdf = false
+      },
+      // setBtnStatus () {
+      //   for (let i = 0; i < this.btns.length; i++) {
+      //     if (this.btns[i].visibleStatus.indexOf(this.formRow.status) >= 0) {
+      //       this.btns[i].visible = true
+      //     } else {
+      //       this.btns[i].visible = false
+      //     }
+      //   }
+      // },
+      btnClick(btn) {
+        this.$emit(btn.code, btn)
+        // let vm = this
+        // if (btn.confirmMsg) {
+        //   this.$confirm(btn.confirmMsg, '提示', {
+        //     confirmButtonText: '确定',
+        //     cancelButtonText: '取消',
+        //     type: 'warning',
+        //     customClass: 'dw-error-msg'
+        //   }).then(() => {
+        //     vm.$emit('btnClick', btn)
+        //   }).catch(() => { })
+        // } else {
+        //   this.$emit('btnClick', btn)
+        // }
+      }
+    }
+  }
+  </script>
+  <style lang="scss" scoped>
+  //所在状态状态提示样式
+  .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: 85%;
+      // margin-right: 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>