页面更新

src/views/base/aboutUs-list.vue

@@ -53,10 +53,10 @@
         @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column  prop="userAgreement"  label="用户协议"></el-table-column>
-        <el-table-column  prop="privacyPolicy"  label="隐私协议"></el-table-column>
-        <el-table-column  prop="disclaimer"  label="免责条款" ></el-table-column>
-        <el-table-column  prop="phone"  label="客服电话" ></el-table-column>
+        <el-table-column  prop="code"  label="数据代码"></el-table-column>
+        <el-table-column  prop="type"  label="类型"></el-table-column>
+        <el-table-column  prop="title"  label="标题说明"></el-table-column>
+        <el-table-column  prop="content"  label="内容" ></el-table-column>
         
         <el-table-column label="操作">
           <template slot-scope="{row}" >

src/views/base/argonPartner-detail.vue

@@ -29,6 +29,16 @@
           <el-form-item label="所在地区" prop="location">
             <el-input v-model="formModel.location" placeholder="请输入所在地区" style="width: 300px"></el-input>
           </el-form-item>
+          <el-form-item label="隐私协议" prop="introduction">
+            <mce-editor
+                ref="editor"
+                uploadName="upfile1"
+                v-model="formModel.introduction"
+                :url="uploadUrl1"
+                :config="editorConfig"
+                style="width: 100%"
+            ></mce-editor>
+          </el-form-item>
         </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -43,6 +53,8 @@
   import Constant from "@/constant";
   import { getToken } from "@/utils/auth"; // get token from cookie
   import argonPartnerApi from "@/api/base/argonPartner";
+  import MceEditor from "@/components/Tinymce";
+  
   
   export default {
     props: ["businessKey", "title"],
@@ -84,6 +96,12 @@
           headers: {
               Authorization: getToken(),
           },
+          uploadUrl1: Constant.serverUrl + "/tinymce/upload?token=" + getToken(),
+          editorConfig: {
+            height: 300,
+            width: 660,
+          },
+          
       };
     },
     created() {
@@ -159,9 +177,8 @@
           if (jsonData.result) {
               self.formModel = jsonData.data;
   
-              let image = self.formModel.image;
-              if (image != null) {
-                  self.fileUrl = image 
+              if (self.formModel.introduction != null) {
+                self.$refs.editor.setContent(self.formModel.introduction);
               }
   
               self.showModal = true;
@@ -177,6 +194,7 @@
         });
     },
     components: {
+      "mce-editor": MceEditor,
     },
   };
   </script>

src/views/base/customerInfo-detail.vue

@@ -10,47 +10,66 @@
       width="900px"
     >
       <div class="user-panel" v-loading="loading">
