|
|
@@ -91,16 +91,16 @@
|
|
|
<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) ' }">
|
|
|
+ :header-cell-style="{ 'background': 'rgba(13, 22, 57, 0) ' }">
|
|
|
<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="code" label="编号" />
|
|
|
+ <el-table-column property="name" label="名称" width="150" />
|
|
|
|
|
|
<el-table-column property="sectionType" label="截面类型" width="120" />
|
|
|
- <el-table-column property="roughCoe" label="粗糙系数" />
|
|
|
+ <el-table-column property="roughCoe" label="粗糙系数" width="120"/>
|
|
|
<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" />
|
|
|
@@ -251,12 +251,30 @@
|
|
|
<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>
|
|
|
+ :value="item.value">
|
|
|
+ <!-- <template #prefix>
|
|
|
+ <el-image :src="item.image" ></el-image>
|
|
|
+ </template> -->
|
|
|
+ <el-image :src="item.image" ></el-image>
|
|
|
+ <span style="padding-left: 10px;">{{item.value}}</span>
|
|
|
+ </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-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-if="guandaoobj.sectionType=='SEMICIRCULAR'" ><el-image :src="m1" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='SEMIELLIPTICAL'" ><el-image :src="m2" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='EGG'" ><el-image :src="m3" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='GOTHIC'" ><el-image :src="m4" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='MODBASKETHANDLE'" ><el-image :src="m5" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='ARCH'" ><el-image :src="m6" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='RECT_ROUND'" ><el-image :src="m7" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='BASKETHANDLE'" ><el-image :src="m8" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='HORSESHOE'" ><el-image :src="m9" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='RECT_TRIANGULAR'" ><el-image :src="m10" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='VERT_ELLIPSE'" ><el-image :src="m11" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='HORZI_ELLIPSE'" ><el-image :src="m12" fit="contain"></el-image></div>
|
|
|
+ <div class="elimg" v-else-if="guandaoobj.sectionType=='CATENARY'" ><el-image :src="m13" fit="contain"></el-image></div>
|
|
|
<div class="elimg" v-else><el-image :src="g" fit="contain"></el-image></div>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
@@ -362,6 +380,19 @@
|
|
|
import g from "@/assets/img/g.jpg";
|
|
|
import j from "@/assets/img/j.png";
|
|
|
import y from "@/assets/img/y.png";
|
|
|
+ import m1 from "@/assets/img/m1.png";
|
|
|
+ import m2 from "@/assets/img/m2.png";
|
|
|
+ import m3 from "@/assets/img/m3.png";
|
|
|
+ import m4 from "@/assets/img/m4.png";
|
|
|
+ import m5 from "@/assets/img/m5.png";
|
|
|
+ import m6 from "@/assets/img/m6.png";
|
|
|
+ import m7 from "@/assets/img/m7.png";
|
|
|
+ import m8 from "@/assets/img/m8.png";
|
|
|
+ import m9 from "@/assets/img/m9.png";
|
|
|
+ import m10 from "@/assets/img/m10.png";
|
|
|
+ import m11 from "@/assets/img/m11.png";
|
|
|
+ import m12 from "@/assets/img/m12.png";
|
|
|
+ import m13 from "@/assets/img/m13.png";
|
|
|
import { timestampToTime } from '@/js/lindex.js';
|
|
|
import NodeSelect from "./NodeLine.vue";
|
|
|
import vueUploader from "./fileuploads.vue";
|
|
|
@@ -388,12 +419,53 @@ let bfname=ref("");
|
|
|
let tableHeight = ref(280);
|
|
|
let total = ref(1);
|
|
|
let searchtag = ref("");
|
|
|
- let options = ref([{
|
|
|
- label: 'CIRCULAR', value: "CIRCULAR"
|
|
|
+ let options = ref([
|
|
|
+ {
|
|
|
+ label: 'CIRCULAR', value: "CIRCULAR",image:y
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'RECTANGLE', value: "RECTANGLE",image:j
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'SEMICIRCULAR', value: "SEMICIRCULAR",image:m1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'SEMIELLIPTICAL', value: "SEMIELLIPTICAL",image:m2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'EGG', value: "EGG",image:m3
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'GOTHIC', value: "GOTHIC",image:m4
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'MODBASKETHANDLE', value: "MODBASKETHANDLE",image:m5
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'ARCH', value: "ARCH",image:m6
|
|
|
},
|
|
|
{
|
|
|
- label: 'RECTANGLE', value: "RECTANGLE"
|
|
|
+ label: 'RECT_ROUND', value: "RECT_ROUND",image:m7
|
|
|
},
|
|
|
+ {
|
|
|
+ label: 'BASKETHANDLE', value: "BASKETHANDLE",image:m8
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'HORSESHOE', value: "HORSESHOE",image:m9
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'RECT_TRIANGULAR', value: "RECT_TRIANGULAR",image:m10
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'VERT_ELLIPSE', value: "VERT_ELLIPSE",image:m11
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'HORZI_ELLIPSE', value: "HORZI_ELLIPSE",image:m12
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: 'CATENARY', value: "CATENARY",image:m13
|
|
|
+ },
|
|
|
+
|
|
|
])
|
|
|
const currentPage4 = ref(1);
|
|
|
const pageSize4 = ref(4)
|
