diff --git a/src/assets/site/drop_icon.svg b/src/assets/site/drop_icon.svg
new file mode 100644
index 0000000..b3d9bd0
--- /dev/null
+++ b/src/assets/site/drop_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g><path d="M2.41612,5.500656L8,10.15389L13.5838,5.500686L13.5839,5.500656Q13.6715,5.427647,13.7787,5.388823Q13.886,5.35,14,5.35Q14.064,5.35,14.1268,5.36249Q14.1896,5.374979,14.2487,5.399478Q14.3079,5.423978,14.3611,5.459545Q14.4143,5.495112,14.4596,5.540381Q14.5049,5.585649,14.5405,5.638879Q14.576,5.69211,14.6005,5.751256Q14.625,5.810402,14.6375,5.873191Q14.65,5.9359806,14.65,6Q14.65,6.14468,14.5886,6.275701Q14.5273,6.406721,14.4161,6.499343L8.41612,11.49934Q8.37265,11.53557,8.32357,11.56374Q8.27449,11.59191,8.22128,11.611180000000001Q8.16807,11.63044,8.11233,11.64022Q8.05659,11.65,8,11.65Q7.94341,11.65,7.88767,11.64022Q7.83193,11.63044,7.77872,11.611180000000001Q7.72551,11.59191,7.67643,11.56374Q7.62735,11.53557,7.58388,11.49934L1.58388,6.499344Q1.472734,6.406722,1.411367,6.275701Q1.35,6.14468,1.35,6Q1.35,5.9359806,1.36249,5.873191Q1.374979,5.810402,1.399478,5.751256Q1.423978,5.69211,1.4595449999999999,5.638879Q1.495112,5.585649,1.540381,5.540381Q1.585649,5.495112,1.638879,5.459545Q1.69211,5.423978,1.751256,5.399478Q1.810402,5.374979,1.873191,5.36249Q1.9359806,5.35,2,5.35Q2.114044,5.35,2.221276,5.388824Q2.328509,5.427647,2.41612,5.500656Z" fill-rule="evenodd" fill="#8A9099" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/site/form_link.svg b/src/assets/site/form_link.svg
new file mode 100644
index 0000000..c32b657
--- /dev/null
+++ b/src/assets/site/form_link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_144_42143"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_144_42143)"><g><g><path d="M1.67732359375,6.196796640625L4.4017585937499994,8.921246640625Q4.51217859375,9.031666640625,4.65643859375,9.091416640624999Q4.80069859375,9.151176640625,4.95683859375,9.151176640625Q5.03415859375,9.151176640625,5.10998859375,9.136086640624999Q5.18581859375,9.121006640625,5.25724859375,9.091416640624999Q5.32867859375,9.061826640625,5.39296859375,9.018876640624999Q5.45724859375,8.975916640625,5.51191859375,8.921246640625Q5.56658859375,8.866576640625,5.60954859375,8.802296640625Q5.65249859375,8.738006640624999,5.68208859375,8.666576640625Q5.71167859375,8.595146640625,5.72675859375,8.519316640625Q5.74183859375,8.443486640625,5.74183859375,8.366176640625Q5.74183859375,8.210026640625,5.68208859375,8.065766640625Q5.62233859375,7.921506640625,5.51191859375,7.811096640625L2.78748859375,5.086646640625Q2.33647659375,4.635646640625,2.34520259375,3.984626640625Q2.35409359375,3.3212766406250003,2.83243859375,2.842936640625Q3.31078859375,2.364592640625,3.97413859375,2.355700640625Q4.62513859375,2.346974640625,5.0761385937500005,2.797976640625L8.21420859375,5.936036640625Q8.32461859375,6.046446640625,8.46887859375,6.106206640625Q8.61313859375,6.165956640625,8.76928859375,6.165956640625Q8.846598593749999,6.165956640625,8.92242859375,6.150876640625Q8.99825859375,6.135786640625,9.06968859375,6.106206640625Q9.14111859375,6.076616640625,9.20540859375,6.033656640625Q9.26968859375,5.990706640625,9.32436859375,5.936036640625Q9.37902859375,5.881366640625,9.421988593750001,5.817076640625Q9.46493859375,5.752796640625,9.494528593750001,5.681366640625Q9.52411859375,5.609936640625,9.539198593750001,5.534106640625Q9.55428859375,5.458276640625,9.55428859375,5.380956640625Q9.55428859375,5.224816640625,9.494528593750001,5.080546640625Q9.43477859375,4.936286640625,9.32436859375,4.825876640625L6.18629859375,1.687828640625Q5.26672859375,0.768233640625,3.95308859375,0.785841640625Q2.65178859375,0.803284640625,1.7222855937500001,1.732774640625Q0.79278659375,2.662256640625,0.77534359375,3.963576640625Q0.75773559375,5.277226640625,1.67732359375,6.196796640625Z" fill-rule="evenodd" fill="#8A9099" fill-opacity="1"/></g><g><path d="M11.612004548339844,7.102653703125L14.336194548339844,9.826840703125Q15.255794548339844,10.746440703125,15.238184548339845,12.060080703125Q15.220734548339845,13.361370703125,14.291254548339843,14.290890703125001Q13.361754548339844,15.220390703125,12.060444548339845,15.237830703124999Q10.746814548339843,15.255430703125,9.827214548339844,14.335830703125L6.689396548339844,11.198010703125L6.689145548339844,11.197760703125Q6.5787335483398435,11.087350703125,6.518979548339844,10.943090703125Q6.459224548339844,10.798830703125,6.459224548339844,10.642680703125Q6.459224548339844,10.565370703125,6.4743085483398435,10.489540703125Q6.489391548339844,10.413710703125,6.518979548339844,10.342280703125Q6.548566548339844,10.270850703125,6.591520548339844,10.206560703125Q6.634475548339844,10.142280703125,6.689145548339844,10.087610703125Q6.743816548339844,10.032940703125,6.8081015483398435,9.989980703125Q6.8723875483398436,9.947030703125,6.943818548339844,9.917440703125Q7.0152485483398435,9.887850703125,7.091078548339844,9.872770703125Q7.166908848339844,9.857680703125,7.244224548339844,9.857680703125Q7.400370548339843,9.857680703125,7.544631548339844,9.917440703125Q7.688891548339844,9.977190703125,7.799303548339844,10.087610703125L7.799554548339843,10.087860703125L10.937374548339843,13.225670703125001Q11.388394548339843,13.676690703125,12.039404548339844,13.667970703125Q12.702744548339844,13.659080703125,13.181094548339843,13.180730703125Q13.659434548339844,12.702380703125,13.668324548339843,12.039030703125Q13.677054548339843,11.388010703125,13.226044548339843,10.937000703125L10.501584548339844,8.212549703125Q10.391174548339844,8.102137703125,10.331424548339843,7.957877703125Q10.271664548339844,7.813616703125,10.271664548339844,7.657470703125Q10.271664548339844,7.580155003125,10.286754548339843,7.504324703125Q10.301834548339844,7.428494703125,10.331424548339843,7.357064703125Q10.361004548339844,7.285633703125,10.403964548339843,7.221347703125Q10.446914548339844,7.157062703125,10.501584548339844,7.102391703125Q10.556254548339844,7.047721703125,10.620544548339844,7.004766703125Q10.684824548339844,6.961812703125,10.756254548339843,6.932225703125Q10.827694548339844,6.902637703125,10.903524548339844,6.887554703125Q10.979354548339844,6.872470703125,11.056664548339844,6.872470703125Q11.212814548339843,6.872470703125,11.357074548339844,6.932225703125Q11.501334548339845,6.991979703125,11.611744548339843,7.102391703125L11.612004548339844,7.102653703125Z" fill-rule="evenodd" fill="#8A9099" fill-opacity="1"/></g><g><path d="M8.214153529083251,5.936171515625Q8.103746529083253,5.825760515625,8.043994529083252,5.681503515625Q7.984243529083252,5.537245515625,7.984243529083252,5.381103515625Q7.984243529083252,5.303787815625,7.999326529083252,5.227957515625Q8.014410529083252,5.152127515625,8.043997529083253,5.080697515625Q8.073585529083251,5.009266515625,8.116539529083251,4.944980515625Q8.159493529083251,4.880695515625,8.214164529083252,4.826024515625Q8.268834529083252,4.771354515625,8.333120529083253,4.728399515625Q8.397406529083252,4.685445515625,8.468836529083251,4.655858515625Q8.540267529083252,4.626270515625,8.616097529083252,4.611187515625Q8.691927629083253,4.596103515625,8.769243329083253,4.596103515625Q8.925393529083252,4.596103515625,9.069656529083252,4.655860515625Q9.213920529083252,4.715618515625,9.324332529083252,4.826035515625Q9.776286529083253,5.278009515625,10.009966529083252,5.870733515625Q10.234586529083252,6.4404735156249995,10.226286529083252,7.059263515625Q10.218036529083252,7.674973515625,9.980366529083252,8.245403515625Q9.734906529083252,8.834513515625,9.279345529083251,9.290063515625Q9.168933529083253,9.400483515625,9.024672529083253,9.460233515625Q8.880412529083252,9.519993515625,8.724266529083252,9.519993515625Q8.646950829083252,9.519993515625,8.571120529083252,9.504903515625Q8.495290529083253,9.489823515625,8.423860529083251,9.460233515625Q8.352429529083253,9.430643515625,8.288143529083252,9.387693515625Q8.223858529083252,9.344733515625,8.169187529083253,9.290063515625Q8.114517529083251,9.235393515625,8.071562529083252,9.171113515625Q8.028608529083252,9.106823515624999,7.999021529083252,9.035393515625Q7.969433529083252,8.963963515625,7.954350529083252,8.888133515625Q7.939266529083252,8.812303515625,7.939266529083252,8.734993515625Q7.939266529083252,8.578843515625,7.999021529083252,8.434583515625Q8.058775529083253,8.290323515625,8.169187529083253,8.179913515625Q8.405124529083253,7.943973515625,8.531126529083252,7.641563515625Q8.652239429083252,7.350883515625,8.656431329083253,7.038213515625Q8.660581929083252,6.728623515625,8.549380529083251,6.446563515625Q8.435499529083252,6.157707515625,8.214613529083252,5.936631515625L8.214153529083251,5.936171515625Z" fill-rule="evenodd" fill="#8A9099" fill-opacity="1"/></g><g><path d="M7.799442879333496,7.799463765625Q7.909852879333496,7.689051765625,7.969602879333496,7.544791765625Q8.029362879333496,7.400530765625,8.029362879333496,7.244384765625Q8.029362879333496,7.167069065625,8.014282879333496,7.091238765625Q7.999192879333496,7.015408765625,7.969602879333496,6.943978765625Q7.940022879333496,6.872547765625,7.897062879333496,6.808261765625Q7.854112879333496,6.743976765625,7.799442879333496,6.689305765625Q7.744772879333496,6.634635765625,7.680482879333496,6.591680765625Q7.616202879333496,6.548726765625,7.544772879333496,6.519139765625Q7.473337879333496,6.489551765625,7.397507879333496,6.474468765625Q7.321677879333496,6.459384765625,7.244361879333496,6.459384765625Q7.088215879333496,6.459384765625,6.943955879333496,6.519139765625Q6.7996958793334965,6.578893765625,6.689283879333496,6.689305765625Q6.233724879333496,7.144864265625,5.988266879333496,7.733973765625Q5.750592879333496,8.304404765625,5.742337879333496,8.920104765625Q5.734041879333496,9.538894765624999,5.958660879333496,10.108634765625Q6.192343879333496,10.701354765625,6.644306879333496,11.153314765625Q6.754718879333496,11.263724765625,6.898978879333496,11.323484765625Q7.043238879333496,11.383234765625,7.199385879333496,11.383234765625Q7.276700879333496,11.383234765625,7.3525308793334965,11.368154765625Q7.4283618793334965,11.353064765625,7.499791879333496,11.323484765625Q7.571222879333496,11.293894765625,7.635512879333496,11.250934765625Q7.699792879333496,11.207984765625,7.754462879333496,11.153314765625Q7.809132879333497,11.098644765625,7.852092879333496,11.034354765625Q7.895042879333496,10.970074765625,7.924632879333496,10.898644765625Q7.954222879333496,10.827214765625,7.969302879333496,10.751384765625Q7.984382879333496,10.675554765625,7.984382879333496,10.598234765625Q7.984382879333496,10.442094765625,7.924632879333496,10.297834765625Q7.864872879333496,10.153564765625,7.754462879333496,10.043154765625001Q7.533242879333496,9.821934765625,7.419245879333496,9.532794765624999Q7.308045879333497,9.250734765625,7.312196879333496,8.941154765625Q7.316388879333497,8.628484765625,7.437501879333496,8.337814765625Q7.563502879333496,8.035401765625,7.799442879333496,7.799463765625Z" fill-rule="evenodd" fill="#8A9099" fill-opacity="1"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/site/more_setIcon.png b/src/assets/site/more_setIcon.png
new file mode 100644
index 0000000..57c4c5f
Binary files /dev/null and b/src/assets/site/more_setIcon.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 7795547..7f77300 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,8 +6,8 @@ import HomeView from '../views/HomeView.vue';
 // import Franchise from '../views/Franchise.vue'
 
 Vue.use(VueRouter)
