<template>
    <!--矿井信息-->
    <div class="l_Dialog bou tablebk">
      <div class="common-layout" style="margin: 0" >
        <el-aside
          width="480px"
          class="L_aside L_aside1 asideg asidegbg leftbgimg1"
          v-show="dialogVisible"
        >
          <div class="demo-collapse">
            <el-collapse v-model="coolactiveName1" accordion>
              <el-collapse-item name="1"  class="imgneon">
           
                <template #title>
                    <el-icon class="iconimg Frame3 imgneon" fit="contain"></el-icon>
                  矿井信息
                </template>
                <div class="asides_content">
                  <div class="jc_content tablecolor">
                    <div class="jc_padding font12">
                      <div class="xian btncolor tablefocus bmar">
                       <!--内容 -->
            <div class="classtab">
                <el-tabs v-model="resultactiveName" type="card" class="demo-tabs" @tab-click="handleClick"
                    :stretch="true">
                    <el-tab-pane label="节点信息" name="first">
                        <div class="asides_content">
                            <div class="jc_content tablecolor jc_content">

                                <div class="font12 my_content1">
                                    <div class=" btncolor tablefocus bmar">

                                        <el-table :data="tableData2" style="width:480px" :max-height="tableHeight"
                                            :highlight-current-row="currentrow" :row-class-name="tableRowClassName"
                                            @row-click="handleDelete($event)"
                                            :header-cell-style="{ 'background': 'rgba(13, 22, 57,0) ' }">
                                            <el-table-column prop="id"  label="序号" width="80px" />
                                            <el-table-column prop="code" label="节点编号" />
                                            <el-table-column prop="name" label="节点名称" />
                                            <el-table-column prop="x" label="X" />
                                            <el-table-column prop="y" label="Y" />
                                            <el-table-column prop="z" label="Z" />
                                        </el-table>
                                        <div class="demo-pagination-block pagination" style="margin-top: 20px;">
                                            <el-pagination v-model:current-page="currentPage4"
                                                v-model:page-size="pageSize4" small background
                                                layout="prev, total,pager, next, jumpe," :total="parseInt(total)"
                                                class="mt-4" @current-change="handleCurrentChange" />
                                        </div>
                                    </div>
                                </div>
                                <div class="dialog-footer footer_div l_btn">
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button @click="addsg();">添加</el-button></div>
                                    </div>
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button @click="nodedelete()">
                                                删除
                                            </el-button></div>
                                    </div>
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button @click="accident()">
                                                修改
                                            </el-button></div>
                                    </div>
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button
                                                @click="dialogVisible = false; currentrow = false;">
                                                确认
                                            </el-button></div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </el-tab-pane>
                    <el-tab-pane label="巷道信息" name="second">
                        <div class="asides_content">
                            <div class="jc_content tablecolor jc_content">

                                <div class="font12 my_content1">
                                    <div class="btncolor tablefocus bmar">
                                        <el-table :row-class-name="tableRowClassName" :max-height="tableHeight"
                                            ref="multipleTableRef" :highlight-current-row="currentrow1"
                                            @row-click="handleDelete2($event)" :data="tableData3" style="width: 100%"
                                            :header-cell-style="{ 'background': 'rgba(13, 22, 57, 0.96) ' }">
                                                  <el-table-column property="id" label="序号"  />
                                            <el-table-column property="snId" label="开始节点" />
                                            <el-table-column property="enId" label="结束节点" />
                                      
                                            <el-table-column property="code" label="编号" width="70" />
                                            <el-table-column property="name" label="名称" width="70" />
                                            
                                            <el-table-column property="sectionType" label="截面类型" width="120" />
                                            <el-table-column property="roughCoe" label="粗糙系数" />
                                            <el-table-column property="sectionPara1" label="截面参数1" width="90" />
                                            <el-table-column property="sectionPara2" label="截面参数2" width="90" />
                                            <el-table-column property="sectionPara3" label="截面参数3" width="90" />
                                            <el-table-column property="sectionPara4" label="截面参数4" width="90" />
                                            <el-table-column property="sectionPara5" label="截面参数5" width="90" />

                                        </el-table>
                                        <div class="demo-pagination-block pagination" style="margin-top: 20px;">
                                            <el-pagination v-model:current-page="gd.currentPage4"
                                                v-model:page-size="gd.pageSize4" small background
                                                layout="prev, total,pager, next, jumpe," :total="parseInt(gd.total)"
                                                class="mt-4" @current-change="handleCurrentChange2" />
                                        </div>
                                    </div>
                                </div>
                                <div class="dialog-footer footer_div l_btn">
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button @click="guandaoadd();">添加</el-button></div>
                                    </div>
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button @click="nodedelete2();">
                                                删除
                                            </el-button></div>
                                    </div>
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button @click="accident2()">
                                                修改
                                            </el-button></div>
                                    </div>
                                    <div class="footerbtn flex1">
                                        <div class="borderimg"><el-button
                                                @click="dialogVisible = false; currentrow1 = false">
                                                确认
                                            </el-button></div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </el-tab-pane>
                    <!-- <el-tab-pane label="设备信息" name="third">

                    </el-tab-pane>
                    <el-tab-pane label="网络信息" name="thirds">

                    </el-tab-pane> -->
                </el-tabs>
            </div>
            <!-- 添加弹窗 -->
            <el-dialog v-model="sdialog.adddialog" width="480" class="dialog_class bgcolor tianjia">

