<div class="area-set-freight__table__content__second"> <div v-for="secondList in item.children" :key="secondList.name" class="third-block"> <div class="second-block"> <div class="second-blocks">{{ secondList.dictValue }}</div> </div> <div class="area-set-freight__table__content__third"> <el-checkbox v-for="thirdList in secondList.children" :key="thirdList.dictKey" :label="thirdList.dictKey" v-model="checkedValues" @change="handleCheckChange(secondList)"> {{ thirdList.dictValue }} </el-checkbox> </div> </div> </div>把是同一个父级的thirdList.dictKey拼接到一起放到一个对象里面
时间: 2024-04-23 09:23:12 浏览: 101
这段代码是一个 Vue.js 的模板代码,用于渲染一个包含多级选择框的区域设置表格。其中,第一个 div 标签的 class 为 area-set-freight__table__content__second,表示该区域为第二级选择框的区域。接着使用 v-for 指令遍历 item.children 数组,渲染出多个含有 class 为 third-block 的 div 标签,每个 div 标签表示一个包含第三级选择框的区域。在每个 third-block 区域内,又包含了一个 class 为 second-block 的 div 标签,用于显示第二级选择框的名称。最后,使用 el-checkbox 标签渲染出多个第三级选择框,并将其与 checkedValues 变量双向绑定,同时在选择框状态改变时触发 handleCheckChange 方法。则该方法会将同一个父级下的 thirdList.dictKey 拼接到一个对象中。
相关问题
<mapper namespace="com.cskaoyan.mapper.MarketOrderMapper"> <resultMap id="BaseResultMap" type="com.cskaoyan.bean.MarketOrder"> <id column="id" jdbcType="INTEGER" property="id" /> <result column="user_id" jdbcType="INTEGER" property="userId" /> <result column="order_sn" jdbcType="VARCHAR" property="orderSn" /> <result column="order_status" jdbcType="SMALLINT" property="orderStatus" /> <result column="aftersale_status" jdbcType="SMALLINT" property="aftersaleStatus" /> <result column="consignee" jdbcType="VARCHAR" property="consignee" /> <result column="mobile" jdbcType="VARCHAR" property="mobile" /> <result column="address" jdbcType="VARCHAR" property="address" /> <result column="message" jdbcType="VARCHAR" property="message" /> <result column="goods_price" jdbcType="DECIMAL" property="goodsPrice" /> <result column="freight_price" jdbcType="DECIMAL" property="freightPrice" /> <result column="coupon_price" jdbcType="DECIMAL" property="couponPrice" /> <result column="integral_price" jdbcType="DECIMAL" property="integralPrice" /> <result column="groupon_price" jdbcType="DECIMAL" property="grouponPrice" /> <result column="order_price" jdbcType="DECIMAL" property="orderPrice" /> <result column="actual_price" jdbcType="DECIMAL" property="actualPrice" /> <result column="pay_id" jdbcType="VARCHAR" property="payId" /> <result column="pay_time" jdbcType="TIMESTAMP" property="payTime" /> <result column="ship_sn" jdbcType="VARCHAR" property="shipSn" /> <result column="ship_channel" jdbcType="VARCHAR" property="shipChannel" /> <result column="ship_time" jdbcType="TIMESTAMP" property="shipTime" /> <result column="refund_amount" jdbcType="DECIMAL" property="refundAmount" /> <result column="refund_type" jdbcType="VARCHAR" property="refundType" /> <result column="refund_content" jdbcType="VARCHAR" property="refundContent" /> <result column="refund_time" jdbcType="TIMESTAMP" property="refundTime" /> <result column="confirm_time" jdbcType="TIMESTAMP" property="confirmTime" /> <result column="comments" jdbcType="SMALLINT" property="comments" /> <result column="end_time" jdbcType="TIMESTAMP" property="endTime" /> <result column="add_time" jdbcType="TIMESTAMP" property="addTime" /> <result column="update_time" jdbcType="TIMESTAMP" property="updateTime" /> <result column="deleted" jdbcType="BIT" property="deleted" /> </resultMap>
这段代码是一个MyBatis的XML文件中的mapper标签,用于配置与MarketOrder相关的SQL语句和映射关系。其中,resultMap标签用于定义查询结果与Java对象之间的映射关系。具体来说,定义了MarketOrder类的各个属性与查询结果中对应字段的映射关系。例如,id属性对应查询结果中的id字段,userId属性对应查询结果中的user_id字段,以此类推。
在实际的SQL查询中,可以通过引用该resultMap来获取查询结果并将其转换为对应的Java对象,例如:
```
<select id="getOrderById" resultMap="BaseResultMap">
SELECT * FROM market_order WHERE id = #{id}
</select>
```
这里的getOrderById是一个SQL查询语句的ID,resultMap="BaseResultMap"表示将查询结果使用上面定义的BaseResultMap映射到MarketOrder对象中。
<html> <head> <meta charset="UTF-8"> <style> html{background-color: white;}table{text-align:center;border-collapse:collapse;border:1px solid black;}td{word-break:break-all;border:1px solid black;}td{padding:6px;padding-left: 15px;padding-right: 15px;border:1px solid black;} </style> </head> <table> <tbody> <tr> <td colspan="5"><span id=0>海运订舱委托书</span></td> </tr> <tr> <td colspan="0"><span id=1>LOADING PORT</span></td> <td colspan="0"><span id=2>NINGBO</span></td> <td colspan="0"><span id=3>DESDRINATION</span></td> <td colspan="0"><span id=4>ASHDOD</span></td> </tr> </tbody> </table> </html>
This seems to be a template for a sea freight booking letter. The "LOADING PORT" field has a value of "NINGBO" and the "DESTINATION" field has a value of "ASHDOD". The text "海运订舱委托书" at the top of the table is likely a title, which may translate to "Sea Freight Booking Letter".
阅读全文