车公司资料，企业部门员工岗位样式跳转

src/components/Resource/CarData.vue

@@ -33,7 +33,7 @@
                     </el-table-column>
                     <el-table-column prop="createTime" label="更新时间" width="180">
                     </el-table-column>
-                    <el-table-column label="操作" width="200">
+                    <el-table-column label="操作">
                         <template slot-scope="scope">
                             <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
                             <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>
@@ -43,7 +43,7 @@
             </template>
             <div class="block">
                 <el-pagination align='center' @size-change="handleSizeChange" @current-change="handleCurrentChange"
-                    :current-page="currentPage" :page-sizes="[10,12, 15, 20]" :page-size="pageSize"
+                    :current-page="currentPage" :page-sizes="[10, 12, 15, 20]" :page-size="pageSize"
                     layout="total, sizes, prev, pager, next" :total="tableDatas.length">
                 </el-pagination>
             </div>

src/components/Resource/CarDataAdd.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-loading="loading" element-loading-text="跳转中...">
+    <div v-loading="loading" element-loading-text="跳转中..." class="car_add">
         <div class="communal-title">
             <div>添加车公司资料</div>
         </div>
@@ -70,116 +70,90 @@
                 <el-row>
                     <el-col :span="23">
                         <el-form-item label="其他信息" prop="OtherInfo">
-                            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="addData.OtherInfo"
-                                style="width: 80%;"></el-input>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="有相关的车辆资质" prop="QualificationScore" label-width="130px">
-                            <template>
-                                <el-radio v-model="addData.QualificationScore" label="A"
-                                    style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.QualificationScore" label="B"
-                                    style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.QualificationScore" label="C"
-                                    style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="9">
-                        <el-form-item label="车辆2-4年新，VIP及以上需要2年新" prop="CarAgeScore" label-width="260px">
-                            <template>
-                                <el-radio v-model="addData.CarAgeScore" label="A" style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.CarAgeScore" label="B" style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.CarAgeScore" label="C" style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="9">
-                        <el-form-item label="车身干净，无文字图片等" prop="CleanImgScore" label-width="170px">
-                            <template>
-                                <el-radio v-model="addData.CleanImgScore" label="A" style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.CleanImgScore" label="B" style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.CleanImgScore" label="C" style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="车内整洁、无异味" prop="SmellScore" label-width="130px">
-                            <template>
-                                <el-radio v-model="addData.SmellScore" label="A" style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.SmellScore" label="B" style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.SmellScore" label="C" style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="9">
-                        <el-form-item label="提前备水，纸巾等" prop="WaterPaperScore" label-width="260px">
-                            <template>
-                                <el-radio v-model="addData.WaterPaperScore" label="A"
-                                    style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.WaterPaperScore" label="B"
-                                    style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.WaterPaperScore" label="C"
-                                    style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="9">
-                        <el-form-item label="车辆配置高（皮座椅等）" prop="HardwareScore" label-width="170px">
-                            <template>
-                                <el-radio v-model="addData.HardwareScore" label="A" style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.HardwareScore" label="B" style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.HardwareScore" label="C" style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-                <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="时间概念强" prop="TimeScore" label-width="130px">
-                            <template>
-                                <el-radio v-model="addData.TimeScore" label="A" style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.TimeScore" label="B" style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.TimeScore" label="C" style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="9">
-                        <el-form-item label="安全意识高" prop="SafetyScore" label-width="260px">
-                            <template>
-                                <el-radio v-model="addData.SafetyScore" label="A" style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.SafetyScore" label="B" style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.SafetyScore" label="C" style="margin-right: 10px">C</el-radio>
-                            </template>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="9">
-                        <el-form-item label="司机驾龄时间长，提前熟悉路线" prop="DrivingAgeScore" label-width="210px">
-                            <template>
-                                <el-radio v-model="addData.DrivingAgeScore" label="A"
-                                    style="margin-right: 10px">A</el-radio>
-                                <el-radio v-model="addData.DrivingAgeScore" label="B"
-                                    style="margin-right: 10px">B</el-radio>
-                                <el-radio v-model="addData.DrivingAgeScore" label="C"
-                                    style="margin-right: 10px">C</el-radio>
-                            </template>
+                            <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="addData.OtherInfo"></el-input>
                         </el-form-item>
                     </el-col>
                 </el-row>
