Pārlūkot izejas kodu

益寿缘医生端-优化sop任务显示逻辑

cgp 11 stundas atpakaļ
vecāks
revīzija
0b9603dd39
1 mainītis faili ar 54 papildinājumiem un 29 dzēšanām
  1. 54 29
      src/views/his/doctorTask/index.vue

+ 54 - 29
src/views/his/doctorTask/index.vue

@@ -57,6 +57,7 @@
     <!-- 数据表格 -->
     <el-table border v-loading="loading" :data="doctorTaskList">
       <el-table-column label="订单号" align="center" prop="orderCode"/>
+      <el-table-column label="套餐包" align="center" prop="packageName"/>
       <el-table-column label="销售" align="center" prop="companyUserName"/>
       <el-table-column label="客户" align="center" prop="name"/>
       <el-table-column label="客户头像" align="center" width="100px">
@@ -71,7 +72,17 @@
       </el-table-column>
       <el-table-column label="处理状态" align="center" prop="status">
         <template slot-scope="scope">
-          <dict-tag :options="statusOptions" :value="scope.row.status"/>
+          <el-tag
+            v-if="scope.row.status === 0"
+            type="danger"
+            size="small"
+          >待处理</el-tag>
+          <el-tag
+            v-else-if="scope.row.status === 1"
+            type="success"
+            size="small"
+          >已处理</el-tag>
+          <span v-else>—</span>
         </template>
       </el-table-column>
       <el-table-column label="备注" align="center" prop="remark"/>
@@ -107,55 +118,68 @@
     <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
       <el-form :model="form" label-width="100px" size="small">
         <el-row :gutter="20">
-          <el-col :span="12">
-            <el-form-item label="销售:">
-              <span class="detail-value">{{ form.companyUserName || '—' }}</span>
-            </el-form-item>
-          </el-col>
+
           <el-col :span="12">
             <el-form-item label="客户:">
               <span class="detail-value">{{ form.name || '—' }}</span>
             </el-form-item>
           </el-col>
 
+
           <el-col :span="12">
-            <el-form-item label="套餐包:">
-              <span class="detail-value">{{ form.packageId || '—' }}</span>
+            <el-form-item label="客户电话:">
+              <div style="display: flex; align-items: center; gap: 8px;">
+                <span class="detail-value">
+                  {{form.phone ? form.phone : '—' }}
+                </span>
+              </div>
+<!--              <el-button-->
+<!--                v-if="form.id"-->
+<!--                type="text"-->
+<!--                icon="el-icon-search"-->
+<!--                size="mini"-->
+<!--                @click="fetchDecryptedPhone(form.id)"-->
+<!--                :loading="phoneLoading"-->
+<!--                title="点击查看真实号码"-->
+<!--                class="phone-decrypt-btn"-->
+<!--              ></el-button>-->
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
-            <el-form-item label="订单号:">
-              <span class="detail-value">{{ form.orderCode || '—' }}</span>
+            <el-form-item label="销售:">
+              <span class="detail-value">{{ form.companyUserName || '—' }}</span>
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
-            <el-form-item label="客户电话:">
-              <div style="display: flex; align-items: center; gap: 8px;">
-                <span class="detail-value">
-                  {{ decryptedPhone || (form.phone ? '******' : '—') }}
-                </span>
-                <el-button
-                  v-if="form.id"
-                  type="text"
-                  icon="el-icon-search"
-                  size="mini"
-                  @click="fetchDecryptedPhone(form.id)"
-                  :loading="phoneLoading"
-                  title="点击查看真实号码"
-                  style="padding: 0; margin-left: 0;"
-                ></el-button>
-              </div>
+            <el-form-item label="订单号:">
+              <span class="detail-value">{{ form.orderCode || '—' }}</span>
             </el-form-item>
           </el-col>
 
-          <el-col :span="12">
-            <el-form-item label="处理状态:">
-              <dict-tag :options="statusOptions" :value="form.status"/>
+
+          <el-col :span="24">
+            <el-form-item label="套餐包:">
+              <span class="detail-value">{{ form.packageName || '—' }}</span>
             </el-form-item>
           </el-col>
 
+
+          <el-form-item label="处理状态:">
+            <el-tag
+              v-if="form.status === 0"
+              type="danger"
+              size="small"
+            >待处理</el-tag>
+            <el-tag
+              v-else-if="form.status === 1"
+              type="success"
+              size="small"
+            >已处理</el-tag>
+            <span v-else>—</span>
+          </el-form-item>
+
           <el-col :span="24">
             <el-form-item label="备注:">
               <span class="detail-value">{{ form.remark || '—' }}</span>
@@ -305,4 +329,5 @@ export default {
   font-weight: 500;
   color: #606266;
 }
+
 </style>