页面修改

src/pages/enterprise/customer/CSChild/addPhase.vue

 <style>
-    @import "../../../financial/css/cssReset.css";
+  @import "../../../financial/css/cssReset.css";
+
+  .addPhase {
+    padding: 20px;
+  }
+
+  .addPhase .box {
+    width: 100%;
+
+    border-radius: 6px;
+    background: #fff;
+    padding: 20px;
+    margin-bottom: 25px;
+  }
+
+  .addPhase .bold {
+    font-weight: 760;
+    font-size: 16px;
+    color: #333;
+    border-left: 3px solid #3470ff;
+    margin-bottom: 20px;
+    margin-left: -20px;
+    padding-left: 20px;
+  }
 
-    .addPhase {
-        padding: 20px;
-    }
-
-    .addPhase .box {
-        width: 100%;
-
-        border-radius: 6px;
-        background: #fff;
-        padding: 20px;
-        margin-bottom: 25px;
-    }
-    .addPhase .bold{
-        font-weight: 760;
-        font-size: 16px;
-        color: #333;
-        border-left: 3px solid #3470ff;
-        margin-bottom: 20px;
-        margin-left: -20px;
-        padding-left: 20px;
-    }
-  
 </style>
 
 <template>
-    <div class="addPhase" style="background: transparent;">
-        <div class="box">
-            <div class="bold">名称</div>
-            <q-input clearable debounce filled maxlength="20" counter v-model="addMsg.FlowName" style="width:600px"
-            @input="$forceUpdate()" placeholder="名称"  :rules="[val => !!val || '不能为空']"   />
-          
-        </div>
-        <div class="box">
-            <div class="bold">阶段适用范围</div>
-            <q-btn class="q-mr-md" label="选择部门/成员" @click="outerVisible = true"  />
-          
-        </div>
-        <div class="box">
-            <div class="bold">选择使用阶段</div>
-            <div style="display:flex;align-items: center;">
-
-            </div>
-          
-        </div>
-        <div v-if="StageList">
-            <div class="box" v-for="(x,y) in StageList" v-if="x.Type==2">
-                <div class="bold" v-if="x.Name=='已输单'">选择输单原因</div>
-                <div class="bold" v-if="x.Name=='无效'">选择无效原因</div>
-                <div style="display:flex;align-items: center;flex-wrap: wrap;">
-                    <q-checkbox v-model="addMsg.LoseCause"  v-if="x.Name=='已输单'"
-                        v-for="(item,index) in x.OptionsList" :key='index' :val="item.Id"
-                        :label="item.Name" />
-                    <q-checkbox v-model="addMsg.InvalidCause"  v-if="x.Name=='无效'"
-                        v-for="(item,index) in x.OptionsList" :key='index' :val="item.Id"
-                        :label="item.Name" />
-                </div>
-              
-            </div>
-        </div>
-        
-       
-        <div class="box">
-            <el-form label-width="120px">
-
-            </el-form>
-            <q-card-actions align="left" class="bg-white" >
-                <q-btn color="accent" class="q-mr-md" label="保存" @click="savemove()" style="width: 100px;"
-                    :loading="loading" />
-                <q-btn class="q-mr-md" label="返回" @click="goblck()" style="width: 60px;" />
-            </q-card-actions>
+  <div class="addPhase" style="background: transparent;">
+    <div class="box">
+      <div class="bold">名称</div>
+      <q-input clearable debounce filled maxlength="20" counter v-model="addMsg.FlowName" style="width:600px"
+        @input="$forceUpdate()" placeholder="名称" :rules="[val => !!val || '不能为空']" />
+    </div>
+    <div class="box">
+      <div class="bold">阶段适用范围</div>
+      <q-btn class="q-mr-md" label="选择部门/成员" @click="outerVisible = true" />
+    </div>
+    <div class="box">
+      <div class="bold">选择使用阶段</div>
+      <div style="display:flex;align-items: center;">
+      </div>
+    </div>
+    <div v-if="StageList">
+      <div class="box" v-for="(x,y) in StageList" v-if="x.Type==2">
+        <div class="bold" v-if="x.Name=='已输单'">选择输单原因</div>
+        <div class="bold" v-if="x.Name=='无效'">选择无效原因</div>
+        <div style="display:flex;align-items: center;flex-wrap: wrap;">
+          <q-checkbox v-model="addMsg.LoseCause" v-if="x.Name=='已输单'" v-for="(item,index) in x.OptionsList" :key='index'
+            :val="item.Id" :label="item.Name" />
+          <q-checkbox v-model="addMsg.InvalidCause" v-if="x.Name=='无效'" v-for="(item,index) in x.OptionsList"
+            :key='index' :val="item.Id" :label="item.Name" />
         </div>
