修改了一些报错，完善了用户管理配偶的选择模块

yz3456

2024-07-09 32148fb89c6cbedc24aaf9cb93a215a6cc665f2b

 ruoyi-ui/src/views/contacts/index.vue

@@ -75,7 +75,7 @@
<!--      line-height: 21px;-->
<!--      ">通讯录</div>-->

    <el-row :gutter="10" class="mb8">
    <el-row :gutter="10" class="mb8" v-if="userId != 2">
      <el-col :span="1.5">
        <el-button
          type="primary"
@@ -212,7 +212,7 @@
        </el-table-column>


      <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width">
      <el-table-column label="操作" align="center" width="250" class-name="small-padding fixed-width" v-if="userId != 2">
        <template slot-scope="scope" v-if="scope.row.roleId !== 1">
          <div class="button-container">
            <el-button
@@ -349,7 +349,7 @@
               style="margin-left: 10px"
               size="small"
               type="success"
		

               @click="picUpload"
             >上传到服务器</el-button>
        <h4 class="form-header">其他附件 </h4>
@@ -367,11 +367,50 @@
        :auto-upload="false"
        list-type="picture-card"
        >
     
          <template #tip>

          <!-- <template #tip>
            <div class="el-upload__tip">
            </div>
          </template>
        </el-upload> -->
        <i slot="default" class="el-icon-plus"></i>
          <div slot="file" slot-scope="{file}">
            <!-- 添加video元素用于显示视频 -->
            <video
              v-if="file.url.includes('.mp4')"
              class="el-upload-list__item-thumbnail"
              :src="file.url"
              style="width: 147px; height: 147px"
              fit="cover"
            ></video>
            <img v-else
                 class="el-upload-list__item-thumbnail"
                 src="../../assets/images/deviceLis.png"
                 alt=""
                 style="width: 100%; height: 100%"
                 fit="cover"></img>

            <span class="el-upload-list__item-actions">
                 <span class="el-upload-list__item-name">{{ file.name }}</span>
                      <!-- <span
                        class="el-upload-list__item-preview"
                        @click="handleFileCardPreview(file)"
                      >
                        <i class="el-icon-zoom-in"></i>
                      </span> -->

                      <span

                        class="el-upload-list__item-delete"
                        @click="handleRemoveFile(file)"
                      >
                        <i class="el-icon-delete"></i>
                      </span>
                </span>

          </div>


        </el-upload>
    <el-button
                style="margin-left: 10px"
@@ -398,7 +437,7 @@
<script>
import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";

import {getInfo} from "@/api/login";
import { Notification, MessageBox, Message, Loading } from 'element-ui'

//导入接口函数
@@ -408,6 +447,7 @@
  dicts: ['sys_normal_disable'],
  data() {
    return {
      userId: undefined,
      // 遮罩层
      disabled: false,

@@ -546,7 +586,7 @@
          trigger: 'blur'
        }],
        isAlways: [{
          // required: true,
          required: true,
          message: '是否常联系',
          trigger: 'blur'
        }],
@@ -568,12 +608,20 @@
  },
  created() {
    this.getList();
    this.getInfo()
    // this.getCateInfor()
    // for (let i = 0; i < this.contactList.length; i++) {
    //   this.formDat[i] = this.contactList[i];
    // }
  },
  methods: {
    getInfo(){
          console.log('-----------------')
          getInfo().then(response=>{
            console.log(response.user.roles[0].roleId,'roleID')
            this.userId = response.user.roles[0].roleId
          })
        },
    // 取消按钮
    cancelData() {
      this.open = false;
@@ -620,10 +668,10 @@
      {
        if(this.fileListOther[i].url==file.url)
       {
         

         this.$delete(this.fileListOther,i);
         this.$delete(this.uploadFileList1,i);
         

         }
      }
    },
@@ -668,7 +716,7 @@
          deptCheckStrictly: true,
          remark: undefined
        };
      this.resetForm("form");
      this.resetForm("elForm");
    },
    /** 搜索按钮操作 */
    handleQuery() {
@@ -753,15 +801,15 @@
    },
    requestUpload(params)
    {
   

    },
    requestUpload1(params)
    {
      

    },
   handleChange(file, fileList1) {
      //定义一个全局数组uploadFileList来做存储
	

    // this.uploadFileList.push(file.raw);
     console.log("=========5555=========")
     console.log(file)
@@ -784,7 +832,7 @@
   },
   fileUpload(){
   //   var file = params.file;
	

      var formData = new FormData();
      this.$refs.upload1.submit();
      // formData.append('uploadFile', file);
@@ -794,18 +842,18 @@
      }
      this.uploadFileList1.forEach((elem)=>{
         formData.append("files", elem)
			

      })
	

      let _this = this
	

      this.uploading = true;
      uploadPic(formData).then(response => {
      _this.uploadFileList1 = []
      _this.formDat.url = _this.formDat.url+","+response.fileNames
      _this.$modal.msgSuccess("文件上传成功!");
        })
	

   },
   picUpload()
   {
@@ -820,7 +868,7 @@
   //console.log(this.uploadFileList)
      this.uploadFileList.forEach((elem)=>{
         formData.append("files", elem)
			

      })
      //alert(90)
      let _this = this
@@ -830,7 +878,7 @@
         _this.formDat.url = _this.formDat.url+","+response.fileNames
        _this.uploadFileList = []
        _this.$modal.msgSuccess("图片上传成功");
	

     });
   },
    /** 删除按钮操作 */