更新数据

src/views/backOfficeSystem/ExcavationResearch/PreliminaryExcavations/index.vue

@@ -2,29 +2,16 @@
   <div class="statistical-analysis">
     <!-- 左侧树形菜单 -->
     <div class="left-menu">
-      <CheckBox :data="checkData" customClass="all" @changeData="changeData"></CheckBox>
+      <el-radio-group :disabled="isEdit" v-model="checkData.active">
+        <el-radio :label="it" v-for="it in checkData.list" :key="it">{{ it }}</el-radio>
+      </el-radio-group>
+      <div class="cancelBtn" @click="checkData.active = ''">取消</div>
     </div>
     <!-- 右侧内容区 -->
     <div class="right-content">
       <Search :searchArr="searchConfiger" @submit="onSearch"> </Search>
       <div class="tableCnt1 mb10 pl10 pr10">
-        <PageTitle title="发掘内容" style="color: #333">
-          <el-button type="primary" size="small" @click="handleData('add', '')">
-            <el-icon style="vertical-align: middle">
-              <CirclePlus />
-            </el-icon>
-            <span style="vertical-align: middle" @click="handleData('add', '')">新增</span>
-          </el-button>
-          <el-button type="primary" size="small" @click="isImport = true">
-            <span style="vertical-align: middle">导入内容</span>
-          </el-button>
-          <el-button type="danger" size="small" @click="deleteRow(idsTop)">
-            <el-icon style="vertical-align: middle">
-              <Delete />
-            </el-icon>
-            <span style="vertical-align: middle">批量删除</span>
-          </el-button>
-        </PageTitle>
+        <PageTitle title="发掘内容" style="color: #333"></PageTitle>
         <MyTable :tableData="pageData.tableData" :tableColumn="pageData.tableColumn" :tableHeight="pageData.tableHeight"
           :key="pageData.keyCount" :tableConfiger="pageData.tableConfiger0" :controlsWidth="pageData.controlsWidth"
           @chooseData="chooseDataTop">
@@ -136,7 +123,7 @@ const searchConfiger = ref([
 ]);
 const isImport = ref(false);
 const checkData = reactive({
-  hasChoose: ["警情"],
+  active:'',
   list: ["警情", "人力情报", "线索", "民警处置文本", "交通事故"]
 });
 const btnsList = reactive([
@@ -371,32 +358,26 @@ onMounted(() => {
     border-right: 1px solid #e8e8e8;
     color: #333;
     line-height: 32px;
-
-    ::v-deep .checkBox {
-      flex-direction: column;
-
-      .checkall {
-        margin: 0;
-      }
-    }
-
-    ::v-deep .el-checkbox-group {
+    ::v-deep .el-radio-group{
       display: flex;
       flex-direction: column;
+      padding-left: 10px;
+      box-sizing: border-box;
     }
-
-    ::v-deep .is-checked {
-      background: rgb(242, 249, 255);
-      margin-bottom: 4px;
+    ::v-deep .el-radio{
+      width: 100%;
+      margin-right: 0;
+      color: #333;
     }
-
-    ::v-deep .el-checkbox {
-      padding-left: 8px;
-      margin-right: 4px;
-    }
-
-    .all {
-      width: calc(100% - 4px);
+    .cancelBtn{
+      text-align: center;
+      height: 40px;
+      line-height: 40px;
+      background: #6da4e8;
+      color: #fff;
+      border-radius: 4px;
+      margin: 10px;
+      cursor: pointer;
     }
   }