@lambo-design/workflow-approve 1.0.0-beta.3 → 1.0.0-beta.4

package/src/portrait.vue

@@ -6,18 +6,18 @@
     <template slot="page-extend">
       <Button type="primary" ghost @click="pageGoBack">返回</Button>
     </template>
-    <div class="lamboIndicatorCard" :style="{float: 'left', width: isExpanded ? `calc(100% - ${portraitWidth+10}px)` : '99%'}">
+    <div class="portrait-lambo-indicator-card" :style="{float: 'left', width: isExpanded ? `calc(100% - ${portraitWidth+10}px)` : '99%'}">
       <slot name="business-content">
       </slot>
     </div>
 
     <a @click="isExpanded = !isExpanded" class="arrow-button-container" :style="{right: isExpanded ? portraitWidth+10 + 'px' : '10px'}">
-      <Icon class="iconClass" v-if="isExpanded" type="ios-arrow-forward"/>
-      <Icon class="iconClass" v-if="!isExpanded" type="ios-arrow-back"/>
+      <Icon class="icon-class" v-if="isExpanded" type="ios-arrow-forward"/>
+      <Icon class="icon-class" v-if="!isExpanded" type="ios-arrow-back"/>
     </a>
     <transition name="draw" @before-enter="beforeFlowInfoEnter" @enter="flowInfoEnter"
                 @before-leave="beforeFlowInfoLeave" @leave="flowInfoLeave">
-      <lamboIndicatorCard  v-if="isExpanded" class="lamboIndicatorCard" :style="{width: portraitWidth + 'px', float: 'right'}" :hasExtend="false">
+      <lamboIndicatorCard  v-if="isExpanded" class="portrait-lambo-indicator-card" :style="{width: portraitWidth + 'px', float: 'right'}" :hasExtend="false">
         <div slot="content-title">流程信息</div>
         <a @click="auditShow = !auditShow">
           <Title v-if="!handleButtons || handleButtons.includes('auditOpinion') || handleButtons.includes('attachmentFile')">
@@ -30,12 +30,12 @@
         </a>
         <transition name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
           <div class="box" v-show="auditShow">
-            <Form ref="auditOpinion" justify="center" :label-width="100"
+            <Form ref="auditOpinion" justify="center" :label-width="100" :model="form"
                   v-if="!handleButtons || handleButtons.includes('auditOpinion') || handleButtons.includes('attachmentFile')"
                   style="margin: 10px 0 0 10px;" :rules="ruleValidate">
               <FormItem label="审批意见：" prop="auditOpinion" >
-                <AuditOpinion v-model="auditOpinion" :attachmentFile="handleButtons.includes('attachmentFile')" :attachmentdata="fileList"
-                              :smart-flow-server-context="smartFlowServerContext" :oss-server-context="ossServerContext"></AuditOpinion>
+                <AuditOpinion v-model="form.auditOpinion" :attachmentFile="handleButtons.includes('attachmentFile')" :attachmentdata="fileList"
+                              :smart-flow-server-context="smartFlowServerContext"></AuditOpinion>
               </FormItem>
             </Form>
           </div>
@@ -51,10 +51,10 @@
         </a>
         <transition name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
           <div class="box" v-show="historyShow">
-            <Card class="processHistory" dis-hover :bordered="false"
+            <Card class="process-history" dis-hover :bordered="false"
                   v-if="!handleButtons || handleButtons.includes('auditHistory')">
-              <processHistory :portrait-width="portraitWidth" :list="this.processHistory"
-                              :smart-flow-server-context="smartFlowServerContext" :oss-server-context="ossServerContext"></processHistory>
+              <processHistory :portrait-width="portraitWidth" :list="processHistory"
+                              :smart-flow-server-context="smartFlowServerContext"></processHistory>
             </Card>
           </div>
         </transition>
@@ -71,29 +71,29 @@
         <transition name="draw" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
           <div class="box" v-show="(!handleButtons || handleButtons.includes('attachmentFile')) && attachmentList.length > 0 && attachListShow">
             <div v-for="(item, index) in attachmentList" :key="index">
-              <Card dis-hover class="attachCard">
+              <Card dis-hover class="attach-card">
                 <List item-layout="vertical">
                   <ListItem style="margin-top: -8px">
                     <Row style="display: flex; align-items: center;">
                       <!-- 左边：图片 -->
                       <Col span="4" style="margin-top: -25px">
