From fae3c1c88021c345872ae0dcaf43a1ccc62cdf9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E9=91=AB?= <zhangxin@zhehekeji.com>
Date: Wed, 16 Dec 2020 13:37:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=B7=E9=81=93=E7=AE=A1=E7=90=86=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9Eadd=E3=80=81=E7=BC=96=E8=BE=91edit=EF=BC=8C=E7=88=B6?=
 =?UTF-8?q?=E5=AD=90=E7=BB=84=E4=BB=B6=E9=80=9A=E4=BF=A1=E6=8E=A7=E5=88=B6?=
 =?UTF-8?q?=E6=98=BE=E9=9A=90model=E5=BC=B9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/antd.js               |   2 +
 src/views/roadwayManage/index.vue | 112 ++++++++++++++++++++----------
 src/views/roadwayManage/model.vue |  47 +++++++++++++
 3 files changed, 124 insertions(+), 37 deletions(-)
 create mode 100644 src/views/roadwayManage/model.vue

diff --git a/src/plugins/antd.js b/src/plugins/antd.js
index 62af6e6..a1c7d7d 100644
--- a/src/plugins/antd.js
+++ b/src/plugins/antd.js
@@ -21,6 +21,7 @@ import {
     Popconfirm,
     Tooltip,
     Drawer,
+    Divider
 } from "ant-design-vue";
 Vue.use(Layout);
 Vue.use(Input);
@@ -42,6 +43,7 @@ Vue.use(Select);
 Vue.use(Popconfirm)
 Vue.use(Tooltip)
 Vue.use(Drawer)
+Vue.use(Divider)
 Vue.prototype.$message = message;
 Vue.prototype.$info = Modal.info;
 Vue.prototype.$success = Modal.success;
diff --git a/src/views/roadwayManage/index.vue b/src/views/roadwayManage/index.vue
index 8ceebc8..c9db7ae 100644
--- a/src/views/roadwayManage/index.vue
+++ b/src/views/roadwayManage/index.vue
@@ -1,41 +1,53 @@
 <template>
-    <a-table
-        :columns="columns"
-        :row-key="record => record.id"
-        :data-source="data"
-        :pagination="pagination"
-        @change="handleGetStreetList"
-    >
-         <span slot="leftType" slot-scope="text">
-              {{ text === 0 ? '单伸' : '双伸' }}
-         </span>
-        <span slot="rightType" slot-scope="text">
-              {{ text === 0 ? '单伸' : '双伸' }}
-         </span>
-        <span slot="actions" slot-scope="text">
-              <template>
-                  <span v-if="text.camera1Name">{{text.camera1Name}}</span>
-                  <span v-if="text.camera2Name">{{text.camera2Name}}</span>
-                  <span v-if="text.camera1Name && text.camera2Name">{{text.camera1Name}}/{{text.camera2Name}}</span>
-              </template>
-         </span>
-        <span slot="action" slot-scope="text, record">
-            <a @click="editModal(1,record)" v-action="'dosage_edit'">
-              编辑
-            </a>
-            <a-divider type="vertical" v-action="'dosage_edit'"/>
-            <a-popconfirm
-                title="是否删除?"
-                @confirm="() => delDosage(record)"
-                v-action="'dosage_delete'"
-            >
-              <a>删除</a>
-            </a-popconfirm>
+    <div>
+        <a-button type="primary" class="add" @click="showModal('add','')">
+            新增
+        </a-button>
+        <a-table
+            :columns="columns"
+            :row-key="record => record.id"
+            :data-source="data"
+            :pagination="pagination"
+            @change="handleGetStreetList"
+        >
+          <span slot="leftType" slot-scope="text">
+               {{ text === 0 ? '单伸' : '双伸' }}
           </span>
-    </a-table>
+             <span slot="rightType" slot-scope="text">
+               {{ text === 0 ? '单伸' : '双伸' }}
+          </span>
+          <span slot="actions" slot-scope="text">
+            <template>
+                <span v-if="text.camera1Name">{{text.camera1Name}}</span>
+                <span v-if="text.camera2Name">{{text.camera2Name}}</span>
+                <span v-if="text.camera1Name && text.camera2Name">{{text.camera1Name}}/{{text.camera2Name}}</span>
+            </template>
+          </span>
+          <span slot="action" slot-scope="text, record">
+          <a @click="showModal('edit',record)">
+            编辑
+          </a>
+          <a-divider type="vertical"/>
+          <a-popconfirm
+              title="是否删除?"
+              @confirm="() => delDosage(record)"
+          >
+            <a>删除</a>
+          </a-popconfirm>
+          </span>
+        </a-table>
+        <Model
+            :visible.sync="visible"
+            :modelTitle="modelTitle"
+            @sure="submit"
+            @close="closeModel"
+        />
+    </div>
 </template>
+
+
 <script>
-// import reqwest from 'reqwest';
+import Model from "./model.vue";
 const columns = [
     {
         title: '巷道名称',
@@ -57,7 +69,7 @@ const columns = [
     },
     {
         title: '对应球机',
-        scopedSlots: { customRender: 'actions' },
+        scopedSlots: { customRender: 'actions' }
     },
     {
         title: '修改时间',
@@ -78,6 +90,8 @@ export default {
             pagination: {},
             loading: false,
             columns,
+            visible:false,
+            modelTitle:''
         };
     },
     mounted() {
@@ -93,11 +107,35 @@ export default {
                     }
                 })
                 .then(res => {
-                    // res.data[1].mediaPath =
-                    //     "http://gitlab.zhehekeji.com/security_check/security_front/raw/1.0.0/src/assets/video/video2.mp4";
                     this.data = res.data.list;
                 });
+        },
+        showModal(type,data){
+            this.visible = true
+            console.log(type)
+            if(type=='add'){
+                this.modelTitle = "新增巷道"
+            }else if(type=='edit'){
+                this.modelTitle = "编辑巷道"
+                this.modelData = data
+            }
+        },
+        submit(visible){
+            this.visible = visible
+        },
+        closeModel(visible){
+            this.visible = visible
         }
     },
+    components:{
+        Model
+    }
 };
 </script>
+<style lang="scss">
+    .add{
+        position: absolute;
+        top:0;
+        right: 20px;
+    }
+</style>
diff --git a/src/views/roadwayManage/model.vue b/src/views/roadwayManage/model.vue
new file mode 100644
index 0000000..8c09e2a
--- /dev/null
+++ b/src/views/roadwayManage/model.vue
@@ -0,0 +1,47 @@
+<template>
+    <div v-if="visible">
+        <a-modal
+            :title="modelTitle"
+            :visible="visible"
+            :confirm-loading="confirmLoading"
+            @ok="handleOk"
+            @cancel="handleCancel"
+            ok-text="确认" cancel-text="取消"
+        >
+            <p>gfgdfgdfgdf</p>
+        </a-modal>
+    </div>
+</template>
+<script>
+export default {
+    props:{
+        visible:{
+            type:Boolean
+        },
+        modelTitle:{
+            type:String
+        }
+    },
+    data() {
+        return {
+            confirmLoading: false,
+        };
+    },
+    mounted() {
+
+    },
+    methods: {
+        handleOk() {
+            this.confirmLoading = true;
+            setTimeout(() => {
+                this.$emit('sure',false)
+                this.confirmLoading = false;
+            }, 500);
+        },
+        handleCancel() {
+            console.log('Clicked cancel button');
+            this.$emit('close',false)
+        },
+    },
+};
+</script>