更新
This commit is contained in:
@ -1,82 +1,54 @@
|
||||
<template>
|
||||
<!-- 弹框 -->
|
||||
<el-dialog v-model="dialogVisible" title="智能解析数据" width="80vw">
|
||||
<div style="max-height: 250px; overflow-y: auto; padding-right: 8px">
|
||||
<div
|
||||
v-for="(item, index) in tableData"
|
||||
:key="index"
|
||||
style="font-weight: 700; font-size: 20px; margin-bottom: 20px"
|
||||
>
|
||||
发掘文本{{ index + 1 }}:<span class="text-danger">
|
||||
{{ item.fjWb }}</span
|
||||
>
|
||||
<div class="infoCnt">
|
||||
<div class="baseInfo">
|
||||
<div v-for="(item, index) in tableData" :key="index" >
|
||||
发掘文本{{ index + 1 }}:<span class="text-danger">{{ item.fjWb }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<MyTable
|
||||
:tableData="pageData.dtoList"
|
||||
:tableColumn="pageData.tableColumn"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount"
|
||||
:tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth"
|
||||
:row-class-name="({ row }) => (row.status ? '' : 'row-deleted')"
|
||||
>
|
||||
<!-- 管辖单位 -->
|
||||
<template #gxDwDm="{ row }">
|
||||
<el-select
|
||||
v-model="row.gxDwDm"
|
||||
placeholder="请选择管辖单位"
|
||||
style="width: 130px"
|
||||
@change="handleDeptChange('gxDwMc', $event, row)"
|
||||
:disabled="!row.status"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in deptList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value.toString()"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
<!-- 是否关注 -->
|
||||
<template #sfGz="{ row }">
|
||||
<el-radio-group v-model="row.sfGz">
|
||||
<el-radio
|
||||
v-for="(item, index) in D_BZ_SF"
|
||||
size="large"
|
||||
:key="item.value"
|
||||
:label="item.zdmc || item.label"
|
||||
:value="item.dm || item.value"
|
||||
></el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
<!-- 管辖单位 -->
|
||||
<template #ryFjZp="{ row }"> 照片上传 </template>
|
||||
<template
|
||||
v-for="item in pageData.tableColumn.filter(
|
||||
(col) => !['gxDwDm', 'sfGz', 'ryFjZp'].includes(col.prop)
|
||||
)"
|
||||
#[item.prop]="{ row }"
|
||||
<MyTable
|
||||
:tableData="pageData.dtoList"
|
||||
:tableColumn="pageData.tableColumn"
|
||||
:tableHeight="pageData.tableHeight"
|
||||
:key="pageData.keyCount"
|
||||
:tableConfiger="pageData.tableConfiger"
|
||||
:controlsWidth="pageData.controlsWidth"
|
||||
:row-class-name="({ row }) => (row.status ? '' : 'row-deleted')"
|
||||
>
|
||||
<el-input
|
||||
style="width: 100px"
|
||||
v-model="row[item.prop]"
|
||||
:placeholder="'请输入' + item.label"
|
||||
:disabled="!row.status"
|
||||
/>
|
||||
</template>
|
||||
<!-- 操作列 -->
|
||||
<template #controls="{ row, $index }">
|
||||
<el-link v-if="row.status" type="danger" @click="delDictItem($index)">
|
||||
删除
|
||||
</el-link>
|
||||
<el-link v-else type="primary" @click="recover($index)"> 恢复 </el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<div class="stats">
|
||||
共 {{ pageData.dtoList.length }} 条数据， 其中
|
||||
{{ pageData.dtoList.filter((x) => !x.status).length }} 条已标记删除
|
||||
<!-- 管辖单位 -->
|
||||
<template #gxDwDm="{ row }">
|
||||
<el-select
|
||||
v-model="row.gxDwDm"
|
||||
placeholder="请选择管辖单位"
|
||||
style="width: 130px"
|
||||
@change="handleDeptChange('gxDwMc', $event, row)"
|
||||
:disabled="!row.status"
|
||||
>
|
||||
<el-option v-for="item in deptList" :key="item.value" :label="item.label" :value="item.value.toString()"/>
|
||||
</el-select>
|
||||
</template>
|
||||
<!-- 是否关注 -->
|
||||
<template #sfGz="{ row }">
|
||||
<el-radio-group v-model="row.sfGz">
|
||||
<el-radio v-for="(item, index) in D_BZ_SF" size="large" :key="index" :label="item.zdmc || item.label" :value="item.dm || item.value"></el-radio>
|
||||
</el-radio-group>
|
||||
</template>
|
||||
<!-- 管辖单位 -->
|
||||
<template #ryFjZp="{ row }"> 照片上传 </template>
|
||||
<template :key="idx" v-for="(item,idx) in pageData.tableColumn.filter((col) => !['gxDwDm', 'sfGz', 'ryFjZp'].includes(col.prop) )" #[item.prop]="{ row }">
|
||||
<el-input style="width: 100px" v-model="row[item.prop]" :placeholder="'请输入' + item.label" :disabled="!row.status" />
|
||||
</template>
|
||||
<!-- 操作列 -->
|
||||
<template #controls="{ row, $index }">
|
||||
<el-link v-if="row.status" type="danger" @click="delDictItem($index)">删除</el-link>
|
||||
<el-link v-else type="primary" @click="recover($index)"> 恢复 </el-link>
|
||||
</template>
|
||||
</MyTable>
|
||||
<div class="stats">
|
||||
共 {{ pageData.dtoList.length }} 条数据， 其中
|
||||
{{ pageData.dtoList.filter((x) => !x.status).length }} 条已标记删除
|
||||
</div>
|
||||
</div>
|
||||
<template #footer>
|
||||
<div class="dialog-footer">
|
||||
@ -90,13 +62,7 @@
|
||||
<script setup>
|
||||
import MyTable from "@/components/aboutTable/MyTable.vue";
|
||||
import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
|
||||
import {
|
||||
reactive,
|
||||
ref,
|
||||
onMounted,
|
||||
getCurrentInstance,
|
||||
defineExpose
|
||||
} from "vue";
|
||||
import { reactive, ref, defineEmits,onMounted, getCurrentInstance, defineExpose } from "vue";
|
||||
import { selectUserDeptPage } from "@/api/user-manage";
|
||||
import { ElMessage } from "element-plus";
|
||||
const { proxy } = getCurrentInstance();
|
||||
@ -107,6 +73,7 @@ const props = defineProps({
|
||||
default: () => []
|
||||
}
|
||||
});
|
||||
const emit = defineEmits(['onSearch'])
|
||||
const dialogVisible = ref(false);
|
||||
const pageData = reactive({
|
||||
dtoList: [],
|
||||
@ -116,15 +83,13 @@ const pageData = reactive({
|
||||
showSelectType: "checkBox",
|
||||
loading: false
|
||||
},
|
||||
|
||||
tableHeight: 500,
|
||||
tableHeight: 330,
|
||||
total: 0,
|
||||
pageConfiger: {
|
||||
pageSize: 20,
|
||||
pageCurrent: 1
|
||||
},
|
||||
controlsWidth: 80,
|
||||
|
||||
tableColumn: [
|
||||
{ label: "管辖单位", prop: "gxDwDm", showSolt: true, width: 200 },
|
||||
{ label: "姓名", prop: "ryXm", showSolt: true, width: 130 },
|
||||
@ -142,7 +107,6 @@ const pageData = reactive({
|
||||
{ label: "附件照片", prop: "ryFjZp", showSolt: true, width: 130 }
|
||||
]
|
||||
});
|
||||
|
||||
const deptList = ref([]); //部门列表
|
||||
onMounted(() => {
|
||||
getdepartmentList();
|
||||
@ -158,26 +122,17 @@ const getdepartmentList = () => {
|
||||
};
|
||||
const handleDeptChange = (nameField, selectedValue, row) => {
|
||||
// 找到选中的部门
|
||||
const selectedDept = deptList.value.find(
|
||||
(item) => item.value.toString() === selectedValue
|
||||
);
|
||||
const selectedDept = deptList.value.find((item) => item.value.toString() === selectedValue);
|
||||
// 更新名称
|
||||
row[nameField] = selectedDept ? selectedDept.label : "";
|
||||
};
|
||||
const init = () => {
|
||||
dialogVisible.value = true;
|
||||
let url = "/mosty-gsxt/tbGsxtRqfjRy/createCbfj";
|
||||
qcckGet({}, url)
|
||||
.then((res) => {
|
||||
console.log(res);
|
||||
pageData.dtoList = res.map((item) => ({
|
||||
...item,
|
||||
status: true
|
||||
}));
|
||||
})
|
||||
.catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
});
|
||||
qcckGet({}, "/mosty-gsxt/tbGsxtRqfjRy/createCbfj").then((res) => {
|
||||
pageData.dtoList = res.map((item) => ({ ...item, status: true }));
|
||||
}).catch(() => {
|
||||
pageData.tableConfiger.loading = false;
|
||||
});
|
||||
};
|
||||
// 删除方法
|
||||
const delDictItem = (index) => {
|
||||
@ -192,14 +147,12 @@ const recover = (index) => {
|
||||
// 提交
|
||||
const submitData = () => {
|
||||
const validData = pageData.dtoList.filter((item) => item.status);
|
||||
qcckPost(validData, "/mosty-gsxt/tbGsxtRqfjRy/saveList")
|
||||
.then((res) => {
|
||||
ElMessage.success("新增成功");
|
||||
dialogVisible.value = false;
|
||||
emit("onSearch");
|
||||
close();
|
||||
})
|
||||
.catch(() => {});
|
||||
qcckPost(validData, "/mosty-gsxt/tbGsxtRqfjRy/saveList").then((res) => {
|
||||
ElMessage.success("新增成功");
|
||||
dialogVisible.value = false;
|
||||
emit("onSearch");
|
||||
close();
|
||||
})
|
||||
};
|
||||
|
||||
defineExpose({ init });
|
||||
@ -211,7 +164,23 @@ defineExpose({ init });
|
||||
background-color: #fef0f0;
|
||||
color: #f56c6c;
|
||||
}
|
||||
.text-danger {
|
||||
font-weight: 500;
|
||||
|
||||
|
||||
.infoCnt{
|
||||
height: 63vh;
|
||||
}
|
||||
.baseInfo{
|
||||
font-size: 16px;
|
||||
max-height: 230px;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
line-height: 24px;
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
.text-danger {
|
||||
color: #333;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,129 +0,0 @@
|
||||
<template>
|
||||
<div class="dialog" v-if="dialogForm">
|
||||
<div class="head_box">
|
||||
<span class="title">3D打印业务信息详情</span>
|
||||
<div>
|
||||
<el-button size="small" @click="close">关闭</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cntinfo">
|
||||
<el-form :model="listQuery" :label-width="230" label-position="left">
|
||||
<div class="form-row">
|
||||
<el-form-item label="业务流水号码">
|
||||
<el-input v-model="listQuery.ywlsh" placeholder="01131213"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="单位名称">
|
||||
<el-input v-model="listQuery.dwmc" placeholder="老王打印店"/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<el-form-item label="场所名称">
|
||||
<el-input v-model="listQuery.csmc" placeholder="老王打印店"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="3D打印设备品牌型号">
|
||||
<el-input v-model="listQuery.sbppxh" placeholder="sa5421321321"/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<el-form-item label="3D打印设备号码">
|
||||
<el-input v-model="listQuery.sbhm" placeholder="1002"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="3D打印设备数量">
|
||||
<el-input v-model="listQuery.sbsl" placeholder="5"/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<div class="form-row">
|
||||
<el-form-item label="3D打印材料名称">
|
||||
<el-input v-model="listQuery.clmc" placeholder="塑料"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="申请单位单位名称">
|
||||
<el-input v-model="listQuery.sqdwmc" placeholder="xxxxx单位"/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive } from 'vue';
|
||||
|
||||
const dialogForm = ref(false);
|
||||
const listQuery = ref({});
|
||||
|
||||
// 初始化数据
|
||||
const init = (type, row) => {
|
||||
dialogForm.value = true;
|
||||
// 根据type和row初始化表单数据
|
||||
};
|
||||
|
||||
const close = () => {
|
||||
dialogForm.value = false;
|
||||
};
|
||||
|
||||
defineExpose({init})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.dialog {
|
||||
padding: 20px;
|
||||
|
||||
:deep(.el-form-item__label) {
|
||||
background-color: #F7FAFB;
|
||||
padding: 0px 8px;
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
border: 1px solid #E3E7ED;
|
||||
}
|
||||
|
||||
.head_box {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.cntinfo{
|
||||
height: calc(100% - 70px);
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
|
||||
.el-form-item {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
.image-group {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
|
||||
.image-item {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border: 1px solid #dcdfe6;
|
||||
|
||||
.el-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-input__inner{
|
||||
height: 36px !important;
|
||||
line-height: 36px !important;
|
||||
border-radius: 0;
|
||||
color: #777575;
|
||||
}
|
||||
}
|
||||
.el-form-item--default{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,81 @@
|
||||
<template>
|
||||
<el-dialog v-model="modelValue" title="等级切换" width="500px" @close="handleClose">
|
||||
<el-form :model="listQuery" ref="formValidate" :rules="rules">
|
||||
<el-form-item prop="fxDj" label="风险等级" v-if="props.type == '级别变更'">
|
||||
<MOSTY.Select filterable v-model="listQuery.fxDj" :dictEnum="props.dic.D_GS_RQFJ_FXDJ" width="100%" clearable placeholder="请选择风险等级"/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="ssbmdm" label="所属部门" v-if="props.type == '警种变更'">
|
||||
<MOSTY.Department filterable v-model="listQuery.ssbmdm" width="100%" clearable placeholder="请选择所属部门"/>
|
||||
</el-form-item>
|
||||
<el-form-item prop="uid" label="选择民警" v-if="props.type == '指定分配'">
|
||||
<MOSTY.Other @click="chooseUserVisible = true" readonly v-model="listQuery.uidMc" width="100%" clearable placeholder="请选择选择民警"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<template #footer>
|
||||
<div class="tc">
|
||||
<el-button @click="handleClose">取消</el-button>
|
||||
<el-button type="primary" @click="submitForm">确定</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<ChooseUser v-model="chooseUserVisible" @choosedUsers="handleUserSelected" :roleIds="roleIds" />
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import ChooseUser from "@/components/MyComponents/ChooseUser/index.vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import { qcckPost } from "@/api/qcckApi.js";
|
||||
import * as MOSTY from "@/components/MyComponents/index";
|
||||
import { ref ,defineProps,defineEmits, reactive} from 'vue';
|
||||
const props = defineProps({
|
||||
modelValue:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
},
|
||||
ids:{
|
||||
type:Array,
|
||||
default:[]
|
||||
},
|
||||
type:String,
|
||||
dic:Object
|
||||
})
|
||||
const chooseUserVisible = ref(false)
|
||||
const roleIds = ref([])
|
||||
const emits = defineEmits(["update:modelValue",'getDepValue']);
|
||||
const formValidate = ref()
|
||||
const rules = reactive({
|
||||
fxDj: [{ required: true, message: "请选择风险等级", trigger: "change" }],
|
||||
ssbmdm: [{ required: true, message: "请选择所属部门", trigger: "change" }],
|
||||
uid: [{ required: true, message: "请选择民警", trigger: "change" }],
|
||||
})
|
||||
const listQuery = ref({});
|
||||
|
||||
const handleUserSelected = (val) => {
|
||||
listQuery.value.uid = val[0].id;
|
||||
listQuery.value.uidMc = val[0].userName;
|
||||
roleIds.value = [val[0].id]
|
||||
}
|
||||
|
||||
const submitForm = () =>{
|
||||
formValidate.value.validate((valid) => {
|
||||
if (!valid) return false;
|
||||
let params = { ids:props.ids, ...listQuery.value }
|
||||
let url = props.type == '指定分配' ? '/mosty-gsxt/tbGsxtRqfjRy/updateByMj':'/mosty-gsxt/tbGsxtRqfjRy/updateByFxDj'
|
||||
qcckPost(params,url).then(res=>{
|
||||
ElMessage.success("修改成功");
|
||||
emits('update:modelValue',false)
|
||||
emits('change')
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
const handleClose = () =>{
|
||||
emits('update:modelValue',false)
|
||||
formValidate.value.resetFields();
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user