docs: [TS-4897] modify pics of virtual table. (#30388)

docs/zh/05-basic/01-model.md

@@ -3,6 +3,8 @@ sidebar_label: 数据模型
 title: TDengine 数据模型
 toc_max_heading_level: 4
 ---
+import origintable from './data-model-origin-table.png';
+import origintable2 from './data-model-origin-table-2.png';
 
 为了清晰地阐述时序数据的基本概念，并为示例程序的编写提供便利，整个文档都将以智能电表为例，探讨时序数据的典型应用场景。设想有一种型号的智能电表，它能够采集
 电流、电压和相位这 3 个模拟量。此外，每块智能电表还具有位置和分组等静态属性。这些智能电表采集的数据示例如下表所示。
@@ -355,7 +357,7 @@ TAGS (
 
 以设备 d1001 为例，假设 d1001 设备的电流、电压、相位数据如下：
 
-![data-model-origin-table.png](data-model-origin-table.png)
+<img src={origintable} width="70%" alt="data-model-origin-table" />
 
 虚拟表 d1001_v 中的数据如下:
 
@@ -388,7 +390,7 @@ CREATE VTABLE current_v (
 
 假设 d1001, d1002, d1003, d1004 四个设备的电流数据如下：
 
-![data-model-origin-table-2.png](data-model-origin-table-2.png)
+<img src={origintable2} width="70%" alt="data-model-origin-table-2" />
 
 虚拟表 current_v 中的数据如下：
 

docs/zh/14-reference/03-taos-sql/05-virtualtable.md

@@ -3,6 +3,11 @@ sidebar_label: 虚拟表
 title: 虚拟表
 description: 对虚拟表的各种管理操作
 ---
+
+import origintable from './pic/virtual-table-origin-table.png';
+import queryres from './pic/virtual-table-query-res.png';
+import partres from './pic/virtual-table-query-res-part.png';
+
 ## 创建虚拟表
 
 `CREATE VTABLE` 语句用于创建普通虚拟表和以虚拟超级表为模板创建虚拟子表。
@@ -68,7 +73,7 @@ CREATE VTABLE [IF NOT EXISTS] [db_name].vtb_name
 
 假设有表 t1、t2、t3 结构和数据如下：
 
-![virtual-table-origin-table.png](pic/virtual-table-origin-table.png)
+<img src={origintable} width="100%" alt="origintable" />
 
 并且有虚拟普通表 v1 ，创建方式如下：
 
@@ -89,7 +94,7 @@ select * from v1;
 
 结果如下：
 
-![virtual-table-query-res.png](pic/virtual-table-query-res.png)
+<img src={queryres} width="100%" alt="queryres" />
 
 如果没有选择全部列，只是选择了部分列，查询的结果只会包含选择的列的原始表的时间戳，例如执行如下查询：
 
@@ -99,7 +104,7 @@ select c1, c2 from v1;
 
 得到的结果如下图所示：
 
-![virtual-table-query-res-part.png](pic/virtual-table-query-res-part.png)
+<img src={partres} width="100%" alt="partres" />
 
 因为 c1、c2 列对应的原始表 t1、t2 中没有 0:00:03 这个时间戳，所以最后的结果也不会包含这个时间戳。