<template #header="{ titleId, titleClass }">
    <div class="my-header ">
        <el-image :src="icon" fit="contain"></el-image>
        <h4 :id="titleId" :class="titleClass">{{ zhtext }}</h4>
    </div>
</template>
<div>

    <el-form>
      <el-form-item label="编号" :label-width="formLabelWidth6">
            <el-input v-model="nodeobj.code"    maxlength="18" oninput ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"  class="w-50 m-2" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="名称" :label-width="formLabelWidth6">
            <el-input v-model="nodeobj.name"    maxlength="18" oninput ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"  class="w-50 m-2" placeholder="请输入" />
        </el-form-item>
         
        <el-form-item label="X" :label-width="formLabelWidth6">
            <el-input v-model="nodeobj.x"  maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')" class="w-50 m-2" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="Y" :label-width="formLabelWidth6">
            <el-input v-model="nodeobj.y"  maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')" class="w-50 m-2" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="Z" :label-width="formLabelWidth6">
            <el-input v-model="nodeobj.z"  maxlength="15" oninput ="value=value.replace(/[^0-9.]/g,'')" class="w-50 m-2" placeholder="请输入" />
        </el-form-item>

    </el-form>
</div>
<div class="dialog-footer footer_div l_btn">
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="sdialog.adddialog = false">取消</el-button>
        </div>
    </div>
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="nodeconfirm()">
                确定
            </el-button></div>
    </div>
</div>
</el-dialog>
<!-- 删除 -->
<el-dialog v-model="sdialog.dialogsgdelect" width="400" class="dialog_class bgcolor tianjia">

<template #header="{ titleId, titleClass }">
    <div class="my-header ">
        <el-image :src="icon" fit="contain"></el-image>
        <h4 :id="titleId" :class="titleClass">删除框</h4>

    </div>
</template>
<h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{ zqname }}</span></h4>
<div class="dialog-footer footer_div l_btn">
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="sdialog.dialogsgdelect = false">取消</el-button></div>
    </div>
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="nodedeleteapi(); sdialog.dialogsgdelect = false">
                确定
            </el-button></div>
    </div>
</div>
</el-dialog>
<!-- 添加 -->
<el-dialog v-model="sdialog.gdadddialog" width="480" class="dialog_class bgcolor tianjia">

<template #header="{ titleId, titleClass }">
    <div class="my-header ">
        <el-image :src="icon" fit="contain"></el-image>
        <h4 :id="titleId" :class="titleClass">{{ zhtext }}</h4>
    </div>