+                <div class="appraise-box">
+                    <el-form-item label="有相关的车辆资质" prop="QualificationScore" label-width="130px">
+                        <template>
+                            <el-radio v-model="addData.QualificationScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.QualificationScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.QualificationScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+                    <el-form-item label="车辆2-4年新，VIP及以上需要2年新" prop="CarAgeScore" label-width="260px">
+                        <template>
+                            <el-radio v-model="addData.CarAgeScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.CarAgeScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.CarAgeScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+                    <el-form-item label="车身干净，无文字图片等" prop="CleanImgScore" label-width="170px">
+                        <template>
+                            <el-radio v-model="addData.CleanImgScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.CleanImgScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.CleanImgScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+
+                    <el-form-item label="车内整洁、无异味" prop="SmellScore" label-width="130px">
+                        <template>
+                            <el-radio v-model="addData.SmellScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.SmellScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.SmellScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+                    <el-form-item label="提前备水，纸巾等" prop="WaterPaperScore" label-width="260px">
+                        <template>
+                            <el-radio v-model="addData.WaterPaperScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.WaterPaperScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.WaterPaperScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+                    <el-form-item label="车辆配置高（皮座椅等）" prop="HardwareScore" label-width="170px">
+                        <template>
+                            <el-radio v-model="addData.HardwareScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.HardwareScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.HardwareScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+                    <el-form-item label="时间概念强" prop="TimeScore" label-width="130px">
+                        <template>
+                            <el-radio v-model="addData.TimeScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.TimeScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.TimeScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+                    <el-form-item label="安全意识高" prop="SafetyScore" label-width="260px">
+                        <template>
+                            <el-radio v-model="addData.SafetyScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.SafetyScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.SafetyScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+
+                    <el-form-item label="司机驾龄时间长，提前熟悉路线" prop="DrivingAgeScore" label-width="210px">
+                        <template>
+                            <el-radio v-model="addData.DrivingAgeScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="addData.DrivingAgeScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="addData.DrivingAgeScore" label="C" style="margin-right: 10px">C</el-radio>
+                        </template>
+                    </el-form-item>
+                </div>
                 <el-form-item>
                     <div style="margin-left: 60%;">
-                        <el-button type="primary" @click="addBtn">立即保存</el-button>
+                        <el-button type="primary" @click="addBtn">保存</el-button>
                         <router-link to='/home/CarData'>
                             <el-button>取消</el-button>
                         </router-link>
                     </div>
-
-
                 </el-form-item>
             </el-form>
         </template>
@@ -360,17 +334,27 @@ export default {
     border-radius: 10px;
 }
 
