档案合集滚动条样式修改

dangan-ui/src/views/dangan/birthDJ/index.vue

@@ -205,7 +205,7 @@
           <el-col :span="8">
             <el-carousel height="600px" v-if="form.pictures" :autoplay="false">
               <el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
-                <div style="height: 600px; overflow: auto">
+                <div class="jc_sb_img" style="height: 600px; overflow: auto">
                   <el-image style="height:850px; width: 100%" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
                 </div>
               </el-carousel-item>
@@ -364,7 +364,7 @@
           <el-col :span="8">
             <el-carousel height="600px" :autoplay="false">
               <el-carousel-item v-for="item in shiBieList" :key="item.id">
-                <div style="height: 600px; overflow: auto">
+                <div class="jc_sb_img" style="height: 600px; overflow: auto">
                   <el-image style="height:850px; width: 100%" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
                 </div>
               </el-carousel-item>
@@ -1012,4 +1012,18 @@ export default {
 .el-carousel__item{
   background-color: #b5c2d2;
 }
+
+.jc_sb_img::-webkit-scrollbar{
+  width: 10px;
+  height: 10px;
+}
+
+.jc_sb_img::-webkit-scrollbar-thumb{
+  background-color: #54b5ba;
+}
+
+.jc_sb_img::-webkit-scrollbar-track{
+  background-color: #cccccc;
+}
+
 </style>

dangan-ui/src/views/dangan/qyz/index.vue

@@ -182,7 +182,7 @@
           <el-col :span="8">
             <el-carousel height="600px" v-if="form.pictures" :autoplay="false">
               <el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
-                <div style="height: 600px; overflow: auto">
+                <div class="jc_sb_img"  style="height: 600px; overflow: auto">
                   <el-image style="width:380px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
                 </div>
               </el-carousel-item>
@@ -289,18 +289,18 @@
               </el-col>
             </el-row>
             <el-row :gutter="10">
-              <el-col :span="8">
+              <el-col :span="12">
                 <el-form-item label="签发有效时间起" prop="sDate" label-width="110px">
                   <el-input v-model="form.sDate" placeholder="请输入签发有效时间起" />
                 </el-form-item>
               </el-col>
-              <el-col :span="8">
+              <el-col :span="12">
                 <el-form-item label="签发有效时间止" prop="eDate" label-width="110px">
                   <el-input v-model="form.eDate" placeholder="请输入签发有效时间止" />
                 </el-form-item>
               </el-col>
-              <el-col :span="8">
+              <el-col :span="24">
-                <el-form-item label="承办人" prop="cbr" label-width="70px">
+                <el-form-item label="承办人" prop="cbr" label-width="80px">
                   <el-input v-model="form.cbr" placeholder="请输入承办人" />
                 </el-form-item>
               </el-col>
@@ -344,7 +344,7 @@
           <el-col :span="8">
             <el-carousel height="600px" :autoplay="false">
               <el-carousel-item v-for="item in shiBieList" :key="item.id">
-                <div style="height: 600px; overflow: auto">
+                <div class="jc_sb_img" style="height: 600px; overflow: auto">
                   <el-image style="width:380px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
                 </div>
               </el-carousel-item>
@@ -451,17 +451,17 @@
               </el-col>
             </el-row>
             <el-row :gutter="10">
-              <el-col :span="8">
+              <el-col :span="12">
                 <el-form-item label="签发有效时间起" prop="sDate" label-width="110px">
                   <el-input v-model="form.sDate" placeholder="请输入签发有效时间起" />
                 </el-form-item>
               </el-col>
-              <el-col :span="8">
+              <el-col :span="12">
                 <el-form-item label="签发有效时间止" prop="eDate" label-width="110px">
                   <el-input v-model="form.eDate" placeholder="请输入签发有效时间止" />
                 </el-form-item>
               </el-col>
-              <el-col :span="8">
+              <el-col :span="24">
                 <el-form-item label="承办人" prop="cbr" label-width="70px">
                   <el-input v-model="form.cbr" placeholder="请输入承办人" />
                 </el-form-item>
@@ -666,12 +666,12 @@ export default {
         muPath: [
           { required: true, message: "档案目录路径不能为空", trigger: "blur" }
         ],
-        fwUnit: [
+        /*fwUnit: [
           { required: true, message: "发文单位不能为空", trigger: "blur" }
         ],
         wjXh: [
           { required: true, message: "文件序号不能为空", trigger: "blur" }
-        ],
+        ],*/
       },
       // 审核
       shenHe:{
@@ -998,4 +998,17 @@ export default {
 .el-carousel__item{
   background-color: #b5c2d2;
 }
+
+.jc_sb_img::-webkit-scrollbar{
+  width: 10px;
+  height: 10px;
+}
+
+.jc_sb_img::-webkit-scrollbar-thumb{
+  background-color: #54b5ba;
+}
+
+.jc_sb_img::-webkit-scrollbar-track{
+  background-color: #cccccc;
+}
 </style>

dangan-ui/src/views/dangan/ytzm/index.vue

@@ -193,8 +193,8 @@
           <el-col :span="8">
             <el-carousel height="550px" v-if="form.pictures" :autoplay="false">
               <el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
-                <div style="height: 550px; overflow: auto">
+                <div class="jc_sb_img" style="height: 550px; overflow: auto">
-                  <el-image style="width:380px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
+                  <el-image style="width:400px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
                 </div>
               </el-carousel-item>
             </el-carousel>
@@ -331,8 +331,8 @@
           <el-col :span="8">
             <el-carousel height="550px" :autoplay="false">
               <el-carousel-item v-for="item in shiBieList" :key="item.id">
-                <div style="height: 550px; overflow: auto">
+                <div class="jc_sb_img" style="height: 550px; overflow: auto">
-                  <el-image style="width:380px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
+                  <el-image style="width:400px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
                 </div>
               </el-carousel-item>
             </el-carousel>
@@ -947,4 +947,17 @@ export default {
 .el-carousel__item{
   background-color: #b5c2d2;
 }
+
+.jc_sb_img::-webkit-scrollbar{
+  width: 10px;
+  height: 10px;
+}
+
+.jc_sb_img::-webkit-scrollbar-thumb{
+  background-color: #54b5ba;
+}
+
+.jc_sb_img::-webkit-scrollbar-track{
+  background-color: #cccccc;
+}
 </style>

dangan-ui/src/views/dangan/zfnyhkcg/index.vue

@@ -191,7 +191,7 @@
           <el-col :span="8">
             <el-carousel height="600px" v-if="form.pictures" :autoplay="false">
               <el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
-                <div style="height: 600px; overflow: auto">
+                <div class="jc_sb_img" style="height: 600px; overflow: auto">
                   <el-image style="width:380px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
                 </div>
               </el-carousel-item>
@@ -365,7 +365,7 @@
           <el-col :span="8">
             <el-carousel height="600px" :autoplay="false">
               <el-carousel-item v-for="item in shiBieList" :key="item.id">
-                <div style="height: 600px; overflow: auto">
+                <div class="jc_sb_img" style="height: 600px; overflow: auto">
                   <el-image style="width:380px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
                 </div>
               </el-carousel-item>
@@ -1026,3 +1026,22 @@ export default {
   }
 };
 </script>
+
+<style lang="scss" scoped>
+.el-carousel__item{
+  background-color: #b5c2d2;
+}
+
+.jc_sb_img::-webkit-scrollbar{
+  width: 10px;
+  height: 10px;
+}
+
+.jc_sb_img::-webkit-scrollbar-thumb{
+  background-color: #54b5ba;
+}
+
+.jc_sb_img::-webkit-scrollbar-track{
+  background-color: #cccccc;
+}
+</style>

dangan-ui/src/views/dangan/zqz/index.vue

@@ -217,7 +217,7 @@
           <el-col :span="10">
             <el-carousel height="700px" v-if="form.pictures" :autoplay="false">
               <el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
-                <div style="height: 700px; overflow: auto">
+                <div class="jc_sb_img" style="height: 700px; overflow: auto">
                   <el-image style="width:500px;" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
                 </div>
               </el-carousel-item>
@@ -418,7 +418,7 @@
           <el-col :span="10">
             <el-carousel height="700px" :autoplay="false">
               <el-carousel-item v-for="item in shiBieList" :key="item.id">
-                <div style="height: 700px; overflow: auto">
+                <div class="jc_sb_img" style="height: 700px; overflow: auto">
                   <el-image style="width:500px;" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
                 </div>
               </el-carousel-item>
@@ -1132,4 +1132,18 @@ export default {
     margin-bottom: 10px;
   }
 }
+
+.jc_sb_img::-webkit-scrollbar{
+  width: 10px;
+  height: 10px;
+}
+
+.jc_sb_img::-webkit-scrollbar-thumb{
+  background-color: #54b5ba;
+}
+
+.jc_sb_img::-webkit-scrollbar-track{
+  background-color: #cccccc;
+}
+
 </style>