部分页面添加

wjt

2024-06-19 0a87fb00f345fa192705cfcaa753d304ff7fe1f3

 src/views/infomanger/policy/components/addNews.vue

@@ -2,28 +2,30 @@
<template>
  <el-dialog title="惠企政策" v-model="dialogVisible" width="900px" append-to-body @close="closeDialog">
    <div style="padding: 0 20px;">
      <el-form :mode="form" :rules="rules">
      <el-form-item label="政策类型" prop="docType">
        <el-select v-model="form.docType" placeholder="请选择" style="width: 200px">
          <el-option v-for="(item,index) in policyList" :label="item.label" :value="item.value"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="政策名称" prop="docTitle">
        <el-input v-model="form.docTitle" placeholder="请输入政策名称"></el-input>
      </el-form-item>
      <el-form-item label="政策内容" prop="docContent">
        <div><editPolicy v-model="form.docContent"></editPolicy></div>
      </el-form-item>
      <el-form-item label="状态" >
        <el-switch v-model="form.docStatus" :active-value="0" :inactive-value="1"></el-switch>
      </el-form-item>
    </el-form>
      <el-form :model="form" :rules="rules" ref="form" label-width="80px">
        <el-form-item label="政策类型" prop="docType">
          <el-select v-model="form.docType" placeholder="请选择" style="width: 200px">
            <el-option v-for="(item, index) in policyList" :label="item.label" :value="item.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="政策名称" prop="docTitle">
          <el-input v-model="form.docTitle" placeholder="请输入政策名称"></el-input>
        </el-form-item>
        <el-form-item label="政策内容" prop="docContent">
          <div>
            <editPolicy v-model="form.docContent"></editPolicy>
          </div>
        </el-form-item>
        <el-form-item label="状态">
          <el-switch v-model="form.docStatus" :active-value="0" :inactive-value="1"></el-switch>
        </el-form-item>
      </el-form>
    </div>
    <template v-slot:footer>
      <el-button type="primary" @click="addDoc">确认</el-button>
      <el-button type="primary" @click="addDocHandler">确认</el-button>
      <el-button @click="closeDialog">取消</el-button>
    </template>
</el-dialog>
  </el-dialog>
</template>

<script>
@@ -48,11 +50,18 @@
        docStatus: 0
      },
      rules: {
        docType:[{
        docType: [{
          required: true,
          message: '请输入政策名称',
          trigger: 'blur'
        }],
        docTitle: [
          {
            required: true,
            message: '请输入政策名称',
            trigger: 'blur'
          }
        ],
        docName: [
          {
            required: true,
@@ -75,7 +84,7 @@
      this.dialogVisible = false
    },
    openDialog(row) {
      if(row) {
      if (row) {
        this.form = row
        this.form.docContent = decodeURIComponent(row.docContent)
      } else {
@@ -85,21 +94,31 @@
      }
      this.dialogVisible = true
    },
    addDoc() {
      this.form.docContent = encodeURIComponent(this.form.docContent)
      if(this.form.docId) {
        updDoc(this.form).then(val => {
        this.$message.success('添加成功')
        this.closeDialog()
        this.$emit('upload')
    addDocHandler() {
      this.$refs.form.validate((valid) => {
        if (valid) {
          const form = JSON.parse(JSON.stringify(this.form))
          form.docContent = encodeURIComponent(this.form.docContent)
          if (form.docId) {
            updDoc(form).then(val => {
              this.$message.success('添加成功')
              this.closeDialog()
              this.$emit('upload')
            }).catch(err => {
              console.log(err)
            })
          } else {
            addDoc(form).then(val => {
              this.$message.success('添加成功')
              this.closeDialog()
              this.$emit('upload')
            }).catch(err => {
              console.log(err.message)
            })
          }
        }
      })
      } else {
        addDoc(this.form).then(val => {
        this.$message.success('添加成功')
        this.closeDialog()
        this.$emit('upload')
      })
      }

    }
  }
}