From 1772fc5e211f9e9e0ab4cdc6c29b436aac178c2a Mon Sep 17 00:00:00 2001
From: jinlin <jinlin>
Date: 星期五, 23 二月 2024 12:19:55 +0800
Subject: [PATCH] 修改

---
 web/src/views/modules/olderForm/confirmForm.vue |  495 +++++++++++++++++++++++++++++++-----------------------
 1 files changed, 286 insertions(+), 209 deletions(-)

diff --git a/web/src/views/modules/olderForm/confirmForm.vue b/web/src/views/modules/olderForm/confirmForm.vue
index 52439b8..5b52112 100644
--- a/web/src/views/modules/olderForm/confirmForm.vue
+++ b/web/src/views/modules/olderForm/confirmForm.vue
@@ -1,217 +1,294 @@
-<!--<template>-->
-<!--  <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto">-->
-<!--    <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto">-->
-<!--      <div class="DConfirmForm">-->
-<!--        <el-form-item label-width="60px" label="缂栧彿:" style="width: 99%">-->
-<!--          <span>{{form.code}}</span>-->
-<!--        </el-form-item>-->
-<!--      </div>-->
-<!--      <div class="confirmDAuto DConfirmForm">-->
-<!--          <el-form-item label="涓撲笟瀹為獙瀹ゅ悕绉�" style="width: 49%">-->
-<!--            <el-input v-model="form.name" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>-->
-<!--          </el-form-item>-->
-<!--         <el-form-item label="娴嬭瘯鍦扮偣" style="width: 49%">-->
-<!--           <el-input v-model="form.place" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>-->
-<!--         </el-form-item>-->
-<!--          <el-form-item label="琚祴杞欢" style="width: 49%">-->
-<!--            <el-input v-model="form.software" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>-->
-<!--          </el-form-item>-->
-<!--          <el-form-item label="鐗堟湰" style="width: 49%">-->
-<!--            <el-input v-model="form.versions" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>-->
-<!--          </el-form-item>-->
-<!--        <div class="el-flex el-form-border">-->
-<!--          <div class="DFormWidth DAlign DHold">-->
-<!--            纭蒋浠惰祫婧�-->
-<!--          </div>-->
-<!--          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">-->
-<!--            <div style="padding: 5px">杞欢璧勬簮锛�</div>-->
-<!--            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.softwareData"-->
-<!--                      stripe>-->
-<!--              <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column>-->
-<!--              <el-table-column prop="name" min-width="300" label="杞欢椤瑰悕绉�"></el-table-column>-->
-<!--              <el-table-column prop="versions" align="center" width="180" label="鐗堟湰"></el-table-column>-->
-<!--              <el-table-column prop="use" align="center" width="180" label="鐢ㄩ��"></el-table-column>-->
-<!--              <el-table-column prop="unit" label="鎻愪緵鍗曚綅" width="180"  align="center"></el-table-column>-->
-<!--            </el-table>-->
-<!--            <div style="padding: 5px">纭欢璧勬簮锛�</div>-->
-<!--            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.hardwareData"-->
-<!--                      stripe>-->
-<!--              <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column>-->
-<!--              <el-table-column prop="name" min-width="300" label="纭欢鍜屽浐浠堕」鐩悕绉�"></el-table-column>-->
-<!--              <el-table-column prop="use" align="center" width="180" label="鐢ㄩ��"></el-table-column>-->
-<!--              <el-table-column prop="number" align="center" width="80" label="鏁伴噺"></el-table-column>-->
-<!--              <el-table-column prop="state" align="center" width="120" label="鐘舵��"></el-table-column>-->
-<!--              <el-table-column prop="unit" align="center" width="180" label="鎻愪緵鍗曚綅"></el-table-column>-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="el-flex el-B-border">-->
-<!--          <div class="DFormWidth DAlign DHold">-->
-<!--            鍔ㄦ�佹祴璇曠幆澧冨浘-->
-<!--          </div>-->
-<!--          <div style="width: calc(100% - 120px);">-->
-<!--           <div style="height:150px" class="el-wt-border-left">-->
-<!--           </div>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="el-flex el-B-border">-->
-<!--          <div class="DFormWidth DAlign DHold">-->
-<!--            鐜宸紓鎬у垎鏋�-->
-<!--          </div>-->
-<!--          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">-->
-<!--            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.analyzeData"-->
-<!--                      stripe>-->
-<!--              <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column>-->
-<!--              <el-table-column prop="realEnvironment" min-width="300" label="鐪熷疄鐜"></el-table-column>-->
-<!--              <el-table-column prop="testEnvironment" align="center" width="100" label="娴嬭瘯鐜"></el-table-column>-->
-<!--              <el-table-column prop="environmentalDifference" align="center" width="100" label="鐜宸紓"></el-table-column>-->
-<!--              <el-table-column prop="influence" align="center" width="160" label="瀵规祴璇曠粨鏋滃奖鍝�"></el-table-column>-->
-<!--              <el-table-column prop="measure" align="center" width="180" label="鎺柦"></el-table-column>-->
-<!--            </el-table>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="el-flex el-B-border">-->
-<!--          <div class="DFormWidth DAlign DHold">-->
-<!--            鐜寤虹珛-->
-<!--          </div>-->
-<!--          <div style="width: calc(100% - 120px)"  class="DConfirmForm el-wt-border-left">-->
-<!--            <el-form-item label="浜哄憳" style="width: 49%">-->
-<!--              <el-input v-model="form.buildPersonnel" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item label="鏃ユ湡" style="width: 48%">-->
-<!--              <el-input v-model="form.buildDate" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item label-width="160px" class="isKill" label="鏄惁杩涜鐜鐥呮瘨鏌ユ潃" style="width: 49%">-->
-<!--              <el-radio-group v-model="form.isKill">-->
-<!--                <el-radio :label="0">鏄�</el-radio>-->
-<!--                <el-radio :label="1">鍚�</el-radio>-->
-<!--              </el-radio-group>-->
-<!--            </el-form-item>-->
-<!--            <el-form-item label="鐥呮瘨搴撶増鏈�" style="width: 48%">-->
-<!--              <el-input v-model="form.VirusLibraryVersion" placeholder="璇疯緭鍏ョ梾姣掑簱鐗堟湰"></el-input>-->
-<!--            </el-form-item>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        <div class="el-flex">-->
-<!--          <div class="DFormWidth DAlign DHold">-->
-<!--            鐜纭-->
-<!--          </div>-->
-<!--          <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left">-->
-<!--            &lt;!&ndash; 鍗曚綅鍚嶇О &ndash;&gt;-->
-<!--            <el-form-item label="浜哄憳" style="width: 49%">-->
-<!--              <el-input v-model="form.verifyPersonnel" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input>-->
-<!--            </el-form-item>-->
-<!--            &lt;!&ndash; 鑱旂郴浜� &ndash;&gt;-->
-<!--            <el-form-item label="鏃ユ湡" style="width: 48%">-->
-<!--              <el-input v-model="form.verifyDate" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input>-->
-<!--            </el-form-item>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--    </el-form>-->
-<!--  </div>-->
-<!--</template>-->
+<template>
+  <div class="fa-card-a" style="max-height: calc(100vh - 130px);overflow-y: auto">
+    <el-form ref="form" :inline="true" :model="form" label-width="120px" class="confirmFormAuto">
+      <div class="DConfirmForm">
+        <el-form-item label-width="60px" label="缂栧彿:" style="width: 99%">
+          <span>{{ form.code }}</span>
+        </el-form-item>
+      </div>
+      <div class="confirmDAuto DConfirmForm">
+        <el-form-item label="涓撲笟瀹為獙瀹ゅ悕绉�" style="width: 49%">
+          <el-input v-model="form.name" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>
+        </el-form-item>
+        <el-form-item label="娴嬭瘯鍦扮偣" style="width: 49%">
+          <el-input v-model="form.place" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>
+        </el-form-item>
+        <el-form-item label="琚祴杞欢" style="width: 49%">
+          <el-input v-model="form.software" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>
+        </el-form-item>
+        <el-form-item label="鐗堟湰" style="width: 49%">
+          <el-input v-model="form.versions" placeholder="璇疯緭鍏ョ紪鍙峰悕绉�"></el-input>
+        </el-form-item>
+        <div class="el-flex el-form-border">
+          <div class="DFormWidth DAlign DHold">
+            纭蒋浠惰祫婧�
+          </div>
+          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
+            <div style="padding: 5px">杞欢璧勬簮锛�</div>
+            <div class="table-container">
+              <el-table style="position:relative;" class="el-software el-margin-top-bot" height="150" border
+                        :data="form.softwareData"
+                        stripe>
+                <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column>
+                <el-table-column prop="name" min-width="300" label="杞欢椤瑰悕绉�">
 
