From 41a87b886367265a9caeb8cb032749f4638615af Mon Sep 17 00:00:00 2001
From: memorylkf <312904636@qq.com>
Date: Fri, 9 Jan 2026 11:11:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20[=E8=AF=95=E9=AA=8C=E7=AE=A1=E7=90=86]?=
 =?UTF-8?q?=20=E5=88=97=E8=A1=A8=E7=8A=B6=E6=80=81=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss              | 20 ++++++++++++++++++++
 src/views/business/form/drug/list.vue     | 14 +++++++-------
 src/views/business/form/nonTrial/list.vue | 14 +++++++-------
 src/views/business/study/list.vue         | 14 +++++++-------
 4 files changed, 41 insertions(+), 21 deletions(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 59138c2..fdc9909 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -186,4 +186,24 @@ aside {
 .vue-treeselect__placeholder,
 .vue-treeselect__single-value{
   line-height: 28px !important;
+}
+.status-circle {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 8px;
+  margin-right: 5px;
+  background: #A1A1A1;
+
+  &.cg {
+    background: #A1A1A1;
+  }
+
+  &.syz {
+    background: #2AC663;
+  }
+
+  &.ysd {
+    background: #F78B07;
+  }
 }
\ No newline at end of file
diff --git a/src/views/business/form/drug/list.vue b/src/views/business/form/drug/list.vue
index aa40eca..6e182de 100644
--- a/src/views/business/form/drug/list.vue
+++ b/src/views/business/form/drug/list.vue
@@ -55,12 +55,12 @@
           <el-table-column :label="$t('page.business.study.drug.sn')" prop="sn" />
           <el-table-column :label="$t('page.business.study.drug.status')" prop="status" width="100">
             <template slot-scope="scope">
-              <span v-if="scope.row.status===1">{{$t('page.business.study.drug.statusCg')}}</span>
-              <span v-if="scope.row.status===3">{{$t('page.business.study.drug.statusSyz')}}</span>
-              <span v-if="scope.row.status===5">{{$t('page.business.study.drug.statusYsd')}}</span>
-              <span v-if="scope.row.status===7">{{$t('page.business.study.drug.statusDgd')}}</span>
-              <span v-if="scope.row.status===9">{{$t('page.business.study.drug.statusGd')}}</span>
-              <span v-if="scope.row.status===10">{{$t('page.business.study.drug.statusDjd')}}</span>
+              <span v-if="scope.row.status===1"><span class="status-circle cg"></span>{{$t('page.business.study.drug.statusCg')}}</span>
+              <span v-if="scope.row.status===3"><span class="status-circle syz"></span>{{$t('page.business.study.drug.statusSyz')}}</span>
+              <span v-if="scope.row.status===5"><span class="status-circle ysd"></span>{{$t('page.business.study.drug.statusYsd')}}</span>
+              <span v-if="scope.row.status===7"><span class="status-circle"></span>{{$t('page.business.study.drug.statusDgd')}}</span>
+              <span v-if="scope.row.status===9"><span class="status-circle"></span>{{$t('page.business.study.drug.statusGd')}}</span>
+              <span v-if="scope.row.status===10"><span class="status-circle"></span>{{$t('page.business.study.drug.statusDjd')}}</span>
             </template>
           </el-table-column>
 
@@ -83,7 +83,7 @@
               <!-- 编辑 -->
               <el-button type="text" @click="edit(scope.row)" v-hasPermi="['business:form:drug:edit']" v-if="(scope.row.leader==userId || checkRole(['bz'])) && (scope.row.status===1 || scope.row.status===3)">{{$t('page.business.study.drug.edit')}}</el-button>
               <!-- 删除 -->
-              <el-button type="text" @click="del(scope.row)" v-hasPermi="['business:form:drug:remove']" v-if="(scope.row.leader==userId || checkRole(['bz'])) && scope.row.status===1">{{$t('page.business.study.drug.delete')}}</el-button>
+              <el-button type="text" style="color:#E22626" @click="del(scope.row)" v-hasPermi="['business:form:drug:remove']" v-if="(scope.row.leader==userId || checkRole(['bz'])) && scope.row.status===1">{{$t('page.business.study.drug.delete')}}</el-button>
               <!-- 详情 -->
               <el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:form:drug:detail']" v-if="scope.row.status===1 || scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.drug.detail')}}</el-button>
               <!-- 进入试验 -->
diff --git a/src/views/business/form/nonTrial/list.vue b/src/views/business/form/nonTrial/list.vue
index de7823a..953191c 100644
--- a/src/views/business/form/nonTrial/list.vue
+++ b/src/views/business/form/nonTrial/list.vue
@@ -55,12 +55,12 @@
           <el-table-column :label="$t('page.business.study.nonTrial.sn')" prop="sn" />
           <el-table-column :label="$t('page.business.study.nonTrial.status')" prop="status" width="100">
             <template slot-scope="scope">
