From e5454b769d44a34af423bf87ac8a740bf8c20341 Mon Sep 17 00:00:00 2001
From: Crunchy <3114200645@qq.com>
Date: 星期二, 29 四月 2025 13:25:29 +0800
Subject: [PATCH] Merge branch 'dev' into dev_tides

---
 src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue |  562 ++++++++++++++++++++++++++-----------------------------
 1 files changed, 267 insertions(+), 295 deletions(-)

diff --git a/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue b/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue
index 5e9b191..85fc6b4 100644
--- a/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue
+++ b/src/views/CNAS/systemManagement/documentRecords/regularReviewsRecord.vue
@@ -1,68 +1,55 @@
 <template>
   <!-- 鏂囦欢瀹氭湡瀹℃煡璁板綍 -->
-  <div class="PeriodicDocumentReviewRecords">
-    <el-row class="title">
-      <el-col :span="12" style="padding-left: 20px;text-align: left;">鏂囦欢瀹氭湡瀹℃煡璁板綍</el-col>
-      <!-- <el-col :span="12" style="text-align: right;">
-        <el-button size="medium" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button>
-        <el-upload :action="action" :show-file-list="false"
-          accept='.doc,.docx' :headers="headers" :on-change="beforeUpload"
-          :on-error="onError" ref='upload' v-if="upPower" :on-success="handleSuccessUp" style="display:inline-block;margin-left: 20px;">
-          <el-button type="primary" size="medium">瀵煎叆</el-button></el-upload>
-        <el-button size="medium" type="primary" @click="handleDown" :loading="outLoading" v-if="outPower" style="display:inline-block;margin-left: 20px;">瀵煎嚭</el-button>
-      </el-col> -->
-    </el-row>
+  <div class="capacity-scope">
     <el-tabs type="border-card" v-model="activeName" style="height: 100%;">
       <el-tab-pane label="濉啓" name="濉啓" style="height: 100%;">
         <div class="search">
-          <div class="search_thing">
-            <div class="search_label">鏂囦欢鍚嶇О锛�</div>
-            <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
-                v-model="componentData.entity.documentName" @keyup.enter.native="refreshTable()"></el-input></div>
+          <div>
+            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true">
+              <el-form-item label="鏂囦欢鍚嶇О" prop="documentName">
+                <el-input size="small" placeholder="璇疯緭鍏�" clearable
+                          v-model="queryParams.documentName" @keyup.enter.native="refreshTable()"></el-input>
+              </el-form-item>
+              <el-form-item label="鏂囦欢缂栧彿" prop="documentCode">
+                <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.documentCode"
+                          @keyup.enter.native="refreshTable()"></el-input>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="refreshTable">鏌ヨ</el-button>
+                <el-button size="mini" @click="refresh">閲嶇疆</el-button>
+              </el-form-item>
+            </el-form>
           </div>
-          <div class="search_thing">
-            <div class="search_label">鏂囦欢缂栧彿锛�</div>
-            <div class="search_input">
-              <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="componentData.entity.documentCode"
-                @keyup.enter.native="refreshTable()"></el-input>
-            </div>
-          </div>
-          <div class="search_thing" style="padding-left: 30px;">
-            <el-button size="small" @click="refresh()">閲� 缃�</el-button>
-            <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
-          </div>
-          <div class="btns">
-            <el-button size="medium" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button>
-            <el-upload :action="action" :multiple="false" :show-file-list="false" accept='.doc,.docx' :headers="headers"
-              :on-change="beforeUpload" :on-error="onError" ref='upload' v-if="upPower" :on-success="handleSuccessUp"
-              style="display:inline-block;margin-left: 20px;">
-              <el-button type="primary" size="medium">瀵煎叆</el-button></el-upload>
+          <div>
+            <el-button size="small" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button>
+            <el-upload :action="action" :multiple="false" :show-file-list="false" accept='.doc,.docx'
+                       :headers="uploadHeader" :on-change="beforeUpload" :on-error="onError" ref='upload' v-if="upPower"
+                       :on-success="handleSuccessUp" style="display:inline-block;margin-left: 20px;">
+              <el-button type="primary" size="small">瀵煎叆</el-button></el-upload>
           </div>
         </div>
         <div class="table">
