修改新增

祖安之光

50 分钟以前 fca7a89c2bf084dcd5d83819140cc7eb33fc6199

 src/views/build/conpanyFunctionConsult/qualityObjectives/table/components/tableCompanyDialog.vue

@@ -11,21 +11,36 @@
      <el-form :model="state.form" size="default" ref="busRef" :rules="state.rules"    >
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="质量目标:" prop="qualityId" >
              <el-select
                  :disabled="title === '查看'"
                  v-model="state.form.qualityId"
                  placeholder="请选择质量目标"
                  style="width: 100%"
                  @change="chooseQuality"
              >
            <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin">
              <el-select v-model="state.form.companyId" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin" @change="selectValueCom">
                <el-option
                    v-for="item in state.qualityList"
                    v-for="item in state.companyList"
                    :key="item.id"
                    :label="item.message"
                    :value="item.id"
                />
                    :label="item.name"
                    :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="质量目标:" prop="qualityId" >
                <el-select
                    :disabled="title === '查看' || title == '编辑'"
                    v-model="state.form.qualityId"
                    placeholder="请选择质量目标"
                    style="width: 100%"
                    @change="chooseQuality"
                >
                  <el-option
                      v-for="item in state.qualityList"
                      :key="item.id"
                      :label="item.message"
                      :value="item.id"
                      :title="item.message"
                  />
                </el-select>
            </el-form-item>
          </el-col>
        </el-row>
@@ -48,45 +63,99 @@
                <el-table-column type="index" label="序号"  align="center"></el-table-column>
                <el-table-column label="目标项目" prop="message" align="center"  />
                <el-table-column label="目标值" align="center"  >
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.num'" :rules="state.rules.num">-->
<!--                      <el-input :disabled="title === '查看'" type="textarea" v-model="row.num" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.num'" :rules="state.rules.num">
                      <el-input :disabled="title === '查看'" type="textarea" v-model="row.num" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="实施措施及需要的资源" align="center"  width="180">
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.method'" :rules="state.rules.method">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.method" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.method'" :rules="state.rules.method">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.method" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.method'" :rules="state.rules.method">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.method" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="计算/统计方法" align="center"  >
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.calculate" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.calculate'" :rules="state.rules.calculate">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.calculate" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.calculate'" :rules="state.rules.calculate">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.calculate" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="数据源" align="center"  >
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dataSource'" :rules="state.rules.dataSource">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.dataSource" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.dataSource'" :rules="state.rules.dataSource">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.dataSource" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']' + '.dataSource'" :rules="state.rules.dataSource">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.dataSource" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="提供部门" align="center"  >
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.departName'" :rules="state.rules.departName">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.departName" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.departName'" :rules="state.rules.departName">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.departName" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].' +'qualityTargetMesses.' + '[' + index + ']'+ '.departName'" :rules="state.rules.departName">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.departName" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="考核频次" align="center"  >
<!--                  <template #default="{row,$index}">-->
<!--                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency">-->
<!--                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>-->
<!--                    </el-form-item>-->
<!--                  </template>-->
                  <template #default="{row,$index}">
                    <el-form-item :prop="'qualityTargets.' + '[' + $index + ']' + '.frequency'" :rules="state.rules.frequency">
                      <el-input :disabled="title === '查看'"  type="textarea" v-model="row.frequency" placeholder="请输入"></el-input>
                    </el-form-item>
                    <div v-for="(i,index) in row.qualityTargetMesses" :key="index">
                      <el-form-item :prop="'qualityTargets.' + '[' + $index + '].'+'qualityTargetMesses.' + '[' + index + ']' + '.frequency'" :rules="state.rules.frequency">
                        <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.frequency" placeholder="请输入"></el-input>
                      </el-form-item>

                    </div>
                  </template>
                </el-table-column>
                <el-table-column label="操作" align="center" width="120" v-if="title !== '查看'" >
                  <template #default="scope">
                    <el-button link type="primary"  @click="addObject(scope.row)" >添加</el-button>
                    <el-button link type="danger"  @click="delObject(scope.row)" >删除</el-button>
                  </template>
                </el-table-column>
              </el-table>