-                        <avatar v-if="item.fileType === 'image'" icon="ios-image-outline" class="attachAvatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
+                        <avatar v-if="item.fileType === 'image'" icon="ios-image-outline" class="attach-avatar" style="background-color: #005aff" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
                                 :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                        <avatar v-else-if="item.fileType === 'doc'" icon="ios-document-outline" class="attachAvatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
+                        <avatar v-else-if="item.fileType === 'doc'" icon="ios-document-outline" class="attach-avatar" style="background-color: #005aff" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
                                 :size="portraitWidth >= 600 ? 'middle' : 'small'">
                         </avatar>
-                        <avatar v-else-if="item.fileType === 'xlsx'" icon="ios-document-outline" class="attachAvatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
+                        <avatar v-else-if="item.fileType === 'xlsx'" icon="ios-document-outline" class="attach-avatar" style="background-color: #19be6b" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
                                 :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                        <avatar v-else-if="item.fileType === 'pdf'" icon="ios-document-outline" class="attachAvatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
+                        <avatar v-else-if="item.fileType === 'pdf'" icon="ios-document-outline" class="attach-avatar" style="background-color: #ed4014" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
                                 :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
-                        <avatar v-else icon="ios-document-outline" class="attachAvatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
+                        <avatar v-else icon="ios-document-outline" class="attach-avatar" :style="portraitWidth >= 600 ? 'margin-left: 10px' : ''"
                                 :size="portraitWidth >= 600 ? 'middle' : 'small'"></avatar>
                       </Col>
                       <!-- 右边：附件信息 -->
                       <Col span="20">
                         <Row>
                           <tooltip>
-                            <span class="attachNameStyle"> {{ item.attachName }}</span>
+                            <span class="attach-name-style"> {{ item.attachName }}</span>
                             <div slot="content" style="white-space: normal"> {{ item.attachName }}</div>
                           </tooltip>
                         </Row>
@@ -121,6 +121,15 @@
             </div>
           </div>
         </transition>
+        <Modal title="查看附件" v-model="modalVisible" fullscreen scrollable :mask="false">
+          <img :src="imageUrl" v-if="modalVisible"  alt="" style="width: 100%">
+          <div slot="footer">
+            <Button type="primary" @click="modalVisible = false">关闭</Button>
+          </div>
+        </Modal>
+        <Modal title="查看附件" v-model="modalDocx" fullscreen scrollable :mask="false">
+          <div ref="file" ></div>
+        </Modal>
         <Modal v-model="modal1" title="选择节点"
                @on-cancel="cancel"
                @on-ok="ok">
@@ -134,11 +143,11 @@
         <assigneeBox ref="assigneeHelpBox" :executionCompleted="executionCompleted" @update-selected="handleSelectedUser"
                      :data="assigneeBoxData" :smart-flow-server-context="smartFlowServerContext" :upms-server-context="upmsServerContext"/>
         <Modal v-model="modalBoxShow" width="1000" title="流程跟踪图">
-          <Workflow_Print ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId"
+          <Workflow_Diagram ref="processTrace" :instanceId="process.instanceId" :applyId="process.applyId"
                           :procId="process.procId"
                           :tableData="process.tableData" :hisAudit="hisAudit"
                           :smart-flow-server-context="smartFlowServerContext">
-          </Workflow_Print>
+          </Workflow_Diagram>
         </Modal>
       </lamboIndicatorCard>
     </transition>
@@ -177,7 +186,7 @@
 <script>
 import LamboPageContainer from '@lambo-design/page-container'
 import LamboIndicatorCard from '@lambo-design/indicator-card'
-import Workflow_Print from './workflow-diagram'
+import Workflow_Diagram from './workflow-diagram'
 import ajax from "@lambo-design/shared/utils/ajax";
 import { operateBtn } from '@lambo-design/shared/utils/assist';
 import bus from '@lambo-design/shared/utils/bus';
@@ -185,8 +194,8 @@ import Title from "./components/title";
 import processHistory from "./components/history";
 import assigneeBox from "./components/assignee-box";
 import LamboPagingTable from "@lambo-design/paging-table";
-import axios from "axios";
 import AuditOpinion from "./components/opinion";
+import axios from "axios";
 
 // 引入docx-preview插件
 let docx = require('docx-preview');