-          <ValueTable ref="ValueTable" :url="$api.manageRecordIntervals.pageManageRecordIntervals"
-            :delUrl="$api.manageRecordIntervals.delManageRecordIntervals" :componentData="componentData"
-            :upUrl="$api.manageRecordIssueRecycle.doManageRecordIssueRecycle" :key="upIndex" />
+          <lims-table :tableData="tableData" :column="column" :page="page" :tableLoading="tableLoading"
+            :height="'calc(100vh - 290px)'" @pagination="pagination"></lims-table>
         </div>
       </el-tab-pane>
       <el-tab-pane label="鍘嗗彶璁板綍" name="鍘嗗彶璁板綍" style="height: 100%;">
-        <div class="search">
-          <div class="search_thing">
-            <div class="search_label">骞达細</div>
-            <div class="search_input">
-              <el-date-picker v-model="componentData0.entity.year" type="year" placeholder="閫夋嫨骞�" format="yyyy"
-                value-format="yyyy" size="small" @change="refreshTable()">
+        <div>
+          <el-form :model="queryParams0" ref="queryParams0" size="small" :inline="true">
+            <el-form-item label="骞�" prop="year">
+              <el-date-picker v-model="queryParams0.year" type="year" placeholder="閫夋嫨骞�" format="yyyy"
+                              value-format="yyyy" size="small" @change="refreshTable(1)">
               </el-date-picker>
-            </div>
-          </div>
-          <div class="search_thing" style="padding-left: 30px;">
-            <el-button size="small" @click="refresh(1)">閲� 缃�</el-button>
-            <el-button size="small" type="primary" @click="refreshTable(1)">鏌� 璇�</el-button>
-          </div>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="mini" @click="refreshTable(1)">鏌ヨ</el-button>
+              <el-button size="mini" @click="refresh(1)">閲嶇疆</el-button>
+            </el-form-item>
+          </el-form>
         </div>
         <div class="table">
-          <ValueTable ref="ValueTable0" :url="$api.manageRecordIntervals.pageManageRecordIntervalsTotal"
-            :componentData="componentData0" :key="upIndex" />
+          <lims-table :tableData="tableData0" :column="column0" :page="page0" :tableLoading="tableLoading"
+            :height="'calc(100vh - 290px)'" @pagination="pagination0"></lims-table>
         </div>
       </el-tab-pane>
     </el-tabs>
@@ -139,12 +126,25 @@
 </template>
 
 <script>
-import ValueTable from '@/components/Table/value-table.vue'
+import limsTable from "@/components/Table/lims-table.vue";
 import filePreview from '@/components/Preview/filePreview.vue'
