From 262a5e922029d43b453ac6ddd0c1e9679b851c37 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 14 Apr 2025 15:25:31 +0800
Subject: [PATCH] =?UTF-8?q?=E8=87=AA=E6=B5=8B=E9=97=AE=E9=A2=98=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/photo-recent.vue               |  11 +-
 .../components/addAndEditForm.vue             |  49 ++++++++-
 .../components/addAndEditForm.vue             |  64 ++++++++++-
 .../components/addAndEditForm.vue             |  98 +++++++++++++++--
 .../components/addAndEditForm.vue             |  64 ++++++++++-
 .../components/addAndEditForm.vue             | 102 ++++++++++++++++--
 6 files changed, 361 insertions(+), 27 deletions(-)

diff --git a/src/pages/comprehensiveQuery/components/photo-recent.vue b/src/pages/comprehensiveQuery/components/photo-recent.vue
index e8489ef..1a68f2e 100644
--- a/src/pages/comprehensiveQuery/components/photo-recent.vue
+++ b/src/pages/comprehensiveQuery/components/photo-recent.vue
@@ -19,7 +19,11 @@
                             :src="icon.imgUrl"
                             mode="aspectFit"
                             @tap="onHandleImage(icon)"
-                        />
+                        >
+                            <template #error>
+                                <view style="font-size: 24rpx; height: 120px">加载失败</view>
+                            </template>
+                        </up-image>
                         <view class="collect">
                             <view>{{ icon.uploadTime }}</view>
                             <view @tap="onHandleCollect(icon)">
@@ -316,4 +320,9 @@ const onHandleLastUpload = () => {
         }
     }
 }
+
+::v-deep .grid-item-box .u-fade-enter-active,
+.u-fade-leave-active {
+    height: 120px;
+}
 </style>
diff --git a/src/pages/coordinatePhotos/components/addAndEditForm.vue b/src/pages/coordinatePhotos/components/addAndEditForm.vue
index 446f639..f48a5d1 100644
--- a/src/pages/coordinatePhotos/components/addAndEditForm.vue
+++ b/src/pages/coordinatePhotos/components/addAndEditForm.vue
@@ -10,6 +10,7 @@
         style="background-color: #fff; padding: 0 30rpx 20rpx"
     >
         <TitleTipModal :TitleTip="`项目信息`" />
+
         <up-form-item prop="proName" label="项目名称" required>
             <up-input
                 readonly
@@ -18,7 +19,21 @@
                 v-model="addAndEditModel.proName"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProject" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.proName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.proName = ''
+                                    addAndEditModel.proId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProject" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -38,7 +53,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.majorName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.majorName = ''
+                                    addAndEditModel.majorId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -50,7 +79,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.gxName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.gxName = ''
+                                    addAndEditModel.gxId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
diff --git a/src/pages/importantMatters/components/addAndEditForm.vue b/src/pages/importantMatters/components/addAndEditForm.vue
index 8bc8b8c..02ec86c 100644
--- a/src/pages/importantMatters/components/addAndEditForm.vue
+++ b/src/pages/importantMatters/components/addAndEditForm.vue
@@ -16,10 +16,23 @@
                 border="none"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
                 v-model="addAndEditModel.proName"
-                @click="onSelectProject"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.proName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.proName = ''
+                                    addAndEditModel.proId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProject" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -31,7 +44,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.majorName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.majorName = ''
+                                    addAndEditModel.majorId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -43,7 +70,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.gxName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.gxName = ''
+                                    addAndEditModel.gxId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -58,7 +99,20 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择日期'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.time"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.time = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
diff --git a/src/pages/qualityInspection/components/addAndEditForm.vue b/src/pages/qualityInspection/components/addAndEditForm.vue
index e77f7fe..19844b9 100644
--- a/src/pages/qualityInspection/components/addAndEditForm.vue
+++ b/src/pages/qualityInspection/components/addAndEditForm.vue
@@ -18,7 +18,21 @@
                 v-model="addAndEditModel.proName"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProject" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.proName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.proName = ''
+                                    addAndEditModel.proId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProject" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -30,7 +44,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.majorName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.majorName = ''
+                                    addAndEditModel.majorId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -42,7 +70,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.gxName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.gxName = ''
+                                    addAndEditModel.gxId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -51,6 +93,7 @@
         <up-form-item prop="checkUserName" label="检查人">
             <up-input
                 border="none"
+                clearable
                 v-model="addAndEditModel.checkUserName"
                 :readonly="props.addAndEditFormType == 3"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入检查人'"
@@ -65,7 +108,20 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择检查日期'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate(1)" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.vioDate"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.vioDate = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate(1)" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -78,13 +134,27 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改期限'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate(2)" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.rectDate"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.rectDate = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate(2)" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
         <up-form-item prop="vioPlace" label="检查地点" required>
             <up-input
                 border="none"
