commit

src/main.js

@@ -39,6 +39,11 @@ moment.suppressDeprecationWarnings = true;
 // 右键菜单
 import Contextmenu from 'vue-contextmenujs'
 
+// vant
+import vant from 'vant';
+import 'vant/lib/index.css';
+//vant
+
 import animate from 'animate.css'
 
 // 引入路由器
@@ -263,6 +268,7 @@ Vue.use(VueI18n)
 Vue.use(VueClipboard)
 Vue.use(Contextmenu)
 Vue.use(animate)
+Vue.use(vant)
 
 // Vue.prototype.$echarts = echarts
 // 原生axios

src/pages/processCenter/pages/phone/bzjd/step4.vue

@@ -323,10 +323,14 @@
                 submitBTNText="同意"
         >
         </ProcessFooter>
+        <van-dialog v-model="dialogMadal" title="条款内容" @confirm="dialogOk">
+            <div v-html="itermsConditionsTitle"></div>
+        </van-dialog>
     </div>
 </template>
 
 <script>
+    import { Dialog } from 'vant';
     import ProcessHeaderPhone from '../../components/ProcessHeaderPhone'
     import ProcessFooter from '../../components/ProcessFooter'
     import ProcessTitle from '../../components/ProcessTitle'
@@ -337,6 +341,7 @@
         name: "phoneBzjdStep4",
         data() {
             return {
+                dialogMadal: false,
                 drawerModal: false,
                 //折叠的标志，true为折叠，false为不折叠
                 foldFormFlag: false,
@@ -363,11 +368,15 @@
             }
         },
         components: {
+            [Dialog.Component.name]: Dialog.Component,
             ProcessHeaderPhone,
             ProcessFooter,
             ProcessTitle
         },
         methods: {
+            dialogOk () {
+                this.dialogMadal = false
+            },
             handleTransfer() {
                 this.drawerModal = true
             },
@@ -409,7 +418,7 @@
                 this.itermsConditionsFlag = false
             },
             itermsConditionsOpen (row) {
-                this.itermsConditionsFlag = true
+                this.dialogMadal = true
                 this.itermsConditionsTitle = row
             },
             getHistoryData () {
@@ -496,6 +505,10 @@
 <style lang="less" scoped>
     @import '~@/assets/styles/phone';
     .phoneBzjdStep4 {
+        /deep/.van-dialog__content {
+            min-height: 300px;
+            padding: 10px;
+        }
         .prc-content-border {
             overflow: auto;
         }

src/pages/processCenter/pages/processList/tabComponents/processCenter/index.vue

@@ -547,7 +547,7 @@ export default {
             })
           } else if (row.taskInfo === '部长+对接人审核') {
             this.$router.push({
-              name: 'phoneBzdyStep7',
+              name: 'bzdyStep7',
               query: {
                 taskIds: row.taskIds,
                 prcId: row.prcId,