预览样式调整

src/views/Home.vue

@@ -10,8 +10,8 @@
 	<el-container>
 		<el-header>
 			<div class="header">
-				<!-- <img class="logo" src="../assets/logo.png" alt=""> -->
-				<!-- <div class="siteTitle">中科院期刊微信公众号集中管理平台</div> -->
+				<img class="logo" src="../assets/logo.png" alt="">
+				<div class="siteTitle">中科院期刊微信公众号集中管理平台</div>
 			</div>	
 			<div class="nav">
 				<!-- <router-link :class="act?'active':''" to="/index/index" @click.native='active(1)'>首页</router-link>

src/views/message/InnerSurvey.vue

@@ -1,4 +1,4 @@
-<style lang="scss">
+<style lang="scss" scoped>
 .preview {
   .el-form-item {
     margin-bottom: 15px;
@@ -70,6 +70,25 @@ a {
   }
   /deep/.el-form-item__content {
     width: 100%;
+    .el-radio-group,.el-checkbox-group{
+        display:flex;
+        flex-direction: column;
+    }
+    .cus_select .el-radio{
+      line-height: 20px;
+    }
+    .cus_select .el-checkbox{
+      line-height: 20px;
+    }
+    .cus_select .el-radio, .el-radio__input{
+      white-space: normal;
+    }
+    .cus_select .el-checkbox, .el-checkbox__input{
+        white-space: normal;
+    }
+    .cus_select .el-checkbox__label{
+        display: inline;
+    }
   }
 }
 .survey_logo {
@@ -333,6 +352,7 @@ a {
             <el-radio-group
               v-if="item.type == 'radio'"
               v-model="form2[item.label]"
+              class="cus_select"
             >
               <el-radio
                 :label="iitem.label"
@@ -345,6 +365,7 @@ a {
             <el-checkbox-group
               v-else-if="item.type == 'checkbox'"
               v-model="form2[item.label]"
+              class="cus_select"
             >
               <el-checkbox
                 :label="iitem.label"

src/views/message/Notice.vue

@@ -1,4 +1,4 @@
-<style lang="scss">
+<style lang="scss" scoped>
 .preview {
   .el-form-item {
     margin-bottom: 15px;

src/views/message/OutSurvey.vue

@@ -70,6 +70,22 @@ a {
   }
   /deep/.el-form-item__content {
     width: 100%;
+    .el-radio-group,.el-checkbox-group{
+        display:flex;
+        flex-direction: column;
+    }
+    .cus_select .el-radio{
+      line-height: 20px;
+    }
+    .cus_select .el-radio, .el-radio__input{
+      white-space: normal;
+    }
+    .cus_select .el-checkbox, .el-checkbox__input{
+        white-space: normal;
+    }
+    .cus_select .el-checkbox__label{
+        display: inline;
+    }
   }
 }
 .survey_logo {
@@ -297,6 +313,7 @@ a {
             <el-radio-group
               v-if="item.type == 'radio'"
               v-model="form2[item.label]"
+              class="cus_select"
             >
               <el-radio
                 :label="iitem.label"
@@ -309,6 +326,7 @@ a {
             <el-checkbox-group
               v-else-if="item.type == 'checkbox'"
               v-model="form2[item.label]"
+              class="cus_select"
             >
               <el-checkbox
                 :label="iitem.label"

src/views/message/modelForm.vue

@@ -78,13 +78,22 @@
                     }
                     .el-radio,.el-checkbox{
                         margin-right: 32px;
-                        height: 32px;
-                        line-height: 32px;
+                        // height: 32px;
+                        line-height: 20px;
                     }
                     .el-radio-group,.el-checkbox-group{
                         display:flex;
                         flex-direction: column;
                     }
+                    .cus_select .el-radio, .el-radio__input{
+                        white-space: normal;
+                    }
+                    .cus_select .el-checkbox, .el-checkbox__input{
+                        white-space: normal;
+                    }
+                    .cus_select .el-checkbox__label{
+                        display: inline;
+                    }
                     
                 }
                 /deep/.el-form-item__label{
@@ -107,13 +116,13 @@
                 margin: auto;
            }
             .item-main{
-                height: 541px;
+                height: 551px;
                 width: 315px;
                 background: #FFFFFF;
                 border: 1px solid #ddd;
                 overflow: auto;
                 position: relative;
-                top: 85px;
+                top: 80px;
                 left: 21px;
                 // display: none;
                 // border: 1px solid #DDDDDD;
@@ -140,10 +149,10 @@
             }
             .tpl_title{
                 font-size: 18px;
-                margin-bottom:20px;
+                // margin-bottom:20px;
             }
             .tpl_form{
-                margin:20px;
+                margin:0px;
                 border:1px solid #ccc;
                 border-radius: 20px;
                 /deep/.el-form-item{
@@ -156,7 +165,7 @@
             .survey_logo{
                 width:145px;
                 position: relative;
-                // top:15px;
+                top:5px;
                 left: 20px;
             }
             .item_require{
@@ -342,10 +351,10 @@
                             <el-form-item v-for="(item,index) in widgetList" :key="index" :label="item.label">
                                 <el-input :class="item.require?'require':''" v-if="item.type=='input'" v-model="form.label" :placeholder="item.placeholder"></el-input>
                                 <el-input :class="item.require?'require':''" v-if="item.type=='textarea'" type="textarea" v-model="form.label" :placeholder="item.placeholder"></el-input>
-                                <el-radio-group v-if="item.type=='radio'" :class="item.require?'require':''">
+                                <el-radio-group class="cus_select" v-if="item.type=='radio'" :class="item.require?'require':''">
                                     <el-radio :label="iitem.label" v-for="(iitem,index) in item.items" :key="index">{{iitem.label}}</el-radio>
                                 </el-radio-group>
-                                <el-radio-group v-if="item.type=='checkbox'" :class="item.require?'require':''">
+                                <el-radio-group class="cus_select" v-if="item.type=='checkbox'" :class="item.require?'require':''">
                                     <el-checkbox :label="iitem.label+'22'" v-for="(iitem,index) in item.items" :key="index">{{iitem.label}}</el-checkbox>
                                 </el-radio-group>
                                 <el-upload

src/views/message/templateList.vue

@@ -34,7 +34,7 @@
           </el-form-item>
           <el-form-item style="float: right">
             <el-button
-              @click="(dialogVisible = true), (dialogTitle = '新增模板'),form1={}"
+              @click="(dialogVisible = true), (dialogTitle = '新增模板'),form1={name:''}"
               type="primary"
               >新增模板</el-button
             >
@@ -152,7 +152,7 @@ export default {
       //   edit:0,
       allTemplate: [],
       form: { name: "", page: 1, page_size: 20 },
-      form1: {name:""},
+      form1: {copyid:null,name:""},
       total: 1,
       list: [{ name: "2333" }],
       loading: false,
@@ -177,7 +177,6 @@ export default {
         return x.id == val;
       });
       this.form1.name = selVal[0].name;
-      // this.form1.name = "111"
     },
     addTtitle() {
       this.$refs["form1"].validate((valid) => {