init

src/views/xq/userInfo/index.vue

@@ -47,7 +47,6 @@
     </el-row>
 
     <el-table v-loading="loading" :data="userInfoList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="用户编号" align="center" prop="usercode" />
       <el-table-column label="昵称" align="center" prop="nickname" show-overflow-tooltip/>
       <el-table-column label="手机号" align="center" prop="mobile" width="100"/>
@@ -176,42 +175,52 @@
         <el-table-column label="兴趣爱好" align="center" prop="hobbys" />
       </el-table-column>
       <el-table-column label="择偶条件" align="center" >
-        <el-table-column label="年龄" align="center" prop="filterAge" />
-        <el-table-column label="身高" align="center" prop="filterHeight" />
+        <el-table-column label="年龄" align="center" prop="filterAge" >
+          <template v-slot="scope">
+            <span v-if="!scope.row.filterAge">不限</span>
+            <span v-if="scope.row.filterAge">{{scope.row.filterAge}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="身高" align="center" prop="filterHeight" >
+          <template v-slot="scope">
+            <span v-if="!scope.row.filterHeight">不限</span>
+            <span v-if="scope.row.filterHeight">{{scope.row.filterHeight}}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="体型" align="center" prop="filterSomatotype" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userSomatotypeList" :value="scope.row.filterSomatotype" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userSomatotypeList" :value="scope.row.filterSomatotype" empty-value="不限" split-value="&"/>
           </template>
         </el-table-column>
         <el-table-column label="婚况" align="center" prop="filterMarriage" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userMarriageList" :value="scope.row.filterMarriage" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userMarriageList" :value="scope.row.filterMarriage" empty-value="不限" split-value="&"/>
           </template>
         </el-table-column>
         <el-table-column label="学历" align="center" prop="filterEducation" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userEducationList" :value="scope.row.filterEducation" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userEducationList" :value="scope.row.filterEducation" empty-value="不限" />
           </template>
         </el-table-column>
 <!--        <el-table-column label="地区" align="center" prop="filterResidenceName" />-->
         <el-table-column label="年收入" align="center" prop="filterAnnualIncome" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userAnnualIncomeList" :value="scope.row.filterAnnualIncome" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userAnnualIncomeList" :value="scope.row.filterAnnualIncome" empty-value="不限" />
           </template>
         </el-table-column>
         <el-table-column label="小孩情况" align="center" prop="filterChildStatus" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userChildStatusList" :value="scope.row.filterChildStatus" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userChildStatusList" :value="scope.row.filterChildStatus" empty-value="不限"/>
           </template>
         </el-table-column>
         <el-table-column label="住房情况" align="center" prop="filterHousingStatus" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userHousingStatusList" :value="scope.row.filterHousingStatus" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userHousingStatusList" :value="scope.row.filterHousingStatus" empty-value="不限" />
           </template>
         </el-table-column>
         <el-table-column label="购车情况" align="center" prop="filterCarStatus" >
           <template v-slot="scope">
-            <cai-dict-tag :options="userCarStatusList" :value="scope.row.filterCarStatus" empty-value="-" split-value="&"/>
+            <cai-dict-tag :options="userCarStatusList" :value="scope.row.filterCarStatus" empty-value="不限" />
           </template>
         </el-table-column>
       </el-table-column>
@@ -220,9 +229,13 @@
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-info"
             @click="handleInfo(scope.row)"
           >详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleUpdate(scope.row)"
+          >修改</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -234,21 +247,44 @@
       :limit.sync="queryParams.pageSize"
       @pagination="getList"
     />
+
+    <user-info-dialog v-if="userInfoDialogVisible" ref="userInfoDialog" />
+    <update-user-info-dialog v-if="updateUserInfoDialogVisible" ref="updateUserInfoDialog" @refreshDataList="getList" />
+
   </div>
 </template>
 
 <script>
-import { listUserInfo, getUserInfo, delUserInfo, addUserInfo, updateUserInfo } from "@/api/xq/userInfo";
+import { listUserInfo } from '@/api/xq/userInfo'
 import {
-  genderList, userCarStatusList, userChildStatusList, userCompanyNatureList, userDrinkStatusList,
-  userEducationList, userFamilyBackgroundList, userFamilyRankingList, userForPersonalsList, userHousingStatusList,
-  userLiveAtParentList, userLoveAtDistanceList, userSmokeStatusList,
-  userSomatotypeList, userMarriageList, userAnnualIncomeList, userZodiacList,
-  userWantChildList, userWhenMarriageList, userFindTagList, userSignList
+  genderList,
+  userAnnualIncomeList,
+  userCarStatusList,
+  userChildStatusList,
+  userCompanyNatureList,
+  userDrinkStatusList,
+  userEducationList,
+  userFamilyBackgroundList,
+  userFamilyRankingList,
+  userFindTagList,
+  userForPersonalsList,
+  userHousingStatusList,
+  userLiveAtParentList,
+  userLoveAtDistanceList,
+  userMarriageList,
+  userSignList,
+  userSmokeStatusList,
+  userSomatotypeList,
+  userWantChildList,
+  userWhenMarriageList,
+  userZodiacList
 } from '@/constant/statusMap'
+import UserInfoDialog from '@/views/xq/user/user-info-dialog.vue'
+import UpdateUserInfoDialog from '@/views/xq/userInfo/update-user-info-dialog.vue'
 
 export default {
   name: "UserInfo",
+  components: { UpdateUserInfoDialog, UserInfoDialog },
   data() {
     return {
       genderList,userCarStatusList, userChildStatusList, userCompanyNatureList, userDrinkStatusList,
@@ -256,6 +292,8 @@ export default {
       userLiveAtParentList, userLoveAtDistanceList, userSmokeStatusList,
       userSomatotypeList,userMarriageList,userAnnualIncomeList,userZodiacList,
       userWantChildList, userWhenMarriageList,userFindTagList,userSignList,
+      updateUserInfoDialogVisible: false,
+      userInfoDialogVisible: false,
       // 遮罩层
       loading: true,
       // 选中数组
@@ -334,6 +372,18 @@ export default {
       this.single = selection.length!==1
       this.multiple = !selection.length
     },
+    handleInfo(row) {
+      this.userInfoDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.userInfoDialog.init(row.userId)
+      })
+    },
+    handleUpdate(row){
+      this.updateUserInfoDialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.updateUserInfoDialog.init(row)
+      })
+    }
   }
 };
 </script>