</template>
<div>
  <el-form-item label="编号" :label-width="formLabelWidth7">
            <el-input v-model="guandaoobj.code"    maxlength="18" oninput ="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"  class="w-50 m-2" placeholder="请输入" />
        </el-form-item>
    <el-form-item label="名称" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.name"   oninput="value=value.replace(/[^\w_]/g,'');" maxlength="18" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
    <div class="demo-input-suffix firsttitle magintop guand_1">
        <el-form-item label="开始节点" :label-width="formLabelWidth7">
            <el-input v-model="guandaoobj.snId" disabled  class="w-50 m-2" oninput ="value=value.replace(/[^0-9.]/g,'')"  placeholder="请选择节点" />
        </el-form-item>
        <div class="btn2">
            <el-button type="primary" @click="nodeclick('start');">选择开始节点</el-button>
        </div>
    </div>
    <div class="demo-input-suffix firsttitle magintop guand_1">
        <el-form-item label="结束节点" :label-width="formLabelWidth7">
            <el-input v-model="guandaoobj.enId" disabled="disabled"  oninput ="value=value.replace(/[^0-9.]/g,'')"  class="w-50 m-2" placeholder="请选择节点" />
        </el-form-item>
        <div class="btn2">
            <el-button type="primary" @click="nodeclick('end');">选择结束节点</el-button>
        </div>
    </div>
    <el-form-item label="粗糙系数" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.roughCoe" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
    <div class="demo-input-suffix firsttitle magintop guand_1">
        <el-form-item label="截面类型" :label-width="formLabelWidth7">
            <el-select v-model="guandaoobj.sectionType" placeholder="请选择">
                <el-option v-for="item in options" :key="item.id" :label="item.label"
                    :value="item.value"></el-option>
            </el-select>
            <div class="btn2">
                <div class="elimg"  v-if="guandaoobj.sectionType=='CIRCULAR'">
                <el-image :src="y" fit="contain"></el-image></div>
                <div class="elimg"  v-else-if="guandaoobj.sectionType=='RECTANGLE'" ><el-image :src="j" fit="contain"></el-image></div>
                <div class="elimg" v-else><el-image :src="g" fit="contain"></el-image></div>
            </div>
        </el-form-item>
    </div>
    <el-form-item label="截面参数1" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.sectionPara1" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
    <el-form-item label="截面参数2" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.sectionPara2" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
    <el-form-item label="截面参数3" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.sectionPara3" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
    <el-form-item label="截面参数4" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.sectionPara4" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
    <el-form-item label="截面参数5" :label-width="formLabelWidth7">
        <el-input v-model="guandaoobj.sectionPara5" class="w-50 m-2" placeholder="请输入" />
    </el-form-item>
</div>
<div class="dialog-footer footer_div l_btn">
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="sdialog.gdadddialog = false">取消</el-button>
        </div>
    </div>
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="guandaoapi();">
                确定
            </el-button></div>
    </div>
</div>
</el-dialog>
<!-- 删除 -->
<el-dialog v-model="sdialog.guddialogsgdelect" width="400" class="dialog_class bgcolor tianjia">

<template #header="{ titleId, titleClass }">
    <div class="my-header ">
        <el-image :src="icon" fit="contain"></el-image>
        <h4 :id="titleId" :class="titleClass">删除框</h4>

    </div>
</template>
<h4 class="delecttitle"> 是否确认删除 <span class="spanclad">{{ zqname }}</span></h4>
<div class="dialog-footer footer_div l_btn">
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="sdialog.guddialogsgdelect = false">取消</el-button></div>
    </div>
    <div class="footerbtn flex1">
        <div class="borderimg"><el-button @click="gddelete(); sdialog.guddialogsgdelect = false">
                确定
            </el-button></div>
    </div>
