浏览代码

样式修改

duy 1 月之前
父节点
当前提交
82f54d9ad7
共有 2 个文件被更改,包括 115 次插入113 次删除
  1. 1 1
      src/views/data-fill/collapse-form/index.vue
  2. 114 112
      src/views/data-fill/collapse-form/push-code.vue

+ 1 - 1
src/views/data-fill/collapse-form/index.vue

@@ -660,7 +660,7 @@
     <hc-new-dialog
         v-model="pushCodeShow"
         :loading="pushCodeLoading"
-        widths="65%"
+        widths="55%"
         save-text="保存"
         title="插入编号"
        

+ 114 - 112
src/views/data-fill/collapse-form/push-code.vue

@@ -6,8 +6,8 @@
                 <el-radio :value="2" size="large">组合编号</el-radio>
             </el-radio-group>
         </div>
-        <div v-if="formCode.type === 1" class="mt-2 bg-[#EFF5FF] px-[55px] py-[20px]">
-            <el-form :model="formCode" :inline="true" class="flex items-center">
+        <div v-if="formCode.type === 1" class="mt-2 bg-[#EFF5FF] py-[20px]">
+            <el-form :model="formCode" :inline="true" class="flex items-center justify-center">
                 <div class="w-120px">
                     <el-form-item label="">
                         <el-input v-model="formCode.startNumber1" placeholder="数值(起)" clearable />
@@ -52,125 +52,127 @@
                     </el-form-item>
                 </div>
             </el-form>
-            <div class="text-orange-500 line-height-10">
+            <div class="mx-auto max-w-3xl text-left text-orange-500 line-height-10">
                 <p>提示:起和止分别代表编号数据的开始编号和结束编号</p>
                 <p>固定循环:起止以内的编号每个数据循环n次,如1-3:1、1、1..n个1/2、2、2..n个2/3、3、3..n个3</p>
                 <p>递增循环:起止以内的编号递增n次,如1-3:1、2、3/1、2、3/....n次循环1、2、3</p>
             </div>
         </div>
-        <div v-if="formCode.type === 2" class="mt-2 bg-[#EFF5FF] px-[40px] py-[20px]">
-            <el-form :model="formCode" :inline="true">
-                <div class="flex items-center">
-                    <div class="w-125px">
-                        <el-form-item label="">
-                            <el-input v-model="formCode.startNumber1" placeholder="数值1(起)" clearable />
-                        </el-form-item>
-                    </div>
-                    <div class="w-125px">
-                        <el-form-item label="">
-                            <el-input v-model="formCode.endNumber1" placeholder="数值1(始)" clearable />
-                        </el-form-item>
-                    </div>
-                    <div class="ml-1">
-                        <el-form-item label="">
-                            <el-select
-                                v-model="formCode.increType1"
-                                placeholder="递增分类"
-                                clearable
-                                style="width: 120px;"
-                            >
-                                <el-option label="常规递增" :value="1" />
-                                <el-option label="奇数递增" :value="2" />
-                                <el-option label="偶数递增" :value="2" />
-                            </el-select>
-                        </el-form-item>
-                    </div>
-                    <div class="ml-1">
-                        <el-form-item label="">
-                            <el-select
-                                v-model="formCode.cycleType1"
-                                placeholder="循环分类"
-                                clearable
-                                style="width: 120px;"
-                            >
-                                <el-option label="固定循环" :value="1" />
-                                <el-option label="递增循环" :value="2" />
-                            </el-select>
-                        </el-form-item>
-                    </div>
-      
-                    <div class="ml-1 w-120px">
-                        <el-form-item label="">
-                            <el-input v-model="formCode.cycleTypeGroup1" placeholder="循环组数" clearable />
-                        </el-form-item>
-                    </div>
-                </div>
-                <div class="mt-4 flex items-start">
-                    <div class="mr-4 w-125px">
-                        <el-form-item label="">
-                            <el-select
-                                v-model="formCode.separator"
-                                placeholder="选择符号"
-                                clearable
-                                style="width: 100px;"
-                            >
-                                <el-option v-for="(item, index) in separatorOptions" :key="index" :label="item.label" :value="item.value" />
-                            </el-select>
-                        </el-form-item>
-                    </div>
-                    <div class="flex-1 text-orange-500">
-                        <p class="mb-1">固定循环:起止以内的编号每个数据循环n次,如1-3:1、1、1...n个1/2、2、2..n个2/3、3、3...n个3</p>
-                        <p>递增循环:起止以内的编号递增n次,如1-3:1、2、3/1、2、3/...n次循环1、2、3</p>
-                    </div>
-                </div>
-                <div class="mt-4 flex items-center">
-                    <div class="w-125px">
-                        <el-form-item label="">
-                            <el-input v-model="formCode.startNumber2" placeholder="数值2(起)" clearable />
-                        </el-form-item>
-                    </div>
-                    <div class="w-125px">
-                        <el-form-item label="">
-                            <el-input v-model="formCode.endNumber2" placeholder="数值2(始)" clearable />
-                        </el-form-item>
-                    </div>
-                    <div class="ml-1">
-                        <el-form-item label="">
-                            <el-select
-                                v-model="formCode.increType2"
-                                placeholder="递增分类"
-                                clearable
-                                style="width: 120px;"
-                            >
-                                <el-option label="常规递增" value="1" />
-                                <el-option label="奇数递增" value="2" />
-                                <el-option label="偶数递增" value="3" />
-                            </el-select>
-                        </el-form-item>
+        <div v-if="formCode.type === 2" class="mt-2 flex justify-center bg-[#EFF5FF] py-[20px]">
+            <div>
+                <el-form :model="formCode" :inline="true">
+                    <div class="flex items-center">
+                        <div class="w-125px">
+                            <el-form-item label="">
+                                <el-input v-model="formCode.startNumber1" placeholder="数值1(起)" clearable />
+                            </el-form-item>
+                        </div>
+                        <div class="w-125px">
+                            <el-form-item label="">
+                                <el-input v-model="formCode.endNumber1" placeholder="数值1(始)" clearable />
+                            </el-form-item>
+                        </div>
+                        <div class="ml-1">
+                            <el-form-item label="">
+                                <el-select
+                                    v-model="formCode.increType1"
+                                    placeholder="递增分类"
+                                    clearable
+                                    style="width: 120px;"
+                                >
+                                    <el-option label="常规递增" :value="1" />
+                                    <el-option label="奇数递增" :value="2" />
+                                    <el-option label="偶数递增" :value="2" />
+                                </el-select>
+                            </el-form-item>
+                        </div>
+                        <div class="ml-1">
+                            <el-form-item label="">
+                                <el-select
+                                    v-model="formCode.cycleType1"
+                                    placeholder="循环分类"
+                                    clearable
+                                    style="width: 120px;"
+                                >
+                                    <el-option label="固定循环" :value="1" />
+                                    <el-option label="递增循环" :value="2" />
+                                </el-select>
+                            </el-form-item>
+                        </div>
+  
+                        <div class="ml-1 w-120px">
+                            <el-form-item label="">
+                                <el-input v-model="formCode.cycleTypeGroup1" placeholder="循环组数" clearable />
+                            </el-form-item>
+                        </div>
                     </div>