-              <span v-if="scope.row.status===1">{{$t('page.business.study.nonTrial.statusCg')}}</span>
-              <span v-if="scope.row.status===3">{{$t('page.business.study.nonTrial.statusSyz')}}</span>
-              <span v-if="scope.row.status===5">{{$t('page.business.study.nonTrial.statusYsd')}}</span>
-              <span v-if="scope.row.status===7">{{$t('page.business.study.nonTrial.statusDgd')}}</span>
-              <span v-if="scope.row.status===9">{{$t('page.business.study.nonTrial.statusGd')}}</span>
-              <span v-if="scope.row.status===10">{{$t('page.business.study.nonTrial.statusDjd')}}</span>
+              <span v-if="scope.row.status===1"><span class="status-circle cg"></span>{{$t('page.business.study.nonTrial.statusCg')}}</span>
+              <span v-if="scope.row.status===3"><span class="status-circle syz"></span>{{$t('page.business.study.nonTrial.statusSyz')}}</span>
+              <span v-if="scope.row.status===5"><span class="status-circle ysd"></span>{{$t('page.business.study.nonTrial.statusYsd')}}</span>
+              <span v-if="scope.row.status===7"><span class="status-circle"></span>{{$t('page.business.study.nonTrial.statusDgd')}}</span>
+              <span v-if="scope.row.status===9"><span class="status-circle"></span>{{$t('page.business.study.nonTrial.statusGd')}}</span>
+              <span v-if="scope.row.status===10"><span class="status-circle"></span>{{$t('page.business.study.nonTrial.statusDjd')}}</span>
             </template>
           </el-table-column>
 
@@ -83,7 +83,7 @@
               <!-- 编辑 -->
               <el-button type="text" @click="edit(scope.row)" v-hasPermi="['business:form:nonTrial:edit']" v-if="(scope.row.leader==userId || checkRole(['bz'])) && (scope.row.status===1 || scope.row.status===3)">{{$t('page.business.study.nonTrial.edit')}}</el-button>
               <!-- 删除 -->
-              <el-button type="text" @click="del(scope.row)" v-hasPermi="['business:form:nonTrial:remove']" v-if="(scope.row.leader==userId || checkRole(['bz'])) && scope.row.status===1">{{$t('page.business.study.nonTrial.delete')}}</el-button>
+              <el-button type="text" style="color:#E22626" @click="del(scope.row)" v-hasPermi="['business:form:nonTrial:remove']" v-if="(scope.row.leader==userId || checkRole(['bz'])) && scope.row.status===1">{{$t('page.business.study.nonTrial.delete')}}</el-button>
               <!-- 详情 -->
               <el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:form:nonTrial:detail']" v-if="scope.row.status===1 || scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.nonTrial.detail')}}</el-button>
               <!-- 进入试验 -->
diff --git a/src/views/business/study/list.vue b/src/views/business/study/list.vue
index b205ccd..a181926 100644
--- a/src/views/business/study/list.vue
+++ b/src/views/business/study/list.vue
@@ -55,12 +55,12 @@
           <el-table-column :label="$t('page.business.study.study.sn')" prop="sn" />
           <el-table-column :label="$t('page.business.study.study.status')" prop="status" width="100">
             <template slot-scope="scope">
-              <span v-if="scope.row.status===1">{{$t('page.business.study.study.statusCg')}}</span>
-              <span v-if="scope.row.status===3">{{$t('page.business.study.study.statusSyz')}}</span>
-              <span v-if="scope.row.status===5">{{$t('page.business.study.study.statusYsd')}}</span>
-              <span v-if="scope.row.status===7">{{$t('page.business.study.study.statusDgd')}}</span>
-              <span v-if="scope.row.status===9">{{$t('page.business.study.study.statusGd')}}</span>
-              <span v-if="scope.row.status===10">{{$t('page.business.study.study.statusDjd')}}</span>
+              <span v-if="scope.row.status===1"><span class="status-circle cg"></span>{{$t('page.business.study.study.statusCg')}}</span>
+              <span v-if="scope.row.status===3"><span class="status-circle syz"></span>{{$t('page.business.study.study.statusSyz')}}</span>
+              <span v-if="scope.row.status===5"><span class="status-circle ysd"></span>{{$t('page.business.study.study.statusYsd')}}</span>
+              <span v-if="scope.row.status===7"><span class="status-circle"></span>{{$t('page.business.study.study.statusDgd')}}</span>
+              <span v-if="scope.row.status===9"><span class="status-circle"></span>{{$t('page.business.study.study.statusGd')}}</span>
+              <span v-if="scope.row.status===10"><span class="status-circle"></span>{{$t('page.business.study.study.statusDjd')}}</span>
             </template>
           </el-table-column>
 
@@ -82,7 +82,7 @@
               <!-- 编辑 -->
               <el-button type="text" @click="edit(scope.row)" v-hasPermi="['business:study:edit']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && (scope.row.status===1 || scope.row.status===3)">{{$t('page.business.study.study.edit')}}</el-button>
               <!-- 删除 -->
-              <el-button type="text" @click="del(scope.row)" v-hasPermi="['business:study:remove']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && scope.row.status===1">{{$t('page.business.study.study.delete')}}</el-button>
+              <el-button type="text" style="color:#E22626" @click="del(scope.row)" v-hasPermi="['business:study:remove']" v-if="(scope.row.leader==userId || checkRole(['TFM'])) && scope.row.status===1">{{$t('page.business.study.study.delete')}}</el-button>
               <!-- 详情 -->
               <el-button type="text" @click="detail(scope.row)" v-hasPermi="['business:study:detail']" v-if="scope.row.status===1 || scope.row.status===3 || scope.row.status===5 || (scope.row.status===9 && scope.row.borrowStatus===10)">{{$t('page.business.study.study.detail')}}</el-button>
               <!-- 进入试验 -->