</div>
</el-dialog>
<Node-Select ref="nodeselect" @queding="queding" />
            <!--  -->
                      </div>
                    </div>
                  </div>
                </div>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-aside>
      </div>
    </div>
  
  </template>
  <script setup>
  import { computed, ref, onMounted, reactive, toRef } from "vue";
  import { request, uploadFile } from "@/utils/request";
  import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
  import icon from "@/assets/img/icon.png";
  import g from "@/assets/img/g.jpg";
  import j from "@/assets/img/j.png";
  import y from "@/assets/img/y.png";
  import { timestampToTime } from '@/js/lindex.js';
  import NodeSelect from "./NodeLine.vue";
  let nodeselect = ref();
  let dialogVisible = ref(false);
  let tableData2 = ref([]);
  let classradio1 = ref('Fire');
  let coolactiveName1 = ref(["1"]);
  let formLabelWidth6 = ref(70);
  let formLabelWidth7 = ref(100)
  const resultactiveName = ref("first");
  let tableHeight = ref(280);
  let total = ref(1);
  let searchtag = ref("");
  let options = ref([{
      label: 'CIRCULAR', value: "CIRCULAR"
  },
  {
      label: 'RECTANGLE', value: "RECTANGLE"
  },
  ])
  const currentPage4 = ref(1);
  const pageSize4 = ref(4)
  let currentrow = ref(false);
  let currentrow1 = ref(false);
  let sdialog = ref({
      adddialog: false,
      dialogsgdelect: false,
      gdadddialog: false,
      guddialogsgdelect: false,
  })
  let sideid = ref("");
  let tableData3 = ref();
  let zqname = ref("");
  let zhtext = ref("添加");
  let nodedata = ref({});
  let gddata = ref({});
  let nodeobj = ref({
      name: "",
      x: "",
      y: "",
      z: "",
      code:'',
  })
  let guandaoobj = ref({
      pid: '',
      name: '',
      snId: Number,
      enId:Number ,
      roughCoe: '',
      sectionType: 'CIRCULAR',
      sectionPara1: '',
      sectionPara2: '',
      sectionPara3: '',
      sectionPara4: '',
      sectionPara5: '',
      code:'',
  })
  let gd = ref({
      total: 1,
      currentPage4: 1,
      pageSize4: 5,
  })
  const tableRowClassName = ({ row, rowIndex }) => {
      if (rowIndex % 2 != 0) {
          return 'evenRow';
      }
      return 'oddRow';
  
  }
  onMounted(() => {
      pipelinedata()
  })
  // tab选项事件
  const handleClick = (Tab, val) => {
      switch (Tab.props.name) {
          case 'first':
              pipelinedata()
              break;
          case "second":
              guandaodata();
              break;
          case 'third':
              break;
          case 'thirds':
              break;
      }
  }
  //  节点分页查询
  const handleCurrentChange = (val) => {
      pipelinedata();
  }
  // 管道分页查询
  const handleCurrentChange2 = (val) => {
      guandaodata();
  }
  //节点数据查询
  const pipelinedata = () => {
      const params = {
          transCode: 'D00000',
          count: pageSize4.value,
          page: currentPage4.value,
          searchtag: searchtag.value,
      }
      request(params)
          .then((res) => {
              tableData2.value = res.rows;
              total.value = res.total;
          })
          .catch((err) => {
              ElMessage.error(err.returnMsg)
          })
  }
  //节点的添加
  const addsg = () => {
      zhtext.value = '添加';
      currentrow.value = false;
      sdialog.value.adddialog = true;
      nodeobj.value.name = "";
      nodeobj.value.x = "";
      nodeobj.value.y = "";
      nodeobj.value.z = "";
      nodeobj.value.nid = '';
      nodeobj.value.code = '';
  
  }
  //节点添加api
  const nodeconfirm = () => {
      if(nodeobj.value.name==null||nodeobj.value.name==''){
      ElMessage.error('名称不能为空')
             
      }else if(nodeobj.value.code==null||nodeobj.value.code==''){
          ElMessage.error('标号不能为空')
      }else if(nodeobj.value.x==null||nodeobj.value.x==''){
          ElMessage.error('X不能为空')
      }else if(nodeobj.value.y==null||nodeobj.value.y==''){
          ElMessage.error('Y不能为空')
      }else if(nodeobj.value.z==null||nodeobj.value.z==''){
          ElMessage.error("Z不能为空")
      } else if(nodeobj.value.name!=''&&nodeobj.value.x!=''&&nodeobj.value.y!=''&&nodeobj.value.z!=''){
     
      const params = {
          transCode: 'D10000',
          nid: nodeobj.value.nid,
          name: nodeobj.value.name,
          x: nodeobj.value.x,
          y: nodeobj.value.y,
          z: nodeobj.value.z,
          code: nodeobj.value.code,
          desc: "",
          ntype: "mid",
      }
      request(params)
          .then((res) => {
              sdialog.value.adddialog = false;
              pipelinedata();
              ElMessage({
                  message: res.returnMsg,
                  type: 'success',
              })
  
          })
          .catch((err) => {
              ElMessage.error(err.returnMsg)
          })
      }else{
          ElMessage.error("不能为空")
      }
  
  }
  //选中node节点的一行
  const handleDelete = (val) => {
      currentrow.value = true;
      nodedata.value = val;
  
  }
  const handleDelete2 = (val) => {
      currentrow1.value = true;
      gddata.value = val;
  
  }
  //node删除
  const nodedelete = () => {
      console.log(nodedata.value);
      if (JSON.stringify(nodedata.value) == '{}') {
          ElMessage.error("你还没有选中修改的项目")
      } else {
          sdialog.value.dialogsgdelect = true;
          zqname.value = nodedata.value.name;
      }
  }
  const nodedeleteapi = () => {
      const params = {
          transCode: 'D10001',
          nid: nodedata.value.id,
      }
      request(params)
          .then((res) => {
              pipelinedata();
              ElMessage({
                  message: res.returnMsg,
                  type: 'success',
              })
  
          })
          .catch((err) => {
              ElMessage.error(err.returnMsg)
          })
  }
  //节点修改
  const accident = () => {
      if (JSON.stringify(nodedata.value) == '{}') {
          ElMessage.error("你还没有选中修改的项目")
      } else {
          zhtext.value = '修改';
          sdialog.value.adddialog = true;
          nodeobj.value.name = nodedata.value.name;
          nodeobj.value.x = nodedata.value.x;
          nodeobj.value.y = nodedata.value.y;
          nodeobj.value.z = nodedata.value.z;
          nodeobj.value.nid = nodedata.value.id;
          nodeobj.value.code = nodedata.value.code;
      }
  }
  //巷道查询
  const guandaodata = () => {
      const params = {
          transCode: 'D00001',
          count: gd.value.pageSize4,
          page: gd.value.currentPage4,
          searchtag: '',
      }
      request(params)
          .then((res) => {
              tableData3.value = res.rows;
              gd.value.total = res.total;
          })
          .catch((err) => {
              ElMessage.error(err.returnMsg)
          })
  }
  // 节点选中开始结束
  const nodeclick = (val) => {
      console.log(111);
      nodeselect.value.searchtaggd='';
      nodeselect.value.dialogVisiblenode = true;
      nodeselect.value.pipelinedata("");
      sideid.value = val;
  
  }
  //节点确定的方法
  const queding = (row) => {
      if (sideid.value == 'start') {
          guandaoobj.value.snId = row.id;
      } else {
          guandaoobj.value.enId = row.id;
      }
  
  }
  // 管道的add
  const guandaoadd = () => {
      sdialog.value.gdadddialog = true;
      currentrow1.value = false;
      guandaoobj.value.code = '';
      guandaoobj.value.pid = '';
      guandaoobj.value.name = '';
      guandaoobj.value.snId = '';
      guandaoobj.value.enId = '';
      guandaoobj.value.roughCoe = '';
      guandaoobj.value.sectionType = 'CIRCULAR';
      guandaoobj.value.sectionPara1 = '';
      guandaoobj.value.sectionPara2 = '';
      guandaoobj.value.sectionPara3 = '';
      guandaoobj.value.sectionPara4 = '';
      guandaoobj.value.sectionPara5 = '';
  }
  // 管道增加修改的接口
  const guandaoapi = () => {
      if(guandaoobj.value.snId<guandaoobj.value.enId){
      const params = {
          transCode: 'D10002',
          code: guandaoobj.value.code,
          pid: guandaoobj.value.pid,
          name: guandaoobj.value.name,
          snId: guandaoobj.value.snId,
          enId: guandaoobj.value.enId,
          roughCoe: guandaoobj.value.roughCoe,
          sectionType: guandaoobj.value.sectionType,
          sectionPara1: guandaoobj.value.sectionPara1,
          sectionPara2: guandaoobj.value.sectionPara2,
          sectionPara3: guandaoobj.value.sectionPara3,
          sectionPara4: guandaoobj.value.sectionPara4,
          sectionPara5: guandaoobj.value.sectionPara5,
      }
      request(params)
          .then((res) => {
              sdialog.value.gdadddialog = false;
              ElMessage({
                  message: res.returnMsg,
                  type: 'success',
              })
              guandaodata();
          })
          .catch((err) => {
              ElMessage.error(err.returnMsg)
          })
      } else{
          ElMessage.error("结束节点要大于开始节点")
      }
  }
  // 管道删除
  //node删除
  const nodedelete2 = () => {
      console.log(gddata.value);
      if (JSON.stringify(gddata.value) == '{}') {
          ElMessage.error("你还没有选中修改的项目")
      } else {
          sdialog.value.guddialogsgdelect = true;
          zqname.value = gddata.value.name;
      }
  }
  const gddelete = () => {
      const params = {
          transCode: 'D10003',
          pid: gddata.value.id,
      }
      request(params)
          .then((res) => {
              guandaodata();
              ElMessage({
                  message: res.returnMsg,
                  type: 'success',
              })
  
          })
          .catch((err) => {
              ElMessage.error(err.returnMsg)
          })
  }
  // 管道修改
  const accident2 = () => {
      if (JSON.stringify(gddata.value) == '{}') {
          ElMessage.error("你还没有选中修改的项目")
      } else {
          zhtext.value = '修改';
          sdialog.value.gdadddialog = true;
          guandaoobj.value.code = gddata.value.code;
          guandaoobj.value.pid = gddata.value.id;
          guandaoobj.value.name = gddata.value.name;
          guandaoobj.value.snId = gddata.value.snId;
          guandaoobj.value.enId = gddata.value.enId;
          guandaoobj.value.roughCoe = gddata.value.roughCoe;
          guandaoobj.value.sectionType = gddata.value.sectionType;
          guandaoobj.value.sectionPara1 = gddata.value.sectionPara1;
          guandaoobj.value.sectionPara2 = gddata.value.sectionPara2;
          guandaoobj.value.sectionPara3 = gddata.value.sectionPara3;
          guandaoobj.value.sectionPara4 = gddata.value.sectionPara4;
          guandaoobj.value.sectionPara5 = gddata.value.sectionPara5;;
      }
  
  }
  
  defineExpose({ dialogVisible, });
  </script>
  