-        <el-form
-          ref="form"
-          :model="formModel"
-          :rules="ruleValidate"
-          :label-width="'100px'"
-          :inline="true"
-        >
-        <el-form-item label="企业名称" prop="companyName">
-            <el-input v-model="formModel.companyName" placeholder="请输入企业名称" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="管理员姓名" prop="realName">
-            <el-input v-model="formModel.realName" placeholder="请输入真实姓名" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="管理员电话" prop="phone">
-            <el-input v-model="formModel.phone" placeholder="请输入联系电话" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="身份证号" prop="idCard">
-            <el-input v-model="formModel.idCard" placeholder="请输入身份证号" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="所在地区" prop="region">
-            <el-input v-model="formModel.region" placeholder="请输入所在地区" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="统一信用代码" prop="businessCode">
-            <el-input v-model="formModel.businessCode" placeholder="请输入统一社会信用代码" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="头像" prop="image">
-              <el-upload
-                  style="width:300px"
-                  class="avatar-uploader"
-                  name="photoFile"
-                  :action="uploadUrl"
-                  :headers="headers"
-                  :data="uploadData"
-                  :show-file-list="false"
-                  :on-success="handleAvatarSuccess"
-                  :before-upload="beforeAvatarUpload">
-                  <img v-if="fileUrl" :src="fileUrl" class="avatar">
-                  <i v-else class="el-icon-plus avatar-uploader-icon"></i>
-              </el-upload>
-          </el-form-item>
-        </el-form>
+        <el-tabs v-model="activeName" type="card" >
+          <el-tab-pane label="用户信息" name="first">
+            <div class="div1">
+            <el-form
+              ref="form"
+              :model="formModel"
+              :rules="ruleValidate"
+              :label-width="'100px'"
+              :inline="true"
+            >
+            <el-form-item label="企业名称" prop="companyName">
+                <el-input v-model="formModel.companyName" placeholder="请输入企业名称" style="width: 300px"></el-input>
+              </el-form-item>
+              <el-form-item label="管理员姓名" prop="realName">
+                <el-input v-model="formModel.realName" placeholder="请输入真实姓名" style="width: 300px"></el-input>
+              </el-form-item>
+              <el-form-item label="管理员电话" prop="phone">
+                <el-input v-model="formModel.phone" placeholder="请输入联系电话" style="width: 300px"></el-input>
+              </el-form-item>
+              <el-form-item label="身份证号" prop="idCard">
+                <el-input v-model="formModel.idCard" placeholder="请输入身份证号" style="width: 300px"></el-input>
+              </el-form-item>
+              <el-form-item label="所在地区" prop="region">
+                <el-input v-model="formModel.region" placeholder="请输入所在地区" style="width: 300px"></el-input>
+              </el-form-item>
+              <el-form-item label="统一信用代码" prop="businessCode">
+                <el-input v-model="formModel.businessCode" placeholder="请输入统一社会信用代码" style="width: 300px"></el-input>
+              </el-form-item>
+              <el-form-item label="头像" prop="image">
+                  <el-upload
+                      style="width:300px"
+                      class="avatar-uploader"
+                      name="photoFile"
+                      :action="uploadUrl"
+                      :headers="headers"
+                      :data="uploadData"
+                      :show-file-list="false"
+                      :on-success="handleAvatarSuccess"
+                      :before-upload="beforeAvatarUpload">
+                      <img v-if="fileUrl" :src="fileUrl" class="avatar">
+                      <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                  </el-upload>
+              </el-form-item>
+            </el-form>
+          </div>
+          </el-tab-pane>
+          <el-tab-pane label="营业执照" name="second">
+            <div class="div2">
+              <span v-for="(item,index) in formModel.businessLicenseList" :key="index">
+                <e-link :herf="item"  target="_blank">
+                <el-image
+                style="width: 300px; height: 300px"
+                :src="item"
+                fit="fit"></el-image>
+                </e-link>
+              </span>
+
+            </div>
+          </el-tab-pane>
+        </el-tabs>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="closeDialog">取 消</el-button>
@@ -89,6 +108,7 @@
           },
           roleList: [],
           formModel: {},
+          formModel2:{},
           showDialog: true,
           loading: false,
           submitting: false,
@@ -102,6 +122,7 @@
           headers: {
               Authorization: getToken(),
           },
+          activeName: 'first'
       };
     },
     created() {
@@ -225,4 +246,10 @@
       height: 178px;
       display: block;
     }
+    .div1{
+      padding:10px
+    }
+    .div2{
+      padding:30px
+    }
   </style>

src/views/base/customerInfo-list.vue

@@ -35,7 +35,6 @@
       </el-form>
       <el-divider></el-divider>
       <el-row class="button-group">
-        <el-button type="primary" size="small" plain icon="el-icon-circle-plus" @click="handleAdd">新增</el-button>
         <el-button
           type="primary"
           size="small"

src/views/base/transportationInfo-detail.vue

@@ -29,6 +29,16 @@
           <el-form-item label="公司简介" prop="introduction">
             <el-input v-model="formModel.introduction" placeholder="请输入公司简介" style="width: 300px"></el-input>
           </el-form-item>
+          <el-form-item label="隐私协议" prop="introduction">
+            <mce-editor
+                ref="editor"
+                uploadName="upfile1"
+                v-model="formModel.introduction"
+                :url="uploadUrl1"
+                :config="editorConfig"
+                style="width: 100%"
+            ></mce-editor>
+          </el-form-item>
         </el-form>
       </div>
       <span slot="footer" class="dialog-footer">
@@ -43,6 +53,7 @@
   import Constant from "@/constant";
   import { getToken } from "@/utils/auth"; // get token from cookie
   import transportationInfoApi from "@/api/base/transportationInfo";
+  import MceEditor from "@/components/Tinymce";
   
   export default {
     props: ["businessKey", "title"],
@@ -84,6 +95,11 @@
           headers: {
               Authorization: getToken(),
           },
+          uploadUrl1: Constant.serverUrl + "/tinymce/upload?token=" + getToken(),
+          editorConfig: {
+            height: 300,
+            width: 660,
+          },
       };
     },
     created() {
@@ -159,11 +175,11 @@
           if (jsonData.result) {
               self.formModel = jsonData.data;
   
-              let image = self.formModel.image;
-              if (image != null) {
-                  self.fileUrl = image 
+              if (self.formModel.introduction != null) {
+                self.$refs.editor.setContent(self.formModel.introduction);
               }
   
+  
               self.showModal = true;
           } else {
             self.$message.error(jsonData.message + "");
@@ -177,6 +193,7 @@
         });
     },
     components: {
+      "mce-editor": MceEditor,
     },
   };
   </script>

