【标签管理】已认证居民、党员-王公峰-2020-12-03

src/views/modules/user/tag-property.vue

@@ -9,8 +9,8 @@
       <div class="mod-sys__user">
         <el-form :inline="true" :model="dataForm">
           <el-form-item label="">
-            <el-form-item label="标签属性" prop="tagPropertyid">
+            <el-form-item label="标签属性" prop="tagPropertyids">
-              <el-select v-model="dataForm.tagPropertyid" placeholder="标签属性">
+              <el-select v-model="dataForm.tagPropertyids" placeholder="标签属性" multiple collapse-tags>
                 <el-option v-for="item in paramNameArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
                 </el-option>
               </el-select>
@@ -41,9 +41,8 @@ export default {
       },
       visible: false,
       dataForm: {
-        id: '',
         tagid: '',
-        tagPropertyid: ''
+        tagPropertyids: []
       },
       paramNameArr: [],
       isAble: false
@@ -51,18 +50,15 @@ export default {
   },
   methods: {
     // 获取数据列表
-    init (tagId, propertyId, relationId) {
+    init (tagId, propertyIds) {
       this.visible = true
       this.isAble = false
       this.$nextTick(() => {
         // 调用获取标签属性下拉信息接口
         this.getParamListInfo()
         this.dataForm.tagid = tagId
-        if (propertyId !== '' || propertyId !== null) {
+        if (propertyIds !== null) {
-          this.dataForm.tagPropertyid = propertyId
+          this.dataForm.tagPropertyids = propertyIds
-        }
-        if (relationId !== '' || relationId !== null) {
-          this.dataForm.id = relationId
         }
       })
     },
@@ -77,7 +73,7 @@ export default {
     },
     // 表单提交
     dataFormSubmitHandle: debounce(function () {
-      if (this.dataForm.tagPropertyid === '' || this.dataForm.tagPropertyid === null) {
+      if (this.dataForm.tagPropertyids === null || this.dataForm.tagPropertyids.length === 0) {
         this.$message({
           message: '请选择标签属性！',
           type: 'warning'
@@ -85,7 +81,7 @@ export default {
         return false
       }
       this.isAble = true
-      this.$http[!this.dataForm.id ? 'post' : 'put']('/app-user/tagproperty/', this.dataForm).then(({ data: res }) => {
+      this.$http['post']('/app-user/tagproperty/', this.dataForm).then(({ data: res }) => {
         if (res.code !== 0) {
           this.isAble = false
           return this.$message.error(res.msg)

src/views/modules/user/user-tag1.vue

@@ -75,7 +75,7 @@ export default {
       partyFlagOptions: [{ id: '0', name: '不是' }, { id: '1', name: '是' }],
       cadreOptions: [{ cadreFlag: '1', cadreTitle: '是' }, { cadreFlag: '0', cadreTitle: '否' }],
       tagOptions: [],
-      userGridList: [],
+      userGridList: []
     }
   },
   computed: {

src/views/modules/user/usertag.vue

@@ -24,10 +24,9 @@
         <el-table-column prop="tagCode" label="标签编码" header-align="center" align="center"></el-table-column>
         <el-table-column prop="tagDesc" label="标签描述" header-align="center" align="center"></el-table-column>
         <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
-        <el-table-column prop="propertyName" label="已配属性" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
-            <el-button  type="text" size="small" @click="addProperty(scope.row.id,scope.row.propertyId,scope.row.relationId)">配置属性</el-button>
+            <el-button  type="text" size="small" @click="addProperty(scope.row.id,scope.row.propertyIds)">配置属性</el-button>
             <el-button v-if="$hasPermission('usertag:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
             <el-button v-if="$hasPermission('usertag:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
           </template>
@@ -45,7 +44,7 @@
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
       <!-- 弹框，选择属性 -->
-      <master-user v-if="masterUserVisible" ref="masterUser" @refreshDataList="getDataList" v-on:connectResponse="connectResponse"></master-user>
+      <master-user v-if="masterUserVisible" ref="masterUser" @refreshDataList="getDataList"></master-user>
     </div>
   </el-card>
 </template>
@@ -75,24 +74,11 @@ export default {
     MasterUser
   },
   methods: {
-    addProperty (id, propertyId, relationId) {
+    addProperty (id, propertyIds) {
       this.masterUserVisible = true
       this.$nextTick(() => {
-        this.$refs.masterUser.init(id, propertyId, relationId)
+        this.$refs.masterUser.init(id, propertyIds)
       })
-    },
-    // dialog回调函数
-    connectResponse (connectResponse) {
-      for (var i = 0; i < connectResponse.length; i++) {
-        let item = connectResponse[i]
-        let nickname = item.username
-        this.$set(item, 'nickName', nickname)
-      }
-      if (connectResponse.length === 1) {
-        this.formData.splice(this.updateIndex, 1, connectResponse[0])
-      } else {
-        this.formData = connectResponse
-      }
     }
   }
 }