1
wwl
2025-03-05 cb1f69717eed3b6a61b6c61a8934bac752782b2d
src/components/createproposal/index.vue
@@ -11,6 +11,13 @@
          <el-input v-model="propform.title" placeholder="请输入名称标题" />
        </el-form-item>
        <el-form-item label="快捷标签" prop="kjbq">
          <span
            slot="label"
            style="display: inline-block; border-bottom: 2px solid blue"
            @click="handleQuery"
          >
            快捷标签
          </span>
          <el-checkbox-group
            v-model="propform.kjbq"
            @change="handleCheckedCitiesChange"
@@ -38,6 +45,22 @@
        <el-button type="primary" @click="handleOk">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      title="添加快捷标签"
      :visible.sync="kjbqopen"
      width="500px"
      append-to-body
    >
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="名称" prop="kjbq">
          <el-input v-model="form.kjbq" placeholder="请输入名称" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>
  
@@ -45,19 +68,24 @@
import {
  getTjAdviceKjbqByFl,
  addCyTjAdvice,
  addTjAdviceKjbq,
} from "@/api/system/biaoqianzidian";
import { getInfo } from "@/api/login";
export default {
  name: "createproposal",
  props: {
    textarea1: String,
    creatobj: Object,
  },
  data() {
    return {
      deptId:"",
      isZjs: 0,
      propform: {
        advice: "",
        kjbq: [],
      },
      form: {},
      kjbqopen: false,
      open: false,
      openone: false,
      // 弹出层标题
@@ -77,24 +105,32 @@
    };
  },
  watch: {
    textarea1(val, newVla) {
      this.propform.advice = val;
    creatobj(val, newVla) {
      console.log(val, 111);
      this.propform.advice = val.proParentList;
      this.isZjs = val.isZj;
      if(val.proParentList){
        this.getList();
      }
    },
  },
  mounted() {
    this.propform.kjbq =[]
    this.getList()
    this.propform.kjbq = [];
    // this.getList();
  },
  created() {
        this.getList()
    // this.getList();
  },
  methods: {
    getList() {
      this.loading = true;
      getInfo().then((res) => {
        this.form.userId = res.user.userId;
        this.queryParams.userId = res.user.userId;
        this.deptId = res.user.deptId;
        console.log(this.deptId);
        getTjAdviceKjbqByFl(this.queryParams).then((res) => {
          if (res.data) {
            this.dataList = res.data.records;
@@ -104,23 +140,59 @@
        });
      });
    },
    handleCheckedCitiesChange(val) {
      val.forEach((item) => {
        this.checkbox += item;
      });
    handleQuery() {
      this.kjbqopen = true;
    },
    handleOk() {
      let data = {
        title: this.propform.title,
        isZj: 1,
        kjbq: this.propform.kjbq.toString(),
        advice: this.propform.advice,
      };
      addCyTjAdvice(data).then((res) => {
        if (res.code == 200) {
          this.open = false;
    cancel() {
      this.kjbqopen = false;
    },
    submitForm() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          if (this.form.id != null) {
            updateTjAdviceKjbq(this.form).then((response) => {
              this.$modal.msgSuccess("修改成功");
              this.kjbqopen = false;
              this.getList();
            });
          } else {
            addTjAdviceKjbq(this.form).then((response) => {
              this.$modal.msgSuccess("新增成功");
              this.kjbqopen = false;
              this.getList();
            });
          }
        }
      });
    },
    handleCheckedCitiesChange(val) {},
    handleOk() {
      if (this.isZjs == 0) {
        let data = {
          title: this.propform.title,
          isZj: this.isZjs,
          kjbq: this.propform.kjbq.toString(),
          advice: this.propform.advice,
        };
        addCyTjAdvice(data).then((res) => {
          if (res.code == 200) {
            this.open = false;
          }
        });
      } else {
        let data = {
          deptId:this.deptId,
          title: this.propform.title,
          isZj: this.isZjs,
          kjbq: this.propform.kjbq.toString(),
          advice: this.propform.advice,
        };
        addCyTjAdvice(data).then((res) => {
          if (res.code == 200) {
            this.open = false;
          }
        });
      }
      // if (this.list.length != 0) {
      //   this.$emit("event1", this.list);