接口联调

package.json

@@ -48,6 +48,7 @@
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
+    "linq": "^4.0.3",
     "md5.js": "^1.3.5",
     "nprogress": "0.2.0",
     "quill": "2.0.2",

src/api/basedata/alg/alg.js

@@ -0,0 +1,41 @@
+import request from '@/utils/request';
+// 初始化list
+export function getList(query) {
+  return request({
+    url: '/basedata/alg/list',
+    method: 'get',
+    params: query
+  })
+}
+export function postRemove(query) {
+  return request({
+    url: `/basedata/alg/remove/${query}`,
+    method: 'post',
+    // params: query
+  })
+}
+
+// 新增
+export function postAdd(query) {
+  return request({
+    url: '/basedata/alg',
+    method: 'post',
+    data: query
+  })
+}
+
+// 编辑查询
+export function getItem(query) {
+  return request({
+    url: `/basedata/alg/${query}`,
+    method: 'get',
+  })
+}
+// 编辑
+export function edit(query) {
+  return request({
+    url: `/basedata/alg/edit`,
+    method: 'post',
+    data: query
+  })
+}

src/api/basedata/alg/subtype.js

@@ -0,0 +1,52 @@
+import request from '@/utils/request';
+// 初始化list
+export function getList(query) {
+  return request({
+    url: '/basedata/subtype/list',
+    method: 'get',
+    params: query
+  })
+}
+// 删除
+export function postRemove(query) {
+  return request({
+    url: `/basedata/subtype/remove/${query}`,
+    method: 'post',
+    // params: query
+  })
+}
+
+// 算法主类型查询
+export function getAlgTypeList(query) {
+  return request({
+    url: '/basedata/subtype/getAlgTypeList/',
+    method: 'get',
+    // params: query
+  })
+}
+
+
+// 新增
+export function postAdd(query) {
+  return request({
+    url: '/basedata/subtype',
+    method: 'post',
+    data: query
+  })
+}
+
+// 编辑查询
+export function getItem(query) {
+  return request({
+    url: `/basedata/subtype/${query}`,
+    method: 'get',
+  })
+}
+// 编辑
+export function edit(query) {
+  return request({
+    url: `/basedata/subtype/edit`,
+    method: 'post',
+    data: query
+  })
+}

src/api/basedata/eqpbook/channel.js

@@ -0,0 +1,53 @@
+import request from '@/utils/request';
+// 初始化list
+export function getList(query) {
+  return request({
+    url: '/basedata/eqpbook/channel/list',
+    method: 'get',
+    params: query
+  })
+}
+// 删除
+export function postRemove(query) {
+  return request({
+    url: `/basedata/eqpbook/channel/remove/${query}`,
+    method: 'post',
+    // params: query
+  })
+}
+// 设备
+
+export function eqpbookList(query) {
+  return request({
+    url: `/basedata/eqpbook/list`,
+    method: 'get',
+    params: {
+      pageNum: 1,
+      pageSize: 100000
+    }
+  })
+}
+// 新增
+export function postAdd(query) {
+  return request({
+    url: '/basedata/alg',
+    method: 'post',
+    data: query
+  })
+}
+
+// 编辑查询
+export function getItem(query) {
+  return request({
+    url: `/basedata/alg/${query}`,
+    method: 'get',
+  })
+}
+// 编辑
+export function edit(query) {
+  return request({
+    url: `/basedata/alg/edit`,
+    method: 'post',
+    data: query
+  })
+}

src/api/basedata/station.js

@@ -0,0 +1,55 @@
+import request from '@/utils/request';
+// 初始化list
+export function getList(query) {
+  return request({
+    url: '/basedata/station/list',
+    method: 'get',
+    params: query
+  })
+}
+// 删除
+export function postRemove(query) {
+  return request({
+    url: `/basedata/station/remove/${query}`,
+    method: 'post',
+    // params: query
+  })
+}
+// 新增
+export function postAdd(query) {
+  return request({
+    url: '/basedata/station',
+    method: 'post',
+    data: query
+  })
+}
+// 产站类型
+export function stationType(query) {
+  return request({
+    url: '/system/dict/data/type/station_type',
+    method: 'get',
+  })
+}
+// 编辑查询
+export function getItem(query) {
+  return request({
+    url: `/basedata/station/${query}`,
+    method: 'get',
+  })
+}
+// 编辑
+export function edit(query) {
+  return request({
+    url: `/basedata/station/edit`,
+    method: 'post',
+    data: query
+  })
+}
+// 导出
+export function Export(query) {
+  return request({
+    url: `/basedata/station/export`,
+    method: 'post',
+    data: query
+  })
+}

src/views/administration/administration.vue

@@ -150,7 +150,7 @@
       <!-- 任务策略 -->
       <el-table-column
         :label="$t('administration.TaskStrategy')"
-        prop="roleSort"
+        prop="stateFormat"
       />
       <!-- 执行任务周期 -->
       <el-table-column
@@ -286,7 +286,7 @@
             </el-select>
           </el-form-item>
           <!-- 任务执行方式 -->
-          <el-form-item
+          <!-- <el-form-item
             :label="$t('administration.TaskExecutionMethod')"
             prop="executionMode"
           >
@@ -294,9 +294,9 @@
               <el-checkbox label="0" name="type">{{
                 $t("administration.WalkThrough")
               }}</el-checkbox>
-              <!-- <el-checkbox label="现场巡视1" name="type"></el-checkbox> -->
+          
             </el-checkbox-group>