@@ -94,24 +163,13 @@
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="拟制:" prop="fictionName" >
              <el-select
                  :disabled="title === '查看'"
                  v-model="state.form.fictionName"
                  filterable
                  remote
                  @change="selectValue"
                  reserve-keyword
                  placeholder="请输入人员名称"
                  remote-show-suffix
                  :remote-method="getPeopleList"
                  style="width: 240px"
              >
            <el-form-item label="拟制:" prop="fictionId" >
              <el-select clearable v-model="state.form.fictionId" :disabled="title =='查看'" filterable  style="width: 100%">
                <el-option
                    v-for="item in state.peopleList"
                    :key="item.id"
                    :label="item.name"
                    :value="item.name"
                    :value="item.id"
                />
              </el-select>
            </el-form-item>
@@ -129,24 +187,13 @@
        </el-row>
        <el-row :gutter="24" >
          <el-col :span="12">
            <el-form-item label="审核:" prop="checkName" >
              <el-select
                  :disabled="title === '查看'"
                  v-model="state.form.checkName"
                  filterable
                  remote
                  @change="selectValue1"
                  reserve-keyword
                  placeholder="请输入人员名称"
                  remote-show-suffix
                  :remote-method="getPeopleList"
                  style="width: 240px"
              >
            <el-form-item label="审核:" prop="checkId" >
              <el-select clearable v-model="state.form.checkId" :disabled="title =='查看'" filterable  style="width: 100%">
                <el-option
                    v-for="item in state.peopleList"
                    :key="item.id"
                    :label="item.name"
                    :value="item.name"
                    :value="item.id"
                />
              </el-select>
            </el-form-item>
@@ -164,24 +211,13 @@
        </el-row>
        <el-row :gutter="24">
          <el-col :span="12">
            <el-form-item label="批准:" prop="ratifyName" >
              <el-select
                  :disabled="title === '查看'"
                  v-model="state.form.ratifyName"
                  filterable
                  remote
                  @change="selectValue2"
                  reserve-keyword
                  placeholder="请输入人员名称"
                  remote-show-suffix
                  :remote-method="getPeopleList"
                  style="width: 240px"
              >
            <el-form-item label="批准:" prop="ratifyId" >
              <el-select clearable v-model="state.form.ratifyId" :disabled="title =='查看'" filterable  style="width: 100%">
                <el-option
                    v-for="item in state.peopleList"
                    :key="item.id"
                    :label="item.name"
                    :value="item.name"
                    :value="item.id"
                />
              </el-select>
            </el-form-item>
@@ -220,6 +256,7 @@
const title = ref("");
const busRef = ref();
const length = ref()
const selectPopperClass = "max-width-select";
const emit = defineEmits(["getList"]);
const dataRef = ref();
const state = reactive({
@@ -240,12 +277,13 @@
    qualityTargets:[],
  },
  rules: {
    companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
    qualityId: [{ required: true, message: '请选择质量目标', trigger: 'blur' }],
    number: [{ required: true, message: '请输入编号', trigger: 'blur' }],
    serial: [{ required: true, message: '请输入序号', trigger: 'blur' }],
    fictionName: [{ required: true, message: '请选择拟制', trigger: 'blur' }],
    ratifyName: [{ required: true, message: '请选择批准人', trigger: 'blur' }],
    checkName: [{ required: true, message: '请选择审核人', trigger: 'blur' }],
    fictionId: [{ required: true, message: '请选择拟制', trigger: 'blur' }],
    ratifyId: [{ required: true, message: '请选择批准人', trigger: 'blur' }],
    checkId: [{ required: true, message: '请选择审核人', trigger: 'blur' }],
    checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
    ratifyTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
    fictionTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
@@ -259,38 +297,56 @@
  objectList: [],
  qualityList: [],
  peopleList: [],
  isAdmin: false,
  companyList: [],
})