-<!--<script>-->
-<!--  export default {-->
-<!--    name: 'confirmForm',-->
-<!--    data() {-->
-<!--      return {-->
-<!--        form: {-->
-<!--          code: '719G19804/P3A-09-20XX-00X',-->
-<!--          name: '',-->
-<!--          place: '',-->
-<!--          software: '',-->
-<!--          versions: '',-->
-<!--          buildPersonnel: '',-->
-<!--          buildDate: '',-->
-<!--          isKill:1,-->
-<!--          VirusLibraryVersion: '',-->
-<!--          verifyPersonnel: '',-->
-<!--          verifyDate: '',-->
-<!--          checkList: [1, 0],-->
-<!--          softwareData:[-->
-<!--            {code:'1',name:'awdas',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅1'},-->
-<!--            {code:'2',name:'闃垮皵娉�',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅2'},-->
-<!--            {code:'3',name:'awed',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅3'},-->
-<!--            {code:'4',name:'鍥藉湡閮�',versions:'1.3.1',use:'濂ヨ开',unit:'鍗曚綅4'},-->
-<!--          ],-->
-<!--          hardwareData:[-->
-<!--            {code:'1',name:'awdas',use:'杞︿笂',number:'2',state:'21',unit:'鍗曚綅1'},-->
-<!--            {code:'2',name:'qe',use:'515',number:'1',state:'21',unit:'鍗曚綅2'},-->
-<!--            {code:'3',name:'123',use:'1234',number:'42',state:'11',unit:'鍗曚綅4'},-->
-<!--            {code:'4',name:'1515',use:'123',number:'1',state:'21',unit:'鍗曚綅51'},-->
-<!--          ],-->
-<!--          analyzeData:[-->
-<!--            {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'12'},-->
-<!--            {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'14'},-->
-<!--            {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'15'},-->
-<!--            {code:'1',realEnvironment:'鐪熷疄鐜1',testEnvironment:'娴嬭瘯鐜1',environmentalDifference:'123',influence:'wu',measure:'16'},-->
-<!--          ],-->
-<!--        },-->
-<!--      }-->
-<!--    },-->
-<!--  }-->
-<!--</script>-->
+                </el-table-column>
+                <el-table-column prop="versions" align="center" width="180" label="鐗堟湰">
 
-<!--<style>-->
-<!--.confirmFormAuto {-->
-<!--  width: 70%;-->
-<!--  margin: 0 auto;-->
-<!--}-->
-<!--.confirmDAuto{-->
-<!--  border: 1px solid;-->
-<!--}-->
+                </el-table-column>
+                <el-table-column prop="use" align="center" width="180" label="鐢ㄩ��">
 
-<!--.el-flex {-->
-<!--  display: flex;-->
-<!--  align-items: center;-->
-<!--}-->
+                </el-table-column>
+                <el-table-column prop="unit" label="鎻愪緵鍗曚綅" width="180" align="center">
 
-<!--.DFormWidth {-->
-<!--  width: 120px;-->
-<!--}-->
+                </el-table-column>
+              </el-table>
+              <div class="icon-container" @click="addRow()">
+                <!-- 鏀剧疆鍥哄畾鐨勫浘鏍� -->
+                <i class="el-icon-plus"></i>
+              </div>
+            </div>
+            <div style="padding: 5px">纭欢璧勬簮锛�</div>
+            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.hardwareData"
+                      stripe>
+              <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column>
+              <el-table-column prop="name" min-width="300" label="纭欢鍜屽浐浠堕」鐩悕绉�"></el-table-column>
+              <el-table-column prop="use" align="center" width="180" label="鐢ㄩ��"></el-table-column>
+              <el-table-column prop="number" align="center" width="80" label="鏁伴噺"></el-table-column>
+              <el-table-column prop="state" align="center" width="120" label="鐘舵��"></el-table-column>
+              <el-table-column prop="unit" align="center" width="180" label="鎻愪緵鍗曚綅"></el-table-column>
+            </el-table>
+          </div>
+        </div>
+        <div class="el-flex el-B-border">
+          <div class="DFormWidth DAlign DHold">
+            鍔ㄦ�佹祴璇曠幆澧冨浘
+          </div>
+          <div style="width: calc(100% - 120px);">
+            <div style="height:150px" class="el-wt-border-left">
+            </div>
+          </div>
+        </div>
+        <div class="el-flex el-B-border">
+          <div class="DFormWidth DAlign DHold">
+            鐜宸紓鎬у垎鏋�
+          </div>
+          <div class="el-wt-border-left" style="padding-left:5px;width: calc(100% - 130px)">
+            <el-table class="el-software el-margin-top-bot" height="150" border :data="form.analyzeData"
+                      stripe>
+              <el-table-column prop="code" align="center" width="80" label="搴忓彿"></el-table-column>
+              <el-table-column prop="realEnvironment" min-width="300" label="鐪熷疄鐜"></el-table-column>
+              <el-table-column prop="testEnvironment" align="center" width="100" label="娴嬭瘯鐜"></el-table-column>
+              <el-table-column prop="environmentalDifference" align="center" width="100"
+                               label="鐜宸紓"></el-table-column>
+              <el-table-column prop="influence" align="center" width="160" label="瀵规祴璇曠粨鏋滃奖鍝�"></el-table-column>
+              <el-table-column prop="measure" align="center" width="180" label="鎺柦"></el-table-column>
+            </el-table>
+          </div>
+        </div>
+        <div class="el-flex el-B-border">
+          <div class="DFormWidth DAlign DHold">
+            鐜寤虹珛
+          </div>
+          <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left">
+            <el-form-item label="浜哄憳" style="width: 49%">
+              <el-input v-model="form.buildPersonnel" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input>
+            </el-form-item>
+            <el-form-item label="鏃ユ湡" style="width: 48%">
+              <el-input v-model="form.buildDate" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input>
+            </el-form-item>
+            <el-form-item label-width="160px" class="isKill" label="鏄惁杩涜鐜鐥呮瘨鏌ユ潃" style="width: 49%">
+              <el-radio-group v-model="form.isKill">
+                <el-radio :label="0">鏄�</el-radio>
+                <el-radio :label="1">鍚�</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="鐥呮瘨搴撶増鏈�" style="width: 48%">
+              <el-input v-model="form.VirusLibraryVersion" placeholder="璇疯緭鍏ョ梾姣掑簱鐗堟湰"></el-input>
+            </el-form-item>
+          </div>
+        </div>
+        <div class="el-flex">
+          <div class="DFormWidth DAlign DHold">
+            鐜纭
+          </div>
+          <div style="width: calc(100% - 120px)" class="DConfirmForm el-wt-border-left">
+            <!-- 鍗曚綅鍚嶇О -->
+            <el-form-item label="浜哄憳" style="width: 49%">
+              <el-input v-model="form.verifyPersonnel" placeholder="璇疯緭鍏ュ崟浣嶅悕绉�"></el-input>
+            </el-form-item>
+            <!-- 鑱旂郴浜� -->
+            <el-form-item label="鏃ユ湡" style="width: 48%">
+              <el-input v-model="form.verifyDate" placeholder="璇疯緭鍏ヨ仈绯讳汉"></el-input>
+            </el-form-item>
+          </div>
+        </div>
+      </div>
+    </el-form>
+  </div>
+</template>
 
-<!--.DAlign {-->
-<!--  text-align: center;-->
-<!--}-->
+<script>
+export default {
+  name: 'confirmForm',
+  data() {
+    return {
+      form: {
+        code: '719G19804/P3A-09-20XX-00X',
+        name: '',
+        place: '',
+        software: '',
+        versions: '',
+        buildPersonnel: '',
+        buildDate: '',
+        isKill: 1,
+        VirusLibraryVersion: '',
+        verifyPersonnel: '',
+        verifyDate: '',
+        checkList: [1, 0],
+        softwareData: [
+          {code: '1', name: 'awdas', versions: '1.3.1', use: '濂ヨ开', unit: '鍗曚綅1'},
+          {code: '2', name: '闃垮皵娉�', versions: '1.3.1', use: '濂ヨ开', unit: '鍗曚綅2'},
+          {code: '3', name: 'awed', versions: '1.3.1', use: '濂ヨ开', unit: '鍗曚綅3'},
+          {code: '4', name: '鍥藉湡閮�', versions: '1.3.1', use: '濂ヨ开', unit: '鍗曚綅4'},
+        ],
+        hardwareData: [
+          {code: '1', name: 'awdas', use: '杞︿笂', number: '2', state: '21', unit: '鍗曚綅1'},
+          {code: '2', name: 'qe', use: '515', number: '1', state: '21', unit: '鍗曚綅2'},
+          {code: '3', name: '123', use: '1234', number: '42', state: '11', unit: '鍗曚綅4'},
+          {code: '4', name: '1515', use: '123', number: '1', state: '21', unit: '鍗曚綅51'},
+        ],
+        analyzeData: [
+          {
+            code: '1',
+            realEnvironment: '鐪熷疄鐜1',
+            testEnvironment: '娴嬭瘯鐜1',
+            environmentalDifference: '123',
+            influence: 'wu',
+            measure: '12'
+          },
+          {
+            code: '1',
+            realEnvironment: '鐪熷疄鐜1',
+            testEnvironment: '娴嬭瘯鐜1',
+            environmentalDifference: '123',
+            influence: 'wu',
+            measure: '14'
+          },
+          {
+            code: '1',
+            realEnvironment: '鐪熷疄鐜1',
+            testEnvironment: '娴嬭瘯鐜1',
+            environmentalDifference: '123',
+            influence: 'wu',
+            measure: '15'
+          },
+          {
+            code: '1',
+            realEnvironment: '鐪熷疄鐜1',
+            testEnvironment: '娴嬭瘯鐜1',
+            environmentalDifference: '123',
+            influence: 'wu',
+            measure: '16'
+          },
+        ],
+      },
+    }
+  },
+  methods:{
+    addRow(){
 
-<!--.DConfirmForm {-->
-<!--  /*border-left: 1px solid;*/-->
-<!--  width: 100%;-->
-<!--}-->
+    }
+  },
+}
+</script>
 
-<!--.DConfirmForm > .el-form-item > .el-form-item__content {-->
-<!--  width: calc(100% - 120px);-->
-<!--}-->
-<!--.DConfirmForm > .el-form-item.isKill > .el-form-item__content {-->
-<!--  width: calc(100% - 160px);-->
-<!--}-->
-<!--.el-form-border{-->
-<!--  border-top: 1px solid;-->
-<!--  border-bottom: 1px solid;-->
-<!--}-->
-<!--.el-B-border{-->
-<!--  border-bottom: 1px solid;-->
-<!--}-->
-<!--.el-margin-top-bot{-->
-<!--  margin-top:5px;-->
-<!--  margin-bottom:5px;-->
-<!--}-->
-<!--.el-wt-border-left{-->
-<!--  border-left:1px solid;-->
-<!--}-->
-<!--.zt .el-table.el-software th {-->
-<!--  background: transparent;-->
-<!--}-->
+<style>
+.confirmFormAuto {
+  width: 70%;
+  margin: 0 auto;
+}
 
-<!--.zt .el-table.el-software th > .cell {-->
-<!--  font-weight: 500;-->
-<!--}-->
-<!--.DHold{-->
-<!--  font-weight: 600;-->
-<!--}-->
-<!--.zt .el-table.el-software{-->
-<!--  font-size: 14px;-->
-<!--}-->
-<!--</style>-->
+.confirmDAuto {
+  border: 1px solid;
+}
+
+.el-flex {
+  display: flex;
+  align-items: center;
+}
+
+.DFormWidth {
+  width: 120px;
+}
+
+.DAlign {
+  text-align: center;
+}
+
+.DConfirmForm {
+  /*border-left: 1px solid;*/
+  width: 100%;
+}
+
+.DConfirmForm > .el-form-item > .el-form-item__content {
+  width: calc(100% - 120px);
+}
+
+.DConfirmForm > .el-form-item.isKill > .el-form-item__content {
+  width: calc(100% - 160px);
+}
+
+.el-form-border {
+  border-top: 1px solid;
+  border-bottom: 1px solid;
+}
+
+.el-B-border {
+  border-bottom: 1px solid;
+}
+
+.el-margin-top-bot {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.el-wt-border-left {
+  border-left: 1px solid;
+}
+
+.zt .el-table.el-software th {
+  background: transparent;
+}
+
+.zt .el-table.el-software th > .cell {
+  font-weight: 500;
+}
+
+.DHold {
+  font-weight: 600;
+}
+
+.zt .el-table.el-software {
+  font-size: 14px;
+}
+
+.table-container {
+  position: relative;
+}
+
+.icon-container {
+  position: absolute;
+  bottom: -30px;
+  left: 50%;
+  width: 40px;
+  height: 30px;
+  text-align: center;
+  line-height: 30px;
+  transform: translateX(-50%);
+  border: 1px solid #EBEEF5;
+  background-color: #fafafa;
+  box-shadow: 0 3px 6px 0 rgba(72, 119, 232, 0.14);
+  border-radius: 2px;
+}
+</style>

--
Gitblit v1.9.1