新增旗帜

src/views/server/manageemployeehosts/index.vue

@@ -65,6 +65,12 @@
             <el-date-picker v-model="queryParams.createTime" value-format="YYYY-MM-DD HH:mm:ss" type="date"
               class="!w-240px" />
           </el-form-item>
+          <el-form-item label="旗帜" prop="flag">
+            <el-select v-model="queryParams.flag" placeholder="请选择状态" clearable class="!w-240px" style="width: 50px">
+              <el-option v-for="dict in getStrDictOptions(DICT_TYPE.FLAG_TYPE)" :key="dict.value" :label="dict.label"
+                :value="dict.value" />
+            </el-select>
+          </el-form-item>
           <el-form-item :label="$t('employee.userId')" prop="userId">
             <el-select v-model="queryParams.userId" :placeholder="$t('employee.placeAllocationUser')" clearable
               class="!w-240px">
@@ -156,6 +162,12 @@
       <el-table-column :label="$t('employee.hostsCountry')" align="center" prop="country" />
       <el-table-column :label="$t('employee.hostsKind')" align="center" prop="hostsKind" />
       <el-table-column :label="$t('employee.remark')" align="center" prop="remake" />
+      <el-table-column :label="$t('employee.flag')" align="center" prop="flag">
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.FLAG_TYPE" :value="scope.row.flag" />
+        </template>
+      </el-table-column>
+
       <el-table-column :label="$t('employee.operationStatus')" align="center" prop="operationStatus">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.OPERATION_STATE" :value="scope.row.operationStatus" />
@@ -190,6 +202,10 @@
         <div class="card-row"><b>{{ $t('employee.hostsCountry') }}：</b>{{ item.country }}</div>
         <div class="card-row"><b>{{ $t('employee.hostsKind') }}：</b>{{ item.hostsKind }}</div>
         <div class="card-row"><b>{{ $t('employee.remark') }}：</b>{{ item.remake }}</div>
+        <div class="card-row"><b>{{ $t('employee.flag') }}：</b><dict-tag :type="DICT_TYPE.FLAG_TYPE"
+            :value="item.flag" />
+        </div>
+
         <div class="card-row"><b>{{ $t('employee.operationStatus') }}：</b>
           <dict-tag :type="DICT_TYPE.OPERATION_STATE" :value="item.operationStatus" />
         </div>
@@ -197,7 +213,7 @@
         <div class="card-row"><b>{{ $t('employee.updateTime') }}：</b>{{ formatTimestamp(item.updateTime) }}</div>
         <div class="card-row action-row">
           <el-button link type="primary" @click="openForm('update', item.id, index)">{{ $t('employee.edit')
-          }}</el-button>
+            }}</el-button>
         </div>
       </div>
     </div>
@@ -272,6 +288,7 @@ const queryParams = reactive({
   isAssigned: undefined,
   sortName: "createTime",  //排序字段
   sort: 'desc',    //排序方式
+  flag: undefined,
   createTime: [],
   userId: undefined,
   operationStatus: undefined,