flat: 样式

src/views/tenant/main/serve/Dialog/pushService.vue

@@ -4,7 +4,8 @@
       <div class="content">
         <!--  用户板块  -->
         <div class="content-left relative">
-          <avue-crud height="900" width="500" ref="crud1" :data="leftUserDataList" :option="leftUserOptions" :page.sync="leftPages"
+          <avue-crud height="900" width="500" ref="crud1" :data="leftUserDataList" :option="leftUserOptions"
+                     :page.sync="leftPages"
                      @current-change="leftCurrentPageChange" @size-change="leftSizePageChange"
                      @selection-change="leftSelectionChange">
             <template slot="menuLeft">
@@ -28,9 +29,13 @@
         </div>
         <!--  操作  -->
         <div class="content-center">
-          <div><el-button type="primary" size="small" @click="changeTabs(0)">匹配政策</el-button></div>
+          <div>
-          <div style="margin-top: 30px"><el-button :disabled="leftUserSelections.length > 0 ? false : true"
+            <el-button type="primary" size="small" @click="changeTabs(0)">匹配政策</el-button>
-              type="primary" @click="changeTabs(1)" size="small">匹配岗位</el-button>
+          </div>
+          <div style="margin-top: 30px">
+            <el-button :disabled="leftUserSelections.length > 0 ? false : true"
+                       type="primary" @click="changeTabs(1)" size="small">匹配岗位
+            </el-button>
           </div>
         </div>
         <!--  列表  -->
@@ -39,7 +44,8 @@
                      :option="rightTabs ? rightPostOptions : rightPolicyOptions" :page.sync="rightPages"
                      @selection-change="rightSelectionChange">
             <template slot="menuLeft">
-              <el-input style="width: 300px" placeholder="搜索岗位" v-show="rightTabs === 1" prefix-icon="el-icon-search"
+              <el-input style="width: 300px" placeholder="搜索岗位" v-show="rightTabs === 1"
+                        prefix-icon="el-icon-search"
                         @input="searchInputChange" v-model="searchInput" clearable>
               </el-input>
             </template>
@@ -78,6 +84,7 @@ import TextTooltip from "@/components/text-tooltip/index.vue";
 import {debounce} from '@/util/util'
 import {DateTime} from "@/util/dateTime";
 import CustomLoading from "@/components/Custom-Loading/index.vue";
+
 const pages = {pagerCount: 3, total: 0, size: 10, currentPage: 1}
 const baseOptions = {
   size: 'medium',
@@ -93,6 +100,7 @@ const baseOptions = {
   menu: false,
   tip: false,
   selection: true,
+  align: 'center',
 }
 let leftUserOptions = {
   ...baseOptions,
@@ -100,15 +108,18 @@ let leftUserOptions = {
     {
       label: '机构名称',
       prop: 'companyName',
+      fixed: true,
     }, {
       label: '姓名',
       prop: 'name',
+      fixed: true,
     }, {
       label: '姓别',
       prop: 'aac004',
     }, {
       label: '身份证',
       prop: 'idNumber',
+      width: 150,
     }, {
       label: '手机号',
       prop: 'telphone',
@@ -121,6 +132,7 @@ let leftUserOptions = {
     }, {
       label: "户口所在地",
       prop: "aac010",
+      width: 150,
     }, {
       label: "文化程度",
       prop: "aac011",
@@ -130,6 +142,7 @@ let leftUserOptions = {
     }, {
       label: '个人标签',
       prop: 'labelsBase',
+      width: 150,
       slot: true,
     },
   ]
@@ -216,7 +229,9 @@ export default {
     },
   },
   watch: {
-    viewDrawer(val) { val ? this.onPageLoad() : this.onPageInit() }
+    viewDrawer(val) {
+      val ? this.onPageLoad() : this.onPageInit()
+    }
   },
   methods: {
     onPageLoad() {
@@ -300,7 +315,12 @@ export default {
       let params = {
         serveId: this.rowData.id,
         posts: this.rightDataSelections.map((item) => ({id: item.id, type: item.type1, jobName: item.jobName})),
-        users: this.leftUserSelections.map((item) => ({ idNumber: item.idNumber, talentsId: item.id, userId: item.userId, userName: item.name   }))
+        users: this.leftUserSelections.map((item) => ({
+          idNumber: item.idNumber,
+          talentsId: item.id,
+          userId: item.userId,
+          userName: item.name
+        }))
       }
       console.log(params, "999999999999999999999999999");
       let resData = await pushPostUserServe(params)
@@ -321,7 +341,12 @@ export default {
       let params = {
         serveId: this.rowData.id,
         policyIds: this.rightDataSelections.map((item) => item.id),
-        users: this.leftUserSelections.map((item) => ({ idNumber: item.idNumber, talentsId: item.id, userId: item.userId, userName: item.name }))
+        users: this.leftUserSelections.map((item) => ({
+          idNumber: item.idNumber,
+          talentsId: item.id,
+          userId: item.userId,
+          userName: item.name
+        }))
       }
       let resData = await pushPolicyUserServe(params)
       if (resData.data.code === 200) {
@@ -416,10 +441,11 @@ export default {
 <style lang="scss" scoped>
 .content {
   display: grid;
-  grid-template-columns: 1fr 60px 1fr;
+  grid-template-columns: calc(50% - 40px) 80px  calc(50% - 80px);
   grid-gap: 20px;
 
-  .content-left {}
+  .content-left {
+  }
 
   .content-center {
     width: 100%;