From baa306b0a3672a12dc7c84389f594ba06f32d395 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Fri, 25 Mar 2022 13:48:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=9B=E6=96=B0=E6=9C=8D=E5=8A=A1=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=E9=A1=B5=E9=9D=A2=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/EnterpriseDemandForm/index.vue |  19 +-
 src/views/innovateDemand/demand/detail.vue    |  57 ++++
 src/views/innovateDemand/demand/index.vue     | 260 +++++++++++++++++-
 .../innovateDemand/enterpriseThink/detail.vue |  56 ++++
 .../innovateDemand/enterpriseThink/index.vue  | 123 ++++++++-
 .../innovateDemand/expertThink/index.vue      | 252 ++++++++++++++++-
 6 files changed, 756 insertions(+), 11 deletions(-)
 create mode 100644 src/views/innovateDemand/demand/detail.vue
 create mode 100644 src/views/innovateDemand/enterpriseThink/detail.vue

diff --git a/src/views/components/EnterpriseDemandForm/index.vue b/src/views/components/EnterpriseDemandForm/index.vue
index 1814a6c..1a87d61 100644
--- a/src/views/components/EnterpriseDemandForm/index.vue
+++ b/src/views/components/EnterpriseDemandForm/index.vue
@@ -8,7 +8,7 @@
   >
     <div class="form_title" v-if="showTitle">基本信息</div>
 
-    <el-row>
+    <el-row v-if="formType != 3 && showOne">
       <el-col :span="24">
         <el-form-item label="所属企业:" prop="title">
           <el-input v-model="value.title"></el-input>
@@ -18,7 +18,7 @@
 
     <el-row>
       <el-col :span="24">
-        <el-form-item label="成果需求名称:" prop="name">
+        <el-form-item label="需求名称:" prop="name">
           <el-input v-model="value.name"></el-input>
         </el-form-item>
       </el-col>
@@ -59,13 +59,14 @@
     </el-row>
 
     <FieldOptions
+      v-if="formType == 1"
       v-model="value"
       :labelWidth="labelWidth"
       ref="fieldForm"
       :disabled="!isAdd"
     />
 
-    <el-row>
+    <el-row v-if="formType == 1">
       <el-col :span="12">
         <el-form-item
           label="成果需求预算:"
@@ -87,7 +88,7 @@
       </el-col>
     </el-row>
 
-    <el-row>
+    <el-row v-if="formType == 1">
       <el-col :span="12">
         <el-form-item label="截止时间:" prop="work_at">
           <el-date-picker
@@ -134,7 +135,7 @@
       </el-col>
     </el-row>
 
-    <el-row>
+    <el-row v-if="formType == 1">
       <el-col :span="24">
         <InputBoxAdd
           :labelWidth="labelWidth"
@@ -171,6 +172,14 @@ export default {
       type: Number,
       default: 120,
     },
