修改分类管理的资源状态按钮

src/styles/index.scss

@@ -575,3 +575,30 @@ p.divider {
         }
      }
 }
+.status_btn{
+    display: inline-block;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    background: #FFF;
+    color: #62738D;
+    border: 1px solid #62738D;
+    -webkit-appearance: none;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 0;
+    -webkit-transition: .1s;
+    transition: .1s;
+    font-weight: 500;
+    padding: 7px 15px;
+    font-size: 12px;
+    border-radius: 3px;
+    margin-left: 10px;
+}
+
+.status_btn.statusActive{
+    background-color: #00B5B8 !important;
+    border-color: #00B5B8 !important;
+    color: #fff !important;
+}

src/views/submission/infoview/browsebycategory.vue

@@ -38,12 +38,14 @@
 							<span @click="formationSort" class="btn" :class="[formation?'active':'']">形成时间<i :class="[formation=='desc'?'icon-projectjiantouxia':'icon-projectjiantoushang']"></i></span>
 							<span @click="sizeSort" class="btn" :class="[size?'active':'']">资源大小<i :class="[size=='desc'?'icon-projectjiantouxia':'icon-projectjiantoushang']"></i></span>
 							<span @click="createTimeSort" class="btn" :class="[createTime?'active':'']">提交时间<i :class="[createTime=='desc'?'icon-projectjiantouxia':'icon-projectjiantoushang']"></i></span>
-							<el-button type="success" plain size="mini" @click="alertBatchBack">待录入</el-button>
-							<el-button type="success" plain size="mini" @click="alertBatchBack">待交接</el-button>
-							<el-button type="success" plain size="mini" @click="alertBatchBack">待挂接</el-button>
-							<el-button type="success" plain size="mini" @click="alertBatchBack">通过交接</el-button>
-							<el-button type="success" plain size="mini" @click="alertBatchBack">拒绝交接</el-button>
-							<el-button type="success" plain size="mini" @click="alertBatchBack">已入库</el-button>
+							<span class="status_btn" :class="[searchForm.status==item.value?'statusActive':'']" v-for="item in statusOptions" :key="item.value" @click="changeStatus(item)">
+								{{item.label}}
+							</span>
+							<!-- <el-button type="success" plain size="mini">待交接</el-button>
+							<el-button type="success" plain size="mini">待挂接</el-button>
+							<el-button type="success" plain size="mini">通过交接</el-button>
+							<el-button type="success" plain size="mini">拒绝交接</el-button>
+							<el-button type="success" plain size="mini">已入库</el-button> -->
 						</div>
 						<div class="screeningConditionsRight">
 							<el-select v-model="searchForm.resourceType" placeholder="请选择" @change="changeResourceType" style="width:140px">
@@ -54,7 +56,7 @@
 									:value="item.value">
 								</el-option>
 							</el-select>
-							<el-select v-model="searchForm.status" placeholder="资源状态" @change="changeResourceType" style="width:140px">
+							<!-- <el-select v-model="searchForm.status" placeholder="资源状态" @change="changeResourceType" style="width:140px">
 								<el-option
 									v-for="item in statusOptions"
 									:key="item.value"
@@ -62,8 +64,8 @@
 									:value="item.value">
 									<span>{{item.text}}</span>
 								</el-option>
-							</el-select>
-							<span>共找到{{totalCount}}条数据</span>
+							</el-select> -->
+							<span class="totalCount">共找到{{totalCount}}条数据</span>
 						</div>
 					</div>
 					<div class="list_wrap clearfix">
@@ -174,11 +176,13 @@ export default {
 				value: 5,
 				label: '三维文件'
 			}],
-			statusOptions:[{
-				value: '',
-				label: '资源状态',
-				text: '全部'
-			}, {
+			statusOptions:[
+			// 	{
+			// 	value: '',
+			// 	label: '资源状态',
+			// 	text: '全部'
+			// }, 
+			{
 				value: '0',
 				label: '待录入',
 				text: '待录入'
@@ -188,8 +192,8 @@ export default {
 				text: '待交接'
 			}, {
 				value: '2',
-				label: '待挂接文件',
-				text: '待挂接文件'
+				label: '待挂接',
+				text: '待挂接'
 			}, {
 				value: '3',
 				label: '通过交接',
@@ -457,6 +461,11 @@ export default {
 			this.searchForm.orderBy='createTime '+	this.createTime;
 			this.getList()
 		},
+		changeStatus(item){
+			let {value }=item;
+			this.searchForm.status=value;
+			this.getList();
+		},
 		changeResourceType(){
 			this.getList();
 		},

src/views/submission/infoview/index.scss

 .resource_wrap{
+    .totalCount{
+        white-space: nowrap;
+    }
     .title{
         color: #2E3E6C;
         font-size: 16px;
@@ -55,8 +58,10 @@
     }
     .sipConditions {
         width:100%;
-        height:52px;
+        min-height:52px;
         line-height:50px;
+        display: flex;
+        justify-content: space-between;
         color:#62738D;
         font-size:14px;
         background:#F9FAFC;

src/views/submission/resourcecommit/index.vue

@@ -167,7 +167,7 @@
 				<button @click="$router.back(-1)">取消</button>
 				<!-- <button v-if="isShowSavaBtn">提交并转录目录</button> -->
 				<button @click="commitResource" v-if="isShowSavaBtn">提交入库</button>
-				<button @click="saveEdit" v-if="isShowSavaBtn1">保存变更</button>
+				<button @click="saveEdit" v-if="isShowSavaBtn1">再次提交</button>
 			</div>
 		</div>
 		<mapmark :isShowMark="isShowMark" @changeIsShowMark="changeVal" @locationChange="locationChange"></mapmark>