su

su1124

2024-04-26 00212ed8e808fc7b76c04389224e65f27f074fb2

 src/components/createproposal/index.vue

@@ -11,8 +11,23 @@
          <el-input v-model="propform.title" placeholder="请输入名称标题" />
        </el-form-item>
        <el-form-item label="快捷标签" prop="kjbq">
          <el-checkbox-group v-model="propform.kjbq" @change="handleCheckedCitiesChange">
            <el-checkbox v-for="(item,index) in dataList" :key="index" :label="item.id" >{{ item.kjbq}}</el-checkbox>
          <span
            slot="label"
            style="display: inline-block; border-bottom: 2px solid blue"
            @click="handleQuery"
          >
            快捷标签
          </span>
          <el-checkbox-group
            v-model="propform.kjbq"
            @change="handleCheckedCitiesChange"
          >
            <el-checkbox
              v-for="(item, index) in dataList"
              :key="index"
              :label="item.id"
              >{{ item.kjbq }}</el-checkbox
            >
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="建议内容" prop="advice">
@@ -30,23 +45,47 @@
        <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>
  
<script>
import { getTjAdviceKjbqByFl } from "@/api/system/biaoqianzidian";
import {
  getTjAdviceKjbqByFl,
  addCyTjAdvice,
  addTjAdviceKjbq,
} from "@/api/system/biaoqianzidian";
import { getInfo } from "@/api/login";
export default {
  name: "createproposal",
  props: {
    dataText: Array,
    creatobj: Object,
  },
  data() {
    return {
      deptId:"",
      isZjs: 0,
      propform: {
        advice: "",
        kjbq:[],
        kjbq: [],
      },
      form: {},
      kjbqopen: false,
      open: false,
      openone: false,
      // 弹出层标题
@@ -62,50 +101,100 @@
      },
      list: [],
      fList: [],
      id: "",
    };
  },
  watch: {
    dataText(val, newVla) {
      this.fList = val;
      val.forEach((item) => {
        this.propform.advice += item.advice;
      });
      if (this.propform.advice) {
        this.getList();
      }
    creatobj(val, newVla) {
      console.log(val, 111);
      this.propform.advice = val.proParentList;
      this.isZjs = val.isZj;
    },
  },
  mounted() {
    // this.getList()
    this.propform.kjbq = [];
    this.getList();
  },

  created() {
    // if( this.queryParams){
    //     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){
          if (res.data) {
            this.dataList = res.data.records;
          }
        

          this.loading = false;
        });
      });
    },
    handleCheckedCitiesChange(val){
      console.log(val)
    handleQuery() {
      this.kjbqopen = true;
    },
    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() {
      this.open = false;
      if (this.list.length != 0) {
        this.$emit("event1", this.list);
      console.log(this.isZjs);
        
      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);
      // }
    },
  },
};