修改

  字段信息
  详情弹窗样式

src/components/domain/edit-role.vue

@@ -1,6 +1,6 @@
 <template>
   <el-row class="content-body" v-loading="loading" element-loading-text="拼命加载中">
-    <el-form :model="item" :rules="rules" ref="domainForm" label-width="110px">
+    <el-form :model="item" :rules="rules" ref="domainForm" label-width="125px">
       <el-form-item label="域名" prop="domainName">
         <el-input v-model="item.domainName" placeholder="长度为50字以内(必填)"></el-input>
       </el-form-item>
@@ -71,7 +71,7 @@
         </el-col>
         <el-col :span="12">
           <div class="grid-content bg-purple-light">
-            <el-form-item label="续费金额" prop="renewalAmount">
+            <el-form-item label="续费金额(单位:元)" prop="renewalAmount">
               <el-input-number v-model="item.renewalAmount" controls-position="right" :precision="2" :step="0.01"
                                :min="0.00"></el-input-number>
             </el-form-item>

src/components/domain/view.vue

@@ -1,25 +1,25 @@
 <template>
   <div>
     <el-row>
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">域名：</span>{{ item.domainName }}</el-col>
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">域名卷号：</span>{{ item.domainNameNum }}</el-col>
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">所有人：</span>{{ item.owner }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">域名：</span>{{ item.domainName }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">域名卷号：</span>{{ item.domainNameNum }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">所有人：</span>{{ item.owner }}</el-col>
     </el-row>
     <el-row style="margin-top: 20px">
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">域名申请日期：</span>{{ item.applicationDate }}</el-col>
-      <el-col :span="6">
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">域名申请日期：</span>{{ item.applicationDate }}</el-col>
+      <el-col :span="8">
         <span style="font-size: 14px;font-weight: 600">审核状态：</span>
         <span v-if="item.reviewStatus==1">草稿</span>
         <span type="warning" effect="dark" v-if="item.reviewStatus==2">待审核</span>
         <span type="success" effect="dark" v-if="item.reviewStatus==3">已发布</span>
         <span type="danger" effect="dark" v-if="item.reviewStatus==4">审核不通过</span>
       </el-col>
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">下次续展日期：</span>{{ item.nextRenewalDate }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">下次续展日期：</span>{{ item.nextRenewalDate }}</el-col>
     </el-row>
     <el-row style="margin-top: 20px">
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">续费金额：</span>{{ item.renewalAmount }}</el-col>
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">续费时间：</span>{{ item.renewalTime }}</el-col>
-      <el-col :span="6">
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">续费金额(单位:元)：</span>{{ item.renewalAmount }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">续费时间：</span>{{ item.renewalTime }}</el-col>
+      <el-col :span="8">
         <span style="font-size: 14px;font-weight: 600">代理机构：</span>
         <span v-if="item.agency==1">石湾</span>
         <span effect="dark" v-if="item.agency==2">季华</span>
@@ -28,8 +28,8 @@
     </el-row>
 
     <el-row style="margin-top: 20px">
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">业务模式：</span>{{ item.businessModel }}</el-col>
-      <el-col :span="6"><span style="font-size: 14px;font-weight: 600">使用部门：</span>{{ item.usingDepartment }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">业务模式：</span>{{ item.businessModel }}</el-col>
+      <el-col :span="8"><span style="font-size: 14px;font-weight: 600">使用部门：</span>{{ item.usingDepartment }}</el-col>
     </el-row>
     <el-row style="margin-top: 20px">
       <el-table ref="domainTable" :data="tableData" stripe border class="table-font" max-height="450">