-.communal-title {
+.car_add .communal-title {
     display: flex;
     font-size: 17px;
     font-weight: 600;
     color: #555;
-    margin-top: 8px;
-    margin-bottom: 2px;
+    margin-bottom: 20px;
     justify-content: space-between;
     align-items: center;
 }
 
+.appraise-box {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin: 50px 0;
+}
+
+.appraise-box>div {
+    width: 30%;
+}
+
 .communal-box {
     display: flex;
 }
@@ -379,4 +363,21 @@ export default {
     margin-left: 10px;
     padding: 8px 20px;
 }
-</style>
+
+.car_add {
+    background-color: #fff;
+    padding: 20px;
+    box-shadow: 0 0 5px #0005;
+    border-radius: 10px;
+}
+
+@media screen and (max-width: 1700px) {
+    .appraise-box>div {
+        width: 48%;
+    }
+
+    .appraise-box>div el-form-item__content {
+        width: 260px !important;
+    }
+}
+</style>

src/components/Resource/CarDataEdit.vue

@@ -67,18 +67,14 @@
                     </el-col>
                 </el-row>
                 <el-form-item label="其他信息" prop="OtherInfo">
-                    <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="upData.OtherInfo"
-                        ></el-input>
+                    <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="upData.OtherInfo"></el-input>
                 </el-form-item>
                 <div class="appraise-box">
                     <el-form-item label="有相关的车辆资质" prop="QualificationScore" label-width="224px">
                         <template>
-                            <el-radio v-model="upData.QualificationScore" label="A"
-                                style="margin-right: 10px">A</el-radio>
-                            <el-radio v-model="upData.QualificationScore" label="B"
-                                style="margin-right: 10px">B</el-radio>
-                            <el-radio v-model="upData.QualificationScore" label="C"
-                                style="margin-right: 10px">C</el-radio>
+                            <el-radio v-model="upData.QualificationScore" label="A" style="margin-right: 10px">A</el-radio>
+                            <el-radio v-model="upData.QualificationScore" label="B" style="margin-right: 10px">B</el-radio>
+                            <el-radio v-model="upData.QualificationScore" label="C" style="margin-right: 10px">C</el-radio>
                         </template>
                     </el-form-item>
                     <el-form-item label="车辆2-4年新，VIP及以上需要2年新" prop="CarAgeScore" label-width="260px">
@@ -139,7 +135,7 @@
                     </el-form-item>
                 </div>
                 <el-form-item>
-                    <div>
+                    <div style="margin-left: 60%;">
                         <el-button type="primary" @click="editBtn">保 存</el-button>
                         <router-link to='/home/CarData'>
                             <el-button>取 消</el-button>
@@ -162,7 +158,7 @@ export default {
                 callback(new Error("请输入正确的手机号"));
         };
         return {
-            clientWidth:document.body.clientWidth,
+            clientWidth: document.body.clientWidth,
             rules: {
                 UnitArea: [
                     { required: true, message: '请输入单位地区', trigger: 'blur' },
@@ -215,13 +211,13 @@ export default {
 
         }
     },
-    watch:{
-        clientWidth(newVal,oldVal){
+    watch: {
+        clientWidth(newVal, oldVal) {
             console.log(newVal);//浏览器窗口变化时，打印宽度。
         }
     },
     methods: {
-        
+
         carData() {
             var url = "/api/Resource/QuerCarData"
             var that = this
@@ -357,12 +353,13 @@ export default {
 }
 </script>
 <style>
-.car-edit{
+.car-edit {
     background-color: #fff;
     padding: 20px;
     box-shadow: 0 0 5px #0005;
     border-radius: 10px;
 }
+
 .car-edit .communal-title {
     display: flex;
     font-size: 17px;
@@ -381,21 +378,25 @@ export default {
     margin-left: 10px;
     padding: 8px 20px;
 }
-.appraise-box{
+
+.appraise-box {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin: 50px 0;
 }
-.appraise-box>div{
+
+.appraise-box>div {
     width: 30%;
 }
+
 @media screen and (max-width: 1700px) {
-    .appraise-box>div{
+    .appraise-box>div {
         width: 48%;
     }
-    .appraise-box>div el-form-item__content{
-        width: 260px!important;
+
+    .appraise-box>div el-form-item__content {
+        width: 260px !important;
     }
 }
 </style>

src/components/system/Company.vue

@@ -33,7 +33,7 @@
                     </el-table-column>
                     <!-- <el-table-column prop="remark" label="备注" width="200">
                     </el-table-column> -->
-                    <el-table-column label="操作" width="200">
+                    <el-table-column label="操作">
                         <template slot-scope="scope">
                             <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
                             <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>

src/components/system/Department.vue

@@ -29,7 +29,7 @@
                     </el-table-column>
                     <el-table-column prop="remark" label="备注" width="240">
                     </el-table-column>
-                    <el-table-column label="操作" width="200">
+                    <el-table-column label="操作">
                         <template slot-scope="scope">
                             <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
                             <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>

src/components/system/JobPost.vue

@@ -27,7 +27,7 @@
                     </el-table-column>
                     <el-table-column prop="remark" label="备注" width="300">
                     </el-table-column>
-                    <el-table-column label="操作" width="200">
+                    <el-table-column label="操作">
                         <template slot-scope="scope">
                             <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
                             <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>

src/components/system/User.vue

@@ -37,7 +37,7 @@
                             <span>{{ hrAudit.row.hrAudit == 1 ? "审核通过（正常使用）" : "未通过/未审核（不可用）" }}</span>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="200">
+                    <el-table-column label="操作">
                         <template slot-scope="scope">
                             <el-button size="mini" @click="upDate(scope.$index, scope.row)">编辑</el-button>
                             <el-button size="mini" type="danger" @click="del(scope.$index, scope.row)">删除</el-button>