邓洁: 接口部分对接

src/views/site/index.vue

@@ -30,7 +30,7 @@
             <div>隧道数量：{{ item.totalTunnel }}条
             </div>
             <div>
-              <div class="tunnel" v-if="item.info.tunnelName">
+              <div class="tunnel" v-if="item.info.tunnelName" @click="goToAddTunnel(item.siteId)">
                 <div>{{ item.info.tunnelName }}</div>
                 <div class="tunnel-icon"></div>
                 <div>施工长度{{ item.info.constructionLength }}米</div>
@@ -41,7 +41,7 @@
                 <div class="add-icon"></div>
               </div>
             </div>
-            <div class="more" @click="goToMoreTunnel(item.siteId)"  v-if="item.info.tunnelName">
+            <div class="more" @click="goToAddTunnel(item.siteId)"  v-if="item.info.tunnelName">
               更多
               <div class="icon"></div>
             </div>
@@ -65,6 +65,12 @@
         <el-form-item label="站点名称">
           <el-input v-model="form.siteName" placeholder="请输入站点名称"/>
         </el-form-item>
+        <el-form-item label="是否默认">
+          <el-radio-group v-model="form.isDefault">
+            <el-radio :label="true">是</el-radio>
+            <el-radio :label="false">否</el-radio>
+          </el-radio-group>
+        </el-form-item>
         <el-form-item label="站点地址">
           <el-input v-model="form.address" placeholder="请输入站点地址"/>
         </el-form-item>
@@ -148,7 +154,8 @@ const pageInfo = reactive({
 const form = ref({
   address: '',
   siteName: '',
-  describe: ''
+  describe: '',
+  isDefault: false
 });
 const formRules = ref({
   siteName: [{required: true, message: '请输入站点名称', trigger: 'blur'}]
@@ -192,19 +199,16 @@ const handleClickSite = (type) => {
   }
 }
 const goToAddTunnel = (siteId) => {
-  router.push('/tunnel/' + siteId)
-  // router.push('/tunnel/1')
-}
-const goToMoreTunnel = (siteId) => {
-  router.push('/tunnel/' + siteId)
-  // router.push('/tunnel/1')
+  router.push('/tunnel/' + siteId+'/s')
 }
+
 //重置from表单
 const restFrom = () => {
   form.value = {
     address: '',
     siteName: '',
-    describe: ''
+    describe: '',
+    isDefault: false
   }
 }
 const handleEdit = (item) => {
@@ -294,6 +298,37 @@ const handleCurrentChange = (val) => {
 </script>
 
 <style scoped lang="scss">
+:deep(.el-radio-group) {
+  margin-top: 10px;
+}
+
+:deep(.el-radio__label) {
+  color: #FFFFFF;
+  font-size: 38px;
+}
+
+:deep(.el-radio__inner) {
+  width: 40px;
+  height: 40px;
+  border-radius: 25px;
+  border: 4px solid #05FEFF;
+  background-color: transparent;
+}
+
+:deep(.el-radio__input.is-checked+.el-radio__label) {
+  color: #FFFFFF;
+}
+
+:deep(.el-radio__input.is-checked .el-radio__inner ) {
+  background: #064B66;
+  border-color: #05FEFF !important;
+}
+
+:deep(.el-radio__inner::after) {
+  width: 18px;
+  height: 18px;
+  background: #05FEFF;
+}
 .clickColor {
   position: absolute;
   top: 7px;
@@ -509,6 +544,7 @@ const handleCurrentChange = (val) => {
             margin-top: 29px;
 
             .tunnel {
+              cursor: pointer;
               margin-right: 20px;
               width: 280px;
               height: 350px;
@@ -542,6 +578,7 @@ const handleCurrentChange = (val) => {
             }
 
             .tunnel-add {
+              cursor: pointer;
               width: 280px;
               height: 350px;
               background: #1891A3;