-import { getToken } from "@/utils/auth";
+import {
+  exportOutManageRecordIntervals,
+  addManageRecordIntervals,
+  doManageRecordIntervals,
+  ratifyManageRecordIntervalsTotal,
+  submitManageRecordIntervalsTotal,
+  pageManageRecordIntervals,
+  pageManageRecordIntervalsTotal,
+  delManageRecordIntervals,
+} from '@/api/cnas/systemManagement/documentRecords.js'
+import {
+  pageManageDocumentList,
+} from '@/api/cnas/systemManagement/documentControl.js'
 export default {
+  name: 'RegularReviewsRecord',
   components: {
-    ValueTable,
+    limsTable,
     filePreview
   },
   data() {
@@ -159,110 +159,6 @@
       lookDialogVisible: false,
       noCheckLoading: false,
       checkLoading: false,
-      componentData: {
-        entity: {
-          documentName: null,
-          documentCode: null,
-          orderBy: {
-            field: 'id',
-            order: 'desc'
-          }
-        },
-        isIndex: true,
-        showSelect: false,
-        select: false,
-        // selectMethod: 'handleChangeTask',
-        do: [{
-          id: 'handleEdit',
-          font: '淇敼',
-          type: 'text',
-          method: 'handleEdit',
-          field: [],
-        }, {
-          id: 'delete',
-          font: '鍒犻櫎',
-          type: 'text',
-          method: 'doDiy',
-        }],
-        tagField: {
-          // documentType:{
-          //   select: []
-          // },
-          // receiveUserName:{
-          //   select: []
-          // },
-        },
-        selectField: {
-          // documentType:{
-          //   select: []
-          // },
-          // receiveUserName:{
-          //   select: []
-          // },
-        },
-        addUpload: ['signatoryUrl'],
-        requiredAdd: [],
-        requiredUp: [],
-        datePicker: ['receiveDate'],
-        noHead: ['signedUserName', 'signedDate', 'departLims'],//涓嶅弬涓庢柊澧炵紪杈戠殑瀛楁
-        needSort: [],
-        inputType: ''
-      },
-      componentData0: {
-        entity: {
-          year: null,
-          orderBy: {
-            field: 'id',
-            order: 'desc'
-          }
-        },
-        isIndex: true,
-        showSelect: false,
-        select: false,
-        do: [{
-          id: 'handleLook',
-          font: '鏌ョ湅',
-          type: 'text',
-          method: 'handleLook',
-          disabFun: (row, index) => {
-            return !row.url
-          }
-        }, {
-          id: 'handleDown0',
-          font: '涓嬭浇',
-          type: 'text',
-          method: 'handleDown0',
-          disabFun: (row, index) => {
-            return !row.url
-          }
-        },
-        {
-          id: 'handleSubmit',
-          font: '鎻愪氦',
-          type: 'text',
-          method: 'handleSubmit',
-          disabFun: (row, index) => {
-            return !!row.submitUserName
-          }
-        }, {
-          id: 'handleApproval',
-          font: '鎵瑰噯',
-          type: 'text',
-          method: 'handleApproval',
-          disabFun: (row, index) => {
-            return !row.submitUserName || !!row.ratifyUserName
-          }
-        }],
-        tagField: {},
-        selectField: {},
-        requiredAdd: [],
-        requiredUp: [],
-        needSort: [],
-        inputType: ''
-      },
-      entityCopy: {},
-      entityCopy0: {},
-      upIndex: 0,
       addInfo: {},
       title: '鏂板',
       addInfo: {},
@@ -270,74 +166,129 @@
       fileList: [],
       typeList: [],
       currentInfo: {},
+      queryParams: {},
+      tableData: [],
+      column: [
+        { label: "鏂囦欢鍚嶇О", prop: "documentName" },
+        { label: "鏂囦欢缂栧彿", prop: "documentCode", width: "120px" },
+        {
+          label: "鐗堟湰鍙�",
+          prop: "documentVersion",
+        },
+        { label: "淇鍙�", prop: "revision" },
+        { label: "閫傚疁鎬�", prop: "suitability" },
+        { label: "澶囨敞", prop: "remark" },
+        {
+          dataType: "action",
+          fixed: "right",
+          label: "鎿嶄綔",
+          operation: [
+            {
+              name: "缂栬緫",
+              type: "text",
+              clickFun: (row) => {
+                this.handleEdit(row);
+              },
+            },
+            {
+              name: "鍒犻櫎",
+              type: "text",
+              clickFun: (row) => {
+                this.handleDelete(row);
+              },
+            },
+          ],
+        },
+      ],
+      page: {
+        total: 0,
+        size: 10,
+        current: 0,
+      },
+      tableLoading: false,
+      queryParams0: {},
+      tableData0: [],
+      column0: [
+        { label: "骞翠唤", prop: "year" },
+        { label: "鎬绘暟閲�", prop: "totalNum", width: "120px" },
+        {
+          label: "鎷熷埗浜�",
+          prop: "submitUserName",
+        },
+        { label: "鎷熷埗鏃ユ湡", prop: "submitDate" },
+        { label: "鎵瑰噯浜�", prop: "ratifyUserName" },
+        { label: "鎵瑰噯鏃ユ湡", prop: "ratifyDate" },
+        { label: "鎵瑰噯缁撴灉", prop: "ratifyState" },
+        {
+          dataType: "action",
+          fixed: "right",
+          label: "鎿嶄綔",
+          operation: [
+            {
+              name: "鏌ョ湅",
+              type: "text",
+              clickFun: (row) => {
+                this.handleLook(row);
+              },
+              disabled: (row) => {
+                return !row.url
+              },
+            },
+            {
+              name: "涓嬭浇",
+              type: "text",
+              clickFun: (row) => {
+                this.handleDown0(row);
+              },
+              disabled: (row) => {
+                return !row.url
+              },
+            },
+            {
+              name: "鎻愪氦",
+              type: "text",
+              clickFun: (row) => {
+                this.handleSubmit(row);
+              },
+              disabled: (row) => {
+                return !!row.submitUserName && row.ratifyState != '涓嶉�氳繃'
+              },
+            },
+            {
+              name: "鎵瑰噯",
+              type: "text",
+              clickFun: (row) => {
+                this.handleApproval(row);
+              },
+              disabled: (row) => {
+                return (!row.submitUserName || !!row.ratifyUserName) && row.ratifyState != '涓嶉�氳繃'
+              },
+            },
+          ],
+        },
+      ],
+      page0: {
+        total: 0,
+        size: 10,
+        current: 0,
+      },
     }
   },
   // 鐢ㄤ簬涓婁紶鏂囦欢鐨勪俊鎭�
   computed: {
-    headers() {
-      return {
-        'Authorization': "Bearer " + getToken()
-      }
-    },
     action() {
-      return this.javaApi + this.$api.manageRecordIntervals.exportInManageRecordIntervals
+      return this.javaApi + '/manageRecordIntervals/exportInManageRecordIntervals'
     }
   },
   mounted() {
-    this.entityCopy = this.HaveJson(this.componentData.entity);
-    this.entityCopy0 = this.HaveJson(this.componentData0.entity);
-    this.getPower()
+    this.getList()
+    this.getList0()
     this.getFileList()
     this.selectEnumByCategory()
   },
   methods: {
-    getPower() {
-      let power = JSON.parse(sessionStorage.getItem('power'))
-      let add = false
-      let del = false
-      let up = false;
-      let out = false;
-      let submit = false
-      let ratify = false
-      for (var i = 0; i < power.length; i++) {
-        if (power[i].menuMethod == 'addManageRecordIntervals') {
-          add = true
-        }
-        if (power[i].menuMethod == 'delManageRecordIntervals') {
-          del = true
-        }
-        if (power[i].menuMethod == 'exportInManageRecordIntervals') {
-          up = true
-        }
-        if (power[i].menuMethod == 'exportOutManageRecordIntervals') {
-          out = true
-        }
-        if (power[i].menuMethod == 'submitManageRecordIntervalsTotal') {
-          submit = true
-        }
-        if (power[i].menuMethod == 'ratifyManageRecordIntervalsTotal') {
-          ratify = true
-        }
-      }
-      if (!ratify) {
-        this.componentData0.do.splice(3, 1)
-      }
-      if (!submit) {
-        this.componentData0.do.splice(2, 1)
-      }
-      if (!add) {
-        this.componentData.do.splice(1, 1)
-      }
-      if (!del) {
-        this.componentData.do.splice(0, 1)
-      }
-      this.addPower = add
-      this.outPower = out
-      this.upPower = up
-    },
     // 鏂板
     openAdd() {
-      // this.$refs.ValueTable.openAddDia(this.$api.manageRecordIssueRecycle.addManageRecordIssueRecycle);
       this.addInfo = {}
       this.title = '鏂板'
       this.addDialogVisible = true;
@@ -345,31 +296,71 @@
     // 瀵煎嚭
     handleDown() {
       this.outLoading = true
-      this.$axios.post(this.$api.manageRecordIntervals.exportOutManageRecordIntervals, { entity: this.componentData.entity }, { headers: { 'Content-Type': 'application/json' } }).then(res => {
+      exportOutManageRecordIntervals(this.queryParams).then(res => {
         this.outLoading = false
-        if (res.code == 201) return this.$message.error('瀵煎嚭澶辫触')
-        this.$message.success('瀵煎嚭鎴愬姛')
-        let url = this.javaApi + 'word/' + res.message
-        const link = document.createElement('a');
-        link.href = url;
-        link.download = '鏂囦欢瀹氭湡瀹℃煡璁板綍';
-        link.click();
+        this.$download.saveAs(res.message, "鏂囦欢瀹氭湡瀹℃煡璁板綍");
       })
+    },
+    getList() {
+      this.tableLoading = true;
+      let param = { ...this.queryParams, ...this.page };
+      delete param.total;
+      pageManageRecordIntervals({ ...param })
+        .then((res) => {
+          this.tableLoading = false;
+          if (res.code === 200) {
+            this.tableData = res.data.records;
+            this.page.total = res.data.total;
+          }
+        })
+        .catch((err) => {
+          this.tableLoading = false;
+        });
+    },
+    pagination({ page, limit }) {
+      this.page.current = page;
+      this.page.size = limit;
+      this.getList();
+    },
+    getList0() {
+      this.tableLoading = true;
+      let param = { ...this.queryParams0, ...this.page0 };
+      delete param.total;
+      pageManageRecordIntervalsTotal({ ...param })
+        .then((res) => {
+          this.tableLoading = false;
+          if (res.code === 200) {
+            this.tableData0 = res.data.records;
+            this.page0.total = res.data.total;
+          }
+        })
+        .catch((err) => {
+          this.tableLoading = false;
+        });
+    },
+    pagination0({ page, limit }) {
+      this.page0.current = page;
+      this.page0.size = limit;
+      this.getList0();
     },
     refreshTable(num) {
       if (num) {
-        this.$refs['ValueTable0'].selectList()
+        this.page0.current = 1;
+        this.getList0();
       } else {
-        this.refreshTable()()
+        this.page.current = 1;
+        this.getList();
       }
     },
     refresh(num) {
       if (num) {
-        this.componentData0.entity = this.HaveJson(this.entityCopy0)
-        this.upIndex++
+        this.queryParams0 = {};
+        this.page0.current = 1;
+        this.getList0();
       } else {
-        this.componentData.entity = this.HaveJson(this.entityCopy)
-        this.upIndex++
+        this.queryParams = {};
+        this.page.current = 1;
+        this.getList();
       }
     },
     beforeUpload(file) {
@@ -390,7 +381,7 @@
       this.upLoading = false;
       if (response.code == 200) {
         this.$message.success('涓婁紶鎴愬姛');
-        this.refreshTable()()
+        this.refreshTable()
       } else {
         this.$message.error('涓婁紶澶辫触');
       }
@@ -406,34 +397,21 @@
     },
     // 鑾峰彇鏂囦欢鍒楄〃--鏂囦欢娓呭崟
     getFileList() {
-      this.$axios.post(this.$api.manageDocumentList.pageManageDocumentList, {
-        entity: {
-          orderBy: {
-            field: 'id',
-            order: 'asc'
-          }
-        },
-        page: {
-          current: -1,
-          size: -1
-        }
-      }, {
-        headers: {
-          'Content-Type': 'application/json'
-        }
+      pageManageDocumentList({
+        current: -1,
+        size: -1
       }).then(res => {
-        this.fileList = res.data.body.records.map(m => {
+        this.fileList = res.data.records.map(m => {
           m.title = m.documentCode
           return m
         })
       }).catch(err => { })
     },
     selectEnumByCategory() {
-      this.$axios.post(this.$api.enums.selectEnumByCategory, {
-        category: "閫傚疁鎬�"
-      }).then(res => {
-        this.typeList = res.data
-      })
+      // 鏂囦欢绫诲埆
+      this.getDicts("suitability").then((response) => {
+        this.typeList = this.dictToValue(response.data);
+      });
     },
     // 鎻愪氦
     handleAdd() {
@@ -446,18 +424,27 @@
         let { id, documentCode, documentName, documentVersion, revision, suitability, remark } = this.addInfo
         obj = { id, documentCode, documentName, documentVersion, revision, suitability, remark }
       }
-      this.$axios.post(this.$api.manageRecordIntervals[this.title == '鏂板' ? 'addManageRecordIntervals' : 'doManageRecordIntervals'], obj, { headers: { 'Content-Type': 'application/json' }, noQs: true }).then(res => {
-        this.addLoading = false
-        if (res.code == 201) {
-          return
-        }
-        this.addDialogVisible = false
-        this.$message({
-          type: 'success',
-          message: '鎿嶄綔鎴愬姛!'
-        });
-        this.refreshTable()
-      }).catch(err => { })
+      if (this.title == '鏂板') {
+        addManageRecordIntervals(obj).then(res => {
+          this.addLoading = false
+          this.addDialogVisible = false
+          this.$message({
+            type: 'success',
+            message: '鎿嶄綔鎴愬姛!'
+          });
+          this.refreshTable()
+        }).catch(err => { })
+      } else {
+        doManageRecordIntervals(obj).then(res => {
+          this.addLoading = false
+          this.addDialogVisible = false
+          this.$message({
+            type: 'success',
+            message: '鎿嶄綔鎴愬姛!'
+          });
+          this.refreshTable()
+        }).catch(err => { })
+      }
     },
     // 淇敼
     handleEdit(row) {
@@ -471,20 +458,17 @@
       } else {
         this.noCheckLoading = true
       }
-      this.$axios.post(this.$api.manageRecordIntervals.ratifyManageRecordIntervalsTotal, {
+      ratifyManageRecordIntervalsTotal({
         id: this.currentInfo.id,
         ratifyState: state
       }).then(res => {
         this.checkLoading = false
-        if (res.code == 201) {
-          return
-        }
         this.noCheckLoading = false
         this.$message({
           type: 'success',
           message: '鎿嶄綔鎴愬姛!'
         });
-        this.$refs['ValueTable0'].selectList()
+        this.refreshTable(1);
         this.lookDialogVisible = false
       }).catch(err => { });
     },
@@ -501,11 +485,7 @@
       }
     },
     handleDown0(row) {
-      let url = this.javaApi + 'word/' + row.url
-      const link = document.createElement('a');
-      link.href = url;
-      link.download = row.month + ' 鎵�鏈夋枃浠跺畾鏈熸鏌ヨ褰�';
-      link.click();
+      this.$download.saveAs(row.url, "鎵�鏈夋枃浠跺畾鏈熸鏌ヨ褰�");
     },
     // 鎻愪氦
     handleSubmit(row) {
@@ -514,15 +494,14 @@
         cancelButtonText: '鍙栨秷',
         type: 'warning'
       }).then(() => {
-        this.$axios.post(this.$api.manageRecordIntervals.submitManageRecordIntervalsTotal, {
+        submitManageRecordIntervalsTotal({
           id: row.id
         }).then(res => {
-          if (res.code === 201) return
           this.$message({
             type: 'success',
             message: '鎻愪氦鎴愬姛!'
           });
-          this.$refs['ValueTable0'].selectList()
+          this.refreshTable(1);
         }).catch(err => { });
       })
     },
@@ -531,22 +510,29 @@
       this.title0 = '鎵瑰噯'
       this.commonFun(row)
     },
+    handleDelete(row) {
+      this.$confirm("鏄惁鍒犻櫎璇ユ潯鏁版嵁?", "鎻愮ず", {
+        confirmButtonText: "纭畾",
+        cancelButtonText: "鍙栨秷",
+        type: "warning",
+      })
+        .then(() => {
+          delManageRecordIntervals({ id: row.id }).then((res) => {
+            this.$message.success("鍒犻櫎鎴愬姛");
+            this.refreshTable();
+          });
+        })
+        .catch(() => { });
+    },
   }
 }
 </script>
 
 <style scoped>
-.title {
-  height: 60px;
-  line-height: 60px;
-}
-
 .search {
-  background-color: #fff;
-  height: 40px;
+  height: 46px;
   display: flex;
-  align-items: center;
-  position: relative;
+  justify-content: space-between;
 }
 
 .search_thing {
@@ -565,21 +551,7 @@
   width: calc(100% - 110px);
 }
 
-.table {
-  margin-top: 10px;
-  background-color: #fff;
-  width: calc(100% - 40px);
-  height: calc(100% - 60px - 140px);
-  padding: 20px;
-}
-
 >>>.el-tabs__content {
   height: 100%;
-}
-
-.btns {
-  position: absolute;
-  right: 20px;
-  top: 5px;
 }
 </style>

--
Gitblit v1.9.3