onMounted(() => {


});
const openDialog = async (type, value) => {
const openDialog = async (type, value,companyList) => {
  const userInfo = JSON.parse(Cookies.get('userInfo'))
  state.isAdmin = userInfo.userType === 0;
  state.form.companyName = userInfo.companyName
  state.form.companyId = userInfo.companyId
  await getQualityList()
  if(state.isAdmin){
    state.form.companyId = value.companyId
    state.form.companyName = value.companyName
    state.companyList = companyList
  }
    await getQualityList()
  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
  if(type === 'edit' || type === 'review') {
    state.form = JSON.parse(JSON.stringify(value));
    if(state.isAdmin){
      state.form.companyId = value.companyId
      state.form.companyName = value.companyName
    }
  }
  await   getPeopleList()
  dialogVisible.value = true;
}

const getQualityList = async () => {
  const res = await getObject({companyId:state.form.companyId,type: 1 });
  if(res.code === 200){
    state.qualityList = res.data.data.map(item => {
      return {
        ...item,
        message: item.qualityTargets.map((i,index) => {
          return  i.message
        }).join(';')
      }
    })
  }else{
    ElMessage.warning(res.message)
  if(state.form.companyId){
    const res = await getObject({companyId:state.form.companyId,type: 1 });
    if(res.code === 200){
      state.qualityList = res.data.data.map(item => {
        return {
          ...item,
          message: item.qualityTargets.map((i,index) => {
            return  i.message
          }).join(';')
        }
      })
    }else{
      ElMessage.warning(res.message)
    }
  }else {
    state.qualityList = []
  }


}
const onSubmit = async () => {
@@ -356,21 +412,25 @@
    qualityTargets:[],
  }
  state.peopleList = []
  state.companyList = []
  state.qualityList = []
}
const getPeopleList = async (val)=>{
  if(val != ""){
    const queryParams = {
      name: val
    }
    const res = await getUser(queryParams)
    if (res.code == 200) {
      state.peopleList = res.data.list

    } else {
      ElMessage.warning(res.message)
    }
const getPeopleList = async ()=> {
  if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
    return
  }
}
  const queryParams = {
    pageNum: 1,
    pageSize: 9999,
    companyId: state.form.companyId
  }
  const res = await getUser(queryParams)
  if(res.code == 200){
    state.peopleList = res.data.list?res.data.list:[]
  }else{
    ElMessage.warning(res.message)
  }
};
const selectValue = (val) => {
  state.peopleList.forEach(item => {
    if(item.name === val){
@@ -398,7 +458,9 @@
  if(res.code == 200){
    state.form.qualityTargets = res.data.map(item => {
      return {
        message: item.message
        id: item.id,
        message: item.message,
        qualityTargetMesses: [{qualityTargetId: item.id}]
      }
    })

@@ -408,6 +470,70 @@
  console.log('val',val)

}
const selectValueCom = (val) => {
  state.form.qualityId = null
  state.qualityList = []
  state.form.qualityTargets = []
  state.form.fictionId = null
  state.form.fictionName = ''
  state.form.checkId = null
  state.form.checkName = ''
  state.form.ratifyId = null
  state.form.ratifyName = ''
  state.companyList.forEach(item => {
    if(item.name === val){
      state.form.companyId = item.id
    }
  })
  getQualityList()
  getPeopleList()
}
const getCompanyList = async (val)=>{
  if(val){
    const queryParams = {
      name: val
    }
    const res = await getCompany(queryParams)
    if (res.code == 200) {
      state.companyList = res.data.list

    } else {
      ElMessage.warning(res.message)
    }
  }else {
    const queryParams = {
      pageSize: 999,
      pageNum: 1,
    }
    const res = await getCompany(queryParams)
    if (res.code == 200) {
      state.companyList = res.data.list
    } else {
      ElMessage.warning(res.message)
    }
  }
}
const addObject = (val) => {
  console.log('val',state.form.qualityTargets)
  state.form.qualityTargets.forEach(item => {
    if(item.id == val.id){
      item.qualityTargetMesses.push({qualityTargetId: item.id})
    }
  })

}
const delObject = (val) => {
  state.form.qualityTargets.forEach(item => {
    if(item.id == val.id){
      if(item.qualityTargetMesses.length == 1){
        ElMessage.warning('至少保留一组数据')
        return
      }
      item.qualityTargetMesses.pop()

    }
  })
}
defineExpose({
  openDialog
});