src/views/base/workOrder-detail.vue

@@ -10,39 +10,14 @@
       width="1500px"
     >
       <div class="user-panel" v-loading="loading">
-        <el-form
-          ref="form"
-          :model="formModel"
-          :rules="ruleValidate"
-          :label-width="'100px'"
-          :inline="true"
-        >
-          <el-form-item label="工单号" prop="number">
-            <el-input v-model="formModel.number" placeholder="请输入真实姓名" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="标题" prop="title">
-            <el-input v-model="formModel.title" placeholder="请输入联系电话" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="地址" prop="address">
-            <el-input v-model="formModel.address" placeholder="请输入身份证号" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="日期" prop="date">
-            <el-input v-model="formModel.date" placeholder="请输入所在地区" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="报价" prop="price">
-            <el-input v-model="formModel.price" placeholder="请输入报价" style="width: 300px"></el-input>
-          </el-form-item>
-          <el-form-item label="支付状态" prop="payStatus">
-            <el-select v-model="formModel.payStatus" placeholder="请选择" style="width: 300px">
-              <el-option
-                v-for="item in paystatusList"
-                :key="item.value"
-                :label="item.name"
-                :value="item.value">
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-form>
+        <el-descriptions title="基本信息">
+          <el-descriptions-item label="工单号">{{formModel.number}}</el-descriptions-item>
+          <el-descriptions-item label="标题">{{formModel.title}}</el-descriptions-item>
+          <el-descriptions-item label="地址">{{formModel.address}}</el-descriptions-item>
+          <el-descriptions-item label="日期">{{formModel.date}}</el-descriptions-item>
+          <el-descriptions-item label="报价">{{formModel.price}}</el-descriptions-item>
+          <el-descriptions-item label="支付状态">{{formModel.payStatusN}}</el-descriptions-item>
+      </el-descriptions>
       </div>
       <div>
         <el-tabs v-model="activeName" type="card">
@@ -52,102 +27,43 @@
                         <span>工单信息</span>
                     </div>
                     <div>
