修改审核

src/views/manage/Auditing/index.vue

@@ -1,14 +1,17 @@
 <template>
   <div style="background-color: #f1f3f5">
-    <div
-      slot="footer"
-      style="float: right; padding: 10px 10px 0 0; height: 35px"
-    >
-      <el-button size="mini" @click="cancel">取 消</el-button>
-      <el-button size="mini" type="primary" @click="auditing"
-        >审核通过</el-button
-      >
-      <el-button size="mini" type="info" @click="ignore">忽略</el-button>
+    <div slot="footer" class="topfooter">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="画像审核" name="portrait"></el-tab-pane>
+      <el-tab-pane label="路径审核" name="route"></el-tab-pane>
+      </el-tabs>
+      <div class="right">
+        <el-button size="mini" @click="cancel">取 消</el-button>
+        <el-button size="mini" type="primary" @click="auditing"
+          >审核通过</el-button
+        >
+        <el-button size="mini" type="info" @click="ignore">忽略</el-button>
+      </div>
     </div>
     <div class="card">
       <div class="cardleft">
@@ -80,6 +83,9 @@
           <div class="text" v-if="list.visitMethod == 'BE_IN_HOSPITAL'">
             出院时间: {{ list.dischargeTime }}
           </div>
+          <div class="text" v-if="list.visitMethod == 'BE_IN_HOSPITAL'">
+            审核时间: {{ list.dischargeTime }}
+          </div>
           <div class="text" v-if="list.visitMethod == 'OUTPATIENT_SERVICE'">
             就诊时间: {{ list.dischargeTime }}
           </div>
@@ -302,6 +308,7 @@ export default {
   name: "Auditing",
   data() {
     return {
+      activeName: 'portrait',
       baseUrl: process.env.VUE_APP_BASE_API,
       activeNames: ['-1', '-2', '-3'],
       list: {},
@@ -315,6 +322,9 @@ export default {
     this.info();
   },
   methods: {
+    handleClick(tab, event) {
+      console.log(tab, event,this.activeName);
+    },
     //查看宣教模板
     lookpropaganda(item) {
       this.lookitem = item.detailInfo
@@ -422,14 +432,35 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-::v-deep iframe{
-    width:100%;
-    height: 500px;
+::v-deep .el-tabs__nav{
+  padding-left: 15px;
+}
+::v-deep .el-tabs__active-bar{
+  left: 15px;
+}
+
+::v-deep iframe {
+  width: 100%;
+  height: 500px;
 }
 ::v-deep .el-collapse-item__header {
   font-size: 16px;
   font-weight: bold;
 }
+.topfooter {
+  background: #fff;
+    width: 98%;
+    margin: 0 auto;
+    padding: 20px 0;
+  .right {
+      /* float: right; */
+      padding: 10px 10px 0 0;
+    height: 35px;
+    position: absolute;
+    right: 15px;
+    top: 8px;
+  }
+}
 
 .texts {
   margin: 16px 0 20px;
@@ -452,7 +483,7 @@ export default {
   width: 100%;
   display: flex;
   justify-content: space-evenly;
-  padding: 20px 0;
+  // padding: 20px 0;
   height: calc(100vh - 119px);
 
   .cardleft {
@@ -515,6 +546,7 @@ export default {
     width: 62%;
     padding: 20px;
     font-size: 14px;
+    margin-top: 20px;
 
     .textarea {
       font-size: 14px;