1

admin

2026-01-06 089bf5d2378b3c4a61d795b2a92bede2c193b771

 src/views/modules/sys-config/customer-service-add-or-update.vue

New file
@@ -0,0 +1,277 @@
<template>
  <el-dialog
    :title="!dataForm.id ? '新增客服信息' : '修改客服信息'"
    :close-on-click-modal="false"
    @close = 'handClose'
    :visible.sync="visible">
    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="open()" label-width="80px">
      <el-form-item label="用户名" prop="userName">
        <el-input v-model="dataForm.userName" :disabled="row?true:false" placeholder="请输入后台登录用户名"></el-input>
      </el-form-item>
      <el-form-item v-if="!row" label="密码" prop="password">
        <el-input v-model="dataForm.password" type="password" placeholder="请输入密码"></el-input>
      </el-form-item>
      <el-form-item v-if="!row" label="资金密码" prop="safePassword">
        <el-input v-model="dataForm.safePassword" type="password" placeholder="请输入资金密码"></el-input>
      </el-form-item>

      <el-form-item label="登录权限">
        <el-select v-model="enabled.value" @change="changeVal()"                    
                     placeholder="请选择">
            <el-option v-for="item in enabled"
                       :key="item.value"
                       :label="item.label"
                       :value="item.value">
            </el-option>
          </el-select>
      </el-form-item>

      <el-form-item label="自动回复" prop="">
        <el-input
            type="textarea"
            placeholder=""
            v-model="dataForm.autoAnswer"
          >
        </el-input>
      </el-form-item>

      <el-form-item label="备注" prop="">
        <el-input
            type="textarea"
            placeholder=""
            v-model="dataForm.remarks"
          >
        </el-input>
      </el-form-item>

    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
      <el-button type="primary" @click="open()">确定</el-button>
    </span>
    <!-- 确认弹窗-start -->
    <el-dialog title="确认增加" :visible.sync="dialogFormVisible" :append-to-body="true">
      <el-form :model="dataForm2" :rules="dataRule2" ref="dataForm2" @keyup.enter.native="dataFormSubmit()" label-width="80px">
        <el-form-item label="登录人资金密码"  :label-width="formLabelWidth" prop="loginSafeword">
          <el-input v-model="dataForm2.loginSafeword" type="password" placeholder="登录人资金密码" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item v-if="!row" label="超级谷歌验证码" :label-width="formLabelWidth" prop="superGoogleAuthCode">
          <el-input v-model="dataForm2.superGoogleAuthCode" placeholder="超级谷歌验证码" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="dataFormSubmit()">确 定</el-button>
      </div>
    </el-dialog>
    <!-- 确认弹窗-end -->
  </el-dialog>
</template>