-                        <el-form
-                            ref="form"
-                            :model="formModel2"
-                            :rules="ruleValidate"
-                            :label-width="'150px'"
-                            :inline="true"
-                            >
-                        <el-form-item label="所在地" prop="address">
-                            <el-input v-model="formModel2.address" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="施工位置" prop="location">
-                            <el-select v-model="formModel2.location" placeholder="请选择" style="width: 300px">
-                              <el-option
-                                v-for="item in locationList"
-                                :key="item.value"
-                                :label="item.name"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="施工环境" prop="environment">
-                            <el-select v-model="formModel2.environment" placeholder="请选择" style="width: 300px">
-                              <el-option
-                                v-for="item in environmentList"
-                                :key="item.value"
-                                :label="item.name"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="水箱材质" prop="material">
-                            <el-select v-model="formModel2.material" placeholder="请选择" style="width: 300px">
-                              <el-option
-                                v-for="item in materialList"
-                                :key="item.value"
-                                :label="item.name"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="水箱体积" prop="volume">
-                            <el-input v-model="formModel2.volume" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">m³</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="异型水箱补贴" prop="amount">
-                            <el-input v-model="formModel2.amount" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">元</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="施工难度" prop="difficulty">
-                            <el-select v-model="formModel2.difficulty" placeholder="请选择" style="width: 300px">
-                              <el-option
-                                v-for="item in difficultyList"
-                                :key="item.value"
-                                :label="item.name"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="额外补助" prop="subsidyType">
-                            <el-input v-model="formModel2.subsidyType" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="补贴金额" prop="subsidyAmount">
-                            <el-input v-model="formModel2.subsidyAmount" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">元</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="工程总预算" prop="budget">
-                            <el-input v-model="formModel2.budget" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">元</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="工期要求" prop="period">
-                            <el-input v-model="formModel2.period" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">月</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="通过后打款比例" prop="completionPayProp">
-                            <el-input v-model="formModel2.completionPayProp" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">%</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="驻地条件要求" prop="requirement">
-                            <el-input v-model="formModel2.requirement" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="施工阶段要求" prop="stageRequirements">
-                            <el-input v-model="formModel2.stageRequirements" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="验收标准" prop="acceptanceCriteria">
-                            <el-input v-model="formModel2.acceptanceCriteria" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="售后要求" prop="salesRequirement">
-                            <el-input v-model="formModel2.salesRequirement" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        </el-form>
+                      <el-descriptions>
+                          <el-descriptions-item label="所在地">
+                            <div class="box">{{formModel2.location}}</div>
+                          </el-descriptions-item>
+                          <el-descriptions-item label="施工位置">
+                            {{formModel2.constructionLocationName}}
+                          </el-descriptions-item>
+                          <el-descriptions-item label="施工环境">{{formModel2.environmentName}}</el-descriptions-item>
+                          <el-descriptions-item label="水箱材质">{{formModel2.materialN}}</el-descriptions-item>
+                          <el-descriptions-item label="水箱体积">{{formModel2.size}}{{formModel2.sizeUnitN}}</el-descriptions-item>
+                          <el-descriptions-item label="施工难度">{{formModel2.difficultyName}}</el-descriptions-item>
+                          <el-descriptions-item label="逾期入场补偿金">{{formModel2.amount}}</el-descriptions-item>
+                          <el-descriptions-item label="工程总预算">{{formModel2.budget}}</el-descriptions-item>
+                          <el-descriptions-item label="工期要求">{{formModel2.period}}</el-descriptions-item>
+                          <el-descriptions-item label="通过后打款比例">{{formModel2.completionPayProp}}</el-descriptions-item>
+                          <el-descriptions-item label="驻地条件要求">
+                            <div class="box">
+                              {{formModel2.requirement}}
+                            </div>
+                          </el-descriptions-item>
+                          <el-descriptions-item label="施工阶段要求">
+                            <div class="box">
+                              {{formModel2.stageRequirements}}
+                            </div>
+                          </el-descriptions-item>
+
+                          <el-descriptions-item label="验收标准">
+                            <div class="box">
+                              {{formModel2.acceptanceCriteria}}
+                            </div>
+                          </el-descriptions-item>
+                          <el-descriptions-item label="售后要求">
+                            <div class="box">
+                              {{formModel2.salesRequirement}}
+                            </div>
+                          </el-descriptions-item>
+                      </el-descriptions>
                     </div>
                 </el-card>
                 <el-card class="box-card">
@@ -155,47 +71,23 @@
                         <span>接单要求</span>
                     </div>
                     <div>
-                        <el-form
-                            ref="form"
-                            :model="formModel3"
-                            :rules="ruleValidate"
-                            :label-width="'250px'"
-                            :inline="true"
-                            >
-                        <el-form-item label="保证金" prop="amount">
-                            <el-input v-model="formModel3.amount" placeholder="请输入所在地" style="width: 300px">
-                              <template slot="append">元</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="师傅完成工单量" prop="completedNum">
-                            <el-input v-model="formModel3.completedNum" style="width: 300px">
-                              <template slot="append">单</template>
-                            </el-input>
-                        </el-form-item>
-                        <el-form-item label="订单发布模式" prop="orderModel">
-                            <el-select v-model="formModel3.orderModel" placeholder="请选择" style="width: 300px">
-                              <el-option
-                                v-for="item in orderModelList"
-                                :key="item.value"
-                                :label="item.name"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="是否要求师傅具有施工资质" prop="isQualification">
-                            <el-switch
-                            style="width: 300px"
-                              v-model="formModel3.isQualification">
-                            </el-switch>
-                        </el-form-item>
-                        <el-form-item label="是否要求师傅上传购买保险凭证" prop="isInsuranceCertificate">
-                            <el-switch
-                            style="width: 300px"
-                              v-model="formModel3.isInsuranceCertificate">
-                            </el-switch>
-                        </el-form-item>
-
-                    </el-form>
+                      <el-descriptions>
+                          <el-descriptions-item label="保证金">{{formModel3.amount}}</el-descriptions-item>
+                          <el-descriptions-item label="师傅完成工单量">{{formModel3.completedNum}}</el-descriptions-item>
+                          <el-descriptions-item label="订单发布模式">{{formModel3.orderModelN}}</el-descriptions-item>
+                          <el-descriptions-item label="是否要求师傅具有施工资质">
+                            <template>
+                              <span v-if="formModel3.isQualification">是</span>
+                              <span v-else>否</span>
+                            </template>
+                          </el-descriptions-item>
+                          <el-descriptions-item label="是否要求师傅上传购买保险凭证">
+                            <template>
+                              <span v-if="formModel3.isInsuranceCertificate">是</span>
+                              <span v-else>否</span>
+                            </template>
+                          </el-descriptions-item>
+                      </el-descriptions>
                     </div>
                 </el-card>
                 <el-card class="box-card">
