多体系建设信息化条统-前端
zhouwx
4 days ago 6b338b45fe9b688996d1d1440a3b87767f042ec3
src/views/build/conpanyFunctionConsult/riskManage/control/index.vue
@@ -8,9 +8,10 @@
              plain
              icon="Plus"
              @click="openDialog('add',{})"
              v-hasPermi="['riskControl:list:add']"
          >新增</el-button>
        </el-form-item>
        <el-form-item label="企业名称:" v-if="data.isAdmin" style="margin-left: 20px">
        <el-form-item label="单位名称:" v-if="data.isAdmin" style="margin-left: 20px">
          <el-select v-model="data.queryParams.companyId" placeholder="请选择" filterable clearable>
            <el-option
                v-for="item in data.companyList"
@@ -21,33 +22,40 @@
          </el-select>
        </el-form-item>
        <el-form-item label="年份:" style="margin-left: 20px">
          <el-select
          <el-date-picker
              v-model="data.queryParams.year"
              placeholder="请选择年份"
              style="width: 240px"
              filterable
              allow-create
              default-first-option
              :reserve-keyword="false"
              @change="handleChangeNum"
          >
            <el-option
                v-for="item in data.yearList"
                :key="item.value"
                :label="item.label"
                :value="item.label"
            />
          </el-select>
              type="year"
              value-format="YYYY"
          />
<!--          <el-select-->
<!--              v-model="data.queryParams.year"-->
<!--              placeholder="请选择年份"-->
<!--              style="width: 240px"-->
<!--              filterable-->
<!--              allow-create-->
<!--              default-first-option-->
<!--              :reserve-keyword="false"-->
<!--              @change="handleChangeNum"-->
<!--          >-->
<!--            <el-option-->
<!--                v-for="item in data.yearList"-->
<!--                :key="item.value"-->
<!--                :label="item.label"-->
<!--                :value="item.label"-->
<!--            />-->
<!--          </el-select>-->
        </el-form-item>
        <el-form-item>
          <el-button type="primary" style="margin-left: 30px" @click="searchClick">查询</el-button>
          <el-button plain @click="reset">重置</el-button>
        </el-form-item>
        <el-form-item style="margin-left: 15px">
          <el-button
              type="primary"
              @click="exportData"
          >导出</el-button>
          <el-button  type="primary" plain @click="copy">复制</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -55,14 +63,18 @@
    <el-table v-loading="loading" :data="dataList" :border="true"  @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" />
      <el-table-column type="index" label="序号" width="80" align="center"></el-table-column>
      <el-table-column label="名称" prop="companyName" align="center"  />
      <el-table-column label="部门" prop="departName" align="center"  />
      <el-table-column label="名称"  align="center">
        <template #default="scope">
          <span>{{scope.row.year}}年度{{scope.row.deptName}}风险管理控制表</span>
        </template>
      </el-table-column>
      <el-table-column label="部门" prop="deptName" align="center"  />
      <el-table-column label="年份" prop="year" align="center"  />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="160">
        <template #default="scope">
          <el-button link type="primary"  @click="openDialog('review',scope.row)" >查看</el-button>
          <el-button link type="primary"  @click="openDialog('edit',scope.row)" >编辑</el-button>
          <el-button link type="danger"  @click="handleDelete(scope.row)" >删除</el-button>
          <el-button link type="primary"  @click="openDialog('edit',scope.row)" v-hasPermi="['riskControl:list:edit']">编辑</el-button>
          <el-button link type="danger"  @click="handleDelete(scope.row)" v-hasPermi="['riskControl:list:del']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
@@ -79,6 +91,49 @@
      />
    </div>
    <editDialog ref="noticeRef" @getList = "getList"></editDialog>
    <el-dialog
        v-model="copyVisible"
        width="500px"
        :before-close="handleCloseCopy"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
    >
      <div v-if="data.isAdmin">
        <span style="display:block;margin-bottom: 8px">单位名称:</span>
        <el-select
            v-model="queryParams.companyId"
            filterable
            style="width: 100%;margin-bottom: 8px"
        >
          <el-option
              v-for="item in data.companyList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
          />
        </el-select>
      </div>
      <span style="display:block;margin-bottom: 8px">将以下年份数据:</span>
      <el-date-picker
          v-model="data.copyYear"
          type="year"
          value-format="YYYY"
          style="margin-bottom: 8px;width: 100%;"
          placeholder="请选择"
      />
      <span style="display:block;margin-bottom: 8px">复制到:</span>
      <el-date-picker
          v-model="data.targetYear"
          type="year"
          value-format="YYYY"
          style="margin-bottom: 8px;width: 100%"
          placeholder="请选择"
      />
      <div class="dialog-footer" style="display: flex;justify-content: right">
        <el-button @click="handleCloseCopy" size="default">取 消</el-button>
        <el-button type="primary"  @click="onSubmitCopy" size="default" v-preReClick>确认</el-button>
      </div>
    </el-dialog>
  </div>