+    formType: {
+      type: Number,
+      default: 1,
+    },
+    showOne: {
+      type: Boolean,
+      default: true,
+    },
   },
   data() {
     return {
diff --git a/src/views/innovateDemand/demand/detail.vue b/src/views/innovateDemand/demand/detail.vue
new file mode 100644
index 0000000..32751a7
--- /dev/null
+++ b/src/views/innovateDemand/demand/detail.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="app-container">
+    <div style="width: 50%">
+      <EnterpriseDemandForm
+        v-model="form"
+        :showTitle="true"
+        :isAdd="false"
+        :labelWidth="labelWidth"
+        ref="enterpriseDemandRef"
+        :formType="form.type == 'enterprise' ? 2 : 3"
+      />
+    </div>
+    <div :style="{ marginLeft: labelWidth + 'px' }">
+      <el-button @click="$router.go(-1)">关 闭</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import EnterpriseDemandForm from "@/views/components/EnterpriseDemandForm";
+export default {
+  components: {
+    EnterpriseDemandForm,
+  },
+  data() {
+    return {
+      labelWidth: 160,
+      form: {
+        // type: "enterprise", // 企业类型
+        type: "expert", // 专家类型
+        id: undefined,
+        title: undefined,
+        name: undefined,
+        check: [],
+        add: undefined,
+        industrys: [],
+        status: false,
+        amount: 0,
+        work_at: undefined,
+        bankAccount: undefined,
+        bankPhone: undefined,
+        username: undefined,
+        userPhone: undefined,
+        customer: [],
+      },
+    };
+  },
+  methods: {},
+  created() {
+    const { id } = this.$route.query;
+    if (id) {
+      agentDetail({ id }).then((res) => {
+        this.form = res.data;
+      });
+    }
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/innovateDemand/demand/index.vue b/src/views/innovateDemand/demand/index.vue
index dee0dad..8c9a1e0 100644
--- a/src/views/innovateDemand/demand/index.vue
+++ b/src/views/innovateDemand/demand/index.vue
@@ -1,3 +1,259 @@
 <template>
-  <div>Demand列表</div>
-</template>
\ No newline at end of file
+  <div class="app-container">
+    <el-form
+      v-if="is_super"
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      label-width="85px"
+    >
+      <el-form-item label="需求名称" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入需求名称"
+          clearable
+          size="small"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="需求类别" prop="type">
+        <el-select
+          v-model="queryParams.type"
+          placeholder="用户状态"
+          clearable
+          size="small"
+          style="width: 240px"
+          @clear="delete queryParams.type"
+        >
+          <el-option label="企业服务需求" :value="1" />
+          <el-option label="专家服务需求" :value="2" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="时间查询" prop="time">
+        <el-date-picker
+          v-model="dateRange"
+          size="small"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item label="所属站点" prop="tenant_id">
+        <SiteOptions v-model="queryParams" />
+      </el-form-item>
+
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-tabs type="card" size="mini" v-model="queryParams.activeName">
+      <el-tab-pane label="待受理" name="1"></el-tab-pane>
+      <el-tab-pane label="已受理" name="3"></el-tab-pane>
+      <el-tab-pane label="已结束" name="2"></el-tab-pane>
+    </el-tabs>
+    <el-table v-loading="loading" :data="dataList" ref="tableRef">
+      <el-table-column label="数据编号" align="center" prop="id" />
+      <el-table-column label="需求名称" align="center" prop="name" />
+      <el-table-column label="需求类别" align="center" prop="research_name" />
+      <el-table-column label="类型" align="center" prop="laboratory_name" />
+      <el-table-column label="状态" align="center" prop="laboratory_name" />
+      <el-table-column label="站点" align="center" prop="address" />
+      <el-table-column label="申请时间" align="center" prop="address" />
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleAdd"
+            v-if="queryParams.activeName == 1"
+          >
+            受理
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click=""
+            v-if="queryParams.activeName == 1"
+          >
+            取消
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleExamine(scope.row.id)"
+          >
+            查看
+          </el-button>
+          <el-button
+            size="mini"
+            type="text"
+            @click="handleDelete(scope.row.id)"
+            v-if="queryParams.activeName != 1"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.page_num"
+      :limit.sync="queryParams.page_size"
+      @pagination="getList"
+    />
+    <!-- 对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="受理单位:" prop="name">
+          <el-input v-model="form.name" placeholder="请输入受理单位" />
+        </el-form-item>
+        <el-form-item label="联系人:" prop="key">
+          <el-input v-model="form.key" placeholder="请输入联系人" />
+        </el-form-item>
+        <el-form-item label="联系电话:" prop="value">
+          <el-input v-model="form.value" placeholder="请输入联系电话" />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      is_super: this.$store.getters.is_super,
+      // 日期范围
+      dateRange: [],
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 实验室表格数据
+      dataList: null,
+      // 查询参数
+      queryParams: {
+        page_num: 1,
+        page_size: 10,
+        activeName: "1",
+      },
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [
+          { required: true, message: "受理单位不能为空", trigger: "blur" },
+        ],
+        key: [{ required: true, message: "联系人不能为空", trigger: "blur" }],
+        value: [
+          { required: true, message: "联系电话不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    /** 查询机构列表 */
+    getList() {
+      this.loading = true;
+      this.dataList = [1];
+      this.total = 15;
+      this.loading = false;
+      // 时间参数合并
+      // expertList(this.addDateRange(this.queryParams, this.dateRange)).then((response) => {
+      //   this.dataList = response.data.data;
+      //   this.total = response.data.count;
+      //   this.loading = false;
+      // });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.page_num = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // handleClick() {
+    //   this.$nextTick(() => {
+    //     this.$refs["tableRef"].doLayout();
+    //   });
+    // },
+    handleExamine(id) {
+      this.$router.push({
+        path: "/innovateDemand/demandDetail",
+        query: { id },
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        name: undefined,
+        key: undefined,
+        value: undefined,
+      };
+      this.resetForm("form");
+    },
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "受理";
+    },
+    /** 提交按钮 - 修改名称普通数据 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          // configAdd(this.form).then((response) => {
+          //   this.$modal.msgSuccess("新增成功");
+          //   this.open = false;
+          //   this.getList();
+          // });
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(id) {
+      this.$modal
+        .confirm('是否确认删除产品编号为"' + id + '"的数据项？')
+        .then(function () {
+          return tenantDelete({ id });
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+  created() {
+    this.getList();
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/innovateDemand/enterpriseThink/detail.vue b/src/views/innovateDemand/enterpriseThink/detail.vue
new file mode 100644
index 0000000..dabe6ac
--- /dev/null
+++ b/src/views/innovateDemand/enterpriseThink/detail.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="app-container">
+    <div style="width: 50%">
+      <EnterpriseDemandForm
+        v-model="form"
+        :showTitle="true"
+        :isAdd="false"
+        :labelWidth="labelWidth"
+        :showOne="false"
+        ref="enterpriseDemandRef"
+      />
+    </div>
+    <div :style="{ marginLeft: labelWidth + 'px' }">
+      <!-- type="primary" -->
+      <el-button @click="$router.go(-1)">关闭</el-button>
+    </div>
+  </div>
+</template>
+<script>
+import EnterpriseDemandForm from "@/views/components/EnterpriseDemandForm";
+export default {
+  components: {
+    EnterpriseDemandForm,
+  },
+  data() {
+    return {
+      labelWidth: 160,
+      form: {
+        id: undefined,
+        title: undefined,
+        name: undefined,
+        check: [],
+        add: undefined,
+        industrys: [],
+        status: false,
+        amount: 0,
+        work_at: undefined,
+        bankAccount: undefined,
+        bankPhone: undefined,
+        username: undefined,
+        userPhone: undefined,
+        customer: [],
+      },
+    };
+  },
+  methods: {},
+  created() {
+    const { id } = this.$route.query;
+    if (id) {
+      agentDetail({ id }).then((res) => {
+        this.form = res.data;
+      });
+    }
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/innovateDemand/enterpriseThink/index.vue b/src/views/innovateDemand/enterpriseThink/index.vue
index 70dae6d..3da31fa 100644
--- a/src/views/innovateDemand/enterpriseThink/index.vue
+++ b/src/views/innovateDemand/enterpriseThink/index.vue
@@ -1,3 +1,122 @@
 <template>
-  <div>enterprise</div>
-</template>
\ No newline at end of file
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="企业名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入企业名称"
+          clearable
+          size="small"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
+        <SiteOptions v-model="queryParams" />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" prop="id" align="center" />
+      <el-table-column label="想合作企业名称" prop="title" align="center" />
+      <el-table-column label="企业名称" prop="title" align="center" />
+      <el-table-column label="所属产品" prop="local" align="center" />
+      <el-table-column label="联系方式" prop="is_multiple" align="center" />
+      <el-table-column label="所属站点" prop="area" align="center" />
+      <el-table-column label="创建时间" prop="created_at" align="center">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.created_at) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleExamine(scope.row.id)"
+            >查看归属需求</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.page_num"
+      :limit.sync="queryParams.page_size"
+      @pagination="getList"
+    />
+  </div>
+</template>
+<script>
+import {} from "@/api/website/siteSet";
+export default {
+  data() {
+    return {
+      is_super: this.$store.getters.is_super,
+      loading: true,
+      queryParams: {
+        title: undefined,
+        mode: undefined,
+        tenant_id: undefined,
+        page_num: 1,
+        page_size: 10,
+      },
+      total: 0,
+      dataList: [],
+    };
+  },
+  methods: {
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    handleQuery() {
+      this.queryParams.page_num = 1;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      this.dataList = [1];
+      this.total = 15;
+      this.loading = false;
+      // bannerList(this.queryParams).then((res) => {
+      //   this.dataList = res.data.data;
+      //   this.total = res.data.count;
+      //   this.loading = false;
+      // });
+    },
+    handleExamine(id) {
+      this.$router.push({
+        path: "/innovateDemand/enterpriseThinkDetail",
+        query: { id },
+      });
+    },
+  },
+  created() {
+    this.getList();
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/views/innovateDemand/expertThink/index.vue b/src/views/innovateDemand/expertThink/index.vue
index 0aae795..10e36b9 100644
--- a/src/views/innovateDemand/expertThink/index.vue
+++ b/src/views/innovateDemand/expertThink/index.vue
@@ -1,3 +1,251 @@
 <template>
-  <div>expert</div>
-</template>
\ No newline at end of file
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      @submit.native.prevent
+    >
+      <el-form-item label="企业名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入企业名称"
+          clearable
+          size="small"
+          style="width: 240px"
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="所属站点" prop="tenant_id" v-if="is_super">
+        <SiteOptions v-model="queryParams" />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column label="数据编号" prop="id" align="center" />
+      <el-table-column label="专家名称" prop="title" align="center" />
+      <el-table-column label="专家姓名" prop="local" align="center" />
+      <el-table-column label="联系方式" prop="is_multiple" align="center" />
+      <el-table-column label="所属站点" prop="area" align="center" />
+      <el-table-column label="创建时间" prop="created_at" align="center">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.created_at) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-view"
+            @click="handleUpdate(scope.row)"
+            >查看</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            >删除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.page_num"
+      :limit.sync="queryParams.page_size"
+      @pagination="getList"
+    />
+    <!-- 添加或修改对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px">
+      <el-form
+        ref="form"
+        disabled
+        :model="form"
+        :rules="rules"
+        label-width="100px"
+      >
+        <el-form-item label="所属站点:" prop="tenant_id" v-if="is_super">
+          <SiteOptions v-model="form" />
+        </el-form-item>
+        <el-form-item label="企业名称:" prop="title">
+          <el-input v-model="form.title" placeholder="请输入企业名称" />
+        </el-form-item>
+        <el-form-item label="专家姓名:" prop="size">
+          <el-input v-model="form.size" placeholder="请输入专家姓名" />
+        </el-form-item>
+        <el-form-item label="联系电话:" prop="images">
+          <el-input v-model="form.images" placeholder="请输入联系电话" />
+        </el-form-item>
+        <el-form-item label="备注:">
+          <el-input
+            type="textarea"
+            :autosize="{ minRows: 2, maxRows: 6 }"
+            v-model="form.images"
+            placeholder="请输入备注"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <!-- <el-button type="primary" @click="submitForm">确 定</el-button> -->
+        <el-button type="primary" @click="cancel">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  bannerList,
+  bannerAdd,
+  bannerEdit,
+  bannerDelete,
+} from "@/api/website/siteSet";
+export default {
+  data() {
+    return {
+      is_super: this.$store.getters.is_super,
+      loading: true,
+      queryParams: {
+        title: undefined,
+        mode: undefined,
+        tenant_id: undefined,
+        page_num: 1,
+        page_size: 10,
+      },
+      total: 0,
+      dataList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      restaurants: [],
+      // 表单参数
+      form: {},
+      rules: {
+        tenant_id: [
+          {
+            required: true,
+            message: "所属站点不能为空",
+            trigger: ["blur", "change"],
+          },
+        ],
+        title: [
+          { required: true, message: "企业名称不能为空", trigger: "blur" },
+        ],
+        size: [
+          { required: true, message: "专家姓名不能为空", trigger: "blur" },
+        ],
+        images: [
+          { required: true, message: "联系电话不能为空", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  methods: {
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    handleQuery() {
+      this.queryParams.page_num = 1;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      this.dataList = [1];
+      this.total = 15;
+      this.loading = false;
+      // bannerList(this.queryParams).then((res) => {
+      //   this.dataList = res.data.data;
+      //   this.total = res.data.count;
+      //   this.loading = false;
+      // });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.memberOpen = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        tenant_id: undefined,
+        title: undefined,
+        local: undefined,
+        size: undefined,
+        domains: [],
+        images: undefined,
+        is_multiple: 0,
+      };
+      this.resetForm("form");
+    },
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "新增";
+    },
+    handleUpdate(row) {
+      this.reset();
+      this.form = Object.assign({}, this.form, row);
+      this.open = true;
+      this.title = "详情";
+    },
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            // bannerEdit(this.form).then((response) => {
+            //   this.$modal.msgSuccess("修改成功");
+            //   this.open = false;
+            //   this.getList();
+            // });
+          } else {
+            // bannerAdd(this.form).then((response) => {
+            //   this.$modal.msgSuccess("新增成功");
+            //   this.open = false;
+            //   this.getList();
+            // });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      this.$modal
+        .confirm('是否确认删除编号为"' + row.id + '"的数据项？')
+        .then(function () {
+          // return bannerDelete({ id: row.id });
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+  },
+  created() {
+    this.getList();
+  },
+};
+</script>
\ No newline at end of file