'123'

ruoyi-ui/src/directive/dialog/dragDialog.js

@@ -3,9 +3,9 @@ export default {
     let resizeEvent = new CustomEvent('drag-resize',{detail:'尺寸变化',bubbles:false});
     //初始化不最大化
     el.fullscreen = false;
-    // 弹框可拉伸最小宽高
+    //弹框可拉伸最小宽高
-    const minWidth = 1100
+    let minWidth = 400;
-    const minHeight = 570
+    let minHeight = 300;
     //当前宽高
     let nowWidth = minWidth;
     let nowHight = minHeight;
@@ -16,10 +16,7 @@ export default {
     let hasSetBodyHight = false;
     //弹窗
     const dragDom = el.querySelector('.el-dialog');
-    el.style.overflow='initial'
     dragDom.className += ' el-drag-dialog';
-    // 给弹窗加上overflow auto；不然缩小时框内的标签可能超出dialog；
-    dragDom.style.overflow = 'auto'
     //清除选择头部文字效果
     dialogHeaderEl.onselectstart = new Function("return false");
     //头部加上可拖动cursor
@@ -82,13 +79,14 @@ export default {
         i.classList.add('el-icon-full-screen');
         maxMin.innerHTML = '<i class="el-icon-full-screen"></i>';
         maxMin.title = '最大化';
-        dragDom.style.height = nowHight + 'px';
+        dragDom.style.height = "auto";
         dragDom.style.width = nowWidth + 'px';
-        dragDom.style.marginTop = window.innerHeight*0.07+'px';
+        dragDom.style.marginTop = nowMarginTop;
         el.fullscreen = false;
         dialogHeaderEl.style.cursor = 'move';
         dialogHeaderEl.onmousedown = moveDown;
-        //dragDom.querySelector('.el-dialog__body').style.height = bodyHeight;
+        dragDom.querySelector('.el-dialog__body').style.height = bodyHeight;
+        dragDom.querySelector('.el-dialog__body').style.maxHeight = dragDom.style.height
         hasSetBodyHight = false;
       } else {
         let i = maxMin.querySelector('.el-icon-full-screen');
@@ -101,17 +99,17 @@ export default {
         nowMarginTop = dragDom.style.marginTop;
         dragDom.style.left = 0;
         dragDom.style.top = 0;
-        dragDom.style.height = window.innerHeight + 'px'
+        dragDom.style.height = "94VH";
         dragDom.style.width = "100VW";
         dragDom.style.marginTop = 0;
         el.fullscreen = true;
         dialogHeaderEl.style.cursor = 'initial';
         dialogHeaderEl.onmousedown = null;
         if (!hasSetBodyHight) {
-          const footerHeight = dragDom.querySelector('.el-dialog__footer') && dragDom.querySelector('.el-dialog__footer').offsetHeight
+          let footerHeight = dragDom.querySelector('.el-dialog__footer') && dragDom.querySelector('.el-dialog__footer').offsetHeight;
-          dragDom.querySelector('.el-dialog__body').style.height =
+          dragDom.querySelector('.el-dialog__body').style.height = 'calc(100% - ' + (dialogHeaderEl.offsetHeight + footerHeight) + 'px)';
-            'calc(100vh - 180px)'
+          dragDom.querySelector('.el-dialog__body').style.maxHeight = dragDom.style.height
-          hasSetBodyHight = true
+          hasSetBodyHight = true;
         }
       }
       el.dispatchEvent(resizeEvent);

ruoyi-ui/src/views/customer/customer/index.vue

@@ -149,9 +149,150 @@
     />
 
     <!-- 添加或修改客户管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="1050px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="1050px" v-el-drag-dialog append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-        <el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
+        <el-divider content-position="left" class="customer_divider_text">客户信息</el-divider>
+        <el-row :gutter="8">
+          <el-col :span="12">
+            <el-form-item label="客户编码" prop="cusCode">
+              <el-input v-model="form.cusCode" placeholder="系统自动生成" :disabled="true"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="SAP客户编码" prop="cusSapCode">
+              <el-input v-model="form.cusSapCode" placeholder="审批通过自动生成" :disabled="true"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="8">
+          <el-col :span="12">
+            <el-form-item label="客户名称" prop="cusName">
+              <el-input v-model="form.cusName" placeholder="企查查带出" :disabled="true">
+                <el-button slot="append" icon="el-icon-search" @click="openQcc" v-hasPermi="['customer:customer:qcclist']"></el-button>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="街道/门牌号" prop="cusStreet">
+              <el-input v-model="form.cusStreet" placeholder="请输入街道/门牌号" :disabled="isDisSalesman"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="8">
+          <el-col :span="12">
+            <el-form-item label="街道" prop="cusQccStreet">
+              <el-input v-model="form.cusQccStreet" placeholder="企查查带出" :disabled="true"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="增值税号" prop="cusVatNo">
+              <el-input v-model="form.cusVatNo" placeholder="企查查带出" :disabled="true"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="8">
+          <el-col :span="8">
+            <el-form-item label="电话号码" prop="cusPhoneNumber">
+              <el-input v-model="form.cusPhoneNumber" placeholder="请输入电话号码" :disabled="isDisSalesman"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="客户组类别" prop="cusGroup">
+              <el-select v-model="form.cusGroup" placeholder="请选择客户组类别" style="width: 100%;" :disabled="isDisSalesman">
+                <el-option
+                  v-for="dict in dict.type.cus_group"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="客户类型" prop="cusType">
+              <el-select v-model="form.cusType" placeholder="请选择客户类型" style="width: 100%;" :disabled="isDisSalesman">
+                <el-option
+                  v-for="dict in dict.type.cus_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="8">
+          <el-col :span="8">
+            <el-form-item label="国家" prop="cusCountry">
+              <el-select v-model="form.cusCountry" placeholder="请选择国家" style="width: 100%;" :disabled="isDisSalesman">
+                <el-option
+                  v-for="item in countrysDicts"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="语言" prop="cusLanguage">
+              <el-select v-model="form.cusLanguage" placeholder="请选择语言" style="width: 100%;" :disabled="isDisSalesman">
+                <el-option
+                  v-for="item in languageDicts"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--            <el-row :gutter="8">
+                      <el-col :span="8">
+                      </el-col>
+                      <el-col :span="8">
+                        <el-form-item label="客户标签" prop="cusLabel">
+                          <el-input v-model="form.cusLabel" placeholder="请输入客户标签" :disabled="isDisSalesman"/>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="8">
+                        <el-form-item label="客户分类" prop="cusClassification">
+                          <el-input v-model="form.cusClassification" placeholder="请输入客户分类" :disabled="isDisSalesman"/>
+                        </el-form-item>
+                      </el-col>
+                    </el-row>
+                    <el-row :gutter="8">
+                      <el-col :span="8">
+                        <el-form-item label="电子发票邮箱" prop="cusReceivingEmail">
+                          <el-input v-model="form.cusReceivingEmail" placeholder="请输入电子发票接收邮箱" :disabled="isDisSalesman"/>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="8">
+                        <el-form-item label="收件人" prop="cusRecipient">
+                          <el-input v-model="form.cusRecipient" placeholder="请输入收件人" :disabled="isDisSalesman"/>
+                        </el-form-item>
+                      </el-col>
+                      <el-col :span="8">
+                        <el-form-item label="收件人电话" prop="cusRecipientPhone">
+                          <el-input v-model="form.cusRecipientPhone" placeholder="请输入收件人电话" :disabled="isDisSalesman"/>
+                        </el-form-item>
+                      </el-col>
+                    </el-row>-->
+        <el-row :gutter="8">
+          <el-col :span="24">
+            <el-form-item label="备注" prop="cusRemark">
+              <el-input type="textarea" autosize v-model="form.cusRemark" placeholder="请输入备注" :disabled="isDisSalesman"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="8">
+          <el-col :span="24">
+            <el-form-item label="驳回备注" prop="cusReturnRemark">
+              <el-input type="textarea" autosize v-model="form.cusReturnRemark" placeholder="数据组填写"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <!--<el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
           <el-tab-pane label="基本信息" name="customerInfo">
             <el-row :gutter="8">
               <el-col :span="12">
@@ -248,7 +389,7 @@
                 </el-form-item>
               </el-col>
             </el-row>
-<!--            <el-row :gutter="8">
+&lt;!&ndash;            <el-row :gutter="8">
               <el-col :span="8">
               </el-col>
               <el-col :span="8">
@@ -278,7 +419,7 @@
                   <el-input v-model="form.cusRecipientPhone" placeholder="请输入收件人电话" :disabled="isDisSalesman"/>
                 </el-form-item>
               </el-col>
-            </el-row>-->
+            </el-row>&ndash;&gt;
             <el-row :gutter="8">
               <el-col :span="24">
                 <el-form-item label="备注" prop="cusRemark">
@@ -448,8 +589,163 @@
               </el-col>
             </el-row>
           </el-tab-pane>
-        </el-tabs>
+        </el-tabs>-->
       </el-form>
+
+      <el-divider content-position="left" class="customer_divider_text">银行信息</el-divider>
+      <el-row class="mb8" :gutter="8">
+        <el-col :span="1.5">
+          <div v-hasPermi="['customer:customer:bankAdd']">
+            <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddBank" v-if="buttonShowSalesman">添加</el-button>
+          </div>
+        </el-col>
+        <el-col :span="1.5">
+          <div v-hasPermi="['customer:customer:bankDel']">
+            <el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeleteBank" v-if="buttonShowSalesman">删除</el-button>
+          </div>
+        </el-col>
+      </el-row>
+      <el-table :data="bankList" @selection-change="handleBankSelectionChange" ref="bank">
+        <el-table-column type="selection" width="50" align="center" />
+        <el-table-column label="国家" prop="bankCountry" v-if="checkRole(['ITZX_SJZ'])">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.bankCountry" placeholder="选择银行代码自动带出" :disabled="true"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="银行代码" prop="bankCode" v-if="checkRole(['ITZX_SJZ'])">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.bankCode" placeholder="请输入银行代码" :disabled="true" >
+              <i v-if="!isDisSjz" slot="suffix" class="el-input__icon el-icon-search" @click="handleSearchBankCode(scope)"></i>
+            </el-input>
+          </template>
+        </el-table-column>
+        <el-table-column label="银行名称" prop="bankName">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.bankName" placeholder="请输入银行名称" :disabled="isDisSalesman"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="银行账户" prop="bankAccount">
+          <template slot-scope="scope">
+            <el-input v-model="scope.row.bankAccount" placeholder="请输入银行账户" :disabled="isDisSalesman" />
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-divider content-position="left" class="customer_divider_text">销售数据</el-divider>
+      <el-row :gutter="8">
+        <el-col :span="8">
+          <el-form-item label="付款条件" prop="cusPaymentTerms">
+            <el-select v-model="form.cusPaymentTerms" placeholder="请选择付款条件" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in paymentTermsDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"/>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="行业代码" prop="cusIndustryCode">
+            <el-select v-model="form.cusIndustryCode" placeholder="请选择行业代码" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in industryCodeDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="销售地区" prop="cusSalesTerritory">
+            <el-select v-model="form.cusSalesTerritory" placeholder="请选择销售地区" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in salesTerritoryDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="8">
+        <el-col :span="8">
+          <el-form-item label="销售组织" prop="cusSalesOrganization">
+            <el-select v-model="form.cusSalesOrganization" placeholder="请选择销售组织" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in salesOrganizationDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="分销渠道" prop="cusDistributionChannel">
+            <el-select v-model="form.cusDistributionChannel" placeholder="请选择分销渠道" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in distributionChannelDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="销售办公室" prop="cusSaleOffice">
+            <el-select v-model="form.cusSaleOffice" placeholder="请选择销售办公室" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in saleOfficeDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="8">
+        <el-col :span="8">
+          <el-form-item label="币种" prop="cusCurrency">
+            <el-select v-model="form.cusCurrency" placeholder="请选择币种" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="dict in dict.type.cus_currency"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="客户税分类" prop="cusTax">
+            <el-select v-model="form.cusTax" placeholder="请选择客户税" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in taxDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="8">
+          <el-form-item label="统驭科目" prop="cusReconciliationAccount">
+            <el-select v-model="form.cusReconciliationAccount" placeholder="请选择统驭科目" style="width: 100%;" :disabled="isDisSjz">
+              <el-option
+                v-for="item in reconciliationAccountDicts"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
       <div slot="footer" class="dialog-footer">
         <span v-hasPermi="['customer:customer:save']">
           <el-button @click="saveForm" v-if="buttonShowSalesman">保 存</el-button>
@@ -544,7 +840,13 @@
     font-size: 14px;
     word-break: break-all;
     overflow-y: auto; /* 自动显示垂直滚动条 */
-    max-height: 560px; /* 设置最大高度，根据需要调整 */
+    max-height: 580px; /* 设置最大高度，根据需要调整 */
+  }
+  /** divider 文本样式 */
+  .customer_divider_text .el-divider__text{
+    color: #1890ff;
+    font-size: 18px;
+    font-weight: 600;
   }
 </style>
 <script>
@@ -552,6 +854,9 @@ import { listCustomer, getCustomer, delCustomer,changCusStatus, addCustomer, upd
 import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
 import { bankCodeList,getCountrys,getIndustryCode,getLanguage,getPaymentTerms,getSalesOrganization,getDistributionChannel,getSalesTerritory,getSaleOffice,getTax,getReconciliationAccount } from "@/api/common/sapRfc";// sap-rfc 函数
 
+/** 弹窗放大、拖拽 */
+import elDragDialog from "@/directive/dialog/dragDialog";
+
 // 自定义校验-付款条件
 const validateCusPaymentTerms = (rule, value, callback) => {
   if (!value) {
@@ -603,6 +908,9 @@ const validateCusReconciliationAccount = (rule, value, callback) => {
 
 export default {
   name: "Customer",
+  directives: {
+    elDragDialog,
+  },
   dicts: ['cus_currency','cus_group','cus_approval_status', 'cus_type', 'common_state'],
   data() {
     return {

ruoyi-ui/src/views/priceVerification/priceVerification/hjInfo.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="app-container">
-    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="1000px"  v-el-drag-dialog append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+        <el-divider content-position="left" class="customer_divider_text">核价信息</el-divider>
         <el-row :gutter="8">
           <el-col :span="12">
             <el-form-item label="核价单号" prop="quotHjCode">
@@ -131,9 +132,9 @@
           </el-col>
         </el-row>
 
-
+        <el-divider content-position="left" class="customer_divider_text">技术协助</el-divider>
         <div v-if="showTl">
-          <el-divider content-position="center">技术协助-特缆协助</el-divider>
+          <el-divider content-position="center">特缆协助</el-divider>
           <el-row :gutter="8">
             <el-col :span="8">
               <el-form-item label="特缆协助状态" prop="quotJsqrTlApprovalStatus">
@@ -162,7 +163,7 @@
           </el-row>
         </div>
         <div v-if="showDy">
-          <el-divider content-position="center">技术协助-低压协助</el-divider>
+          <el-divider content-position="center">低压协助</el-divider>
           <el-row :gutter="8">
             <el-col :span="8">
               <el-form-item label="低压协助状态" prop="quotJsqrDyApprovalStatus">
@@ -191,7 +192,7 @@
           </el-row>
         </div>
         <div v-if="showZy">
-          <el-divider content-position="center">技术协助-中压协助</el-divider>
+          <el-divider content-position="center">中压协助</el-divider>
           <el-row :gutter="8">
             <el-col :span="8">
               <el-form-item label="中压协助状态" prop="quotJsqrZyApprovalStatus">
@@ -220,7 +221,7 @@
           </el-row>
         </div>
         <div v-if="showQt">
-          <el-divider content-position="center">技术协助-其他协助</el-divider>
+          <el-divider content-position="center">其他协助</el-divider>
           <el-row :gutter="8">
             <el-col :span="8">
               <el-form-item label="其他协助状态" prop="quotJsqrQtApprovalStatus">
@@ -291,6 +292,13 @@
     height: 500px;
     max-height: 580px; /** 设置最大高度，根据需要调整 */
   }
+
+  /** divider 文本样式 */
+  .customer_divider_text .el-divider__text{
+    color: #1890ff;
+    font-size: 18px;
+    font-weight: 600;
+  }
 </style>
 <style>
   /* 日期空间宽度设置 */

ruoyi-ui/src/views/quot/quot/index.vue

@@ -143,19 +143,19 @@
     />
 
     <!-- 添加或修改报价对话框 -->
-    <el-dialog :visible.sync="open" width="1050px" append-to-body>
+    <el-dialog :visible.sync="open" width="1050px" v-el-drag-dialog append-to-body>
       <template slot="title">
         报价单信息<span style="color:red;margin-left:25px">(注：此报价单数据，型号规格电压等如需下单或签订合同引用，请再次自行核对，责任自负)</span>
       </template>
       <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-        <!--<el-divider content-position="center">报价信息</el-divider>
+        <el-divider content-position="left" class="customer_divider_text">报价信息</el-divider>
         <el-row :gutter="8">
-          <el-col :span="8">
+          <el-col :span="10">
             <el-form-item label="报价单号" prop="quotCode">
               <el-input v-model="form.quotCode" placeholder="系统自动生成" :disabled="true"/>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="业务员" prop="quotSalesmanName">
               <el-input v-model="form.quotSalesmanName" :disabled="true"/>
               <el-input v-model="form.quotSalesmanBm" v-if="false"/>
@@ -250,7 +250,7 @@
           </el-col>
         </el-row>
 
-        <el-divider content-position="center">产品信息</el-divider>
+        <el-divider content-position="left" class="customer_divider_text">产品信息</el-divider>
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
             <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddQuotMaterial" v-if="this.form.quotApprovalStatus == '0' || this.form.quotApprovalStatus == null">添加</el-button>
@@ -262,7 +262,7 @@
             <el-button type="info" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-if="this.form.quotApprovalStatus == '0' || this.form.quotApprovalStatus == null">导入</el-button>
           </el-col>
         </el-row>
-        <el-table :data="quotMaterialList" show-summary :summary-method="getSummaries" :row-class-name="rowQuotMaterialIndex" @selection-change="handleQuotMaterialSelectionChange" ref="quotMaterial">
+        <el-table :data="quotMaterialList" height="300px" show-summary :summary-method="getSummaries" :row-class-name="rowQuotMaterialIndex" @selection-change="handleQuotMaterialSelectionChange" ref="quotMaterial">
           <el-table-column type="selection" width="80" align="center" />
           <el-table-column label="序号" align="center" prop="index" width="50"/>
           <el-table-column label="型号" prop="matXingh">
@@ -292,7 +292,7 @@
           </el-table-column>
         </el-table>
 
-        <el-divider content-position="center">询价附件</el-divider>
+        <el-divider content-position="left" class="customer_divider_text">询价附件</el-divider>
         <div v-hasPermi="['quot:quot:quotXjFile']">
           <el-upload class="upload-demo"
                      ref="upload"
@@ -328,7 +328,8 @@
           </el-table-column>
         </el-table>
 
-        <el-divider content-position="center">技术协助</el-divider>
+        <div v-if="checkPermi(['quot:quot:assist'])">
+          <el-divider content-position="left" class="customer_divider_text">技术协助</el-divider>
           <el-row :gutter="8">
             <el-col :span="8">
               <el-form-item label="标准" prop="quotJsxzStandard">
@@ -552,8 +553,10 @@
               </el-col>
             </el-row>
           </div>
+        </div>
 
-        <el-divider content-position="center">核价协助</el-divider>
+        <div v-if="checkPermi(['quot:quot:assistHj'])">
+          <el-divider content-position="left" class="customer_divider_text">核价协助</el-divider>
           <el-row :gutter="8">
             <el-col :span="10">
               <el-form-item label="核价单号" prop="quotHjCode">
@@ -614,8 +617,9 @@
               </el-table>
             </el-col>
           </el-row>
+        </div>
 
-        <el-divider content-position="center">反馈附件</el-divider>
+        <el-divider content-position="left" class="customer_divider_text">反馈附件</el-divider>
         <div v-hasPermi="['quot:quot:quotFkFile']">
           <el-upload class="upload-demo"
                      ref="upload"
@@ -647,8 +651,8 @@
               <el-button size="small" type="text" @click="deleteFile(scope.row.fileId)" v-if="form.quotApprovalStatus == '1'">删除</el-button>
             </template>
           </el-table-column>
-        </el-table>-->
+        </el-table>
-        <el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
+        <!--<el-tabs v-model="activeName" tab-position="left" style="margin-left: 15px; margin-right: 15px;height: 480px;">
           <el-tab-pane label="报价信息" name="quotInfo">
             <el-row :gutter="8">
               <el-col :span="10">
@@ -1147,7 +1151,7 @@
               </el-table-column>
             </el-table>
           </el-tab-pane>
-        </el-tabs>
+        </el-tabs>-->
         <!-- 特缆、中压、低压、其他协助反馈附件对话框 -->
         <el-dialog custom-class="fkfjDialog" :title="addFileTitle" :visible.sync="addFileOpen" width="800px" append-to-body>
           <!--<el-upload class="upload-demo"
@@ -1240,15 +1244,19 @@
     font-size: 14px;
     word-break: break-all;
     overflow-y: auto; /** 自动显示垂直滚动条 */
-    height: 500px;
     max-height: 580px; /** 设置最大高度，根据需要调整 */
   }
+  /** divider 文本样式 */
+  .customer_divider_text .el-divider__text{
+    color: #1890ff;
+    font-size: 18px;
+    font-weight: 600;
+  }
  /*Tab页设置 */
  .el-tabs__content {
    height: 100%;
    overflow-y: auto;
  }
-
   /* 日期控件宽度设置 */
   :deep(.el-p .el-input__wrapper){
     width: 100% !important;

ruoyi-ui/src/views/redBook/quots.vue

@@ -160,6 +160,17 @@
     />
   </div>
 </template>
+<style>
+  /** 弹窗设置 */
+  .el-dialog__body {
+    padding: 10px 10px;
+    color: #606266;
+    font-size: 14px;
+    word-break: break-all;
+    overflow-y: auto; /** 自动显示垂直滚动条 */
+    max-height: 580px; /** 设置最大高度，根据需要调整 */
+  }
+</style>
 <style>
   .totalPrice-input .el-input__inner {
     color: red;

ruoyi-ui/src/views/technicalConfirm/technicalConfirm/jsxzInfo.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="app-container">
-    <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>
+    <el-dialog :title="title" :visible.sync="open" width="1000px"  v-el-drag-dialog append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+        <el-divider content-position="left" class="customer_divider_text">技术确认信息</el-divider>
         <el-row :gutter="8">
           <el-col :span="12">
             <el-form-item label="技术确认单编号" prop="quotJsqrCode">
@@ -151,7 +152,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="特缆操作时间" prop="quotJsqrTlOperateTime">
-                <el-input v-model="form.quotJsqrTlOperateTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrTlOperateTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -175,7 +183,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="特缆审核时间" prop="quotJsqrTlCheckTime">
-                <el-input v-model="form.quotJsqrTlCheckTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrTlCheckTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -206,7 +221,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="特缆组长确认时间" prop="quotJsqrTlLeaderTime">
-                <el-input v-model="form.quotJsqrTlLeaderTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrTlLeaderTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -281,7 +303,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="低压操作时间" prop="quotJsqrDyOperateTime">
-                <el-input v-model="form.quotJsqrDyOperateTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrDyOperateTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -305,7 +334,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="低压审核时间" prop="quotJsqrDyCheckTime">
-                <el-input v-model="form.quotJsqrDyCheckTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrDyCheckTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -336,7 +372,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="低压组长确认时间" prop="quotJsqrDyLeaderTime">
-                <el-input v-model="form.quotJsqrDyLeaderTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrDyLeaderTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -411,7 +454,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="中压操作时间" prop="quotJsqrZyOperateTime">
-                <el-input v-model="form.quotJsqrZyOperateTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrZyOperateTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -435,7 +485,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="中压审核时间" prop="quotJsqrZyCheckTime">
-                <el-input v-model="form.quotJsqrZyCheckTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrZyCheckTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -466,7 +523,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="中压组长确认时间" prop="quotJsqrZyLeaderTime">
-                <el-input v-model="form.quotJsqrZyLeaderTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrZyLeaderTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -541,7 +605,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="其他操作时间" prop="quotJsqrQtOperateTime">
-                <el-input v-model="form.quotJsqrQtOperateTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrQtOperateTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -565,7 +636,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="其他审核时间" prop="quotJsqrQtCheckTime">
-                <el-input v-model="form.quotJsqrQtCheckTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrQtCheckTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -596,7 +674,14 @@
             </el-col>
             <el-col :span="8">
               <el-form-item label="其他组长确认时间" prop="quotJsqrQtLeaderTime">
-                <el-input v-model="form.quotJsqrQtLeaderTime" :disabled="true"/>
+                <div class="el-p" style="width:100%">
+                  <el-date-picker
+                    style="width:100%"
+                    v-model="form.quotJsqrQtLeaderTime"
+                    type="datetime"
+                    :disabled="true">
+                  </el-date-picker>
+                </div>
               </el-form-item>
             </el-col>
             <el-col :span="8">
@@ -674,9 +759,14 @@
     font-size: 14px;
     word-break: break-all;
     overflow-y: auto; /** 自动显示垂直滚动条 */
-    height: 500px;
     max-height: 580px; /** 设置最大高度，根据需要调整 */
   }
+  /** divider 文本样式 */
+  .customer_divider_text .el-divider__text{
+    color: #1890ff;
+    font-size: 18px;
+    font-weight: 600;
+  }
 </style>
 <style>
   /* 特缆、中压、低压、其他协助反馈附件对话框设置 */