-          </el-form-item>
+          </el-form-item> -->
           <!-- 巡检区域 -->
           <el-form-item
             :label="$t('administration.InspectionArea')"
@@ -650,6 +650,7 @@ import {
   getControlChange,
   getTaskIsSue,
 } from "@/api/administration";
+import TreeSelect from "@riophae/vue-treeselect";
 export default {
   data() {
     return {

src/views/basedata/alg/index.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="app-container">
     <el-form v-model="queryParams" :inline="true">
-      <el-form-item :label="$t('alg.AlgorithmName')" >
-        <el-input :placeholder="$t('share.PleaseEnter') +' '+$t('alg.AlgorithmName')"></el-input>
+      <el-form-item :label="$t('alg.AlgorithmName')">
+        <el-input
+          v-model="queryParams.algName"
+          :placeholder="$t('share.PleaseEnter') + ' ' + $t('alg.AlgorithmName')"
+        ></el-input>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -10,11 +13,11 @@
           icon="el-icon-search"
           @click="handleQuery"
           size="mini"
-          >{{ $t('share.search')}}</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery" size="mini"
-          >{{ $t('share.reset')}}</el-button
+          >{{ $t("share.search") }}</el-button
         >
+        <el-button icon="el-icon-refresh" @click="resetQuery" size="mini">{{
+          $t("share.reset")
+        }}</el-button>
       </el-form-item>
     </el-form>
     <el-row :gutter="10" class="mb8">
@@ -25,43 +28,68 @@
           plain
           size="mini"
           @click="add"
-          >{{ $t('share.new')}}</el-button
+          >{{ $t("share.new") }}</el-button
         >
       </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button type="success" icon="el-icon-edit" plain size="mini">{{
+          $t("share.edit")
+        }}</el-button>
+      </el-col> -->
       <el-col :span="1.5">
-        <el-button type="success" icon="el-icon-edit" plain size="mini"
-          >{{ $t('share.edit')}}</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="danger" icon="el-icon-delete" plain size="mini"
-          >{{ $t('share.delete')}}</el-button
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          @click="handleDeleteAll"
+          :disabled="ids.length <= 0"
+          >{{ $t("share.delete") }}</el-button
         >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" icon="el-icon-download" plain size="mini"
-          >{{ $t('share.export')}}</el-button
-        >
+        <el-button type="warning" icon="el-icon-download" plain size="mini">{{
+          $t("share.export")
+        }}</el-button>
       </el-col>
     </el-row>
-    <el-table :data="tableData" style="width: 100%; margin-bottom: 20px">
+    <el-table
+      :data="tableData"
+      style="width: 100%; margin-bottom: 20px"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column prop="date" :label="$t('alg.AlgorithmID')"> </el-table-column>
-      <el-table-column prop="name" :label="$t('alg.AlgorithmName')"  align="center">
+      <el-table-column
+        prop="algId"
+        :label="$t('alg.AlgorithmID')"
+        width="150"
+        align="center"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="algName"
+        :label="$t('alg.AlgorithmName')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="address"  :label="$t('share.operate')" width="180" align="center">
+      <el-table-column
+        prop="address"
+        :label="$t('share.operate')"
+        width="180"
+        align="center"
+      >
         <template slot-scope="scope">
           <el-button
             type="text"
             size="small"
-            @click="handleEdit(scope.$index, scope.row)"
-            >{{ $t('share.edit')}}</el-button
+            @click="handleEdit(scope.row.algId)"
+            >{{ $t("share.edit") }}</el-button
           >
           <el-button
             type="text"
             size="small"
-            @click="handleDelete(scope.$index, scope.row)"
-            >{{ $t('share.delete')}}</el-button
+            @click="handleDelete(scope.row.algId)"
+            >{{ $t("share.delete") }}</el-button
           >
         </template>
       </el-table-column>
@@ -71,6 +99,7 @@
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
+      @pagination="init"
     />
     <el-dialog
       :title="title"
@@ -79,40 +108,155 @@
       :before-close="handleClose"
     >
       <el-form v-model="dialogForm">
-        <el-form-item :label="$t('alg.AlgorithmName')"  label-width="120px">
-          <el-input :placeholder="$t('share.PleaseEnter') +' '+$t('alg.AlgorithmName')"></el-input>
+        <el-form-item :label="$t('alg.AlgorithmName')" label-width="120px">
+          <el-input
+            v-model="dialogForm.algName"
+            :placeholder="
+              $t('share.PleaseEnter') + ' ' + $t('alg.AlgorithmName')
+            "
+          ></el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">{{ $t('share.cancel') }}</el-button>
-        <el-button type="primary" @click="dialogVisible = false"
-          >{{ $t('share.confirm') }}</el-button
-        >
+        <el-button @click="cancel">{{ $t("share.cancel") }}</el-button>
+        <el-button type="primary" @click="submitForm">{{
+          $t("share.confirm")
+        }}</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import {
+  getList,
+  postRemove,
+  postAdd,
+  getItem,
+  edit,
+  Export,
+} from "@/api/basedata/alg/alg";
 export default {
   data() {
     return {
-      queryParams: {},
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       tableData: [],
-      total: 10,
-      title: this.$t('alg.AddAlgorithm'),
+      total: 0,
+      title: this.$t("alg.AddAlgorithm"),
       dialogVisible: false,
       dialogForm: {},
+      ids: [],
+      type: 0,
     };
   },
+  mounted() {
+    this.init();
+  },
   methods: {
+    // 初始化
+    init() {
+      getList(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.$message({
+            message: `查询成功`,
+            type: "success",
+          });
+        }
+      });
+    },
+    // 查询
+    handleQuery() {
+      this.init();
+    },
+    // 重置
+    resetQuery() {
+      this.queryParams = { pageNum: 1, pageSize: 10 };
+      this.init();
+    },
+    // 删除
+    handleDelete(id) {
+      this.$confirm(`确定要删除Id为${id}的数据吗？`, "删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          postRemove(id).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.init();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.algId);
+    },
+    // 多选删除
+    handleDeleteAll() {
+      let ids = this.ids.toString();
+      this.handleDelete(ids);
+    },
     add() {
+      this.dialogForm = {};
+      this.type = 0;
       this.dialogVisible = true;
-      this.title = this.$t('alg.AddAlgorithm');
+      this.title = this.$t("alg.AddAlgorithm");
     },
-    handleEdit() {
+    handleEdit(id) {
+      this.type = 1;
       this.dialogVisible = true;
-      this.title = this.$t('alg.EditAlgorithm');
+      this.title = this.$t("alg.EditAlgorithm");
+      getItem(id).then((res) => {
+        if (res.code == 200) {
+          this.dialogForm = res.data;
+        }
+      });
+    },
+    // 弹框确定
+    submitForm() {
+      if (this.type == 0) {
+        postAdd(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "添加成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      } else {
+        edit(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "编辑成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      }
+    },
+    // 取消
+    cancel() {
+      this.dialogVisible = false;
     },
   },
 };

src/views/basedata/alg/subtype/index.vue

@@ -1,11 +1,26 @@
 <template>
   <div class="app-container">
     <el-form v-model="queryParams" :inline="true">
-      <el-form-item :label="$t('subtype.AlgorithmMethodTypeName')" >
-        <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('subtype.AlgorithmMethodTypeName')"></el-input>
+      <el-form-item :label="$t('subtype.AlgorithmMethodTypeName')">
+        <el-input
+          v-model="queryParams.algSubtypeName"
+          :placeholder="
+            $t('share.PleaseEnter') +
+            ' ' +
+            $t('subtype.AlgorithmMethodTypeName')
+          "
+        ></el-input>
       </el-form-item>
-      <el-form-item :label="$t('share.CreationTime')" >
-        <el-date-picker v-model="value1" type="date" :placeholder="$t('share.PleaseChoose')+' '+$t('subtype.CreationTime')">
+      <el-form-item :label="$t('share.CreationTime')">
+        <!-- :placeholder="
+            $t('share.PleaseChoose') + ' ' + $t('subtype.CreationTime')
+          " -->
+        <el-date-picker
+          v-model="queryParams.createTime"
+          type="date"
+          placeholder="请选择创建时间"
+          value-format="yyyy-MM-dd"
+        >
         </el-date-picker>
       </el-form-item>
       <el-form-item>
@@ -14,11 +29,11 @@
           icon="el-icon-search"
           @click="handleQuery"
           size="mini"
-          >{{ $t('share.search') }}</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery" size="mini"
-          >{{ $t('share.reset') }}</el-button
+          >{{ $t("share.search") }}</el-button
         >
+        <el-button icon="el-icon-refresh" @click="resetQuery" size="mini">{{
+          $t("share.reset")
+        }}</el-button>
       </el-form-item>
     </el-form>
     <el-row :gutter="10" class="mb8">
@@ -29,52 +44,86 @@
           plain
           size="mini"
           @click="add"
-          >{{ $t('share.new') }}</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" icon="el-icon-edit" plain size="mini"
-          >{{ $t('share.edit') }}</el-button
+          >{{ $t("share.new") }}</el-button
         >
       </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button type="success" icon="el-icon-edit" plain size="mini">{{
+          $t("share.edit")
+        }}</el-button>
+      </el-col> -->
       <el-col :span="1.5">
-        <el-button type="danger" icon="el-icon-delete" plain size="mini"
-          >{{ $t('share.delete') }}</el-button
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          @click="handleDeleteAll"
+          :disabled="ids.length <= 0"
+          >{{ $t("share.delete") }}</el-button
         >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" icon="el-icon-download" plain size="mini"
-          >{{ $t('share.export') }}</el-button
-        >
+        <el-button type="warning" icon="el-icon-download" plain size="mini">{{
+          $t("share.export")
+        }}</el-button>
       </el-col>
     </el-row>
-    <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" >
+    <el-table
+      :data="tableData"
+      @selection-change="handleSelectionChange"
+      style="width: 100%; margin-bottom: 20px"
+    >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column prop="date" :label="$t('subtype.AlgorithmMethodTypeID')"  align="center">
+      <el-table-column
+        prop="algSubtypeId"
+        :label="$t('subtype.AlgorithmMethodTypeID')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('subtype.AlgorithmTypeName')" align="center">
+      <el-table-column
+        prop="algName"
+        :label="$t('subtype.AlgorithmTypeName')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('subtype.AlgorithmMethodTypeEncoding')" align="center">
+      <el-table-column
+        prop="algSubtypeCode"
+        :label="$t('subtype.AlgorithmMethodTypeEncoding')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('subtype.AlgorithmMethodTypeName')" align="center">
+      <el-table-column
+        prop="algSubtypeName"
+        :label="$t('subtype.AlgorithmMethodTypeName')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('subtype.lowerLimitsOfNormal')" align="center">
+      <el-table-column
+        prop="lowerValue"
+        :label="$t('subtype.lowerLimitsOfNormal')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('subtype.UpperLimitOfNormalRange')" align="center">
+      <el-table-column
+        prop="lowerFlag"
+        :label="$t('subtype.UpperLimitOfNormalRange')"
+        align="center"
+      >
       </el-table-column>
-      <el-table-column prop="address" :label="$t('share.operate')" width="180" align="center">
+      <el-table-column :label="$t('share.operate')" width="180" align="center">
         <template slot-scope="scope">
           <el-button
             type="text"
             size="small"
-            @click="handleEdit(scope.$index, scope.row)"
-            >{{ $t('share.edit') }}</el-button
+            @click="handleEdit(scope.row.algSubtypeId)"
+            >{{ $t("share.edit") }}</el-button
           >
           <el-button
             type="text"
             size="small"
-            @click="handleDelete(scope.$index, scope.row)"
-            >{{ $t('share.delete') }}</el-button
+            @click="handleDelete(scope.row.algSubtypeId)"
+            >{{ $t("share.delete") }}</el-button
           >
         </template>
       </el-table-column>
@@ -84,6 +133,7 @@
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
+      @pagination="init"
     />
 
     <el-dialog
@@ -93,69 +143,237 @@
       :before-close="handleClose"
     >
       <el-form v-model="dialogForm">
-        <el-form-item :label="$t('subtype.MainTypeOfAlgorithm')" >
-          <el-select style="width: 100%;" v-model="value" :placeholder="$t('share.PleaseChoose')+' '+$t('subtype.MainTypeOfAlgorithm')">
-            <el-option label="item.label" value="item.value"> </el-option>
+        <el-form-item :label="$t('subtype.MainTypeOfAlgorithm')">
+          <el-select
+            style="width: 100%"
+            v-model="dialogForm.algId"
+            :placeholder="
+              $t('share.PleaseChoose') + ' ' + $t('subtype.MainTypeOfAlgorithm')
+            "
+          >
+            <!-- <el-option label="item.label" value="item.value"> </el-option> -->
+            <el-option
+              :label="item.algName"
+              :value="item.algId"
+              v-for="item in algTypeList"
+              :key="item.algId"
+            >
+            </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('subtype.AlgorithmMethodTypeName')" >
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('subtype.AlgorithmMethodTypeName')"></el-input>
+        <el-form-item :label="$t('subtype.AlgorithmMethodTypeName')">
+          <el-input
+            v-model="dialogForm.algSubtypeName"
+            :placeholder="
+              $t('share.PleaseEnter') +
+              ' ' +
+              $t('subtype.AlgorithmMethodTypeName')
+            "
+          ></el-input>
         </el-form-item>
-        <el-form-item :label="$t('subtype.AlgorithmMethodTypeEncoding')" >
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('subtype.AlgorithmMethodTypeEncoding')"></el-input>
+        <el-form-item :label="$t('subtype.AlgorithmMethodTypeEncoding')">
+          <el-input
+            v-model="dialogForm.algSubtypeCode"
+            :placeholder="
+              $t('share.PleaseEnter') +
+              ' ' +
+              $t('subtype.AlgorithmMethodTypeEncoding')
+            "
+          ></el-input>
         </el-form-item>
-        <el-form-item :label="$t('subtype.lowerLimitsOfNormal')" >
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('subtype.lowerLimitsOfNormal')"></el-input>
+        <el-form-item :label="$t('subtype.lowerLimitsOfNormal')">
+          <el-input
+            v-model="dialogForm.lowerValue"
+            :placeholder="
+              $t('share.PleaseEnter') + ' ' + $t('subtype.lowerLimitsOfNormal')
+            "
+          ></el-input>
         </el-form-item>
-        <el-form-item :label="$t('subtype.UpperLimitOfNormalRange')" >
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('subtype.UpperLimitOfNormalRange')"></el-input>
+        <el-form-item :label="$t('subtype.UpperLimitOfNormalRange')">
+          <el-input
+            v-model="dialogForm.lowerValue"
+            :placeholder="
+              $t('share.PleaseEnter') +
+              ' ' +
+              $t('subtype.UpperLimitOfNormalRange')
+            "
+          ></el-input>
         </el-form-item>
-        <el-form-item :label="$t('subtype.UpperLimitLabel')" >
+        <el-form-item :label="$t('subtype.UpperLimitLabel')">
           <el-switch
-            v-model="value"
+            v-model="dialogForm.lowerFlag"
             active-color="#13ce66"
             inactive-color="#eee"
+             active-value="1"
+            inactive-value="0"
           >
           </el-switch>
         </el-form-item>
-        <el-form-item :label="$t('subtype.LowerLimitIdentification')" label-width="110px">
+        <el-form-item :label="$t('subtype.LowerLimitIdentification')">
           <el-switch
-            v-model="value"
+            v-model="dialogForm.upperFlag"
             active-color="#13ce66"
             inactive-color="#eee"
+            active-value="1"
+            inactive-value="0"
           >
           </el-switch>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">{{ $t('share.cancel') }}</el-button>
-        <el-button type="primary" @click="dialogVisible = false"
-          >{{ $t('share.confirm') }}</el-button
-        >
+        <el-button @click="cancel">{{ $t("share.cancel") }}</el-button>
+        <el-button type="primary" @click="submitForm">{{
+          $t("share.confirm")
+        }}</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import {
+  getList,
+  postRemove,
+  postAdd,
+  getItem,
+  edit,
+  getAlgTypeList,
+} from "@/api/basedata/alg/subtype";
 export default {
   data() {
     return {
-      queryParams: {},
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       tableData: [],
-      total: 10,
-      title: this.$t('subtype.AddAlgorithmAppendix'),
+      total: 0,
+      title: this.$t("subtype.AddAlgorithmAppendix"),
       dialogVisible: false,
+      ids: [],
+      type: 0,
+      dialogForm: {},
+      algTypeList: [],
     };
   },
+  mounted() {
+    this.init();
+    this.algTypeListInit();
+  },
   methods: {
+    init() {
+      getList(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.$message({
+            message: `查询成功`,
+            type: "success",
+          });
+        }
+      });
+    },
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    algTypeListInit() {
+      getAlgTypeList().then((res) => {
+        if (res.code == 200) {
+          this.algTypeList = res.data;
+        }
+      });
+    },
+    // 搜索
+    handleQuery() {
+      console.log(this.queryParams);
+      this.init();
+    },
+    // 重置
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.init();
+    },
     add() {
+      this.type = 0;
       this.dialogVisible = true;
-      this.title=this.$t('subtype.AddAlgorithmAppendix')
+      this.title = this.$t("subtype.AddAlgorithmAppendix");
     },
-    handleEdit() {
+    handleEdit(id) {
+      this.type = 1;
       this.dialogVisible = true;
-      this.title=this.$t('subtype.EditAlgorithmAppendix')
+      this.title = this.$t("subtype.EditAlgorithmAppendix");
+      getItem(id).then((res) => {
+        if (res.code == 200) {
+          this.dialogForm = res.data;
+        }
+      });
+    },
+    // 表格多选
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.algSubtypeId);
+    },
+    // 删除
+    handleDelete(id) {
+      this.$confirm(`确定要删除Id为${id}的数据吗？`, "删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          postRemove(id).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.init();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 多选删除
+    handleDeleteAll() {
+      let ids = this.ids.toString();
+      this.handleDelete(ids);
+    },
+    // 弹框确定
+    submitForm() {
+      if (this.type == 0) {
+        postAdd(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "添加成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      } else {
+        edit(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "编辑成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      }
+    },
+    // 弹框取消
+    cancel() {
+      this.handleClose()
     },
   },
 };

src/views/basedata/eqpbook/channel/index.vue

@@ -3,6 +3,7 @@
     <el-form v-model="queryParams" :inline="true">
       <el-form-item :label="$t('channel.ChannelCoding')">
         <el-input
+          v-model="queryParams.channelCode"
           :placeholder="
             $t('share.PleaseEnter') + ' ' + $t('channel.ChannelCoding')
           "
@@ -10,6 +11,7 @@
       </el-form-item>
       <el-form-item :label="$t('channel.ChannelName')">
         <el-input
+          v-model="queryParams.channelName"
           :placeholder="
             $t('share.PleaseEnter') + ' ' + $t('channel.ChannelName')
           "
@@ -17,18 +19,26 @@
       </el-form-item>
       <el-form-item :label="$t('channel.device')">
         <el-select
+          v-model="queryParams.eqpbookId"
           :placeholder="$t('share.PleaseChoose') + ' ' + $t('channel.device')"
         >
-          <!-- <el-option label="选项一" value="shanghai"></el-option> -->
+          <el-option
+            :label="item.patroldeviceName"
+            :value="item.eqpbookId"
+            v-for="item in eqpbookListData"
+            :key="item.areaId"
+          ></el-option>
         </el-select>
       </el-form-item>
       <el-form-item :label="$t('channel.ChannelType')">
         <el-select
+          v-model="queryParams.channelType"
           :placeholder="
             $t('share.PleaseChoose') + ' ' + $t('channel.ChannelType')
           "
         >
-          <!-- <el-option label="选项一" value="shanghai"></el-option> -->
+          <el-option label="红外" value="ir"></el-option>
+          <el-option label="可见光" value="vl"></el-option>
         </el-select>
       </el-form-item>
       <el-form-item>
@@ -55,7 +65,7 @@
           >{{ $t("share.new") }}</el-button
         >
       </el-col>
-      <el-col :span="1.5">
+      <!-- <el-col :span="1.5">
         <el-button
           type="success"
           icon="el-icon-edit"
@@ -64,11 +74,16 @@
           @click="handleEdit"
           >{{ $t("share.edit") }}</el-button
         >
-      </el-col>
+      </el-col> -->
       <el-col :span="1.5">
-        <el-button type="danger" icon="el-icon-delete" plain size="mini">{{
-          $t("share.delete")
-        }}</el-button>
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          @click="handleDeleteAll"
+          >{{ $t("share.delete") }}</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button type="warning" icon="el-icon-download" plain size="mini">{{
@@ -76,52 +91,76 @@
         }}</el-button>
       </el-col>
     </el-row>
-    <el-table :data="tableData" style="width: 100%; margin-bottom: 20px">
+    <el-table
+      :data="tableData"
+      style="width: 100%; margin-bottom: 20px"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column prop="date" :label="$t('channel.ChannelID')">
+      <el-table-column prop="channelId" :label="$t('channel.ChannelID')">
       </el-table-column>
       <el-table-column
-        prop="name"
+        prop="channelCode"
         :label="$t('channel.ChannelCoding')"
         align="center"
       >
       </el-table-column>
       <el-table-column
-        prop="name"
+        prop="channelName"
         :label="$t('channel.ChannelName')"
         align="center"
       >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('channel.device')" align="center">
+      <el-table-column
+        prop="patroldeviceName"
+        :label="$t('channel.device')"
+        align="center"
+      >
       </el-table-column>
       <el-table-column
-        prop="name"
+        prop="patroldeviceCode"
         :label="$t('channel.EquipmentNumber')"
         align="center"
       >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('channel.user')" align="center">
+      <el-table-column
+        prop="username"
+        :label="$t('channel.user')"
+        align="center"
+      >
       </el-table-column>
       <el-table-column
-        prop="name"
+        prop="password"
         :label="$t('channel.password')"
         align="center"
       >
       </el-table-column>
-      <el-table-column prop="name" :label="$t('channel.state')" align="center">
+      <!-- 通道类型  -->
+      <el-table-column prop="channelType" label="通道类型" align="center">
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.channelType == 'vl'">可见光</el-tag>
+          <el-tag v-if="scope.row.channelType == 'ir'">红外</el-tag>
+        </template>
       </el-table-column>
+
       <el-table-column
-        prop="name"
-        :label="$t('channel.SpecificContentOfTheChannel')"
+        prop="onlineState"
+        :label="$t('channel.state')"
         align="center"
       >
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.onlineState == '1'">在线</el-tag>
+          <el-tag v-if="scope.row.onlineState == '2'">离线</el-tag>
+        </template>
       </el-table-column>
+
       <el-table-column
-        prop="address"
-        :label="$t('share.operate')"
-        width="180"
+        prop="channelConten"
+        :label="$t('channel.SpecificContentOfTheChannel')"
         align="center"
       >
+      </el-table-column>
+      <el-table-column :label="$t('share.operate')" width="180" align="center">
         <template slot-scope="scope">
           <el-button
             type="text"
@@ -132,7 +171,7 @@
           <el-button
             type="text"
             size="small"
-            @click="handleDelete(scope.$index, scope.row)"
+            @click="handleDelete(scope.row.channelId)"
             >{{ $t("share.delete") }}</el-button
           >
         </template>
@@ -143,6 +182,7 @@
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
+      @pagination="init"
     />
 
     <el-dialog
@@ -159,7 +199,7 @@
       >
         <el-form-item :label="$t('channel.ChannelCoding')">
           <el-input
-            v-model="dialogForm.ChannelCoding"
+            v-model="dialogForm.channelCode"
             :placeholder="
               $t('share.PleaseEnter') + ' ' + $t('channel.ChannelCoding')
             "
@@ -167,7 +207,7 @@
         </el-form-item>
         <el-form-item :label="$t('channel.ChannelName')" prop="ChannelName">
           <el-input
-            v-model="dialogForm.ChannelName"
+            v-model="dialogForm.channelName"
             :placeholder="
               $t('share.PleaseEnter') + ' ' + $t('channel.ChannelName')
             "
@@ -180,15 +220,21 @@
               $t('share.PleaseChoose') + ' ' + $t('channel.ChannelType')
             "
           >
-            <!-- <el-option label="选项一" value="shanghai"></el-option> -->
+            <el-option label="红外" value="ir"></el-option>
+            <el-option label="可见光" value="vl"></el-option>
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('channel.device')" prop="device">
           <el-select
-            v-model="dialogForm.device"
+            v-model="dialogForm.eqpbookId"
             :placeholder="$t('share.PleaseChoose') + ' ' + $t('channel.device')"
           >
-            <!-- <el-option label="选项一" value="shanghai"></el-option> -->
+            <el-option
+              :label="item.patroldeviceName"
+              :value="item.eqpbookId"
+              v-for="item in eqpbookListData"
+              :key="item.areaId"
+            ></el-option>
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('channel.state')">
@@ -247,10 +293,8 @@
       </el-form>
 
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">{{
-          $t("share.cancel")
-        }}</el-button>
-        <el-button type="primary" @click="onSubmit">{{
+        <el-button @click="handleClose">{{ $t("share.cancel") }}</el-button>
+        <el-button type="primary" @click="submitForm">{{
           $t("share.confirm")
         }}</el-button>
       </span>
@@ -259,10 +303,22 @@
 </template>
 
 <script>
+import {
+  eqpbookList,
+  getList,
+  postRemove,
+  postAdd,
+  getItem,
+  edit,
+  getAlgTypeList,
+} from "@/api/basedata/eqpbook/channel";
 export default {
   data() {
     return {
-      queryParams: {},
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       tableData: [],
       total: 10,
       dialogVisible: false,
@@ -298,12 +354,45 @@ export default {
           },
         ],
       },
+      dialogForm: {},
+      type: 0,
+      ids: [],
+      eqpbookListData: [],
     };
   },
+  mounted() {
+    this.init();
+    eqpbookList().then((res) => {
+      console.log(res, 111111);
+      if (res.code == 200) {
+        this.eqpbookListData = res.rows;
+      }
+    });
+  },
   methods: {
-    handleQuery() {},
-    resetQuery() {},
-    handleClose() {},
+    // 初始化
+    init() {
+      getList(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.tableData = res.rows;
+          this.total = res.total;
+        }
+      });
+    },
+
+    handleQuery() {
+      this.init();
+    },
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.init();
+    },
+    handleClose() {
+      this.dialogVisible = false;
+    },
     add() {
       this.dialogVisible = true;
       this.title = this.$t("channel.AddDeviceChannel");
@@ -323,6 +412,67 @@ export default {
         }
       });
     },
+    // 删除
+    handleDelete(id) {
+      this.$confirm(`确定要删除Id为${id}的数据吗？`, "删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          postRemove(id).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.init();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 多选删除
+    handleDeleteAll() {
+      let ids = this.ids.toString();
+      this.handleDelete(ids);
+    },
+    // 表格多选
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.channelId);
+    },
+    // 弹框确定
+    submitForm() {
+      return;
+      if (this.type == 0) {
+        postAdd(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "添加成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      } else {
+        edit(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "编辑成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      }
+    },
   },
 };
 </script>

src/views/basedata/station/index.vue

@@ -1,8 +1,13 @@
 <template>
   <div class="app-container">
     <el-form v-model="queryParams" :inline="true">
-      <el-form-item :label="$t('station.StationName')" >
-        <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.StationName')"></el-input>
+      <el-form-item :label="$t('station.StationName')">
+        <el-input
+          v-model="queryParams.stationName"
+          :placeholder="
+            $t('share.PleaseEnter') + ' ' + $t('station.StationName')
+          "
+        ></el-input>
       </el-form-item>
       <el-form-item>
         <el-button
@@ -10,11 +15,11 @@
           icon="el-icon-search"
           @click="handleQuery"
           size="mini"
-          >{{ $t('share.search') }}</el-button
-        >
-        <el-button icon="el-icon-refresh" @click="resetQuery" size="mini"
-          >{{ $t('share.reset') }}</el-button
+          >{{ $t("share.search") }}</el-button
         >
+        <el-button icon="el-icon-refresh" @click="resetQuery" size="mini">{{
+          $t("share.reset")
+        }}</el-button>
       </el-form-item>
     </el-form>
     <el-row :gutter="10" class="mb8">
@@ -24,45 +29,113 @@
           icon="el-icon-plus"
           plain
           size="mini"
-          @click="add"
-          >{{ $t('share.new') }}</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button type="success" icon="el-icon-edit" plain size="mini"
-          >{{ $t('share.edit') }}</el-button
+          @click="add()"
+          >{{ $t("share.new") }}</el-button
         >
       </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button type="success" icon="el-icon-edit" plain size="mini">{{
+          $t("share.edit")
+        }}</el-button>
+      </el-col> -->
       <el-col :span="1.5">
-        <el-button type="danger" icon="el-icon-delete" plain size="mini"
-          >{{ $t('share.delete') }}</el-button
+        <el-button
+          type="danger"
+          icon="el-icon-delete"
+          plain
+          size="mini"
+          @click="handleDeleteAll"
+          :disabled="ids.length <= 0"
+          >{{ $t("share.delete") }}</el-button
         >
       </el-col>
       <el-col :span="1.5">
-        <el-button type="warning" icon="el-icon-download" plain size="mini"
-          >{{ $t('share.export') }}</el-button
+        <el-button
+          type="warning"
+          icon="el-icon-download"
+          plain
+          size="mini"
+          @click="handleExport"
+          >{{ $t("share.export") }}</el-button
         >
       </el-col>
     </el-row>
-    <el-table :data="tableData" style="width: 100%">
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" />
-      <el-table-column prop="date" :label="$t('station.StationID')" align="center" />
-      <el-table-column prop="name" :label="$t('station.StationNumber')" align="center" />
-      <el-table-column prop="address" :label="$t('station.StationName')" align="center" />
-      <el-table-column prop="address" :label="$t('station.StationType')" align="center" />
-      <el-table-column prop="address" :label="$t('station.StationDescription')" align="center" />
-      <el-table-column prop="address" :label="$t('station.EdgeNodeIdentificationID')" align="center" />
-      <el-table-column prop="address" :label="$t('station.VoltageLevelOfProductionStation')" align="center" />
-      <el-table-column prop="address"  :label="$t('station.province')"  align="center" />
-      <el-table-column prop="address"  :label="$t('station.city')" align="center" />
-      <el-table-column prop="address" :label="$t('share.operate')" align="center">
+      <el-table-column
+        prop="stationId"
+        :label="$t('station.StationID')"
+        align="center"
+      />
+      <el-table-column
+        prop="stationNo"
+        :label="$t('station.StationNumber')"
+        align="center"
+      />
+      <el-table-column
+        prop="stationName"
+        :label="$t('station.StationName')"
+        align="center"
+      />
+      <el-table-column
+        prop="stationType"
+        :label="$t('station.StationType')"
+        align="center"
+      />
+      <el-table-column
+        prop="descride"
+        :label="$t('station.StationDescription')"
+        align="center"
+      />
+
+      <el-table-column
+        prop="nodeId"
+        :label="$t('station.EdgeNodeIdentificationID')"
+        align="center"
+      />
+      <el-table-column
+        prop="voltLevel"
+        :label="$t('station.VoltageLevelOfProductionStation')"
+        align="center"
+      />
+      <el-table-column
+        prop="provinceName"
+        :label="$t('station.province')"
+        align="center"
+      />
+      <el-table-column
+        prop="cityName"
+        :label="$t('station.city')"
+        align="center"
+      />
+      <el-table-column :label="$t('share.operate')" align="center">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="edit">{{$t('share.edit')}}</el-button>
-          <el-button type="text" size="small">{{$t('share.delete')}}</el-button>
+          <el-button
+            type="text"
+            size="small"
+            @click="edit(scope.row.stationId)"
+            >{{ $t("share.edit") }}</el-button
+          >
+          <el-button
+            type="text"
+            size="small"
+            @click="onDelete(scope.row.stationId)"
+            >{{ $t("share.delete") }}</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
-
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="init"
+    />
     <el-dialog
       :title="title"
       :visible.sync="dialogVisible"
@@ -70,67 +143,233 @@
       :before-close="handleClose"
     >
       <el-form label-width="150px" v-model="dialogForm">
-        <el-form-item :label="$t('station.StationType')" >
-          <el-select v-model="queryParams.region" :placeholder="$t('share.PleaseChoose')+' '+$t('station.StationType')">
+        <el-form-item :label="$t('station.StationType')">
+          <el-select
+            v-model="dialogForm.stationType"
+            :placeholder="
+              $t('share.PleaseChoose') + ' ' + $t('station.StationType')
+            "
+          >
             <!-- <el-option label="区域一" value="shanghai"></el-option>
             <el-option label="区域二" value="beijing"></el-option> -->
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('station.StationNumber')" >
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.StationNumber')"></el-input>
+        <el-form-item :label="$t('station.StationNumber')">
+          <el-input
+            v-model="dialogForm.stationNo"
+            :placeholder="
+              $t('share.PleaseEnter') + ' ' + $t('station.StationNumber')
+            "
+          ></el-input>
         </el-form-item>
         <el-form-item :label="$t('station.StationName')">
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.StationName')"></el-input>
+          <el-input
+            v-model="dialogForm.stationName"
+            :placeholder="
+              $t('share.PleaseEnter') + ' ' + $t('station.StationName')
+            "
+          ></el-input>
         </el-form-item>
         <el-form-item :label="$t('station.StationDescription')">
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.StationDescription')"></el-input>
+          <el-input
+            v-model="dialogForm.descride"
+            :placeholder="
+              $t('share.PleaseEnter') + ' ' + $t('station.StationDescription')
+            "
+          ></el-input>
         </el-form-item>
         <el-form-item :label="$t('station.EdgeNodeIdentificationID')">
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.EdgeNodeIdentificationID')"></el-input>
+          <el-input
+            v-model="dialogForm.nodeId"
+            :placeholder="
+              $t('share.PleaseEnter') +
+              ' ' +
+              $t('station.EdgeNodeIdentificationID')
+            "
+          ></el-input>
         </el-form-item>
         <el-form-item :label="$t('station.VoltageLevelOfProductionStation')">
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.VoltageLevelOfProductionStation')">></el-input>
+          <el-input
+            v-model="dialogForm.voltLevel"
+            :placeholder="
+              $t('share.PleaseEnter') +
+              ' ' +
+              $t('station.VoltageLevelOfProductionStation')
+            "
+            >></el-input
+          >
         </el-form-item>
-        <el-form-item  :label="$t('station.province')">
-          <el-input :placeholder="$t('share.PleaseEnter')+' '+$t('station.province')"></el-input>
+        <el-form-item :label="$t('station.province')">
+          <el-input
+            v-model="dialogForm.provinceName"
+            :placeholder="
+              $t('share.PleaseEnter') + ' ' + $t('station.province')
+            "
+          ></el-input>
         </el-form-item>
         <el-form-item :label="$t('station.city')">
-          <el-input  :placeholder="$t('share.PleaseEnter')+' '+$t('station.city')"></el-input>
+          <el-input
+            v-model="dialogForm.cityName"
+            :placeholder="$t('share.PleaseEnter') + ' ' + $t('station.city')"
+          ></el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">{{ $t('share.cancel') }}</el-button>
-        <el-button type="primary" @click="dialogVisible = false"
-          >{{ $t('share.confirm') }}</el-button
-        >
+        <el-button @click="cancel">{{ $t("share.cancel") }}</el-button>
+        <el-button type="primary" @click="submitForm">{{
+          $t("share.confirm")
+        }}</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
+import {
+  getList,
+  postRemove,
+  postAdd,
+  getItem,
+  edit,
+  Export,
+} from "@/api/basedata/station";
 export default {
   data() {
     return {
-      queryParams: {},
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+      },
       tableData: [],
       dialogVisible: false,
-      title: this.$t('station.AddStationInformation'),
+      title: this.$t("station.AddStationInformation"),
       dialogForm: {},
+      ids: [],
+      type: 0,
+      total: 0,
     };
   },
+  mounted() {
+    this.init();
+  },
   methods: {
+    init() {
+      getList(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.$message({
+            message: `查询成功`,
+            type: "success",
+          });
+        }
+      });
+    },
+    handleQuery() {
+      this.init();
+    },
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+      };
+      this.init();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.stationId);
+    },
+    // 删除
+    onDelete(id) {
+      this.$confirm(`确定要删除Id为${id}的数据吗？`, "删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          postRemove(id).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.init();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 多选删除
+    handleDeleteAll() {
+      let ids = this.ids.toString();
+      this.onDelete(ids);
+    },
     add() {
+      this.type = 0;
+      this.dialogForm = {};
       this.dialogVisible = true;
-      this.title = this.$t('station.AddStationInformation')
+      this.title = this.$t("station.AddStationInformation");
+    },
+    // 弹框确定
+    submitForm() {
+      if (this.type == 0) {
+        postAdd(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "添加成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      } else {
+        edit(this.dialogForm).then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              type: "success",
+              message: "编辑成功!",
+            });
+            this.dialogVisible = false;
+            this.init();
+          }
+        });
+      }
+    },
+    // 取消确定
+    cancel() {
+      this.dialogVisible = false;
     },
     handleClose() {
       this.dialogVisible = false;
     },
-    edit(){
+    // 编辑
+    edit(id) {
+      this.type = 1;
       this.dialogVisible = true;
-      this.title = this.$t('station.ModifyStationInformation')
-    }
+      this.title = this.$t("station.ModifyStationInformation");
+      getItem(id).then((res) => {
+        if (res.code == 200) {
+          this.dialogForm = res.data;
+        }
+      });
+    },
+    // 导出
+    handleExport() {
+      Export(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            type: "success",
+            message: "导出成功!",
+          });
+        }
+      });
+    },
   },
 };
 </script>