<script>
  import { treeDataTranslate } from '@/utils'
  import { Debounce } from '@/utils/debounce'
  import { encrypt } from "@/utils/crypto";
  export default {
    data () {
      return {
        // form: {
        //   loginSafeword   : '',     //登录人资金密码	
        //   superGoogleAuthCode: '' //超级管理员谷歌验证码	
        // },
        formLabelWidth: '120px',
        dialogFormVisible: false,
        visible: false,
        row:'',
        menuList: [],
        enabled:[{
          value:true,
          label:'开启',
        },{
          value:false,
          label:'关闭',
        }],
        menuListTreeProps: {
          label: 'name',
          children: 'children'
        },
        dataForm: {
          id: '',
          userName:'',
          roleName: '',
          autoAnswer:'',
          remarks: '',
          password:'',
          safePassword:'',
          loginSafeword:'',
          superGoogleAuthCode:'',
        },
        dataForm2: {
          loginSafeword:'',
          superGoogleAuthCode:'',
        },
        dataRule: {
          roleName: [
            { required: true, message: '角色名称不能为空', trigger: 'blur' },
            { pattern: /\s\S+|S+\s|\S/, message: '请输入正确的角色名称', trigger: 'blur' }
          ],
          userName: [
            { required: true, message: '用户名不能为空', trigger: 'blur' },
          ],safePassword: [
            { required: true, message: '资金密码不能为空', trigger: 'blur' },
          ],password: [
            { required: true, message: '密码不能为空', trigger: 'blur' },
          ],
          loginSafeword: [
            { required: true, message: '登录人资金密码不能为空', trigger: 'blur' },
          ],
          superGoogleAuthCode: [
            { required: true, message: '超级谷歌验证码不能为空', trigger: 'blur' },
          ],
          autoAnswer:[
            { required: true, message: '自动回复不能为空', trigger: 'blur' },
          ],
          remarks:[
            { required: true, message: '备注不能为空', trigger: 'blur' },
          ],
        },
        dataRule2:{
          loginSafeword: [
            { required: true, message: '登录人资金密码不能为空', trigger: 'blur' },
          ],
          superGoogleAuthCode: [
            { required: true, message: '超级谷歌验证码不能为空', trigger: 'blur' },
          ],
        },
      }
    },
    methods: {
      init (row) {
        this.row = row || ''
        this.visible = true
        if(this.row){
          this.dataForm.userName = row.userName
          this.dataForm.remarks = row.remarks
          this.dataForm.autoAnswer = row.autoAnswer
          this.enabled.value = row.status == "1"
          this.dataForm.id = row.id
        }else{
          this.enabled.value = this.enabled[0].value
        }
      },
      open(){
        this.$refs['dataForm'].validate((valid) => {
          if(valid){
            this.dialogFormVisible = true
          }else{
            return false
          }
          
        })
      },
      handClose(){
        this.$data.dataForm=JSON.parse(JSON.stringify(this.$options.data().dataForm))
        this.$data.dataForm2=JSON.parse(JSON.stringify(this.$options.data().dataForm2))
        this.$nextTick(() => {
            if(this.$refs['dataForm'])
              this.$refs['dataForm'].clearValidate() // 清除表单验证
            if(this.$refs['dataForm2'])
              this.$refs['dataForm2'].clearValidate() // 清除表单验证
          })
      },
      changeVal(val){
        this.$forceUpdate()
      },
      // 表单提交
      dataFormSubmit: Debounce(function () {
          if(this.row){
            this.$refs['dataForm2'].validate((valid) => {
            if (valid) {
              this.$http({ // 修改
                url: this.$http.adornUrl(`/customer/update`),
                method: 'post',
                // data:data1
                data: this.$http.adornData({
                  "autoAnswer": this.dataForm.autoAnswer, //自动回复
                  "enabled": this.enabled.value, //登录权限 true 开启 false 禁用
                  "loginSafeword": encrypt(this.dataForm2.loginSafeword), //loginSafeword   登录人资金密码
                  "remarks": this.dataForm.remarks, //remarks   备注	
                  "id":this.dataForm.id, 
                })
              }).then(({data}) => {
                if(data.code == 0){
                  this.$message({
                  message: '操作成功',
                  type: 'success',
                  duration: 1500,
                  onClose: () => {
                    this.dialogFormVisible = false
                    this.visible = false
                    this.$emit('refreshDataList')
                  }
                })
                }else{
                  this.$message({
                  message: data.msg,
                  type: 'error',
                  duration: 1500,
                  onClose: () => {
                    this.dialogFormVisible = false
                  }
                })
                
                }
              })
            }
          })
          }else{
            this.$refs['dataForm2'].validate((valid) => {
            if (valid) {
              this.$http({
                url: this.$http.adornUrl(`/customer/add`),
                method: 'post',
                // data:data1
                data: this.$http.adornData({
                  "autoAnswer": this.dataForm.autoAnswer, //自动回复
                  "userName": this.dataForm.userName, //用户名
                  "enabled": this.enabled.value, //登录权限 true 开启 false 禁用
                  "loginSafeword": encrypt(this.dataForm2.loginSafeword), //loginSafeword   登录人资金密码
                  "password": encrypt(this.dataForm.password), //password   密码
                  "remarks": this.dataForm.remarks, //remarks   备注	
                  "safePassword": encrypt(this.dataForm.safePassword), //safePassword   资金密码
                  "superGoogleAuthCode": this.dataForm2.superGoogleAuthCode, //superGoogleAuthCode   超级管理员谷歌验证码      false	
                })
              }).then(({data}) => {
                if(data.code == 0){
                  this.$message({
                  message: '操作成功',
                  type: 'success',
                  duration: 1500,
                  onClose: () => {
                    this.dialogFormVisible = false
                    this.visible = false
                    this.$emit('refreshDataList')
                  }
                })
                }else{
                  this.$message({
                  message: data.msg,
                  type: 'error',
                  duration: 1500,
                  onClose: () => {
                
                  }
                })
                }

              })
            }
          })
          }

          //end

      })
    }
  }
</script>