</template>
@@ -90,6 +145,9 @@
import Cookies from "js-cookie";
import {generateWordDocument} from "@/utils/exportWord";
import {delTable, getTable} from "@/api/qualityObjectives/table";
import {delRiskControl, getRiskControl} from "@/api/riskManage/risk";
import {copySysClause} from "@/api/staffManage/staff";
import {copyControl} from "@/api/environment/factors";
const { proxy } = getCurrentInstance();
const loading = ref(false);
const noticeRef = ref();
@@ -104,6 +162,9 @@
    year: '',
    type: ''
  },
  copyVisible: false,
  targetYear:'',
  copyYear:'',
  companyList: [],
  isAdmin: false,
  dialogVisible: false,
@@ -133,7 +194,7 @@
const dataList = ref([]);
const total = ref(0);
const { queryParams } = toRefs(data);
const { queryParams,copyVisible,chooseYearId } = toRefs(data);
onMounted(() => {
  const userInfo = JSON.parse(Cookies.get('userInfo'))
@@ -144,23 +205,24 @@
  }else {
    data.queryParams.companyId = userInfo.companyId
  }
  getNowYear()
  getList();
  if(data.isAdmin){
    getCompanyList()
  }
});
const getNowYear = () =>{
  data.queryParams.year = new Date().getFullYear().toString()
}
const getList = async () => {
  loading.value = true;
  // const res = await getTable(data.queryParams);
  // if(res.code === 200){
  //   dataList.value = res.data.list
  //   total.value = res.data.total
  // }else{
  //   ElMessage.warning(res.message)
  // }
  dataList.value = [
    {}
  ]
  const res = await getRiskControl(data.queryParams);
  if(res.code === 200){
    dataList.value = res.data.list
    total.value = res.data.total
  }else{
    ElMessage.warning(res.message)
  }
  loading.value = false;
}
@@ -228,6 +290,7 @@
      type: ''
    }
  }
  getNowYear()
  getList();
}
@@ -241,38 +304,22 @@
const templatePath = ref('/riskControlExample.docx')
const startGeneration = async () => {
  const data = JSON.parse(JSON.stringify(choosedData.value))
  let name = ''
  data.forEach(item => {
    item.tableList =[
      {
        flow: 'xxx',
        mess: [
          {
            first:true,
            flow: 'xxx',
            event: 'xxxxxx'
          },
          {
            first:false,
            flow: 'xxx',
            event: '2222'
          },
        ]
      },
      {
        flow: '444444',
        mess: [
          {
            first:true,
            flow: '444444',
            event: 'gg'
          },
        ]
    item.tableData = item.riskContents.map((i,index) => {
      return{
        ...i,
        contentMesses: i.contentMesses.map((q,qindex) => {
          return{
            ...q,
            first: qindex == 0,
            num: index+1,
            process: i.process
          }
        })
      }
    ]
    })
    try {
      generateWordDocument(templatePath.value, item, `_相关方期望和需求识别.docx`);
      generateWordDocument(templatePath.value, item, item.companyName+`_风险管理控制表.docx`);
    } catch (error){
      ElMessage({
        type: 'warning',
@@ -305,7 +352,7 @@
        type: 'warning',
      })
      .then( async() => {
        const res = await delTable(val.id);
        const res = await delRiskControl(val.id);
        if(res.code === 200){
          ElMessage({
            type: 'success',
@@ -325,6 +372,58 @@
    data.yearList.push({ value, label: value }); // 添加新选项(这里简单地将值和标签设为相同)
  }
}
const copy = () => {
  data.copyVisible = true
}
const onSubmitCopy = async () => {
  if(data.isAdmin && !data.queryParams.companyId){
    ElMessage.warning('请先选择单位')
    return
  }
  if(!data.copyYear){
    ElMessage.warning('请先选择要复制的年份')
    return
  }
  if(!data.targetYear){
    ElMessage.warning('请选择目标年份')
    return
  }
  ElMessageBox.confirm(
      '该操作将覆盖目标年份的数据,是否继续?',
      '提示',
      {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning',
      })
      .then( async() => {
        const param = {
          companyId: data.queryParams.companyId,
          copyYear: data.copyYear,
          targetYear: data.targetYear
        }
        const res = await copyControl(param);
        if(res.code === 200){
          ElMessage({
            type: 'success',
            message: res.data
          });
          await handleCloseCopy()
          await getList();
        }else{
          ElMessage.warning(res.message)
        }
      }).catch(err => {
  })
}
const handleCloseCopy = () => {
  data.targetYear=''
  data.copyYear=''
  data.copyVisible = false
}
</script>
<style lang="scss">