+                clearable
                 v-model="addAndEditModel.vioPlace"
                 :readonly="props.addAndEditFormType == 3"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入检查地点'"
@@ -119,6 +189,7 @@
         <up-form-item prop="rectUserName" label="整改人" required>
             <up-input
                 border="none"
+                clearable
                 :readonly="props.addAndEditFormType == 3"
                 v-model="addAndEditModel.rectUserName"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入整改人'"
@@ -133,7 +204,20 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改日期'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate(3)" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.rectTime"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.rectTime = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate(3)" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -326,7 +410,7 @@ const addAndEditModel = reactive({
 
 // 校验规则
 const addAndEditModelRules = ref({
-    projectName: [
+    proName: [
         {
             type: 'string',
             required: true,
diff --git a/src/pages/safetyMeasure/components/addAndEditForm.vue b/src/pages/safetyMeasure/components/addAndEditForm.vue
index b4296e6..20bab29 100644
--- a/src/pages/safetyMeasure/components/addAndEditForm.vue
+++ b/src/pages/safetyMeasure/components/addAndEditForm.vue
@@ -16,10 +16,23 @@
                 border="none"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择项目'"
                 v-model="addAndEditModel.proName"
-                @click="onSelectProject"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.proName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.proName = ''
+                                    addAndEditModel.proId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProject" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -31,7 +44,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.majorName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.majorName = ''
+                                    addAndEditModel.majorId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -43,7 +70,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.gxName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.gxName = ''
+                                    addAndEditModel.gxId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -66,7 +107,20 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择检查日期'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.checkDate"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.checkDate = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
diff --git a/src/pages/safetyViolations/components/addAndEditForm.vue b/src/pages/safetyViolations/components/addAndEditForm.vue
index 2b419e5..9b142f4 100644
--- a/src/pages/safetyViolations/components/addAndEditForm.vue
+++ b/src/pages/safetyViolations/components/addAndEditForm.vue
@@ -18,7 +18,21 @@
                 v-model="addAndEditModel.proName"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProject" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.proName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.proName = ''
+                                    addAndEditModel.proId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProject" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -30,7 +44,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择专业'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.majorName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.majorName = ''
+                                    addAndEditModel.majorId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectMajor" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -42,7 +70,21 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择工序'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.gxName"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.gxName = ''
+                                    addAndEditModel.gxId = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectProcedure" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -52,6 +94,7 @@
             <up-input
                 border="none"
                 v-model="addAndEditModel.checkUserName"
+                clearable
                 :readonly="props.addAndEditFormType == 3"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入检查人'"
             />
@@ -65,7 +108,20 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择违章日期'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate(1)" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.vioDate"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.vioDate = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate(1)" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -78,13 +134,27 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改期限'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate(2)" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.rectDate"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.rectDate = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate(2)" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
         <up-form-item prop="vioPlace" label="违章地点" required>
             <up-input
                 border="none"
+                clearable
                 v-model="addAndEditModel.vioPlace"
                 :readonly="props.addAndEditFormType == 3"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入违章地点'"
@@ -96,6 +166,7 @@
                 autoHeight
                 border="none"
                 maxlength="200"
+                clearable
                 v-model="addAndEditModel.vioDesc"
                 :disabled="props.addAndEditFormType == 3"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入违章描述'"
@@ -119,6 +190,7 @@
         <up-form-item prop="rectUserName" label="整改人" required>
             <up-input
                 border="none"
+                clearable
                 :readonly="props.addAndEditFormType == 3"
                 v-model="addAndEditModel.rectUserName"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入整改人'"
@@ -133,7 +205,20 @@
                 :placeholder="props.addAndEditFormType == 3 ? '' : '点击选择整改日期'"
             >
                 <template #suffix v-if="props.addAndEditFormType != 3">
-                    <up-icon name="arrow-right" @tap="onSelectDate(3)" />
+                    <view style="display: flex">
+                        <up-icon
+                            name="close-circle-fill"
+                            style="margin-right: 12rpx"
+                            v-if="addAndEditModel.rectTime"
+                            color="#c6c7cb"
+                            @tap="
+                                () => {
+                                    addAndEditModel.rectTime = ''
+                                }
+                            "
+                        />
+                        <up-icon name="arrow-right" @tap="onSelectDate(3)" />
+                    </view>
                 </template>
             </up-input>
         </up-form-item>
@@ -143,6 +228,7 @@
                 autoHeight
                 border="none"
                 maxlength="200"
+                clearable
                 v-model="addAndEditModel.rectDesc"
                 :disabled="props.addAndEditFormType == 3"
                 :placeholder="props.addAndEditFormType == 3 ? '' : '请输入整改说明'"
@@ -1096,4 +1182,8 @@ onMounted(async () => {
         overflow: hidden;
     }
 }
+
+::v-deep .hide-cursor .u-input__input {
+    caret-color: transparent;
+}
 </style>