-
-        <!-- 人员/部门选择 -->
-        <choiceapprovalorbranch v-if="outerVisible" @close="outerVisible = false" @success="getsuccess2" :byval='showMember' cptype="1"></choiceapprovalorbranch>
-
+      </div>
+    </div>
+    <div class="box">
+      <el-form label-width="120px">
+      </el-form>
+      <q-card-actions align="left" class="bg-white">
+        <q-btn color="accent" class="q-mr-md" label="保存" @click="savemove()" style="width: 100px;" :loading="loading" />
+        <q-btn class="q-mr-md" label="返回" @click="goblck()" style="width: 60px;" />
+      </q-card-actions>
     </div>
+    <!-- 人员/部门选择 -->
+    <choiceapprovalorbranch v-if="outerVisible" @close="outerVisible = false" @success="getsuccess2" :byval='showMember'
+      cptype="1"></choiceapprovalorbranch>
+  </div>
 </template>
 
 <script>
-    import choiceapprovalorbranch from './components/choiceapprovalorbranch'
-    import {
-        getCustomerStageList,
-        
-    } from '../../../../api/system/wechat';
-    export default {
-        meta: {
-            title: "阶段管理"
-        },
-        components: {
-            choiceapprovalorbranch
-        },
-
-        name: "addPhase",
-        data() {
-            return {
-                loading: false,
-                outerVisible:false,
-                addMsg:{
-                    FlowName:'',
-                    DeptEmpList:[],
-                    UseStage:'',
-                    LoseCause:[],
-                    InvalidCause:[],
-                },
-                showMember:[],
-                StageList:[],
-            }
-        },
-        created() {
-            this.getCustomerStageList()
-
-
+  import choiceapprovalorbranch from './components/choiceapprovalorbranch'
+  import {
+    getCustomerStageList,
+
+  } from '../../../../api/system/wechat';
+  export default {
+    meta: {
+      title: "阶段管理"
+    },
+    components: {
+      choiceapprovalorbranch
+    },
+
+    name: "addPhase",
+    data() {
+      return {
+        loading: false,
+        outerVisible: false,
+        addMsg: {
+          FlowName: '',
+          DeptEmpList: [],
+          UseStage: '',
+          LoseCause: [],
+          InvalidCause: [],
         },
-        methods: {
-
-            goblck() {//返回上一个页面
-                this.$router.go(-1);//返回上一层
-            },
-            savemove(){
-
-            },
-            getCustomerStageList(){
-                getCustomerStageList({}).then(res => {
-                    this.loading = false
-                    if (res.Code == 1) {
-                        this.StageList = res.Data
-                    }
-
-                })
-            },
-            getsuccess2(list,type){
-                console.log(list)
-                this.showMember = list
-                this.outerVisible  = false
-            },
-
-
-        }
+        showMember: [],
+        StageList: [],
+      }
+    },
+    created() {
+      this.getCustomerStageList()
+    },
+    methods: {
+      goblck() { //返回上一个页面
+        this.$router.go(-1); //返回上一层
+      },
+      savemove() {},
+      getCustomerStageList() {
+        getCustomerStageList({}).then(res => {
+          this.loading = false
+          if (res.Code == 1) {
+            this.StageList = res.Data
+          }
+        })
+      },
+      getsuccess2(list, type) {
+        this.showMember = list
+        this.outerVisible = false
+      },
     }
-
+  }
 </script>
\ No newline at end of file