-                    <div class="ml-1">
-                        <el-form-item label="">
-                            <el-select
-                                v-model="formCode.cycleType2"
-                                placeholder="循环分类"
-                                clearable
-                                style="width: 120px;"
-                            >
-                                <el-option label="固定循环" value="1" />
-                                <el-option label="递增循环" value="2" />
-                            </el-select>
-                        </el-form-item>
+                    <div class="mt-4 flex items-start">
+                        <div class="mr-4 w-125px">
+                            <el-form-item label="">
+                                <el-select
+                                    v-model="formCode.separator"
+                                    placeholder="选择符号"
+                                    clearable
+                                    style="width: 100px;"
+                                >
+                                    <el-option v-for="(item, index) in separatorOptions" :key="index" :label="item.label" :value="item.value" />
+                                </el-select>
+                            </el-form-item>
+                        </div>
+                        <div class="flex-1 text-orange-500">
+                            <p class="mb-1">固定循环:起止以内的编号每个数据循环n次,如1-3:1、1、1...n个1/2、2、2..n个2/3、3、3...n个3</p>
+                            <p>递增循环:起止以内的编号递增n次,如1-3:1、2、3/1、2、3/...n次循环1、2、3</p>
+                        </div>
                     </div>
-      
-                    <div class="ml-1 w-120px">
-                        <el-form-item label="">
-                            <el-input v-model="formCode.cycleTypeGroup2" placeholder="循环组数" clearable />
-                        </el-form-item>
+                    <div class="mt-4 flex items-center">
+                        <div class="w-125px">
+                            <el-form-item label="">
+                                <el-input v-model="formCode.startNumber2" placeholder="数值2(起)" clearable />
+                            </el-form-item>
+                        </div>
+                        <div class="w-125px">
+                            <el-form-item label="">
+                                <el-input v-model="formCode.endNumber2" placeholder="数值2(始)" clearable />
+                            </el-form-item>
+                        </div>
+                        <div class="ml-1">
+                            <el-form-item label="">
+                                <el-select
+                                    v-model="formCode.increType2"
+                                    placeholder="递增分类"
+                                    clearable
+                                    style="width: 120px;"
+                                >
+                                    <el-option label="常规递增" value="1" />
+                                    <el-option label="奇数递增" value="2" />
+                                    <el-option label="偶数递增" value="3" />
+                                </el-select>
+                            </el-form-item>
+                        </div>
+                        <div class="ml-1">
+                            <el-form-item label="">
+                                <el-select
+                                    v-model="formCode.cycleType2"
+                                    placeholder="循环分类"
+                                    clearable
+                                    style="width: 120px;"
+                                >
+                                    <el-option label="固定循环" value="1" />
+                                    <el-option label="递增循环" value="2" />
+                                </el-select>
+                            </el-form-item>
+                        </div>
+  
+                        <div class="ml-1 w-120px">
+                            <el-form-item label="">
+                                <el-input v-model="formCode.cycleTypeGroup2" placeholder="循环组数" clearable />
+                            </el-form-item>
+                        </div>
                     </div>
+                </el-form>
+                <div class="text-orange-500 line-height-10">
+                    <p>提示:数值1和数值2分别代表组合编号的前后数据;起和止分别代表前后数据的开始编号和结束编号</p>
                 </div>
-            </el-form>
-            <div class="text-orange-500 line-height-10">
-                <p>提示:数值1和数值2分别代表组合编号的前后数据;起和止分别代表前后数据的开始编号和结束编号</p>
             </div>
         </div>
     </div>