详情页样式调整

src/components/normal-basic-layout-new/details/index.vue

@@ -6,20 +6,20 @@
           <p class="main_title mt-10">{{titleText?titleText:'##'}}</p>
           <tagTemp v-if="activeApp.isdatatag" ref="tag" :ownertable="ownertable?ownertable:idname.slice(0, this.idname.length - 2)" @onSuccess="onSuccess" @sysTag="sysTag"></tagTemp>
         </div>
-        <div class="flex-align-center" style="flex: 1 0 auto;  justify-content: flex-end;">
-          <cpEdit v-if="tool.checkAuth($route.name,'update')" :formPath="formPath" :oldFormPath="oldFormPath" :data="editData" btnType="default" @onAddSuccess="onSuccess"></cpEdit>
+        <div class="flex-align-center" style="display:flex;flex-wrap: wrap;">
+          <cpEdit class="mt-10" v-if="tool.checkAuth($route.name,'update')" :formPath="formPath" :oldFormPath="oldFormPath" :data="editData" btnType="default" @onAddSuccess="onSuccess"></cpEdit>
           <!-- 打印 -->
-          <reportCenter size="mini" position="detail" class="inline-16" :data="reportCenterLsit.filter(item => item.type == 'printinfo')" v-if="reportCenterLsit.filter(item => item.type == 'printinfo').length > 0 && systemappid != 163">
+          <reportCenter size="mini" position="detail" class="inline-16 mt-10" :data="reportCenterLsit.filter(item => item.type == 'printinfo')" v-if="reportCenterLsit.filter(item => item.type == 'printinfo').length > 0 && systemappid != 163">
             <template v-slot:print="scope2">
               <el-button @click="printBtn($route.query.id,scope2.data)" type="text" size="mini">{{$t('打 印')}}</el-button>
             </template>
           </reportCenter>
 
-          <div>
+          <div class="mt-10">
             <slot name="customOperation"></slot>
           </div>
-          <el-button v-if="tool.checkAuth($route.name,'delete') && delApiId" :type="checkDisabled()?'':'primary'" class="inline-16" size="mini" :disabled="checkDisabled()" @click="deleteData">{{$t('删 除')}}</el-button>
-         <div v-if="!pageChange">
+          <el-button v-if="tool.checkAuth($route.name,'delete') && delApiId" :type="checkDisabled()?'':'primary'" class="inline-16" size="mini" :disabled="checkDisabled()" @click="deleteData" style="margin-top: -10px">{{$t('删 除')}}</el-button>
+         <div v-if="!pageChange" class="mt-10">
             <el-button size="mini" icon="el-icon-arrow-left" @click="previous()" :disabled="$route.query.rowindex == 1"></el-button>
             <el-button size="mini" @click="next()" :disabled="$route.query.rowindex  == turnTotal"><i class="el-icon-arrow-right"></i></el-button>
           </div>

src/components/normal-basic-layout/details/index.vue

@@ -6,23 +6,23 @@
           <p class="main_title mt-10">{{titleText?$t(titleText):'##'}}</p>
           <tagTemp v-if="activeApp.isdatatag" ref="tag" :categories="editData.categories" :modelName="modelName" :ownertable="ownertable?ownertable:idname.slice(0, this.idname.length - 2)" @onSuccess="onSuccess" @sysTag="sysTag"></tagTemp>
         </div>
-        <div class="flex-align-center" style="flex: 1 0 auto;  justify-content: flex-end;">
-          <div>
+        <div class="flex-align-center" style="display:flex;flex-wrap: wrap;">
+          <div class="mt-10">
             <slot name="customOperationBef"></slot>
           </div>
-          <cpEdit v-if="tool.checkAuth($route.name,'update')" :formPath="formPath" :oldFormPath="oldFormPath" :data="editData" btnType="default" @onAddSuccess="onSuccess" v-on="$listeners"></cpEdit>
+          <cpEdit class="mt-10" v-if="tool.checkAuth($route.name,'update')" :formPath="formPath" :oldFormPath="oldFormPath" :data="editData" btnType="default" @onAddSuccess="onSuccess" v-on="$listeners"></cpEdit>
           <!-- 打印 -->
-          <reportCenter size="mini" position="detail" class="inline-16" :data="reportCenterLsit.filter(item => item.type == 'printinfo')" v-if="reportCenterLsit.filter(item => item.type == 'printinfo').length > 0 && systemappid != 163">
+          <reportCenter size="mini" position="detail" class="inline-16 mt-10" :data="reportCenterLsit.filter(item => item.type == 'printinfo')" v-if="reportCenterLsit.filter(item => item.type == 'printinfo').length > 0 && systemappid != 163">
             <template v-slot:print="scope2">
               <el-button @click="printBtn($route.query.id,scope2.data)" type="text" size="mini">{{$t('打 印')}}</el-button>
             </template>
           </reportCenter>
 
-          <div>
+          <div class="mt-10">
             <slot name="customOperation"></slot>
           </div>
-          <el-button v-if="tool.checkAuth($route.name,'delete') && delApiId" :type="checkDisabled()?'':'primary'" class="inline-16" size="mini" :disabled="checkDisabled()" @click="deleteData">{{$t('删 除')}}</el-button>
-         <div v-if="!pageChange">
+          <el-button v-if="tool.checkAuth($route.name,'delete') && delApiId" :type="checkDisabled()?'':'primary'" class="inline-16" size="mini" :disabled="checkDisabled()" @click="deleteData" style="margin-top: -10px">{{$t('删 除')}}</el-button>
+         <div v-if="!pageChange" class="mt-10">
             <el-button size="mini" icon="el-icon-arrow-left" @click="previous()" :disabled="$route.query.rowindex == 1"></el-button>
             <el-button size="mini" @click="next()" :disabled="turnTotal?$route.query.rowindex  == turnTotal:false"><i class="el-icon-arrow-right" ></i></el-button>
           </div>