lcw
This commit is contained in:
@ -25,12 +25,13 @@
|
||||
<MOSTY.Department
|
||||
width="100%"
|
||||
clearable
|
||||
:disabled="forbidden"
|
||||
v-model="listQuery.ssbmdm"
|
||||
:placeholder="listQuery.ssbm ? listQuery.ssbm : '请选择所属部门'"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="jczmc" label="环林卡口名称">
|
||||
<el-input
|
||||
<el-input :disabled="forbidden"
|
||||
v-model="listQuery.jczmc"
|
||||
placeholder="请输入环林卡口名称"
|
||||
style="width: 100%"
|
||||
@ -39,7 +40,7 @@
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item style="width: 40%" prop="zqlx" label="执勤类型">
|
||||
<el-select v-model="listQuery.zqlx" placeholder="请选择执勤类型">
|
||||
<el-select :disabled="forbidden" v-model="listQuery.zqlx" placeholder="请选择执勤类型">
|
||||
<el-option
|
||||
v-for="dict in dict.D_BZ_ZQLX"
|
||||
:key="dict.value"
|
||||
@ -49,7 +50,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="jczlx" label="环林卡口类型">
|
||||
<el-select v-model="listQuery.jczlx" placeholder="请选择环林卡口类型">
|
||||
<el-select :disabled="forbidden" v-model="listQuery.jczlx" placeholder="请选择环林卡口类型">
|
||||
<el-option
|
||||
v-for="dict in dict.D_BZ_JCZLX"
|
||||
:key="dict.value"
|
||||
@ -59,7 +60,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="jczjb" label="环林卡口级别">
|
||||
<el-select v-model="listQuery.jczjb" placeholder="请选择环林卡口级别">
|
||||
<el-select :disabled="forbidden" v-model="listQuery.jczjb" placeholder="请选择环林卡口级别">
|
||||
<el-option
|
||||
v-for="dict in dict.D_BZ_JCZJB"
|
||||
:key="dict.value"
|
||||
@ -69,7 +70,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="fzr" label="负责人">
|
||||
<el-input
|
||||
<el-input :disabled="forbidden"
|
||||
v-model="listQuery.fzr"
|
||||
placeholder="请输入负责人"
|
||||
style="width: 100%"
|
||||
@ -77,7 +78,7 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="lxdh" label="联系电话">
|
||||
<el-input
|
||||
<el-input :disabled="forbidden"
|
||||
v-model="listQuery.lxdh"
|
||||
placeholder="请输入联系电话"
|
||||
style="width: 100%"
|
||||
@ -85,7 +86,7 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="dllx" label="道路类型">
|
||||
<el-select v-model="listQuery.dllx" placeholder="请选择道路类型">
|
||||
<el-select :disabled="forbidden" v-model="listQuery.dllx" placeholder="请选择道路类型">
|
||||
<el-option
|
||||
v-for="dict in dict.D_BZ_DLLX"
|
||||
:key="dict.value"
|
||||
@ -94,16 +95,16 @@
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 40%" prop="dzmc" label="环林卡口地址">
|
||||
<el-input
|
||||
v-model="listQuery.dzmc"
|
||||
<el-form-item style="width: 40%" prop="xxdz" label="环林卡口地址">
|
||||
<el-input :disabled="forbidden"
|
||||
v-model="listQuery.xxdz"
|
||||
placeholder="请输入环林卡口地址"
|
||||
style="width: 100%"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="示意图(最多3张)" prop="fjid" style="width: 40%">
|
||||
<MOSTY.Upload
|
||||
<MOSTY.Upload :disableds="forbidden"
|
||||
:isImg="true"
|
||||
width="100%"
|
||||
:limit="3"
|
||||
@ -115,7 +116,7 @@
|
||||
prop="qjfjid"
|
||||
style="width: 48%"
|
||||
>
|
||||
<MOSTY.Upload
|
||||
<MOSTY.Upload :disableds="forbidden"
|
||||
width="100%"
|
||||
:isImg="true"
|
||||
:limit="3"
|
||||
@ -124,20 +125,20 @@
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 85%" prop="jd" label="坐标位置">
|
||||
<div class="latlng flex">
|
||||
<el-input
|
||||
<el-input :disabled="true"
|
||||
v-model="listQuery.jd"
|
||||
clearable
|
||||
placeholder="请选择坐标"
|
||||
style="width: 42%"
|
||||
></el-input>
|
||||
<el-input
|
||||
<el-input :disabled="true"
|
||||
v-model="listQuery.wd"
|
||||
clearable
|
||||
placeholder="请选择坐标"
|
||||
style="width: 42%; margin-left: 1%"
|
||||
></el-input>
|
||||
|
||||
<el-button @click="selectLocation">选择定位</el-button>
|
||||
<el-button @click="selectLocation" :disabled="forbidden">选择定位</el-button>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item style="width: 100%">
|
||||
@ -162,22 +163,29 @@ const props = defineProps({
|
||||
}
|
||||
});
|
||||
const rules = reactive({
|
||||
sbmc: [
|
||||
jczmc: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入感知源名称"
|
||||
message: "请输入检查站名称"
|
||||
}
|
||||
],
|
||||
sblx: [
|
||||
zqlx: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择感知源类型"
|
||||
message: "请选择执勤类型",
|
||||
trigger: "change"
|
||||
}
|
||||
],
|
||||
sbbh: [
|
||||
jczlx: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入感知源编号",
|
||||
message: "请选择环林卡口类型",
|
||||
trigger: "change"
|
||||
}
|
||||
], jczjb: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择环林卡口级别",
|
||||
trigger: "change"
|
||||
}
|
||||
],
|
||||
@ -221,15 +229,19 @@ onMounted(() => {
|
||||
});
|
||||
});
|
||||
let pageType = ref("add");
|
||||
|
||||
const forbidden=ref(false)
|
||||
// 初始化数据
|
||||
const init = (type, row) => {
|
||||
pageType.value = type;
|
||||
dialogForm.value = true;
|
||||
// 根据type和row初始化表单数据
|
||||
tabHeightFn();
|
||||
if (type == "edit") {
|
||||
if (type == "edit"||type == "detail") {
|
||||
listQuery.value = { ...row };
|
||||
if (type == "detail") {
|
||||
forbidden.value=true
|
||||
}
|
||||
chackLat();
|
||||
} else {
|
||||
listQuery.value = {};
|
||||
}
|
||||
@ -267,21 +279,30 @@ const selectLocation = () => {
|
||||
});
|
||||
};
|
||||
//获取经纬度
|
||||
const chackLat = (type) => {
|
||||
const chackLat = () => {
|
||||
const { jd, wd } = listQuery.value;
|
||||
console.log(jd, wd );
|
||||
|
||||
emitter.emit("deletePointArea", "jczMap_Gzy");
|
||||
if (jd && wd) {
|
||||
emitter.emit("addPointArea", {
|
||||
coords: [{ jd, wd }],
|
||||
icon: require("@/assets/images/bi/zsdw.png"),
|
||||
flag: "jczMap_Gzy"
|
||||
});
|
||||
setTimeout(() => {
|
||||
emitter.emit("addPointArea", {
|
||||
coords: [{ jd, wd }],
|
||||
icon: require("@/assets/images/bi/gzy.png"),
|
||||
flag: "jczMap_Gzy"
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
};
|
||||
// 初始化时展示地图图标
|
||||
const mapIcon = (val) => {
|
||||
console.log(val);
|
||||
|
||||
}
|
||||
//页面关闭
|
||||
const close = () => {
|
||||
dialogForm.value = false;
|
||||
forbidden.value=false
|
||||
listQuery.value = {};
|
||||
};
|
||||
// 表格高度计算
|
||||
|
||||
Reference in New Issue
Block a user