@@ -203,20 +95,10 @@
                         <span>客户信息</span>
                     </div>
                     <div>
-                        <el-form
-                            ref="form"
-                            :model="formModel4"
-                            :rules="ruleValidate"
-                            :label-width="'150px'"
-                            :inline="true"
-                            >
-                        <el-form-item label="客户名称">
-                            <el-input v-model="formModel4.customerName" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="联系方式" prop="phone">
-                            <el-input v-model="formModel4.customerPhone" placeholder="请输入所在地" style="width: 300px"></el-input>
-                        </el-form-item>
-                    </el-form>
+                      <el-descriptions>
+                          <el-descriptions-item label="客户名称">{{formModel4.customerName}}</el-descriptions-item>
+                          <el-descriptions-item label="联系方式">{{formModel4.customerPhone}}</el-descriptions-item>
+                      </el-descriptions>
                     </div>
                 </el-card>
                 <el-card class="box-card">
@@ -224,30 +106,11 @@
                     <span>订单信息</span>
                     </div>
                     <div>
-                        <el-form
-                            ref="form"
-                            :model="formModel5"
-                            :rules="ruleValidate"
-                            :label-width="'150px'"
-                            :inline="true"
-                            >
-                        <el-form-item label="订单状态" prop="status">
-                            <el-select v-model="formModel.status" placeholder="请选择订单状态" style="width: 300px">
-                              <el-option
-                                v-for="item in orderStatusList"
-                                :key="item.value"
-                                :label="item.name"
-                                :value="item.value">
-                              </el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="订单编号" prop="number">
-                            <el-input v-model="formModel.number" placeholder="请输入订单编号" style="width: 300px"></el-input>
-                        </el-form-item>
-                        <el-form-item label="发布时间" prop="createTime">
-                            <el-input v-model="formModel.createTime" placeholder="请输入发布时间" style="width: 300px"></el-input>
-                        </el-form-item>
-                    </el-form>
+                      <el-descriptions>
+                          <el-descriptions-item label="订单状态">{{formModel.statusN}}</el-descriptions-item>
+                          <el-descriptions-item label="订单编号">{{formModel.number}}</el-descriptions-item>
+                          <el-descriptions-item label="发布时间">{{formModel.createTime}}</el-descriptions-item>
+                      </el-descriptions>
                     </div>
                 </el-card>
             </el-tab-pane>
@@ -263,12 +126,12 @@
                 <div style="margin:30px">
                     <el-descriptions v-if="technicianInfo!=null">
                         <el-descriptions-item label="姓名">{{technicianInfo.realName}}</el-descriptions-item>
-                        <el-descriptions-item label="星级">4.6分</el-descriptions-item>
-                        <el-descriptions-item label="已完成单数">50单</el-descriptions-item>
+                        <el-descriptions-item label="手机号码">{{technicianInfo.phone}}</el-descriptions-item>
+                        <el-descriptions-item label="会员等级">{{technicianInfo.level}}</el-descriptions-item>
                         <el-descriptions-item label="好评率">80%</el-descriptions-item>
                         <el-descriptions-item label="擅长类目">家具灯具厨卫健身器材</el-descriptions-item>
                         <el-descriptions-item label="师傅来源">4.6分</el-descriptions-item>
-                        <el-descriptions-item label="所在地区">50单</el-descriptions-item>
+                        <el-descriptions-item label="所在地区">{{technicianInfo.region}}</el-descriptions-item>
                         <el-descriptions-item label="公司性质">80%</el-descriptions-item>
                         <el-descriptions-item label="公司地址">家具灯具厨卫健身器材</el-descriptions-item>
                         <el-descriptions-item label="联系电话">4.6分</el-descriptions-item>
@@ -456,6 +319,7 @@
       });
     },
     methods: {
+      
       closeDialog() {
         this.$emit("close", false);
       },
@@ -591,5 +455,22 @@
         height: 100px;
         margin:10px
     }
+    .box {
+      width: 300px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .box:hover {
+      position: absolute;
+      z-index: 1000;
+      overflow: visible;
+      white-space: normal;
+      background-color: white;
+      border: 1px solid #ccc;
+      padding: 5px;
+      max-width: none; /* 允许宽度自适应 */
+    }
+
     
   </style>