@@ -197,7 +206,7 @@ export default {
     width: {
       type: Number,
       required: false,
-      default: 600
+      default: 400
     },
     procId: {
       type: String,
@@ -211,16 +220,6 @@ export default {
       type: String,
       required: true,
     },
-    isShowSave: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isShowReturn: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
     //业务表单保存方法
     businessFormSave: {
       type: Function,
@@ -239,10 +238,6 @@ export default {
       type: String,
       default: '/api/smart-flow-server',
     },
-    ossServerContext: {
-      type: String,
-      default: '/api/oss-server',
-    },
     upmsServerContext: {
       type: String,
       default: '/api/upms-server',
@@ -251,7 +246,7 @@ export default {
   components: {
     Title,
     LamboPageContainer,
-    Workflow_Print,
+    Workflow_Diagram,
     processHistory,
     assigneeBox,
     LamboPagingTable,
@@ -282,7 +277,9 @@ export default {
       ruleValidate: {
         auditOpinion: [{required: true, trigger: "blur", message: "审批意见不能为空"}]
       },
-      auditOpinion: '',
+      form: {
+        auditOpinion: '',
+      },
       loading: false,
       disable: false,
       instanceId: '',
@@ -313,7 +310,8 @@ export default {
         '30': '同意',
         '70': '驳回原点',
         '40': '驳回上一节点',
-        '80': '驳回指定节点',
+        '90': '驳回指定节点',
+        '80': '跳转指定节点',
         '82': '转办',
         '50': '人工终止'
       },
@@ -422,106 +420,6 @@ export default {
       return column
     },
 
-    tableColumn() {
-      let column = [];
-      let self = this;
-      column.push({
-        title: '序号',
-        type: 'index',
-        width: 70,
-        align: 'center',
-      });
-      column.push({
-        title: '附件名称', key: 'fileName', minWidth: 150, align: 'center',
-        render(h, {row}) {
-          const index = row.fileName.lastIndexOf(".");
-          const fileName = row.fileName.substr(0, index)
-          return h("span", fileName)
-
-        }
-      });
-      column.push({
-        title: '附件类型', width: 100, align: 'center',
-        render: (h, {row}) => {
-          const index = row.fileName.lastIndexOf(".");
-          const fileType = row.fileName.substr(index + 1)
-          return h("span", fileType)
-        }
-      });
-
-      column.push({
-        title: "上传人姓名",
-        key: "uploadUserName",
-        width: 170,
-        align: "center",
-      });
-
-      column.push({
-        title: "节点名称",
-        key: "taskName",
-        width: 170,
-        align: "center",
-      });
-
-      column.push({
-        title: "上传时间",
-        key: "updTime",
-        width: 170,
-        align: "center",
-        render: (v, param) => {
-          if (param.row.updTime) {
-            let date = new Date(param.row.updTime)
-            let y = date.getFullYear() // 年
-            let MM = date.getMonth() + 1 // 月
-            MM = MM < 10 ? ('0' + MM) : MM
-            let d = date.getDate() // 日
-            d = d < 10 ? ('0' + d) : d
-            let h = date.getHours() // 时
-            h = h < 10 ? ('0' + h) : h
-            let m = date.getMinutes()// 分
-            m = m < 10 ? ('0' + m) : m
-            let s = date.getSeconds()// 秒
-            s = s < 10 ? ('0' + s) : s
-            let state = y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
-            return v("span", state);
-          }
-          return v("span", '')
-        }
-      });
-
-      column.push({
-        title: "操作", width: 160, align: 'center', tooltip: true,
-        render: (h, {row}) => {
-          const index = row.fileName.lastIndexOf(".");
-          const fileType = row.fileName.substr(index + 1).toLowerCase()
-          // const typeList=['jpg','pdf','gif','png','docx']
-          //由于pdf预览显示乱码 暂时不提供pdf预览功能
-          const typeList = ['jpg', 'gif', 'png', 'docx']
-          if (typeList.indexOf(fileType) !== -1) {
-            return h("div", [
-              operateBtn(this, h, row, "下载", () => {
-                this.getAttach(row);
-              }, "primary"),
-              operateBtn(this, h, row, "预览", () => {
-                this.preViewAttach(row);
-              }, "primary")
-            ]);
-          } else {
-            return h("div", [
-              operateBtn(this, h, row, "下载", () => {
-                this.getAttach(row);
-              }, "primary")
-            ]);
-          }
-
-        }
-
-      });
-
-      return column;
-    },
-
-
   },
   provide() {
     return {
@@ -552,7 +450,7 @@ export default {
         procId: this.procId,
         applyId: this.applyId
       }
-      ajax.get(this.smartFlowServerContext + '/manage/processDone/getAttachmentList', {params: param}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processDone/getAttachmentList', {params: param}).then(function (resp) {
         self.attachmentList = resp.data.data.rows
         self.attachmentList.forEach(item => {
           const index = item.fileName.lastIndexOf(".")
@@ -575,12 +473,12 @@ export default {
         applyId: this.applyId,
         taskNode:this.taskNode
       }
-      ajax.get(this.smartFlowServerContext + "/manage/processTodo/list", {params: param}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + "/manage/processTodo/list", {params: param}).then(function (resp) {
         if (resp.data.code === '200') {
           self.taskId = resp.data.data.rows[0].taskId
           self.instanceId = resp.data.data.rows[0].procInstanceId
         } else {
-          this.$Message.error(resp.data.message)
+          self.$Message.error(resp.data.message)
         }
       }).catch((err) => {
         console.log(err)
@@ -592,11 +490,11 @@ export default {
         procId: this.procId,
         taskNode: this.taskNode
       }
-      ajax.post(this.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (resp) {
+      ajax.post(self.smartFlowServerContext + '/manage/approvalCenter/getNodeData', param).then(function (resp) {
         if (resp.data.code === '200') {
           self.handleButtons = resp.data.data[0].handleButtons
         } else {
-          this.$Message.error(resp.data.message)
+          self.$Message.error(resp.data.message)
         }
       }).catch((err) => {
         console.log(err)
@@ -617,7 +515,7 @@ export default {
       const self = this;
       if (self.auditResult == '82') {
         self.assigneeBoxData = self.auditParams
-        this.$refs.assigneeHelpBox.toggleShowHelpBox();
+        self.$refs.assigneeHelpBox.toggleShowHelpBox();
       } else if (self.auditResult == '80') {
         self.getNodesBehind()
       } else if (self.auditResult == '90') {
@@ -625,7 +523,7 @@ export default {
       } else if (self.auditResult == '40') {
         self.loading = true
         self.disable = true
-        let url = this.smartFlowServerContext + '/manage/processTodo/getPreNode'
+        let url = self.smartFlowServerContext + '/manage/processTodo/getPreNode'
         ajax.post(url, self.auditParams).then(function (resp) {
           let result = resp.data
           if (result.code == '30010') {
@@ -634,7 +532,7 @@ export default {
               content: result.message,
               onOk: () => {
                 self.auditParams.auditResult = '70'
-                let url = this.smartFlowServerContext + '/manage/processTodo/audit'
+                let url = self.smartFlowServerContext + '/manage/processTodo/audit'
                 ajax.post(url, self.auditParams).then(function (resp) {
                   let result = resp.data
                   if (result.code == '200') {
@@ -661,7 +559,7 @@ export default {
           } else {
             self.loading = true
             self.disable = true
-            let url = this.smartFlowServerContext + '/manage/processTodo/audit'
+            let url = self.smartFlowServerContext + '/manage/processTodo/audit'
             ajax.post(url, self.auditParams).then(function (resp) {
               let result = resp.data
               if (result.code == '200') {
@@ -686,7 +584,7 @@ export default {
       } else {
         self.loading = true
         self.disable = true
-        let url = this.smartFlowServerContext + '/manage/processTodo/audit'
+        let url = self.smartFlowServerContext + '/manage/processTodo/audit'
         ajax.post(url, self.auditParams).then(function (resp) {
           let result = resp.data
           if (result.code == '200') {
@@ -728,22 +626,22 @@ export default {
       self.submit()
     },
     getAttach(row) {
-      window.open(this.ossServerContext + "/file/get/" + row.fileId, "_blank");
+      window.open(this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId, "_blank");
     },
     preViewAttach(row) {
       let reg = /\.(gif|jpg|jpeg|bmp|png|PNG)$/
       let regs = /\.(pdf)$/
       if (reg.test(row.fileName)) {
-        let url = this.ossServerContext + "/file/get/" + row.fileId;
+        let url = this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId;
         this.imgPreview(url);
       } else if (regs.test(row.fileName)) {
-        window.open(this.ossServerContext + "/file/getFileStream?fileId=" + row.fileId, "_blank");
+        window.open(this.smartFlowServerContext + "/manage/oss/file/getFileStream?fileId=" + row.fileId, "_blank");
       } else {
         this.modalDocx = true
         axios({
           method: 'get',
           responseType: 'blob', // 因为是流文件，所以要指定blob类型
-          url: this.ossServerContext + "/file/get/" + row.fileId// 一个word下载文件的接口
+          url: this.smartFlowServerContext + "/manage/oss/file/get/" + row.fileId// 一个word下载文件的接口
         }).then(({data}) => {
             docx.renderAsync(data, this.$refs.file, null, {
               className: "docx", //默认和文档样式类的类名/前缀
@@ -775,7 +673,7 @@ export default {
         procId: self.procId,
         applyId: self.applyId,
         taskId: self.taskId,
-        auditOpinion: self.auditOpinion,
+        auditOpinion: self.form.auditOpinion,
         fileListStr: JSON.stringify(self.fileList),
         auditResult: self.auditResult,
         params: JSON.stringify(self.datas),
@@ -783,20 +681,19 @@ export default {
         selectedUserId: self.selectedUserId,
       }
       if (self.auditResult == '' || self.auditResult == null) {
-        this.$Message.error("请选择审批结果！");
+        self.$Message.error("请选择审批结果！");
         return;
       }
-      if (self.auditOpinion == '' || self.auditOpinion == null) {
+      if (self.form.auditOpinion == '' || self.form.auditOpinion == null) {
         if (!self.handleButtons || self.handleButtons.includes('auditOpinion')) {
-          this.$Message.error("请输入审批意见！")
+          self.$Message.error("请输入审批意见！")
           return;
         } else {
           self.auditParams.auditOpinion = self.handleButtonsNames[self.auditResult];
         }
       }
 
-      this.businessFormSave ? this.businessFormSave(this.handleSaveResult) : this.handleSaveResult(true, 'noBusinessFormSave')
-
+      self.businessFormSave ? self.businessFormSave(self.handleSaveResult) : self.handleSaveResult(true)
     },
 
     //打印流程图信息
@@ -808,7 +705,7 @@ export default {
         procId: self.procId,
         taskId: self.taskId,
       }
-      ajax.get(this.smartFlowServerContext + '/manage/processTodo/getPrintData', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getPrintData', {params: params}).then(function (resp) {
         let result = resp.data.data
         if (resp.data.code === '200') {
           let tableData = result
@@ -836,7 +733,7 @@ export default {
         procId: self.procId,
         taskId: self.taskId
       }
-      ajax.get(this.smartFlowServerContext + '/manage/processTodo/getHisAudit', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getHisAudit', {params: params}).then(function (resp) {
         if (resp.data.code === '200') {
           self.hisAudit = resp.data.data
           let uniqueDataMap = {};
@@ -867,7 +764,7 @@ export default {
         procId: self.procId,
         taskId: self.taskId
       }
-      ajax.get(this.smartFlowServerContext + '/manage/processTodo/getProcessHis', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getProcessHis', {params: params}).then(function (resp) {
         if (resp.data.code === '200') {
           self.processHistory = resp.data.data
         }
@@ -875,13 +772,11 @@ export default {
     },
     cancel() {
       this.modal = false
-      // this.$refs['radio5'].currentValue = false;
       this.auditResult = '';
     },
     ok() {
       this.modal = false
       if (this.targetTaskNode == '' || this.targetTaskNode == null) {
-        // this.$refs['radio5'].currentValue = false;
         this.auditResult = '';
         this.$Message.error("请选择审批节点！");
       } else {
@@ -891,7 +786,7 @@ export default {
           procId: self.procId,
           applyId: self.applyId,
           taskId: self.taskId,
-          auditOpinion: self.auditOpinion,
+          auditOpinion: self.form.auditOpinion,
           fileListStr: JSON.stringify(self.fileList),
           auditResult: self.auditResult,
           params: JSON.stringify(self.datas),
@@ -901,7 +796,7 @@ export default {
         self.loading = true
         self.disable = true
 
-        let url = this.smartFlowServerContext + '/manage/processTodo/audit'
+        let url = self.smartFlowServerContext + '/manage/processTodo/audit'
         ajax.post(url, self.auditParams).then(function (resp) {
           let result = resp.data
           if (result.code === '200') {
@@ -935,7 +830,7 @@ export default {
         processDefId: self.procId,
         taskId: self.taskId,
       }
-      ajax.get(this.smartFlowServerContext + '/manage/processTodo/getAllPreNodes', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getAllPreNodes', {params: params}).then(function (resp) {
         if (resp.data.code === '200') {
           if (resp.data.data.length > 0){
             self.allNode = resp.data.data
@@ -954,7 +849,7 @@ export default {
         processDefId: self.procId,
         taskId: self.taskId,
       }
-      ajax.get(this.smartFlowServerContext + '/manage/processTodo/getNodesBehind', {params: params}).then(function (resp) {
+      ajax.get(self.smartFlowServerContext + '/manage/processTodo/getNodesBehind', {params: params}).then(function (resp) {
         if (resp.data.code === '200') {
           if (resp.data.data.length > 0){
             self.allNode = resp.data.data
@@ -968,11 +863,7 @@ export default {
       })
     },
     handleSelectedUser(userId) {
-      // 处理选中的用户ID，比如将其保存到数据中或执行其他逻辑
       this.selectedUserId = userId;
-      // if (userId == null || userId == '') {
-      //   this.$refs['radio6'].currentValue = false;
-      // }
     },
 
     //折叠动画效果
@@ -1018,7 +909,7 @@ export default {
   },
   watch: {
     auditOpinionText(label) {
-      this.auditOpinion = label;
+      this.form.auditOpinion = label;
     },
     procId(val) {
       this.procId = val;
@@ -1029,159 +920,11 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.lamboIndicatorCard{
-  height: 100%;
-  position: relative;
-  overflow-y: auto;
-  margin-bottom: -10px;
-}
-.lamboIndicatorCard::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
-}
-
-.lamboIndicatorCard::-webkit-scrollbar-thumb {
-  background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
-  border-radius: 5px;
-}
-.header-text {
-  display: flex;
-  font-size: 18px;
-  font-weight: bold;
-  color: black;
-}
-
-.cont {
-  display: flex;
-  width: 100%;
-  height: 100%;
-}
-
-.contLeft {
-  flex: 0 0 20%;
-  margin-right: 5px
-}
-
-.contRight {
-  display: flex;
-  flex: 0 0 80%;
-  height: 100%;
-  flex-direction: column;
-
-}
-
-.iframe {
-  height: 70vh;
-  width: 100%;
-  border-style: none;
-}
-
-.fontType {
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
-  font-weight: bold;
-  color: #657180;
-  font-size: 14px
-}
-
-.processHistory {
-  height: 40vh;
-  width: 100%;
-  overflow-y: auto;
-}
-
-.processHistory::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
-}
-
-.processHistory::-webkit-scrollbar-thumb {
-  background: linear-gradient(to bottom right, #bbbbbb 0%, #bbbbbb 100%);
-  border-radius: 5px;
-}
-
+@import "./styles/css/index.less";
 /deep/ .ivu-table-row-highlight td {
   background-color: #50c1ff !important;
   color: #fff !important;
 }
-
-.box {
-  overflow: hidden;
-  transition: height 0.3s ease;
-  height: auto;
-  width: auto;
-  margin-left: -15px;
-}
-
-.draw-enter-active, .draw-leave-active {
-
-}
-
-.draw-enter, .draw-leave-to {
-  height: 0;
-}
-
-.sticky {
-  position: sticky;
-  top: 0;
-  z-index: 100;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-}
-
-.attachNameStyle {
-  margin-bottom: -5px;
-  white-space: nowrap;
-  display: inline-block;
-  width: auto;
-  font-size: 14px;
-  color: #17233d;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.leftImageLarge{
-  height: 10%;
-  width: 60px;
-  margin-top: -20px;
-  margin-left: 10px;
-}
-.leftImageSmall{
-  height: 40px;
-  width: 40px;
-  margin-top: -10px;
-}
-.ivu-divider-horizontal{
-  margin: 10px;
-}
-.arrow-button-container {
-  position: absolute;
-  z-index: 50;
-  width: 12px;
-  height: 50px;
-  border-radius: 4px;
-  border: none;
-  background-color: #cccccc;
-  color: white;
-  display: inline-block;
-  transition: 0.5s;
-  top: 50%;
-  transform: translateX(0)
-}
-.iconClass{
-  margin-top: 18px;
-}
-.attachCard{
-  border:solid;
-  border-width: thin;
-  border-color: #f1f1f1;
-  width: auto;
-  border-radius: 10px;
-  margin: 10px 0 10px 10px
-}
-.attachAvatar{
-  background-color: #ed4014;
-  margin-right: 5px;
-  zoom: 150%
-}
 /deep/ .ivu-card-body{
   padding: 10px;
 }