-const whiteSlideList = ['/','/ui',];//侧边导航白名单
-const whiteHeaderList = ['/','/ui','/register','/settingServicePrice'];//头部导航白名单
+const whiteSlideList = ['/','/ui','/siteList'];//侧边导航白名单
+const whiteHeaderList = ['/','/ui','/register','/settingServicePrice','/siteList'];//头部导航白名单
 const whiteFooterList = ['/','/ui','/settingServicePrice'];//底部白名单
 const routes = [
   {
diff --git a/src/views/SiteList.vue b/src/views/SiteList.vue
index 06165ab..231492a 100644
--- a/src/views/SiteList.vue
+++ b/src/views/SiteList.vue
@@ -1,148 +1,258 @@
- <!-- 站点列表 -->
- <!-- :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
+<!-- 站点列表 -->
+<!-- :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
  :filter-method="filterHandler" -->
- <template>
-    <div class="siteList-wrap">
-        <el-table :data="tableData1.slice((currentPage - 1) * pageSize, currentPage * pageSize)" style="width: 100%"
-              :key="random()">
-              <!-- 其他列 -->
-              <el-table-column prop="name" label="站点简称" width="210">
-                <template slot-scope="scope">
-                  <div class="flex">
-                    <span :class="(scope.row.type == 'a' ? 'green' : 'blue')">{{ scope.row.type == 'a' ? '查重服务' : '写作辅助'
-                    }}</span>
-                    <span class="">{{ scope.row.name }}</span>
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column prop="stock" label="今日供货价">
-                <template slot-scope="scope">
-                  <div class="flex cell_render">
-                    <span>¥{{ scope.row.stock }}/篇</span>
-                    <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
-                  </div>
-                </template>
-              </el-table-column>
+<template>
+    <div class="siteList-wrap column">
+        <div class="siteList-main ">
+            <div class="flex-between">
+                <div class="left flex">
+                    <h2>站点列表</h2>
+                    <GuipButton size="medium" type="normal" @click="cancelEdit(row, 'price')">
+                        <img src="@/assets/site/form_link.svg" alt="">新增分组
+                    </GuipButton>
+                </div>
+                <div class="right">
+                    <GuipButton size="medium" @click="cancelEdit(row, 'price')">
+                        <img src="@/assets/site/form_link.svg" alt="">新增分组
+                    </GuipButton>
+                </div>
+            </div>
+            <el-form>
+                <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
+                    style="width: 100%" :key="random()">
+                    <!-- 其他列 -->
+                    <el-table-column prop="name" label="站点简称" width="210">
+                        <template slot-scope="scope">
+                            <div class="flex cell_render">
+                                <span class="">{{ scope.row.name }}</span>
+                                <img class="edit_icon" src="@/assets/site/form_link.svg" alt="">
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="registerDate" label="注册时间"></el-table-column>
 
-              <!-- 价格列 -->
-              <el-table-column label="售价">
-                <template v-slot="{ row, $index }">
-                  <el-popover v-model="row.price_popover" placement="top" trigger="manual" :ref="`popover-${$index}`"
-                    @show="popshow">
-                    <!-- 弹框内容 -->
-                    <div style="text-align: center">
-                      <GuipInput ref="GuipInput" v-if="!row.word" width="252px" v-model="row.edit_price" label="售价"
-                        placeholder="请输入售价" unit="元">
-                      </GuipInput>
-                      <div v-else class="flex">
-                        <GuipInput ref="GuipInput" width="133px" v-model="row.edit_price" label="售价" placeholder="请输入售价"
-                          unit="元">
-                        </GuipInput>
-                        <span class="shortspan">/</span>
-                        <GuipInput ref="GuipInput" width="133px" v-model="row.edit_word" placeholder="请输入字符" unit="字符">
-                        </GuipInput>
-                      </div>
-                      <!-- <el-input v-model="row.edit_price" size="small" placeholder="请输入价格" /> -->
-                      <div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;">
-                        <GuipButton size="medium" @click="cancelEdit(row, 'price')">取消</GuipButton>
-                        <GuipButton type="primary" @click="savePrice(row, 'price')" size="medium">确定</GuipButton>
-                      </div>
-                    </div>
-                    <!-- 触发弹框的按钮 -->
-                    <span slot="reference" @click="handlePriceClick(row, $index, 'price')">
+                    <!-- 价格列 -->
+                    <el-table-column label="站点分组">
+                        <template v-slot="{ row, $index }">
+                            <el-popover v-model="row.price_popover" placement="top" trigger="manual"
+                                :ref="`popover-${$index}`" @show="popshow">
+                                <!-- 弹框内容 -->
 
-                      <div class="flex cell_render">
-                        <span v-if="row.word" :key="random()">¥{{ row.price }}/{{ row.word }}字</span>
-                        <span v-else :key="random()">¥{{ row.price }}/篇</span>
-                        <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
-                      </div>
-                    </span>
-                  </el-popover>
-                </template>
-              </el-table-column>
-              <el-table-column prop="stock" label="排序">
-                <template v-slot="{ row, $index }">
-                  <el-popover v-model="row.num_popover" placement="top" trigger="manual" :ref="`popover-${$index}`"
-                    @show="popshow">
-                    <!-- 弹框内容 -->
-                    <div style="text-align: center">
-                      <GuipInput ref="GuipInput" width="252px" v-model="row.edit_num" label="排序" placeholder="请输入数字">
-                      </GuipInput>
-                      <p style="    width: 252px;
-    margin-left: 40px;
-    text-align: right;color: #8A9099;letter-spacing: 0.08em;">输入＞0的数，越小排序越前；重复则新者优先；0则默认排序</p>
-                      <!-- <el-input v-model="row.edit_price" size="small" placeholder="请输入价格" /> -->
-                      <div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;">
-                        <GuipButton size="medium" @click="cancelEdit(row, 'num')">取消</GuipButton>
-                        <GuipButton type="primary" @click="savePrice(row, 'num')" size="medium">确定</GuipButton>
-                      </div>
-                    </div>
-                    <!-- 触发弹框的按钮 -->
-                    <span slot="reference" @click="handlePriceClick(row, $index, 'num')">
-                      <div class="flex cell_render">
-                        <span>{{ row.num }}</span>
-                        <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
-                      </div>
-                    </span>
-                  </el-popover>
-                </template>
-              </el-table-column>
-              <el-table-column prop="stock" label="收款方式" width="195">
-                <template slot-scope="scope">
-                  <div class="flex cell_render" @click="popPayMentModal(scope.row)">
-                    <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{ scope.row.payment
-                      ==
-                      '0' ? '默认站点支付' : '自定义支付' }}</span>
-                    <img class="edit_icon" src="@/assets/register/tableEdit.svg" alt="">
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column prop="stock" label="状态">
-                <!-- <template slot-scope="scope">
-                  <GuipSwitch :modelValue="scope.row.homeFlag" @change="onSwitchChange(scope.row)">
-                  </GuipSwitch>
-                </template> -->
-              </el-table-column>
-              <el-table-column fixed="right" label="操作" width="112">
-                <template slot-scope="scope">
-                  <div class="flex">
-                    <el-button type="text">服务列表</el-button>
-                    <el-button @click="handleClick(scope.row)" type="text">站点设置</el-button>
-                  </div>
-                </template>
-              </el-table-column>
-            </el-table>
-            <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
-              :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
-              :total="tableData1.length">
-            </el-pagination>
-            <Footer></Footer>
+                                <!-- <el-input v-model="row.edit_price" size="small" placeholder="请输入价格" /> -->
+                                <div class="flex"
+                                    style="text-align: right; margin-top: 32px;justify-content: flex-end;">
+                                    <GuipButton size="medium" @click="cancelEdit(row, 'price')">取消</GuipButton>
+                                    <GuipButton type="primary" @click="savePrice(row, 'price')" size="medium">确定
+                                    </GuipButton>
+                                </div>
+                                <!-- 触发弹框的按钮 -->
+                                <span slot="reference" @click="handlePriceClick(row, $index, 'price')">
+                                    <div class="flex cell_render">
+                                        <span v-if="row.group" :key="random()">{{ groupList[row.group] }}</span>
+                                        <img class="edit_icon" src="@/assets/site/drop_icon.svg" alt="">
+                                    </div>
+                                </span>
+                            </el-popover>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="phoneService" label="手机服务" :filters="phoneService"
+                        :filter-method="filterHandler">
+                        <template v-slot="{ row, $index }">
+                            <el-popover v-model="row.num_popover" placement="top" trigger="manual"
+                                :ref="`popover-${$index}`" @show="popshow">
+                                <!-- 弹框内容 -->
+                                <div style="text-align: center">
+                                    <div class="flex"
+                                        style="text-align: right; margin-top: 32px;justify-content: flex-end;">
+                                        <GuipButton size="medium" @click="cancelEdit(row, 'phoneService')">取消
+                                        </GuipButton>
+                                        <GuipButton type="primary" @click="savePrice(row, 'phoneService')"
+                                            size="medium">确定
+                                        </GuipButton>
+                                    </div>
+                                </div>
+                                <!-- 触发弹框的按钮 -->
+                                <span slot="reference" @click="handlePriceClick(row, $index, 'phoneService')">
+                                    <div class="flex cell_render">
+                                        <span>{{ row.phoneService }}</span>
+                                    </div>
+                                </span>
+                            </el-popover>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="status" label="状态" width="195">
+                        <template slot-scope="scope">
+                            <div class="flex cell_render" @click="popPayMentModal(scope.row)">
+                                <span :class="(scope.row.status == '0' ? 'in_services' : 'in_config')">{{
+                                    scope.row.status
+                                        ==
+                                        '0' ? '运行中' : '配置中' }}</span>
+                                <img class="edit_icon" src="@/assets/site/more_setIcon.png" alt="">
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column fixed="right" label="操作" width="182">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                <el-button @click="handleServiceClick(scope.row)" type="text">服务列表</el-button>
+                                <el-button @click="handleSetClick(scope.row)" type="text">站点设置</el-button>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
+                    :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
+                    :total="tableData.length">
+                </el-pagination>
+            </el-form>
+        </div>
+        <Footer></Footer>
     </div>
- </template>
- <script>
+</template>
+<script>
 import Footer from '@/components/Footer.vue';
+// import GuipInput from '@/components/GuipInput.vue';
+import GuipButton from '@/components/GuipButton.vue';
 
 export default {
-  name: 'HomeView',
-  data() {
-    return {
-        tableData1:[],
+    name: 'sitelist',
+    components: {
+        // HelloWorld
+        // GuipInput,
+        Footer,
+        GuipButton
+    },
+    data() {
+        return {
+            tableData: [
+                {
+                    name: '哈哈哈',
+                    registerDate: '2025.02.18',
+                    group: '1',
+                    phoneService: '',
+                    status: '1',//配置中中
+                },
+                {
+                    name: '知网学诚教育',
+                    registerDate: '2025.02.18',
+                    group: '2',
+                    phoneService: '',
+                    status: '0',//运行中
+                },
+            ],
+            groupList: {
+                1: '内部测试',
+                2: '查重站点'
+            },
+            phoneServicelist:
+            {
+                0: '不限',
+                1: ' H5',
+                2: '小程序',
+                3: '无手机服务'
 
-    }
-  },
-  components: {
-    // HelloWorld
-    Footer,
-  },
-  methods: {
-    random() {
-      var randomNumber = Math.random();
-      return randomNumber
+            },
+            currentPage: 1,    //当前页
+            pageSize: 2,   //每页的容量
+            total: 0,   //列表总数
+            phoneService: [
+                {
+                    text: '不限',
+                    value: '0'
+                },
+                {
+                    text: 'H5',
+                    value: '1'
+                },
+                {
+                    text: '小程序',
+                    value: '2'
+                },
+                {
+                    text: 'H5以及小程序',
+                    value: '3'
+                },
+            ]
+        }
     },
-   
-  }
+    methods: {
+        popshow() {
+            var ariaEls = document.querySelectorAll('.el-popover')
+            ariaEls.forEach((item) => {
+                item.removeAttribute('aria-hidden')
+            })
+
+            ariaEls = document.querySelectorAll('.el-radio__original')
+            ariaEls.forEach((item) => {
+                item.removeAttribute('aria-hidden')
+            })
+        },
+        random() {
+            var randomNumber = Math.random();
+            return randomNumber
+        },
+        handleSizeChange(val) {
+            this.pageSize = val
+        },
+        handleCurrentChange(val) {
+            this.currentPage = val
+        },
+        // 列筛选
+        filterHandler(value, row, column) {
+            const property = column['property'];
+            return row[property] === value;
+        },
+        handleSetClick(row) {
+            console.log(row);
+        },
+        handleServiceClick(row) {
+            console.log(row);
+        },
+
+    }
 }
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
+.siteList-wrap {
+    padding: 12px;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+
+    .in_services {
+        color: #0DAF49;
+    }
 
+    .in_config {
+        color: #FF4D4F;
+    }
+
+    .siteList-main {
+        flex: 1;
+        padding: 32px 36px;
+        border-radius: 4px;
+        box-sizing: border-box;
+        width: 100%;
+        background: #FFFFFF;
+        // span {
+        //     color: #1E2226;
+        // }
+
+        .edit_icon {
+            width: 16px;
+            height: 16px;
+            display: none;
+            transition: all .3s;
+            margin-left: 8px;
+        }
+
+        .el-table__row:hover {
+            .edit_icon {
+                display: block;
+                transition: all .3s;
+            }
+        }
+    }
+
+}
 </style>
\ No newline at end of file