feat: [试验管理] 列表状态增加图标

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;
+  }
 }

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>
               <!-- 进入试验 -->

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>
               <!-- 进入试验 -->

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>
               <!-- 进入试验 -->