tijiao

src/components/page/articleAdd2.vue

@@ -1,29 +1,26 @@
 <template>
-    <div>
+    <div style="">
-        <div class="crumbs">
+        <div style="display: flex; justify-content: space-between">
-            <el-breadcrumb separator="/">
+            <div style="width: 960px; position: relative">
-                <el-breadcrumb-item> <i class="el-icon-uthorVisiblelx-cascades"></i> Submit manuscript </el-breadcrumb-item>
+                <div class="step_list_new">
-            </el-breadcrumb>
+                    <el-steps :active="0" align-center>
-        </div>
+                        <el-step
-        <div style="display: flex; justify-content: space-between" >
+                            style="cursor: pointer"
-            <div style="width: 960px; position: relative" class="step_list_new">
+                            v-for="item in listStep"
-                <el-steps  :active="0"  align-center >
+                            :key="item.index"
-                    <el-step  style="cursor: pointer"
+                            :class="{ C_style: show_step === item.index }"
-                        v-for="item in listStep"
+                        >
-                        :key="item.index"
+                            <template #icon>
-                        :class="{ C_style: show_step === item.index }"
+                                <i :class="item.icon" style="font-size: 36px" @click.stop="StepCode(item)"></i>
-                        
+                            </template>
-                    >
+                            <template #title>
-                        <template #icon>
+                                <span @click.stop="StepCode(item)" style="font-size: 18px">{{ item.title }}</span>
-                            <i :class="item.icon" style="font-size: 36px" @click.stop="StepCode(item)"></i>
+                            </template>
-                        </template>
+                        </el-step>
-                        <template #title>
+                    </el-steps>
-                            <span @click.stop="StepCode(item)">{{ item.title }}</span>
+                </div>
-                        </template>
-                    </el-step>
-                </el-steps>
 
-                <div class="step_list" style="width: 960px; position: relative">
+                <!-- <div class="step_list" style="width: 960px; position: relative">
                     <div v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''">
                         <div>
                             <i :class="item.icon"></i>
@@ -33,7 +30,7 @@
                         <p class="bor_der"></p>
                     </div>
                     <br clear="both" />
-                </div>
+                </div> -->
 
                 <div class="manu_add" style="width: 960px" v-loading="loading">
                     <el-form ref="articleform" :model="form" :rules="rules" label-width="120px">
@@ -2477,9 +2474,9 @@ export default {
         },
         // 点击tab变化
         StepCode(step) {
-            var e=step.index;
+            var e = step.index;
-            console.log('e at line 2480:', e)
+            console.log('e at line 2480:', e);
-           
+
             if (this.move_step > e) {
                 if (this.move_step == 2) {
                     this.onStaging(2);
@@ -3043,6 +3040,17 @@ export default {
 .formTopics {
     width: 100%;
 }
+.step_list_new {
+    background-color: #f8fbff;
+    box-shadow: 2px 30px 15px -20px #ebf5ff inset;
+    padding-top: 26px;
+    padding-bottom: 10px;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+
+    /* margin-bottom: 10px; */
+    margin-top: 20px;
+}
 ::v-deep .step_list_new .el-step__icon.is-text {
     border-radius: 0 !important;
     border: none !important;
@@ -3057,12 +3065,15 @@ export default {
 ::v-deep .step_list_new .el-step__title.is-process {
     color: #006699 !important;
     font-weight: bold !important;
-   
 }
 ::v-deep .step_list_new .el-step.is-center .el-step__line {
     left: 58% !important;
     right: -43% !important;
-   
+}
+.manu_add h3{
+    font-size: 16px;
+    margin-bottom: 15px;
+    margin-top: 0px;
 }
 </style>
 
@@ -3181,15 +3192,16 @@ export default {
 }
 
 .manu_add .bag_color {
-    padding-top: 25px;
+    border-top: 1px solid #88888830;
-    background-color: #f8fbff;
+    padding-top: 15px;
-    box-shadow: 2px 30px 15px -20px #ebf5ff inset;
+    background-color: #fff;
+    /* box-shadow: 2px 30px 15px -20px #ebf5ff inset; */
 }
 
 .manu_add .bag_color > div {
     padding: 1px 25px;
-    background-color: #f8fbff;
+    /* background-color: #fff; */
-    box-shadow: 2px -30px 15px -20px #ebf5ff inset;
+    /* box-shadow: 2px -30px 15px -20px #ebf5ff inset; */
 }
 
 .manu_add .pro_ceed {

vue.config.js

@@ -74,8 +74,8 @@ module.exports = {
 				// target: 'http://www.tougao.com/',
 				// target: 'http://192.168.110.110/tougao/public/index.php/',
 				// target: 'http://api.tmrjournals.com/public/index.php/',//正式
-				target: 'http://zmzm.tougao.dev.com/',//程晓玲
+				// target: 'http://zmzm.tougao.dev.com/',//程晓玲
-				// target: 'https://submission.tmrjournals.com/',//正式
+				target: 'https://submission.tmrjournals.com/',//正式
 				changeOrigin: true,
 				pathRewrite: {
 					'^/api': ''