前端-投诉事项增加投诉状态

zhangwei

3 天以前 91b116baef5c74909a59c7f13438dd4a0ad12bed

 Web/src/views/fb_p_complaints/procurementComplaint/component/editDialog.vue

@@ -22,6 +22,13 @@
   dropdownData: {} as any,
});

const handlingStatus = [
   { value: 0, label: '其它' },
   { value: 1, label: '成立' },
   { value: 2, label: '驳回' },
   { value: 3, label: '部分成立' },
];

// 自行添加其他规则
const rules = ref<FormRules>({
   projectCode: [{ required: true, message: '请选择项目编号！', trigger: 'blur' }],
@@ -65,15 +72,14 @@
   });
};

const changeComplaints = (txt:String) => {
   if (txt=='add') {
const changeComplaints = (txt: String) => {
   if (txt == 'add') {
      state.ruleForm.complaints.push({
         itemDescription: '',
      });
   } else {
      state.ruleForm.complaints.pop();
      console.log(state.ruleForm.complaints);
		
   }
};

@@ -82,7 +88,7 @@
</script>
<template>
  <div class="procurementComplaint-container">
    <el-dialog v-model="state.showDialog" :width="800" draggable :close-on-click-modal="false">
    <el-dialog v-model="state.showDialog" :width="900" draggable :close-on-click-modal="false">
      <template #header>
        <div style="color: #fff">
          <span>{{ state.title }}</span>
@@ -134,11 +140,25 @@
                clearable />
            </el-form-item>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="线上地址" prop="url">
              <el-input v-model="state.ruleForm.url" placeholder="请输入线上地址" maxlength="255" show-word-limit clearable />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <template v-for="(item,index) in state.ruleForm.complaints" :key="index">
            <el-col :xs="24" :sm="12" :md="12" :lg="21" :xl="12" class="mb20">
            <el-col :xs="24" :sm="12" :md="12" :lg="16" :xl="12" class="mb20">
              <el-form-item :label="`投诉事项${index==0?'':index}`" prop="complaints">
                <el-input v-model="item.itemDescription" :placeholder="`请输入投诉事项${index==0?'':index}`" maxlength="255"
                  show-word-limit clearable />
                <el-input v-model="item.itemDescription" type="textarea" :placeholder="`请输入投诉事项${index==0?'':index}`"
                  maxlength="1000" show-word-limit clearable />
              </el-form-item>
            </el-col>
            <el-col :xs="24" :sm="12" :md="12" :lg="6" :xl="12" class="mb20">
              <el-form-item :label="`投诉状态${index==0?'':index}`" prop="complaints">
                <el-select v-model="item.handlingStatus">
                  <el-option v-for="item in handlingStatus" :key="item.value" :label="item.label" :value="item.value" />
                </el-select>
              </el-form-item>
            </el-col>
          </template>
@@ -149,12 +169,6 @@
            v-if="state.ruleForm.complaints&&state.ruleForm.complaints.length>1">
            <el-button type="primary" @click="changeComplaints">-</el-button>
          </el-col>
          <el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
            <el-form-item label="线上地址" prop="url">
              <el-input v-model="state.ruleForm.url" placeholder="请输入线上地址" maxlength="255" show-word-limit clearable />
            </el-form-item>
          </el-col>

        </el-row>
      </el-form>
      <template #footer>